/* Theme Name: ALUDIV v2.0 Theme URI: http://www.aluvid.com.br/ Description: ALUDIV - Alumínio e vidro. Version: 2.0 Author: Rafael Freire e Fernandes Beckman */ /* ============= ÍNDICE ============= 1 - CLASSES 2 - GERAL 3 - HOME 4 - EMPRESA 5 - OBRAS 6 - PRODUTOS 7 - REPRESENTANTES 8 - CONTATOS */ /*============= 1 - CLASSES =============*/ @import url("reset.css"); @font-face { font-family: 'MTFHelloAgain'; src: url('fontes/mtf_hello_again-webfont.eot'); src: url('fontes/mtf_hello_again-webfont.eot?#iefix') format('embedded-opentype'), url('fontes/mtf_hello_again-webfont.woff') format('woff'), url('fontes/mtf_hello_again-webfont.ttf') format('truetype'), url('fontes/mtf_hello_again-webfont.svg#BitstreamVeraSansRoman') format('svg'); font-weight: normal; font-style: normal; } .limit{ position: absolute; left: 50%; margin: 0 0 0 -460px; width: 920px; } .content{ position: inherit; min-height: 280px; margin: 0 auto; width: 780px; } .clear-b{clear: both;} .loading{ position: absolute; z-index: 10; width: 780px; height: 280px; background: url(../img/loading.gif) no-repeat center; } .overHidden{ overflow: hidden;} .sombra-top{ position: absolute; top: 113px; left: 50%; margin: 0 0 0 -502px; } .noMargin{ margin: 0 !important; } .scroll-pane{ width: 100%; height: 370px; overflow: auto; } /*============= 2 - GERAL =============*/ body{ font-family:"Futura Md BT"; background: url(../img/bg.jpg); -moz-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; } p{ margin: 0 0 10px 0; color: #58595b; text-align: justify; font-size: 18px; } #header-bg{ width: 100%; height: 25px; background: url(../img/bg-amarelo.jpg); } #footer-bg{ position: fixed; bottom: 0; z-index: -1; width: 100%; height: 130px; background: url(../img/bg-amarelo.jpg); } #header{ float: left; width: 100%; height: 110px; background: url(../img/topo-bg.jpg); } #logo{ float: left; width: 219px; height: 64px; margin: 20px 0 0 15px; background: url(../img/logo.png); } #logo h1{ text-indent: 999999px; } #nav-principal{ float: right; width: 620px; margin: 65px 0 0 0; } #nav-principal li{ float: left; margin: 0 5px; list-style-image:url('../img/nav-bola.png'); list-style-position:inside; } #nav-principal li:first-child{ margin: 0; list-style-image:none; } #nav-principal li a{ margin: 10px 0 0 0; font-size: 16px; text-transform: uppercase; color: #58595b; } #base{ top: 125px; height: 470px; background: url(../img/base-center.png) repeat-y center;} .base-fluido{ height: auto!important;} #base-top{ position: absolute; left: 10px; } #base-bottom{ position: absolute; bottom: -41px; } /*============= 3 - HOME =============*/ #home{ position: relative; margin: 50px 0 80px 0; height: 450px; } #home-img-banner{ position: absolute; left: 50%; margin: 0 0 60px -361px; bottom: -55px; } #home-base{ position: absolute; left: 10px; bottom: 30px;} #home-base-txt{ position: absolute; left: 50%; margin: 0 0 0 -230px; bottom: 75px;} /*============= 4 - EMPRESA =============*/ #empresa{ margin: 50px 0 80px 0; } #empresa span{float: left; color: #58595b; font-size: 20px; text-transform: uppercase; } #empresa img{ margin: 0 20px 10px 0; } /*============= 5 - OBRAS =============*/ #obras{ margin: 50px 0 80px 0; } #obras img{ margin: 0 10px 0 0; } /*============= 6 - PRODUTOS =============*/ #produtos{ float: left; width: 100%; margin: 10px 0 60px 0px; } #produtos-content{ float: left; width: 100%; } #produtos #produtos-nav{ width: 410px; position: absolute; left: 50%; top: 28px; margin: 0 0 0 -205px; z-index: 10; } #produtos #produtos-nav li{ float: left; margin: 0 20px; } #produtos #produtos-nav li a{ font-size: 18px; text-transform: uppercase; color: #58595b; } #produtos #produtos-nav li a:hover, #produtos #produtos-nav li a.active{ color: #f4cd2d; } #produtos-content{ float: left; width: 100%; margin: 40px 0 0 0; } #produtos .produtos-itens{ float: left; margin: 20px 15px; } .basculante{ width: 350px; margin: 20px 5px; } #produtos .produtos-itens img{ float: left; max-width: 230px; } .basculante img{ max-width: 180px !important; } #produtos .produtos-info{ clear: both; float: left; width: 150px; margin: 20px 0 0 0; } .basculante .produtos-info{ clear: inherit !important; margin: 0 0 0 10px !important; } #produtos .produtos-info h4, #produtos .produtos-info h5{ display: block; float: left; width: 100%; font-size: 11px; margin: 0px; padding: 2px; background: #f4cd2d; text-transform: uppercase;} #produtos .produtos-info h5{ font-size: 10px; font-style: italic; text-transform: none;} #produtos .produtos-info h4 span{ float: left; text-transform: none} #produtos .produtos-info span{ float: left; width: 100%; margin: 4px 0; font-size: 11px; text-transform: uppercase; } #produtos .produtos-info p{ font-size: 11px; margin: 0px;} /*============= 7 - REPRESENTANTES =============*/ #represen-painel{ width: 280px; margin: 0 auto; margin-top: 90px; color: #58595b; } #represen-painel span{ display: block; float: left; width: 100%; margin: 20px 0 0 0; text-align: center; font-size: 24px; } #represen-painel form{ display: block; float: left; width: 100%; margin: 20px 0 0 0; } #represen-painel form label{ display: block; float: left; width: 100%; margin: 2px 0; font-size: 18px; } #represen-painel form input[type="text"], #represen-painel form input[type="password"]{ display: block; float: left; width: 260px; margin: 2px 0; padding: 5px 10px; background: #d7d7d7; border: none; font-size: 18px; } #represen-painel form input[type="submit"]{ display: block; float: right; margin: 5px 0; padding: 5px 20px; background: #7e7b7b; border: none; font-size: 14px; color: #fff; cursor: pointer; } #represen-painel form input[type="submit"]:hover{ background: #ccc; } #represen{ width: 940px; margin: 50px 0 40px -30px; } #represen #represen-img{ display: block; float: left;} #represen #represen-info p{ display: block; float: left; margin: 20px 0 0 20px; font-size: 12px;} /*============= 8 - CONTATOS =============*/ #contatos{ width: 940px; margin: 20px 0 40px -30px; } #contatos img{ width: 400px; float: left; margin: 15px 0 0 0; } #contato-info{ float: left; width: 350px; margin: 30px 0 0 30px; } #contato-info span{ float: left; width: 100%; margin: 20px 0 0 0; text-transform: uppercase; font-size: 18px; }