@charset "iso-8859-1";
/* CSS Document */


@font-face { font-family:'proximanovacond-light-webfont';  src: url("proximanovacond-light-webfont.eot") /* EOT file for IE */ }
@font-face { font-family:'proximanovacond-regular-webfont';  src: url("proximanovacond-semibold-webfont.eot") /* EOT file for IE */ }
@font-face { font-family:'proximanovacond-semibold-webfont';  src: url("proximanovacond-semibold-webfont.eot") /* EOT file for IE */ }

@font-face {
	font-family: 'proximanovacond-light-webfont';
	src: url('ProximaNovaCond-Light.eot');

	src: local('☺'), url('proximanovacond-light-webfont.woff') format('woff'), url('proximanovacond-light-webfont.ttf') format('truetype'), url('proximanovacond-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'proximanovacond-regular-webfont';
	src: url('proximanovacond-regular-webfont.eot');
	src: local('☺'), url('proximanovacond-regular-webfont.woff') format('woff'), url('proximanovacond-regular-webfont.ttf') format('truetype'), url('proximanovacond-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'proximanovacond-semibold-webfont';
	src: url('proximanovacond-semibold-webfont.eot');
	src: local('?'), url('proximanovacond-semibold-webfont.woff') format('woff'), url('proximanovacond-semibold-webfont.ttf') format('truetype'), url('proximanovacond-semibold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




html{margin: 0;padding: 0;}
body{ width:96%;margin:0; padding:0 2%; font-family: 'proximanovacond-light-webfont';font-size:20px; color:#58595b; font-weight:normal;line-height: 25px;background:url(../imagens/background.jpg) repeat;} 
h1, h2, h3, h4,h5, p, strong, a, em, li, ul, dl, dt, dd, img, input, textarea, span, select { border:none; margin:0; padding:0; list-style-type:none; font-style:normal; text-decoration:none; outline:none; resize:none;}

::selection
{
color:#fff;
background-color:#024183
}
::-moz-selection
{
color:#fff;
background-color:#024183
}


h2{ color:#58595b;font-size:20px;font-family: 'proximanovacond-semibold-webfont';font-weight: normal;}
h3{ color:#eb7126;font-size:20px;font-family: 'proximanovacond-semibold-webfont';font-weight: normal;}
h4{ font-size:26px; color:#dc463a;font-weight: normal;}
input[type='text']{ width:180px; height:24px;padding:5px 10px; vertical-align:middle;border:1px #fff solid;}

a{color: #1099ce;}



#conteudo{min-height:600px;margin:10px 0 0 0;}
#conteudo_interno{min-height:700px;margin:40px 0 0 0;}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#conteudo_interno{min-height:700px; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#conteudo_interno{min-height:900px;}
}

#header{max-width: 1280px;min-width: 900px; height:72px; margin:0 auto; position:relative;background:#FFF;z-index:9999;}
.sombra{width: 948px;height: 8px;display: block;background:url(../imagens/sombra_topo.png) center center no-repeat;position: absolute;bottom: -8px;left:50%;
margin-left:-474px;}
h1#logo { width:144px; height:59px; background:url(../imagens/logo.png) no-repeat;margin:5px 0 0 0; padding:0;display:inline-block; vertical-align:bottom; }
h1#logo a {width:144px; height:59px; display:block; text-indent:-9999px; outline:none; }

#site{max-width: 1280px;min-width: 900px;background:#FFF;margin: 0 auto;padding: 0 15px;border-top:7px #eb7126 solid;-webkit-box-shadow: 0 3px 5px 3px rgba(221,221,221,221);
box-shadow: 0 3px 5px 3px rgba(221,221,221,221);position: relative; }

/* MENU */
#container_menu{ display:inline-block;position: absolute;top: 13px;right: 0;}
#menu{ }
#menu li{display:inline-block;position: relative;}
#menu li a{ font-size:20px;margin:10px 20px; display:block;font-family: 'proximanovacond-regular-webfont';color: #28292a; }
#menu li a:hover{color: #eb7126;}
#menu .submenu{ width:160px;position:absolute; left:17px; top:45px; background:#eb7126;display: none;}
#menu .submenu:after{content: "";width:23px;height: 11px;display: block;background:url(../imagens/seta_menu.png) center center no-repeat;
position: absolute;top: -11px;left: 27px; }
#menu .submenu li{ display:block;border-top: 1px #fc975a solid;padding: 0;margin: 0;}
#menu .submenu li:first-child{border-top: 1px #eb7126 solid;}
#menu .submenu li a{ display:block; padding:10px; color:#FFF;margin: 0;font-weight: normal;}
#menu .submenu li a:hover{ background:#1099CE;}
#menu li:first-child + li + li:hover .submenu{ display:block;}


/* RODAPE */
#footer{max-width: 1380px;background:url(../imagens/sombra_rodape.png) top center no-repeat;margin:-40px -15px 0 -15px;padding-top: 40px;}
#footer div{ min-width: 920px; margin:0 auto;padding:0 0 20px 0;text-align: center; }
#footer div p{font-size: 18px;}
#footer div span{display: block;}
#footer small{color:#f8dac7;background: #eb7126;display: block;padding:5px 15px;height: 20px;}
#footer small a{ width:90px; height:16px;background:url(../imagens/logo_expression.png) center center no-repeat; display:block; float:right; text-indent:-9999px;margin-top: 3px;}


/* BANNER */
#banner_box{width: 100%;height:358px; display:block; position:relative; z-index:999;overflow: hidden;}
#banner_box div{width: 1280px;height:358px;display: block;position: absolute;left: 50%;top:0;margin-left: -640px;overflow: hidden;}
#banners  li{display: block;overflow: hidden;}


#indicadores  { width:150px;bottom:7px; left:50%;position:absolute; z-index:9999;margin-left: -75px;text-align: center; }
#indicadores  li { width:17px; height:17px;  display:inline-block;vertical-align: middle; margin:3px;}
#indicadores  li a{width:17px; height:17px;  display:block; background:url(../imagens/indicadores.png) top left no-repeat;}
#indicadores  li.active a{ background-position:0 -17px;}
.bt_mais{font-size: 20px;background:url(../imagens/mais.png) right center no-repeat;padding:5px 35px 5px 0;}
.bt_mais:hover{background:url(../imagens/mais2.png) right center no-repeat;color: #eb5226;}

.bt_orcamento{font-size: 20px;background:url(../imagens/arrow.png) right center no-repeat;padding:5px 35px 5px 0;color: #313234;}
.bt_orcamento:hover{background:url(../imagens/arrow2.png) right center no-repeat;color: #eb5026;}

#nossa_empresa{width:65%;height: 307px;display: table-cell;vertical-align: middle;padding:0 5% 0 18%;background:url(../imagens/empresa.jpg) left center no-repeat;}
#nossa_empresa p{margin: 10px 0;}

#orcamento{width:31%;height: 307px; display: table-cell;vertical-align: middle;background: #fad316;padding:0 5%;}
#orcamento p{margin: 20px 0;color: #313234;}
#orcamento h2{font-size: 25px;background:url(../imagens/orcamento.png) left center no-repeat;color: #eb5026;padding: 10px 0 10px 50px;}

#box_servicos{width:100%;position: relative;}
#box_servicos h2{position: absolute;top: -30px;left: 5px;}

#servicos_inicial{width:100%;text-align:right;margin-top: 0.5%;}
#servicos_inicial li{width:32.4%;height:auto;  display:inline-block;vertical-align: top;position: relative;background: #000;margin:0.5% 0 0.5% 0.8%;
overflow: hidden;}
#servicos_inicial li:first-child{margin-left: 0;}
#servicos_inicial li:nth-child(3n+1){margin-left: 0;}
#servicos_inicial li a img{width: 100%;height: auto;}
#servicos_inicial li a span{width:140px;height:140px; background:url(../imagens/bola.png) repeat;position: absolute;
top: -330px;left: 0;bottom: 0;right: 0;margin:auto;color: #fff; text-align: center;border-radius: 50%;opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#servicos_inicial li a:hover span{top:0;opacity: 100;}
#servicos_inicial li a span strong{display:block;margin-top: 50px;}

#container_clientes{width: 100%;height:222px;background:url(../imagens/sombra_clientes.jpg) center center no-repeat;
margin-top: 30px;position: relative;}
#box_clientes{width:86%;height:222px;position: relative;overflow: hidden;margin: 0 7%;}

#clientes{width:3270px;margin: 26px 0 0 0;padding-left: 15px;}
#clientes li{width: 183px;;height:115px;display: inline-block;vertical-align: top;margin-right: 35px;}
#clientes li a{width: 183px;height:115px;display: inline-block;vertical-align: top;border: 1px #dcdcdc solid;}

#seta_volta{width: 70px;height:115px;display: block;background:url(../imagens/seta_volta.png) #fff top center no-repeat;position: absolute;top: 51px;left: 0;padding-top: 2px; }
#seta_volta:hover{background-position: 0 -116px;}

#seta_vai{width: 70px;height:115px;display: block;background:url(../imagens/seta_vai.png) #fff top center no-repeat;position: absolute;top: 51px;right: 0;padding-top: 2px; }
#seta_vai:hover{background-position: 0 -116px;}

@media screen and (max-width:1300px) {
#clientes li{margin-right: 15px;}
}