@charset "utf-8";
/**********************************************
* Copyright (C) Radek Kejdus, 2006            *
* http://jarada.cz                            *
*                                             *
* Pokud chcete pouzit nejakou cast meho kodu, *
* alespon mi to sdelte, udela mi to radost... *
**********************************************/
/******************* fotogalerie *************/

#main_big {
	position: absolute;
	width: 869px;
	height: 620px;
	top: 0px;
	left: 0px;
	background-color: #000000;
	color: #000;
	border: solid #ccc 1px;
}

#main_nadpis_big {
	position: absolute;
	width: 453px;
	height: 25px;
	top: 2px;
	background-color: #000000;
	color: #fff;

	left: 403px;

}

.popisek_fotky {
color: #0f0;

}


#sipka_dolu {
	position: absolute;
	width: 124px;
	height: 14px;
	top: 610px;
	left: 16px;
	color: #000;
}

#sipka_nahoru {
	position: absolute;
	width: 124px;
	height: 14px;
	top: 10px;
	left: 16px;
	color: #000;
}

#sipka_zpet {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 3px;
	left: 6px;
	color: #000;
}

div#obalovydiv1 {
	width:62px;
	position: absolute;
	left: 13px;
	top: 30px;
	height: 457px;
}

div#obalovydiv2 {
	width:62px;
	position: absolute;
	left: 92px;
	top: 30px;
	height: 457px;
}

div.kontejner img {
	border:solid #000 1px;
	margin-bottom: 10px;
}

div.fotka1 {
	position:absolute;
	left:180px;
	top:30px;
	visibility:hidden;
	width: 640px;
	height: 480px;
	z-index: 4;
}
div.fotka2 {
	position:absolute;
	left:100px;
	top:30px;
	visibility:hidden;
	width: 640px;
	height: 480px;
	z-index: 4;
}

div.kontejner:hover div.fotka1, div.kontejnerHover {
	visibility:visible;
}
div.kontejner:hover div.fotka2, div.kontejnerHover {
	visibility:visible;
}

div.stin {
	position: absolute;
	background: #000;
	color: #00f;
	left: 6px;
	top: 20px;
	height: 480px;
	width: 640px;
	z-index: -1;
} 


************************** nova

.thumbwrap 
{ 
border: 1px solid #999; 
padding: 15px 8px; 
background-color: #def; 
margin: 0; 
color: black; 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
text-align: center; 
width: 95%; 
} 

.thumbwrap li 
{ 
display: -moz-inline-box; 
display: inline-block; 
/*\*/ vertical-align: bottom; /**/ 
margin: 0 7px 15px 7px; 
border: solid #999 1px; 
padding: 0; 
} 

.thumbwrap li>a 
{ 
/*\*/ display: table; /**/ 
width: 199px; 
} 

.thumbwrap a 
{ 
display: block; 
text-decoration: none; 
color: #000; 
background-color: #ffe; 
cursor: pointer; 
padding-top: 13px; 
} 

.thumbwrap img 
{ 
border: solid 1px black; 
vertical-align: bottom; 
} 

.thumbwrap a:hover 
{ 
background-color: #fdc; 
} 

.thumbwrap .caption 
{ 
display: block; 
padding: .3em 5px; 
font-size: .9em; 
line-height: 1.1; 
w\idth: 189px; /* Moz, IE6 */ 
} 

@media all and (min-width: 0px) 
{ 
.thumbwrap li 
{ 
vertical-align: top; 
} 

.thumbwrap li a 
{ 
display: inline-block; 
vertical-align: top; 
} 

.thumbwrap 
{ 
display: inline-block; 
} 

}