@charset "utf-8";
/* CSS Document */

html{
height: 100%;
}

body{
background-color:#ffba00;
margin:0;
height:100%;
}

#all{
position:relative;
width:100%;
min-height: 100%;
}

*html #all {
height: 100%; /* hack para IE6 que trata height como min-height */
}

#topo{
text-align:center;
float:center;
margin-left:10%;
margin-right:10%;
}

#menu{
background-color:#333333;
height:30px;
width:850px;;
margin: 0 auto;
}

#fundomenu{
width:100%;
background-color:#333333;
}

#menu ul{
list-style: none;
float:left;
margin: 0;
padding:0;
}

#menu ul li {
display:inline;
}

#menu li a {
float:left;
display: block;
padding: 2px 30px;

font-weight:bold;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:20px;
text-decoration: none;
color:#FFFFFF;
}

#menu li a:hover {
float:left;
display: block;
padding: 2px 30px;

font-weight:bold;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:20px;
text-decoration: none;
color:#FFFFFF;
border-bottom:solid #FFFFFF 3px;
}

#fundo{
padding:0;
margin:0;
width:100%;
height:100%;
background-color:#FFFFFF;
}

#paginacao{
position:absolute;
bottom:25px;
width:100%;
}

#meio{
position:relative;
padding:0;
margin:0 auto;
min-height:350px;
height:900px;
width:850px;
padding-bottom:30px;
}

#loja{
position:absolute;
width:350px;
top:5px;
right:5%;
}

#loja h4{
font-family:"Trebuchet MS", Arial;
font-size:17px;
color:#CC0000;
margin:0;
}

#loja h6{
font-family:"Trebuchet MS", Arial;
font-size:11px;
color:#CCCCCC;
margin:0;
}

#loja h5{
font-family:"Trebuchet MS", Arial;
font-size:13px;
color:#999999;
margin:0;
}

#lojaMain h4{
font-family:"Trebuchet MS", Arial;
font-size:17px;
color:#CC0000;
margin:0;
}

#lojaMain h5{
font-family:"Trebuchet MS", Arial;
font-size:13px;
color:#999999;
margin:0;
}

#lojaMain h6{
font-family:"Trebuchet MS", Arial;
font-size:11px;
color:#CCCCCC;
margin:0;
}

.destacar{
background-color:#f2f2f2;
}

.naodestacar{
background-color:#FFFFFF;
}

#sauda{
position:absolute;
width:400px;
top:5px;
left:5%;
}

#conteudo{
position:absolute;
width:800px;
top:5px;
left:5%;
}

#rodape{
position:absolute;
width:100%;
height:110px;
background-color:#333333;
bottom: 0;
}

#rodape a{
text-align:right;
margin-right:10px;
margin-top:10px;
font-family:"Trebuchet MS";
color:#FFFFFF;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

#rodape a:hover{
text-align:right;
margin-right:10px;
margin-top:10px;
font-family:"Trebuchet MS";
color:#FFFFFF;
font-size:11px;
font-weight:normal;
text-decoration:underline;
}

.tituloProd{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing: 0px;
color:#999999;
}

.clique{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing: 0px;
color:#CCCCCC;
}

h1{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:30px;
font-weight:bold;
letter-spacing: -2px;
}

.destaqCat1{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:20px;
font-weight:bold;
letter-spacing: -1px;
}

.destaqCat2{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:18px;
font-weight:bold;
letter-spacing: -1px;
}

h2{
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
letter-spacing: 0px;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
line-height:180%;
}

.rodape1{
text-align:right;
margin-right:10px;
margin-top:10px;
font-family:"Trebuchet MS";
color:#FFFFFF;
font-size:11px;
font-weight:normal;
}

.rodape2{
margin-top:10px;
font-family:"Trebuchet MS";
color:#FFFFFF;
font-size:18px;
font-weight:normal;
}

#rodape a:link{
text-align:right;
margin-right:10px;
margin-top:10px;
font-family:"Trebuchet MS";
color:#FFFFFF;
font-size:11px;
font-weight:normal;
}

a:link{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
}

a:hover{
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
}

a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
}

.estiloALink{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
}

.loja img{
border:#f2f2f2 solid 7px;
}

.conteudoInput{
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.bordaImg{
border:#f2f2f2 solid 7px;
}

.buscar{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#CC0000;
bottom:0;
}

.preco{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#0066CC;
}