body{
	margin:auto;
	padding:0;
	background: #666666 url(../images/bg.jpg) repeat-y center; 
	width: 920px;
	font-family: Georgia, "Trebuchet MS", Trebuchet MS,verdana, arial, helvetica, sans-serif;
	font-size: 75%;
	color: black;
	text-align:justify;
}
#stranka{
	width: 870px;/*870*/
	margin:auto;
	
}
#top {
}
#toplogo {
	float:left;
	width:260px;
	height: 99px;
	padding:3px;
	margin:5px 0px 1px 5px;
	_margin:5px 0px 1px 3px;
	background: white url(../images/logo.jpg) no-repeat center; 
}
#toplogo a{
	display: block;
	width:260px;
	height: 99px;
}
#menu{	
	float:left; 
	height:99px;
	margin: 5px 0px 5px 0px; 
	_margin: 5px 1px 5px 0px; 
	padding:3px 5px 3px 0px;
	_padding:3px 5px 0px 0px;
	background: white;}
#menu div{
	float:left;
	display:block;
	width:96px;
	height:99px;
	margin-right:2px;
}
#menu a{
	display:block;
	width:96px;
	height:99px;	
}
#menu1 {background: url(../images/menu-uvod2.jpg);} 
#menu1 a:hover {background: url(../images/menu-uvod.jpg);}
#menu1 a.active {background: url(../images/menu-uvod.jpg);} 

#menu2 {background: url(../images/menu-fotogalerie2.jpg);} 
#menu2 a:hover{background: url(../images/menu-fotogalerie.jpg);} 
#menu2 a.active{background: url(../images/menu-fotogalerie.jpg);} 

#menu3 {background: url(../images/menu-fotoalba2.jpg);} 
#menu3 a:hover {background: url(../images/menu-fotoalba.jpg);} 
#menu3 a.active {background: url(../images/menu-fotoalba.jpg);} 

#menu4 {background: url(../images/menu-technika2.jpg);} 
#menu4 a:hover{background: url(../images/menu-technika.jpg);}
#menu4 a.active{background: url(../images/menu-technika.jpg);} 

#menu5 {background: url(../images/menu-odkazy2.jpg);} 
#menu5 a:hover{background: url(../images/menu-odkazy.jpg);} 
#menu5 a.active{background: url(../images/menu-odkazy.jpg);} 

#menu6 {background: url(../images/menu-kontakt2.jpg);} 
#menu6 a:hover{background: url(../images/menu-kontakt.jpg);}
#menu6 a.active{background: url(../images/menu-kontakt.jpg);} 
#left {
	display:none;
	float: left;
	margin: 0px 0 15px 0;
	padding:15px;
	width: 164px;
	background: url(../images/bghlavnimenu.jpg) no-repeat;
	overflow:hidden; 
}
#main {
	clear:both;
	float:left;
	width:644px;
		
	/*width:850px;*/
	background: white;
	margin: 0px 5px 5px 5px;
	_margin: 0px 5px 5px 3px;
	padding:5px 25px 20px 5px;
	_padding:5px 5px 20px 5px;
	
}
#right{
	float:left;
	width:180px;
	margin: 0px 5px 5px 0px;
	_margin: 1px 1px 5px 0px;
	padding:5px 0px 20px 0px;
	background:white;
	
	}
#paticka { 
	clear:both; 
	border-top: #666666 1px solid;
	margin:0px 0 10px 0;
	padding:5px 25px 0 25px;
	_padding:5px 0 10px 0;
	text-align:center;	}
#paticka a {color: #333333;text-decoration:underline; font-weight:bold;}
#toplist{
	display: none;
}	
/* *************************  DEFINICE HTML ELEMENTU ******* */
a{	/*text-decoration: none;*/ 
	color: Black;}
a:hover {text-decoration: underline;}
h1{padding: 0;	margin: 0;}
h2{
	font-size: 95%;
	color: #666666 ;
	padding:7px 0 0 5px;
	border-bottom:1px dotted  #666666;
}
img {border: 0px;padding:0px;margin:0px;	}
hr{display: none;}
form{padding: 0;margin: 0;}
legend{color:#000000; font-weight: bold; }
/* **********************  konec DEFINICE HTML ELEMENTU ******* */

#navigace{text-align:center;color:#f8a300;font-weight: bold;font-size:150%;}

/* ***************************  UVOD page ******* */
#uvod .texty{ line-height:1.2em;}
#uvod .texty li {padding-bottom:5px;}
#uvod .texty a{ border-bottom: 1px dotted #000000; }
#uvod .texty a:hover{ border-bottom: none ; }
.dalsi{
	font-size: 95%;
	color: #666666 ;
	padding:0 7px 0 5px;
	text-align:right;
}
/* ***************************  AKTUALITY page ******* */
#aktuality h4{margin:10px 0 0 0; padding:0; font-size:100%; text-decoration:none;color: #666666 ;}
#aktuality h4.popis{font-size:90%; text-decoration:none;}
#aktuality h5{margin:0 0 3px 0; padding:0; font-size:90%; font-weight: lighter;}
#aktuality .text {}

/* ***************************  AKTUALITY sloupecek ******* */
#right .datum{ padding:0px 0 0 0; margin:0; font-style:italic; font-size:90%;}
#right h3{ margin:0; padding:0; font-size:100%; text-decoration:underline;}
#right h4{ margin:0; padding:0;font-size:90%}
#right .text2{ font-size:90%;}

/* ***************************  KONTAKT page ******* */
#kontakt{padding:0 40px; line-height:1.4em;}
#kontakt form legend span{ font-size:90%; font-style:italic;}
#kontakt label.text{font-weight:normal}

/* ***************************  DEFINICE TRID ******* */
.nahled{
	width:140px;
	height:165px;
	margin:0px 5px;
	background:url(../images/bg-nahled.gif) no-repeat;
	text-align:center;
	overflow:hidden;
}
.nahled img{
	padding:10px 10px 3px 10px;
	text-align:center;
}
.nahled .npopis{
	text-align:center;
	color: #787878;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	padding:0px 10px 5px 10px;
}
.navigace {clear:both;}
/* ***************************  UVOD PAGE ******* */
#fotografie {clear:both;}
#fotografie .nahled{float:left; margin-right:15px;margin-bottom:15px;}
#fotografie2 {clear:both;}
#fotografie2 .nahled{float:left;margin-right:15px;}
#fotografie3 {clear:both;}
#fotografie3 .nahled{float:left;margin-right:15px; }
#right .nahled{ margin:0 0 0 15px; height:160px;}

/* ***************************  FOTOGALERIE  PAGE ******* */
#fotogalerie{
	clear:both;
	float:left;
	width:850px;

	margin: 0px 5px 5px 5px;
	_margin: 0px 5px 5px 3px;
	padding: 5px 25px 20px 5px;
	_padding:5px 5px 20px 5px;
}
#fotogalerie .nahled{float:left; margin:0 15px 15px 15px;_margin:0 14px 15px 12px;}

/* ***************************  FOTOALBA  PAGE ******* */
#fotoalba{
	clear:both;
	float:left;
	width:850px;

	margin: 0px 5px 5px 5px;
	_margin: 0px 5px 5px 3px;
	padding: 5px 25px 20px 5px;
	_padding:5px 5px 20px 5px;
}
#fotoalba .aitem{clear:both;  position:relative; }
#fotoalba .aitem .nahled{
	text-align:center;
	height:155px;
	float:left; 
	margin-left:30px;
	padding:0 0 0px 0px;
	_padding:0 0 0px 20px;
	 }
#fotoalba .aitem .adata{ float:left;padding:0 10px 30px 10px; width:600px; }
#fotoalba .aitem .adata h3{ margin:0 0 10px 0; padding:0; font-size:100%;}

/* ***************************  FOTO page ******* */
#foto{
	clear:both;
	/*float:left;*/
	width:850px;

	margin: 0px 5px 5px 5px;
	_margin: 0px 5px 5px 3px;
	padding: 5px 25px 20px 5px;
	_padding:5px 5px 20px 5px;
}
#foto #fotonav{ position:relative;}
#foto #fotonav a.left img{position:absolute; left:-3px;}
#foto h2{position:relative;}
#foto h2 a.right{ position:absolute; right:0; }
#foto #fotonav a.right img{position:absolute; right:-3px;}

#foto .center img{border:1px solid silver  ; padding:3px;}

#foto #fotodet{width:700px; margin:auto; padding:0px; font-size:90%; }
#foto #fotodet #fotodetl{float:left; width:40%; text-align:left; padding:10px 0 15px;}
#foto #fotodet #fotodetr{float:left; width:60%; text-align:left; padding:10px 0px 15px 0;}


.texty{padding: 0px 10px 5px 15px; text-align:justify;}

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.hidden{
	position:absolute;
	top: -10000px;
	left:0;
	width:1px;
	height:1px;
	overflow:hidden;
}
.line{
	padding: 6px 0;
	border-bottom: thin solid #D9DCE1;
}
CboldRed{
	color: #660000;
	font-weight: bold;
}
.CboldBlack{
	color: #000000 ;
	font-weight: bold;
	font-size: 1em;
}
.CboldBlue{
	color:#6A81DF;
	font-weight: bold;
}
.CboldOrange{
	color:#f8a300;
	font-weight: bold;
}
.foto{
	width:130px;
	height: 130px;
	padding: 5px;
	float: left;
}
.Ctlacitko{
	border: 1px;
	margin-top:3px;
	border-color: #000000;
	border-style: groove;
	font-size:11px;
	font-weight:bold;
}
a.Ctlacitko{
	text-decoration:none;
	padding: 1px;
	color: #000000;
	font-size: 85%;
}