body {
      background: #C7D1E3 url(imagens/fundo-site.jpg) repeat;
      font-family: Arial, Helvetica, sans-serif;
      margin:0 auto;
      width: auto;
	background-color: #EBF0FB;
}
img
{
 border-style:none;
}
#atlantico
{
    width: 984px;
    margin:0 auto;
}
#autoria
{
 clear:both;
 height:40px;
text-align:right;
color:#00cc00;
 font-size:60%;
}
#cabecalho
{
      height:180px;
      background:#006600;
}
#topo
{
      height:150px;
      background:url(imagens/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
{
 background-color:#00ff66;
 color:#003300;
  font-size:90%;
}

#menu
{
      padding: 0;
      text-indent: 0px;
      height:30px;
      background:url(imagens/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(imagens/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: 20px 10px 10px 10px;
overflow:auto;
}
#bemvindo
{
 float:left;
 width:400px;
 font-size:79%;
 text-align:justify;
 padding:0 10px 0 20px;
 height:280px;
}
#villaslago
{
 float:left;
 width:190px;
 height:auto;
 margin:0 0px 0 60px;
 border-right:solid 1px #E9F6E9;
border-left:solid 1px #E9F6E9;
font-size:72%;
text-align:center;
padding:0 10px 0 10px;
}
#villaslago p
{
  text-align:left;
  margin:0 0 10px 0;
}
#villaslago a
{
margin:0 0 0 140px;
}
.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(imagens/fundo-noticias.png) no-repeat;
  height:270px;
  float:left;
  margin: 0 0 0 25px;
  text-transform:uppercase;
}
#painel-noticias-en{
  width:225px;
  background:#fff url(imagens/panel-news.png) no-repeat;
  height:270px;
  float:left;
  margin: 0 0 0 25px;
  text-transform:uppercase;
}
#painel-noticias ul{
      padding:50px 5px 0 20px;
      margin:0;
      list-style-image:url(imagens/seta.png);
}
#painel-noticias ul li{
padding:0 0 5px 0;
margin: 0;
}
#painel-noticias a{
 font-size:70%;
 color:#005500;
 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(imagens/seta.png);
}
#painel-noticias-en ul li{
padding:0 0 5px 0;
margin: 0;
}
#painel-noticias-en a{
 font-size:70%;
 color:#005500;
 text-decoration:none;
}
#painel-noticias-en a:hover{
 text-decoration:underline;
}

#rodape{
 clear:both;
 width:984px;
 background:#fff url(imagens/fundo-rodape.gif) no-repeat bottom;
 height:50px; 
 text-align:center;
 float:left;
 padding:5px 0;
}
#menu-rodape{
 width:900px;
}
#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-atlantico
{
 width:auto;
 float:right;
 margin:5px 50px 0 0;
 
}
#mail-atlantico a
{
  font-size:130%;
  color:#006600;
   text-decoration:none;
}
#mail-atlantico a:hover
{

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

#noticia img
{

 float:left;
 margin: 0 20px 10px 0;
}
#noticia h2
{
 color:#006600;
 text-align:center;
   text-transform:uppercase;
   margin:0 0 35px 0;
}

  #noticia img
{

 padding:5px;
 width:320px;
 height:240px;
 border: solid 2px #88cf88;
}
#as-facilidades
{
 float:left;
 width:600px;
 padding: 0px 10px 10px 10px;
 margin:10px 0;
  font-size:90%;
}
#contentor-total
{
 float:left;
 width:954px;
 padding: 10px 10px 10px 20px;
 margin:10px 0;
}
#lista-facilidades
{
 float:right;
 width:260px;
 background: url(imagens/painel-facilidades.png) no-repeat;
 padding: 50px 10px 10px 0px;
 color:#005500;
 font-size:80%;
 height:470px;
 margin:0;
}
#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 ul
{
  list-style-image:url(imagens/seta.png);
  margin-left: 0;
  padding:0 0 0 30px;
  }
  #lista-facilidades-en ul
{
  list-style-image:url(imagens/seta.png);
  margin-left: 0;
  padding:0 0 0 30px;
  }

#plano-salas{
 margin-left:30px;
}

#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;notici
 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;
}
.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 #006600;
    
}

#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 10px;
  font-size:90%;
}

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

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

 float:left;
 width:420px;
 height:auto;
 margin:0 0 0 30px;
}
#contactos h3
{
color:#006000;
}
#contactos ul{
      padding:0px 5px 0 20px;
      margin:0;
      list-style-image:url(imagens/seta.png);
}
#contactos ul li{
padding:0 0 5px 0;
margin: 0;
}
#contactos a{
 font-size:100%;
 color:#005500;
 text-decoration:none;
}
#contactos a:hover{
 text-decoration:underline;
}