body {
      background: #02CBFF url(images/fundo-site.jpg) repeat-x;
      font-family: Calibri, Arial, Helvetica, sans-serif;
      margin:0 auto;
      width: auto;
}
img
{
 border-style:none;
}
#praianorte
{
    width: 984px;
    margin:0 auto;
}
#autoria
{
 clear:both;
 height:40px;
text-align:right;
color:#fff;
 font-size:60%;
}
#cabecalho
{
      height:180px;
      background:#059fff;
}
#topo
{
      height:150px;
      background:url(images/fundo-cabecalho.jpg) no-repeat;
      padding:0 6px 0 0;
}
#idiomas
{
 clear:both;
 float:right;
 width:100px;
 height:30px;
 text-align:right;
}
#hoteis-grupo
{
clear:both;
 float:right;
 width:auto;
 height:50px;
 margin-top:30px;
 font-size:60%;
}
#hoteis-grupo select
{
 margin:20px 0;
 background-color:#36DAFB;
 color:#003300;
  font-size:90%;
}
#menu
{
      padding: 0;
      text-indent: 0px;
      height:40px;
      background:url(images/fundo-menu.png);
}
#menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#menu ul li {display:inline;}
#menu ul li a
{
padding:0.3em 1em;
color:#fff;
text-decoration:none;
float:left;
background-image: url(images/divider-menu.png);
background-repeat: no-repeat;
background-position: right;

}
#menu li a:hover
{
 text-decoration:underline;
}
#menu #mail-reservas
{
float:right;
margin:5px;
}
#mail-reservas a
{
color:#fff;
text-decoration:none;
}
#mail-reservas a:hover
{
text-decoration:underline;
}
#mail-reservas a:visited
{
color:#fff;
text-decoration:underline;
}
#titulos{
padding: 0 0 0 10px;
}
#placeholder{
 clear:both;
 float:left;
 width:984px;
  background-color:#fff;
}
#filme
{
 clear:both;
  width:984px;
}
#centro
{
clear:both;
width:964px;
height:auto;
background-color:#FFF;
padding: 10px 10px 10px 5px;
overflow:auto;

}
#bemvindo
{
 float:left;
 width:234px;
 font-size:79%;
 text-align:justify;
 padding:0 10px 0 10px;
 height:275px;
}
#galeria
{
 float:left;
 width:190px;
 height:auto;
 margin:0 0px 0 5px;
border-left:solid 1px #E9F6E9;
font-size:72%;
text-align:center;
padding:0 5px 0 5px;
}
#galeria p
{
  text-align:left;
  margin:20px 0 10px 5px;
}
#galeria a { display:block; height:20px; width:30px; overflow:hidden;margin:0 0 0 150px; }

#galeria a:hover { display:block; text-indent:-35px; }


#l-facilidades
{
 float:left;
 width:238px;
 height:auto;
 margin:0 0px 0 5px;
border-left:solid 1px #E9F6E9;
border-right:solid 1px #E9F6E9;
font-size:72%;
text-align:center;
padding:0 5px 0 5px;
}
#l-facilidades p
{
  text-align:left;
  margin:20px 0 10px 0;
}
#reservar {
 margin:10px 0;
 }
#reservar a { display:block; height:72px; width:230px; overflow:hidden; }

#reservar a:hover { display:block; text-indent:-235px; }

.ler-mais
{
margin:0 0 0 140px;
border:none 0px;
}
#conteudos .painel
{
 border-left:solid 3px #ff0000;
}
#conteudos .titulo
{
  margin:5px 0 5px 0;
}
#painel-noticias{
  width:225px;
  background:#fff url(images/fundo-noticias.png) no-repeat;
  height:270px;
  float:left;
  margin: 0 0 0 18px;
  text-transform:uppercase;
}
#painel-noticias-en{
  width:225px;
  background:#fff url(images/panel-news.png) no-repeat;
  height:270px;
  float:left;
  margin: 0 0 0 18px;
  text-transform:uppercase;
}
#painel-noticias ul{
      padding:50px 5px 0 20px;
      margin:0;
      list-style-image:url(images/seta.png);
}
#painel-noticias ul li{
padding:0 0 5px 0;
margin: 0;
}
#painel-noticias a{
 font-size:70%;
 color:#fff;
 text-decoration:none;
}

#painel-noticias a:hover{
 text-decoration:underline;
}

#painel-noticias-en ul{
      padding:50px 5px 0 20px;
      margin:0;
      list-style-image:url(images/seta.png);
}
#painel-noticias-en ul li{
padding:0 0 5px 0;
margin: 0;
}
#painel-noticias-en a{
 font-size:70%;
 color:#fff;
 text-decoration:none;
}
#painel-noticias-en a:hover{
 text-decoration:underline;
}


#rodape{
 clear:both;
 width:984px;
 background:#fff url(images/fundo-rodape.jpg) no-repeat bottom;
 height:50px; 
 text-align:center;
 float:left;
 padding:5px 0;
}
#menu-rodape{
 width:984px;
 background:#fff url(images/fundo-menu-rodape.gif) no-repeat;
 
}
#rodape #menu-rodape ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-size:70%;
}
#menu-rodape
{
 height:20px;
}
#menu-rodape li
{
display:inline;
}
#menu-rodape li a
{
padding:0.2em 1em;
color:#000;
text-decoration:none;
}
#menu-rodape li a:hover
{
 text-decoration:underline;
}
#tira-rodape
{
 clear:both;
 color:#000;
 font-size:65%;
  width:964px;
 padding:10px;
 height:auto;
}
#direitos
{
 float:left;
 padding:0;
  width:auto;
}
#mail-praianorte
{
 width:auto;
 float:right;
 margin:0px 10px 0 0;


}
#mail-praianorte a
{
  font-size:130%;
  color:#000;
   text-decoration:none;
}
#mail-praianorte a:hover
{

   text-decoration:underline;
}
#noticia
{
 clear:both;
 width:974px;
 height:auto;
 padding: 10px 10px 10px 10px;
 font-size:90%;
  margin:0 20px 0 0;
}


#noticia h2
{
 color:#25ABF0;
 text-align:center;
 text-transform:uppercase;
 margin:0 0 35px 0;
}

  #noticia img
{
 padding:5px;
 width:320px;
 height:240px;
 border: solid 2px ##25ABF0;
  float:left;
 margin: 0 20px 10px 0;
}
#o-hotel
{
 float:left;
 width:600px;
 padding: 0px 10px 10px 10px;
 margin:10px 0;
 font-size:90%;

}
#o-hotel h3
{
color:#0099ff;

}
#as-facilidades
{
 float:left;
 width:900px;
 padding: 0px 10px 10px 10px;
 margin:10px 0;
 font-size:90%;
 background:#fff url(images/fundo-menu-rodape.gif) no-repeat 0px 230px;
}
#as-facilidades ul
{
  width:290px;
  list-style-image:url(images/seta.png);
  margin-left: 0;
  padding:0 10px 0 30px;
}
#os-eventos
{
 float:left;
 width:auto;
 padding: 0px 10px 10px 10px;
 margin:10px 0;
 font-size:90%;

}
#tabela
{
 float:left;
 width:450px;
 margin:10px 0;
 font-size:80%;


}

#tabela table
{
border-width:thin;
border-color:#999;


}


#tabela table tr
{
border-width:thin;
border-color:#999;


}


#filme-salas
{
 float:left;
 width:450px;
 margin:10px 0 0 40px;
 font-size:80%;

}


#contentor-total
{
 float:left;
 width:954px;
 padding: 10px 10px 10px 20px;
 margin:10px 0;
}
#lista-hotel
{
 float:right;
 width:260px;
 background: url(images/painel-hotel.png) no-repeat;
 padding: 30px 5px 5px 0px;
 color:#fff;
 font-size:80%;
 height:300px;
 margin:0;
}
#lista-hotel ul
{
  width:190px;
  list-style-image:url(images/seta.png);
  margin:10px 0 0 0;
  padding:0 15px 0 30px;
 }
#lista-facilidades-en
{
 float:right;
 width:260px;
 background: url(imagens/list-facilities.png) no-repeat;
 padding: 50px 10px 10px 0px;
 color:#005500;
 font-size:80%;
 height:470px;
 margin:0;
}


  #lista-facilidades-en ul
{
  list-style-image:url(images/seta.png);
  margin-left: 0;
  padding:0 0 0 30px;
  }

#plano-salas{
 margin-left:30px;
}
#facilidades-restaurantes-areas{
 clear:both;
 float:left;
 margin-left:20px;
 width:400px;
}
#facilidades-actividades{

 float:right;
 margin-left:20px;
 width:400px;
}



#fotos-facilidades{
 clear:both;
 float:left;
 margin-left:20px;
 font-size:60%;
}
#fotos-facilidades img{
 margin:5px 0 0 5px;
 }
 #fotos-facilidades p{
 margin-left:10px;
 font-size:larger;
 }

  #as-fotos
{
      clear: both;
      height: auto;
      padding: 10px 5px 5px 5px;
      margin:10px 0;
}
  #as-fotos img
{

 margin: 2px 10px 5px 5px;
 padding:2px;
 width:150px;
 height:93px;
 border: solid 2px #88cf88;
}
  #as-fotos span
{
 font-size:70%;
 margin:20px 0 0 0;
 float:left;
}
  #as-tarifas
{
      clear: both;
      width: 950px;
      height: auto;
      padding: 10px 5px 5px 5px;
       font-size:90%;
}

#villas-lago
{
 clear:both;
 width:964px;
 height:auto;
 margin:20px 0 0 0;
 font-size:90%;
 padding:10px 0 0 20px;
}

#as-villas
{
 clear:both;
 float:left;
 width:90%;
 height:500px;
 padding: 0px 10px 10px 10px;
}

#villas-cima
{
width:95%;
float:left;
margin:0 0 20px 0;
}
#villas-esq
{
 clear:both;
 float:left;
}

#villas-dta
{

 float:left;
 width:260px;
 height:313px;
 color:#fff;
 font-size:80%;
 background:url(imagens/painel-villas.png) no-repeat;
 margin: 0 0 0 30px;
 padding:0px 0 0 10px;
}
#villas-dta-en
{

 float:left;
 width:260px;
 height:313px;
 color:#fff;
 font-size:80%;
 background:url(imagens/panel-show-facilities.png) no-repeat;
 margin: 0 0 0 30px;
 padding:0px 0 0 10px;
}
#villas-baixo
{
 clear:both;
 float:left;
 height:auto;
 width:95%;
 margin:20px 0 20px 0;

}

  #villas-dta img
{

 margin: 0px 10px 5px 5px;
 width:auto;
 height:75px;

}

  #villas-dta-img
{

 margin: 70px 0;

}
#frm-reservas
{
 clear:both;
 width:900px;
 height:auto;
 background-color:#fff;
 font-size:90%;
 padding: 20px 10px 10px 10px;
 margin:0 0 20px 10px;
}
#frm-reservas h3, h4
{
 color:#000;
}

#frm-reservas hr
{
 color: #ccc;
background-color: #ccc;
height: 1px;

}

.linha-frm
{
       clear:both;
       float:left;
       width:880px;
       margin:10px;      
}
.linha-frm span
{

      width:30px;
      float:left;
      text-align:left;
      margin:10px 28px 10px 10px;
      height: 17px;
       margin-right:10px;
}
.linha-frm input
{

       width:100px;
       float:left;
       text-align:left;
       margin:0 30px;
    
}
 input, select
{
 background:url(imagens/fundo-caixas-texto.gif) repeat-x;
 border:solid 1px #0099ff;
    
}

#tipo-quarto
{
       clear:both;
       float:left;
       width:880px;
       margin:10px;
}
#tipo-quarto span
{
       width:auto;
       float:left;
       margin:0 8px;
       text-align:left;;
}
#tipo-quarto input
{
       width:15px;
       float:left;
       margin:0;
}
#confirmar
{
       width:790px;
       float:left;
}
#cancelar
{
 float:right;
 margin-top:20px;
}
.linha-frm p
{
 font-size:70%;
}
#a-localizacao
{
 clear:both;
 float:left;
 width:964px;
 padding: 20px 10px 10px 20px;
  font-size:100%;
}

#a-localizacao iframe
{
border:solid 1px #0099ff;
}
#mapa
{

clear:both;
float:left;
width:450px;
height:auto;
}
#contactos
{

 float:left;
 width:420px;
 height:auto;
 margin:0 0 0 30px;
}
#contactos h3
{
color:#000;
}
#contactos ul{
      padding:0px 5px 0 20px;
      margin:0;
      list-style-image:url(images/seta.png);
}

#contactos ul li{
padding:0 0 5px 0;
margin: 0;
}
#contactos a{
 color:#000;
 text-decoration:none;
}
#contactos a:hover{
 text-decoration:underline;
}