body	{
	background: #FFFFFF;
	color: #000000;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	margin: 5px;
	padding-top: 10px;
}


/* --- seznamy --- */
ul						{list-style: none; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol						{padding: 4px 0px 0px 5px;}

/* --- zakladni html prvky ---*/
em, i					{}
hr						{clear: both; background-color: #99CCFF;	height: 1px;	border-width: 0px; margin:0px; padding:0px;}	
p 						{text-align: justify; margin: 5px 0px 10px 0px; line-height: 1.5em;}
ul						{list-style: square; margin: 5px 0px 5px 15px; padding: 0px; text-align: left; line-height: 1.5em;}
ol						{list-style: disc;}
small{font-size: 11px;}
legend {color: #000000; font-size:190%; font-weight: bold; padding-left:10px;padding-right:10px; padding-bottom: 10px;}
form{ margin:0px; padding:0px;}
fieldset{border: 1px solid #336699;margin-top:15px; padding-bottom: 15px;padding-right:10px; padding-left:10px;}
label {text-align: right; color: #336699;} 
input { font-size: 13px;padding: 2px;} 
input.odeslat { font-size: 14px;padding: 3px;} 
select {font-size: 13px;} 
textarea {font-size: 13px;} 
.line {	border-top: 1px solid #CCD9E1;margin-top: 10px;}
.ramecek {	border: 1px solid #336699;	padding: 15px;}
.normal {	font-size: 13px;	font-weight: normal;}


/* --- obrazky --- */
img 					{border: 0px;}

/* --- hlavicky --- */
h1 {
	font-size: 1.9em;
}


h2 {
	font-size: 1.4em;
}


h3 {
	font-size: 1.3em;	
}


/* --- globalni tridy --- */
.mensi 			{font-size: 0.9em;}
.maly 			{font-size: 0.8em;}
.big 			{text-transform: uppercase;}
.underline 			{text-decoration: underline;}
.tucne			{font-weight: bold;}
.pravy 			{text-align: right;}
.center		{margin: auto;}
.centrovany		{text-align: center;}
.levy				{text-align: left;}
.dobloku			{text-align: justify;}
.doleva			{display: block; float: left;	text-align: left;}
.doprava			{display: block; float: right; text-align: left;}
.doprava_full	{display: block; float: right; text-align: right;}
.clear	{clear: both;}
a{	color: black;}
a:hover{	text-decoration: none;}
a.out {	background: url(../img/ico_outanchor.gif) no-repeat right 4px;	padding-right: 12px;}
table.nice th{
	padding: 5px;	
	color: #336699;
	background-color: #E5EFF4;
	text-align: center;
}
table.nice td{	padding: 5px;	}

/* --- layout --- */
#esnav {position:absolute;top:0;left:0;padding:2px;background:#F2F6F8;border-bottom:#1976B0 1px solid;border-right:#1976B0 1px solid;font-size:11px}
#esnav A {color: #1976B0;margin-left:5px}



#layout{
	width: 100%;
}

#layout #top{
}

#layout #advert_top{
	padding-bottom: 5px;
}

#layout #top #logo{
	float: left;
	width: 270px;
	height: 37px;
}
#layout #top #logo_right{
	margin-left: 290px;
	padding-top: 25px;
	width: 620px;
}

#layout #top #logo_right #menu{
	height: 22px;
}

#layout #top #logo_right #menu ul {
	display: block;
 	margin: 0px;
	list-style: none;
}

#layout #top #logo_right #menu ul li { 
	float: left;
	margin-left: 3px;
}

#layout #top #logo_right #menu ul li a {
	display: block;
	height: 19px;
	width: 100px;
	font-size: 12px;
 	text-decoration: none;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
}
#layout #top #logo_right #menu ul li a.bookmark {
	background: url(../img/bcg_book_1.gif) #84BA8C;
	background-position: top left;
	background-repeat: no-repeat;
	color: black;
}

#layout #top #logo_right #menu ul li a.bookmark2 {
	background: url(../img/bcg_book_2.gif) #FFAE00;
	background-position: top left;
	background-repeat: no-repeat;
	color: black;
}

#layout #top #logo_right #menu ul li a.bookmark3 {
	background: url(../img/bcg_book_3.gif) #2D83B7;
	background-position: top left;
	background-repeat: no-repeat;
	color: white;
}

#layout #top #logo_bottom{
	clear: both;	
	color:#FFFFFF;
	background: url(../img/bcg_logo_bottom.gif) #1976B0;
	background-repeat: repeat-x;
	font-size: 11px;
	height: 19px;
	padding-left: 10px;
	padding-top: 1px;
}

#layout #top #logo_bottom a{
	color:#FFFFFF;
	font-weight: bold;
}

#layout #top #logo_bottom a:hover{color:yellow;}


#layout #main{
	padding-top: 5px;
	width: 780px;
}

#layout #main #advert_right{
	float: right;
	width: 210px;
}

#layout #bottom{
	clear: both;
	margin-top: 20px;
	border: 1px solid #CCD9E1;
	padding: 10px;
	background-color: #E5EFF4;
	font-size: 11px;	
	color: #336699;
}

#layout #bottom a{
	color: #336699;
	
}

#layout #main strong{
	color: #1976B0;
}

#layout #main #menu2{
	margin-top: 10px;
	border: 1px solid #1976B0;
	background-color: #E4EEFF;
	padding: 3px;
	width: 774px;
}

#layout #main #menu2 ul {
	display: block;
 	margin: auto;
	padding-left: 12px;
	list-style: none;
}

#layout #main #menu2 ul li { 
	float: left;
	margin-left: 14px;
}

#layout #main #menu2 ul li a {
	display: block;
	width: 62px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #247DB4;
}

#layout #main #menu2 ul li a img{
	margin-bottom: 2px;
}


#layout #main #search{
padding-top: 15px;
padding-bottom: 1px;
}
#layout #main #search h2{
	display: inline;
	font-size: 1.9em;
	padding-right: 15px;
}

#layout #main #search nput{
	padding: 1px;
}

#layout #main .inzeraty{
	border: 1px solid #1976B0;
	width: 100%;	
	margin-bottom: 8px;
}

#layout #main .head{
	clear: both;
	background-color: #E5EFF4;
	padding: 3px;
}

#layout #main .head strong{
	color: #990000;
}



#layout #main .description{
	padding: 5px;
}

#layout #main .image{
	padding: 5px;
}

#layout #main .additional{
	padding: 5px;
	background-color: #F2F6F8;
}


/* --- lightbox --- */
#lightbox{
     position: absolute;
     left: 0;
     width: 100%;
     z-index: 100;
     text-align: center;
     line-height: 0;
     }

#lightbox a img{ border: none; }

#outerImageContainer{
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto;
     }

#imageContainer{
     padding: 10px;
     }

#loading{
     position: absolute;
     top: 40%;
     left: 0%;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0;
     }
#hoverNav{
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
     }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
     width: 49%;
     height: 100%;
     background: transparent url(lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
     display: block;
     }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
     overflow: auto;
     width: 100%     
     }

#imageData{     padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;     }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }               
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }     
          
#overlay{
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     width: 100%;
     height: 500px;
     background-color: #000;
     }