/* Theme Name: Thallita Moveis v1.0 Theme URI: http://www.cssmix.com.br Description: Template para Thallita Moveis Version: 1.0 Author: CSSMix Author URI: http://www.cssmix.com.br Tags: wood, cool */ /*====================INDICE==================== 1. Reset 2. Geral 3. Topo 4. Conteudo 5. Rodape 6. Paginas 6.1 - Empresa 6.2 - Produtos 6.3 - Contato 7. - Erro 404 8 - Arquivo =============================================*/ /* ========================================== 1. Reset ============================================*/ * { padding:0; margin:0; text-decoration:none; list-style:none; vertical-align:baseline; border:none; font:normal 12px Trebuchet Ms, Helvetica, sans-serif; /*outline:0;*/} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden; } .clearfix {display:inline;} * html .clearfix {height: 1%;} .clearfix {display: block;} /* ========================================== 2. Geral ============================================*/ body {background:url(images/back.jpg) top left repeat;} strong {font-weight:bold; background:#5C2F12; padding:0 3px; color:#fff;} a {color:#5C2F12; text-decoration:underline; } a:hover {} em {font-style:italic; } #page {width:920px; margin:0 auto;} /* ========================================== 3. Topo ============================================*/ #header {width:100%; height:105px; background:url(images/top.png) top left repeat; margin:10px 0 15px 0;} #header h1 {background:url(images/thalita.png) 2% 50% no-repeat;} #header h1 a { text-indent:-9999px; display:block; overflow:hidden; width:100%; height:105px; text-decoration:none; } #destaque {width:100%; height:325px; background:url(images/sombradestaque.png) bottom center no-repeat;} #nav {width:100%; height:50px; background:url(images/top.png) top left repeat; margin:0 0 15px 0;} #nav ul {color:#fff; height:35px; margin:0 0 0 90px;} #nav ul li {float:left; display:inline; margin:13px 0 0 0;} #nav ul li a {display:block; color:#fff; padding:0 20px; font-size:18px; text-decoration:none; } #nav ul li a:hover {color:#FFF500;} /* ========================================== 4. Conteudo ============================================*/ #content {width:890px; padding:15px; background:#fff; margin:0 0 15px 0;} #content .post {margin:0 0 15px;} #content .post h2 {border-bottom:2px solid #5C2F12; margin:0 0 15px 0;} #content .post h2 a {font:bold 16px "Avant Garde", "Century Gothic", sans-serif; display:block; text-decoration:none; } #content .post h2 a:hover {padding:0 0 0 5px; } #content .post p {line-height:1.5em; margin:0 0 15px 0; text-align:justify;} #content .post p a {font-weight:bold;} #content .post .entry h3 {border:none; font: bold 1.6em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 15px 0;} #content .post .entry h4 {border:none; font: bold 1.3em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 12px 0;} #content .post .entry h5 {border:none; font: bold 1em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 10px 0;} #content .post .entry h6 {border:none; font: bold 0.7em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 7px 0;} #content .post .entry img.centered {display: block; margin-left: auto; margin-right: auto; } #content .post .entry img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;} #content .post .entry img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;} .alignright {float: right;} .alignleft {float: left;} #content .post .entry blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #5C2F12;} #content .post .entry acronym, abbr, span.caps { cursor: help; } #content .post .entry acronym, abbr { border-bottom: 1px dashed #999; } #content .post .entry ul {padding: 0 0 0 35px; margin:10px 0;} #content .post .entry ul li {margin: 0;} #content .post .entry ol {padding: 0 0 0 35px; margin:10px 0;} #content .post .entry ol li {list-style: decimal outside;} #content #amb { border:1px solid #ccc; width:703px; height:385px; float:left; margin-left:20px; text-align:center; padding-top:10px; } #content #amb img { } #content .menu-amb { float:left; margin:10px 0 0 0; } #content .menu-amb li {margin:0 0 20px 0; text-transform:uppercase; background:url(images/marker.gif) left 6px no-repeat; padding:0 0 0 13px; } #content .menu-amb li a { color:#999; text-decoration:none; font:bold 14px Verdana, Arial, Helvetica, sans-serif; } #content .menu-amb li a:hover { color:#DE6327; } /* ========================================== 5. Rodape ============================================*/ #footer {clear:both; color:#fff; height:50px;} #footer a {float:right; text-decoration:none; } #footer p {float:left;} /* ========================================== 6. Paginas ============================================*/ /* 6.1 Empresa ===========================*/ #content #empresa {width:480px; float:left; margin-left:15px; margin-top:20px;} #content #pics-empresa { width:330px; float:left; margin-left:60px; } #content #pics-empresa img { margin-bottom:40px; } /* 6.2 Produtos ===========================*/ .produtos {margin:0 !important; padding:0 !important;} .produtos li {display:inline; width:170px; height:190px; background:#F2F2F2; border:1px solid #999; float:left; margin:10px 60px !important;} .produtos li a {display:block; text-decoration:none; text-align:center; width:170px; height:175px; padding:15px 0 0 0; font:bold 16px Arial, Verdana, Helvetica, Sans-serif;} .produtos li a img {margin:15px 0 0 0;} .galleria{float:left; width:315px; margin:0 !important; padding:0 !important;} .galleria li{display:block; width:68px;height:50px; overflow:hidden; float:left; border:2px solid #411F0B; margin:3px !important;} .galleria li a{display:none;} .galleria li div{position:absolute; display:none; top:0; left:180px;} .galleria li div img{cursor:pointer;} .galleria li.active div img,.galleria li.active div{display:block;} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;} .galleria li .caption{display:block;padding-top:.5em;} * html .galleria li div span{width:400px;} /* MSIE bug */ .galleria_container {float:right; } img.replaced {padding:5px; border:3px double #411F0B;} /* 6.3 Contato ===========================*/ .googleMap {margin:0 auto !important;} /* ========================================== 7. Erro 404 ============================================*/ .center { text-align: center; } /* ========================================== 8. Arquivo ============================================*/ #content h2.pagetitle { text-align:center; font:bold 16px "Avant Garde", "Century Gothic", sans-serif; margin:0 0 15px 0;} #content .post small {font-size:9px; color:#666; margin:3px 0 15px 0; display:block;} #content .post h3 {border-bottom:2px solid #5C2F12;} #content .post h3 a { font:bold 16px "Avant Garde", "Century Gothic", sans-serif; display:block; width:600px; text-decoration:none; } #content .post h3 a:hover {padding:0 0 0 5px;}