/* ********** basic definitions ********** */
body { 
	margin:5px; padding:0px; 
	font-size:10pt;
	line-height: 1.5;
	font-family: Verdana CE, Tahoma, "Helvetica CE", Verdana CE, "Arial CE", sans-serif;
	background-color:#F5E6A7;
	color:#920F0D;
	background-image:url(../images/background.jpg);
}


/* ********** web layout ********** */
#hlavicka { 
	width:auto;
	margin:0; padding:0; 
	/*border: 1px solid #666666;*/
} 


#main1 { 
	width:751px;
	margin: auto;
} 

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

#hlavni1 {
	clear:both;
	margin:0; padding:0; 


	/*border: 1px solid #666666; */
	background:url(../images/sloup.jpg) top right repeat-y; 
} 

#hlavni2 { 
	margin:0; padding:0; 
	/*background-color:#000000;*/

	/*border: 1px solid #666666; */
	background:url(../images/sloup.jpg) top left repeat-y; 
} 

.panel_image { 
	background:url(../images/sloup.jpg); 
} 


#levypanel { 
	float:left; 
	width:160px; 
	margin:0; padding:0; 
	 
	/*font-size:80%;*/ 
} 

#pravypanel { 
	float:right; 
	width:160px; 
	margin:0; padding:0; 
	
	/*font-size:80%;*/ 
} 


.sloup_horizont { 
	clear: both;
	width:100%; 
	background:url(../images/sloup_horizont.jpg); 
} 

.stredni_lr {margin:0 162px 0 162px; }
.stredni_l {margin:0 162px 0 0;}
.stredni_r {margin:0 0 0 162px;}

#stredni { 
	/*background: #000000 url(../images/main_poz.jpg) top  center  no-repeat;  */ 

	/*font-size:80%;*/  
	 
} 

#paticka { 
	/*background-color:#333333; */
	/*font-size:80%;*/  
	/*border: 1px solid #666666;*/ 
} 


h1 {
font-size: 180%;
}

h2 {
font-size: 160%;
}

h3 {
font-size: 135%;
}

h4 {
font-size: 120%;
}

h2, h3,h4 { 
	margin: 0.6em 0;
	color: #1A2F6F;
} 

h1 { 
	font-size: 120%;
	margin: 0.3em 0 0.5em 0;
	color:#1A2F6F;
	text-transform: uppercase;
	font-weight:bolder;
	background:url('../images/tecka.gif') no-repeat 0 0.4em;
	padding:0 0 0 12px;
}

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

h3 a:hover {
	text-decoration: none;
	color:#920F0D;
}
 

p { 
	margin: 0.2em 0 
} 

/* ********** anchors ********** */
a:link, a:visited {
	text-decoration: underline;
	color:#920F0D;
	/*border: 1px none; 
	padding: 0 2px 0 2px;*/
}

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



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

input, textarea, select {
padding: 2px;
color: #C0C0C0;
border: 1px solid #C0C0C0;
font-family: Tahoma, Verdana, sans-serif;
background: #FFFFFF; 
}


input.button {
margin: 2px;
background-color:#C0C0C0;
color:#000000;
border: 1px solid #C0C0C0;
cursor: pointer;
background-image:none;
}

/* ********** blocks ********** */
.blok_nad {
	font-size:12px;
	font-weight:bold;	
	width:auto; 
	height: 20px;
	color: #1A2F6F;
	padding: 1px 0px 0px 29px;
	text-transform: uppercase;
	background-image:url(../images/sloup_nad.jpg);	
	/*border: 1px solid #302F2C; */
} 

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

.obsah { 
	margin:0; 
	padding:0.5em 0.5em; 
} 

.obsah_stred { 
	/*background: #000000 url(../images/main_poz.jpg)  no-repeat; */
	margin:0; 
	padding:0.5em 1em; 

} 

.obsah_blok { 
	margin:0; 
	padding: 0 15px 0 15px; 
} 

.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%;
}

.sto_p3 {
width:93%;
}

.form_pevna {
width: 300px;
}

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

div.strankovani {
background-color:#FFF2B3;

/*font-size:90%;*/ 
padding: 2px;
}

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

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

div.photo {
background-color:#fee681;
border: 1px solid #ffffc4;
/*font-size:90%;*/ 
padding: 2px;
width:110px;
text-align:center;
}

div.photo_desc {

background-color:#fee681;
border: 1px solid #ffffc4;
/*font-size:90%;*/ 
padding: 5px;

}


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

.velky {
	font-size:140%;
}

/* ********** tables ********** */

table {

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

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

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

div.adm table {
	width: 100%;
}

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

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


table.sed td {
	background-color:#fee681;
	border: 3px solid #ffffc4; 
}



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

.vlevo {
text-align:left;
}

.vpravo {
text-align:right;
}

.center {
text-align:center;
}

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

.zeleny {
	color:#00CC00
}

.barva2 {
	color:#1A2F6F;
}

.barva1 {
	color:#FF3300;
}

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

img.navactiv {
padding:3px;
border: 3px solid #000;
}

img.padtri {
padding:3px;
}

a img.padtri {
border: 1px solid #A78A5A;
padding:1px;
margin:4px;
}

a:hover img.padtri {
border: 1px solid #7F603F;
padding:1px;
margin:4px;
}
/* ********** 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 {}
	
	#menu ul {margin: 0px 5px 0px 17px; padding: 0;list-style-type:square;}
	#menu li, #menu ul.sub li {margin: 0; width: 100%; text-decoration: none;}
	#menu li a {display: block; width: auto; }
	#menu ul li.main {position: relative;}
	#menu ul li.main:hover ul.sub {visibility: visible;}
	#menu li.mainHover ul.sub{visibility: visible;} 
	#menu li {padding-bottom:0px; behavior: url(../js/hover.htc);}
	#menu li a {font-weight:bold; text-decoration:none;}
	#menu li a:hover {font-weight:bold; text-decoration:underline;}

	#menu ul.sub {position: absolute; top: 0; left: 150px; z-index:10; width: 150px; visibility: hidden; }
	#menu ul.sub { color:#2345A5; border: 1px solid #666666; background-color:#FFFF; padding:3px;}

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

	#menu ul.sub_vis {border-top:1px solid #333333;border-bottom:1px solid #333333;}
	#menu ul.sub_vis li a {display: block; margin: 0; border:none ; font-weight:normal; padding: 0px; padding-left: 5px; text-decoration:none;}
	#menu ul.sub_vis li a:hover {border-left: 1px solid white;}


	#menu_horizont {float: none;width: auto;padding: 2px;margin:0; height:30px; background:#2345A5 url(../images/menu_poz.jpg);}
	#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; padding: 3px;}	
	#menu_horizont ul li.main {position: relative;}
	#menu_horizont ul li > ul.sub {position: absolute; z-index:1000; 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(../js/hover.htc);}

	#menu_horizont ul.sub {float:none;margin:0; padding: 0;}
	#menu_horizont ul.sub li p {display: block; width: 100%; margin:0; padding: 0;}
	#menu_horizont ul.sub li p a {color:#2345A5; display: block; margin: 0; width: 150px;  background-color: #FFFFFF; text-decoration:none;border: 1px solid #2345A5;}
	#menu_horizont ul.sub li p a:hover {background-color: #C8CEE3;}
	#menu_horizont li a {float:none; display: block; margin:0; padding: 0px 0px 0px 8px; text-align:left; color:#FFFFFF; font-weight:bold; text-decoration:none;}
	#menu_horizont li a:hover {color:#000000; background-color:#FFFFFF;}



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

/* ********** 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;
	}