body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tt,img, button {  
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline;
    }
    a {
      text-decoration:none;
    }
    a img, a:hover img { text-decoration:none; }
    .ul, .ul li, .dl, .dl dd, .dl dt, .ul dl, .ul dt, .ul dl, .ul dd {
      padding:0px;
      margin:0px;
      list-style:none;
      float:left;
    }

html, body, #reorder { width:100%;height:100%;overflow:hidden;display:block; }
body, html { background-color:#b6e2ff; }
body { background:url('images/bg.png') no-repeat center center;overflow:hidden;float:left; }
body>p { display:none; }
#divImagensFundo { position:absolute; }
.slideTitle { font: bold 12px arial; }
.slidemaximage { display:none; }	
.loader { display:none }

/* So that people will notice this style, I moved it to an inline style in bgslideshow.php
.slidemaximage  {display:none;} */
a { color:#5194b3;font-weight:bold; }
a:hover { color:#66b5d9 }
a:hover img {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity:0.70;
}
#divTotal {
  float:left;
  width:100%;
  height:100%;
  overflow:auto;
}
#divPagina {
  margin:0px auto;
  width:770px;
  color:#717171;
}
#divSite {
  margin-top:27px;
  float:left;
  width:770px;
  height:560px;
}
#divTopo {
  float:left;
  width:770px;
  height:221px;
  font:16px arial;
  overflow:hidden;
  background: url("images/topo.png") top no-repeat;
  _background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/topo.png,sizingMethod='scale');
}
#divTopo div {
  float:left;
  padding:45px 0px 0px 430px;

}
#divTopo p { padding-top:5px;float:left;clear:both;width:100%; }
#divCorpo {
  float:left;
  background-color:#fff;
  width:100%;
  height:266px;
  font:14px arial;
}
#divRodape {
  float:left;
  width:100%;
  height:84px;
  font:14px arial;
  background: url("images/rodape.png") top no-repeat;
  _background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/rodape.png,sizingMethod='scale');
}
#divRodape p { padding:30px 0px 0px 250px;color:black; }
#ulMenu { float:left;margin:-38px 0px 0px 350px;_margin-left:175px; }
#ulMenu li { padding-left:28px; }
#ulMenu li a { height:26px;float:left;overflow:hidden; }
#ulMenu a:hover { border-bottom:3px solid #66b5d9; }
#ulMenu .casa a { width:80px;background: url(images/link1.png) no-repeat;_background: url(images/link1.gif) no-repeat; }
#ulMenu .praia a { width:84px;background: url(images/link2.png) no-repeat;_background: url(images/link2.gif) no-repeat; }
#ulMenu .local a { width:132px;background: url(images/link3.png) no-repeat;_background: url(images/link3.gif) no-repeat; }
#ulMenu b { display:none; }
.divHome .divTexto { width:260px;margin-top:-10px; }
.divHome .divTexto, .divHome ul { float:left;margin-top:18px; }
.divHome .divTexto p { padding:0px 15px 10px 15px;font: 14px arial;text-align:justify; }
.divHome .divTexto p b { font: bold 16px arial;text-align:center;display:block;width:100%; }
.divHome ul li { padding-right:22px; }

.divCasa .scroll {
  float:left;
  overflow:hidden;
  overflow-y:scroll;
  width:750px;
  height:267px;
  margin-left:19px;
}
.divCasa .scroll p {
  padding:7px 10px 7px 0px;
  text-align:justify;
}
.divCasa p strong { font: bold 22px arial;color:#66b5d9 }
.scroll .fotos {
  width:100%;
  margin-top:10px;
}
.scroll li {
  padding:0px 2px;
}

@media(max-width:810px){
  #divPagina, #divSite, #divTopo, #divRodape {
    width:100%;
    max-width:400px;
    height:auto;
  }
  #divTopo {
    background: url("images/topo2.png") top no-repeat;
    _background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/topo2.png,sizingMethod='scale');
  }
  #divTopo div{
    padding:220px 20px 20px 20px;
  }
  #divRodape {
    padding-top:20px;
    background: #fff url(images/rodape2.png) bottom no-repeat;
    _background: #fff;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/rodape2.png,sizingMethod='scale');
  }
  #divRodape p { padding: 20px 20px 100px 20px;border-top:1px dotted #ccc }
  #ulMenu {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding-top:10px;background:#fff;width:100%;float:left;margin:0px 0px 0px 0px;padding-bottom:10px; }
  #ulMenu a:hover {text-decoration:none;border-bottom:0px;}
  #divCorpo { height:auto; }
  .divHome .divTexto { width:100%;float:left; }
  .divHome ul, .divHome ul li { width:100%;margin:0px 0px;padding:0px;text-align:center; }
  .slideTitle { display:none }
  .divCasa p strong { font: bold 22px arial;color:#ccc }
  .divCasa .scroll { width:92%;height:auto;overflow:inherit; }

  #jquery-lightbox, #jquery-lightbox * {width:100%;}
  #jquery-lightbox img {width:90%;}
}
@media(max-width:450px){
  #ulMenu li a { background-image: none !important;width:auto !important;font-size:18px; }
  #ulMenu b { display:inline-block;float:left; }
}