 body {
          text-align: center;
		  background-color: #f2f2f2;
		  margin: 0;
     }
     #main-onas {
          width: 770px;   
          margin-left: auto;
          margin-right: auto;
          text-align: left;
		  background: url(images/back_01_onas.gif) repeat-y #FFFFFF;
		  font-family: "Trebuchet MS", arial;
		  margin-bottom: 40px;
     }
     #main-mater {
          width: 770px;   
          margin-left: auto;
          margin-right: auto;
          text-align: left;
		  background: url(images/back_02_mater.gif) repeat-y #FFFFFF;
		  font-family: "Trebuchet MS", arial;
		  margin-bottom: 40px;		  
     }
     #main-refer {
          width: 770px;   
          margin-left: auto;
          margin-right: auto;
          text-align: left;
		  background: url(images/back_03_refer.gif) repeat-y #FFFFFF;
		  font-family: "Trebuchet MS", arial;
		  margin-bottom: 40px;		  
     }
     #main-cenik {
          width: 770px;   
          margin-left: auto;
          margin-right: auto;
          text-align: left;
		  background: url(images/back_04_cenik.gif) repeat-y #FFFFFF;
		  font-family: "Trebuchet MS", arial;
		  margin-bottom: 40px;		  
     }
     #main-kontakt {
          width: 770px;   
          margin-left: auto;
          margin-right: auto;
          text-align: left;
		  background: url(images/back_05_kontakt.gif) repeat-y #FFFFFF;
		  font-family: "Trebuchet MS", arial;
		  margin-bottom: 40px;		  
     }
     #main-prodejna {
          width: 770px;   
          margin-left: auto;
          margin-right: auto;
          text-align: left;
		  background: url(images/back_06_prodejna.gif) repeat-y #FFFFFF;
		  font-family: "Trebuchet MS", arial;
		  margin-bottom: 40px;		  
     }	
     #main-download {
          width: 770px;   
          margin-left: auto;
          margin-right: auto;
          text-align: left;
		  background: url(images/back_07_download.gif) repeat-y #FFFFFF;
		  font-family: "Trebuchet MS", arial;
		  margin-bottom: 40px;		  
     }	  	 	 	 	 	 
     #main_2 {
          width: 100%;
		  margin: 0;
		  padding: 0;   
		  background: url(images/pozadi_hlavni_ales_misa.gif) no-repeat bottom;
     }	 
	 
     #hlavicka-obal {
          width: 100%;
          padding: 0;
          border: 0;     
     }
     #hlavicka {
          padding-left: 107px;
          background-color: #f2f2f2;
     }
	 
	 
     #vlevo-obal {
          width: 675px;
          float: left;
          padding: 0;
          border: 0;     
     }
     #vlevo {
          padding: 0px;
          border: 0px solid #ccc;
     } 
     #vpravo-obal {
          width: 95px;
          float: right;
          padding: 0;
          border: 0;     
     }
     #vpravo {
          padding: 0px;
          border: 0;
     }
     #vpravo-polozka{
          border: 0;
     }	 

	 
	 
     #uvnitr-vlevo-obal {
          width: 107px;
          float: left;
          padding: 0;
          border: 0;     
     }
     #uvnitr-vlevo {
          padding-left: 40px;
          border: 0px solid #ccc;
		  background-color: none;
     }
     #uvnitr-vpravo-obal {
          width: 568px;
          float: right;
          padding: 0;
          border: 0;
     }
     #uvnitr-vpravo {
	 	  min-height: 550px;
		  _height: 550px;
          padding: 0;
		  margin: 0;
          border: 0px solid #ccc;
		  background-color: none;
     }
     #uvnitr-vpravo a:hover img{
	 	  background-color: #C3C3C3;
     }	 	 

	 
     #uvnitr-hlavicka-obal {
          width: 568px;
		  float: right;
          padding: 0;
          border: 0;     
     }
     #uvnitr-hlavicka {
	 	  height: 145px;
		  margin-right: 40px;
		  margin-bottom: 5px;
          padding: 0px;
          border: 0px solid #ccc;
		  background: url(images/JAKOMAL_logo_cedulka.gif) no-repeat left top;
		  text-align: right;
		  font-size: 15px;
		  font-weight: normal;
		  color: #999999;
     } 
     #uvnitr-hlavicka img {
          padding-top: 10px;
     }	 

     #uvnitr-nadpis-obal {
          width: 550px;
          float: right;
          padding: 0;
          border: 0;     
     }
     #uvnitr-nadpis-onas {
	 	  height: 30px;
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;
		  margin-top: 10px;
          border: 0px solid #ccc;
		  font-size: 23px;
		  font-weight: bold;
		  text-align: right;
		  background: url(images/nadpis_pozadi.gif) no-repeat;
		  background-position: 50% 81%;
		  color: #736257
     }
     #uvnitr-nadpis-mater {
	 	  height: 30px;
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;
		  margin-top: 10px;
          border: 0px solid #ccc;
		  font-size: 23px;
		  font-weight: bold;
		  text-align: right;
		  background: url(images/nadpis_pozadi.gif) no-repeat;
		  background-position: 50% 81%;
		  color: #ec008c
     }
     #uvnitr-nadpis-refer {
	 	  height: 30px;
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;
		  margin-top: 10px;
          border: 0px solid #ccc;
		  font-size: 23px;
		  font-weight: bold;
		  text-align: right;
		  background: url(images/nadpis_pozadi.gif) no-repeat;
		  background-position: 50% 81%;
		  color: #a8ec17
     }
     #uvnitr-nadpis-cenik {
	 	  height: 30px;
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;
		  margin-top: 10px;
          border: 0px solid #ccc;
		  font-size: 23px;
		  font-weight: bold;
		  text-align: right;
		  background: url(images/nadpis_pozadi.gif) no-repeat;
		  background-position: 50% 81%;
		  color: #21a6e4
     }
     #uvnitr-nadpis-kontakt {
	 	  height: 30px;
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;
		  margin-top: 10px;
          border: 0px solid #ccc;
		  font-size: 23px;
		  font-weight: bold;
		  text-align: right;
		  background: url(images/nadpis_pozadi.gif) no-repeat;
		  background-position: 50% 81%;
		  color: #652716
     }
     #uvnitr-nadpis-prodejna {
	 	  height: 30px;
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;
		  margin-top: 10px;
          border: 0px solid #ccc;
		  font-size: 23px;
		  font-weight: bold;
		  text-align: right;
		  background: url(images/nadpis_pozadi.gif) no-repeat;
		  background-position: 50% 81%;
		  color: #f26522
     }
     #uvnitr-nadpis-download {
	 	  height: 30px;
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;
		  margin-top: 10px;
          border: 0px solid #ccc;
		  font-size: 23px;
		  font-weight: bold;
		  text-align: right;
		  background: url(images/nadpis_pozadi.gif) no-repeat;
		  background-position: 50% 81%;
		  color: #adadad
     }	 
     #uvnitr-nadpis-maly {
          padding: 0;
		  margin-top: 5px;
		  margin-bottom: 10px;
          border: 0 0 0 1 solid #ccc;
		  font-size: 15px;
		  font-weight: bold;
		  text-align: left;
		  color: #333333;
	 }	 
 	 	 	 	 	 	 	 
     #uvnitr-text-obal {
          width: 550px;
          float: right;
          padding: 0;
          border: 0;     
     }
     #uvnitr-text {
          padding: 0;
		  margin-left: 20px;
		  margin-right: 40px;		  
		  margin-top: 15px;
		  margin-bottom: 20px;
          border: 0px solid #ccc;
		  background-color: none;
		  text-align: justify;
		  font-size: 13px;
		  color: #333333;
     }
     #uvnitr-text a{
		  text-decoration: none;
		  color: #f26522;
		  font-weight: bold;
     }
     #uvnitr-text a:hover{
		  text-decoration: none;
		  color: #999999;
     }	 	 
     #uvnitr-text-nahoru {
		  text-align: right; 
		  font-size: 12px; 
		  font-weight: bold; 
		  color: #333333;	 
		  text-decoration: none;
     }		 
     #uvnitr-text-nahoru a{
		  color: #666666;
		  text-decoration: none;
     }	
     #uvnitr-text-nahoru a:hover{
		  color: #999999;
		  text-decoration: none;
     }
	 
	 
     #uvnitr-img-right {
	 	  float: right;
		  margin-left: 10px;
		  margin-right: 0px;		  
		  margin-top: 5px;
		  margin-bottom: 3px;
		  padding: 3px;		  
          border: 1px solid #ccc;
     }
     #uvnitr-img-right a:hover{
	 	  background-color: #c3c3c3;
     }	 	 
     #uvnitr-img-left {
	 	  float: left;
		  margin-left: 0px;
		  margin-right: 10px;		  
		  margin-top: 5px;
		  margin-bottom: 3px;
		  padding: 3px;
          border: 1px solid #cccccc;
     }
     #uvnitr-img-left a:hover{
	 	  background-color: #c3c3c3;
     }	 		 	 
     #uvnitr-img-center {
		  margin-top: 5px;
		  margin-bottom: 5px;
		  padding: 3px;
		  text-align: center;
          border: 1px solid #cccccc;
     }
     #uvnitr-img-center a:hover{
	 	  background-color: #c3c3c3;
     }	 		 		
 
	 
     #uvnitr-paticka-obal {
          width: 550px;
          float: right;
          padding: 0;
          border: 0;
     }
     #uvnitr-paticka {
          padding: 0px;
		  margin-right: 15px;
		  margin-left: 20px;
		  margin-bottom: 15px;
          border: 0px solid #ccc;
		  text-align: left;
		  font-size: 10px;
		  color: #999999;
   		  background:  url(images/toby_paticka.gif) no-repeat bottom right;		  
     }
     #uvnitr-paticka a{
		  text-decoration: none;
		  color: #999999;
		  font-weight: bold;
     }
     #uvnitr-paticka a:hover{
		  text-decoration: none;
		  color: #f26522;
     }	 
     #uvnitr-form-obal {
          width: auto;
		  align: center;
          padding: 0;
          border: 0;
     }
     #uvnitr-form {
	 	  text-align: left;
          padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 1px;
		  padding-bottom: 1px;
          border: 0px solid #ccc;
   		  background: #f2f2f2;		  
     }
	 
	 	 	 	 
     #paticka-null {
          clear: both;
          width: 100%;
          padding: 0;
          border: 0;     
     }
     #paticka {
          margin-top: 20px;
		  padding-left: 50px;
          border: 0px solid #ccc;
          background: none;
     }
     hr { 
          display: none
     }
	 



	 
	 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(js/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/images/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
