body{background:url(../imagens/bgrodape1.png);margin:0px auto;}
h4{color:#004a80;font-size:18px;}
#clear{clear:both;}
#medida{width:956px;margin:auto;}
#linha{width:956;margin:auto;height:30px;}
a{text-decoration:none;}
img{border:0px;}
img a{border:0px;cursor:pointer;}
*{font-family: 'Titillium Web', sans-serif;}

/* === TOPO === */

#topo{width:100%;height:90px;background:white;}
#topobg{width:100%;background:white;}
#logo{float:left;margin:20px 0px 0px 12px;width:162px;height:52px;background:url(../imagens/logo.png);}
#menu{float:right;width:490px;margin-top:35px;}
#menu a{text-decoration:none;text-transform:uppercase;color:gray;padding:0px 12px;font-size:14px;font-family: 'Titillium Web', sans-serif;}
#menu a:hover{color:#004a80}
#orcamento{float:right;width:105px;height:70px;background:#e81c2c;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;text-align:center;color:white;padding-top:20px;font-family: 'Titillium Web', sans-serif;}
#orcamento:hover{background:#666;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#orcamento a{text-decoration:none;color:white;}
#bold{font-weight:bold;}

/* === CONTEUDO === */

#bgtitulos{background:url(../imagens/bgtitulos.jpg) center no-repeat;height:142px;width:100%;}
#bgtituloindex{background:url(../imagens/bgtituloindex.jpg) center no-repeat;height:177px;width:100%;}
#bgtitulos2{background:#CCCCCC;}
#titulosecao{font-size:250%;color:white;padding:50px 0px 0px 60px;font-style:italic;font-family: 'PT Sans Caption', sans-serif;}
#tituloindex{text-align:center;font-size:210%;color:#004a80;padding:50px 0px 0px 0px;font-family: 'Raleway', sans-serif;}
#bgconteudo{background:url(../imagens/fundobg.jpg) center;}
#conteudo{height:300px;background:yellow;}
#encontre{border-top:1px solid #CCCCCC;padding-top:50px;}
#titulo{color:#004a80;padding:0px 0px 35px 30px;font-size:150%;font-weight:bold;font-family: 'Telex', sans-serif;}
#titulo2{color:#004a80;padding:0px 0px 35px 30px;font-size:150%;font-weight:bold;font-family: 'Telex', sans-serif;text-align:right;}

/* === EMPRESA === */

#bgconteudoemp{background:url(../imagens/fundobg.png) center;}
#empresa{padding:35px 0px;margin-bottom:0px;}
#empresa2{height:580px;}
#titulo2emp{color:#004a80;padding:0px 0px 35px 30px;font-size:150%;font-weight:bold;font-family: 'Telex', sans-serif;float:right;}
#emptexto2{font-family: 'Titillium Web', sans-serif;font-size:18px;width:350px;padding-left:30px;float:right;padding-bottom:30px;text-align:right;}
#emptexto1{font-family: 'Titillium Web', sans-serif;font-size:15px;width:250px;height:240px;padding-left:30px;float:left;}
#quote{width:354px;height:246px;background:url(../imagens/quote.png);float:right;font-family: 'Titillium Web', sans-serif;color:#004a80;font-size:24px;text-align:center;padding-top:65px;font-style:italic;}
#fundo{width:100%;height:661px;background:url(../imagens/empresa.png) center no-repeat;margin:auto;z-index:1;margin-top:-640px;position:absolute;}
#empresafotos{width:835px;margin:20px auto;}
#empresafotos img{margin-left:11px;margin-top:11px;}
#empresafotos1{width:830px;float:right;}
#empresafotos1 img{margin-left:11px;margin-top:11px;}
#linhaempresa{margin:20px auto;width:960px;border-bottom:2px solid #CCC;height:0px;}
#bordafoto{float:left;width:153px;height:120px;background:url(../imagens/bordafoto.png);margin:10px 6px;}

/* === PRODUTOS === */

#listaprodutos{height:288px;width:100%;background:url(../imagens/bgprodutos.png);}
#produtoquadrado{width:189px;height:195px;padding-top:45px;float:left;margin-right:22px;cursor:pointer;}
#fotoproduto{background:white;width:189px;height:161px;}
.semborda{border:0px;}
#nomeproduto{text-align:center;height:27px;width:189px;padding-top:7px;background:url(../imagens/bgproduto.png);font-size: 100%;font-weight: bold;font-family: 'Telex',sans-serif;color:white;}
#tituloproduto{width:100%;height:283px;background:url(../imagens/produtostopo.png) center no-repeat;}
#tituloprodutog{width:385px;height:35px;padding-top:38px;margin-left:270px;color:#004a80;font-size:160%;font-weight:bold;font-family: 'Telex', sans-serif;text-align:center;}
#descricao1{width:520px;height:91px;margin-top:10px;margin-left:200px;text-align:center;font-family: 'Titillium Web', sans-serif;font-size:16px;}
#descricaobloco{width:655px;float:right;margin-right:40px;padding-top:8px;}
#sombra{width:215px;height:19px;background:url(../imagens/sombra2.png) no-repeat;position:relative;margin-left:18px;}
#moldura{width:213px;background:#CCCCCC;border:1px solid #999999;z-index:3;position:relative;margin-left:18px;padding-top:14px;padding-left:13px;padding-bottom:14px;}
#miniaturas{width:304px;height:75px;margin-top:20px;text-align:center;}
.mini{margin:0px 4px;}
#voltar{background:url(../imagens/voltar.png);height:139px;width:139px;float:right;margin-top:10px;margin-bottom:30px;}
#margemnova{margin-left:20px;}
#txt{font-family: 'Titillium Web', sans-serif;font-size:16px;}
#loading{width:128px;height:15px;margin:auto;background:url(../imagens/loading.gif);}

/* ==== CARROSSEL ======= */

#tamanhocarrosel{width:600px;margin-left:55px;list-style:none;}
#tamanholista{width:890px;float:left;list-style:none;}
#tamanholista ul li{list-style:none;}
.vai{float:right;margin-top:110px;display:none;}
.volta{float:left; padding-right:0px;margin-top:110px;display:none;}
#seta{width:41px;height:40px;background:url(../imagens/seta.png);float:left;margin-top:120px;}

/* === SERVIÇOS === */

#bgtitulosoutro{background:url(../imagens/bgservicos.jpg) center no-repeat;height:142px;width:100%;}
#servicostopo{background:url(../imagens/bgservicos2.png) center no-repeat;height:402px;width:100%;}
#icones{width:470px;height:88px;padding-top:200px;float:right;margin:20px 55px 0px 0px;}
#icone1{background:url(../imagens/icones1.png);width:88px;height:88px;float:left;margin-right:10px;}
#icone1:hover{background-position:-88px -88px;}
#icone2{background:url(../imagens/icones2.png);width:88px;height:88px;float:left;margin-right:10px;}
#icone2:hover{background-position:-88px -88px;}
#icone3{background:url(../imagens/icones3.png);width:88px;height:88px;float:left;margin-right:10px;}
#icone3:hover{background-position:-88px -88px;}
#icone4{background:url(../imagens/icones4.png);width:88px;height:88px;float:left;}
#icone4:hover{background-position:-88px -88px;}
#quote2{width:358px;height:138px;float:left;margin:60px 0px 0px 40px;font-family: 'Titillium Web', sans-serif;color:#004a80;font-size:24px;text-align:center;font-style:italic;}
#nomeservico{width:285px;height:80px;margin:115px 0px 0px 0px;float:left;text-align:center;color:#004a80;font-size:170%;font-weight:bold;font-family: 'Telex', sans-serif;}
#fotocasa{width:560px;height:566px;background:url(../imagens/casa.png);float:right;}
#fotopredio{width:560px;height:566px;background:url(../imagens/predial.png);float:right;}
#fotoauto{width:560px;height:566px;background:url(../imagens/automacao.png);float:right;}
#fotomanu{width:560px;height:566px;background:url(../imagens/manutencao.png);float:right;}
#fotomonitora{width:560px;height:566px;background:url(../imagens/monitoramento.png);float:right;}
#informacoes{width:300px;margin-bottom:30px;margin-left:20px;}
#links{border-bottom:2px solid #CCCCCC;padding:15px 15px 15px 0px;width:275px;margin-left:20px;color:#004a80;font-size:100%;font-weight:bold;font-family: 'Telex', sans-serif;}
#links a{text-decoration:none;color:#004a80;}
#links:hover{text-decoration:underline;}
#detalhes{width:654px;height:106px;background:url(../imagens/detalhes.png);float:left;margin-top:-70px;margin-left:100px;}
#espaco{padding-top:60px;}
#textoprincipal{font-family: 'Titillium Web', sans-serif;font-size:16px;margin-bottom:25px;}
#segundotitulo{color:#004a80;font-size:100%;font-weight:bold;font-family: 'Telex', sans-serif;margin:0px 0px 25px 0px;text-transform:uppercase;}
a.tooltip span {display:none;width:84px;height:68px;margin-top:-100px;margin-left:-91px;}
a.tooltip:hover span {display:inline;position:absolute;background:url(../imagens/selecionado.png);color:#FFF;text-align:center;font-family: 'Titillium Web', sans-serif;text-transform:uppercase;font-weight: normal;font-size:13px;padding:27px 5px 0px 5px;}
.semborda img a{border:0px;}

/* === ORÇAMENTO === */

#orcamento1{width:445px;float:left;margin:35px 0px;}
#orcamento2{width:445px;float:left;margin:35px 0px;}
input.checkbox{margin:5px 0px;float:left;width:20px;}
#orcamento2 .label2{padding-left:3px;display:block; float:left; width:387px; margin-bottom:6px;font-family: 'Titillium Web', sans-serif;}
#orcamento2 fieldset{margin-bottom:15px;width:425px;}
#orcamento2 legend{padding:3px 10px 10px 10px;}
.orca{background:transparent;border:1px solid #999999;padding:5px 5px;color:#333333;height:18px;width:380px;margin-bottom:35px;}
.orcamsg{background:transparent;border:1px solid #999999;padding:5px 5px;color:#333333;height:135px;width:438px;resize:none;}
#send3{margin-right:-5px;width:100px;border:0px;float:right;padding:5px;font-family: 'Titillium Web', sans-serif;font-size:18px;height:35px;cursor:pointer;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#send3:hover{background:#666;color:white;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}

/* === CONTATO === */

#contatoinfo{float:left;border-right:1px solid #CCCCCC;width:280px;margin-top:70px;}
#contatoform{width:535px;float:left;padding-top:50px;margin-left:50px;}
#contatotrabalhe{width:535px;float:left;padding-top:50px;margin-left:50px;}
#names{float:left;}
#formnames{width:65px;font-family: 'Titillium Web', sans-serif;font-size:18px;padding-left:15px;margin-bottom:40px;}
#form{width:370px;float:left;margin-bottom:35px;}
input{background:transparent;border:1px solid #999999;padding:5px 5px;color:#666666;height:18px;width:360px;margin-bottom:35px;}
textarea{background:transparent;border:1px solid #999999;padding:5px 5px;color:#666666;height:117px;width:360px;resize:none;}
#send{width:100px;border:0px;float:right;padding:5px;margin-top:10px;font-family: 'Titillium Web', sans-serif;font-size:18px;height:35px;cursor:pointer;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#send:hover{background:#666;color:white;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#send2{margin-right:75px;width:100px;border:0px;float:right;padding:5px;margin-top:10px;font-family: 'Titillium Web', sans-serif;font-size:18px;height:35px;cursor:pointer;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#send2:hover{background:#666;color:white;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#titulocont{color:#004a80;font-size:150%;font-family: 'Telex', sans-serif;}
#titulocont2{color:#004a80;font-size:150%;font-weight:bold;font-family: 'Telex', sans-serif;margin-bottom:25px;}
#textocont{font-family: 'Titillium Web', sans-serif;font-size:16px;margin-bottom:30px;text-align:center;padding-left:30px;}
#opcao{border-bottom:1px solid #CCCCCC;padding:15px 15px 15px 0px;width:225px;margin-left:20px;font-size:100%;font-weight:bold;font-family: 'Telex', sans-serif;color:gray}
#opcaohover{border-bottom:1px solid #CCCCCC;padding:15px 15px 15px 40px;width:185px;margin-left:20px;color:#004a80;font-size:100%;font-weight:bold;font-family: 'Telex', sans-serif;}
#opcaohover a{text-decoration:none;color:#004a80;}
#opcaohover a:hover{color:#333333;}
#monitecinfo{font-family: 'Titillium Web', sans-serif;font-size:16px;color:gray;margin-top:40px;padding-left:15px;}
#central{padding:60px 0px 0px 15px;}
#face2{display:none;cursor:pointer;background:url(../imagens/face2.png);width:103px;height:27px;margin-left:15px;margin-top:15px;}
#face2:hover{background-position:0px -27px;}
#mapa{cursor:pointer;background:url(../imagens/mapa.png);width:148px;height:45px;margin-left:15px;margin-top:30px;margin-bottom:20px;}
#mapa:hover{background-position:0px -45px;}
.error {display: none;color:black;padding: 5px;font-family: 'Titillium Web', sans-serif;margin-left:0px;}
#ajax-form{float:left;}
#ajaxsuccess{display:none;width:518px;float:left;margin-left:0px;}
label{float:left;width:85px;font-family: 'Titillium Web', sans-serif;font-size:18px;}
.file{background:transparent;border:1px solid #999999;padding:5px 5px;color:#666666;height:18px;width:360px;margin-bottom:35px;}

/* === CAIXAS INFERIORES - ENCONTRE === */

#caixacentro{height:275px;width:832px;margin:0px auto;}
#caixa{cursor:pointer;float:left;width:248px;height:258px;margin:0px 15px 0px 12px;color:black;}
#caixa:hover{text-decoration:none;color:black;}
#caixa2{float:left;width:248px;height:258px;margin:0px 0px 80px 0px;color:black;}
#caixa2:hover{text-decoration:none;color:black;}
#botaomais{position:absolute;height:61px;width:61px;background:url(../imagens/caixamais.png);margin:80px 0px 0px 90px;}
#caixa:hover #botaomais{background-position:-61px -61px;}
#fotoprodutos{height:111px;width:248px;background:url(../imagens/caixa1.png);}
#fotoredes{height:111px;width:248px;background:url(../imagens/caixa2.png);}
#fotocontato{height:111px;width:248px;background:url(../imagens/caixa3.png);}
#caixatexto{height:146px;width:248px;background:#dddddd;padding-top:15px;text-align:center;font-family: 'Titillium Web', sans-serif;font-size:14px;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#titulocaixa{padding:30px 0px 15px 0px;color:#004a80;font-size:18px;font-weight:bold;font-family: 'Telex', sans-serif;}
#caixa:hover #caixaover{background:#666;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#caixa:hover #caixatexto{background:#CCC;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}
#caixaover{width:248px;height:5px;background:#dddddd;display:block;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transform: 0.6s;}


/* === RODAPE === */

#rodape{width:100%;height:73px;margin-top:50px;background:url(../imagens/bgrodape.png);color:white;text-align:center;font-family: 'Titillium Web', sans-serif;font-size:16px;}
#rodapeinfo{width:921px;padding-top:25px;}
#facebook{display:none;cursor:pointer;width:35px;height:35px;background:url(../imagens/face1.png);float:right;position:absolute;margin:22px 20px 0px 840px;}
#facebook:hover{background:url(../imagens/face1.png) #004a80;}
#nova{width:100%;height:40px;padding-top:50px;background:none;}

/* === INDEX ALTERADA - Estão aqui as ids do layout alterado === */

#rodapeindex{height:278px;padding-top:55px;background:url(../imagens/bgrodape.png);padding-right:25px;color:white;text-align:right;font-family: 'Titillium Web', sans-serif;font-size:16px;}
#fotos1{width:960px; margin:auto;height:1150px;}
#textofinal{height:200px;width:250px;margin-left:650px;margin-top:-220px;z-index:10;color:white;position:absolute;text-align:right;font-family: 'Titillium Web', sans-serif;font-size:18px;}
#foto1{z-index:1;position:absolute;}
#facecaixa{cursor:pointer;float:right;width:140px;height:35px;padding-top:20px;}
#facebook2{cursor:pointer;width:35px;height:35px;background:url(../imagens/face1.png);float:left;}
#facebook2:hover{background:url(../imagens/face1.png) #004a80;}
#face1{display:none;float:left;width:35px;height:35px;background:url(../imagens/face.png);}
#face1:hover{background-position:-35px -35px no-repeat;}
#facecaixa:hover #facebook2{background:url(../imagens/face1.png) #004a80;}
#facetexto{float:left;width:105px;color:white;font-family: 'Titillium Web', sans-serif;font-size:24px;}
#rodapeindex2{width:100%;height:251px;background:url(../imagens/bgrodape.png);margin-top:-251px;}

.botaoindex{position:absolute;z-index:20;margin-top:130px;margin-left:110px;display:none;}
.maph:hover .botaoindex{display:block;}

/*Somente para Safari e Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    map area :hover{ background:url(../imagens/capa/bg-capa-1.jpg);}
	
}
area :hover{opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */}
