/* Edited with EditCSS */
/**** LINK-tag style sheet default.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet default.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet default.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet default.css ****/

body 
 {
   background:url("images/back.gif") repeat fixed 0 0; 
   font:normal 12px Arial, Helvetica;
   font-size: 12px;      
  }
img 
 {
   border: 0;
   padding-left: 0px;
 }


       #WorkflowFotoTop
        {
          position:absolute;
          left:10px;
          top:40px;
        }

      #WorkflowFotoBottom
        {
          position:absolute;
          left:10px;
          top:450px;
        }

.novinka_text
{
background-color:#fff;  
color:#000;
  padding:15px;
  width:710px;
  text-align:justify;
}

.nazov_referencie
{
   background:#e0e0e0;
   width:710px;
   height:16px;
   padding:5px;
   padding-left:25px;
   display:block;
   margin-bottom:10px;
   font-weight: bold;
  font-size: 13px;

 
}
.referencia_big
{ 
   background:#f1f1f1;
   width:700px; 
   position:relative;
   left:18px;
   padding:5px;
  border: 1px solid #e4e4e4;
}
.referencia_big img
{ 
  padding-right:10px;
}

#hlavny 
{ 
   background:#ECEDEC;
     
   width: 950px; 
  position: relative;   	 
   margin: auto
}


#hlavny 
{ 
   background:#ECEDEC;
     
   width: 950px; 
  position: relative;   	 
   margin: auto
}

#time
{   
position:absolute; 
left:850px;
top:193px;
font-size:12px;
color:#fff;
text-align:right;
}

#flags{margin:0; padding:0; position:absolute; top:154px; right:15px;}
#flags li{float:left; width:40px; height:20px; list-style:none; padding-left:5px;}
#flags li a{display:block; width:40px; height:18px; background:#7f7f83; color:#FFFFFF; text-align:center; padding-top:2px;}
#flags li a:hover{text-decoration:none; background:#e10010;}

#lavy_stlpec
{
  background-color: none;    
  float: left;
  width: 190px; 
  position:relative;
  left:-15px;
}

#pravy_stlpec a:hover  
{ 
  color: #FF0000
}

#pravy_stlpec
{
  float: left;
  width: 180px;
  color: #737373; 
  position:relative;
  left: 80px;
  margin-top:10px;
}

#stredny_stlpec
{
  float: left;
  width: 480px;
  position:relative;
   left:10px;
  top:3px;

}




#content.index{width:700px; padding:0;}
#content.index img{}
.content{overflow:hidden; width:700px;}
.content2{ overflow:hidden; width:700px;padding-left:40px;}

.produkt{
	width:288px;
	height:100px;
	float:left;
	position:relative;
	margin:0 13px 26px 35px;
	display:inline;
	background:url(images/bg_produkt.jpg) no-repeat 0 0;
	}
	
.produkt h3{
	color:#f9fff5;
	font-size:22px;
	margin:0;
	padding:9px 0 0 0;
	font-weight:normal;
	text-decoration:none;
	}
.produkt h3 a{color:#FFFFFF; text-decoration:none;}
.produkt:hover h3{color:#FFFFFF; text-decoration:none;} 
.produkt p{margin:0; padding:24px 0 0 0; font-size:12px; color:#e10010;text-align:left;}

.produkt div{
	width:193px;
	height:100px;
	padding-left:95px;
	position:relative;
	}
	
.produkt div span{position:absolute; top:8px; left:7px; background-position:0 0; background-repeat:no-repeat; width:80px; height:83px;}
.produkt.on div span{background-position:-80px 0;}

#p1 div span{background-image:url(images/iko1.jpg);}
#p2 div span{background-image:url(images/iko2.jpg);}
#p3 div span{background-image:url(images/iko3.jpg);}
#p4 div span{background-image:url(images/iko4.jpg);}
#p5 div span{background-image:url(images/iko5.jpg);}
#p6 div span{background-image:url(images/iko6.jpg);}
#p7 div span{background-image:url(images/iko7.jpg);}
#p8 div span{background-image:url(images/iko8.jpg);}
#p9 div span{background-image:url(images/iko9.jpg);}
#p10 div span{background-image:url(images/iko10.jpg);}
#p11 div span{background-image:url(images/iko11.jpg);}
#p12 div span{background-image:url(images/iko12.jpg);}
#p13 div span{background-image:url(images/iko13.jpg);}
#p14 div span{background-image:url(images/iko14.jpg);}

h1 {font-size: 13px;}
h2 {font-size: 12px;}
h3 {font-size: 9px;
font-weight: normal;}
.male {font-size: 10px;}    
.sede {color:#F4F4F4;}
tr {font-size: 13px;}
h4 {position:relative;left:-21px;width:724px;font-size: 13px;color:#fff;
background:#e10010;
padding:8px;
font-weight: bold;}

.side_box
  {
      text-align: left;     
      background-color: none;        	  
      position: relative;
      width: 160px;  
      font-size: 11px;
  }

#text_clanku
{
  
text-align: justify;
  background-color: #fff;
  float:left;
  width: 740px;  
  font-size: 12px;                  


}

#text_clanku li {width:100%}


#text_clanku a:link
{
  
color:#ff0000;                 


}

#text
{

text-align: justify;
  background-color: #fff;
 padding-left:18px;
padding-right:18px; 
  font-size: 12px;
 margin:auto;

               

}

#text td{width:55%;}

#text_clanku img
{

border: 0px solid #000000;
  padding-left:-10px;
  margin-top: 5px;
  margin-right: 0px;
margin-left:0px;
margin-bottom:15px;
  color:#a6a6a6;
}

#fotografienikara
{
padding-left:38px;
}

#fotografienikara img
{

border: 1px solid #cccccc;
 margin:10px;
}


#copyright a
{
    color: #000;
}

#copyright a:hover
{
    color: #E10010;
}

#copyright
  {
    text-align: center;
    background-color: none;
    font-size: 9px;
    color: #000;
    position: relative;
    top: 10px; 
    left:0px;
    width: 950px;
    border-top:1px solid #000;
  }

.vzn_table td
{
  border: 1px solid #F4F4F4;
}

#foto_nav
{
  border:0px;
  text-align:center;
}
a:visited { color: #000}
a:link   { color: #333333; text-decoration: none; }
a:hover  { color: #FF0000}
a  {text-decoration: none }
#text_clanku a  { color: #333333; text-decoration: none; }

#suvisiace_odkazy
  {
     font-size: 11px;
     color: #888;
  }

#viacstrankova_navigacia a 
{
  color: #ABABAB; 
  text-decoration: none;  
  display:block;
}

 #viacstrankova_navigacia a:hover
{
  background-color: #bbb;    
  color:#fff;
}


 #viacstrankova_navigacia .navi_page_selected
{
  background-color: #bbb;    
 color:#fff;
}

#viacstrankova_navigacia td
{
   color:#e1e1e1;
  background-color: #fafafa;    
   width: 28px; 
   border: 1px solid #e1e1e1;
   margin: 6px;
   padding:2px;
   text-align:center;
}

#suvisiace_odkazy a  { color: #ABABAB; text-decoration: none }

#hlavicka_clanok 
{
  text-align:center;
  color:#fff; 
  background-color:#9DB904;;
  position:relative;
  padding-top:3px;
  left:0px;
  width:480px;
  height:17px;
}

#hlavicka_clanok a
{
   text-decoration: none;
   color:#fff; 
}

#hlavicka_clanok img
{
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#flash
{
  position:absolute;
  left:407px;
  top:0px;
}
.datum_uvod
{
  position:relative;
  left:300px;
}
.hladanyvyraz
{   
   font-weight: bold;
   background-color: #FC0;    
}

.nadpis
{   
  padding:5px;
   font-weight: bold;
   font-size:13px; color:#fff;
   
background-color: #E10010;    
}


.nadpis1
{   
    padding-left: 20px; 
padding-top:7px;
font-weight: bold;
  background-color: #E10010;    
  border: 0px solid #4E6338; 
   font-size: 13px;
   color:#fff;
  display:block;
  height:20px;
}

.nadpis2
{   
  background-image: url("images/red_square3.gif");
  background-repeat: no-repeat;
  padding-left: 20px; 
  font-weight: bold;
  background-color: #9DB904;    
  border: 1px solid #4E6338; 
  height: 15px;
  width: 140px;
  font-size: 12px;
  color:#fff;
  display:block;
  height:18px;
}

#aktuality a
{ 
   color: #808080;
}  

#aktuality a:hover  { color: #FF0000}

#aktuality
  {
      width: 740px;  
      text-align: left;     
      position:relative;
      left:5px;
      bottom:5px;
      font-size: 12px;
     
  }



#text_clanku h1 
{
 position:relative;
top:-10px;
  padding:5px;
  font-size: 13px;
background:#E10010;
color:#fff;
}

.clanok_v_uvode img 
{
  padding: 5px;
}

#top 
  {
    padding: 0px;
    text-align: center;
  }

#aktuality_slovensko
  {
      text-align: left;     
      background-color: #F2F2F2;        	  
      width: 180px;  
      font-size: 10px;
        
  }



#vyber_fotogaleria
  {
     background-image: url("images/foto_side_back.gif");
     background-repeat:no-repeat;
     padding-top:10px;
     text-align: center;     
     position: relative;
     width: 150px;  
     height: 80px;
     top: 5px;
     left:0px;
     font-size: 10px;
  }
  


.side_odsadenie
{
  padding-left:10px;
  padding-right:10px;
}

.side_odsadenie img 
  {
      padding: 5px;
  }


#kino
  {
      text-align: left;     
      background-color: #F2F2F2;        	  
      position: relative;
      width: 180px;  
      font-size: 10px;
  }


.fotogaleria img
{
  border: 1px solid #e1e1e1;
 margin:2px;
 padding:2px;
}
#search_box
  {
      text-align: left;     
      background-color: #F2F2F2;  
      width: 180px;  
      font-size: 10px;
  }

#mapa
  {
      text-align: left;     
      background-color: #F2F2F2;        	  
      width: 180px;  
      font-size: 10px;
  }

#lave_menu
  {
      text-align: left;
      position: relative;
      width: 175px;  
      top: 0px;
     left: 0px;
      font-size: 13px;
      font-weight:bold;
  }

#lave_menu  ul
{    
 position:relative;
 left: -30px;
}

#lave_menu  li
{    
  top: 5px;
  font-size: 10px;
  padding: 0px;
  line-height: 1.2;
}

#kontakt
  {
padding-left:30px;      
text-align: left;
      
      width: 180px;  
    
      font-size: 11px;
      font-weight:normal;
  }



#zoznam_clankov
  {
      text-align: justify;
      background-color: #f2f2f2;
      width: 500px;  
      position: relative;
      font-size: 10px;                  
      left:-5px;
  }


.clear 
{ 
  clear: both;
}
	
.cervena {color: #EE0000;}
.biely 
   {
   padding:10px;
     background-color: #FFF;
   }


.clanok_v_uvode img
{
    border: 1px solid #e1e1e1;
  margin-top: 0px;
  margin-right: 6px;
  color:#a6a6a6;
}

.clanok_v_uvode
{
  
  padding:10px;
  background-image: url("images/clanok_uvod_back.gif");
  background-repeat:no-repeat;
  float: left;
  width: 472px;
  color:#a6a6a6;
  position:relative;
  left:3px;
  font-size:11px;
}

.lekarne { color: #999;
line-height:17px;
}
/**************** menu coding *****************/
#menu {
width: 100%;
background-image: url("images/topmenu_back.gif");
float: left;
z-index:500;
position:absolute;
top:203px;
left: 0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 170px;
float: left;

}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}


#menu h2 {
padding-left:40px;
color: #fff;
text-transform: uppercase;
}

#menu a:hover {
color: #fff;
background: #75AF45;
background-image: url("images/red_square2.gif");
background-repeat: no-repeat;
}

#menu h2 a:hover {
background: none;
color: #fff000;
text-decoration: none;
border: 0px;
}

#menu li  a {
padding-left: 18px;
color: #fff;
background: #4F8622;
background-image: url("images/red_square.gif");
background-repeat: no-repeat;
text-decoration: none;
}

#menu h2 a {
font: bold 11px/16px arial, helvetica, sans-serif;
background: none;
text-decoration: none;
border: 0px;
color: #fff;
}

#menu ul ul
{
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;

}

#menu a {
color: #000;
background: #4F8622;
text-decoration: none;
}


#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: -500;
}



div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu ul ul ul {
z-index: 1600;
position: absolute;
top: 0;
left: 100%;
}
/************************vertical menu***********************/

#vmenu li, #vmenu ul, #vmenu dt, #vmenu dl, #vmenu dd {
margin: 0;
padding: 0;
list-style-type: none;
}
dl#vmenu 
{
 width: 15em;
}

dl#vmenu dt 
{
 border-top:0px solid #000;
 cursor: pointer;
 margin: 1px ;
 padding-left:12px;
 height: 27px;
 line-height: 27px;

}
dl#vmenu li 
{
 position:relative;
 width:185px;
 left:37px;
 top:-1px;
background-color: #B6D605;
}
dl#vmenu li a, dl#vmenu dt a 
{
color: #000;
text-decoration: none;
display: block;
border: 0 none;
padding-left:10px;
margin:3px;
background:#fff url(images/bg_menu_cervena.gif) no-repeat right top;
}

dl#vmenu ul a
{
 color:#000;
}
dl#vmenu li a:hover, 
{
 background-color: #4E6338;
 color:#fff;
 display:block;
}


dl#vmenu dt a:hover
{background:#e10010 url(images/bg_menu_seda.gif) no-repeat right top; color:#FFFFFF;

}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover
{
 text-decoration: underline;
}


.selected
{background:#e10010 url(images/bg_menu_seda.gif) no-repeat top right; color:#FFFFFF;
 position:relative;
 width:163px;
 left:15px;

}

/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}


/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}


/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}


/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}


/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}


table.formular {
				width: 600px;
				border-collapse: collapse;
				margin: 5px auto;
			}
			table.formular td {
				padding: 5px;
				border-style: dotted;
				border-color: #666;
				border-width: 1px 0px 1px 1px;
				vertical-align: middle;
			}
			table.formular td.right {
				border-width: 1px 1px 1px 0px;
				text-align: right;
			}
			table.formular td.nadpis {
				background-color: #e10010;
				border-width:0 1px 0 1px;
				color:#fff;
			}
			form.formular input {
				border: 1px solid #333;
				font-size: 11px;
				font-family: Verdana, Geneva, sans-serif;
				color: #333;
				width: 232px;
				padding: 3px;
			}
			form.formular select {
				width: 240px;
				padding: 3px;
			}
			form.formular textarea {
				border: 1px solid #333;
				font-size: 11px;
				font-family: Verdana, Geneva, sans-serif;
				color: #333;
				width: 232px;
				height: 100px;
				padding: 3px;
			}


/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}


/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}


/**** LINK-tag style sheet lightbox.css ****/

#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(../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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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;
	}