/* ********** basic definitions ********** */
body { 
	margin:0px; padding:0px; 
	font-size:11px;
	line-height: 1.5;
	font-family: Tahoma,Verdana, sans-serif;
	color: #767676;
	background:#FFF;
}


/* ********** web layout ********** */
#hlavicka { 
float:right;
   width: 499px;
   height:295px;
   margin:0; padding:0; 

} 


#main1 {

	width:719px;
	margin: auto;
	/*background-color:#FFF; */
	padding: 0px;

} 

#main2 { 
	width:1024px;
	margin: auto;
} 

#hlavni1 {
	clear:both;
	margin:0; padding:0;
	/*border: 1px solid #666666; */
	background:url(../images/sloup.gif) top left repeat-y; 
} 

#hlavni2 { 

	margin:0; padding:0; 
	/*background-color:#FFF;

	border: 1px solid #666666; 

	background:url(../images/top_dol.png) top left no-repeat;*/
	background:url(../images/top.gif) top left no-repeat;
	} 

.panel_image { 

} 


#levypanel { 
	float:left; 
	width:200px; 
	margin:0; padding-left:20px; 
	 
	/*background-color:#111111;
	border: 1px solid #333333; */
} 

#pravypanel { 
	float:right; 
	width:200px; 
	margin:0; padding: 0 55px 0 0; 
	/*background-color:#111111;
	border: 1px solid #333333; */
} 


.sloup_horizont { 
	clear: both;
	width:100%; 
	text-align:center;
} 

.stredni_lr {margin:0 285px 0 220px;}
.stredni_l {margin:0 285px 0 0;}
.stredni_r {margin:0 0 0 220px;}

#stredni { 

	width:auto;
	padding: 305px 35px 0 8px;

	/*background:url(../images/top_dol.png) top right no-repeat;
	font-size:80%;*/  
	 
} 

#paticka { 
   width: auto;
   height: 32px;
   background:url(../images/bottom.gif) top right;
   padding: 0 40px;
} 




h3 {
font-size: 135%;
}

h4 {
font-size: 120%;
}

h3, h4 { 
	margin: 0.6em 0;
	color:#b30c0d;
} 



h2 { 
margin:0px;
font-size: 140%;
color:#b30c0d;
font-weight:bolder;
padding:0 10px;
border-bottom: 1px dotted #999999;
border-left: 5px solid  #999999;
}

h1 { 
margin:0px;
font-size: 160%;
color:#0b2f77;
font-weight:bolder;
padding:0px 10px;
border-bottom: 1px dotted #b30c0d;
border-left: 5px solid  #b30c0d;
}

h3 a:link, h3 a:visited {
	text-decoration: underline;
	color:#000;
	border: 1px none; 
	/*padding: 0 2px 0 2px;*/

}

h3 a:hover {
	text-decoration: none;
	background-color:#000;
	color: #FFF4D0;

}
 
h4 a:link, h4 a:visited {
	text-decoration: none;
	color:#CCCCCC;
	/*padding: 0 2px 0 2px;*/

}

h4 a:hover {
	text-decoration: none;
	color: #b30c0d;

}

p { 
	margin: 0.2em 0 
} 

p.nic { 
	margin: 0 
} 

/* ********** anchors ********** */
a:link, a:visited {
	text-decoration: underline;
	color: #767676;
}

a:hover {
	text-decoration: none;
	color:#767676;
}

a.odkaz:link, a.odkaz:visited {
	text-decoration: none;
	color:#CCCCCC;
}

a.odkaz:hover {
	text-decoration: none;
	color:#b30c0d;
}

.sipka a:link, .sipka a:visited, .sipka a:hover {
	padding-left: 18px;
	background: url('../images/sipka_cer.gif') center left no-repeat; 
}





/* ********** forms ********** */

, textarea, select {
padding: 2px;
border: 1px solid #C0C0C0;
background-color:#652807;
color:#f7e5aa;
}


.button {
margin: 2px;
background-color:#652807;
color:#f7e5aa;
cursor: pointer;
background-image:none;
}

/* ********** blocks ********** */
.blok_nad { 
	width: auto;
	color:#f7e5aa;
	font-weight:bold;
	font-size: 120%;
	padding: 1px;
	background: url('../images/blok_nad.gif') center right no-repeat; 
	
	/*border: 1px solid #302F2C; */
} 

/* ********** others ********** */

.mapa_stranek {
background: url(../images/icon_mapa.gif) center left no-repeat;
padding-left: 20px;
}

.odkaz_pdf {
background: url(../images/icon_pdf.gif) center left no-repeat;
height: 32px; 
padding-left: 38px;
padding-top: 13px;
}

.odkaz_xls {
background: url(../images/icon_xls.gif) center left no-repeat;
height: 32px; 
padding-left: 38px;
padding-top: 13px;
}

.odkaz_doc {
background: url(../images/icon_doc.gif) center left no-repeat;
height: 32px; 
padding-left: 38px;
padding-top: 13px;
}
.obsah { 
	margin:0; 
	padding:0.3em 1em; 
} 

.obsah_stred { 
	margin:0; 
	padding-left: 5px; 
} 

.obsah_blok { 
	margin:0; 
	padding: 0 1.2em 0 1.2em;
} 

.maly { 
	font-size:80%; 
} 

.cleaner { 
	clear:both; 
	height:1px; 
	font-size:1px; 
	border:none; 
	margin:0; padding:0; 
	background:transparent; 
} 

.sto_p {
width:100%;
}

.sto_p2 {
width:98%;
}

.form_pevna {
width: 300px;
}

div.error {
background-color:#FF0000;
color:#FFFFFF;
font-weight:bold;
}

div.strankovani {
/*background-color:#e45506;
font-size:90%;*/ 
padding: 2px;
}

div.clanek_poz {
background-color:#e45506;
/*font-size:90%;*/ 
padding: 5px;
border: 1px solid #c04805;
}

div.zvyrazni {
background-color:#2c2c2c;
/*border: 1px  dashed  #990000;
font-size:90%;*/ 
padding: 2px;
}

div.strankovani_bez_poz {
border: 1px solid #302F2C;
padding: 2px;
}

div.message {
border: 1px dashed #FF0000;
padding:3px;
font-weight:bold;
}

div.photo {
background-color:#e45506;
border: 1px solid #302F2C;
/*font-size:90%;*/ 
padding: 2px;
width:120px;
text-align:center;
}

div.photo_desc {

background-color:#C0C0C0;
border: 1px solid #302F2C;
/*font-size:90%;*/ 
padding: 5px;

}

.flash_foto {
position:absolute;
left: 50%;
margin-left:226px;
top: 10px;
width: auto;
height: auto;
/*border: 1px solid #666666; */ 
text-align:center;
	
} 


/* ********** fonts ********** */

.velky {
	font-size:200%;
}

/* ********** s ********** */

 {

word-spacing: 0;
border-collapse: collapse;
-layout:auto;
}

td {
	padding: 3px;
	vertical-align:top;
}

div.adm td {
	border: 1px solid #C0C0C0;
}

div.adm  {
	width: 100%;
}

td.zahlavi {
	background-color: #C0C0C0;
	color: #000000;
	font-weight:bold;
}

div.find td {
  background-color: #2A2A2A;
  border: 3px solid #000000;
}


.sed td {
	background-color:#E5E5E5;


}

.sed2 td {
	background-color:#c04805;
	border: 2px solid #2C2C2C;

}

.nic td {
	padding: 0px;
	margin: 0px;
}

/* ********** zarovnání ********** */

.vlevo {
text-align:left;
}

.vpravo {
text-align:right;
}

.center {
text-align:center;
}

/* ********** barvy ********** */
.cerveny {
	color:#FF0000;
}

.zeleny {
	color:#00CC00
}

.barva2 {
	color:#f1dd9a;
}

.barva1 {
	color:#ecd589;
}
.barva3 {
	color:#FFF;
}

a.barva3 {
	color:#FFF;
	text-decoration: underline;
}

a:hover.barva3 {
	color:#FFF;
	text-decoration: none;
}


/* ********** obrazky ********** */
img {
border:none;
}

img.navactiv {
padding:1px;
border: 1px solid #FFFFFF;
}

img.padtri {
padding:3px;
}

a img.padtri {
border: 1px solid #9e1f1f;
padding:1px;
margin:4px;
background:#000000 url('../images/icon_zoom.gif') bottom center no-repeat;
padding-bottom:13px;
}

a:hover img.padtri {
border: 1px solid #7F603F;

}



/* ********** menu ********** */
.adm_menu {
	background-color:#333333;
	color: #000000;
	text-align:right;
	padding: 5px;
	border: 1px solid #666666;
}

div.menu ul               { padding: 0px; margin: 0px 0px 0px 13px; list-style-type:square }
div.menu li               { padding-bottom:5px; font-weight: bold; }
div.menu li a             { font-weight: bold; }
div.menu li a:hover       { font-weight: bold; }


.rychle_odkazy {
	margin: 15px 0px 15px 15px; _margin: 15px 0px 15px 25px;
	border: solid 1px #333333;
	background-color:#1C1B1A;
	width: 160px; _width: 190px;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	float: right;
}


/* ********** menu rozbalovaci ********** */

	#menu {line-height: 1; margin-top:164px; width: auto; padding: 0px 8px 0px 5px;	background:url(../images/menu_pozadi.gif) top right repeat-y; }
	#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu li, #menu ul.sub li {margin: 0; width: 100%; text-decoration: none;}
	#menu li a {display: block;}
	#menu ul li.main {position: relative;}
	#menu ul li.main:hover ul.sub {visibility: visible;}
	#menu li.mainHover ul.sub{visibility: visible;} 
	#menu li {behavior: url(../js/hover.htc); text-transform:uppercase; font-size:13px; padding:0; height: 29px;}
	#menu li a {padding: 8px 0 10px 40px; font-weight:bold; text-decoration:none;display: block;}
	#menu li a:hover {padding-left:41px; color:#b30c0d;}

	#menu ul.sub {position: absolute; top: 0; left: 180px; z-index:10; width: 220px; visibility: hidden; }
	#menu ul.sub { border: 1px solid #000000; background-color:#dfe0df; padding:3px;}

	#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0; border-bottom: 1px solid white; height:auto;}
	#menu ul.sub li a {display: block; margin: 0; padding: 2px; text-decoration:none;}
	#menu ul.sub li a:hover {; background:none;}

	#menu ul.sub_vis {padding-left:6px; font-size:90%;}
	#menu ul.sub_vis li a {display: block; margin: 0; border:none ; font-weight:normal; padding: 0px; padding-left: 5px; text-decoration:none; color:white;}
	#menu ul.sub_vis li a:hover {border-left: 1px solid white; color:#CCCCCC;}


	#menu_horizont {width: 100%;}
	#menu_horizont ul {background-color: #3a5262;}	
	#menu_horizont ul, #menu_horizont ul.sub {list-style-type:none; margin: 0; padding: 0;}
	#menu_horizont li, #menu_horizont ul.sub li {margin: 0; padding: 0; text-decoration: none;}
	#menu_horizont li {float: left;}	
	#menu_horizont ul li.main {position: relative;}
	#menu_horizont ul li > ul.sub {position: absolute; z-index:10; visibility: hidden;}
	#menu_horizont ul li.main:hover ul.sub {visibility: visible;}
	#menu_horizont ul.sub {position: absolute; z-index:10; visibility: hidden; width: 150px;} 
	#menu_horizont li.mainHover ul.sub{visibility: visible;} 
	#menu_horizont li {behavior: url(hover.htc); text-align:left ; background: url('../images/tlac_poz.gif') center left no-repeat; padding: 7px 10px;width: 113px;}

	#menu_horizont ul.sub { border: 1px solid #666666; background-color:#333333; padding:3px;}
	#menu_horizont ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
	#menu_horizont ul.sub li a {display: block; margin: 0; border-left: 3px solid #7F603F; padding: 2px; text-decoration:none;}
	#menu_horizont ul.sub li a:hover {border-left: 1px solid white;}
	#menu_horizont li a {font-weight:bold; color:#FFFFFF; font-size:120%; text-decoration: none; text-transform:uppercase;}
	#menu_horizont li a:hover {color:#CCCCCC;}



.nowrap {
	clear: both;
}


/* Singapore gallery */

div.sgGallery, div.sgGalleryThumbnail, div.sgThumbnail {text-align: left;}
div.sgNavBar, p.sgNavBar {text-align: right;}
div.sgContent {margin-top: 10px; margin-bottom: 10px;}
div.sgContent img {margin: 10px;}
div.sgGallery {margin: 8px; padding: 2px;}
div.sgThumbnail {margin: 3px; padding: 2px;}
img.sgThumbnail {margin: 3px;}
.sgNavBar {margin: 1em;}
div.sgGalleryThumbnail, div.sgThumbnail {float: left;}

div.sgTab {padding: 2px; margin: 0;}
div.stretcher {height: 1px}
div.image_scroll {overflow:visible; width: auto;}

/* komentář */
.mar_left_pet 		{margin-left:10px;}
div.str 		{background-color:#FCE99C;padding:3px;border: 1px solid #FFDF5E;}

.clanek_scroll {
	width: auto; 
	height: 150px; 
	overflow: auto;
	border: 1px solid #C0C0C0;	
}

/* ********** 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(../images/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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/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;
	}