@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;list-style:none;}
*:focus{outline:none;}
html, body{height:100%;}
ul{list-style:inside;}
.clear{clear:both;}
a img{border:none;}
a, a:hover{text-decoration:none;}

/*********************************** Estrutura ****************************************/
body { background:#003557;}
.home { background:#ffffff url(images/bghome.jpg) left top repeat-x;}
.internas { background:#ffffff;}
.geral { background:url(images/bgtopo.jpg) center top no-repeat; width:900px; margin:0 auto; }
.topo { height:115px;}
.logotopo { float:left; margin-top:30px; margin-left:28px;}
.teltopo { float:right; font-family: 'Oswald', sans-serif; font-size:11px; color:#02435f; text-transform:uppercase; text-align:center; margin-top:30px; margin-right:30px;}
.teltopo span { font-size:17px;}
.conteudo { margin-top:70px; padding-left:28px;}

/*********************************** Menu ****************************************/
.menu { width:535px; margin-top:25px; float:right; margin-top:-25px;}
.menu li { float:left; text-transform:uppercase; color:#024a69; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; height:30px; background:url(images/separadormenu.png) right center no-repeat; text-align:center;}
.menu li.inicio { width:93px; }
.menu li.quemsomos { width:156px; }
.menu li.solucoes { width:136px; }
.menu li.faleconosco { width:150px; background:none; }
.menu li a {color:#024a69; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; padding:5px;}
.menu li a:hover { background:#31b39f; color:#ffffff;}

/*********************************** Index ****************************************/
.alinhabanner { margin-top:70px;}
.banner { width:865px; height:315px; overflow:hidden;}
.repetebanner { width:865px; height:315px;}
.repetebanner .titbanner {font-family: 'Oswald', sans-serif; font-weight:400; color:#024a69; text-transform:uppercase; font-size:41px; width:275px; line-height:53px;}
.repetebanner .chamdbanner {font-family: 'Open Sans', sans-serif; color:#024a69; font-size:13px; width:305px; padding-top:10px; line-height:19px; text-align:justify;}
.repetebanner .ftbanner { background:url(images/bgfotobanner.png) center top no-repeat; width:518px; height:293px; float:right; padding-left:5px; padding-top:5px;}
.iconebanner { position:absolute; margin-top:-230px; margin-left:735px; z-index:99;}
.bgnav { background:url(images/bgsetas.png) left top no-repeat; width:78px; height:44px; position:absolute; margin-top:-70px; z-index:999;}
.bgnav #next { background:url(images/setasbanner.jpg) left top no-repeat; width:38px; height:42px; float:left; margin-top:1px; cursor:pointer; }
.bgnav #prev { background:url(images/setasbanner.jpg) right top no-repeat; width:38px; height:42px; float:right; margin-top:1px; cursor:pointer;}

.boxhome { width:290px; float:left; background:url(images/bgboxhome.png) right center no-repeat; margin-top:50px; }
.boxhome .icohome { background:url(images/iconeshome.png) no-repeat; width:30px; height:31px; float: left;}
.boxhome .icosolu { background-position:center left;}
.boxhome .icoareas {background-position:bottom left;}
.boxhome .titbox { color:#024a6a; font-size:23px; font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; float:left; margin-left:10px;}
.boxhome .subtbox { font-size:12px; color:#024a6a; font-family:Arial, Helvetica, sans-serif; line-height:12px; padding-left:40px; margin-top:0px;}
.boxhome .chamadbox { color:#848484; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:260px; padding-top:20px; text-align:justify;}
.boxhome img { margin-top:20px;}

.boxareashome { background:none; margin-left:35px; width:250px;}
.boxareasol {margin-left:35px; width:280px;}

.boxatuacao { background:#f0f0f0; width:235px; height:87px; border-bottom:4px solid #31b39f; margin-top:20px; overflow:hidden;}
.repeteareas { width:200px; height:45px; padding-top:23px; padding-left:20px;}
.repeteareas img { float:left; margin:0px; margin-top:7px; margin-right:4px; }
.repeteareas p { font-family: 'Oswald', sans-serif; font-weight:400; color:#848484; font-size:13px; text-transform:uppercase; float:left; width:165px; }
#next2 { background:url(images/setaareas.png) right top no-repeat; width:9px; height:16px; margin-top:1px; cursor:pointer; position:absolute; z-index:999; margin-top:-53px; margin-left:225px; }
#prev2 { background:url(images/setaareas.png) left top no-repeat; width:9px; height:16px; margin-top:1px; cursor:pointer; position:absolute; margin-top:58px; margin-left:3px; z-index:999; }


/*********************************** Rodapé ****************************************/
.bgrodape { width:100%; background:url(images/bgrodape.jpg) left top repeat-x; height:193px; margin-top:40px;}
.alinharodape {width:870px; margin:0 auto; }
.alinharodape p { font:11px Arial, Helvetica, sans-serif; color:#a9c9de; padding-top:25px; letter-spacing:1px; float:left; margin-left:10px;}
.alinharodape .btntrabalhe { float:right; margin-right:20px; margin-top:30px;}
.assinstura { width:270px; margin:0 auto; font-family: 'Open Sans', sans-serif; font-size:9px; color:#68879c; margin-top:50px; text-align:center;}


/*********************************** Internas ****************************************/
.breadcrumb { font:13px Arial, Helvetica, sans-serif; color:#6893a6; padding-bottom:20px;}
.breadcrumb a {color:#6893a6; text-decoration:none;}
.breadcrumb span { color:#024a69;}
.conteudo h1 {font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:30px; color:#024a69; padding-bottom:20px;}
.conteudo p {font:13px Arial, Helvetica, sans-serif; color:#024a69; line-height:22px; text-align:justify;}
.fotosempresa { width:515px; height:325px; float:right; margin-right:-80px; margin-left:40px; background:url(images/bgfotoempresa.png) right top no-repeat; }
.fotosempresa .repeteimg { width:397px; height:279px; overflow:hidden; margin-top:2px;}
.fotosempresa .bgnav2 { background:#07466e url(images/bgnav2.png) center center no-repeat; width:62px; height:35px; position:absolute; z-index:999; margin-top:-40px; margin-left:330px;}
.fotosempresa .bgnav2 #next3 { background:url(images/setasempresa.png) right top no-repeat; width:14px; height:25px; float:left; margin-left:15px; margin-top:5px; cursor:pointer;}
.fotosempresa .bgnav2 #prev3 { background:url(images/setasempresa.png) left top no-repeat; width:14px; height:25px; float:left; margin-left:10px; margin-top:5px; cursor:pointer;}
.conteudo h4 {font-family: 'Oswald', sans-serif; font-weight:400; font-size:21px; text-transform:uppercase; color:#112739; margin-top:20px; margin-bottom:20px;}
.listaareas li{ width:220px; float:left; margin-right:20px; background:url(images/bglista.png) left center no-repeat; padding-left:40px; padding-top:8px; padding-bottom:8px; text-transform:uppercase; color:#024a69; font:13px Arial, Helvetica, sans-serif; }
.boxsol { width:790px; height:309px; background:#efefef; border-bottom:2px solid #31b39f; margin-top:20px; float:left; overflow:hidden; margin-bottom:50px;}
.repetesol {width:790px; height:309px;}
.repetesol img { border:5px solid #ffffff; float:left; margin-left:20px; margin-top:20px;}
.repetesol .titsolucao {font-family: 'Oswald', sans-serif; font-weight:400; font-size:21px; color:#112739; text-transform:uppercase; float:left; width:445px; margin-left:20px; margin-top:20px;}
.repetesol .chamadasolu { font:13px Arial, Helvetica, sans-serif; color:#024a69; line-height:20px; width:445px; margin-left:20px; float:left; margin-top:20px;}
#prev4 { background:url(images/setasolucoes.png) left top no-repeat; width:38px; height:103px; float:left; margin-top:120px; cursor:pointer;}
#next4 { background:url(images/setasolucoes.png) right top no-repeat; width:38px; height:103px; float:left; margin-top:120px; margin-left:-2px; cursor:pointer;}


/*********************************** Fale Conosco ****************************************/
.formcontato { width:440px; float:left; margin-top:50px;}
.formcontato .input { background:#efefef; border:1px solid #dbdbdb; padding:5px; font:13px Arial, Helvetica, sans-serif; color:#979696; margin-bottom:20px;}
.formcontato label { color:#112739; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:12px;}
.formcontato label.mensge { float:left; margin-right:5px;}
.formcontato textarea { resize:none; width:373px; height:100px;}
.btnenviar { background:url(images/btnenviar.jpg) left top no-repeat; width:106px; height:30px; cursor:pointer; border:none; font-size:0px; float:right; margin-right:7px; margin-top:7px;}
.alinhamapa { width:350px; float:right; margin-top:50px; margin-right:20px; margin-bottom:50px;}
.rota2 { background:#ebebeb; border-bottom:2px solid #31b39f; height:42px; width:345px;}
.rota2 p {color:#112739; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:12px; letter-spacing:1px; padding-left:13px; padding-top:12px; float:left;}
.rota2 .camporota { background:#ffffff; border:1px solid #d9d9d9; width:234px; height:29px; float:left; margin-left:8px; margin-top:6px;}
.inprota { background:none; border:none; width:207px; height:25px; color:#cacaca; font:11px Arial, Helvetica, sans-serif; padding:8px; float:left;}
.btnrota { background:url(images/btnok.jpg) left top no-repeat; width:22px; height:23px; float:left; font-size:0px; border:none; margin-top:3px; cursor:pointer;}
.divendereco { width:345px; background:url(images/iconescontato.png) left top no-repeat; height:20px; width:328px; padding-left:17px; font:11px Arial, Helvetica, sans-serif; color:#003557; margin-top:20px; line-height:12px;}
.divemail { width:345px; background:url(images/iconescontato.png) left center no-repeat; height:13px; width:328px; padding-left:17px; font:11px Arial, Helvetica, sans-serif; color:#003557; margin-top:10px; line-height:12px;}
.divtele { width:345px; background:url(images/iconescontato.png) left bottom no-repeat; height:13px; width:325px; padding-left:19px; font:11px Arial, Helvetica, sans-serif; color:#003557; margin-top:10px; line-height:12px;}



/*********************************** Lightbox Mapa ****************************************/
.lightbox { width:725px; height:475px;}
.mapalight { width:685px; height:378px; background:#ffffff; padding:20px;}
.mapalight h2 {font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:20px; line-height:22px; color:#024a69; margin-top:0px; }
.mapalight p { color:#024a69; font:13px Arial, Helvetica, sans-serif; margin-bottom:20px; padding-top:10px;}
.bgmapalight { width:675px; height:230px;}
#map_canvas {width:427px; height:274px; border-right:2px solid #30b19e; float:left; margin-bottom:20px;}
#directions-panel { width:240px; height:280px; float:left; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-left:5px; color:#937f7f; overflow:auto;}
#directions-panel .adp-directions {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#937f7f;}
.adp-placemark {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#937f7f;}
.classic { margin-top:-10px;}
.camporota2 { width:100%; height:57px; background:#efefef;}
.camporota2 p { float:left; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:12px; color:#024a69; letter-spacing:1px; padding-left:20px; padding-top:20px;}
#rota { float:left; margin-left:5px; background:#ffffff; border:1px solid #dcdcdc; width:550px; height:29px; margin-top:15px;}
#rota input { border:none; background:none;}
.inprota2 { width:508px; height:20px; margin-top:5px; margin-left:10px; color:#5f5f5f; float:left; border:1px solid #FF0000;}
.btnrota2 { background:url(images/btnok.jpg) left top no-repeat; width:22px; height:23px; float:left; font-size:0px; margin-top:3px; cursor:pointer; border:1px solid #FF0000;}


/*********************************** Lightbox Trabalhe Conosco ****************************************/
.lightboxtrabalhe {width:695px; height:260px; background:#ffffff; padding:15px; overflow:hidden;}
.lightboxtrabalhe .titulo {font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:20px; color:#024a69;}
.lightboxtrabalhe .formlight { width:475px; float:left; margin-top:35px;}
.lightboxtrabalhe .formlight .inputlight { background:#efefef; border:1px solid #dbdbdb; height:29px; padding:5px; color:#8c8c8c; font-size:12px;}
.lightboxtrabalhe .formlight .label {font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; color:#024a69; font-size:12px; height:29px; margin-top:15px;}
.lightboxtrabalhe .formlight .lbleft { float:left;}
.clearcurri { clear:both; height:15px;}
.lightboxtrabalhe .textolight { width:185px; float:left; border-left:1px solid #30b19e; font-family: 'Oswald', sans-serif; font-weight:300; font-size:15px; color:#024a69; padding-left:10px; margin-top:35px;}
.btnenviarcur { background:url(images/btnenviar.jpg) left top no-repeat; width:106px; height:30px; cursor:pointer; border:none; font-size:0px; float:right; margin-right:55px;}