/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body,h1, h2, h3,p, a, img,  ul, li,form {
	border:0;
	margin:0px;
	padding:0px;
}
/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
body,form, input {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}

body{
  background:#d7e1d8;
}
h1{
	font-size:24px; 
	/* ...other properties... */
}
h2{
	
   font-size:18px; /* ...other properties... */
   margin-top:20px;
   margin-bottom:20px;
}
h3{
	font-size:13px; /* ...other properties... */
}
a:link, a:visited{
	color:black;
    text-decoration:none;
}
a:hover {
	color:#666666;
}
/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
	.container2{
    margin:0 auto;
		width:1104px;
		background:url('../images/bg.png');  
  }
  
  .container{
		margin:0 auto;
		width:1100px;
		background:#bfd0c0;
	}
	/* ---------------------------*/
	/* LOGO */
		#logo{
			background:url('../images/head.jpg');
			height:245px;
		}
		
		#click-logo{
      display:inline;
      margin-left:40px;
      margin-top:25px;
      float:left
    }
    
    #fotky{
      margin-top:-15px;
      margin-left:280px;
      padding-left:0px;
      width:760px;
      height:180px;
      background:none;  
    }
    
    #zastavky{
      margin-left:1000px;
      margin-top:-2px;
      background-color:none
    }
	/* ---------------------------*/
	/* NAVBAR */
		#navbar{
		  
			padding-top:20px;
      background:none;
			height:28px;
			text-align:left;
			padding-right:76px;
		}
		
		#navbar a{
      margin-right:5px;
      color:black;
      font-size:15px;
      text-decoration:none;
      font-weight:bold  
    }
    
    #navbar a:hover{
      color:green
    }
	/* ----------------------------*/
	/* COLUMN LEFT */
		#column-left{
			background:url('../images/flag.jpg') #bfd0c0;
			float:left;
			margin-right:0px;
			width:249px;
			height:424px;
		}
		#column-left h1{
			font-family:Sans-serif;
			margin-bottom:20px;
		}
		#column-left p{
			font-size:14px;
			color:#333333;
		}
	/* ---------------------------*/
	/* COLUMN RIGHT (Sidebar */
		#content{
			min-height:424px;
            background-image:url('../images/vodotlac.png');
            background-repeat: no-repeat;
            background-position: center;
			float:left;
			width:701px;
			padding-right:80px;
			padding-left:60px;			
		}

            .kontakt{
                background:none;
                width:300px;
                padding-top:0px;
                float:left;
            }

                .odskok{
                    margin-top:20px;
                }

            .mapa{
                width:400px;
                height:300px;
                background:blue;
                text-align:center;
                float:left;
            }
            
    #content img{
      vertical-align:middle;
    }
    
    div.koliba{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.koliba a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/koliba.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.koliba a:hover {
 color:black;
 background: url( '../images/galeria/koliba.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.restauracia{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.restauracia a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/restauracia.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.restauracia a:hover {
 color:black;
 background: url( '../images/galeria/restauracia.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.penzion{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.penzion a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/penzion.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.penzion a:hover {
 color:black;
 background: url( '../images/galeria/penzion.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.ubytovanie{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.ubytovanie a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/ubytovanie.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.ubytovanie a:hover {
 color:black;
 background: url( '../images/galeria/ubytovanie.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.hrad{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.hrad a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/hrad.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.hrad a:hover {
 color:black;
 background: url( '../images/galeria/hrad.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.dvojlozkova{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.dvojlozkova a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/ub/dvojlozkova.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.dvojlozkova a:hover {
 color:black;
 background: url( '../images/galeria/ub/dvojlozkova.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.apartman{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.apartman a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/ub/apartman.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.apartman a:hover {
 color:black;
 background: url( '../images/galeria/ub/apartman.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.manzelska{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.manzelska a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/ub/manzelska.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.manzelska a:hover {
 color:black;
 background: url( '../images/galeria/ub/manzelska.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
 
 div.ubyt{
 float: left;
 width: 185px;
 height: 134px;
 margin: 0 0 0 3px;
 border-style:none;
 text-align:center;
 display:inline;
 }

 div.ubyt a{
 color:white;
 font-weight:bold;
 display: block;
 width:100%;
 height:100%;
 overflow:hidden;
 text-decoration: none;
 background: url( '../images/galeria/ub/ubyt.jpg' ) 0 -134px no-repeat;
 border-style:none;
 outline: none;
 
 font-size:14px;
 }

 div.ubyt a:hover {
 color:black;
 background: url( '../images/galeria/ub/ubyt.jpg' ) 0 0px no-repeat;
 
 font-size:14px;
 } 
	/* ---------------------------*/
	/* FOOTER (Sidebar */
		#footer{
			clear:both;
			height:80px;
			background:#91a692;
			color:#666666;
			font-size:11px;
			border: 1px solid #7e957f;
            text-align:center;
            padding-top:20px;
		}

        #footer_foto{
            float:left;
            width:200px;
        }

        #footer p{
            color:black;
            font size:14px;
        }
		
.hidden{
  display:none;
}