/* ********** basic definitions ********** */
body { 
	margin:10px; padding:0px; 
	font-size:8pt;
	line-height: 1.5;
	font-family: Verdana, Tahoma, sans-serif;
	background-color:#000;
	color: #B3B3B3;
}


/* ********** web layout ********** */
#hlavicka { 
   width: 100%;

   margin:0; padding:0; 
} 
.hlavicka_fl {
position:absolute;
margin:0; padding:0;
width: 183px;
height: 46px;
background-image: url('../images/hlav_m.gif');
} 
.hlavicka_fr {
float:right;
margin:0; padding:0; 
} 


#main_fs {
   border-left: 1px solid #DEDEDE;
   border-right: 1px solid #DEDEDE;   
   padding: 0px 3px 0px 3px;

} 

#main1 {

	width:986px;
	margin: auto;
	background:url(../images/poz.jpg) top right repeat-y; 
} 

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

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

	background-color:#292929;

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

#hlavni2 { 

	margin:0; padding:0; 
		padding-left: 11px;
	/*background-color:#000000;*/

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

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


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

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


.sloup_horizont { 
	clear: both;
	width:100%; 
	background:url(../images/top_menu.jpg);
	text-align:center;
} 

.stredni_lr {margin:0 269px 0 188px;}
.stredni_l {margin:0 269px 0 0;}
.stredni_r {margin:0 0 0 188px;}

#stredni { 

	width:auto;
	/*background-color:#000000; 
	font-size:80%;*/  
	 
} 

#paticka { 
   width: auto;
   height: 58px;
   padding-left: 41px;
   padding-top: 20px;
   background-image: url('../images/pat.jpg');

} 


h1 {
font-size: 180%;
}

h2 {
font-size: 160%;
}

h3 {
font-size: 135%;
}

h4 {
font-size: 120%;
}

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

h1 { 
font-size: 160%;
margin: 0.3em 0 0.5em 0;
color:#990000;
text-transform: uppercase;
font-weight:bolder;
border-bottom:  #333333 dotted;
}

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

h3 a:hover {
	text-decoration: none;
	background-color:#C0C0C0;
	color: #000000;
}
 
h3.folder  {
	background:url(../images/sym_folder.gif)  center left no-repeat; 
	padding-left:20px;
}


p { 
	margin: 0.2em 0 
} 

p.folder { 
	padding-left:20px;
} 
p.folder2 { 
	padding-top:5px;
	padding-bottom:5px;
} 

p.nic { 
	margin: 0 
} 

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

}

a:hover {
	text-decoration: none;
	color:#000000;
	background-color:#DEDEDE;
}



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

input, textarea, select {
background-color:#000000;
color:#FFF;
border: 1px solid #C0C0C0;
}


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

/* ********** blocks ********** */
.blok_nad { 
	width: auto;
	border-bottom: 1px solid #DEDEDE;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 130%;
	background: #0F5182 url('../images/tecka_cer.jpg') center left no-repeat;	
	/*border: 1px solid #302F2C; */
} 

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

.obsah { 
	margin:0; 
	padding:0.3em 1em; 
} 

.obsah_stred { 
	margin:0; 
	padding:0.1em 1em; 
} 

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

.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:#1C1B1A;
border: 1px solid #302F2C;
/*font-size:90%;*/ 
padding: 2px;
}

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:#1C1B1A;
border: 1px solid #302F2C;
/*font-size:90%;*/ 
padding: 2px;
width:120px;
text-align:center;
}

div.photo_desc {

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

}

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


.diskuze_hlav {
border-left: 2px solid #333333;
border-right: 2px solid #333333;
background-color: #333333;
padding: 3px;

}
.diskuze_telo {

border-left: 2px solid #333333;
border-right: 2px solid #333333;
padding: 3px;
}

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

.velky {
	font-size:200%;
}

/* ********** 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:#221515;
	border: 3px solid #292929;

}

table.sed3 td {
	background-color:#353535;
	border: 3px solid #292929;

}

table.sed2 td {
	background-color:#3e3d3d;
	border: 2px solid #2C2C2C;

}

table.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:#CCCCCC;
}

.barva1 {
	color:#666666;
}

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

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

img.padtri {
padding:3px;
}

a img.padtri {
border: 1px solid #A78A5A;
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 {width: auto; padding: 0px 5px 0px 5px;}
	#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; 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 {behavior: url(../js/hover.htc);}
	#menu li a {padding: 3px; font-weight:bold; text-decoration:none;}
	#menu li a:hover {padding-left:4px; }

	#menu ul.sub {position: absolute; top: 0; left: 150px; z-index:10; width: 150px; visibility: hidden; }
	#menu ul.sub { border: 1px solid #000000; background-color:#999999; 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 #b74310; 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 {width: 100%; float: none;}
	#menu_horizont ul {background: url('../images/top_menu.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;}	
	#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);background: url('../images/tecka2.gif') center left no-repeat; padding: 3px 16px;}

	#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;}
	#menu_horizont li a:hover {}



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