/* Author - www.ellosdesign.com.br */

a{color:inherit; text-decoration:none;}
img{border:none;}
body{ text-align:center;  margin:auto; background-image:url(../img/bg.png)}
#geral{ width:980px; height:auto; margin:auto;  }
#central{ float:left; width:950px; height:auto;  padding-bottom:5px;  margin-top:15px;background-color:#fff;padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px;   }
#central_home{ float:left; width:950px; height:auto;  padding-bottom:5px;  margin-top:10px;background-color:#FFF;padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px;  }

#topo{ float:left; width:100%; height:130px; background-color:#FFF; border-top:4px #006292 solid  }
#topo_interno{ margin:auto; width:980px; height:160px; }


.logo{float:left; width:200px; height:93px; margin-top:12px; text-align:left}

.redes{float:left; width:75px; height:32px; margin-left:300px; margin-top:35px;}





#menu{ float:left;width:450px;height:45px; margin-left:330px; margin-top:10px;  }


/*Menu*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;z-index:100; 
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 40px;
  font-family: 'Dosis', sans-serif, sans-serif; text-transform:uppercase;width:auto;
}


#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both; 
   
}
#cssmenu a {
 
  color: #fff;
  display: inline-block;
font-family: 'Dosis', sans-serif;
  font-size: 16px;
  line-height: 35px;
  padding: 0 14px;  
  text-decoration: none;
   
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:first-child > a { 

}

.active{ float:left;  background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(32,124,202,1) 51%, rgba(41,137,216,1) 99%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(99%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}



#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block; background-color:#009cab; 
  
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background-color:#009cab;

  filter: none;
  font-size: 14px;font-family: 'Dosis', sans-serif;
  display: block;
  line-height: 120%;
  padding: 7px;margin-top:0px;
   text-align:left; color:#fff

}



.has-sub:hover{

 }

#cssmenu .has-sub ul li a:hover {
 
 color:#fff;
 text-align:left; margin-top:0px;
background-color:#054931}
#cssmenu .has-sub .has-sub:hover > ul {
background-color:#054931;
  
  filter: none;
  font-size: 13px;font-family:'Dosis', sans-serif
  display:block;

  padding: 0px;margin-top:0px;
   text-align:left;
   color:#fff;
}


/* Gray */
#cssmenu, 
#cssmenu > ul > li > ul > li a:hover{
}
#cssmenu {}
.color{ color:#fff;}
#cssmenu > ul > li > a{color:#333;}

#cssmenu > ul > li > a:hover{color:#fff;background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(32,124,202,1) 51%, rgba(41,137,216,1) 99%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(99%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 51%,rgba(41,137,216,1) 99%,rgba(125,185,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

/*Fim menu*/


.prtel{ float:left; width:664px; height:40px;   margin-top:30px; text-align:right; font-family: 'Armata', sans-serif; font-size:14px; color:#444; margin-left:13px;}
.redessociais{ float:left; width:82px; height:40px; margin-left:50px; margin-top:15px }
.tel{ float:left; width:300px; height:40px;   margin-top:20px; text-align:right; font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#002a1b; margin-left:320px; margin-right: 20px; margin-bottom:5px}
.facebook{ float:left; width:40px; text-align:right;}
.instagram{ float:left; width:40px; text-align:right;}



#banner{ float:left; width:100%; height:430px;margin-bottom:0px; background-image:url(../img/bgban.jpg)}
#banner_interno{ margin:auto; width:980px; height:400px; background-color:#FFF; margin-top:15px;  }
.esquerda_home{ float:left; width:660px; height:auto; margin-bottom:30px }
.esquerda_contato{ float:left; width:610px; height:auto; margin-bottom:30px }

.esquerda{ float:left; width:700px; height:auto; margin-bottom:30px }
.tit_esquerda_home{ float:left; width:660px; height:auto; text-align:left; font-family: 'Dosis', sans-serif; margin-left:10px; font-size:22px; color:#000; margin-bottom:15PX; text-transform:uppercase}
.tit_esquerda_contato{ float:left; width:640px; height:auto; text-align:left; font-family: 'Dosis', sans-serif; margin-left:10px; font-size:22px; color:#054931; margin-bottom:15PX;}
.tit_home{ float:left; width:980px; height:auto; text-align:left; font-family: 'Dosis', sans-serif; margin-left:10px; font-size:22px; color:#054931; margin-bottom:15PX;}
.tit_servicos{ float:left; width:920px; height:auto; text-align:left; font-family: 'Dosis', sans-serif; font-size:22px; color:#054931}
.txt_sobre{ float:left; width:640px; height:auto; text-align:justify; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:13px; line-height:22px;margin-left:10px; margin-top:0px}
.leiamais{ float:left; width:90px; cursor:pointer; height:25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#fff; text-align:left;  margin-top:16px; background-color:#006292; border-radius:6px; text-align:center; padding-top:10px;}
.link_leia{color:#182347; text-decoration:none;font-family: 'Dosis', sans-serif; font-size:12px; font-weight:bold; color:#093c69;}
.link_leia:hover{color:#182347; text-decoration:underline; cursor:pointer}
.direita_home{ float:left; width:260px; height:auto;  margin-left:20px;}
.direita_pags{ float:left; width:220px; height:auto;  margin-left:25px; margin-top:-35px; }
.direita_pags_c{ float:left; width:220px; height:auto;  margin-left:75px; margin-top:-35px; }
.tit_projetos_home{ float:left; width:950px; height:auto; text-align:left;}


.caixa_home{ float:left; width:290px; height:450px; margin-left:px; margin-right:12px; margin-top:5px; margin-left:12px;}
.foto_caixa{ float:left; margin-bottom:10px; width:290px; height:200px; margin-top:15px; }
.foto_caixa:hover{ cursor:pointer;opacity:0.85;	-moz-opacity: 0.85;	filter: alpha(opacity=85);}

.tit_caixa{ float:left; width:270px; height:auto;font-family: 'Dosis', sans-serif;color:#006292; font-size:22px; text-align:left; text-transform:uppercase }
.txt_bloco{ float:left; width:270px; height:auto; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:13px; line-height:23px}


#rodape{ float:left; width:100%; background-color:#000; height:40px; margin-top:20px}
#rodape_interno{ margin:auto; width:980px; height:auto; }
.txt_esq_rodape{ float:left; width:350px; height:auto; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; margin-top:15px }
.direitos{ float:left; width:580px; height:auto;  font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; margin-top:15px; text-align:right; margin-left:40px }
.ellos{ color:#fff; text-decoration:none; text-transform:uppercase}
.ellos:hover{ text-decoration:underline;}
.contato {float:left;width:260px; height:180px;margin-bottom:25px;border:1px solid #ccc }

/*Empresa */

.tit_pags{float:left; width:950px; font-family:'Dosis', sans-serif; font-size:22px; height:25px;text-align:left; font-weight:bold; color:#006292; margin-bottom:25px; margin-top:-2px;font-weight:bold; text-transform:uppercase  }
.tit_pagsc{float:left; width:950px; font-family:'Dosis', sans-serif; font-size:22px; height:25px;text-align:left; font-weight:bold; color:#006292; margin-bottom:15px; margin-top:-2px;font-weight:bold  }
.pr_pags{ float:left; width:940px; height:auto;}
.img_sobre{ float:left; width:400px; height:auto; margin-right:25px; margin-bottom:10px; margin-top:16px;}
.txt_pags{  text-align:justify; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:13px; line-height:20px; }

#esquerda{ float:left; width:700px; height:auto; margin-bottom:30px }
.tit_pags_internas{float:left; width:600px; font-family:'Dosis', sans-serif; font-size:22px; height:25px;text-align:left; font-weight:bold; color:#006292; margin-bottom:25px; margin-top:-2px; text-transform:uppercase;font-weight:bold }
#direita{ float:left; width:230px; height:auto; background-color:#666}
.banner_contato_localizacao{ float:left; width:250px; height:187px; cursor:pointer; margin-left:-5px;  margin-top:0px; border:1px #E1E1E1 solid}

.pr_servicos{ float:left; width:920px; height:auto; margin-bottom:20px; background-color:#F2F2F2; padding:15px;}
.titulo_servicos{ float:left; width:900px; height:auto; font-family: 'Roboto Condensed', sans-serif;font-weight:bold; color:#111; text-align:left; margin-bottom:10px; font-size:18px }
.txt_servicos{ float:left; width:900px; height:auto; font-family:Arial, Helvetica, sans-serif; color:#333; text-align:left; margin-bottom:10px; font-size:14px; line-height:22px;} 

.links{ float:left; width:425px;  height:20px; padding:15px; background-color:#EBEBEB; margin-right:30px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; color:#444; font-size:13px; text-align:left}
.links:hover{ background-color:#E6E6E6}
.prlinks{ float:left; width:990px;}
.link_format{ color:#444; text-decoration:none;}
.link_format:hover{ color:#444; text-decoration:underline;}
.spa{ float:left; width:950px; height:150px;}

/*Contato*/
.formulario{ float:left; width:520px; margin-right:4px; height:auto; }
.localizacao{ float:left; width:420px; height:auto; margin-top:-30px }
p{ font-family:Arial, Helvetica, sans-serif; color:#444; text-align:left; font-size:13px}
.font_form{ width:100px; height:auto; text-align:left;font-family:'Dosis', sans-serif; font-size:13px; text-transform:uppercase; color:#666; margin-bottom:3px; float:left}
.campo_formulario{ float:left; width:250px; text-align:left; margin-top:20px; height:auto; }
.format_form{ width:220px; height:28px; background-color:#fff; border:1px #ccc solid; border-radius:8px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px}
.format_form2{ width:470px; height:100px; background-color:#fff; border:1px #ccc solid; border-radius:8px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-left:5px; font-size:12px}
.mensagem{ float:left; width:250px; text-align:left; margin-top:20px; height:auto; }
.enviar{ float:left; width:500px; height:auto; text-align:left; margin-top:15px; }
.btenviar{ width:90px; height:32px; border:none; background-color:#00577e;font-family:'Dosis', sans-serif; font-size:13px; text-transform:uppercase; color:#fff; border-radius:5px; cursor:pointer}
.mapa{ float:left; width:420px; margin-top:8px; height:350px; border:2px #ccc solid }