html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6{padding:0; margin:0; list-style:none; }

html {
  background:#2B2828 url('bg_html.gif') repeat-x 0 0;
}
body {
	font-family: Tahoma, sans-serif;
	color: #fff;
	background:url('bg_body.gif') repeat-x 0 100%;
}
#body {
  width:960px;
  margin:0 auto;
	font-size: 62.5%;
	background:url('bg_idbody.gif') repeat-y 0 0;
	position:relative
}
#head  {
  height:239px; 
  margin-bottom:39px;
  background:#2D292A url('logo2.jpg') no-repeat 710px 0;
}

#head.default {
  background:#2D292A url('home.jpg') no-repeat 710px 0;
}
#head.o-nas {
  background:#2D292A url('o-nas.jpg') no-repeat 710px 0;
}
#head.poptavka {
  background:#2D292A url('poptavka.jpg') no-repeat 710px 0;
}
#head.sluzby {
  background:#2D292A url('home.jpg') no-repeat 710px 0;
}
#head.encyklopedie {
  background:#2D292A url('sluzby.jpg') no-repeat 710px 0;
}
#head.ceny {
  background:#2D292A url('ceny.jpg') no-repeat 710px 0;
}
#head.kontakt {
  background:#2D292A url('kontakt.jpg') no-repeat 710px 0;
}
#head.agb {
  background:#2D292A url('agb.jpg') no-repeat 710px 0;
}
#head.impressum {
  background:#2D292A url('impressum.jpg') no-repeat 710px 0;
}
#head.reference {
  background:#2D292A url('reference.jpg') no-repeat 710px 0;
}
#head.jobs {
  background:#2D292A url('jobs.jpg') no-repeat 710px 0;
}
#head.aktuality {
  background:#2D292A url('aktuality.jpg') no-repeat 710px 0;
}
#head.partner {
  background:#2D292A url('partner.jpg') no-repeat 710px 0;
}

#main {
	width: 397px;
	float: left;
	position: relative;
	left: 0;
	color:#000000;
	background:url('bg_main.gif') no-repeat 0 0; padding-left:40px; padding-right:40px; padding-top:0; padding-bottom:60px
}

#menu {
	height:39px; width:100%;
	position:absolute; top:239px; left:0;
	background:#2D2A2A url('bg_menu.gif') repeat-x 0 0;
}

#side {
	width: 423px;
	float: right;
	position: relative;
	right: 0; 
	color:#999999;
	background:url('bg_side.gif') no-repeat 0 0;; padding-left:30px; padding-right:30px; padding-top:33px; padding-bottom:40px
}

#footer {clear:both; height:98px; text-align:right; background:#171717 url('bg_footer.png') no-repeat 100% 0; font-size:110%; margin:0; color:white; padding-left:0; padding-right:40px; padding-top:30px; padding-bottom:0}

/******** Doplnky layoutu *************/
/* Hlavicka */
#head p {margin:0; height:239px; padding-left:710px; background:url('logo.jpg') no-repeat 0 0; position:relative; padding-right:0; padding-top:0; padding-bottom:0}
#head p a {display:block; height:200px; width:0; padding-left:420px;   overflow:hidden; cursor:pointer; position:absolute; left:0; top:10px;} 


/* Side */
#side p {font-size:130%; margin:13px 0;}
#side p a {font-weight:bold;}
#side strong {color:white;}

#dotazniky {width:430px; height:130px; background:url('bg_dotazniky.jpg') no-repeat 0 0; position:relative;  overflow:hidden; margin-left:0; margin-right:-7px; margin-top:0; margin-bottom:0 }
#dotazniky .poptavka {width:185px; height:130px; padding:0 15px 0 15px; margin-left:1px; float:left; position:relative; overflow:hidden; }
#dotazniky .kontaktni {float:left; width:178px; height:130px; padding:0 20px 0 15px; position:relative;  overflow:hidden;}
#dotazniky h4 {padding-left:15px; margin-top:3px; margin-bottom:20px; margin-right:-20px;}
#dotazniky p {font-size:110%; color:white;}
#dotazniky p.vice {width:30px; height:30px; position:absolute; right:11px; bottom:3px; margin:0; padding:0;}
#dotazniky .kontaktni p.vice {right:18px;}
#dotazniky a {color:white;}
#dotazniky p.vice a {display:block; width:0; padding-left:30px; height:30px; overflow:hidden;}


/* Menu */
#menu p#rss {margin:6px 0 0 0; padding:0 20px 0 15px; float:right; height:25px; width:22px; }
#menu p#rss a {display:block; width:0; height:25px; padding-left:22px; overflow:hidden; background:url('rss.gif') no-repeat 0 0;}
#menu ul {margin-left:20px;}

#menu ul.l10n_lang_list {float:right; padding:0 12px 0 10px; margin-top:8px; border-right:1px solid #4F4F4F;}
#menu ul.l10n_lang_list li {height:19px; width:0; padding-left:26px; display:block; float:left; overflow:hidden; margin:0 4px; position:relative;}
#menu ul.l10n_lang_list li.cs {background:url('icon-cs.gif') no-repeat 0 -19px; }
#menu ul.l10n_lang_list li.de {background:url('icon-de.gif') no-repeat 0 -19px; }
#menu ul.l10n_lang_list li.en {background:url('icon-en.gif') no-repeat 0 -19px; }
#menu ul.l10n_lang_list li a {position:absolute; top:0; left:0; height:19px; width:0; padding-left:26px; z-index:1;}
#menu ul.l10n_lang_list li.cs a {background:url('icon-cs.gif') no-repeat 0 0; }
#menu ul.l10n_lang_list li.de a {background:url('icon-de.gif') no-repeat 0 0; }
#menu ul.l10n_lang_list li.en a {background:url('icon-en.gif') no-repeat 0 0; }
#menu ul.l10n_lang_list li a:hover {background-position:0 -19px;}

#menu ul.section_list li {display:inline;}
#menu ul.section_list li a {display:block; height:39px; line-height:39px; float:left; color:white; border-right:1px solid black; background:url('menu-but.gif') repeat-x 0 39px;; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0}
#menu ul.section_list a.activ {background:url('menu-but.gif') repeat-x 0 0;}
#menu ul.section_list li a:hover {background:url('menu-but.gif') repeat-x 0 -39px;}
 
/* MAIN */
#main p {font-size:130%;}



/******** Stranky *************/
/* HP */

/* GOOGLE */
#main form#calc {width:90%; border:1px solid #EFA659; background:#EFC395; padding:0 5% 15px 5%;}


/* Kontakt */
#side h1, #side h2, #side h3, #side h4{color:#FFF;}
#side form h1, #side form h2, #side form h3, #side form h4 {color:#333;}
#side form {background:#DFDFDF; border:1px solid #9F9F9F; padding:20px; margin:20px auto; width:350px; position:relative;}
#side form.zemContactForm label {float:left; position:absolute; left:240px; padding-top:4px; font-weight:bold; color:#333;}
#side form.zemContactForm label.zemTextarea {display:none;}
#side form.zemContactForm input, #side form.zemContactForm select {width:200px;}
#side form.zemContactForm input, #side form.zemContactForm textarea {margin:2px 0; border:1px solid #9F9F9F}
#side form.zemContactForm textarea {width:350px; height:180px;}
#side form input.zemSubmit {background:#505050; color:white; width:auto; font-weight:normal; padding:5px 9px; font-size:120%; text-transform:uppercase;}
#side form input.zemSubmit:hover {background:#fff; color:#5F0000; cursor:pointer;}

#side form label#pro_jazyky {float:none; position:relative; left:0; margin:10px 0 5px 220px; display:block; }
#side form select#cil_jazyky {width:350px; height:250px;}
#side form .available input.search {width:150px; margin:5px;}

#side form.zemContactForm div.error {clear:both; position:relative; float:none; width:100%; margin-bottom:10px;}
#side form.zemContactForm div.error label.error {position:relative; left:0; display:block; float:none; color:red; font-weight:normal; }


body.kontakt #side form {background:#DFDFDF url('kontakt-icon.gif') no-repeat 96% 10px;}
body.poptavka #side form {background:#DFDFDF url('poptavka-icon.gif') no-repeat 96% 25px;}
body.ceny #side form {background:#DFDFDF url('ceny-icon.gif') no-repeat 88% 2px;}

#side form input.w8em {width:95px;}
#side form #cas select {width:80px;}
#side form #cas label {display:none;}
#side form div a {margin-top:-8px;}

#side form input.zemRadio, #side form input.zemCheckbox {width:auto; float:left; margin-right:4px;}
#side form label.zemRadio, #side form label.zemCheckbox {float:none; position:relative; left:0; top:0;}

.souhlas input {position:relative; top:5px;}
.souhlas label {display:block; margin-left:20px; margin-top:-3px;}
#side form br {clear:left;}

ul.zemError {color:red;}
#side ul.zemError li strong {color:red;}

#side div.zemThanks {font-size:150%; padding-left:40px; background:url('dekujeme.gif') no-repeat 0 50%; line-height:27px}

#side form#calc label {color:black;}
#side form#calc button {position:absolute; right:20px; top:44px;}
#side form#calc h2 {margin:0 0 10px 0; padding:0;}
#side p.seda {background:#DFDFDF; border:1px solid #9F9F9F; padding:10px 20px; margin:-15px auto 20px auto; width:350px; position:relative; color:black;}


#side ul.encyklopedie {margin:10px 0; width:420px;}
#side ul.encyklopedie li {display:inline; margin:4px; line-height:1.6em;}
#side ul.encyklopedie a {color:#8F8F8F; }
#side ul.encyklopedie a:hover {color:#FFF;}

#footer .minirss a  {display:block; width:0; height:12px; padding-left:12px; overflow:hidden; background:url('minirss.gif') no-repeat 0 0; float:right; margin-left:5px}

/******** Obecne *************/
h1, h2, h3, h4, h5, h6{font-weight:bold; padding:0.6em 0 0 0; color:#000; }
h1{margin:25px 0 10px 0; font-size:180%; text-transform:uppercase; }
h2{font-size:150%;}
h3{font-size:140%;}
h4{font-size:130%;}
form, fieldset, legend{margin:0; padding:0; border:none; }
form{font-size:110%; width:80%; margin:0 auto; }
fieldset{margin:0.5em 0; }
fieldset legend{font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:130%; }
button {background:#5F0000; color:white; width:auto; font-weight:bold; padding:5px 9px; font-size:110%;}
p {font-size:120%; margin:0.9em 0; line-height:1.3em; }
ol, ul {font-size:120%;}
table{margin:0 auto; width:100%; font-size:120%; border-collapse:collapse;}
table th, table td{vertical-align:middle; }

a{text-decoration:underline; color:#FF0000; }
a:hover{text-decoration:none;}
a img{border:none; }

/******** Specificke *************/
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
.cervene {color:#993333;}


label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }

input.error, select.error {
	background-color: #ffc;
	border: 1px solid #FF0000 !important;
}