@import url(cadastro.css); /* CSS Screen para CADASTRO */
@import url(empresa.css); /* CSS Screen para EMPRESA */
@import url(produtos.css); /* CSS Screen para PRODUTOS */
@import url(cesta.css); /* CSS Screen para CESTA */
@import url(contato.css); /* CSS Screen para CONTATO */
/*******************
INICIO DIV GERAL
*******************/
#geral {
position:absolute;
left:50%;
width:750px;
margin-left:-375px;
text-align:center;
border-left:2px solid #336699;
border-right:2px solid #336699;
border-top:2px solid #336699;
border-bottom:2px solid #336699;
background-color:#FFFFFF;
}
body{
font-family:verdana,arial,helvetica,sans-serif;
background-color:#003366;
padding:2px;
margin:2px;
}
/********************
FIM DIV GERAL
*********************/
/********************
INICIO DIV ESQUERDA
*********************/
#esquerda {
width:150px;
float:left;
clear:left;
font:80% Verdana, Arial;
}
/********************
FIM DIV ESQUERDA
*********************/
/********************
INICIO DIV CONTEUDO
*********************/
#conteudo {
margin-left:160px;
margin-right:10px;
height:auto;
}
/********************
FIM DIV CONTEUDO
*********************/
/********************
INICIO CABECALHO
*********************/
#cabecalho{width:750px;height:82px;float:left;}
#cabecalho h1 {
float:left;
background-image:url(../imagens/logo2.gif);
background-repeat:no-repeat;
background-position:left top;
margin-top: 6px;
margin-right: auto;
margin-bottom: 1px;
margin-left: 8px;
text-indent:-5000em;
overflow:hidden;
width:349px;
height:82px;
}
#cabecalho h1 a {display:block; height:82px;}
#menu-rapido{text-align:right;}
#menu-rapido img { 
text-decoration:none; 
border:0;
margin-top:25px;
margin-right:10px;
}
/********************
FIM CABECALHO
*********************/
/********************
INICIO MENU HORIZONTAL
*********************/
#geral-menu-horizontal {width:750px;;float:left;height:auto;}
#menu-horizontal {width:62%;float:left;}
#menu-horizontal ul {
padding:0px;
margin:10px 0 0 0;
float: left;
width:100%;
background-color:#EDEDED;
list-style:none;
}
#menu-horizontal ul li { display: inline;}
#menu-horizontal ul li a {
padding: 2px 10px;
float:left;
background-color:#EDEDED;
color: #333;
text-decoration: none;
border-bottom:3px solid #EDEDED;
font:bold 90% 'Trebuchet Ms', Verdana, Arial, Tahoma;
}
#menu-horizontal ul li a:hover {
background-color:#D6D6D6;
color: #000000;
border-bottom:3px solid #94C304;
font:bold 90% 'Trebuchet Ms', Verdana, Arial, Tahoma;
}
#busca{float:left;height:100%;width:38%;}
#frmbusca{
padding:0px;
margin:10px 0 0 0;
padding-bottom:1px;
background-color:#EDEDED;
vertical-align:middle;
}
#frmbusca label {color:#000000;font:90% 'Trebuchet Ms', Verdana, Arial, Tahoma;}
#frmbusca #palavra{font:80% Verdana, Arial, Tahoma;}
/********************
FIM MENU HORIZONTAL
*********************/
/***************************
INICIO MENU ESQUERDO LATERAL
***************************/
.produtos {
text-align:left;
color:white;
font:110% 'Trebuchet ms', Verdana, Arial, Tahoma;
text-transform:uppercase;
background:url(../imagens/tit-fundo2.png) repeat-X;
padding:4px 10px 4px;
margin:10px 0 1px 0;
width:130px;
}
.menu {
width:150px;
margin:0;
padding:0;
list-style-type:none;
text-align:left;
}
.menu  li {
text-align:left;
padding:5px 2px;
background:url(../imagens/pontinhos.png) repeat-X left top;
}
.menu li a:link, .menu li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#EA5E00;
border-left:8px solid #FF9900;
padding-left:5px;
}
.menu li a:hover {
color:#000000;
text-decoration:underline;
border-left:8px solid #94C804;
}
/***************************
FIM MENU ESQUERDO LATERAL
***************************/
/***************************
INICIO DA DIV conteudo-barra-titulo
***************************/
#conteudo-barra-titulo { /* SERVE PARA TODO O SITE, POIS INDICA EM QUAL SESSAO O CLIENTE SE ENCONTRA */
font:90% 'Trebuchet ms', Verdana, Arial, Tahoma;
text-transform:uppercase;
padding:5px 10px 5px;
margin-top:10px;
text-align:left;
float:left;
width:560px;
background:url(../imagens/degrade-promo.gif) repeat-x left top;
color:#587509;
}
/***************************
FINAL DA DIV conteudo-barra-titulo
***************************/
/***************************
INICIO DOS DESTAQUES
***************************/
#destaques {width:auto;margin:0 auto;}
#destaques div {float:left;width:50%;}
#destaques div h3 {
font:bold 95% Arial, Helvetica, sans-serif;
color:#777;
text-transform:uppercase;
}
#destaques div#destaque-3, #destaques div#destaque-4 {padding:20px 0 0 0 ;}
#destaques img {text-decoration:none;border:0;}
/***************************
FIM DESTAQUES
***************************/
/***************************
INICIO DA DIV RODAPE
***************************/
#rodape {clear:both;padding:15px 0 25px;}
#rodape address {color:#BABABA;font:bold 70% Arial, Verdana, Tahoma, Sans-Serif;}
/***************************
FIM DA DIV RODAPE
***************************/
#carregando {
text-align:center;
vertical-align:middle;
font:bold 90% 'Trebuchet Ms', Verdana, Aria, Tahoma;
}