/*
#00669D - modra tmava
#FEFEFE - pozadi html
#E6F5FF - svetla modra
#DFDFDF - tmave seda
*/

*{
margin:0;
padding:0;
border:0;
}
html{
background: #fdfdfd url('/des/htmlback.gif') repeat-x;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
color: #333;
}
body{
width: 760px;
margin: 0 auto;
margin-bottom: 2em;
}

/* hlavicka *******************************************************************/

#head{
height: 97px;
background: url('/des/head.gif') bottom no-repeat;
padding-top: 33px;
}
#head a{
display: block;
width: 100%;
height: 90px;
}
#head span{
display: none;
}

/* main ***********************************************************************/
#main{
background: #DFDFDF url('/des/mainback.gif') repeat-y;
border-top: 8px solid #DFDFDF;
}

/* menu ***********************************************************************/
#menu{
float: left;
width: 160px;
background: #E6F5FF url('/des/vse_blue.gif') bottom no-repeat;
margin: 0 0 0 10px;
padding-right: 10px;
padding-bottom: 140px;
border-bottom: 2em solid #E6F5FF;
_margin-left: 5px;
}
#menu ul{
list-style-type: none;
margin-top: 2em; /* 2px; */
border-top: 1px solid #bdf; /* #00669D; */
}
#menu ul.first{
margin-top: 15px;
border-top: 0;
}
#menu ul li{
background: url('/des/menu.gif') no-repeat .9ex 7px;
}
#menu a{
display: block;
_height: 2em;
line-height: 2em;
padding-left: 30px;
border-bottom: 1px solid #bdf; /* #00669D; */
color: black;
text-decoration: none;
font-weight: bold;
}
#menu a:hover{
color: #00669D;
background: url('/des/menu.gif') no-repeat .9ex -80px;
}

/* text ***********************************************************************/
#text{
padding: 10px;
padding-bottom: 30px;
float:left;
width: 420px;
background: white;
min-height: 400px;
_height: 400px;
background-repeat: no-repeat;
background-position: right 5em;
}
#text a:link{
color: #00669D;
}
#text a:visited{
color: #999;
}
#text a:hover{
background-color: #E6F5FF;
text-decoration: none;
}
#text a:active{
color: #E6F5FF;
background: #00669D;
}
#text h1{
font-size: 130%;
text-align: center;
margin: 1em 0 1ex;
padding: 0 1ex;
color: white;
background: #00669D;
clear: both;
}
#text h1 a, #text h1 a:link, #text h1 a:visited{
background: none;
color: #E6F5FF;
text-decoration: none;
border-bottom: 1px solid #E6F5FF;
}
#text h1 a:hover{
border: 0;
}
#text h2, #text h3{
color: #00669D;
margin: 1em 10px 1ex;
}
#text h2{
font-size: 130%;
}
#text h3{
font-size: 110%;
}
#text h2, #text h2 a{
font-weight: bold;
}
#text h2 a{
border-bottom: 1px solid;
text-decoration: none;
}
#text h2 a:hover{
border-bottom: 0;
}
#text dl{
margin: 1em 10px 2em;
}
#text dt{
margin-top: 1em;
font-weight: bold;
}
#text dd{
margin: .5ex 0 1ex 50px;
}
#text p{
line-height: 1.6;
margin: 1.2em 10px;
text-align: justify;
}
#text p.otazka{
font-weight: bold;
margin-bottom: -10px;
}
#text p.subtitle{
font-style: italic;
text-align: center;
font-size: 75%;
}
#text div.infobox{
border: 1px solid #00669D;
margin: 10px;
background: #E6F5FF;
}
#text ul, #text ol{
margin: 1em 0 2em 3em;
line-height: 1.5;
}
#text ul.nostyle{
list-style-type: none;
}
#text ol ul{
list-style-type: square;
margin: 1ex 0 1em 2em;
}
#text div.image{
text-align: center;
}
#text div.img{
text-align: center;
}
#text div.img p{
text-align: center;
color: #999;
font-size: 80%;
font-style: italic;
}
#main div.podminky{
background-image: url('/des/back-podminky.jpg');
}
#main div.informace-pro-partnery{
background-image: url('/des/back-informace-pro-partnery.jpg');
}
#main div.poslani{
background-image: url('/des/back-poslani.jpg');
}
#main div.kontakty{
background-image: url('/des/back-kontakt.jpg');
background-position: right 1em;
}

#text img{
vertical-align: middle;
padding: 5px;
display: block;
border: 1px dotted #ccc;
_border: solid #eee;
}
#text img.center{
margin: 0 auto;
}
#text p img.right{
float: right;
display: inline;
margin: 1ex 0 1ex 1ex;
}
#text p img.left{
float: left;
display: inline;
margin: 1ex 1ex 1ex 0;
}
#text div.item h2{
clear: right;
color: #00669D;
font-weight: normal;
}
#text div.item h2 a{
color: #00669D;
}
#text div.item h2 a:active{
color: white;
}
#text div.item p{
margin-bottom: 1ex;
text-align: left;
}
#text div.item p.continue{
margin-top: -1ex;
text-align: right;
font-size: 80%;
clear: both;
}
#text p.podpis{
font-style: italic;
text-align: right;
}
#text p.perex{
color: black;
}
#text p.info{
color: #999;
font-size: 80%;
line-height: 1.2;
}

#text div.kontakt p{
text-align: left;
}
#text table.kontakt,
#text table.zdroj{
margin: 1em 10px;
width: 400px;
border-collapse: collapse;
border: 1px solid #00669D;
}
#text table.kontakt td,
#text table.kontakt th{
padding: .4ex 1ex;
width: 50%;
}
#text table.kontakt th{
text-align: left;
}
#text hr{
border: 0 none;
margin: 2ex 10px 1ex;
_margin: 1ex 10px 0;
border-bottom: 1px solid #ddd;
height: 1px;
padding: 0;

}
#text table.zdroj{
font-size: 80%;
}
#text table.zdroj th{
width: 40%;
text-align: left;
}
#text table.zdroj th,
#text table.zdroj td{
padding: .3ex 1ex;
}
#text table.tdata{
border: solid #00669D;
border-width: 1px 0 0 1px;
border-collapse: collapse;
margin: 1em 10px;
}
#text table.tdata td, #text table.tdata th{
border: solid #00669D;
border-width: 0 1px 1px 0;
padding: .4ex 1ex;
vertical-align: top;
}
#text table.tdata th{
font-weight: normal;
text-align: left;
}
#text table.album{
margin: 0 auto;
}
#text table.album td{
vertical-align: top;
padding: 5px;
}

/* tsquare ********************************************************************/
#text div.tsquare{
width: 400px;
margin: 1em auto;
background: url('/des/tsquare-back.gif') no-repeat top;
}
#text div.tsquare div{
background: url('/des/tsquare-bottom.gif') no-repeat bottom;
padding: 1ex 1em .3ex;
}
#text div.tsquare h2{
color: #00669D;
font-style: italic;
font-weight: normal;
font-size: 18pt;
margin-top: 0;
}

/* download *******************************************************************/
#text ul.download{
margin: 1em 10px;
list-style: none;
}
#text a.download{
display: block;
text-decoration: none;
border: 1px solid #eee;
min-height: 30px;
margin: 1em 0;
_height: 30px;
line-height: 30px;
padding: 1ex 1ex 1ex 50px;
background-position: 10px;
background-repeat: no-repeat;
}
#text a.download.pdf{
background-image: url('/des/icon-pdf.gif');
}
#text a.download.ppt{
background-image: url('/des/icon-ppt.gif');
}
#text a.download.doc{
background-image: url('/des/icon-doc.gif');
}
#text a.download:hover{
border: 1px solid #ccc;
background-color: white;
}
#text a.download:active{
border: 1px solid black;
color: black;
}

/* bigmenu ********************************************************************/
#bigmenu{
margin: 20px 0;
height: 170px;
overflow: hidden;
}
#bigmenu ul{
list-style-type: none;
margin: 0;
}
#bigmenu li{
float: left;
margin-left: 10px;
margin-right: 10px;
_margin-left: 5px;
}
#bigmenu li a{
display: block;
width: 120px;
background-color: #E6F5FF;
background-repeat: no-repeat;
color: #00669D;
text-align: center;
height: 68px;
font-style: italic;
font-size: 16pt;
text-transform: lowercase;
padding-top: 100px;
line-height: 1.5;
text-decoration: none;
overflow: hidden;
outline: 0;
}
#bigmenu li a:visited{
color: #00669D;
}
#bigmenu li a:hover{
background-color: white;
color: #00669D;
}
#bigmenu a:active{
background: #E6F5FF;
outline: 0;
}


/* partners ******************************************************************/
#partners{
width: 122px;
text-align: center;
margin-left: auto;
float: right;
margin-right: 8px;
_margin-right: 4px;
}
#partners div.list{
padding-top: 10px;
background: white url('/des/partner.gif') no-repeat;
margin-bottom: 10px;
}
#partners div.list div{
background: white url('/des/partner.gif') no-repeat bottom;
padding-bottom: 10px;
overflow: hidden;
}
#partners a{
text-decoration: none;
color: #00669D;
display: block;
}
#partners a:hover{
}
#partners p{
margin-bottom: .9em;
}
#partners p a span.info{
color: #ccc;
font-size: 7pt;
}
#partners p a:hover span.info{
color: #666;
}
#partners p a img{
padding-bottom: 2px;
border-bottom: 1px solid white;
}
#partners p a:hover img{
border-color: #00669D;
}
#partners h2{
font-size: 15pt;
font-weight: normal;
text-align: center;
color: #00669D;
font-style: italic;
padding-bottom: 1ex;
}

/* foot ***********************************************************************/
#foot{
clear: both;
height: 2em;
border-top: 10px solid #DFDFDF;
background: #DFDFDF url('/des/foot.gif') no-repeat bottom;
text-align: center;
font-size: 80%;
}
#foot a{
color: #00669D;
text-decoration: none;
}
#foot a:hover{
text-decoration: underline;
}
#foot div{
border-top: 1px solid #00669D;
}