/*
Folha de Estilos - CSS
Projeto: Nova Safra (Genial Box)
Autor: Lucas Gustavo (www.lucasgustavo.com)
Data: 02/2009
*/

@import url("reset.css");

*{
    margin:0;
    padding:0;
    border:none;
}

body{
    margin:0 auto;
    font-family:Verdana;
    font-size:12px;
    color:#78672C;
    _text-align:center;
    background:url(../../imagens/fundo.jpg) no-repeat scroll center top;
}

a{
    cursor:pointer;
    border:none;
    text-decoration:none;
}

br{
    clear:both;
}
#topo_esquerdo { position:absolute; float:left; width:178px; height:218px; top:0; left:0; background:url(../../imagens/topo_esquerdo.png) 0 0 no-repeat; z-index:999; }
#topo_direito { position:absolute; float:right; width:212px; height:231px; top:0; left:0; background:url(../../imagens/topo_direito.png) 0 0 no-repeat; z-index:999; }


#pagina{
    width:930px;
    margin:0 auto;
    _text-align:left;
}

.topo{
    width:930px;
    float:left;
    clear:both;
}

#banner{
    float:left;
    width:922px;
    height:424px;
    clear:both;
    margin-left:0px;
    _position:relative;
    margin-top:50px;
    background:url(../../imagens/banner_fundo.png) no-repeat;
}
#banner_mascara { 
	position: absolute;
	margin-top:2px;
	margin-left:11px;
	width:903px;
	height:404px;
	background:url(../../imagens/banner_mascara.png) 0 0 no-repeat; 
	z-index:2; 
}
#banner img, #banner object{
    position:absolute;
    margin-top:7px;
    margin-left:16px;
	z-index:1;
}

.hackie6{
    _margin-left:-888px !important;
}

#fundo_logo_menu{
    float:left;
    width:238px;
    height:260px;
    background:#FFF;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    -khtml-opacity: 0.4;
    margin-left:30px;
    *margin-left:-900px;
    position:absolute;
    _margin-top:-474px;
    _margin-left:-274px;
	z-index:3;
}

#logo_menu{
    float:left;
    position:absolute;
    _position:relative;
    margin-left:30px;
    *margin-left:-900px;
    _margin-left:16px;
    _margin-top:-474px;
    z-index:90000;
}

#logo_menu #logo{
    float:left;
    width:230px;
    height:100px;
    position:absolute;
    _position:relative;
    z-index:400;
    margin-left:4px;
    *margin-left:-230px;
    _margin-left:0px;
    background:url(../../imagens/bg_logo.jpg) no-repeat;
}

.menu{
    float:left;
    clear:both;
    margin-top:20px;
    _margin-top:-83px;
}

.menu ul{
    float:left;
    list-style:none;
    margin-top:80px;
    margin-left:4px;
    _margin-left:0px;
}

.menu ul li{
    width:230px;
    _width:250px;
    height:25px;
    float:left;
    clear:both;
    margin-bottom:1px;
	*position:relative;
}

.menu ul li a{
    width:210px;
    _width:230px;
    height:19px;
    float:left;
    font-size:11px;
    font-weight:bold;
    padding-top:6px;
    _padding-bottom:6px;
    padding-left:20px;
    _padding-left:20px;
    background:url(../../imagens/menu.jpg) no-repeat;
    color:#FFF;
	*position:relative;
    _position:relative;	
    text-transform:uppercase;
}

.menu ul li a:hover{
    background:#DF8600;
}

.engloba_menu_aberto{
    float:left;
    margin-left:231px;
    *margin-left:-3px;
    _margin-left:-40px !important;
    position:absolute;
    _position:relative;
    z-index:8000;
    margin-top:52px !important;
    _margin-top:32px !important;
    padding:3px;
}

.engloba_menu_aberto02{
    margin-left:470px !important;
    *margin-left:233px !important;
    _margin-left:232px !important;
    _margin-top:-230px !important;
    z-index:70000 !important;
}

.fundo_menu_aberto{
    background:#FFF;
    padding:3px;
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    -khtml-opacity: 0.4;    
    float:left;
    position:absolute;
    _position:relative;
    width:233px;
    _width:239px;
    height:199px;
    _height:224px;
    z-index:7000;
}

.fundo_menu_aberto02{
    width:390px !important;
    _width:413px !important;
    height:199px !important;
    _height:224px !important;
    z-index:10000;
}

.menu_aberto{
    z-index:8000;
    margin-top:0px !important;
    padding-left:4px;
    padding-top:4px;
    _padding-top:0px;
    position:absolute;
    _position:relative;
    _margin-top:-218px;
}

.menu_aberto02{
    padding-left:4px;
    padding-top:4px;
    position:absolute;
    background:#F29200;
    width:384px;
    _width:405px;
    height:193px;
    _height:215px;
    margin-top:4px;
    _margin-top:-221px;
    *margin-left:4px;
    z-index:10000;
}

.menu_aberto02 ul{
    margin-top:4px !important;
}

.menu_aberto02 ul li{
    width:300px !important;
    _width:295px !important;
    height:auto !important;
    margin-bottom:0px !important;
    _margin-bottom:-5px !important;
    _margin-left:3px;
	position:relative;
}

.menu_aberto02 ul li a{
    width:auto !important;
    height:auto !important;
    background:none !important;
    font-size:11px !important;
    padding-left:0 !important;
    padding-top:0 !important;
    text-transform:none !important;
    font-weight:normal !important;
    font-family:Arial;
	position:relative;
}

.menu_aberto02 ul li a:hover{
    text-decoration:underline;
}

.menu_aberto02 h1{
    font-size:14px;
    color:#FFF;
    text-transform:uppercase;
    font-family:Arial;
    margin-top:2px;
    margin-left:4px;
}

.menu_aberto02_left{
    float:left;
    width:95px;
}

.menu_aberto02_right{
    float:left;
    width:260px;
    padding-left:5px;
}

.icon_mais{
    float:left;
    margin-top:170px;
    _margin-top:-16px;
    _margin-left:376px;
}

.menu_aberto ul{
    margin:0px !important;
}

.menu_aberto ul li{
    height:21px !important;
}

.menu_aberto ul li a{
    background:url(../../imagens/bg_menu_aberto.jpg) no-repeat right #DF8600    !important;
    font-weight:normal;
    font-size:10px;
    height:17px;
    font-family:Arial;
    padding-top:4px;
}

.menu_aberto ul li a:hover{
    background:#F29200 !important;
}

.telefone{
    float:right;
    position:absolute;
    _position:relative;
    width:220px;
    margin-left:700px;
    margin-top:15px;
    *margin-left:-230px;
    _margin-left:0px;
    _margin-top:-452px;
}

.telefone span{
    float:left;
    background:url(../../imagens/icon_telefone.jpg) no-repeat left;
    color:#B70000;
    padding-left:28px;
    font-size:20px;
    font-weight:bold;
}

.menu01{
    float:left;
    position:absolute;
    _position:relative;
    margin-left:500px;
    *margin-left:-435px;
    _margin-left:255px;
    _clear:both;
    width:400px;
    margin-top:55px;
    _margin-top:-420px;
    z-index:2000;
}

.menu01 a{
    float:left;
    background:url(../../imagens/bg_menu_01.png) no-repeat;
    width:123px;
    height:20px;
    padding-top:12px;
    _padding-top:6px;
    _padding-bottom:6px;
    padding-left:7px;
    _padding-left:4px;
    color:#817056;
    font-size:11px;
    margin-right:1px;
}

.engloba_menu01_aberto{
    width:130px;
    float:left;
    margin-right:1px;
}

.menu01_aberto{
    background:url(../../imagens/top_menu01_aberto.jpg) no-repeat top #CD7900;
    font-size:11px;
    width:130px;
    float:left;
    padding-bottom:5px;
    padding-top:14px;
    margin-top:4px;
    _margin-top:0px;
}

.menu01_aberto span.top{
    width:130px;
    float:left;
    background:url(../../imagens/top_menu01_aberto.jpg) no-repeat top left;
}

span.bottom{
    width:130px;
    height:5px;
    float:left;
    clear:both;
    background:url(../../imagens/bottom_menu01_aberto.gif) no-repeat top left;
}

.menu01_aberto p{
    color:#FFF;
    font-family:Arial;
    width:100px;
    float:left;
    padding-left:10px;
}

.menu01_aberto a{
    width:14px;
    float:right;
    height:14px;
    margin:0 !important;
    margin-right:5px !important;
    padding:0 !important;
    background:none !important;
}

input.menu01_input{
    float:left;
    clear:both;
    color:#666;
    font-family:Arial;
    font-size:10px;
    border:1px solid #895704;
    background:#FFF;
    margin-left:12px;
    width:105px;
    height:15px;
    padding-top:1px;
    margin-top:10px;
}

input.menu01_botao{
    float:left;
    clear:both;
    margin-top:2px;
    margin-left:12px;
    color:#FFF;
    font-size:10px;
    font-family:Arial;
    background:url(../../imagens/botao.jpg) no-repeat top left;
    width:107px;
    height:21px;
    text-align:center;
    cursor:pointer;
}

.conteudo{
    float:left;
    clear:both;
    width:100%;
    background:url(../../imagens/bg_conteudo.jpg) center top repeat-y;
    padding-bottom:15px;
    *margin-top:-10px;
}

.miolo{
    width:925px;
    margin:0 auto;
}

#left{
    width:265px;
    float:left;
    margin-top:10px;
    padding-left:30px;
    padding-bottom:10px;
}

#right{
    float:right;
    width:585px;
    padding-right:7px;
    padding-bottom:13px;
}

.miolo h1{
    float:left;
	margin-top:10px;
    color:#78672C;
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    _text-align:left;
	clear:both;
}

.miolo h2{
    float:left;
    color:#78672C;
    font-size:18px;
    font-weight:bold;
    width:254px;
    height:30px;
    padding-left:4px;
    text-transform:uppercase;
    _text-align:left;
    background:url(../../imagens/bg_h2.png) no-repeat left;
}

.miolo span{
    float:left;
    width:250px;
    color:#78672C;
    font-size:12px;
    text-align:left;
    margin-left:5px;
    margin-top:10px;
    line-height:16px;
}

.miolo span b, .miolo span b a{
    color:#B70000;
    font-weight:bold;
    width:250px;
    float:left;
    margin-bottom:2px;
	text-decoration:none;
}

.miolo span b a:hover { text-decoration:underline; }

.miolo p{
    float:left;
    color:#78672C;
    font-size:11px;
    text-align:left;
    width:195px;
    margin-top:10px;
    margin-left:20px;
}

#right .content{
    float:left;
    background:url(../../imagens/bg_right.png) no-repeat;
    width:580px;
    padding-top:10px;
    *padding-bottom:5px;
}

#right .content img{
    float:left;
    border:4px solid #F0E9D6;
    margin:5px;
    margin-left:14px;
}

#right .content h3{
    font-size:25px;
    font-weight:bold;
    color:#B70000;
    text-transform:uppercase;
    margin-top:12px;
    text-align:center;
    margin-bottom:8px;
}

#right .content p { float:left; width:200px; display:block; }

.preco{
    float:left;
    width:160px;
    margin-left:25px;
}

.preco a img{
    border:none !important;
    margin:0 !important;
}

.abas{
    float:right;
    margin-top:12px;
    _margin-top:15px;
    margin-right:18px;
    _margin-right:-24px;
    width:425px;
}

.abas a{
    float:left;
    background:url(../../imagens/bg_aba.png) no-repeat;
    width:132px;
    height:19px;
    font-size:11px;
    font-weight:bold;
    color:#78672C;
    _text-align:left;
    padding-top:6px;
    padding-left:8px;
}

.abas a:hover{
    color:#B70000;
}

.abas a.ativo{
    background:url(../../imagens/bg_aba_ativa.png) no-repeat;
    color:#B70000;
}
.img_promocao { width:120px; overflow:hidden; }

#rodape{
    float:left;
    clear:both;
    width:904px;
    _width:930px;
    height:40px;
    padding-left:30px;
    padding-top:25px;
    background:url(../../imagens/bg_rodape.png) no-repeat top left;
}

#rodape p{
    font-family:Arial;
    font-size:10px;
    color:#8D8263;
    float:left;
    width:250px;
    margin:0 !important;
    text-align:left;
}

#rodape a{
    float:right;
    border:none;
    margin-right:30px;
    _margin-right:20px;
    _margin-top:-10px;
}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

.link_red { color:#B70000; }

#mais_noticias { cursor:pointer; float:right; margin-right:10px; *margin-top:-15px; }
/*Fim*/