html {
 margin: 0;
 padding: 0;
 
 }

body {
 background: #500607;
 font-family: Arial , sans-serif;
 margin: 0;
 margin:0;
 padding:0; 
 width:100%;
 height:100%;
 }

.hidden {display: none;}
.flat {margin: 0; padding: 0;}
.stred {text-align: center}
.lavo {text-align: left}
.pravo {text-align: right}
.hore-odsad {padding-top: 0.5em}
.relativne {position: relative}
.hore {vertical-align: top}
.modra {color: #4D7DAC}
.oranz {color: #4D7DAC}
.clear {clear: both}

  
#main {
 width: 950px;
 margin:auto; 
 }

#tabs {
 height:239px;

}

#tab1 {
width:239px;
height:239px;
background: url('../img/hotel.jpg') ;
float:left;
padding-left:15px;
cursor:pointer;
font-size:13.5px;
}


#text1 {
margin-top:205px;
margin-left:60px;

}

#text1 a {
text-decoration:none;
color:#500607;
font-family:arial;
font-size:20px;
font-weight:bold;
}

#text1 a:hover {
color:#bd1013;

}

#tab2 {
width:254px;
height:239px;
background: url('../img/listok.jpg') ;
float:left;
font-size:13.5px;
cursor:pointer;
margin-left:10px;
}

#text2 {
margin-top:205px;
margin-left:65px;
}

#text2 a {
text-decoration:none;
color:#500607;
font-family:arial;
font-size:20px;
font-weight:bold;
}

#text2 a:hover {
color:#bd1013;
}


#tab3 {
width:254px;
height:254px;
background: url('../img/chata.jpg') repeat-x ;
float:left;
margin-left:10px;
font-size:13.5px;
cursor:pointer;
}

#text3 {
margin-top:205px;
margin-left:45px;
}

#text3 a {
text-decoration:none;
color:#500607;
font-family:arial;
font-size:20px;
font-weight:bold;
}

#text3 a:hover {
color:#bd1013;
}


#vycentrovanie {
position:absolute;
top:50%;
left:50%;
padding:0px;
margin-top:-138px;
margin-left:-400px;
width:850px;
height:267px;
}