* {padding: 0; margin: 0; text-decoration: none; font-family: 'Trebuchet MS'; font-size: 12px; list-style: none; border: none; line-height: 14px;}

hr { display: none;}
body {background: #AFDFF5 url(../img/bg-body.jpg) top repeat-x;}

/* ------------------------------------------- DIV CONTAINER ------------------------------------------- */
div#container { width: 759px; margin: 0 auto;}
/* ------------------------------------------- FIM DIV CONTAINER ------------------------------------------- */

.pngfix { behavior: url(../img/iepngfix.htc); }

/* ------------------------------------------- DIV HEADER ------------------------------------------- */
div#header { height: 501px; background: url(../img/bg-header.jpg) no-repeat left bottom; position: relative;}
#logo { position: absolute; top: 30px; left: 50px; z-index: 9999;}

div#header ul { width: 759px; height:52px; position: absolute; top: 493px; left: 5px;}
div#header ul li { display: inline}
div#header ul li a { display: block; width: 83px; height: 47px; float: left; background-repeat: no-repeat; text-indent: -9999px;}
div#header ul li a#home {background-image: url(../img/nav/home.jpg);}
div#header ul li a#home:hover {background-image: url(../img/nav/home-hover.jpg);}
div#header ul li a#resort {background-image: url(../img/nav/resort.jpg);}
div#header ul li a#resort:hover {background-image: url(../img/nav/resort-hover.jpg);}
div#header ul li a#acomodacoes {background-image: url(../img/nav/acomodacoes.jpg);}
div#header ul li a#acomodacoes:hover {background-image: url(../img/nav/acomodacoes-hover.jpg);}
div#header ul li a#local {background-image: url(../img/nav/diarias.jpg);}
div#header ul li a#local:hover {background-image: url(../img/nav/diarias-hover.jpg);}
div#header ul li a#lazer {background-image: url(../img/nav/lazer.jpg);}
div#header ul li a#lazer:hover {background-image: url(../img/nav/lazer-hover.jpg);}
div#header ul li a#praia {background-image: url(../img/nav/praia.jpg);}
div#header ul li a#praia:hover {background-image: url(../img/nav/praia-hover.jpg);}
div#header ul li a#turismo {background-image: url(../img/nav/turismo.jpg);}
div#header ul li a#turismo:hover {background-image: url(../img/nav/turismo-hover.jpg);}
div#header ul li a#reserva {background-image: url(../img/nav/reserva.jpg);}
div#header ul li a#reserva:hover {background-image: url(../img/nav/reserva-hover.jpg);}
div#header ul li a#eventos {background-image: url(../img/nav/eventos.jpg);}
div#header ul li a#eventos:hover {background-image: url(../img/nav/eventos-hover.jpg);}
div#header ul li a#contato {background-image: url(../img/nav/contato.jpg);}
div#header ul li a#contato:hover {background-image: url(../img/nav/contato-hover.jpg);}


/* ------------------------------------------- FIM DIV HEADER ------------------------------------------- */



/* ------------------------------------------- DIV CONTENT ------------------------------------------- */
div#content { width: 542px; padding: 56px 113px 56px 104px; margin: 0 auto; margin-top: 60px; background: #e1ebf4;}
div#content p { margin-bottom: 15px;}
div#content h3 { border-bottom: 2px solid #3890ca; padding-bottom: 10px; margin-bottom: 30px;}

div#content h4 { background: url(../img/seta.jpg) no-repeat left center; padding-left: 17px; margin-bottom: 30px; font-size: 14px; color: #0071bc;}

.txtFloatL { width: 295px; float: left;}

.listaImg { float: left; width: auto; margin: 5px;}
.listaImg li { display: inline; margin: 0 5px;}

#txtCenter { width: 470px; margin: 0 auto;}
#txtCenter h2 {font-size: 14px; color: #0071bc; margin-bottom: 10px;}
#txtCenter ul li {background: url(../img/seta.jpg) no-repeat left center; padding-left: 13px; margin: 3px 0;}
#txtCenter p { font-weight: bold; margin: 10px}

#formReerva { width: 394px; margin: 0 auto;}
#formReerva .estiloCampo { display: block; height: 25px; padding-top: 5px; margin: 5px 0 20px 0;}
#btEnviar { background: #1b1464; color: #fff; padding: 3px 10px; float: right;}
#formReerva select optgroup { background: #ccc; margin: 2px 0;}
#formReerva select optgroup option { margin-left: 10px;}

#logocliq { float: right;}
#footerCenter { width: 759px; margin: 0 auto;}
#photos {position: relative;}
.panel { position: absolute; top: 0; left: 0;}
/* ------------------------------------------- FIM DIV CONTENT ------------------------------------------- */



/* ------------------------------------------- DIV FOOTER ------------------------------------------- */
div#footer { height: 55px; background: url(../img/bg-footer2.png) repeat-x; width: 100%; text-align: center; margin-top: 60px; *margin-top: 20px; font-weight: bold; color: #000;}
#footer p { font-size: 14px;}
/* ------------------------------------------- FIM DIV FOOTER ------------------------------------------- */



/* ------------------------------------------- CLASSES ------------------------------------------- */
.clear { clear: both;}
/* ------------------------------------------- FIM CLASSES ------------------------------------------- */