html, body { margin: 0; padding: 0; font: .85em Arial, Helvetica, sans-serif; color: #000; background: #FFF url(../pics/bg.gif) top center repeat-y; _background: #000; }
body, div#body { width: 860px; margin: 0 auto; text-align: center; }
div#body { text-align: left; background: #66d2ee url(/pics/bg-content-content.jpg) repeat-y; }
div#body.flash div { text-align: center; }
p { margin: 5px 0; }
h2{
color:#FF6702;
font-size:2.0em;
font-weight:bold;
font-style:italic;
margin-top:20px;
margin-bottom:10px;
}


div#header { margin-top: -16px; }
div#header div#online-kurzy { height: 53px; border-bottom: 2px solid #FFF; background: #fe7213 url(../pics/bg-top.jpg) repeat-x; }
div#header h3 { padding: 30px 0 0 25px; color: #FFF; }
div#header h1 { float: right; margin: 10px 22px 5px 0; padding: 0; width: 360px; height: 47px; position: relative; overflow: hidden; }
div#header h1 a span { width: 360px; height: 47px; display: block; position: absolute; top: 0; left: 0; background: url(../pics/bg-h1.jpg) no-repeat; cursor: pointer; }
div.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border: 0; visibility: hidden; }

div#us-lm { width: 816px; margin-left: 22px;}
div#us-lm-top { height: 57px; background: url(../pics/bg-us.jpg) no-repeat; }
div#us-lm-top ul#login-menu { list-style-type: none; float: right; margin: 7px 80px 0 0;  }
ul#login-menu li { display: inline; float: left; margin-right: 5px; color: #066; }
ul#login-menu li a { color: #066; }

ul#menu { float: left; width: 815px; height: 31px; background: #F2FCFD; list-style-type: none; margin: 30px 0 0 0; padding: 0; border-left: 1px solid #4fc6e6; }
ul#menu li { float: left; display: inline; }
ul#menu li a { margin: 0; width: 124px; height: 31px; color: #FFF; margin: 0 -5px 0 1px; text-align: center; text-decoration: none; font-weight: bold; line-height: 350%; display: block; background: #F60 url(../pics/bg-button.jpg) repeat-x; }
ul#menu li a:hover, ul#menu a.active { background-position: 0 -31px; line-height: 250%;}
ul#menu li a.last { background: #F60 url(../pics/bg-menu-right.jpg) repeat-x top right; }
ul#menu li a.last:hover, ul#menu li a.activelast { background-position: right -31px; }
ul#menu li a.activelast { line-height: 250%; }
div#content {
width: 794px;
margin: -1px 0 0 22px;
padding: 10px;
background: #FFF;
border: 1px solid #4fc6e6;
border-bottom: 0;
height: auto;
min-height: 400px;
_height: 400px;
padding-top:0px;
color:#666666;
}
div#content-bottom { margin-left: 21px; border-left: 1px solid transparent; border-right: 1px solid transparent; width: 815px; height: 10px; background: url(../pics/bg-bottom.jpg) no-repeat; }

a { color: #FD6502; }
a:hover { text-decoration: none; }
.white { color: #FFF; }
.orange { color: #F50; }
.blue { color: #3CAFCC; }
.bg-white { background: #FFF; }
.bg-orange { background: #F50; }
.bg-blue { background: #3CAFCC; }
.f-left { float: left; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.no-clear { clear: none !important; }
h3 { color: #F50; font-size: 1.5em; font-weight: bold; }
a img { border: 0; text-decoration: none; }
p.success, p.error { border: 2px solid #3CAFCC; padding: 14px 10px 10px 68px; margin-bottom: 5px; color: #3CAFCC; font-size: 1.5em; font-weight: bold; background: #e2f6fb url(../pics/info.png) 10px 4px no-repeat; height: auto; min-height: 30px;  _height: 30px; }
p.error { border-color: #FD6502; color: #FD6502; background: #fdf3e3 url(../pics/warning.png) 10px 5px no-repeat;; }
ol { margin: 5px; }
ol li { margin-bottom: 5px; }

form fieldset { border: 0; }
form legend { display: block; margin: 15px 0 0 -12px; font-size: 1.2em; font-weight: bold; color: #3CAFCC; }
form fieldset p { margin-left: -10px; }
form label, form input, form select, form div.input, form textarea { float: left; display: block; }
form input, form select, form div.input, form textarea { width: 150px; clear: right; color:#666666 }
form textarea { width: 450px; }
/*form input { clear: right; }*/
form label { width: 150px; margin: 4px 0 6px 0; padding-right: 10px; text-align: right; clear: left; color: #137792; }
form input.submit, form input.submit2 { clear: left; margin: 5px 0 0 160px; border: 0; padding: 5px 0 9px 0; background: #FD6512 url(../pics/bg-submit.gif) no-repeat; line-height: 300%; color: #FFF; font-weight: bold; }
form input.submit2 { clear: left; margin: 5px 0 0 170px; }
form input.radio { width: auto; margin-left: -2px; border-width:0px; }
form input.file { width: 250px; }
form input, form textarea { border: 1px solid #41BBDA;}
form input.hidden { border: 0; }
form input#image { width: 259px; }
form select { border: 1px solid #5ad0ee; }

form.no_format label, form.no_format input { width: auto; float: none; display: inline; }
form.no_format .submit { margin: 0; text-align: center; width: 150px; }



ul.textbooks li {
margin-top:60px;
margin-left:20px;
margin-bottom:40px;
background: transparent url(../picts/layout/sipka_mala.png) no-repeat 0px 0px;;
padding-left:40px;
width:500px;
display: block;
list-style-type: none;
}


ul.textbooks h4, ul.textbooks h4 a, ul.textbooks h3 
{
padding:0px;
margin:0px;
font-size:22px;
color:#39ADCC;
font-family:arial;
font-style:italic;
}

ul.textbooks h3 
{
margin-top:7px;
margin-bottom:30px;
}


ul.textbooks p{
margin-top:5px;
margin-bottom:15px;
color:#6A6A6A;
}

ul.textbooks div.float-content {
 margin-left: 120px; 
}

ul.textbooks li div.float-content dl 
{
display: block;
margin-bottom: 20px;
}


ul.textbooks li div.float-content dl dd ul li{
padding-left:0px;
 background-image: none;
 margin-top:0px;
 margin-bottom:2px;
 width:300px;

}



ul.textbooks li div.float-content dl dd {
color:#6A6A6A;
display: block;
margin: -1.3em 0 0.25em 8.5em;
}

ul.textbooks li div.float-content dl dd.double 
{
margin: -2.5em 0 .5em 7.5em; 
}

ul.textbooks li p span, ul.textbooks dl dt 
{
color: #ff6702;
font-weight:bold;
width: 8em;
margin-top:7px;
}

ul.textbooks li img 
{
display: block;
float: left;
margin: 0 10px 5px 0;
border: 1px solid #aaaaaa;
}

ul.platebni-udaje { width: 16em; }
ul.platebni-udaje li { list-style-type: none; }
ul.platebni-udaje ul { margin-left: 5px; border-left: 1px solid #EDEDED; }
ul.platebni-udaje ul li { list-style-type: none; margin: 3px 0; padding-bottom: 3px; border-bottom: 1px solid #EDEDED; text-indent: 5px; }

a.run-test{
margin-top:20px;
margin-left:100px;
margin-right:100px;
padding:20px;
display: block;
text-decoration:none;
border:1px solid #FFFFFF;
color:#39ADCC
}

a.run-test:hover{
border:1px solid #4FC6E6;
color:#FF6600;

}

a.run-test img{
margin-left:40px;
}

a.run-test p{
text-decoration:none;
background: transparent url(../picts/layout/sipka_mala.png) no-repeat 0px 0px;;
padding-left:40px;
margin-left:170px;
font-size:2em;

}



ul { margin: 0; padding: 0; }
ul.inline-list li { list-style-type: none; display: inline; padding-right: 5px; }

div#footer ul { padding: 12px 0 15px 30px; text-align: center; }
div#footer, div#footer ul li a { color: #FFF; }

table { border-collapse: collapse; border-left: 1px solid #5ad0ee; border-top: 1px solid #5ad0ee; }
table th, td { padding: 5px 7px; border-right: 1px solid #5ad0ee; border-bottom: 1px solid #5ad0ee; }
table th { color: #FFF; background: #28aace url(../pics/bg-table-th.jpg) repeat-x; text-align: center; }

.detail
{
color:#39ADCC;
font-weight:bold;
background: url(../pics/detail.gif) 0 1px no-repeat;
padding-left: 15px; 
}

.delete {
color:#39ADCC;
font-weight:bold;
background: url(../pics/zrus.gif) 0 1px no-repeat;
padding-left: 15px;
}

.order {
color:#39ADCC;
font-weight:bold;
background: url(../pics/turn_right.gif) 0 1px no-repeat;
padding-left: 15px;
}

.prolongue 
{
color:#39ADCC;
font-weight:bold;
background: url(../pics/prodlouzit.gif) 0 1px no-repeat;
padding-left: 15px; 
}


.tlacitko_vyhledavani
{
border:1px solid #FFFFFF;
background-color:#4FC6E6;
color:#FFFFFF;
font-weight: bold;
padding:0px;
width:100px;
margin:5px;
clear:left;
display:block;
margin-left:190px;
}

.tlacitko_vyhledavani_hledej{

margin:0px;
padding:0px;
width:100px;
clear:none;
margin-left:5px;


}


.vyhledavani
{

margin:0px;
margin-left:100px;
margin-right:100px;
border:1px solid #4FC6E6;
background-color:#E3F9FF;
padding:20px;
border-top:0px solid white;
}

.vyhledavani h3{
color:#2FAFD2;
font-size:14px;
font-weight:bold;
width:350px;
}

.vyhledavani form{
display:block;
margin:0px;
padding:0px;
}



.vyhledavani form select
{
margin:0px;
margin-top:5px;
}


.vyhledavani form label{
margin:0px;
padding:0px;
width:130px;
margin-right:10px;
margin-top:5px;
}


.poznamka{
color:#2FAFD2;
margin-top:5px;
margin-bottom:30px;
margin-left:30px;
}

.details{
font-size:1.1em;
line-height:130%;
}

.details li dl dt{

}



dd table{
margin-left:15px;
margin-top:10px;
margin-bottom:20px;
width:150px;
color:#6A6A6A;
border-width:0px;
}

dd table tr td{
padding:2px;
border-width:0px;
}

.padding_top
{
padding-top:30px;
}

h2.nadpis_v_textu{
color:#FF6600;
font-size:2em;
margin-top:30px;
margin-bottom:15px;
}

.odsazeni{
margin-left:25px;
}

.neuhrazene
{
border:1px solid #ED1C24;
background-color:#FDDFE0;
padding:20px;
margin-left:80px;
margin-right:120px;
color:#666666;
line-height:170%;
}

.neuhrazene h2{
margin-top:0px;
margin-bottom:2px;
font-size:20px;
color:#666666;
}

.neuhrazene p{
margin-bottom:25px;
margin-left:20px;
}

.neuhrazene ul{
margin-left:30px;
}
.neuhrazene ul li{
list-style-type:square;
margin-bottom:5px;
}



.blue_field{
line-height: 160%;
margin:20px;
color:#137792;
margin-left:80px;
margin-right:120px;
border:1px solid #4FC6E6;
background-color:#E3F9FF;
padding:20px;
}



.red_field{
line-height: 160%;
margin:20px;
color:#137792;
margin-left:80px;
margin-right:120px;
padding:20px;
border:1px solid #FF0000;
background-color:#FDDFE0;
color:#FF0000;
}

.red_field a{
color:#000000;
}

.red_field ol{
margin-left:30px;

}


.sms_platba{
margin:20px;
margin-left:80px;
margin-right:200px;
border:1px solid #4FC6E6;
background-color:#E3F9FF;
padding:20px;
}

.sms_platba p{
font-weight:bold;
color:#137792;
padding:5px;

}

.sms_platba .big{
margin-top:15px;
text-align:center;
font-size:15px;
}

.sms_platba .medium{
font-size:13px;
}

.sms_platba .small{
margin-top:30px;
font-size:10px;
}
.oddelovaci_cara{
border-top:1px solid #4FC6E6;
font-size:1px;
}

a.smazat_ucet{
margin-top:20px;
margin-left:40px;
margin-right:300px;
padding:20px;
display: block;
text-decoration:none;
border:1px solid #FDDFE0;
font-size:1.1em;
color:#FF0000;
text-align:center;
}

a.smazat_ucet:hover{
border:1px solid #FF0000;
background-color:#FDDFE0;
color:#FF0000;

}




.registrace_div{
display:block;
background: #E3F9FF url(../picts/chlap.png) no-repeat right 20px;
margin:20px;
margin-left:80px;
margin-right:200px;
border:1px solid #4FC6E6;
padding:20px;
}

.registrace_div form{
margin:0px;
}

.registrace_div form fieldset table tr td label{
width:120px;
font-weight:bold;
margin:0px;
}

.registrace_div form fieldset table tr td input{
margin:0px;
}

.registrace_div form fieldset table tr td .submit{
margin:0px;
margin-left:120px;
margin-top:20px;
}


.registrace_div form fieldset table{
margin:0px;
border-width:0px;
}

.registrace_div form fieldset table tr td{
border:0;
padding:2px;
padding-top:10px;
}

.registrace_div form fieldset table tr td.space{
padding-top:15px;
font-size:1px;
}

.registrace_div .dodatky{
margin-top:60px;

}

.registrace_div .dodatky a{
display:block;
color:#3CAECC;
background: transparent url(../picts/layout/sipka_mala.png) no-repeat 0px 0px;;
padding:5px;
padding-left:40px;
font-size:14px;
text-decoration:none;
margin-left:20px;
margin-bottom:12px;
width:270px;
}

.registrace_div .dodatky a:hover{
text-decoration:underline;
}

.keys{
background-image: url(../picts/keys.png);
}





.feedback_form{
display:block;
line-height: 160%;
margin:20px;
color:#137792;
margin-left:80px;
margin-right:120px;
border:1px solid #FF6600;
padding:20px;
background: #E3F9FF url(../picts/chlap_bublina.png) no-repeat right 60px;
background-position: 410px 75px;
}

.feedback_form textarea{
float:none;
width:360px;
height:95px;
display:block;
clear:right;
margin-bottom:10px;
}

.feedback_form input{
float:none;
width:240px;
}
.feedback_form input.submit{
margin-left:0px;
margin-top:30px;
width:150px;
}

.feedback_form input.hidden{
display:none;
}