/* ============================================================================= HTML5 element display ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* ============================================================================= Base ========================================================================== */ * { margin: 0; padding: 0; } html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 12px; line-height: 1.231; background: url('../images/bg.jpg') repeat; } body, button, input, select, textarea { font-family: "Open Sans", "Trebuchet MS"; color: #545454; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: none; } h1 { color: #006C6C; font-size: 35px; padding: 10px 0; font-weight: bold; } h2 { color: #006C6C; font-size: 20px; text-transform: uppercase; padding: 10px 0; } h3 { color: #006C6C; font-size: 12px; text-transform: uppercase; } select, textarea, input[type="text"], input[type="password"], input[type="file"], input[type="submit"] { font-size: 13px; padding: 5px; background: #FFFFFF; border: 1px solid #CCCCCC; } .centraliza { width: 970px; margin: 0 auto; } .box { background: #FFFFFF; } .slidesjs-container { height: 150px!important; } /* ============================================================================= Links ========================================================================== */ a { color: #666; text-decoration: none; } a:visited { color: #666; } a:focus { outline: none; } a:hover, a:active { color: #333; outline: 0; text-decoration: none; } a:hover { text-decoration: underline; } /* ============================================================================= Header ========================================================================== */ header ul { float: right; margin-top: 60px; margin-right: 50px; } header ul li { list-style: none; float: left; margin-left: 20px; } header ul li a { font-size: 12px; color: #FFFFFF!important; } header ul li a:hover { color: #003E3E!important; text-decoration: none; } #banner_servicos { margin: 110px 0 0 0; text-align: center; } #texto_home { margin: 100px 0 0 0; font-size: 20px; color: #FFFFFF; width: 400px; height: 100px; } /* ============================================================================= Footer ========================================================================== */ footer { background: #006C6C; color: #FFFFFF!important; display: table; width: 100%; text-align: center; font-size: 11px; } footer ul { margin: 30px 0 0 300px; height: 20px; } footer ul li { list-style: none; float: left; margin-left: 20px; } footer ul li a { font-size: 12px; color: #FFFFFF!important; } footer ul li a:hover { color: #003E3E!important; text-decoration: none; } footer p { clear: both; margin: 20px 0; } /* ============================================================================= Index ========================================================================== */ #box_index { margin-top: 150px; display: table; } #box_index div { width: 470px; float: left; margin-left: 10px; } #box_index div img { width: 470px; height: 115px; } #box_index div p { margin: 10px 0; } #box_index div a { float: right; color: #006C6C!important; margin-bottom: 10px; } #box_index_clientes { border-top: 2px solid #006767; background: #EEEEEE; margin-top: 20px; height: 160px; } #box_index_clientes img { margin-right: 20px; } #slider { width: 940px; padding: 20px 0 0 30px; background: #FFFFFF; height: 90px!important; } /* ============================================================================= Empresa ========================================================================== */ #box_empresa1 { margin-top: 20px; display: table; width: 470px; float: left; margin-right: 20px; padding: 0 10px 10px 10px; } #box_empresa2 { margin-top: 20px; display: table; width: 455px; float: left; } #box_empresa3 { margin-top: 20px; display: table; width: 470px; float: left; margin-right: 20px; padding: 0 10px 25px 10px; } #box_empresa3 div { width: 195px; float: left; margin-left: 30px; } #box_empresa4 { margin-top: 20px; display: table; width: 455px; float: left; } #box_empresa4 img { margin: 0 15px 15px 15px; width: 115px; height: 115px; } /* ============================================================================= Atuação ========================================================================== */ #box_atuacao { margin-top: 20px; display: table; padding: 0 10px 10px 10px; width: 100%; } #box_atuacao h1 { margin-bottom: 30px; } #box_atuacao dl { margin-bottom: 30px; display: table; } #box_atuacao dt { width: 150px; float: left; } #box_atuacao dt img { width: 115px; height: 115px; } #box_atuacao dd { width: 800px; float: left; } /* ============================================================================= Serviços ========================================================================== */ #box_servicos { margin-top: 20px; display: table; padding: 0 10px 10px 10px; width: 100%; } #box_servicos h1 { margin-bottom: 30px; } #box_servicos dl { width: 310px; float: left; display: table; margin: 0 6px; } #box_servicos dt { text-align: center; } #box_servicos dd a { float: right; color: #006C6C!important; margin: 10px 0; } #box_servicos_menu { width: 230px; margin-top: 20px; padding: 0 10px 10px 10px; float: left; } #box_servicos_menu ul li { list-style: none; margin-top: 20px; border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; } #box_servicos_menu ul li a { text-transform: uppercase; color: #006C6C; } .ativo { background: url('../images/icon_serinha.jpg') no-repeat right top; } #box_servicos_detalhes { width: 630px; margin-top: 20px; padding: 0 10px 10px 10px; float: right; } #box_servicos_detalhes img { margin-bottom: 20px; width: 628px; } /* ============================================================================= Clientes ========================================================================== */ #box_clientes { margin-top: 20px; display: table; padding: 0 10px 10px 10px; width: 100%; } #box_clientes h1 { margin-bottom: 30px; } #box_clientes ul li { list-style: none; margin: 20px; width: 200px; float: left; } /* ============================================================================= Contato ========================================================================== */ #box_contato { margin-top: 20px; display: table; padding: 0 10px 10px 10px; width: 100%; } #box_contato h1 { margin-bottom: 30px; } #box_contato form { margin-left: 50px; } #box_contato label { color: #006C6C; width: 100px; float: left; text-align: right; } #box_contato input[type="text"] { width: 300px; margin-left: 10px; float: left; margin-bottom: 30px; } #box_contato textarea { width: 710px; margin-left: 10px; height: 200px; } #box_contato input[type="submit"] { float: right; margin: 20px 100px 0 0; border: none; color: #006C6C; } #box_contato2 { border-top: 2px solid #006767; background: #EEEEEE; margin-top: 20px; display: table; padding: 20px 0; width: 100%; } #box_contato2 dl { float: left; width: 300px; margin: 20px; } #box_contato2 dl h2 { padding: 0; } #box_contato2 dl p { float: left; width: 260px; margin-top: 20px; }