/* 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-color: #95B8C5;	    
   background-image: url("images/back.gif");
   background-repeat: repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;      
   margin:0px;
   padding:0px;
  }
img 
 {
   border: 0;
   padding:0;
   margin:0;
 }

.novinka_text
{
  color:#999;
  padding-left:10px;
  width:480px;
  text-align:justify;
}

#hlavny 
{ 
  background-color: #fff;    
  width: 949px; 
  position: relative;   	 
  margin: auto;


}
#lavy_stlpec
{
  float: left;
  width: 180px; 
  margin-left:4px;
  margin-right:4px;
}

#pravy_stlpec a:hover  
{ 
  color: #FF0000
}

#pravy_stlpec
{
  float: left;
  width: 180px;
  color: #737373; 
  position:relative;
  left: 0px;
}

#stredny_stlpec
{
  float: left;
  width: 560px;

}

h1 {font-size: 16px;}
h2 {font-size: 12px;}
h3 {font-size: 9px;
font-weight: normal;}
.male {font-size: 9px;}    
.sede {color:#F4F4F4;}
tr {font-size: 11px;}

.side_box
  {
      text-align: left;     
      background-image: url("images/sideback.gif"); 
      position: relative;
      width: 173px;  
      font-size: 10px;
     padding-left:5px;
  }

#text_clanku h1 
{
   background-image: url("images/h1.gif"); 
   background-repeat: no-repeat;
   padding-left:55px;
   font-size: 15px;
   color: #1A6986; 
}

#text_clanku
{
  border-left: 2px solid #fff; 
  border-right: 2px solid #fff; 
  text-align: justify;
  float:left;
  width: 530px;  
  font-size: 11px;                  
  padding:10px;
}

#text_clanku img
{
  border: 1px solid #C3C3C3;
  padding: 3px;
  margin-top: 0px;
  margin-right: 8px;
  color:#a6a6a6;
}

#copyright a
{
    color: #fff;
}

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

#copyright
  {
    padding-right: 10px;
    text-align: left;
    background-color: #14759C;
    font-size: 9px;
    color: #fff;
    position: relative;
    top: 10px; 
  }

.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: underline }

#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: underline }

#hlavicka_clanok 
{
  position:relative;
  border: 1px solid #e1e1e1;
  margin: 0px;
  padding-top:5px;
  padding-left:20px;
  padding-bottom:12px;
  top:-10px;
  text-align:left;
  background-color:#CCCCCC; 
  color:#fff; 

  display:block;
}

#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
{   
   font-weight: bold;
background-color: #D4E4EB;    
}

.nadpis1
{   
  background-image: url("images/red_square3.gif");
  background-repeat: no-repeat;
  padding-left: 20px; 
  font-weight: bold;
  background-color: #E0EAEE;    
  border: 1px solid #ADC9D4; 
   font-size: 12px;
   color:#105A78;
  display:block;
}

.nadpis2
{   
  background-image: url("images/red_square3.gif");
  background-repeat: no-repeat;
  padding-left: 20px; 
  font-weight: bold;
  background-color: #E0EAEE;    
  border: 1px solid #ADC9D4; 
  height: 15px;
  font-size: 11px;
  color:#105A78;
  display:block;
}

#aktuality a
{ 
   color: #808080;
}  

#aktuality a:hover  { color: #FF0000}

#aktuality
  {
      width: 535px;  
      text-align: left;     
      font-size: 11px;
      line-height:16px;
     padding-left:10px;
  }



.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:60px;
     text-align: center;     
     position: relative;
     width: 170px;  
     height: 130px;
     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
  {
      background-image: url("images/sideback.gif"); 
      text-align: left;
      position: relative;
      width: 181px;  
      top: 3px;
      font-size: 10px;
  }

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

#lave_menu  li
{    
  font-size: 10px;
  padding: 0px;
}


#zoznam_clankov
  {
      text-align: justify;
      left: 10px;
      width: 535px;  
      position: relative;
      font-size: 11px;  
line-height:16px;             
  }


.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
{
position:relative;
  margin: 2px;
  padding:10px;
  background-color: #F2FBFF;    
  border: 1px solid #E8EEF1; 
  float: left;
  width: 512px;
  left:-1px;
  color:#a6a6a6;
}

.lekarne { color: #999;
line-height:17px;
}

.side_box ul
{    
  position:relative;
  list-style:none;
  padding: 0px;
  padding-top: 10px;
  margin:0px;
  left:-5px;
}
.side_box  li
{    
  background-image: url("images/li-1.gif");
  background-repeat: no-repeat;
  font-size: 10px;
 padding-left:15px;
 width:140px;
padding-bottom:10px;
}

/**************** menu coding *****************/
#menu {
width: 100%;
float: left;
z-index:500;
position:absolute;
top:217px;
left:170px;

}

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


#menu ul ul {
width: 230px;
padding:0;
margin:0;
position:relative;
top:25px;


}

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


#menu h2 
{
  text-align:center;
   color: #fff;
   text-transform: uppercase;
  margin-left:80px;
}

#menu a:hover {
color: #fff;
background: #68AECB;
}

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


#menu ul ul li  a 
{
   padding-left:15px;
}

#menu li  a {

color: #fff;
background: #185181;

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 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: 18em;
}

dl#vmenu dt 
{
 cursor: pointer;
 margin: 2px ;
 padding-left:5px;
 height: 22px;
 line-height: 20px;
 color:#fff;
background-color: #0675A2;
}
dl#vmenu li 
{
 position:relative;
 width:170px;
 left:35px;
 top:-1px;
background-color: #CDD9DE;
}
dl#vmenu li a, dl#vmenu dt a 
{
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
margin:1px;

}

dl#vmenu ul a
{
 color:#000;
}

dl#vmenu li a:hover
{
 background-color: #A3ADE7;
 display:block;
}

dl#vmenu dt a:hover 
{
 background-color: #6A75B6;
}

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





/**** 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;
	}