/***************************************************** Fontes ***********************************************************/ @font-face { font-family: 'HelveticaNeueBC'; src: url('../fonts/helvetica/HelveticaNeue-BlackCond.eot'); src: url('../fonts/helvetica/HelveticaNeue-BlackCond?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeue-BlackCond.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeue-BlackCond.svg#Lobster1.4') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeue-Condensed'; src: url('../fonts/helvetica/HelveticaNeue-Condensed.eot'); src: url('../fonts/helvetica/HelveticaNeue-Condensed?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeue-Condensed.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeue-Condensed.svg#Lobster1.4') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeue-LightCond'; src: url('../fonts/helvetica/HelveticaNeue-LightCond.eot'); src: url('../fonts/helvetica/HelveticaNeue-LightCond?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeue-LightCond.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeue-LightCond.svg#Lobster1.4') format('svg'); font-weight: normal; font-style: normal; } .neuebc{font-family: 'HelveticaNeueBC';} .neuecond{font-family: 'HelveticaNeue-Condensed';} .neuelc{font-family: 'HelveticaNeue-LightCond';} /***************************************************** Fim Fontes ***********************************************************/ /*GLOBAL*/ .f-left{float: left;} .f-right{float: right;} /*ENDS GLOBAL*/ body{background: #87C5D2 !important;} #conteudo{ background: #fff; padding: 20px; margin-top: 30px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; } #header{background: url('../img/bg_menu.png') top left repeat;} /*Menu Superior*/ #menu{ position: relative; top: -35px; left: -55px; } #menu li{text-align: center; padding: 10px;background: url('../img/bgmenu.jpg') top left repeat;} #menu li:first-child{border: none;} #menu li a{color: #fff; font-weight: bold;} #menu li:hover{ padding: 10px; background: #fff; -moz-border-radius-topright:30px; -webkit-border-top-right-radius:30px; border-top-right-radius:30px; } #menu li:hover a{text-decoration: none; color: #316185; } #menu li.selecionado{background: #fff;} #menu li.selecionado a{color: #316185;} .border-right{ -moz-border-radius-topright:35px; -webkit-border-top-right-radius:35px; border-top-right-radius:35px; } /*Fim Menu Superior*/ /*HOME*/ #home{} /*Box Serviços*/ #home .box-servicos{text-align: center;} #home .box-servicos p{padding: 10px; margin-bottom: 35px;} #home .box-servicos p a{float: right; padding: 3px; text-align: center; border-radius: 5px; color: #fff;background: #316185;} /*Fim Box Serviços*/ /*Projetos e Orçamentos*/ /*Projetos*/ #home .projetos-orcamento{} #home .projetos-orcamento #box-ultimos-projetos h3{color: #316185;} #home .projetos-orcamento #box-ultimos-projetos ul li{display: block; margin-bottom: 30px; border-bottom: 1px solid #BAD0E5; padding-bottom: 30px;} #home .projetos-orcamento #box-ultimos-projetos ul li:last-child{border-bottom: none;} #home .projetos-orcamento #box-ultimos-projetos ul li p{width: 190px; margin-left: 6px;} #home .projetos-orcamento #box-ultimos-projetos ul li p span{display: block; font-size: 1.5em; margin-bottom: 3px; color: #0077A2;} /*Qualidade*/ #home .projetos-orcamento #box-qualidade{ background: url('../img/bg_qualidade.png') top repeat; text-align: center; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; padding-bottom: 20px; margin-top: 20px; } #home .projetos-orcamento #box-qualidade h3{font-size: 2.5em; color: #004291} #home .projetos-orcamento #box-qualidade p{padding: 0 20px;} /*Formulário*/ #home .projetos-orcamento #formulario{text-align: center;} #home .projetos-orcamento #formulario h3{color: #316185;} #home .projetos-orcamento #formulario p{padding: 0 10px;} #home .projetos-orcamento #formulario label{display: block; margin-bottom: 10px;} #home .projetos-orcamento #formulario #nome{ width: 95%; margin-left: 10px;} #home .projetos-orcamento #formulario #email{ width: 52%; margin-left: 10px;} #home .projetos-orcamento #formulario #telefone{ width: 40%; margin-left: 10px;} #home .projetos-orcamento #formulario select{ float: left;} #home .projetos-orcamento #formulario .prm-select{ width: 52%;; margin-left: 10px;} #home .projetos-orcamento #formulario .sgd-select{ width: 40%; margin-left: 10px; } #home .projetos-orcamento #formulario textarea{ width: 95%; resize: none; height: 183px; margin-left: 10px;} #home .projetos-orcamento #formulario #submit{ width: 60px; height: 30px; background: #316185; color: #fff; border: none; border-radius: 3px; float: right; margin-right: 10px; cursor: pointer; } /*Fim Projetos e Orçamentos*/ /*Galeria*/ #home .galeria{} #home .galeria h3{color: #316185; margin-top: 15px; margin-left: 10px;} #home .galeria article#lista-imagens{margin-left: 3px; margin-top: 10px;} #home .galeria article#lista-imagens ul li{display: inline-block; margin: 0 8px;} #home .galeria article#lista-imagens #sombra{position: relative; top: -15px;} /*Fim Galeria*/ /*Parceiros*/ #home .parceiros{} #home .parceiros h3{color: #316185; margin-top: 15px; margin-left: 10px;} #home .parceiros ul li{display: inline-block; margin: 0 12px;} /*Fim Parceiros*/ /***********************************************FIM HOME**********************************************************/ /***********************************************EMPRESA**********************************************************/ #empresa{} #empresa #texto-empresa{margin-top: 40px; margin-bottom: 20px;} #empresa p{padding: 0 55px;} /***********************************************FIM EMPRESA**********************************************************/ /***********************************************SERVIÇOS**********************************************************/ /*Serviços*/ #servicos{} #servicos #texto-servicos{margin-top: 40px; margin-bottom: 20px;} #servicos p{padding: 0 55px;} /*Fim Serviços*/ /*Reformas*/ #reformas{} #reformas #texto-reformas{margin-top: 40px; margin-bottom: 20px;} #reformas p{padding: 0 55px;} #reformas ul {text-align: center;} #reformas ul li a{float: left;} #reformas ul li a img{margin: 10px} /*Fim Reformas*/ /*Cabeamento*/ #cabeamento{} #cabeamento #texto-cabeamento{margin-top: 40px; margin-bottom: 20px;} #cabeamento p{padding: 0 55px;} /*Fim Cabeamento*/ /*Divisórias*/ #divisorias{} #divisorias #texto-divisorias{margin-top: 40px; margin-bottom: 20px;} #divisorias p{padding: 0 55px;} /*Fim Divisórias*/ /***********************************************FIM SERVIÇOS**********************************************************/ /***********************************************PARCEIROS**********************************************************/ #parceiros{} #parceiros #imagens-parceiros{ padding: 35px 50px;} #parceiros ul{ text-align: center;} #parceiros ul li{display: inline-block; margin: 10px 20px;} /***********************************************FIM PARCEIROS**********************************************************/ /***********************************************GALERIA**********************************************************/ #galeria{} #galeria #capas-galerias{ margin-top: 20px;} #galeria ul#galeria-principal{padding-left: 50px;} #galeria ul#galeria-principal li {float: left;margin: 20px 30px;} #galeria ul{padding-left: 20px;} #galeria .galeria li{display: inline-block; margin: 10px 24px;} /***********************************************FIM GALERIA**********************************************************/ /***********************************************GALERIA**********************************************************/ #contato{} #contato #dados-contato{margin-top: 30px;} #contato #formulario{margin-left: 65px;} #contato #formulario h4{font-weight: bold; margin-bottom: 20px; display: block;} #contato #formulario label{display: block; margin-bottom: 10px;} #contato #formulario input[type=text]{width: 90%;} #contato #formulario textarea{width: 90%; resize: none; height: 150px;} #contato #formulario #submit{ width: 15%; background: #316185; color: #fff; border: none; border-radius: 3px; float: right; margin-right: 55px; cursor: pointer; } #contato #mapa{margin-right: 10px;} #contato #mapa ul{} #contato #mapa ul li{display: block; margin: 5px 0;} /***********************************************FIM GALERIA**********************************************************/ /******************** FOOTER ***********************/ #footer{padding: 20px 0 0 0;} #footer #direitos{padding-left: 5px;} #footer #affinity{padding-right: 5px;} /******************** FIM FOOTER ***********************/