@charset "utf-8";
/* CSS Document */
* {
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #333333;
}
body{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
background-color: #d3d7ca;
background-image:url(../images/bgbody2.gif);
background-repeat: repeat;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #eb6f22;
padding: 0 0 10px 0px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
color: #e65023;
padding: 0 0 10px 0px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
padding: 0 0 10px 0px;
color: #899b8c;
}
p{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
}
#banner{
position:relative;
top: 0px;
left: 0px;
width: 100%;  
height: 215px;
padding: 0;
background-color: #7ebbee;
background-image: url(../images/bannerbeach8.gif);
background-repeat:no-repeat;
}
#banner h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: italic;
color: #ffffff;
padding: 5px 5px 0 0;
text-align:right;
}
#bannergal{
position:relative;
top: -20px;
left: 0px;
width: auto;  
height: 215px;
background-color: #v9ea7a5;
background-image: url(../images/bannerbeach5.gif);
background-repeat:no-repeat;
}
#textcont{
position: absolute;
float: right;
height: 100%;
left:270px;
width:60%;
text-align:justify;
}
#textcont p{
padding: 0 0 10px 0;
}
#textcont p.rmk{
font-size: 11px;
font-style:italic;
text-decoration:underline;
color: #e65023;
}
#textcont p.rmktop{
font-size: 10px;
font-style:italic;
color: #333333;
}
#textcont a{
color: #023f1d;
}
#textcont a:hover{
color:#e65023;
}
#textcont li.links{
padding: 5px 5px 5px 15px;
margin: 0 0 0 10px;
list-style-type: disc;
}
#textcont h4{
text-decoration:underline;
}

#textcont_loc{
position: absolute;
float: right;
height: 100%;
left:360px;
width:380px;
text-align:justify;
}
#textcont_loc p{
padding: 0 0 10px 0;
}
#textcont_loc p.rmk{
font-size: 11px;
font-style:italic;
text-decoration:underline;
color: #e65023;
}
#textcont_loc a{
color: #023f1d;
}
#textcont_loc a:hover{
color:#e65023;
}
#textcont_loc li.links{
padding: 5px 5px 5px 15px;
margin: 0 0 0 10px;
list-style-type: disc;
}
#textcont_loc h4{
text-decoration:underline;
}
#textcont_loc h3{
font-size: 11px;
text-align: center;
}
#contfoto{
position:relative;
left:25px;
padding:  0 0 0 0;
margin: 0 0 0 0;
}
#galcont{
position: absolute;
top: 215px;
height: 100%;
left:275px;
width:360px;
text-align:justify;
}
#galcont p.rmkgal{
font-size:9px;
font-style:italic;
}
#rescont{
height: 630px;
width: 350px;
padding: 2px 2px 5px 5px;
font-size:10px;
background-color: #EEE;
border-left: solid 2px #b6caa2;
border-bottom: solid 1px #a2afa4;
border-top: solid 2px #a2afa4;
border-right: solid 2px #a2afa4;
}
#rescont p.rmkres{
font-size: 11px;
margin: 0 5px 0 5px;
font-style:italic;
}
#rescont p.center{
text-align:center;
}
#contactcont{
height: 548px;
width: 450px;
padding: 2px 2px 5px 5px;
margin-left: 2px;
background-color: #EEE;
border-left: solid 2px #b6caa2;
border-bottom: solid 1px #a2afa4;
border-top: solid 2px #a2afa4;
border-right: solid 2px #a2afa4;

}
#contactcont p.rmkcont{
font-size: 10px;
margin: 0 5px 0 5px;
font-style:italic;
}
#contactcont p.center{
text-align:center;
}
#navcont{
position: absolute;
top:215px;
bottom: 0;
width: 154px;
height:750px;
padding: 10px 0px 15px 2px;
Margin: 10px 2px 0px 168px;
background-color: #899b8c;
border-top: hidden;
border: 3px solid #b6caa2;
}
#navcont ul.lang li{
list-style-type:none;
display:inline;
padding: 0 25px 0px 25px;
font-size:9px;
}
#navcont ul.lang li.active{
color:#97ec12;
}
#navcont ul.lang a{
color:#000000;
text-decoration: none;
}
#navcont ul.lang a:hover{
text-decoration: underline;
color: #c2f96c;


}
#navcont img{
border: 3px solid #899b8c;
}
#hotspot {
width: 133px;
padding: 5px 0px 0px 2px;
Margin: 45px 2px 0px 7px;
border: 3px solid #e65023;
background-color: #97ec12;
}
#hotspot h3{
font-size:12px;
color: #e65023;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
text-decoration: blink;
text-align:center;
}
#hotspot p{
font-size:10px;
color: #46545f;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration: none;
text-align: center;
}
#hotspot a{
font-size:12px;
color:#e65023;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
text-align:center;

}
#hotspot a:hover{
color: #46545f;
text-decoration: none;
}
#wifi{
padding: 10px 0 0 8px;

}
#tripa{
padding: 5px 0 5px 8px;
}
#tripa img.tripa{
border: 2px solid #899b8c;
}
#mosa{
padding: 5px 0 10px 2px;
}#lowercont{
position: fixed;
bottom: 0px;
left:0px;
height:auto;
width: 100%;
background-color: #768ea2;
background-image: url(../images/lowerbar2.gif);
background-repeat:repeat;
font-size: 10px;
}
#lowercont p{
font-size: 9px;
}
#lowercont h1{
padding: 0 0 0 0;
font-size: 10px;
color: #125a30;
}
#lowercont h2{
padding: 2px 20px 0 0;
text-align: right;
font-size: 14px;
font-style:italic;
color: #125a30;
}
#lowercont h3{
padding: 0 0 0 0;
font-size: 9px;
font-style:italic;
color: #eb6f22;
}
#lowercont li{
list-style: none;
display: inline;
padding: 0 2px 0 2px;
margin-right: 5px;
}
#lowercontleft{
position:relative;
left: 5px;
float: left;
width: 250px;
padding: 0  5px 0 5px;
text-align:left;
}
#lowercontleft a.left:hover{
color:#FF6600;;
}
#lowercontmid{
position: absolute;
width:60%;
left: 250px;
text-align:center;
padding-top: 5px;
}
#lowercontmid h2{
text-align:center;
}
#lowercontmid li{
font-size:11px;
}

#lowercontmid a.botact{
color:#97ec12;
}
#lowercontmid a:hover{
color:#97ec12;
}
#lowercontright{
position: relative;
float: right;
padding: 0 5px 0 5px;
text-align:right;
}
#lowercontright a.right:hover{
color: #FF6600;
}