﻿/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body{
background: #d0ebf9 url(css/bg_festcolor.jpg) no-repeat top center;
font-family: Arial, Sans-serif;
font-size: 12px;
}
a{
color: #007ecc;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.float_left{
float: left;
}
.cinza{
color: gray;
}

/*** Chapeus*****/
h3.chapeu{
display: block;
height: 48px;
width: 100%;
margin-bottom: 5px;
}
h3.chapeu span{
display: none;
}
h3.busca_lojas{
background: url(css/chapeu_busca_lojas.gif) no-repeat;
}
h3.newsletter{
background: url(css/chapeu_newsletter.gif) no-repeat;
}
h3.jogos{
background: url(css/chapeu_jogos.gif) no-repeat;
}


/*** Chapeus*****/


#conteudo{
width: 945px;
margin: auto;
}
#conteudo #topo{
padding-top: 30px;
}


#conteudo #topo h1 a span{
display: none;
}

#conteudo #topo h1 a{
display: block;
width:200px;
height:125px;
margin-left: 30px;
margin-bottom: 20px;
float: left;
}

/*** MENUS Topo****/

#conteudo #topo #menu_idiomas{
float: right;
margin-top: 100px;
margin-right: 60px;
}

#conteudo #topo #menu_idiomas li{
float: left;
margin-right: 8px;
}
#conteudo #topo #menu_idiomas li img{
margin-right: 4px;
}
#conteudo #topo #menu_idiomas li a{
color: white;
}

#conteudo #topo #menu_principal{
clear: both;
background: url(css/menu.gif) no-repeat;
width: 689px;
height: 33px;
margin-left: 55px;
}
#conteudo #topo #menu_principal li{
float: left;
}
#conteudo #topo #menu_principal li a{
display: block;
height: 33px;
}
#conteudo #topo #menu_principal li a.item01{
width: 78px;
}
#conteudo #topo #menu_principal li a.item02{
width: 111px;
}
#conteudo #topo #menu_principal li a.item03{
width: 132px;
}
#conteudo #topo #menu_principal li a.item04{
width: 104px;
}
#conteudo #topo #menu_principal li a.item05{
width: 137px;
}
#conteudo #topo #menu_principal li a.item06{
width: 125px;
}
#conteudo #topo #menu_principal li a span{
display: none;
}

/*** fim de menus topo*****/


#conteudo #miolo{
margin-top: 25px;
margin-bottom: 20px;
}

#conteudo #miolo #esquerda{
width: 191px;
margin-right: 15px;
float: left;
margin-bottom: 20px;
}

#conteudo #miolo #esquerda #menu_lateral{
background: url(css/menu2.png) no-repeat;
width: 191px;
height: 167px;
margin-bottom: 20px;
}
#conteudo #miolo #esquerda #menu_lateral li a span{
display: none;
}
#conteudo #miolo #esquerda #menu_lateral li a{
display: block;
width: 100%;
height: 50px;
margin-bottom: 8px;
margin-top: 5px;
}
#conteudo #miolo #direita{
width: 719px;
float: left;
margin-bottom: 20px;
}

#conteudo #miolo #direita-internas{
width: 719px;
float: left;
margin-bottom: 20px;
}


#direita-internas{
background-image: url('css/bg-internas-festcolor.png');
background-repeat:no-repeat;
width:590px;
height:800px;
}

#tit-pg{
	padding:30px
}

#conteudo-internas{
width:520px;
height: 700px;
padding:30px;
text-align:justify;
overflow:auto
}

#conteudo #rodape{
clear: both;
}

/* forms esquerda */
input.txt{
height: 12px;
padding: 4px;
font-family: Arial, Sans-serif;
font-size: 12px;
color: #007ecc;
border: 1px solid #007ecc;
}

form#lojas{
background: url(css/box_rosa_lojas.gif) no-repeat;
height: 56px;
padding-top: 15px;
padding-left: 20px;
margin-bottom: 20px;
}
form#lojas input#cep1, form#lojas input#cep2{
float: left;
margin-right: 5px;
margin-top: 10px;
}
form#lojas input#cep1{
width: 60px;
}
form#lojas input#cep2{
width: 23px;
}

.btn_ok{
float: right;
}

form#news{
background: url(css/box_verde_newsletter.gif) no-repeat;
height: 98px;
padding-top: 15px;
padding-left: 20px;
margin-bottom: 20px;
}
form#news input.txt{
width: 100px;
display: block;
}
.margintop8{
margin-top: 8px;
}

/* forms esquerda */
ul#listajogos{
width: 191px;
}
ul#listajogos li{
clear: both;
}
ul#listajogos li a img{
display: block;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

/*--- fim de esquerda---*/

#chamada_principal{
width: 607px;
height: 289px;
margin-bottom: 10px;
}
#chamada_principal a{
display: block;
width: 100%;
height: 238px;
}

#chamada_principal.bg1{                                 /*//// Mudar esta class para trocar a imagem***/
background: url(css/chamada_principal.png) no-repeat;
}

#chamada_principal ul{
float: right;
/*background: url(css/menu_numeros.png) no-repeat;*/
width: 337px;/*137*/
height: 51px;
padding-right: 0px;/*11px*/
}
#chamada_principal ul li a span{
/*display: none;*/
font-size:1.5em;
font-weight:bold;
color:#FFFFFF;
position:absolute;
top:515px;
margin-left:20px;

}
#chamada_principal ul li{
float: left;
background: url(css/bg-numeros.png) no-repeat;
}
#chamada_principal ul li a{
display: block;
height: 51px;
width: 45px;
}

form#buscaprod{
background: url(css/box_amarelo_buscaprod.gif) no-repeat;
height: 67px;
padding: 12px 0px 0px 200px;
}
form#buscaprod h3{
display: none;
}
form#buscaprod select{
width: 195px;
height: 20px;
float: left;
margin-right: 10px;
margin-top: 13px;
}


form#buscaprod_internas{
background: url(css/box_amarelo_buscaprod_internas.gif) no-repeat;
height: 67px;
padding: 12px 0px 0px 100px;
}
form#buscaprod_internas h3{
display: none;
}
form#buscaprod_internas select{
width: 195px;
height: 20px;
float: left;
margin-right: 10px;
margin-top: 13px;
}

ul#prods{
 width:760px

}

ul#prods li{
text-align: center;
float: left;
margin-right: 20px;
width: 170px;
height: 200px;
background: url(css/pont.gif) repeat-x bottom;
margin-bottom: 30px;
}

#prods img{
  margin-top: 10px;
  padding-bottom: 20px

}


div#rodape{
background: #bae2f6 url(css/pont.gif) repeat-x bottom;
padding-bottom: 15px;
margin-bottom: 300px;
text-align: center;
padding-top: 15px;
font-size: 11px;
}


ul#menu_rodape{
background: url(css/menu_rodape.gif) no-repeat;
height: 20px;
margin-bottom: 10px;
width: 802px;
margin-left: 74px;
}
ul#menu_rodape li{
float: left;
}
ul#menu_rodape li a{
display: block;
height: 20px;
}
ul#menu_rodape li a span{
display: none;
}

ul#menu_rodape li a.item01{width: 42px;}
ul#menu_rodape li a.item02{width: 51px;}
ul#menu_rodape li a.item03{width: 73px;}
ul#menu_rodape li a.item04{width: 68px;}
ul#menu_rodape li a.item05{width: 102px;}
ul#menu_rodape li a.item06{width: 62px;}
ul#menu_rodape li a.item07{width: 88px;}
ul#menu_rodape li a.item08{width: 62px;}
ul#menu_rodape li a.item09{width: 131px;}
ul#menu_rodape li a.item10{width: 77px;}
ul#menu_rodape li a.item11{width: 45px;}

#tit-pg{
font-size:18px;
font-weight:bold

}


#tit_depto{
	font-weight: normal;
	color:#666666;
	font-size:12px;
}

#tit_produto{
	font-weight: bold;
	color:#A73D8E;
	font-size: 14px;
}

#tit_detalhes_produto{
	font-weight: bold;
	color:#666666;
	font-size:12px;
}

#txt_detalhes_produto{
	height: 20px
}
