* { padding:0; margin:0; }

body {
margin: 0 auto; 
text-align:center; 

	background-color:#1e1e1e;
		
	font-family:  Arial, Verdana, Sans-Serif;
	font-size:12px;line-height: 2.0em; color:#000000;
	min-width: 800px; 
}

a:link { color:#AAAAAA; text-decoration: none; }
a:visited { color: #CCCCCC; text-decoration: none; }
a:hover { text-decoration: underline; color: #CCCCCC;  }
a:active { text-decoration: underline; color: #CCCCCC; }

.nadpis { color: #484848; }

.duraz { color: #9c0; }

.barva {color:#fb4e00;}	

.vymena {padding-left:20px;}	

  .clonet {padding-left:30px;}
















div.okno { 
height: 100%; 
width: 100%; 
display: none; 
position: absolute; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
text-align: center; 
background: #000000; 
}
div.okno:target{ 
display: block; 
}

div.okno { 
height: 100%; 
width: 100%; 
}



 div.zkouska { 
 
width: 100px;
height: 100px;
margin: 50px;
padding: 50px; 

border: 5px solid red;
background: #fff; 
}


  div.zkouska2 { 
 
width: 100px;
height: 100px;
background: #fff; 
}




.h-02 {font-size:180%;}
.h-01 {font-size:140%;}
.h-03 {font-size:165%;}
.l-01 {font-size:95%;}
.l-02 {font-size:85%;}
.l-03 {font-size:125%;}
































#telo {
	width:797px;
	margin:0 auto;

text-align: left; 

}

#hlava { 
	width:797px;
	height:200px;
	background-image:url(images/page.jpg);
	background-repeat:no-repeat;
	
	
}

	




		

		
#nadmenu {
	background-image:url(images/rss.png);
	background-repeat:no-repeat;
	height:45px;
	width:42px;
	float:left;

	clear:both;

}

	
#navigace {
	background-image:url(images/nav.png);
	background-repeat:no-repeat;
	height:45px;
	width:755px;
	float:right;
	
	list-style:none;

}

	
				
#spodninavigace {
	background-image:url(images/subnav.png);
	background-repeat:no-repeat;
	height:37px;
	width:797px;
	list-style:none;
	clear:both;
}

	
		
.menu {color: #000000;	font-family:  Arial, Verdana, Sans-Serif;
	font-size:10px; padding: 0; margin: 0; list-style-type: none; display:block}
.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #1e1e1e; margin: 0; padding: 0; list-style-type: none;}
.menu li {float: left; padding: 2px 2px 0 2px; width: 120px; white-space: nowrap;}
.menu a {padding: 2px; text-align: left; padding-top: 15px; color: #fff; background-color:#1e1e1e url(images/nav.png)repeat; display: block; text-decoration: none; font-weight: normal;}
.menu ul a:link {color: #fff; border-bottom: none; padding-left: 5px; padding-left: 9px;}
.menu ul a:visited {color: #fff; border-bottom: none; padding-left: 5px; padding-left: 9px;}
.menu ul a:hover {color: #000; background-color: #1e1e1e url(images/nav.png)repeat;}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 0;}
    
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:380px; margin:20px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:380px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:380px; height:0; background:#000; color:#fff; overflow:hidden; z-index:100; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:300px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:250px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:270px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:325px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}  
    
    
    
    
    
    
    
    
    	
#hlavnilogo {
	
	height:100px;
	width:548px;
	margin-top:8px;
	float:left;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size:18px;
	color:#FFFFFF;
}

#hlavnilogo span {
	position:relative;
	left: 40px;
	top: 25px;
	color:#000000;
}

	#hlavnilogo a {
		display:block;
		height:100px;
		text-decoration:none;
	}
	#hlavnilogo a:hover {
	text-decoration: none;
	}
	
	#rotate { width: 548px;  height: 90px;  overflow: hidden; margin: 15px 0;}

#rotate img {margin: 0 8px; border: 4px solid #299DCA;}
	
	
	
	
	
	
		
#levybox {
	width:548px;
	float:left;
	overflow: hidden;
}

.levyboxobr {
	height:255px;
	width:106px;
	margin-top:10px;
	float:left;
	overflow:hidden;
}

.levyboxtext { 
	float:right;
	width:442px;
	margin-top:10px;
}


.info {
	background-image:url(images/cbg.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.odstavec {
	background-image:url(images/cbg2.png);
	min-height: 255px;
	max-height:none;
	width:442px;
	clear:both;
	
	
}





.levyboxclanky {
	height:255px;
	width:106px;
	margin-top:10px;
	float:left;
	overflow:hidden;
	clear:both;
}

.clankytext { 
	float:right;
	width:442px;
	margin-top:10px;
}


.infoclanky {
	background-image:url(images/cbg.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.klepeta {
	background-image:url(images/klepeta.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.quickcart {
	background-image:url(images/quickcart.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}



.bakterie {
	background-image:url(images/bakterie.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.blog {
	background-image:url(images/blog.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.clankyodstavec {
	background-image:url(images/cbg2.png);
	min-height: 255px;
	max-height:none;
	width:442px;
	clear:both;
	
	
}

.budoucnost {
	background-image:url(images/architektura.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.zajimaverecepty {
	background-image:url(images/recepty.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.zajimavosti {
	background-image:url(images/zaba.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.zajimavostidve {
	background-image:url(images/architektura.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.misa {
	background-image:url(images/misa.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.vedelijste {
	background-image:url(images/vedelijste.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}



 .ecigareta {
	background-image:url(images/ecigareta.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}




.prowebdesignery {
	background-image:url(images/neutral.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.prasarny {
	background-image:url(images/prasarny.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}





.ksc {
	background-image:url(images/ksc.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.slavia {
	background-image:url(images/slavia.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}



.evoluce {
	background-image:url(images/evoluce.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.efcz {
	background-image:url(images/efcz.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}




.procesy {
	background-image:url(images/windows.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.seo {
	background-image:url(images/seo.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.mnichov {
	background-image:url(images/mnichov.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.bowling {
	background-image:url(images/bowling.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


.youtube {
	background-image:url(images/youtube.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

  .politika {
	background-image:url(images/politika.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

  .autopujcovna {
	background-image:url(images/autopujcovna.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.opice {
	background-image:url(images/opice.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

 .drobil{
	background-image:url(images/drobil.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

 .doktori {
	background-image:url(images/doktori.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}


 .hokej {
	background-image:url(images/hokej.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}






.station {
	background-image:url(images/station.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.plastika {
	background-image:url(images/plastika.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.css {
	background-image:url(images/css.png);
	background-repeat:no-repeat;
	height:255px;
	width:106px;
}

.left {
	
	width: 90%;
	margin: 0 0 10px 0;
}


	.left_side {
		float: left;
		width: 45%;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
		
	.right_side {
		float: right;
		width: 45%;
		background:url(katalog.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 0px;
		margin: 10px 0;
	}


.clear {
	clear: both;
}
















#reference {
	  float: left;
	  width: 304px;
	  padding-left: 80px;
	  
	}
	#reference dl {
	  float: left;
	  width: 260px;
	  margin: 10px 20px;
	  padding: 0;
	  display: inline; 
	}
	#reference dt {
	  float: right;
	  width: 162px;
	  margin: 0;
	  padding: 0;
	  
	  
	  
	}
	#reference dd {
	  margin: 0 0 0 98px; 
	  padding: 0;
	  
	}
	#reference dl dd.obr {
	  margin: 0; 
	}
	#reference dd.obr img {
	  float: left;
	  margin: 0 8px 0 0;
	  padding: 4px;
	  border: 1px solid #D9E0E6;
	  border-bottom-color: #C8CDD2;
	  border-right-color: #C8CDD2;
	  background: #fff;
	}
	
	/* otočení směru plovoucího umístění */
	
	#reference .zmena dt {
	  float: left;
	}
	#reference .zmena dd {
	  margin: 0 98px 0 0;
	}
	#reference .zmena dd.obr img {
	  float: right;
	  margin: 0 0 0 8px;
	}















h1 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size:18px;
	color:#299DCA;
	padding-top:19px;
	padding-left:14px;
}
		
h2 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size:18px;
	color: #299DCA;
	padding-top:19px;
	padding-left:14px;
}

h3 {
	font-family: Arial, Verdana, Sans-Serif;
	font-size:16px;
	color: #299DCA;
}

.text {
	font-family: Arial, Verdana, Sans-Serif;
	font-size:12px;line-height: 2.0em;
	color:#FFF;
	padding-top:19px;
	padding-left:14px;
	padding-right:14px;
}	


 .nej {
	margin-bottom:5px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
}	


.nej a:link { color:#999; text-decoration: none; }
.nej a:visited { color: #AAAAAA; text-decoration: none; }




.extra {
	font-family: Arial, Verdana, Sans-Serif;
	font-size:11px;
	color:#FFF;
	padding-left:14px;
	margin-top:15px;
}	


		
#reklama {
	width:237px;
	float:right;
	overflow: hidden;
}		

#reklamavrsek {
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	height:52px;
	width:237px;
	line-height:48px;
	padding-left:12px;
	margin-top:8px;
	color:#FFF;
	font-weight:bold;
	overflow: hidden;
}

	.color {
		color:#fb4e00;
	}	
	
#reklamatext { 
	background-image:url(images/bg2.png);
	background-repeat:repeat-y;
	width:237px;
	text-align:center;
	padding:2px 0 20px 0;
}




















.reklamadruhybox {
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	height:52px;
	width:237px;
	
	line-height:48px;
	padding-left:12px;
	margin-top:8px;
	color:#FFF;
	font-weight:bold;
}
	
.reklamatextdruhybox {
	background-image:url(images/bg2.png);
	background-repeat:repeat-y;
	width:237px;
	font-size:11px;
	text-align:left;
	line-height:23px;
	padding:2px 0 0 25px;
}

.bcontent a {
	color: #000000;
	}
		
.reklamaspodek {
	background-image:url(images/footer2.png);
	background-repeat:no-repeat;
	height:12px;
	width:237px;
}

.float-left  { float: left; padding-right: 5px; }
.float-right { float: right; padding-left: 5px; }

img {
border: 0px;
}




	
#odkazy {
	width: 802;
	height: 250px;
	background-image:url(images/footer.gif);
	background-repeat:repeat;
	background-position:center;
	clear:both;
	text-align:center;
	padding-top: 15px;
}
#odkazy span {
	font-size:16px;
	color:#666666;
}	
	


	
#copy{
	width: 802;
	height: 37px;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
	text-align:center;
	padding-top: 15px;
}
#copy span {
	font-size:16px;
	color:#666666;
}
	



	/* form */
fieldset 
{ 
width: 380px; 
border-color:#DDD; 
border-style:double; 

padding:10px; 
} 

legend 
{ 
color: #a60000; 
width: 220px; 
text-align:center; 
font-weight:bold; 
margin-bottom: 0.1em; 
} 

label 
{ 
float: left; 
width: 150px; 
padding-left:10px; 
} 

input 
{ 
border: 1px solid #c7c7c7; 
width: 175px; 
height: 25px; 
color: #333333; 
margin-bottom: 8px; 

} 

textarea 
{ 
border: 1px solid #c7c7c7; 
width:330px; 
height: 300px; 
margin-bottom: 8px; 
} 

input.odeslat 
{ 
background: #a60000; 
color:white; 
font-weight:bold; 
margin-left: 120px; 
height: 30px; 
} 

#submitbutton 
{ 
margin-left: 120px; 
width: 200px; 
}


















#fotogalerie {
	  float: left;
	  width: 304px;
	  padding-left: 80px;
	  
	}
	#fotogalerie dl {
	  float: left;
	  width: 260px;
	  margin: 10px 20px;
	  padding: 0;
	  display: inline; 
	}
	#fotogalerie dt {
	  float: right;
	  width: 162px;
	  margin: 0;
	  padding: 0;
	  
	  
	  
	}
	#fotogalerie dd {
	  margin: 0 0 0 98px; 
	  padding: 0;
	  
	}
	#fotogalerie dl dd.obr {
	  margin: 0; 
	}
	#fotogalerie dd.obr img {
	  float: left;
	  margin: 0 8px 0 0;
	  padding: 4px;
	  border: 1px solid #D9E0E6;
	  border-bottom-color: #C8CDD2;
	  border-right-color: #C8CDD2;
	  background: #fff;
	}
	
	/* otoceni smeru */
	
	#fotogalerie .zmena dt {
	  float: left;
	}
	#fotogalerie .zmena dd {
	  margin: 0 98px 0 0;
	}
	#fotogalerie .zmena dd.obr img {
	  float: right;
	  margin: 0 0 0 8px;
	}



























  #muzesehodit {
	width: 802;
	height: 137px;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
	text-align:center;
	padding-top: 15px;
}



	
	
	
	
	
#paticka {
	width: 802;
	height: 37px;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
	text-align:center;
	padding-top: 15px;
}
#paticka span {
	font-size:16px;
	color:#666666;
}






#lightbox {
background-color:#579301;
padding: 12px 12px 5px 12px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
color: white;
}
#lightboxDetails {
font-size: 14px;
padding: 5px 0;
}
#lightboxCaption {
float: left;
}
#keyboardMsg {
float: right;
margin-right: -20px;
}
#closeButton {
top: 5px;
right: 5px;
border: none;
}

#lightbox img {
border: 10px solid #eee;
clear: both;
}
#overlay img {
border: none;
}
#overlay {
background-image: url(../images/overlay1.png);
}
* html #overlay {
background-color: #333;
back\ground-color: transparent;
background-image: url(../images/blank.gif);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../obr/overlay1.png", sizingMethod="scale");
}
#lightbox a { 
color:black; 
font-weight:bold;
}
#lightbox a:hover { 
color:white; 
font-weight:bold; 
text-decoration:underline;
}