/* Import other css */
@import url("default.css");
@import url("paginas-internas.css");



/* CSS Document */
body {margin:0; padding:0;color:#000; background: #fff; font:normal 12px Arial, Helvetica, sans-serif;}

/*@ HX /*
/*--- titles H1 ---*/
h1{margin:0;padding:0; font-family: 'ABeeZee', sans-serif;}

/*--- titles H2 ---*/
h2{margin:0 0 15px 0;font-family: 'ABeeZee', sans-serif; padding:0 0 5px 0;font-size:30px;color:#ededed;background:url(../images/sep.gif) repeat-x bottom;letter-spacing:-1.5px;}

h2 a{color:#3399FF;text-decoration: none; }
h2 a:hover{color:#333;text-decoration: underline; }

/*--- titles H3 ---*/
h3{margin:2px 0;padding:0;font-family: 'ABeeZee', sans-serif; font-size:25px; color:#211d70; text-shadow:#FFF 1px 1px 0;}

/*--- titles H4 ---*/
h4{margin:0;padding:0; color:#211d70; font-size:20px; font-family: 'ABeeZee', sans-serif;}

/*--- titles H5 ---*/
h5{margin:0;padding:0; font-family: 'ABeeZee', sans-serif; color:#000;}

/*--- titles H6 ---*/
h6{margin:0;padding:0;}



/*---------------------------- Site --------------------------*/

.align{ width:960px; margin:0 auto; position:relative;}


/*--------------------------------TOPO--------------------------------*/

header#topo{ width:100%;height:127px; position:relative; float:left; clear:both; background: url(../images/bg-topo.jpg) no-repeat center top;}
.align-topo{width:960px; margin:0 auto; position:relative; height:157px;}

.logoTopo{width:262px; height:71px; position:absolute; left:0px; top:30px;}
.logoTopo a{width:262px; height:71px; position:relative; float:left; clear:both; outline:none;}

/*--------------------------------CONTENT--------------------------------*/

/*--Slider--*/
section#content-slider{width:100%; float:left; clear:both; position:relative; background:url(../images/bg-slider.jpg) no-repeat center top; height:411px; padding-top:15px;}

section#content-slider .align-slider{width:980px; margin:0 auto; position:relative; height:298px;}

section#content-slider .slice-bottom{ position:absolute; bottom:0px; left:0px; width:78px; height:153px; background: url(../images/slice-1.png) no-repeat center bottom; z-index:9999;}
section#content-slider .slice-top{ position:absolute; top:0px; left:0px; width:132px; height:161px; background: url(../images/slice-2.png) no-repeat center bottom; z-index:9999;}
section#content-slider .slice-right{ position:absolute; top:0px; right:0px; width:129px; height:162px; background: url(../images/slice-3.png) no-repeat center bottom; z-index:9999;}
section#content-slider .slice-bottom-right{ position:absolute; bottom:0px; right:0px; width:77px; height:150px; background: url(../images/slice-4.png) no-repeat center bottom; z-index:9999;}
section#content-slider .slice-bottom-middle{ position:absolute; bottom:0px; left:99px; width:803px; height:15px; background: url(../images/slice-5.png) no-repeat center bottom; z-index:500;}

/*--Content-info--*/
#content-info{ min-height:260px; width:100%; position:relative; float:left; clear:both; margin-top:-60px;}
.prod-serv{ width:100%; height:260px; float:left; clear:both; position:relative; margin-bottom:20px;}

.prod-serv header{ background: url(../images/bg-topo-servicos.png) no-repeat center top; padding:0px; margin:0px; float:left; clear:both; position:relative; width:100%; height:43px;}
.prod-serv header h3{ color:#fff; font-style:italic; text-shadow:#000 1px 1px 0; font-size:20px; margin:10px 0 0 15px; font-weight:300;}
.prod-serv header a{ position:absolute; top:15px; right:10px; color:#FFF;text-shadow:#000 1px 1px 0;}
.prod-serv header a span{ padding:5px 10px; background:#018ac8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.prod-serv section{ width:960px!important; height:215px!important; float:left!important; clear:both!important; position:relative;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
}

.prod-serv section ul{ padding:0px; margin:0px; float:left; clear:both; position:relative; width:100%; height:257px; list-style:none;}
.prod-serv section ul li{ float:left; position:relative; margin:8px 15px 0 15px;}
li.boxServ{ width:220px !important; height:195px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #CCC; background:#F4F4F4; -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; cursor:pointer;}
li:hover.boxServ{ background:#fff; box-shadow:#A8A8A8 2px 2px 2px;}
li.boxServ p{ text-align:center;}
li.boxServ a.img{ margin:10px 0; float:left; clear: both; position:relative; display:block; width:100%;}

li.boxServ h4{ font-size:14px; text-align:center; margin:0 7px 5px 7px;}
li.boxServ a.btn{position:absolute; width:212px; height:20px; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#cacaca;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; color:#FFF; text-align:center; padding:4px 0 0 0; bottom:4px; left:4px;}

/*li.boxServ a.btn{position:relative; width:203px; height:20px; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#cacaca;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; color:#FFF; margin:0 auto; text-align:center; padding:4px 0 0 0;}*/
li.boxServ a:hover.btn{ background:#0f4e74;}

/*-- LineBox --*/
.lineBox{ width:960px; float:left; clear:both; position:relative; min-height:150px; background:#fff; margin:0 0 20px 0;}

.boxSmall{width:300px; float:left; position:relative; background:#fff; margin:0 0 20px 0;}

.slideshow{width:200px; margin:0 40px;float:left;}

/*noticias*/
.box-noticia{ width:300px; float:left; position:relative; margin-right:30px;font-family: 'ABeeZee', sans-serif;}
.box-noticia .top-box{ width:300px; float:left; clear:both; position:relative; margin-bottom:15px;}
.box-noticia .top-box img{ float:left; position:relative; width:26px; height:26px; margin:0 5px 0 0;}
.box-noticia .top-box h2{ width:269px; border-bottom:1px dotted #0A6092; color:#0A6092; float:left; position:relative; font-size:20px; font-style:italic;}
.box-noticia .top-box a{font-size:11px; color:#0A6092; position:absolute; right:5px; top:10px; text-decoration:none;}
.box-noticia .data{color:#0A6092; margin-bottom:5px;}
.box-noticia .noticia a{font-size:14px; color:#5C5C5C; margin-bottom:5px;}
.box-noticia .noticia a:hover{color:#000;}
.box-noticia .vj{color:#0A6092; text-decoration:underline; font-size:10px;}

/*newsletter*/
.box-newsletter{ width:300px; float:left; position:relative; margin-right:30px;font-family: 'ABeeZee', sans-serif;}
.box-newsletter .top-box{ width:300px; float:left; clear:both; position:relative; margin-bottom:20px;}
.box-newsletter .top-box img{ float:left; position:relative; width:70px; height:68px; margin:0 5px 0 0;}
.box-newsletter .top-box h2{ width:225px; border-bottom:1px dotted #0A6092; color:#0A6092; float:left; position:relative; font-size:20px; font-style:italic; margin-bottom:8px;}
.box-newsletter .top-box p{color:#5C5C5C;font-size:14px;}

.box-newsletter form{ width:300px; float:left; clear:both; position:relative;}
.box-newsletter input{ width:290px; height:50px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; border:none; color:#3B3B3B; box-shadow:inset 1px 1px 2px #A8A8A8; background:#f4f4f4; padding:0 5px;}
.box-newsletter button{ background:url(../images/btn-form-newsletter.png) no-repeat left top; width:28px; height:26px; border:none; position:absolute; top:13px; right:10px; cursor:pointer;}
.box-newsletter button:hover{background:url(../images/btn-form-newsletter.png) no-repeat left -26px;}

/*atendimento*/
.box-atendimento{position:relative; margin:30px 0 0 0;float:left;}

/*contato*/
.box-contato{width:230px; float:right; position:relative; font-family: 'ABeeZee', sans-serif;margin:15px 0 0 0;}
.box-contato .top-box{ width:230px; float:left; clear:both; position:relative; margin-bottom:5px;}
.box-contato .top-box img{ float:left; position:relative; width:25px; height:25px; margin:0 5px 0 0;}
.box-contato .top-box h2{ width:200px; border-bottom:1px dotted #0A6092; color:#0A6092; float:left; position:relative; font-size:20px; font-style:italic; margin-bottom:8px;}
.box-contato p{color:#5C5C5C;font-size:14px; margin-bottom:5px;float: left;}
.box-contato p span{color:#0A6092;}
.box-contato p a img{ margin:0 0 -5px 0;}
.box-contato p a{ color:#0A6092;}
.box-contato p a:hover{ text-decoration:none;}

.box-download{width: auto; padding: 0 0 0 10px; margin: 0 0 0 10px;border-left: 1px solid #ccc;float: left;color: #054265;text-decoration: none;}
.box-download:hover{color: #054265;text-decoration: none;}

/*login*/
.box-login{ width:300px; height:186px;float:left; position:relative; font-family: 'ABeeZee', sans-serif; margin-right:30px; background:url(../images/painel-login.jpg) no-repeat left top;}
.box-login form input[type=text]{ border:none; background:none; color:#575757; position:absolute; top:50px; left:20px; width:260px; height:30px;}
.box-login form input[type=password]{ border:none; background:none; color:#575757;position:absolute; top:90px; left:20px; width:260px; height:30px;}
.box-login form button{ background: url(../images/button.jpg) no-repeat; width:89px; height:34px; border:none; cursor:pointer; position:absolute; right:15px; top:140px;}
.links-login{ padding:0px; margin:0px; list-style:none; position:absolute; left:15px; bottom:10px;}
.links-login li{ margin:0 0 5px 0;}
.links-login li a{ color:#878787;}
.links-login li a:hover{ color:#1b6794;}

/*Galeria*/
.box-galeria{ float:left; clear:both; position:relative; margin:10px 0;}

/*clientes*/
.box-clientes{ width:630px; float:left; position:relative;font-family: 'ABeeZee', sans-serif;}
.box-clientes .top-box{ width:630px; float:left; clear:both; position:relative; margin-bottom:5px;}
.box-clientes .top-box img{ float:left; position:relative; width:25px; height:25px; margin:0 5px 0 0;}
.box-clientes .top-box h2 a{ width:600px; border-bottom:1px dotted #0A6092; color:#0A6092; float:left; position:relative; font-size:20px; font-style:italic; margin-bottom:8px;}

.box-clientes .slides{margin: 0;padding: 0;list-style: none;width: 600px;}
.box-clientes .slides li{ width:200px; float:left;}

/*Parceiros*/
.box-parceiros{ width:300px; float:left; position:relative;font-family: 'ABeeZee', sans-serif;}
.box-parceiros .top-box{ width:300px; float:left; clear:both; position:relative; margin-bottom:5px;}
.box-parceiros .top-box img{ float:left; position:relative; width:25px; height:25px; margin:0 5px 0 0;}
.box-parceiros .top-box h2{ width:250px; border-bottom:1px dotted #0A6092; color:#0A6092; float:left; position:relative; font-size:20px; font-style:italic; margin-bottom:8px;}

.box-parceiros .slides li{ width:200px; float:left;}



/*--------------------------------RODAPE--------------------------------*/
footer{width:100%; height:190px; position:relative;background:url(../images/slice-rodape.jpg) repeat-x top; float:left; clear:both; }

footer section{ width:960px; height:190px; margin:0 auto; position:relative;}

.localizacao{ width:390px; position:absolute; top:15px; left:280px;}
.tit-box{ width:100%; position:relative; float:left; clear:both; position:relative;}
.tit-box img{ float:left; margin:0 5px 0 0; position:relative;}
.tit-box h2{ color:#0a6092; font-style:italic; font-size:20px; margin:0px 0 3px 0;}
.tit-box a{ position:absolute; right:0px; top:8px; font-size:10px; color:#969696; text-decoration:none;}
.localizacao p{ color:#969696; margin:0px 0 0 0; font-size:10px; line-height:15px;}
.localizacao .maps{ border:1px solid #9cd0e8; float:left; clear:both; position:relative; width:100%; height:100px; margin-bottom:4px;}

footer section .logo{ width:238px; height:70px; position:absolute; top:15px; left:0;}
footer section p.copy{ font:normal 10px Arial, Helvetica, sans-serif; color:#666; position:absolute; top:90px; left:15px;}

footer .credito{position:absolute; right:10px; bottom:15px; width:130px; height:16px;}


.floatLeft{ float:left;}
.floatRight{ float:right;}

a.voltar{color: #054265;text-decoration: none;}
a.voltar:hover{color: #054265;text-decoration: underline;}


/*--- popUpHome --*/
#popUpHomeWrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index:70000;}
.blackout{background:#000;width: 100%;height: 100%;position: fixed;z-index:999999;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#popUpHome{width:650px;height:452px;position:absolute;top:300px;left:50%;margin:-150px 0 0 -325px;z-index:8099000;}
#popUpHome img{float: left;margin: 0px;}
#popUpHome img.informe{float: left;margin: 0 0 0 0px;clear: both;}
#popUpHome .btnFechar{position:absolute;top:-23px;right:0px;z-index:900;font-size:12px;margin:0;padding:4px 0px;font-size: .9em;}
#popUpHome .btnFechar a{text-decoration:none;outline:none;color: #fff;}
#popUpHome .btnFechar a:hover{text-decoration:underline;color: #fff;}