body{color:#222222; margin:0px; padding:0px 0px 10px 0px; font: 12px/17px Tahoma,Arial,Verdana, sans-serif; background: #000000 url(../img/bg.jpg) no-repeat top center;}


/* Container */
#container{margin:0px; padding:0px;}

/* Page */
#page{width:940px; margin:0px auto; padding:0px;}

/* header */
#header{clear:both; height:110px; padding:0px; margin:0px; color:#ffffff;}
#header .left{float:left; padding:0px; margin:0px; text-align:left}
#header .right{float:right; text-align:right; margin:0px; padding:0px}
#header .right #partneri{margin-top: 5px; width: 380px; height: 90px;}

/*menu*/
#rozbal_menu{clear:both; height:31px; padding:0px; margin:0px; color:#ffffff;}
#menu{height:31px; padding:0px; margin:0px; color:#ffffff;z-index:100; float: left; position:relative:}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block; font-size:13px; color:#fff; height:24px; line-height:24px; text-decoration:none; padding:0px 0px 0px 0px; margin-right: 15px; border:1px solid #dadada; border-width:1px 0px 0px 0px;}

/* Set up the sub level borders */

#pmenu li ul li a  {border-width:0 0px 0px 0px; border-color: #8d8d8d; background: #00978f url('../img/carka.gif') no-repeat top center; width: 160px; color: #ffffff; margin-bottom: 0px; margin-top: 0px;text-align: left; height: auto; font-size: 13px; line-height:18px; padding: 4px 5px 3px 5px;} 
#pmenu li ul li.first a  {border-width:0 0px 0px 0px; border-color: #8d8d8d; background: #00978f; width: 160px; color: #ffffff; margin-bottom: 0px; margin-top: 0px;text-align: left; height: auto; font-size: 13px; line-height:18px; padding: 4px 5px 3px 5px;} 
#pmenu li ul li a:visited {border-width:0 0px 0px 0px; border-color: #8d8d8d; width: 160px; color: #ffffff; margin-bottom: 0px; margin-top: 0px;text-align: left;height: auto; font-size: 13px; line-height:18px;padding: 4px 5px 3px 5px;} 
#pmenu li ul li a:hover {border-width:0 0px 0px 0px; border-color: #8d8d8d; background: #ffffff; width: 160px; color: #000000; margin-bottom: 0px; margin-top: 0px;text-align: left;padding: 4px 5px 3px 5px;} 

.item_prod{ width: 87px;}
.item_dalsi{ width: 117px;}
.item_kalendar{ width: 116px;}
.item_partneri{ width: 83px;}
.item_spolecnost{ width: 120px;}
.item_kontakty{ width: 87px;}

/* Set up the list items */
#pmenu li {float:left; text-align: center;}
#pmenuli ul li a.enclose:hover{border-top: 0px solid #8d8d8d;color: #b60040;}
#pmenu li ul li a.enclose, #pmenu li ul li a.enclose:visited{border-top: 0px solid #8d8d8d;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {color:#ffffff;background: #00978f;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent; width:142px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:15px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0px; left:1px; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; color:#ffffff;background: #00978f;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {/* color:#b60040;*/}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {}
#pmenu li.drop {}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent;}
* html #pmenu li ul li a {padding: 4px 5px 3px 5px;}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:13px; lef\t:-31px; to\p:14px;
}

#pmenu li a:hover ul a:hover ul {
	visibility: visible;
	top: -10px; /* pro IE6 pomuze zmena -11 => -10 pri zmene border 1 => 0 */
	left: 218px; /* new sub width - 40 */ /* IE ma 218 misto 219, je i pixel vysinuty */
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility: visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

/* vlajky */
#flags{float: left; height: 31px; padding: 0px 5px 0px 5px; margin: 0;}
#flags img{	padding: 4px 5px 5px 5px; margin:0px;}



/* INSIDE */
#inside{background: #d9e1e1 url('../img/top_bg.gif') top left no-repeat; clear: both; width:940px; padding-top:0px;}
#inside_in{clear: both; display: block; background: url('../img/roh_levy.gif') top left no-repeat; width: 940px; padding-bottom:25px; padding-top:8px; min-height:500px;}
#inside_bottom{background: url('../img/footer.jpg') no-repeat; width: 940px; height:142px;}
#drobky{line-height: 17px; width: 870px; margin: 0px 30px 0px 30px; background: #b6cdcd; padding: 1px 5px 3px 5px; height: auto; clear: both;}
#obsah{ margin: 9px 0px 0px 0px; padding: 0px; text-align: left;}
#left_slope{float: left; width: 650px; margin:20px 30px 0px 50px; padding: 0px;}
#right_slope{float: right; width: 180px; margin-right: 30px; padding: 0px;}
.vycisti{clear:both; height: 1px; font-size: 1px;}
.clear{clear: both;}


#left_slope h1{margin-top: 0px; padding-top: 0px; padding-bottom: 10px; font: 28px/28px Tahoma,Arial,Verdana, sans-serif;}
#right_slope .box{background: url('../img/roh_pravy.gif') top right no-repeat; width: 180px; height: 160px; padding: 0px; margin-bottom: 20px;}
.box_nadpis{color:#00978f; text-align: left; padding: 10px 8px 5px 0px; font-weight: normal; font-size: 15px;}
#right_slope .box ul{list-style-type: square; padding: 0px 8px 0px 20px;}
.odkaz_box{text-align: right; font-weight: bold; padding: 5px 12px 0px 0px;}

/* general */
.titulka{margin: 0px 0px 10px 10px; float: right;}

a{color:#990000; text-decoration:none}
a:hover{text-decoration:underline}
h1, h2{font-family:Verdana, Geneva, Arial, Helvetica; color:#00978f; text-align:left!important; font-weight:normal}
h3, h4{font-family:Verdana, Geneva, Arial, Helvetica; color:#2a2a2a; text-align:left!important; font-weight:normal}
h1{margin:0px 0px 5px 0px; padding:10px 0px 0px 0px; color:#00978f; font-size:28px; line-height:35px;}
h2{margin:0px 0px 0px; padding:20px 0px 3px 0px; font-size:21px; line-height:26px; font-weight:normal;color: #00978f;}
h2.mezera{padding-top: 35px;}
h3{font-size:13px; margin:10px 0px 0px 0px; text-align:left; font-weight:normal; line-height:17px; padding:3px 0px 2px 0px; font-weight: bold;}
h4{margin:0px; padding:10px 0px 0px 0px;; font-size:12px; line-height:15px; font-weight:bold;}
p{margin:0; padding: 3px 0px 3px 0px;font:12px/17px Tahoma,Arial,Verdana, sans-serif; text-align:justify;}
p.datum{margin:0; padding: 10px 0px 5px 0px;font:13px/18px Tahoma,Arial,Verdana, sans-serif; text-align:justify;}
p.perex{margin:0; padding: 10px 0px 5px 0px;font: normal 14px/19px Tahoma,Arial,Verdana, sans-serif; text-align:justify;  font-style: normal;  color: #2a2a2a;  }
p.hlaska{margin:0; padding: 5px 0px 10px 0px;font: bold 12px/17px Tahoma,Arial,Verdana, sans-serif; text-align:left; color: #000000; text-align:center;}
.popisek{color: #8a8a8a;}

ul{list-style-type: square;margin-top:0px; margin-bottom: 3px;}
ol{margin-top:0px; margin-bottom: 3px;}
ul.boxik{list-style-type: square;margin: 0;}
img {border: 0px;}
form{padding: 0px; margin:0px;}
/* Footer */
#footer{color:#dedede; clear:both; margin:0px; padding:15px 0px 0px; font:12px/17px Tahoma,Arial,Verdana; width:940px; text-align: center;}
#footer a {color: #dedede;}
#footer a:hover {color: #dedede;}

/*clanek*/
.clanek{	margin: 5px 0px 25px 0px;clear: both;}
.nadpisClanek{color: #222222;margin-bottom: 3px; font: normal 17px/22px Tahoma,Arial,Verdana, sans-serif;}
.nadpisClanek a{color: #990000;}
.nadpisClanek a:hover{color: #990000;}
.perexClanek{text-align: justify;}
.perexClanek img{margin: 2px 7px 3px 0px;}
.datumClanek{color: #2a2a2a;padding: 15px 0px 5px 0px;}

/*clanek detail*/
.clanekBig {clear: both;margin: 20px 0px 20px 0px;}
.clanekBig img{margin: 0px 10px 7px 0px; border: 0px;}
.clanekDetailDatum {color: #2a2a2a; margin: 0px 0px 30px 0px;}
.clanekBig h2 {color: #04847d; font: normal 22px/28px Tahoma,Arial,Verdana, sans-serif; margin: 0px 0px 10px 0px;}
.clanekDetailPerex {color: #2a2a2a; font: normal 14px/19px Tahoma,Arial,Verdana, sans-serif;margin: 0px 0px 5px 0px;}
.clanekDetailObsah {}

/*search*/
#search{	float: right; height: 27px; margin-bottom: 2px; padding: 0px; width: 210px; background: transparent url('../img/search_box.gif') bottom right no-repeat; }
.searchIn{height: 21px; margin: 4px 3px 6px 5px; clear: both; padding:0px;}
.box_stext{float:left; width: 160px; margin-right:10px; padding: 1px 0px 3px 0px;}
.box_sbutton{float:left;margin:0px; padding:0px;}
input.topsearch{border: 0px; font: 12px/15px Tahoma,Arial,Verdana, sans-serif; height: 15px; padding: 0px; margin: 0px; width:160px;color:#222222; background-color: #ffffff;}
input.search_button{margin: 0px; padding:0px; height:21px; width: 22px; border: 0px;}
h2.search{width: 100%; border-bottom: 1px solid #00978f;margin-bottom: 3px;font-size:18px; line-height:23px;margin-top:10px;padding-top:0px;}
h2.search2{width: 100%; border-bottom: 1px solid #00978f;margin-bottom: 8px;font-size:18px; line-height:23px;margin-top:10px;padding-top:0px;}


/*zmena pro noviknu*/
.novinkaBig {clear: both;margin: 0px 0px 20px 0px;}
.novinkaBig h2 {color: #04847d; font: normal 22px/28px Tahoma,Arial,Verdana, sans-serif; margin: 0px 0px 10px 0px; padding-top: 10px;}

/*archiv*/
h2.archiv{width: 100%; border-bottom: 1px solid #00978f;margin-bottom: 3px;}

/*form*/
fieldset{padding: 10px 20px 10px 20px; margin: 0px 0px 20px 0px; border: 1px solid #a8a8a8;}
label{float: left;}
label.prvni{float: left;width: 150px;display: block;line-height: 19px;}
label.druhy{float: left;width: 80px;display: block;line-height: 19px;}
input{margin: 1px;padding: 0px;	border: 1px solid #aec3c3;	display: inline; clear: none;width: 130px;height: 19px;font-size: 13px;}
textarea{margin: 1px;padding: 0px;	border: 1px solid #aec3c3;	display: inline; clear: none;width: 276px;font-size: 13px;}
input.longline{width: 276px;}
input.radio{clear: none;width: 30px;height: auto;font-size: 13px;border: 0px;}
input.povinny{background-color: #fceeec;}

table.contact-left{margin:7px 0px 0px 0px; padding:0; border:0; font:12px/22px Tahoma,Arial,Verdana,sans-serif;}
table.contact-left tr{vertical-align: top;}
input.jmenoright{background: #ffffff; border: 1px solid #aec3c3;  width: 200px; font:13px Tahoma,Arial,Verdana; color:#323232;}
input.mailright{background: #ffffff; border: 1px solid #aec3c3;  width: 200px; font:13px Tahoma,Arial,Verdana; color:#323232;}
input.opsatright{background: #ffffff; border: 1px solid #aec3c3;  width: 80px; font:13px Tahoma,Arial,Verdana; color:#323232;}
input.potvrditright{width: auto; font: bold 12px/15px Tahoma,Arial,Verdana, sans-serif; float:right; margin-right:0px; margin-top: 0px; padding: 5px 10px 5px 10px; border: 1px #aec3c3 solid; background-color: #ffffff; height: auto; color:#006666;}
textarea.dotazright{background: #ffffff; border: 1px solid #aec3c3; padding: 2px 3px 2px 3px; font:13px Tahoma,Arial,Verdana; color:#323232; width: 480px; height: 90px;}
img.cisla{padding: 0; margin: 0; border: 0;}


/*obr*/
.partnerbig{border: 1px solid #aec3c3;padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;float:left;}
.partner{ text-align: center; background: #ffffff;  min-height: 114px;padding: 5px 5px 5px 5px;}
.partner img {margin-bottom: 5px;}