* {padding:0; margin:0;} body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color:#666;} .align {width: 940px; margin: 0 auto;} .clear {clear: both;} h1 {font-size: 16px; margin: 0 0 5px 0; color: #ED3237;} a {text-decoration: none; color: #666;} a:hover {text-decoration: underline;} /* =================================================================================================================================================== */ /* TOPO ============================================================================================================================================== */ /* =================================================================================================================================================== */ #top {background: #F6F6CC; padding: 25px 0; margin: 0 0 25px 0;} #top .logo {float: left;} #top #busca {float: right; padding: 0px; background: #FFF; width: 246px; height: 26px; padding: 2px; margin: 75px 0 0 0;} #top #busca .buscatx {width:209px; height:19px; padding: 3px 5px; border:none; background:none; float: left; outline: none;} #top #busca .buscabt {display:block; float:right; border:none; background:url(http://www.marinatemperos.com.br/site/images/bt_busca.jpg) no-repeat center center; height:25px; width:25px; cursor:pointer;} #destaque {width: 930px; height: 330px; background: #FFF; float: left; margin: 20px 0 0 0; padding: 5px;} /* =================================================================================================================================================== */ /* MENU ============================================================================================================================================== */ /* =================================================================================================================================================== */ .menubar {width: 940px; background: #43916A; float: left; list-style: none; padding: 1px 0; margin: 15px 0 0 0;} .menu {display: block; cursor: pointer; float: left;} .menu:hover {background: background: #43916A; color: #43916A; } .menulink { padding: 15px 0; float: left; display: block; text-decoration: none; text-align: center; color: #FFF; border-left: 1px solid #43916A; border-right: 1px solid #43916A;} .menulink:hover { text-decoration: none; color: #ED3237; background: #FFF; border-left: 1px solid #43916A; border-right: 1px solid #43916A;} .submenu { padding: 5px 0; margin: 48px 0 0 0; display: none; position: absolute; width: 220px; *margin-left: -97px; color: #FFF; background: #FFF; border: 1px solid #43916A; border-top: none;} .submenu li { padding: 0px 15px; position: relative; list-style: none; border: 0px; display:block !important;} .submenu a { font-size: 13px; display: block; padding: 7px 10px; color: #ED3237; text-decoration: none; border-bottom: 1px solid #43916A;} .submenu a:hover { color: #FFF; background: #43916A;} .menubar li{display:inline;} #menu_info .submenu{ *margin-left: -222px; } #menu_midia .submenu{ *margin-left: -132px;} #menu_info:hover .menulink{background:#FFF; color: #ED3237; } #menu_midia:hover .menulink{background:#FFF; color: #ED3237; } /* =================================================================================================================================================== */ /* MENU LATERAL ====================================================================================================================================== */ /* =================================================================================================================================================== */ #menu_lateral{ list-style:none;} #menu_lateral li{ border-bottom:1px dashed #DCDCD3; padding:5px 0 5px 15px; display:block; background:url(http://www.marinatemperos.com.br/site/images/ic_seta.png) no-repeat 5px center;} #menu_lateral a{ color:#666; text-decoration:none; display: block;} #menu_lateral li:hover{background:url(http://www.marinatemperos.com.br/site/images/ic_seta.png) no-repeat 8px center;} #menu_lateral .ativo{ border-bottom:1px dashed #DCDCD3; padding:5px 0 5px 15px; display:block; background:#43916A url(http://www.marinatemperos.com.br/site/images/ic_seta_ativo.png) no-repeat 5px center;} #menu_lateral .ativo a{color:#FFF;} #menu_lateral .ativo:hover{ background:#43916A url(http://www.marinatemperos.com.br/site/images/ic_seta_ativo.png) no-repeat 8px center;} /* =================================================================================================================================================== */ /* BASE ============================================================================================================================================== */ /* =================================================================================================================================================== */ #base {width: 940px; margin: 20px auto 0 auto; padding: 10px 0; border-top: 1px solid #ccc; font-size: 12px; color: #666;} #base .redes {float: right; margin: 2px;} #base a {text-decoration: none; color: #666;} #base a:hover {text-decoration: underline;} /* =================================================================================================================================================== */ /* HOME ============================================================================================================================================== */ /* =================================================================================================================================================== */ .homecol {width: 300px; min-height: 180px; float: left; font-size: 12px; text-align: justify;} .homecol h1 {text-align: left;} .homecol small{ display:block; color:#43916A; font-weight:bold; font-size:10px; } .saibamais {display:block; padding: 3px 0; font-size: 11px; font-weight: bold; color: #43916A; text-decoration: none;} .saibamais:hover {color: #666; text-decoration: none;} /* =================================================================================================================================================== */ /* QUEM SOMOS ======================================================================================================================================== */ /* =================================================================================================================================================== */ #conttx {text-align: justify;} #colright {float: right; width: 230px; padding: 10px; background: #eee; min-height: 300px; margin: 0 0 0 20px;} #colleft{float: left; width: 150px; padding: 10px; margin: 0 20px 0 0; display:block;} #conttx_publicacoes{ display:block; float:left; width:750px; } /* =================================================================================================================================================== */ /* NOTICIAS ========================================================================================================================================== */ /* =================================================================================================================================================== */ .noticiasth {width: 910px; padding: 15px; margin: 25px auto 0 auto; background: #43916A; font-size: 13px;} .noticiasth h1 {color:#FFF;} .noticiasth small {font-size: 11px; font-weight: bold;} .noticiascol {width: 290px; min-height: 100px; float: left; color: #FFF; text-decoration: none; text-align: justify;} /* =================================================================================================================================================== */ /* CONTATO ========================================================================================================================================== */ /* =================================================================================================================================================== */ #contato-div{ padding-bottom:10px; float:left; width: 430px;} #contato-div span{ display:block; width:75px; float:left; text-align:right; padding-right:10px; padding-top:6px; font-size:12px; line-height: 15px;} #contato-div div{ width:430px; padding-top:5px; padding-bottom:5px; display:table;} #contato-div input[type=text]{ width:320px; padding: 3px; margin-right:5px; font-size:12px; margin-top:3px; margin-bottom:3px;} #contato-div textarea{ width:320px; padding: 3px; margin-right:5px; font-size:12px; margin-top:3px; margin-bottom:3px;} #contato-div select{ width:320px; padding: 3px; margin-right:5px; font-size:12px; margin-top:3px;margin-bottom:3px;} #contato-div input[type=submit]{ background:none; border:none; padding: 5px; margin: 0 15px 0 0; background-color:#43916A; color:#FFF; font-weight: bold; cursor:pointer; float:right;} #contato-div input[type=submit]:hover{ background-color:#666;} #contato-tx { float:left; width: 230px; margin: 0 0 0 15px;} #colright_contato{float: right; width: 450px; padding: 10px; margin: 0 0 0 20px;} /* =================================================================================================================================================== */ /* PAGINAÇÃO ========================================================================================================================================= */ /* =================================================================================================================================================== */ .lista_paginas{width:100%; height:auto; text-align:center; margin-top:20px;} .pagina_anterior_proxima{font-size:12px; text-decoration:none; color:#43916A; margin:0 5px;} .pagina_numero{font-size:12px; padding:3px 8px; border:1px solid #43916A; text-decoration:none; margin:0 2px; color:#43916A;} .pagina_numero:hover{border:1px solid #43916A; background:#43916A; color:#FFF;} .pagina_numero_ativo{border:1px solid #43916A; background:#43916A; font-size:12px; padding:3px 8px; margin:0 2px; color:#FFF; font-weight:bold;} /* =================================================================================================================================================== */ /* PUBLICAÇÕES ======================================================================================================================================= */ /* =================================================================================================================================================== */ .publicacoes_list{display:block; border-bottom:1px dashed #DCDCD3; padding:10px 5px; font-size:12px; text-align:justify; font-weight: bold;} .publicacoes_list:hover{background:#eee; text-decoration:none;} .publicacoes_list:hover img{border:3px solid #43916A;} .publicacoes_list small{ display:block; color:#43916A; font-weight:bold; font-size:10px; } .publicacoes_list img{ border:3px solid #DCDCD3; float:left; margin-right:7px; width:50px;} .thumbs_glr {width: 90px; height:90px; display: block; background-position: center center; border: 3px solid #DCDCD3; float: left; margin: 0 8px 10px 0;} .thumbs_glr:hover {border: 3px solid #43916A;} .conteudo_diverso{ display:block; width:100%; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #DCDCD3;} .pubicacoes{ margin-bottom:10px; text-align: justify;} .pubicacoes .tit_pub{ display:block; font-size:15px;} .pubicacoes .small_pub{ display:block; color: #666;} /* =================================================================================================================================================== */ /* FOTOS ============================================================================================================================================= */ /* =================================================================================================================================================== */ .miniaturaFotos{ width:345px; display:block; float:left; margin:0 10px 10px 0; color: #666; text-decoration:none; padding:10px;} .miniaturaFotos small{ display:block; color: #43916A;} .miniaturaFotos img{ border:3px solid #DCDCD3; float:left; margin:0 5px 0 0; width:90px; } .miniaturaFotos:hover{background:#eee; text-decoration:none;} .miniaturaFotos:hover img{border:3px solid #43916A;} /* =================================================================================================================================================== */ /* PRODUTOS ========================================================================================================================================== */ /* =================================================================================================================================================== */ .produtos_list{display:block; padding:10px 5px; font-size:12px; text-align:left; font-weight: bold; float:left; font-size:14px; width:290px; margin:0 13px 10px 0; min-height:60px;} .produtos_list:hover{background:#eee; text-decoration:none;} .produtos_list:hover img{border:3px solid #43916A;} .produtos_list img{ border:3px solid #43916A; float:left; margin-right:7px; width:50px;}