html,body{font:normal 15px/1.5em Verdana,Arial,Serif;height:100%;width:100%;text-align:left}
#principal{position:relative;width:100%}
#grade div span{text-align: center;}
/*#topo1,#acreditacao{font-weight:700;text-align:center}
.atendimento{display:block;text-align:left;width:98%;font-weight:400;float:left;margin-left:1%}
#apresentacao{text-align:justify}
#apresentacao h1{text-align:left}*/
#rodape img{display:none}
#rodape{padding-top:1%;text-align:center}
.titulo{font-size:150%;font-weight:700}
#midiassociais span{color:#00F}
/*ul{border-radius:10px 10px 10px 10px;border-top:5px solid red;border-left:5px solid red;border-right:5px solid red;border-bottom:5px solid red}
/*#myform fieldset{align:left;position:relative;margin-left:10px;top:10px;background:#ff0;border-top:8px solid #000;border-left:8px solid #000;border-right:8px solid red;border-bottom:8px solid red;padding:10px 10px 10px 10px}*/
#myform p{height:30px;font-size:15px;line-height:30px;text-align:center;font-weight:700;background:red;border-bottom:3px solid #000;color:#fff}
#tabeladeprecos tr:nth-child(even){background-color:gray;color:#fff}
#tabeladeprecos{box-shadow:-3px -3px 1px #325d6f,20px 20px 8px gray;margin:0 5px 40px}
/*h1,h2,h3,h4,h5{text-align:left!important}*/
.ui-collapsible-heading-toggle,.ui-btn-text{white-space:normal!important}
ul{list-style-image:url(favicon.ico)}
#mapa{width:100%}.ui-grid-b div{padding:5px 5px}
#tabeladeprecos{font-size:50%}
#myBtn {background: #069cc2; border-radius: 6px; padding: 15px; cursor: pointer; color: #fff; border: none; font-size: 16px;}

/* Configuracao popup - inicio */
.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}
.modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}
.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
.close:hover {
  background: #00d9ff;
}
/* Configuracao popup - final */

@media screen and (min-width:600px){
    .imagembox{box-shadow:-3px -3px 1px #f7f8f8,20px 20px 8px gray;margin:0 0 20px 0;border-radius:20px}
    #slides{width:52%;float:right;margin:1% 1% 1% 1%;height:auto;border-radius:0 30px 0 30px}
    #rodape img{display:block;width:98%;margin-left:1%;margin-right:1%}
/*    #topo1{width:41%;float:left;margin:1% 1% 1% 1%}.direita{align:right}*/
}
@media screen and (min-width:801px){
    html,body{font:normal 17px/1.5em Verdana,Arial,Serif}
    #topo1{float:left;font-weight:700;font-size:120%;margin:5px 5px 5px}
    #apresentacao{width:60%;margin-right:1%;float:left}
    #novoemail{width:50%}
    #acreditacao{margin-left:65%;text-align:center}
    #acreditacao,#apresentacao{padding:15px 15px 15px 15px;border-top:3px solid #cfcfcf;border-left:3px solid #cfcfcf;border-right:3px solid #696969;border-bottom:3px solid #696969}
    .maislarga{width:97%!important}
}