@import url("reset.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,600'");

/* CSS Document */
body{ background:url(../image/fundo_bg.jpg); font-family: 'Open Sans', sans-serif; font-weight:400;}

.wrap1{ height:515px; background:url(../image/fundo_bg_luz.png) no-repeat center; position:relative; top:12px; z-index:-9999;}
.wrap2{ height:246px; width:100%; background:url(../image/fundo_topo.png) repeat-x; position:absolute; top:12px;}
.conteudo{ width:1000px; display:table; position:relative; left:50%; margin-left:-500px;}

/*MENU*/
.topo{ height:140px; position:relative;}
.logo{ width:248px; height:122px; position:relative; top:20px; left:100px; float:left;}
.menu{ width:500px; height:90px; position:absolute; top:40px; left:410px; float:left;}

.telefone{ float:left; position:relative; left:14px; top:5px; font-size:16px; color:#FFF; font-weight:600;}
.sociais{ width: 150px; float:left; position:relative; left:250px; display:block;}
.sociais p{ color:#FFF; margin:5px 0 0 5px; float:left;}
.facebook a{ background:url(../image/facebook_hover.png); width:25px; height:25px; display:inline-block; margin-left:10px; float:left;}
	.facebook a:hover img { visibility:hidden; width:25px; height:25px;}
.twitter a{ background:url(../image/twitter_hover.png); width:25px; height:25px; display:inline-block; margin-left:5px;}
	.twitter a:hover img { visibility:hidden; width:25px; height:25px;}

.menulinks{ clear:both; height:20px; width:530px; position:relative; top:40px;}
ul.menulinks{margin:0;}
ul.menulinks li{float:left;}
.menulinks li a {position: relative; display: block; font-size: 15px; text-decoration:none; text-transform:uppercase; color:#558fa7; text-align: left; margin-left:12px;}
.menulinks li a:hover, .menulinks li a.ativo{color:#fff; text-decoration:none;}	

/*CONTEÚDO*/
.content{ display:table; background:url(../image/fundo_conteudo.jpg); position:relative; top:15px;}
.slider{ background:url(../image/fundo_slider.png) no-repeat; left:10px; width:983px; height:439px; position:relative; top:30px; margin-bottom:40px;}
.slider img{margin: 5px 0 0 21px;}

.blocopaginas{height:230px;}
.blocopaginas h3{font-size:18px; font-weight:600; text-align:center}
.blocopaginas h3 a{color:#304c63; text-decoration:none;}
.blocopaginas span a{color:#558fa7; margin-right:10px; text-decoration:none; float:right;}
	.blocopaginas span a:hover{color:#304c63;}
.blocopaginas p{font-size:14px; text-align:justify; margin: 10px;}
.sobre{height:230px; width:310px; position:relative; left:35px; float:left;}
.sobre h2{font-size:20px; font-weight:600; margin-left:37px;}
.sobre h2 a {color:#558fa7; text-decoration:none;}
.servicos{height:230px; width:270px; position:relative; left:20px; float:left;}
.contato{height:230px; width:250px; position:relative; left:20px; float:left;}

.blocopaginas .separa{float:left; border-right:solid 1px #d3d3d3; background-color:#eaeaea; height:160px; display:block; margin:15px 5px 0 50px; width:1px;}
	.blocopaginas .barra{border-bottom:solid 1px #d3d3d3; background-color:#eaeaea; height:1px; display:block; margin:0px 10px 15px 10px; width:240px;}			

.produtos{height:230px; position:relative; margin-bottom:30px;}
.produtos h3 a{ color:#304c63; text-decoration:none; margin-left: 30px; font-size:18px; font-weight:600;}
.produtos h3{margin-bottom:10px;}
.destaque{ margin-left:28px; height:180px; width:205px; border: solid 3px #304c63; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float:left;}
.destaque img{margin: 4px;}
.destaque  a:hover img{margin: 3px; border: solid 1px #558fa7;}
.destaque p {text-align:center; margin-top:3px;}
.destaque p a{color:#558fa7; text-align:center; text-decoration:none;}
.destaque p a:hover{color:#304c63;}

.parceiros{ border-bottom:solid 1px #d3d3d3; border-top:solid 1px #d3d3d3; margin:2px 20px 2px 20px; overflow:hidden;}
.marcas a { float:left; margin-left:20px; width:110px; height:80px; overflow:hidden;}
	.marcas a:hover img{ margin-top:-80px;}

/*RODAPÉ*/
.rodape{position:relative; margin-top:20px; height:40px; *padding-bottom:15px; clear:both;}
.rodape .separa{float:left; border-right:solid 2px #d3d3d3; background-color:#eaeaea; height:15px; display:block; margin:8px 5px 0 45px; width:1px;}
.rodape p{ font-size:13px; float:left; margin-top:10px; color:#304c63; margin-left:45px;}

/*PÁGINAS*/
.titulo{font-size:17px; font-weight:600; text-transform:uppercase; color:#304c63; text-align:center; *padding-top:10px; margin:30px 0 20px 0;}
.imagem{width:900px; height:300px; margin:0 50px 20px 50px;}
.texto{ width:900px; font-size:14px; text-align: justify; margin: 0 50px 20px 50px; line-height:normal;}
.texto span{color:#304c63;}

.servico{ width:900px; height:200px; margin:10px 0 30px 0;}
.tiposervico{margin-left:35px; *margin-left:20px; margin-top:30px; height:140px; width:250px; border: solid 2px #304c63; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float:left;}
.tiposervico h1{text-align:center; margin-top:3px; color:#558fa7; font-size:15px;}
.tiposervico p{font-size:13px; margin:15px;}
.tiposervico img{ margin:5px; width:240px; height:80px;}

.video{width:520px; *width:600px; height:235px; position:relative; left:200px; *left:150px; border: solid 2px #304c63;}
.textovideo{width:200px; height:225px; float:left;  margin:5px;}
.textovideo h1{color:#558fa7; margin-top:20px; text-align:center; font-size:15px;}
.textovideo p {margin:20px 20px 0 20px;}
.vt{width:300px; height:225px; float:right; margin:5px;}

.vitrineprodutos{width:900px; position: relative; left:70px;}
.item{margin-left:25px; margin-bottom: 25px; height:190px; width:110px; border: solid 2px #304c63; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float:left}
.item h1{text-align:center; margin-top:3px; color:#558fa7; font-size:15px;}
.item p{font-size:13px; margin:5px;}
.item img{margin:4px; width:100px; height:100px; border: solid 1px #558fa7;}

/*FORMULÁRIOS*/

.orcamento{width: 600px; height:280px; position:relative; left: 180px; top:0px;}
.campo_orca{width:600px; margin:0; padding:0; display:block;}
.campo_orca_sel{width:600px; margin:0; padding:0; float:left;}
label { text-align:right; color:#304c63; display:block; float:left; font-size:14px; margin-right:17px; padding-top:2px; width:130px;/*width:150px;  color:#000; font-size:14px; padding:2px; margin:0px;*/}
.oinput, .otextarea, .oselect{font: 14px; width: 380px; padding: 4px 4px;margin: 0 0 5px 0; color: #304c63; text-shadow: 0 0 1px #FFFFFF; border: 1px solid #304c63; outline: none; display: inline-block; position: relative; z-index: 2; background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ase-in-out;}
.oinput {height: 16px;}
.otextarea {font-family: 'Open Sans', sans-serif; resize: none; width: 380px; height:70px; overflow: hidden; background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);}
.oinput:focus, .otextarea:focus, .oselect:focus{ -webkit-box-shadow: 0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000;}
.oselect {width: 390px; padding: 2px 2px; height: 24px; display:block;}
.osubmit{font-size:16px; padding: 0px 3px; margin:15px 5px 0 310px; height:30px; cursor: pointer; width:108px; -webkit-box-shadow:none; z-index:99; -moz-box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px;border:0px; background: -webkit-gradient( linear, left top, left 30, from(#558fa7), to(#304c63)); background:-moz-linear-gradient(top, #558fa7, #304c63 30px); background-color:#304c63; color:#fff; text-align:center;}
label.error {color:#F33; font-size:12px; line-height:8px; margin-top:-10px;}

.formcontato{width: 400px; height:380px; position:relative; left: 50px; top:0px; float:left;}
.formcontato label {width:100px;}
.formcontato .campo_orca, .formcontato .campo_orca_sel{width:400px}
.formcontato .oinput, .formcontato .otextarea{ width:270px;}
.formcontato .oselect{width:310px}
.formcontato .osubmit{margin-left:200px;}
.formcontato p{font-size:15px; text-align:center; margin:25px 0 0 25px;}
.formcontato p span{color:#304c63;}

.local{ width:470px; height:380px; position:absolute; left:480px;}
.local p{font-size:17px; font-weight:600; text-transform:uppercase; color:#304c63; text-align:center; margin:5px 0 5px 0;}
#mapa{width: 470px; height:330px; border: solid 2px #304c63;}

.nossosparceiros{ margin:20px 160px 20px 160px;}
.empresas{border: solid 2px #304c63; width:300px; height:100px; float:left; margin-left:20px; margin-bottom:20px;}
.empresas p{ margin:7px; font-size:13px;}
.empresas h3{ color:#304c63; text-align:center; margin:5px;}
.logos {margin:10px 5px 0 5px; padding-right:10px;}
.logos a {float:left; width:110px; height:80px; overflow:hidden;}
	.logos a:hover img{ margin-top:-80px; overflow:hidden;}