*
{
margin:0px; 
padding:0px;
outline-style: none;
}

body
{
	background-image: url("../images/pozadie.jpg");
	background-color: #ffffff;
	background-repeat: repeat-x;
	margin: 0px;
	text-align: center;
  font-family: sans-serif;
}
.gallery
{
border: 5px solid #016093;
margin-top: 20px;  
margin-left: 14px;
}
.gallery_bottom {
                  margin-bottom: 15px;
                  border: 5px solid #016093;
                  margin-top: 20px;  
                  margin-left: 14px;
                }
h2
 {  
  text-transform: uppercase;
  color: #006092;
  text-align: left;
  font-size: 20px; 
  margin-top: 20px;
  font-weight: normal;
 }
p
 {  
  color: #222222;
  font-size: 16px;  
  margin-top: 5px;
  text-align: justify;
 }
.pools {
         color: #222222;
         font-size: 16px;  
         margin-top: 5px;
         text-align: justify;
         width: 402px;
         word-spacing: 1px;
       }
 strong
 {   
  color: #006092;
    font-weight: normal;
 }
 .hr
 {
 clear: both;
 width: 854px;
 height: 22px;
 margin: 20px auto;
 }
#pata_text
 {
 width: 877px;
 margin: 0px auto;
 padding-top: 12px;
 }
 #pata_text p.lava
 {
  color: #ffffff;

  font-size: 14px; 
  line-height: 21px;
  float:left ;
 }
   #pata_text a
 {
  color: #ffffff;
  text-decoration: underline;
 }
    #pata_text a:hover
 {
  text-decoration: none;
 }
  
  #pata_text p.prava
 {
  color: #ffffff;

  font-size: 14px; 
  line-height: 21px;
  float: right ;
  margin-left: 30px;
 }
  .pravebazeny
 {
 float: right;
   width: 430px;
 }
  .lavebazeny
 
 {
 float: left;
   width: 440px;
   margin-bottom: 20px;
 }
#kontakt
 {
 float: left;
 margin-left: 70px;
 }
    .mapa
 {
 float: right;
border: 5px solid  #006092;
margin-right: 70px;
margin-top: 20px;
 }
/* Tabuľka */
.voda
{
width: 430px;
color: #222222;

font-size: 15px; 
float: right;
margin-top: 10px;
margin-bottom: 20px;
}
.cenik
{
width: 877px;
color: #222222;

font-size: 15px; 
margin-top: 10px;
}
.pocetdni
{
color: #222222;

font-size: 13px; 
}
p.rozbor
{
float: left;
width: 430px;
}
table b
{
  color: #006092;
  font-weight: normal;
}
td
{
background-color: #eefaff;
height: 30px;
padding: 5px 0px 5px 10px;
border: 1px solid #e1f6ff;
}
.important { background-color:#e1f6ff; }
#hover, table tr:hover td		{ background-color:#e1f6ff; }
/* Hlavička */
.obrazok
{
	background-color: #76d0ff;
	background-repeat: no-repeat;
  width: 877px;
  clear: both;
  height: 318px;
	margin: 0px auto;
}
.logo
{
margin: 10px 0px 10px 0px;
float: left;
}
h1 a, h1 span {
	display: block;
  width: 351px;
  height: 50px;
}
h1 a {
	background:#fff url("../images/logo.jpg") no-repeat;
	color: #ff7e00;
  font-size: 0px;
	position: relative;
	text-align:left;
}
h1 span {
	position: absolute;
	top: 0;	
  left: 0;
	cursor: pointer;
}
h1 a span {
	background: url("../images/logo.jpg") no-repeat;
}
h1 a:hover {
	color: #ff7e00;
}

#menu 
{ 
margin-top: 20px;
margin-right: 0px;
float: right;
_width: 522px;
} 
ul, li 
{ 
margin: 0px; 
padding: 0px; 
} 

ul#menu 
{ 
  font-size: 17px; 
} 

ul#menu li 
{ 
list-style-type: none; 
} 

ul#menu li
{ 
float: left; 
margin-left: 5px; 

} 

ul#menu li a 
{ 
display: block; 
line-height: 31px; 
text-align: center; 
background-color: transparent;
background-repeat: no-repeat;
width: 96px;
height: 31px;
text-transform:uppercase;
color: #006092;
text-decoration: none; 
} 

ul#menu li a:hover 
{ 
	background-image: url("../images/menu_hover.jpg");
  text-decoration: none; 
	color: #ffffff;
}
ul#menu li a.aktivna
{
	background-image: url("../images/menu_hover.jpg");
  text-decoration: none; 
	color: #ffffff;
}
.bazeny
{
border: 5px solid  #006092;
}
#pata
{
	background-image: url("../images/pata.jpg");
	background-color: #5fa2c3;
	background-repeat: repeat-x;
	height: 48px;
	clear: both;
	margin-top: 15px;
}
.adresa
{ font-size: 17px; 

  color: #006092;
}
dt
{ font-size: 16px; 

  color: #006092;
}
dd
{ font-size: 16px; 

  color: #222222;
  margin-left: 30px;
}
p.mail
{ font-size: 16px; 
  color: #006092;
  text-decoration: underline ;
}
#kForm {
         margin-left: 200px;
         margin-top: 20px;
         width: 290px;
       }
#kontakt {
  margin-bottom: 30px;
}
#kontakt #leftcolumn em {
  font-style: normal;
  color: #831010;
}
#kontakt #leftcolumn div {
  margin-bottom: 5px;
}

#kontakt #leftcolumn ul {
  margin-left: 15px;
  margin-top: -25px;
  list-style-type: none;
}

#kontakt #leftcolumn ul li {
  list-style-type: none;
}

#kontakt #content {
  text-align: center;
}
#kontakt #content img {
  margin: 20px auto;
  border: 4px solid #831010;
}

#kForm #leftcolumn2 {
  /*border-right: 1px solid red;*/
  width: 290px;
}
#kForm #content2 {
  width: 560px;
  text-align: left;
  padding: 0;
} 

#kForm label {
  font-family: Georgia, 'New York CE', utopia, serif;
  margin: 0;
  padding: 0;
}
#kForm #content2 label {
  font-size: 1.1em;
}
#kForm #name, #kForm #email, #kForm #komu {
  width: 270px;
  height: 25px;
  font-size: 1em;
  background: #F3F3F3;
  border: 1px solid #A8A8A8;
  padding: 4px 2px 4px 7px;
}
#kForm #komu {
  width: 280px;
  height: 35px;
  padding: 5px 5px 5px 7px;
}

#kForm #text {
  width: 550px;
  height: 130px;
  padding: 5px;
  font-family: Verdana, ‘Geneva CE’, lucida, sans-serif;
  font-size: 1em;
  background: #F3F3F3;
  border: 1px solid #A8A8A8;
}

#kForm #sendmail {
  float: right;
  width: 100px;
  height: 30px;
  margin-top: 10px;
  margin-right: -4px;
}
.cleaner {
            visibility: hidden;
         }
#open_hours p {
              color: #006092;
              font-size: 12px;
              text-align: right;
              position: relative;
              z-index: 10;
              right: 0;
            }
sup {
      vertical-align: top;
      font-size: 8px;
    }
#all
{
  width: 880px;
  margin: 0px auto;
}
#navigation {
             float: left;
             width: 580px;
             text-align: right;
            }
#navigation ul {
                margin-top: -4px;
                _margin-top: 0px;
                padding-right: 20px;
               }        
#navigation li {
          list-style: none;
          font-size: 12px;
          display: inline;
          margin-left: 10px;
        }
#navigation a {
                color: #fff;
                text-decoration: none;
              }
#navigation a:hover {
                      color: #fff;
                      text-decoration: underline;
                    }              
.mutacie
{
  color: #fff;
  margin-top: 0px;
  font-size: 12px;
  float: right;
  text-align: right;
  width: 300px;
}
.mutacie a
{
  color: #ffffff;
  text-decoration: none;
}
.mutacie a:hover
{
  text-decoration: underline;
}
.hidden {visibility: hidden;}