.container { padding-top:1.6em; }
.container a{ padding:0; }

body { font:13px Tahoma, "Lucida Grande CE", lucida, sans-serif;color: #333; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}

pre { background-color: white;color:black;}
body {
xbackground:url(/images/body.gif) repeat-x 0 0 #40C0CB;
background-color:#D8D5CB   ;
color:#333;
}
body.burn {
background-color:#1a1919;
color:#333;
}
body.burn #case {
border:4px solid #999;
}
hr {
display:block; height:1px; overflow:hidden;
color:#EFEFEF;  margin:.6em 0; padding:0;border:0;
background-color:#E7E7E7;
}
.float-left {
float:left;
}
.float-right {
float:right;
}
.center {
text-align:center;
}
.right {
text-align:right;
}
.fix {
clear:both;
}
.hidden {
display:none;
}
.red { color:#CC0000; }
h1 {
color:#00A8C6;
font-family:Trebuchet MS;
padding:20px 0 10px 0;
line-height:1.2em;
}
.container h2 { color:#333;font-family:Trebuchet MS;margin-top:0;font-weight:normal; }
h3 {color:#333;font-family:Trebuchet MS;font-weight: normal; }
h5 {
padding:0;margin:0;
}
a {
color:#8FBE00;
}
a:hover {
color:#666;
}
table { width:100%;border:1px solid #E7E7E7; }
table td { padding:5px;border-bottom:1px solid #E7E7E7; }
table th { background-color:#7ECEED; font-weight:normal; color:white; padding:5px;font-size:1.1em; }
table th a {
color:white;
text-decoration:none;
}
table th a:hover {
text-decoration:none;
color:white;
}
table td.suma {
font-weight:bold;
}
strong {
font-weight:bold;
}
table.noborder, table.noborder td {
border:0;
}
#logo { margin-top:20px;float:left;display:block;}
#header { width:920px;height:130px;xbackground:url(/images/header.jpg) no-repeat 0 0;padding-left:40px;position:relative; }
#header p.action {
float:right;
background:0;
font-size:12px;font-weight:normal;
}
#header p.action a {
color:#666;
}
#header p.action a:hover {
color:#999;
text-decoration:none;
}
#header-promo {position:absolute;left:400px;top:20px; }
#footer {
border-top:1px solid #E7E7E7;
margin-top:10px;
padding:10px;
text-align:center;
color:#666;
background:url(/images/foot-back.jpg) repeat-x 0 0 #D8D5CB;
}
#footer a {
color:#666;
}
#poslat-dotaz a {
color:white;
text-decoration:none;
}
#poslat-dotaz a:hover {
text-decoration:underline;
}
#poslat-dotaz {
width:170px;height:44px;
background:url(/images/poslat-dotaz.gif) no-repeat 0 0;
padding:0 0 0 40px;
margin:0 auto;
line-height:44px;vertical-align:middle;
font-size:16px;font-weight:bold;
font-family:Trebuchet MS;
}
#menu {
xbackground:url('/images/menu-back.gif') repeat-x 0 0;
height:35px;
margin-top:10px;
text-align:center;
border-bottom:20px solid #00a8c6;
}
#menu li {
display:block;
background-color:white;
float:left;
padding-right:0px;
margin:0 4px;
}
#menu li.logout {
float:right;
padding:0 0 0 0px;
}
#menu li a {
color:white;
font-weight:bold;
background-color:#00a8c6;
xbackground:url('/images/menu-back-li.gif') no-repeat 0 0;
display:block;
width:130px;
height:35px;
text-align:center;
vertical-align:middle;
line-height:35px;
font-size:14px;
text-decoration:none;
}
#menu li a.selected, #menu li a:hover {
xbackground:url('/images/menu-back-hover.gif') repeat-x 0 0;
background:url('/images/menu-back-hover-box.gif') repeat-x 0 0;
background-color:#00a8c6;
text-decoration:underline;
margin-bottom:-10px;
height:45px;
}
#menu li ul {
display:none;
}
#menu li a:hover ul {
display:block;
}
#case {
width:980px;
margin:0 auto;
background-color:white;
padding:0;
border:4px solid #E7E7E7;
}
#case-border {
width:988px;
margin:10px auto;
background-color:white;
padding:1px;
}
#content {
width:730px;
float:left;
padding:0 10px 10px 10px;
margin-top:10px;
border-right:1px solid #E7E7E7;
}
#content ul {
padding:10px 0;
}
#content ul li {
padding:5px 20px;
background:url(/images/bullet_blue.gif) no-repeat 0 6px;
}
#sidebar {
xwidth:210px;
xfloat:right;
xmargin-top:15px;
xbackground-color:#E7E7E7;
xpadding-right:10px;
xoverflow:hidden;
}
#sidebar h3 { border-bottom:1px solid #E7E7E7; }
#sidebar h3 img { vertical-align:middle; }
#firma-logo {
padding-bottom:30px;
}
.sidebar {
padding:0 0 10px 0;
margin-bottom:10px;
}

#sidebar .grey-form {
padding:10px;
background-color:#EFEFEF;
}
#sidebar .grey-form label {
display:block;
padding:2px 0;
font-weight:bold;
}
#sidebar table  {
background-color:#E7E7E7;
}
#sidebar table td {
border:0;
color:#00A8C6;
font-weight:bold;
}
#sidebar table th {
color:#333;
font-weight:normal;
background:transparent;
}
#login-email, #login-heslo {
padding:2px;
width:180px;
}
.sidebar ul { margin-left:14px;}
.container .sidebar li { display:block;padding:4px;margin-left:0; }
.sidebar li.selected { font-weight:bold; }
.sidebar li a:hover { color:#999; }
.sidebar li a { color:#00A8C6;background:url(/images/bullet-plus.gif) no-repeat 0 7px;padding-left:10px; }
a.submit {
background:url(/images/button.gif) no-repeat 0 0;
width:110px;height:38px;
display:block;
color:white;font-weight:bold;font-size:12px;
text-decoration:none;
vertical-align:middle;
line-height:35px;
}
input.submit {
border:0;padding:0;
background:url(/images/button.gif) no-repeat 0 0;
display:block;
width:110px;height:38px;
color:white;
font-weight:bold;
text-align:center;
font-size:12px;
}
.center .submit {
margin:0 auto;
}
.otazka-progress {
text-align:center;
}
#test h2  {
padding:10px 0;
}
#test h3  {
padding:10px 0;
font-family: "Times New Roman CE", "Times New CE", "Times CE", "Times New Roman", times, serif;
font-size:22px;
}
#test .instrukce {
padding:0 20px;
}
#test .instrukce-text {
font-family: "Times New Roman CE", "Times New CE", "Times CE", "Times New Roman", times, serif;
font-size:14px;
line-height:1.4em;
}
#test .instrukce img {
padding:0 10px 0 0;
}
#test .otazka ol, #test .otazka p, #test .otazka table { margin-left:20px; }
#test .otazka table tr.error { border:1px slid #C00;color:#C00;font-weight:bold; }
#test .otazka table tr.good { border:1px slid #0C0;color:#0C0;font-weight:bold; }
#test ul { list-style-type:none;list-style-type:none;margin-left:0; }
#test li.otazka {
background:none;
}
#test li.otazka ol { list-style-type:none;list-style-type:none;margin-left:0; }
#test li.otazka li {
padding:2px 0px;
background:0;
}
#test .otazka p.error, #test li.otazka li.error {
color:#C00;
font-weight:bold;
}
#test .otazka p.good, #test li.otazka li.good {
color:#0C0;
font-weight:bold;
}
#test li.otazka li.right {
color:#0C0;
font-weight:bold;
text-align:left;
}
#test li.otazka input.preklad {
width:500px;
}
#test li.otazka textarea.preklad {
width:500px;
height:100px;
}
#test li.otazka ol.horizontal {
list-style:lower-alpha inside;
}
#test li.otazka ol.horizontal li {
float:left;
padding:2px 40px 2px 0px;
background:0;
}
li.otazka li span {
margin:0 10px;
}
li.otazka p span {
border:1px solid black;
padding:2px 4px;
}
li.otazka table {
width:auto;
border:0;
}
li.otazka table td {
border:0;
}
li.otazka h4 {
color:#00A8C6;
font-size:14px;
padding:0 0 10px 0;
}
li.otazka strong.kategorie {
float:right;
color:#00A8C6;
font-size:12px;
}

p.hint, div.hint {
background:url(/images/hint.gif) no-repeat 10px 10px;
border:1px solid #00A8C6;
padding:15px 10px 10px 50px;
background-color:#F0F0FF;
color:#666;
}
p.hint strong, div.hint strong {
display:block;
font-weight:bold;
color:#00A8C6;
}
p.hint a, div.hint a {
font-weight:bold;
}

div.warning {
background:url(/images/warning.gif) no-repeat 10px 10px;
border:1px solid #FF6600;
padding:10px 10px 10px 55px;
background-color:#FFEEDD;
color:#666;
}
div.warning strong {
display:block;
font-weight:bold;
color:#FF6600;
}
div.warning a {
font-weight:bold;
}
div.warning ol {
list-style:decimal;
padding:5px 20px;
}
div.warning ol li {
padding:5px 0;
}
p.export {
background:url(/images/export.gif) no-repeat 10px 10px;
border:1px solid #00A8C6;
padding:15px 10px 10px 50px;
background-color:#F0F0FF;
color:#666;
}
p.export strong {
display:block;
font-weight:bold;
color:#00A8C6;
}
p.export a {
font-weight:bold;
}


p.action, p.action-delete {
background:url(/images/action.gif) no-repeat 0 14px;
padding:10px 10px 10px 20px;
font-weight:bold;
font-size:14px;
}
p.action-delete a {
color:#CC0000;
}
p.action-delete a:hover {
color:#666;
}
p.action-export-pdf {background:url(/images/pdf.gif) no-repeat 0 6px;padding:10px 10px 10px 32px;font-weight:bold;font-size:14px; }
p.action-delete a:hover {
color:#666;
}
tr.highlighted { background-color:#EFEFEF; }

div.test-timer { margin:10px 0;background:url(/images/test-timer.gif) no-repeat 10px 10px;border:1px solid #FF6600;padding:10px 10px 10px 45px;background-color:#FFEEDD;font-weight:bold;height:30px;text-align:center; }
div.test-timer span { padding:0 0 0 10px;color:#FF6600;font-size:18px; }

p.oprava-odpoved {
border:1px solid #00A8C6;
padding:5px;
}
li.otazka p span.pod_wrong { color:#CC0000;font-weight:bold;border:1px solid #CC0000; }
li.otazka p span.pod_good { color:#00CC00;font-weight:bold;border:1px solid #00CC00; }
/*************************/
/*      FLASH HLASKY     */
/*************************/
div#flash {
text-align: left;
border: 1px solid #ccc;
font-size: 14px;
font-weight: bolder;
margin:0;
padding: 5px 5px 5px 30px;
}
.mb_info {
border-color: #9c9;
color: #060;
background: url("/images/flash-ok-icon.gif") #E2F9E3 left no-repeat;
}
.mb_warning {
border-color: #c99;
color: #FFFFFF;
border: 1px solid #FF0000;
background: url("/images/warning_midi.gif") #FF6600 left no-repeat;
}
.mb_error {
border-color: #c99;
color: #FFFFFF;
background:#CC0000 url("/images/alert-warning-icon.gif") no-repeat center left;
}
.mb_ok {
border-color: #9c9;
color: #060;
background: url('/images/flash-ok-icon.gif') #E2F9E3 left no-repeat;
}

#zpravy {
border:1px solid #E7E7E7;
padding:5px;
}
#zpravy .received {
background:url(/images/mail-received.gif) no-repeat 10px 12px white;
}
#zpravy .send {
background:url(/images/mail-send.gif) no-repeat 10px 12px white;
}
.zprava {
padding:10px 10px 10px 50px;
}
.zprava h5 {
font-size:12px;
}
.zprava p.text {
border:1px solid #999;
padding:10px;
}

table.dochazka {
width:310px;
}

div.emailus {
background:url(/images/email-big.gif) no-repeat 10px 10px;
border:1px solid #00A8C6;
padding:15px 10px 10px 90px;
background-color:#F0F0FF;
color:#666;
}
div.emailus strong {
display:block;
font-weight:bold;
color:#00A8C6;
}
div.emailus a {
font-weight:bold;
}
.promo {
width:300px;height:280px;
color:white;
padding:10px 20px;
}
.promo h3 {
color:white;
font-size:38px;
line-height:.6em;
}
.promo h5 {
color:white;
font-size:20px;
padding:10px;
}
#content .promo li {
font-size:16px;
padding:2px 0px 2px 20px;
}
.promo ul {
width:55%;
height:139px;
}
.promo a {
color:white;
text-decoration:none;
}
.promo a:hover {
text-decoration:underline;
}
.promo-firma {
background:url(/images/promo-firma.jpg) no-repeat 15px 0;
margin:0;
float:left;
padding-left:35px;
}
.promo-skola {
background:url(/images/promo-skola.jpg) no-repeat 0 0;
margin:0;
float:right;
padding-right:35px;
}
.promo .button {
background:url(/images/promo-button.gif) no-repeat 0 0;
width:100px;height:35px;
line-height:35px;text-align:center;vertical-align:middle;
display:block;
margin:0 auto;
font-weight:bold;
}
.col-2 {
margin:10px 0;
padding:0px 10px;
background:url(/images/col-2.gif) repeat-y 0 0;
}
.col-2 .col {
width:315px;
float:left;
padding:0 20px;
}

#cenik div {
margin:20px 10px;
text-align:center;
}

#news p {
padding:2px;
}
#news li.hr {
background:0;
}

#reference h3 {
padding:20px 0 0 0;
}
#akce1 {
background:url(/images/akce1.gif) no-repeat 0 0;
width:300px;height:200px;
float:right;
}
#akce1 h3 {
padding:30px 80px 0 30px;
}
#akce1 p {
padding:0px 30px 0 30px;
}

#akce2 {
background:url(/images/akce2.gif) no-repeat 0 0;
width:300px;height:200px;
float:left;
}
#akce2 h3 {
padding:30px 90px 0 30px;
}
#akce2 p {
padding:0px 100px 0 30px;
}
#akce2 a {color:#00A8C6;}
#akce2 a:hover {color:white;text-decoration:none;}
#foto-loader {
width:180px;
text-align:center;
}
#foto-progress {
border:1px solid #669933;
margin:10px;
}
#foto-progress p {
width:0px;
height:10px;
background-color:#669933;
}
#foto-loader-panel {
text-align:center;
}
table.user-info {
border:1px solid #E7E7E7;
margin-bottom:20px;
}
table.user-info td, table.user-info th {
background:0;
}
table.user-info th {
width:200px;
text-align:center;
vertical-align:top;
}
table.user-info td {
vertical-align:top;
text-align:left;
}
table.user-info td p {
padding:2px 0;
}
table.user-info td strong {
display:block;
}

#firma-zmena-gmap {
width:550px;
height:300px;
}
#firma-gmap {
width:210px;
height:210px;
}

table.hodnoceni-graf {
border:0;
}
table.hodnoceni-graf th {
background:transparent;
color:#333;
width:200px;
text-align:right;
padding-right:10px;
}
table.hodnoceni-graf td.uroven {
font-weight:bold;
text-align:center;
width:70px;
}
table.hodnoceni-graf td {
border:0;
color:#333;
}
table.hodnoceni-graf td .bar-white span {
position:absolute;
}
table.hodnoceni-graf td .bar {
height:30px;
text-align:center;
color:white;
font-weight:bold;
line-height:30px;
vertical-align:middle;
}
table.hodnoceni-graf td .bar-white {background-color:#C00;color:#999;position: relative;}
table.hodnoceni-graf td .bar-red {background-color:#C00;}
table.hodnoceni-graf td .bar-orange {background-color:#F60;}
table.hodnoceni-graf td .bar-yellow {background-color:#FF8;color:black;}
table.hodnoceni-graf td .bar-green {background-color:#008C00;}

.col2-3 {
width:50%;
}
.col3-3 {
width:33%;
float:right;
}
#skola-list h2 {
font-size:18px;
padding:0px 0px 5px 0;
}
#skola-list ul {
padding:5px 0;
}
#skola-list ul li {
background:0;
}
#skola-list h3 {
padding:5px 0;
}

form.filter label { font-weight:bold;margin-right:10px; }

div.gray-box { background-color:#EFEFEF;border:1px solid #E7E7E7;padding:10px;color:#00A8C6;}

#reference { background-color:#EFEFEF;border:1px solid #E7E7E7;margin:20px 20px 0 20px;padding:0 10px 10px 10px; }

#teabanner { background-color:#16222B;color:white;font-weight:bold;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;font-style:italic;padding:1px;}
#teabanner p { border:1px solid white;padding:0 0 .5em 0; }
#teabanner img { margin-bottom:0.gem;text-decoration:none;border:0; }
#teabanner a { text-decoration:none;color:white; }

#onempty { display:none; }
#onnotempty { display:none; }
#hinfo { background-color:#EDF3FE;padding:1em 1em 1em 6em;margin-bottom:1.6em;  }
#hinfo a { color:#F00;  }
#hinfo a:hover { background-color:#F00;color:#FFF;  }
div.techerico { background:url(/images/icons/teacher48.png) no-repeat 1em 1em;  }
div.classico { background:url(/images/icons/class48.png) no-repeat 1em 1em;  }
div.studentico { background:url(/images/icons/student48.png) no-repeat 1em 1em;  }
div.departmentico { background:url(/images/icons/department48.png) no-repeat 1em 1em;  }
div.testico { background:url(/images/icons/test48.png) no-repeat 1em 1em;  }
div.infoico { background:url(/images/icons/about48.png) no-repeat 1em 1em;  }



.container table.highlightable { margin-bottom:1.6em; }
.container table.highlightable td.right { text-align:right; }
.container table.highlightable td { padding:2px 5px;border-bottom:1px solid #E7E7E7; }
.container table.highlightable th { background-color:#7ECEED;color:#FFF;text-shadow:1px 1px 0 #999;padding:.4em .6em;font-weight: normal; }
.container table.highlightable th.right { text-align:right; }
.container table.highlightable td.right { text-align:right; }

.container table.highlightable-space { margin-bottom:1.6em; }
.container table.highlightable-space td.right { text-align:right; }
.container table.highlightable-space td { padding:.9em 1em;font-size:1.1em;border-bottom:1px solid #E7E7E7; }
.container table.highlightable-space th { padding:.9em 1em;font-size:1.2em;background:#7ECEED;color:#FFF;text-shadow:1px 1px 0 #666;font-weight:normal; }
.container table.highlightable-space th.right { text-align:right; }
.container table.highlightable-space td.right { text-align:right; }


.form-block { background-color:#F7F7F7;padding:10px 20px 20px 20px;margin-bottom:1.6em;border:1px solid #E7E7E7;border-width:0 0 2px 0; }
.container .form-block form { margin-bottom:0; }
.container .form-block .form h3.section { background-color: #E7E7E7;padding:.2em .3em;margin: 1.14em 0 .57em; }
.container .form-block .form h3.section.top { margin-top:10px; }

.pager { margin:.2em 0;color:#999;font-weight:bold; }
.pager a, .pager span.active { font-size:1.1em;font-weight:bold;padding:0 .3em; }
.pager span.active { color:#c33; }
.pager a.prev img, .pager a.next img { vertical-align:middle; }

#header-top { background:url(/images/topheader-back.png) no-repeat right;height:141px; }
#header-top a { color:#999; }
#header-new { background:url(/images/header-new-back.png) repeat-x;height:322px;margin-bottom:4em; }
#header-new .container { padding-top:0;}
#header-new #bigicon { background:url(/images/bigicon.png) no-repeat;height:304px;margin-top:20px; }
body#public { background-color:#FFF; }
#content-new { color:#999; }
#content-new h2 { color:#b5d600;font-size:3em;font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
font-weight: normal;line-height:1.2em;text-transform: uppercase; }
#content-new h2.blue { color:#b5d600;font-size:3em;font-family:"Times New Roman", Times, serif;text-align:center;color:#1da8c4;font-weight:normal;text-shadow: 0px -1px #666;text-transform: none; }

#fbapp { width:760px;background-color:white; }
#fbapp h1 { text-align:right; }
#fbapp .container { width:760px; }


ul#promolist { list-style-type:none; list-style-image: 0;margin-top:35px;}
ul#promolist li { background:url(/images/header-new-check.png) no-repeat 0 9px;padding:0.1em 0 0.1em 50px;color:white;font-family:"Times New Roman", Times, serif;text-shadow: 0px -2px #666;font-size:2em;line-height: 1.2em; }

#footer-new { background:url(/images/footer-new-back.png) repeat-x;height:191px;color:#FFF;font-family:"Times New Roman", Times, serif; }
#footer-new .gray { color:#999; }
#footer-new h3 { font-family:"Times New Roman", Times, serif;color:#FFF; }
div.bulletspacer { background: url(/images/bullet-spacer.png) repeat-x;width:50%;height:8px;margin:3em auto; }

#vyhody { background:url(/images/vyhody-back.jpg) repeat-x;height:397px;margin:4em 0;padding:50px 0px; }
#vyhody h2 { color:#b5d600;font-size:3em;font-family:"Times New Roman", Times, serif;text-align:center;color:#1da8c4;font-weight:normal;text-shadow: 0px -1px #666; }
#vyhody ul#promolist li { line-height: 1.4em;padding:0.3em 0 0.3em 50px;font-size:1.4em;text-shadow:0 0; color:#1da8c4;font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;font-weight: normal; }

.container .form .kform_el input.green { border-color:#b5d600; }
.container .form .kform_el input.green::-webkit-input-placeholder { color:#b5d600; }
.container .form .kform_el input.green:-moz-placeholder { color:#b5d600; }
.container .form .kform_el input.green::-moz-placeholder { color:#b5d600; }
.container .form .kform_el input.green:-ms-input-placeholder { color:#b5d600; }


@media all and (max-width: 1300px) {
	#test li.otazka ol li input.radio { margin:.5em 1em .5em 0; }
	#test li.otazka ol li { border:1px dotted #AAA;margin:.5em;padding:.5em; }
	#test li.otazka ol li:hover { background-color:#f1c40f;color:#FFF;font-weight:bold; }
	#test li.otazka ol li.checked { background-color:#27ae60;color:#FFF;font-weight:bold; }
}