#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(http://tesjatky.cz/resources/data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://tesjatky.cz/resources/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://tesjatky.cz/resources/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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

*{padding: 0;margin: 0;border: 0; list-style-type: none;}

a{text-decoration: underline;}

a:hover{text-decoration: none;}

p{margin-bottom: 15px; line-height: 142%;}

#main p {font-family: Trebuchet MS; margin-left: 25px; text-align: justify;}



.clearer {clear: both; font-size: 0px; height: 0px;}

.pointer {cursor: pointer;}

.center {text-align: center;}

.right {text-align: right;}

h1 , .like-h1

{

	font-family: Georgia;

	font-size: 24px;

	color: #ea772a;

	font-weight: normal;

	margin: 6px 0px 10px 25px;

}



h2

{

	font-size: 15px;

	font-family: Trebuchet MS;

	color: #fbbc92;

	margin: 6px 0px 10px 27px;

}



h2 strong {color: white;}



h3

{

	font-size: 14px;

	font-family: Trebuchet MS;

	color: #fbbc92;

	margin: 6px 0px 10px 27px;	

}



body

{

  background: url(http://tesjatky.cz/resources/images/design/body-bg.jpg);

  font-family: Arial;

  font-size: 12px;

  color: #fbbc92;

}



#contentholder

{

	width: 100%;

	background: url(http://tesjatky.cz/resources/images/design/body-prechod.jpg) repeat-x;

}



#content

{

	width: 726px;

	margin: auto;

	position: relative;

	padding: 314px 0 20px 274px;

}



#logo

{	

	position: absolute;

	width: 235px;

	height: 241px;

	top: 20px;

	left: 32px;

	background: url(http://tesjatky.cz/resources/images/design/logo.jpg) no-repeat;

}



#logo a {text-decoration: none;}

#logo img

{

	position: absolute;

	top: 32px;

	left: 47px;

	z-index: 4;

}

#logo span

{

	position: absolute;

	top: 35px;

	left: 49px;

	z-index: 3;

}



#menu

{

	position: absolute;

	top: 20px;

	left: 267px;

	height: 70px;

	width: 733px;

}



#menu ul li 

{

	float: left;

}



#menu ul li a 

{

	position: relative;

	top: 20px;

	display: block;

	height: 36px;

	width: 137px;

	padding-top: 15px;

	background: url(http://tesjatky.cz/resources/images/design/menu-button.jpg) no-repeat;

	text-align: center;

	color: #b6b262;

	font-size: 18px;

	font-family: Georgia;

	text-decoration: none;

}



#menu ul li a:hover, #menu ul li a.active

{

	top: 0px;

	height: 70px;

	color: white;

}



#banner

{

	position: absolute;

	top: 90px;

	left: 267px;

	height: 222px;

	width: 353px;

	background: url(http://tesjatky.cz/resources/images/design/banner.jpg) no-repeat;

	color: white;

	font-size: 18px;

	font-family: Georgia;

	font-style: italic;

	text-align: center;

	padding: 82px 380px 0px 0px;

}



#banner p strong{font-size: 40px; font-weight: normal;}



#expedice

{

	position: absolute;

	top: 261px;

	left: 32px;

	width: 197px;

	height: 225px;

	background: url(http://tesjatky.cz/resources/images/design/expedice.jpg) no-repeat;

	color: #6c0a05;

	padding: 19px 0 0 45px;

	font-size: 13px;

}

#expedice table

{

	position: absolute;

	left: 14px;

}

#expedice table td.right

{

	font-weight: bold;

	padding-right: 7px;

}



#expedice table td a

{

	color: #da251c;

	text-decoration: underline;

	font-weight: bold;

}



#expedice table td a:hover{text-decoration: none;}



#fastcontact

{

	position: absolute;

	top: 505px;

	left: 85px;

	height: 162px;

	width: 139px;

	background: url(http://tesjatky.cz/resources/images/design/kontakt-bg.jpg) no-repeat;

	color: white;

	padding: 18px 0 0 15px;

	font-size: 13px;

	font-family: Trebuchet MS;

}



#fastcontact p {margin-bottom: 1px;}



/* FOOTER */

#footerholder

{

	width: 100%;

	height: 36px;

	background: url(http://tesjatky.cz/resources/images/design/footer-bg.jpg) repeat-x 0% 100%;

}



#footer

{

	width: 1000px;

	margin: auto;

	position: relative;

}



#footer a

{

	position: absolute;

	top: 4px;

	left: 72px;

}



#footer #prefooter

{

	position: absolute;

	top: -11px;

	left: 85px;

	height: 11px;

	width: 140px;

	background: url(http://tesjatky.cz/resources/images/design/pre_footer.gif) no-repeat;

}



/* HOMEPAGE */

#main

{

	width: 685px;

	min-height: 350px;

	padding: 17px 0px 0 15px;

}



#main .polozka

{

	float: left;

	width: 224px;

	height: 336px;

	cursor: pointer;

}



#main .polozka h1, #main .polozka h2

{

	font-size: 24px;

	font-family: Georgia;

	font-weight: normal;

	margin: 0 0 20px 0;

}



#main .polozka p

{

	width: 160px;

	margin: 35px 0 0 0;

	font-family: Trebuchet MS;

	line-height: 150%;

}



#main .polozka a

{

	display: block;

	text-decoration: none;

	padding: 37px 0 0 32px;

	width: 192px;

	height: 299px;

	background-position: 0% 0%;

}





#main .polozka a:hover {background-position: 100% 0%;}



#main .blue a

{

	background: url(http://tesjatky.cz/resources/images/design/home-blue.png) no-repeat;

	color: #babbd9;

}



#main .red

{

	width: 222px;

}

#main .red a

{

	background: url(http://tesjatky.cz/resources/images/design/home-red.png) no-repeat;

	color: #f36d48;

	padding-left: 28px;

	width: 194px;

}

#main .red p {margin-left: 4px;}



#main .yellow a

{

	background: url(http://tesjatky.cz/resources/images/design/home-yellow.png) no-repeat;

	color: #ffdcb6;

}



/* AKCE */

#main .akce 

{

	float: left;

	width: 305px;

	height: 191px;

	background: url(http://tesjatky.cz/resources/images/design/akce.png) no-repeat;

	padding: 30px 30px 0 5px;

	margin: 0px;

	position: relative;

}



#main .akce p.nadpis

{

	font-size: 18px;

	font-family: Georgia;

	color: #f0995d;

	margin-bottom: 15px;

}

#main .akce p {margin-bottom: 12px;}



#main .akce table

{

	position: absolute;

	top: 133px;

	left: 92px;

	font-family: Trebuchet MS;

}

#main .akce table td {vertical-align: bottom;}



#main .akce table .oldPrice td strong

{

	font-size: 18px; 

	margin-left: 4px;

}



#main .akce table .newPrice td

{

	color: white;

	font-size: 15px;

	vertical-align: middle;

}



#main .akce table .newPrice td strong

{

	font-size: 24px; 

	margin-left: 4px;

}



/* VOLNA MÍSTA */

#volnamista

{

	background: url(http://tesjatky.cz/resources/images/design/reznik.png) no-repeat 0px 20px;

	min-height:350px;

	width:685px;

}



#volnamista p.uvod {margin-left: 200px;}



#volnamista p.nadpis

{

	color: #f0995d;

	font-size: 18px;

	margin: 30px 0 0 262px;

}



#volnamista .nabidka

{

	margin: 0 0 0 252px;

	padding: 30px;

	width: 370px;

	height: 138px;

	background: url(http://tesjatky.cz/resources/images/design/volnemista.png) no-repeat;

}



#volnamista .nabidka h3

{

	font-family: Georgia;

	font-size: 16px;

	font-weight: normal;

	color: #fbbc92;

	padding: 0 0 10px 0;

}



#volnamista .nabidka p

{

	font-family: Trebuchet MS;

	font-size: 12px;

	margin: 0 0 10px 0;

	font-weight: bold;

}



#volnamista .nabidka p strong 

{

	color: white;

	font-size: 13px;

}



h2.kariera {margin-left: 252px;}



/* VÝROBKY */

#main .vyrobek

{

	float: left;

	background: url(http://tesjatky.cz/resources/images/design/vyrobek.png) no-repeat;

	width: 282px;

	height: 202px;

	padding: 30px;

}



#main .vyrobek h2

{

	color: #f0995d;

	font-size: 18px;

	font-family: Georgia;

	font-weight: normal;

	margin: 0px;

}



#main .vyrobek h3

{

	color: #f0995d;

	font-size: 14px;

	font-family: Georgia;

	font-weight: normal;

	margin: 0 0 15px 0;

}



.fotoborder

{

	padding: 5px;

	background: #690000;

	border: solid 1px #294984;

	height: auto;

	width: auto;

	float: left;

	margin: 0 15px 0 0;

}



/* PRODEJNY */



ul.prodejny 

{

	margin: 6px 0px 10px 25px;

	float: left;

	width: 197px;

}





ul.prodejny li 

{

	background: url(http://tesjatky.cz/resources/images/design/li.gif) no-repeat 0px 5px;

	margin: 12px 0;

	padding-left: 20px;

	cursor: pointer;

	color: white;

	text-decoration: underline;

}



ul.prodejny li:hover,ul.prodejny li.active 

{

	color: #ea772a;

	text-decoration: none;

}



#prodejnyholder

{

	float: left;

	width: 431px;

	height: 260px;

	position: relative;

	margin-left: 30px;

}



.prodejna

{

	position: absolute;

	visibility: hidden;

	top: 0px;

	left: 0px;

	background: url(http://tesjatky.cz/resources/images/design/prodejna.png) no-repeat;

	width: 371px;

	height: 203px;

	padding: 30px;

}



#prodejnyholder .visible {visibility: visible;}



.prodejna h2, .prodejna h3

{

	font-family: Georgia;

	font-size: 18px;

	color: #f0995d;

	font-weight: normal;

}



.prodejna h2

{

	position: absolute;

	top: 30px;

	left: 30px;

	margin: 0px;

}



.prodejna h3 

{

	font-size: 14px; 

	position: absolute;

	top: 52px;

	left: 30px

}



.prodejna .fotoborder

{

	position: absolute;

	top: 83px;

	left: 30px;

}



.prodejna .adresa

{

	position: absolute;

	top: 83px;

	left: 190px;

	font-family: Trebuchet MS;

	font-size: 13px;

	line-height: 160%;

	color: white;

}



.prodejna .tel

{

	position: absolute;

	top: 160px;

	left: 190px;

	font-weight: bold;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #fbbc92;

}



.prodejna .gps

{

	position: absolute;

	top: 190px;

	left: 190px;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #fbbc92;

}



.prodejnyfoto

{

	float: left;

	width: 420px;

	margin-left: 34px;

}



.prodejnyfoto div

{

	margin: 10px 0 10px 0;

}



.prodejnyfoto	.fotoborder

{

	margin-left: 10px;

}



#kontakty .gps {

	padding-left: 100px;

}



#kontakty a 

{

	color: #EA772A;

	font-weight: bold;	

}



/* O firme */

.o-firme-table { padding-left: 23px; }

.o-firme-table td { vertical-align: top; }

.o-firme-table .odsadit { padding-left: 145px;}



