html, body, ul, li, h1, h2, h3, h4, img {

 	margin: 0px;

  border-width: 0px;

	padding: 0px;

	list-style: none;

  font-family: arial, verdana, sans-serif;

  color: #a01000}         

a {

	color: #a01000;

	text-decoration: underline}

a:visited {color: #a01000}

p {margin-left: 30px;

  margin-top: 0px;

  margin-bottom: 10px}  

body {background-color: #ffd040}

.description {margin-left: 30px;

              margin-top: 10px;

              margin-right: 30px;

              font-size: 18px}

#stranka {position: relative; 

  width: 1000px; 

  margin: auto;}

#header1 {position: absolute;

  background-image: url('./images/pozadie1.gif');

  width: 1000px;

  height: 40px;

  left: 0px;

  top: 5px;

  text-align: center}

#header1 h1 {font-size: 32px;

  margin-top: 2px}

#header2 {position: absolute;

  background-image: url('./images/pozadie2.gif');

  width: 1000px;

  height: 300px;

  left: 0px;

  top: 50px;

  text-align: center}

#header2 img {margin-top: 55px;}

#predaj {position:absolute;
  top:15px;
  left: 50px;
  right: 50px;
  height: 40px;
  font-size: 20px;
  text-align: center  }
#predaj a {text-decoration: none}

#predaj a:hover {color: black}

#akcia {position:absolute;
  top:250px;
  left: 30px;
  right: 30px;
  height: 40px;
  text-align: center  }

#nav {position: absolute;

  background-image: url('./images/pozadie1.gif');

  text-align: left;

  width: 1000px;

  height: 40px;

  left: 0px;

  top: 355px;

  font-size: 18px}

#nav span {font-size: 25px}

#nav a {text-decoration: none}

#nav a:hover {color: black}

#nav a:active {color: black}

#nav ul {margin-left: 30px;

  margin-top: 4px}

#nav li {float: left;

  background: 6px 12px url('./images/nav.gif') no-repeat;

  padding-left: 20px;

	padding-right: 10px}

#nav li:hover, li:active {background: 6px 12px url('./images/nav_bl.gif') no-repeat}

#nav li.prvy {background: none;

  padding-left: 0px}

#predobsah {  position: absolute;

  background: url('./images/pozadie3.gif') no-repeat;

  height: 25px;

  width: 1000px;

  top: 400px;

  left: 0px}

#obsah {position: absolute;

  text-align: left;

  font-size: 16px;

  width: 1000px;

  left: 0px;

  height: 250px;

  /*height: 265px;*/   

  top: 425px;

  background: url('./images/pozadie5.gif') repeat-y}

#obsah-auto {position: absolute;

  text-align: left;

  font-size: 16px;

  width: 1000px;

  left: 0px;

  height: 475px;   

  top: 425px;

  background: url('./images/pozadie5.gif') repeat-y}

#obsah-podmienky {position: absolute;

  text-align: left;

  font-size: 16px;

  width: 1000px;

  left: 0px;

  height: 425px;   

  top: 425px;

  background: url('./images/pozadie5.gif') repeat-y}  

#obsah-ceny{position: absolute;

  text-align: left;

  font-size: 16px;

  width: 1000px;

  left: 0px;

  height: 450px;   

  top: 425px;

  background: url('./images/pozadie5.gif') repeat-y}  

#obsah-foto {position: absolute;

  text-align: left;

  font-size: 16px;

  width: 1000px;

  left: 0px;

  height: 500px;

  top: 425px;

  background: url('./images/pozadie5.gif') repeat-y} 

#obsah-foto table {margin-left: 30px;

  margin-top: 0px;

  text-align: center;

  vertical-align: middle;

  border: solid #a01000 2px}                                                                                                      

#obsah-foto td {margin: 2px;

  border: solid #a01000 1px;

  padding: 2px}

#podorys {position: absolute;

  width: 140px;

  height: 300px;

  top: 150px;

  right: 30px;

  background: url('./images/podorys.jpg') no-repeat}

#obsah-ceny table {margin-left: 30px;
margin-right: 30px}

#obsah-podmienky table {margin-left: 30px}

#obsah table {margin-left: 30px}

#obsah-ceny td {width: 300px}

#vybav td {width: 280px}
#vybav td.treti {width: 400px}

#obsah ul {margin-left: 30px;

  font-size: 16px}

#obsah-podmienky ul {margin-left: 30px;

  font-size: 16px}  

#obsah-ceny ul {margin-left: 30px;

  font-size: 16px}  

#obsah-auto ul {margin-left: 30px;

  font-size: 16px}  

#obsah-podmienky li.podmienky {font-size: 16px;

  margin-left:20px;

  padding-left: 20px;

  list-style-image: url('./images/nav.gif');

  list-style-position: outside}

#obsah h2 {margin-left: 30px;

  margin-bottom:10px;

  font-size: 20px}

#obsah-auto h2 {margin-left: 30px;

  margin-bottom:10px;

  font-size: 20px}  

#pata {position: absolute;

  background: url('./images/pozadie4.gif') no-repeat;

  width: 1000px;

  height: 15px;

  left: 0px;

  top: 675px;

  margin-bottom: 10px}
  
#pata-ceny {position: absolute;

  background: url('./images/pozadie4.gif') no-repeat;

  width: 1000px;

  height: 15px;

  left: 0px;

  top: 875px;

  margin-bottom: 10px}  

#pata-podmienky {position: absolute;

  background: url('./images/pozadie4.gif') no-repeat;

  width: 1000px;

  height: 15px;

  left: 0px;

  top: 850px;

  margin-bottom: 10px}    

#pata-auto {position: absolute;

  background: url('./images/pozadie4.gif') no-repeat;

  width: 1000px;

  height: 15px;

  left: 0px;

  /*top: 690px;*/

  top: 900px;

  margin-bottom: 10px}  

#pata-foto {position: absolute;

  background: url('./images/pozadie4.gif') no-repeat;

  width: 1000px;

  height: 15px;

  left: 0px;

  margin-bottom: 10px;

  top: 925px}

#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: #ffa040; 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(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(./images/prev.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(./images/next.gif) right 15% no-repeat; }



#imageDataContainer{ font: 10px Arial, Verdana, Helvetica, sans-serif; background-color: #ffa040; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #a10000; }

#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: #ffd040; }