@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;
width:100%;
font-family: 100% Arial, Helvetica, sans-serif;
background-color: #d3d7ca;
background-image:url(../images/bgbody2.gif);
background-repeat: repeat;
padding: 0;
text-align: center;
}
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: center;
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;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size:16px;
font-weight:bold;
padding: 0 0 10px 0px;
color: #006633;
}
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: 100%;  
height: 215px;
padding: 0;
background-color: #7ebbee;
background-image: url(../images/bannerbeach8.gif);
background-repeat:no-repeat;
}
#bannergal h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: italic;
color: #ffffff;
padding: 5px 5px 0 0;
text-align:right;
}
#container {
background-color: #e5e9da;
background-image:url(../images/bgcont.gif);
background-repeat:repeat;
width:70%; 
margin: 0 auto; 
text-align: left; 
 } 
#navcont{
bottom: 0;
float: left;
width: 154px;
padding: 10px 0 5px 0;
background-color: #899b8c;
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: #FFFFFF;
}
#navcont ul.lang a{
/*color: #c2f96c;*/
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-align:center;
}
#hotspot p{
font-size:11px;
color: #003300;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration: none;
text-align: center;
}
#hotspot p.offer{
font-size:12px;
font-weight:bold;
color: #003300;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration: blink;
text-align: center;
}
#hotspot p.cond{
font-size:9px;
color: #46545f;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
text-align: left;
}
#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;
}
#paypal{
padding: 5px 0 10px 23px;
}
#mosa{
padding: 5px 0 10px 2px;
}
#textcont{
text-align:justify;
margin: 0 0 0 11em;
}
#textcont p{
padding: 0 0 10px 0;
}
#textcont p.rmk{
font-size: 11px;
font-style:italic;
text-decoration:underline;
color: #e65023;
}
#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;
}
#banneradv{
margin-left: 25%;
margin-top: 50px;
text-align: center;
width: 450px;
}

#textcont_loc{
position: relative;
top: 0;
width:600px;
float:right;
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;
}
#rev{
width: 460px;
text-align:left;
}
#rev p.rmkrev{
font-size: 11px;
font-style:italic;
text-align:center;
}

#contfoto{
position:relative;
left:0;
padding:  0 0 0 0;
margin: 0 0 0 0;
}
.centered {
 margin-left: auto;
 margin-right: auto;
}
#galcont{
margin: 0 0 0 14em;
width:380px;
text-align:justify;
}
#galcont p.rmkgal{
font-size:11px;
font-style:italic;
text-align:center;
}
#rescont{
height: 720px;
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 select{
background-color: #899b8c;
border-style: ridge;
color:#FFFFFF;
}
#rescont option{
background-color: #899b8c;
color:#FFFFFF;
}
#rescont input{
background-color: #899b8c;
border-style: none;
color:#FFFFFF;
}
#rescont input.button{
background-color: #899b8c;
border-style: groove  ;
color:#FFFFFF;
}
#rescont input.button:hover{
background-color: #899b8c;
border-style: ridge;
color:#FFFFFF;
}
#rescont textarea{
background-color: #899b8c;
border-style: none;
color:#FFFFFF;
}

#rescont p.rmkres{
font-size: 11px;
margin: 0 5px 0 5px;
font-style:italic;
}
#rescont p.center{
text-align:center;
}
#contactcont{
height: 590px;
width: 350px;
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;
}
#lowercont{
float:left;
width: 100%;
height:120px;
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{
float:left;
left: 5px;
padding: 0  5px 0 5px;
text-align:left;
}
#lowercontleft a.left:hover{
color:#FF6600;;
}
#lowercontmid{
width:100%;
margin-left:auto;
margin-right:auto;
padding: 5px 0 0 0;
text-align:center;
}
#lowercontmidtabl{
width:70%;
margin-left:auto;
margin-right:auto;
padding: 5px 0 0 0;
text-align: center;
}
#lowercontmid li{
font-size:11px;
}

#lowercontmid a.botact{
color:#97ec12;
}
#lowercontmid a:hover{
color:#97ec12;
}
#lowercontright{
float:right;
padding: 0 5px 0 5px;
text-align:right;
}
#lowercontright a.right:hover{
color: #FF6600;
}
#terms{
text-align:left;
margin: 0 0 0 20px;
}
#terms p.rmk{
padding-top: 5px;
font-size: 12px;
font-style:italic;
}
#terms a{
color: #023f1d;
}
#terms a:hover{
color:#e65023;
}
#tems li{
padding: 5px 5px 5px 45px;
margin: 0 0 0 10px;
list-style-type: disc;
}
#terms h4{
text-decoration:underline;
}