/* globalni nastaveni*/

h4  { 
 margin: 0px; padding: 0px; font-size: 100%;
}

h3  { 
 padding: 0px; margin: 0px; font-size: 110%; font-weight: bold; color: #003399; text-decoration:none;
}

h2  { 
 font-size: 20px; font-weight: normal; margin: 0px; 
}

h1  {
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 10px;
}

p   {
 margin: 0px 0px 5px 0px; padding: 0px;
}

a  {text-decoration: underline; color: #336699;}

a:hover {color: #FF9933;}



/* zacatek*/

body {
	margin: 0px auto;
	padding: 0px;
	background-color: #6881a1;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 160%;
	color: #333333;
	font-size: 74%;
	background-image: url(bodypic.gif);
	background-repeat: repeat-x;
}

div#main{
 position: relative;
 margin: 0px auto;
 width: 868px;
  z-index: 1;
 text-align: left;
 background-color: #FFFFFF;
 border-right: 5px solid #FFFFFF;
 border-left: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}

div#podklad {
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height:632px;
}

div#logobox{
	position: relative;
	width: 868px;
	height: 100px;
	background-color: #FFCC00;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(header.gif);

}
/* horni lista - zacatek*/

div#horni_lista{
 position: relative;
 width: 868px;
 line-height: 30px;
 font-weight: bold;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 text-align: right;
 text-transform: uppercase;
 color: #FFFFFF;
 font-size: 110%;
}

div#horni_lista a{
 color: #FFFFFF;
 text-decoration: none;
}

div#horni_lista a:hover{
 text-decoration: underline;
}

div#horni span{
 background-position: left center;
 line-height: 30px;
 padding-left: 25px;
 padding-right: 10px;
 background-repeat: no-repeat;
 margin-right: 10px;
}  
  

/* horni menu - zacatek*/

div#menubox{
 position: relative;
 width: 868px;
 margin-bottom: 2px;
 margin-top: 4px;
}

/* vertikalni menu */
div#leve-menu {
	float: left;
	font-size:110%;	
	width: 159px;
	height: 172px;
	}
div#leve-menu ul {border:0; margin:0; padding:0; list-style-type:none;}
div#leve-menu li {margin:0; padding:0;}
div#leve-menu a {
	line-height: 29px;
	color: #333333;
	font-weight:bold;
	width: 138px;
	text-decoration: none;
	padding-left: 15px;
	display: block;
	background-image: url(tlacitko.gif);
	background-repeat: no-repeat;
	}
div#leve-menu a.red {color:#FF0000;}
div#leve-menu a:hover {
	color: #fff;
	background-image: url(tlacitko-tmave.gif);	
	}
/* a hack for IE Win only \*/	
/** html div#listcontainer ul {border-top:1px solid #069;}*/
/*end of hack */
/* the vertical menu ends here */


/* *****vertikalni menu ***** */

#h_menu {
	margin-top: 2px;
	height: 27px;
	width: 868px;
	background-image: url(menu-hor.gif);
	background-repeat: no-repeat;
}

#h_menu ul {
	margin:0;
	position: relative;
	list-style: none;
	font-weight: bold;
	width: 700px;
	float: right;
	}

#h_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
	}

#h_menu ul li a {
	display: block;
	float: right;
	padding: 5px 17px 5px 17px;
	text-decoration: none;
	border-left: 1px solid #F4F4F4;
	}

#h_menu ul li a:hover {
	color: #FFFFFF;
	background-color: #666666;
	}

#h_menu p {padding: 0 10px 0 0; margin: 0; float: right;}
#h_menu p input {position: relative;top: 2px;}

div#horni_pozadi{
	position: relative;
	float: left;
	width: 418px;
	height: 172px;
	color: #FFFFFF;
	background-image: url(banner-stred.jpg);
	font-size: 24px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
}

/* Definice horni topic - zacatek*/

div#banner-right{
	float:right;
	width: 285px;
	color: #FFFFFF;
	text-align: justify;
	line-height: 120%;
	height: 172px;
	background-image: url(banner-right.gif);
}
div#banner-right ul  {
 padding: 0px; margin: 0px 0px 0px 20px;  text-align: left; line-height: normal; list-style-type:square;
}

div#upper-end{
 font-size: 1%;
 clear: both;
}

.banner-inside {
	padding: 10px;
}
/* Definice navigace - zacatek*/

div#navigace {
margin-bottom: 15px;
 border-bottom: 1px solid #EEEEEE;
 color: #333333;
 text-indent: 0px;
 padding-bottom: 5px;
}

div#navigace P{ 
 margin: 0px;
 text-indent: 0px;
}

div#navigace a { 
 color: #339933;
}

 /*Rozdeleni tela */

div#middlebox{
 border-top: 5px solid #FFFFFF;
}
div#middlebox h2  {
	font-size: 150%;
	font-weight: bold;
	color: #003399;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

div#left {
 width: 623px;
 float: left;
 padding: 0px 10px 0px 10px;
 text-align: justify;
}

div#left h3{
	border-bottom: 0px solid #EEEEEE;
	margin-bottom: 10px;
	margin-top: 12px;
}
div#left ul  {
 padding: 0px; margin: 0px 0px 0px 30px;  text-align: left; line-height: 180%; list-style-type:square;
}
.left-img{
	border:none;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float:right;
}

div#right {
	width: 200px;
	float: right;
	margin-left: 15px;
	text-align: center;
	background-color:#eee;
	background-image: url(spodek.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

div#right hr{
 width: 100%;
 font-size: 1%;
 height: 1px;
 border: 0px;
 border-top: 1px solid #EEEEEE;
 background-color: #FFFFFF; 
 color: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

html>body div#right hr{
 margin: 5px 0px 5px 0px;
}


div#right a{
color: #CC66300;
text-decoration: underline;
}

div#right a:hover{
color: #FF9933;
}

div#right h3{
 margin: 10px 0px 10px 0px;
 padding: 0px;
 line-height: 120%; 
 color: #0066CC;  
}

div#right h3 a{
 color: #3399CC;  
 text-decoration: none;
 border-bottom: 1px solid #CC3300;
}

div#right ul  {
 padding: 0px; margin: 0px 5px;  text-align: left; line-height: 180%; list-style-type: none;
}

/*div#right ul a{
 padding-left: 10px;
}*/

.menu_odkaz_set{
 font-weight: bold;
}

div#right p{
 text-align: justify;
 padding-right: 5px;
 text-indent: 0px;
}

div#right img{
	border: 1px solid #3399CC;
	width: 160px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

 /* Menu */
.menu_odkaz{
font-size: 110%; color: #CC3300;
}

.menu_odkaz_set{
font-size: 110%; color: #CC3300;
}


.menu_odkaz:hover{
font-size: 110%;
font-weight: bold;
}


/* footer*/

div#footer-menu{
 clear: both;
 width: 868px;
 background-color: #314C6F; 
 line-height: 25px;
 color: #FFFFFF;
 text-indent: 25px;
 border-top: 5px solid #FFFFFF;
}

div#footer-menu a{
 margin-right: 15px;
 color: #FFFFFF;
 text-decoration: none;
}

div#footer-menu a:hover{
 text-decoration: underline;
}

div#footer {
	position: relative;
	border-top: 0px dashed #CCCCCC;
	color: #CCCCCC;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

div#footer a{
 color: #CCCCCC;
}

div#footer a:hover{
 color: #FFFFFF;
 text-decoration:underline;
}

.odstavec2{
 text-align: justify;
 background-color: #FDFDEA;
 margin: 10px 30px 10px 30px;
 padding: 15px; 
 text-indent: 0px;
}

.odstavec3{
 text-align: justify;
 margin: 0px 20px 0px 20px;
 padding: 5px; 
 text-indent: 0px;

}

/* Reference */

.reference{
	position: relative;
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	width: 100%;
	border-top-color: #EEEEEE;
}
reference.img{
padding-left:10px;

}
.reference_left{
 float: left;
 width: 175px;
}

.reference_prava{
 float: right;
 width: 340px;
}

html>body .reference_prava{
 width: 345px;
}

.reference_footer-menu{
 clear: both;

}

.reference img{
 border: 1px solid #9966cc; 
 margin-right: 15px;
 width: 160px;
}


.reference p{
 text-indent: 0px;
 margin: 5px 0 0 0;
}

.reference h3{
 margin: 0px;
 padding: 0px;
}
div#reference-box {
	float: left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	margin-top: 20px;
	padding-left: 20px;
}
.reference-block{
	position: relative;
	margin-bottom: 10px;
	width: 50%;
	float: left;
	display: inline-table;
}
.reference-block img{
 border: 1px solid #9966cc;
 width: 160px;
}
.reference-block p{
 text-indent: 0px;
 margin: 5px 0 0 0;
}

div#nadpis{
 background-color: #E9EBFF;
 border: 1px solid #9966cc;
 line-height: 45px;
}

.starsi {
 width: 530px;
 text-align: right;
 line-height: 30px;
 border-top: 4px solid #EEEEEE;
}
div.cleaner {
	clear: both;
}
div.obaltab {
	border: 1px dashed #CCCCCC;
	float: left;
}
div.obalrow-left-w {
	display: inline;
	background-color: #eee;
	width: 80%;
	float: left;
	color: #333333;
	clear: both;
}
div.obalrow-left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	text-indent: 5px;
}
div.obalrow-right-w {
	display: inline;
	background-color: #FFE2C6;
	width: 20%;
	float: right;
	clear: right;
}
div.obalrow-right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	clear: both;
	text-align: right;
}
div.obalrow-w {
	width: 516px;
	clear: both;
}
div.obalrow {
	width: 616px;		
}
.bold {
	font-weight: bold;
}
div#holiday {
	background-color: #FFFFCC;
	padding: 5px;
	clear: both;
	float: left;
	border: thin solid #000066;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}
div#akce {
	background-color: #FFFFFF;
	padding: 5px;
	clear: both;
	float: left;
	border: thin solid #000066;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	text-align: center;
}
div#center-box {
 position: relative;
 margin: 0px auto;
}