@charset "utf-8";
/* CSS Document */
body{
background:url(imagens/fundo.jpg) repeat-x;
background-position:top;
background-color:#000000;
}
*{
margin:auto;
font-family:Arial, Helvetica, sans-serif;
}
img{
border:0px;
}
h2{
background:url(imagens/fd_titulo.jpg) repeat-x;
width:608px;
height:52px;
font-size:14px;
font-weight:bold;
color:#5d5d5d;
margin:0px;
padding:0px;
padding-top:8px;
padding-left:5px;
}
#tituloHome{
background-position:0 18px;
height:70px;
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5d5d5d;
margin:0px;
padding:0px;
text-align:left;
text-decoration:none;
line-height:14px;
margin-top:8px;
}
.titulo_menu{
color:#ff5000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0px;
text-align:left;
text-decoration:none;
padding:6px 0px 0px 15px;
}
.texto_menu{
color:#525252;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
text-align:left;
text-decoration:none;
padding:6px 0px 0px 15px;
}
.arial16{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#525252;
text-align:left;
text-decoration:none;
margin:0px;
padding:0px;
}
.texto_galeria,.link_11_cinza{
color:#4F4F4F;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
text-align:center;
text-decoration:none;
margin:0px;
padding:0px;
}
.link_11_cinza:hover{
text-decoration:underline;
}
.texto_galeriaver{
color:#ad0e1c;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
text-align:center;
text-decoration:none;
margin:0px;
padding:0px;
padding-top:5px;
}
.titulos_rodape{
font-family:Arial, Helvetica, sans-serif;
color:#1d1d1c;
font-size:12px;
text-align:left;
text-decoration:none;
font-weight:bold;
margin:0px;
padding:0px;
}
.link_azul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4da3da;
text-align:left;
text-decoration:none;
line-height:14px;
padding:0px;
margin:0px;
}
.link_azul:hover{
text-decoration:underline;
}
.texto_laranja_12,.link_laranja{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fe5001;
text-align:left;
text-decoration:none;
line-height:14px;
padding:0px;
margin:0px;
}
.link_laranja:hover{
text-decoration:underline;
}
#site{
width:1000px;
}
#geral{
width:1000px;
float:left;
}
#topo{
width:1000px;
float:left;
}
#miolo{
width:1000px;
float:left;
background:url(imagens/fd_home.jpg) repeat-y;
margin-top:-4px;
padding-bottom:20px;
}
#rodape{
background:url(imagens/fd_rodape.jpg) repeat-x;
background-position:center;
height:561px;
width:100%;
clear:both
}
#rodape_int{
width:1000px;
height:541px;
position:relative;
top:-3px;
background-color:white;
}
/*******************************
********************************
			TOPO
********************************
*******************************/
#topo01{
width:1000px;
float:left;
}
#topo01 ul{
float:right;
margin:0px;
padding:0px 25px 0px 0px;
}
#topo01 ul li{
float: left;
padding:10px 2px 0px 2px;
}
#topo01 ul li a{
color:#ff5000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
text-decoration:none;
*position:relative;
*top:2px;
}
#topo01 ul li a:hover{
text-decoration:underline;
}
#topo02{
height:190px;
width:1000px;
float:left;
margin-top:15px;
background:url(imagens/fd_topo.jpg) repeat-x;
}
#topo02 img{
margin:25px 0px 0px 15px;
padding:0px;
}
#topo03{
width:1000px;
float:left;
}
/*******************************
********************************
			HOME
********************************
*******************************/
#esq{
width:178px;
float:left;
margin-top:8px;
}
#centro{
width:600px;
float:left;
padding:0px;
margin-left:20px;
margin-top:8px;
}
#dir{
width:178px;
float:right;
margin-top:8px;
}
/*******************************
********************************
			CENTRO
********************************
*******************************/
.gal_prod{
width:600px;
float:left;
margin:0px;
padding:0px;
margin-left:8px;
}
.gal_prod li{
float:left;
width:185px;
margin-right:12px;
text-align:center;
margin-bottom:30px;
}
.gal_prod li h2{
width:185px;
float:left;
margin:0;
padding:0;
text-align:center;
background:none;
font-weight:normal;
}
.gal_prodPreco{
width:100%;
float:left;
margin:0;
padding:0;
}
.gal_prodPreco p{
background:url(imagens/fd_valor.jpg); 
background-repeat:no-repeat;
color:#ad0e1c;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
min-height:35px;
width:108px;
margin-left:40px;
text-align:center;
margin-top:5px;
margin-bottom:0;
}
.gal_prodPreco p span{
font-size:10px;
}
.gal_prodValidade{
margin:0;
padding:0;
width:100%;
float:left;
text-align:center;
}
/*******************************
********************************
			MENU
********************************
*******************************/
#menu01{
width:178px;
float:left;
}
#menu01a{
background:url(imagens/fd_menu01.jpg) repeat-x;
height:36px;
}
#menu01b{
width:178px;
background: url(imagens/fd_menu02.jpg) repeat-y;
float:left;
}
#menu01c{
width:178px;
margin-top:-2px;
*margin-top:-3px;
float:left;
}
#menu02{
width:178px;
float:left;
margin-top:20px;
}
#menu02a{
background:url(imagens/fd_menu01.jpg) repeat-x;
height:36px;
}
.menu02b{
width:178px;
float:left;
}
.menu02b ul{
margin:0px;
padding:0px;
width:178px;
background: url(imagens/fd_menu02.jpg) repeat-y;
float:left;
}
.menu02b ul li{
margin:0px;
padding:3px 0px 0px 20px;
background:none;
float:left;
width:140px;
margin-left:15px;
}

.menu02b ul .imgMenu{
background: url(imagens/seta_menu.jpg);
background-repeat:no-repeat;
background-position:0 5px;
}
.menu02b ul .imgMenu2{
background: url(imagens/seta_menu_aberta.jpg);
background-repeat:no-repeat;
background-position:0 10px;
}


.menu02b ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#525252;
text-align:left;
text-decoration:none;
}
.menu02b ul li a:hover{
text-decoration:underline;
}
.menu02b ul li img{
position:relative;
top:2px;
margin:0px;
padding-right:4px;
}

.menu02b ul li h3{
font-weight:normal;
width:132px;
float:left;
margin:0 0 0 8px;
padding:0;
line-height:18px;
}
.menu02b ul li h3 a{
color:#FE5102;
}

#menu02c{
width:178px;
margin-top:-2px;
*margin-top:-3px;
float:left;
}
#menu03{
width:178px;
float:left;
margin-top:20px;
}
#menu03a{
background:url(imagens/fd_menu01.jpg) repeat-x;
height:36px;
}
#menu03b{
width:178px;
float:left;
}
#menu03b ul{
margin:0px;
padding:0px;
width:178px;
background: url(imagens/fd_menu02.jpg) repeat-y;
}
#menu03b ul li{
margin:0px;
padding:3px 0px 0px 15px;
}
#menu03b ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#525252;
text-align:left;
text-decoration:none;
}
#menu03b ul li a:hover{
text-decoration:underline;
}
#menu03b ul li img{
position:relative;
top:2px;
margin:0px;
padding-right:4px;
}
#menu03c{
width:178px;
margin-top:-2px;
*margin-top:-3px;
float:left;
}

/*******************************
********************************
			DIREITA
********************************
*******************************/
#dir01{
width:178px;
background:url(imagens/atendimento-online.jpg) repeat-x;
height:84px;
float:right;
}
#dir02{
width:178px;
float:right;
margin-bottom:20px;
}
#dir02a{
background: url(imagens/fd-ld-dir01.jpg) repeat-x;
height:34px;
}
#dir02b{
width:178px;
background:url(imagens/fd-ld-dir02.jpg) repeat-y;
float:left;
}
#dir02c{
width:178px;
margin-top:-3px;
*margin-top:-4px;
float: right;
}
#dir03{
width:178px;
float:right;
margin-top:20px;
}
#dir03a{
background: url(imagens/fd-ld-dir01.jpg) repeat-x;
height:34px;
}
#dir03b{
width:178px;
background:url(imagens/fd-ld-dir02.jpg) repeat-y;
}
#dir03c{
width:178px;
margin-top:-3px;
*margin-top:-4px;
float: right;
}
#dir04{
float:right;
width:178px;
margin-top:18px;
}
#dir05{
width:178px;
float:right;
margin-top:22px;
}
#dir05a{
background: url(imagens/fd-ld-dir01.jpg) repeat-x;
height:34px;
}
#dir05b{
width:178px;
background:url(imagens/fd-ld-dir02.jpg) repeat-y;
}
#dir05b ul{
margin:0px;
padding:0px;
width:178px;
background: url(imagens/fd_menu02.jpg) repeat-y;
}
#dir05b ul li{
margin:0px;
padding:3px 0px 0px 15px;
}
#dir05b ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#525252;
text-align:left;
text-decoration:none;
}
#dir05b ul li a:hover{
text-decoration:underline;
}
#dir05b ul li img{
position:relative;
top:2px;
margin:0px;
padding-right:4px;
}
#dir05c{
width:178px;
margin-top:-3px;
*margin-top:-4px;
float: right;
}
#produtoCesta{
width:170px;
float:left;
padding-left:8px;
padding-bottom:28px;
background:url(imagens/curvacarrinho.jpg);
background-repeat:no-repeat;
background-position:bottom;
color:#4b4b4b;
font-size:11px;
}
#produtoCesta img{
width:56px;
margin-left:55px;
margin-bottom:10px;
border:#4b4b4b 1px solid;
}
#produtoCesta strong,#numItensCesta strong,#numItensCesta a{
color:#4b4b4b;
font-size:11px;
}
#numItensCesta{
padding-left:8px;
float:left;
padding-top:5px;
}

#numItensCesta a:hover{
text-decoration:underline;
}
#produtoCesta p{
position:relative;
width:100%;
float:left;
margin-top:10px;
}

#produtoCesta input[type='image']{
position:absolute;
top:0px;
left:80px;
}

/*******************************
********************************
			RODAPE
********************************
*******************************/
#rodape01{
	background-color: white;
    background-image: url("imagens/bg-rodape1.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 235px;
    width: 1000px;
}
#rodape01 ul {
margin:0px;
padding:0px;
}
#rodape01 ul li{
float:left;
margin-right:16px;
}
/*#rodape01 ul li img{
border:1px #CCCCCC solid;
}*/
#rodape02{
background-image: url("imagens/bg-rodape2.jpg");
    background-repeat: no-repeat;
    float: left;
    width: 1000px;
	height:140px;
}
#rodape02 ul{
margin:0px;
padding:0px;
}
#rodape02 ul li{
	float: left;
	margin-left: 20px;
	}
#rodape02 ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4e4e4e;
text-align:left;
text-decoration:none;
}
#rodape02 ul li a:hover{
text-decoration:underline;
}
#rodape03{
	float: left;
	margin-top: 5px;
	width: 750px;
}
#rodape03a{
	float: left;
	margin: 30px 0 0 130px;
	padding: 0;
	width: 205px;
	*margin:45px 0px 0px 130px;
}
#rodape03b{
	float: left;
	margin: 30px 0 0 126px;
	padding: 0;
	width: 205px;
	*margin:45px 0px 0px 126px;
}
#rodape04{
	background-color: #FFFFFF;
    background-image: url("imagens/bg-rodape3.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    height: 110px;
    padding-top: 15px;
    width: 1000px;
}
#rodape04 p{
text-decoration:none;
}
#rodape05{
width:110px;
float:right;
margin-top:-50px;
}

/*alerts*/
#modalContainer {
background-color:transparent;
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:10000;

}
#alertBox {
position:relative;
width:280px;
min-height:100px;
margin-top:50px;
border:#CCC 2px solid;
background-color:#F2F5F6;
background-image:url(alert.png);
background-repeat:no-repeat;
background-position:20px 30px;
}
#modalContainer > #alertBox {
	position:fixed;
}
#alertBox h1 {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(imagens/caixa_atencao.jpg);
color:#FFF;
border-bottom:1px solid #CCC;
padding:5px 7px 2px 10px;
height:20px;
font-weight:normal;
}
#alertBox p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
padding-top:10px;
margin-left:55px;
float:left;
width:200px;
color:#000000;
}
#alertBox #closeBtn,#cancelBtn {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
position:absolute;
margin:5px auto;
padding:3px;
border:#CCC 1px solid;
width:70px;
text-transform:uppercase;
text-align:center;
color:#FFF;
background-color:#E74B01;
text-decoration:none;
top:70px;
left:100px;
}
#cancelBtn{
left:165px;
}
#alertBox #imgAlert{
position:absolute;
top:35px;
left:15px;
}
.fundoOpaco{
filter: alpha(opacity=40);
moz-opacity:0.40;
opacity:0.40;	
float:left;
background:#000000;
left:0;
top:0;
z-index:100;
position:absolute;
font-size:11px;
}

#caixaAlertaJavascript{
width:400px;
float:left;
position:fixed;
z-index:110;
top:0;
}
#topoAlertFalse,#topoAlertTrue{
width:400px;
float:left;
height:90px;
background-repeat:no-repeat;
}
#topoAlertFalse{
background:url(imagens/topoalerta.png);
}
#topoAlertTrue{
background:url(imagens/topocheck.png);
}
#textoAlert{
background:url(imagens/meio.png);
background-repeat:repeat-y;
width:274px;
float:left;
padding:20px 63px 35px 63px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}
#rodapeAlert{
width:400px;
float:left;
height:18px;
background:url(imagens/fundo.png);
background-repeat:no-repeat;
margin:0;
position:relative;
}
#rodapeAlert button{
width:94px;
height:40px;
position:absolute;
left:153px;
top:-10px;
cursor:pointer;
border:none;
}
#rodapeAlert .fechar{
background:url(imagens/fechar.png);
}
#rodapeAlert .ok{
background:url(imagens/ok.png);
}
/*FIM ALERTS*/

.div_alerta{
width:400px;
min-height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-align:center;
padding-bottom:30px;
padding-top:10px;
margin-top:70px;
margin-bottom:70px;
border:1px solid #E74B01;
background-color:#f4f2e8;
color:#E74B01;
line-height:17px;
}
.div_alerta img{
position:relative;
top:7px;
margin-right:5px;
}
.div_alerta a{
margin-top:25px;
}
.div_alertIcone{
width:75px;
float:left;
}
.div_alertMensagem{
width:315px;
float:left;
margin-bottom:15px;
text-align:left;
line-height:19px;
}

/*******************
*********************/

#cesta_login1,.cesta_login1{
font-family:Arial, Helvetica, sans-serif;
width:300px;
float:left;
margin-right:15px;
padding-left:80px;
margin-bottom:15px;
margin-top:15px;
}
#cesta_login2{
width:300px;
float:left;
padding-right: 15px;
margin-bottom:15px;
margin-left:15px;
margin-top:15px;
}
.cesta_titulo_login1{
width:290px;
float:left;
background:#E74B01;
height:23px;
color:#FFFFFF;
font-size:14px;
padding-top:9px;
padding-left:10px;
font-weight:bold;
}
.cesta_titulo_login2{
width:290px;
float:left;
background:#E74B01;
height:23px;
color:#FFFFFF;
font-size:14px;
padding-top:9px;
padding-left:10px;
font-weight:bold;
}
#cesta_cadastrado,.cesta_cadastrado{
width:288px;
float:left;
padding-left:10px;
background:#f4f2e8;
height:95px;
padding-top:6px;
padding-bottom:10px;
}
#cesta_cadastrado p,.cesta_cadastrado p{
line-height:25px;
}


#cesta_cadastradoN{
width:298px;
float:left;
background:#f4f2e8;
height:30px;
padding-top:30px;
padding-bottom:30px;
text-align:center;
}

#cesta_cadastrado #esqueciSenha{
width:175px;
float:left;
padding-top:4px;
margin-left:20px;
}
#cesta_cadastrado #btnLoginEntrar{
margin-right:20px;	
}

#conteudo_cesta{
width:800px;
margin-top:15px;
margin-bottom:15px;
padding-left: 15px;
padding-right: 15px;
margin-left:auto;
margin-right:auto;
color:#606060;
font-size:12px;
}

/*************************************
**************************************
		CADASTRO E CESTA
**************************************
*************************************/
.div_caixa_painel{
font-family:Arial, Helvetica, sans-serif;
width:470px;
margin:0px;
padding:0px;
background-color:#f4f2e8;
margin-left:10px;
margin-bottom:20px;
padding:10px;
padding-left:30px;
overflow:hidden;
}

.ul_caixa_painel{
width:560px;
margin:0px;
padding:0px;
list-style:none;
text-align:left;
font-size:12px;
color:#000000;
font-weight:bold;
float:left;
}

.ul_caixa_painel li{
background:#E74B01;
margin-right:10px;
width:100px;
height:30px;
text-align:center;
padding-top:5px;
float:left;
margin-right:20px;
}

.ul_caixa_painel li a{
display:block;
color:#FFFFFF;
}

.ul_caixa_painel li a:hover{
text-decoration:underline;
}

.cadastro h2{
font-family:Arial, Helvetica, sans-serif;
color:#0B66CD;
font-size:15px;
margin-top:10px;
margin-bottom:5px;
padding-left:15px;
font-weight:bold;
}
.cadastro p{
padding:0px 0px 10px 25px;
}
input[type='text'], input[type='password'], select, textarea{
color:#4b4b4b; 
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
float:left;
color:#FF7A23;
margin-bottom:6px;
padding:5px 30px 6px 0px;
width:527px;
}

.h3_lista_casa{
background:#E74B01;
color:#FFFFFF;
font-size:12px;
padding-top:7px;
width:300px;
min-height:10px;
font-weight:bold;
margin-left:25px;
padding-left:10px;
margin-bottom:0;
float:left;
}
.div_caixa_lista{
width:320px;
text-align:left;
background-color:#f4f2e8;
margin-bottom:20px;
padding:10px;
margin-left:25px;
margin-top:0;
float:left;
}

.div_caixa_lista p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
color:#2b2b2b;
padding:0;
margin:0;
}

.p_com_img{
margin-top:7px;
text-align:right;
width:95%;
float:left;
}
.p_com_img_cesta1{
width:40%;
float:left;
padding-left:15px;
text-align:left;
}
.p_com_img_cesta2{
width:40%;
padding-right:10px;
float:left;
text-align:right;
}
/*********************************************** cesta ********************************************************/
.cesta_produtos{
width:576px;
float:left;
background-color:#ECEFF1;
}
.cesta_titulo{
width:566px;
float:left;
background:#FF5000;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
padding-top:7px;
padding-bottom:7px;
padding-left:10px;
font-weight:bold;
}
.cesta_lista{
width:560px;
float:left;
background:#FFFFFF;
padding-left:3px;
padding-top:10px;
padding-bottom:10px;
margin:5px;
}
.cesta_tit_produto{
width:155px;
float:left;
}
.cesta_produtoList{
width:450px;
float:left;
}
.cesta_produtoList a{
color:#4b4b4b;
}
.cesta_produtoList a:hover{
text-decoration:underline;
}
.cesta_tit_quantidade{
width:110px;
float:left;
text-align:center;
}
.cesta_tit_valorU{
width:110px;
float:left;
text-align:center;
}
.cesta_tit_valorT{
width:100px;
float:left;
text-align:center;
}
.cesta_list_produto{
width:100%;
float:left;
font-size:13px;
color:#4b4b4b;
line-height:17px;
}
.cesta_list_quantidade{
width:125px;
float:left;
padding-right:5px;
margin-left:150px;
text-align:center;
}
.cesta_list_valorU{
width:110px;
float:left;
font-size:13px;
color:#4b4b4b;
text-align:center;
}
.cesta_list_valorT{
width:100px;
float:left;
font-size:13px;
color:#4b4b4b;
text-align:center;
}
.cesta_list_reti{
width:50px;
float:left;
height:30px;;
text-align:center;
background:#EAEAEA;
padding-left:5px;
padding-right:5px;
padding-top:15px;
padding-bottom:15px;
}
.cesta_list_reti a{
color:#606060;
}
.cesta_foto_mini{
width:95px;
float:left;
text-align:center;
margin-top:auto;
}
.cesta_foto_mini img{
width:80px;
}
.cesta_produto_tit{
width:90px;
float:left;
padding-right:3px;
padding-left:2px;
line-height:15px;
}

.cesta_calculo{
width:560px;
float:left;
padding-left:3px;
padding-top:5px;
padding-bottom:10px;
margin:5px;
margin-top:15px;
}
.cesta_frete{
width:350px;
float:left;
margin-left:5px;
margin-top:5px;
}
.cesta_total{
width:200px;
float:left;
margin-top:5px;
font-size:12px;
color:#4b4b4b;
font-family:Arial, Helvetica, sans-serif;
}
.cesta_total input{
border:none;
width:100px;
font-weight:bold;
text-align:right;
padding-right:0px;
background:#f0f0f0;
}
.cest_cep1{
width:240px;
float:left
}
.cesta_cep2{
width:95px;
float:left;
position:relative;
}
.cesta_cep2 input[type='image']{
position:absolute;
top:-4px;
}
.cesta_cep3{
width:320px;
float:left;
line-height:20px;
margin-top:5px;
padding-left:30px;
}
.cesta_total_txt{
width:90px;
float:left;
margin-top:5px;
}
.cesta_total_val{
width:100px;
float:left;
margin-top:5px;
}
.cesta_sem_prod{
width:560px;
float:left;
font-size:14px;
color:#ba5730;
text-align:center;
padding-left:3px;
padding-top:10px;
padding-bottom:10px;
padding-bottom:10px;
margin:5px;
}
.cesta_botoes{
width:563px;
float:left;
padding-top:5px;
padding-bottom:10px;
margin:5px;
margin-top:10px;
}

.cesta_continuar{
width:283px;
float:left;
}
.cesta_finalizar{
width:280px;
float:left;
text-align:right;
}

/**************************
******************Paginação
**************************/
#paginacao{
float:left;
width:100%;
padding:0px;
margin:0px;
margin-top:15px;
text-align:center;

}

#paginacao a{
padding:3px 7px 3px 7px;
color:#525252;
text-decoration:none;
}

#paginacao a:hover{
text-decoration:underline;
}

#paginacao span{
padding:3px 7px 3px 7px;
background-color:#FE5102;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

#paginacao .antprox{
color:#525252;
}

/*  estilo dos selects personalizados */
.selectPersonalizado{
position:relative;
height:30px;
float:left;
width:100%;
}
.selectPersonalizado .caixaTextSelect{
background:url(imagens/fd_caixa.jpg);
background-repeat:no-repeat;
width:150px;
height:15px;
padding-top:3px;
padding-left:8px;
position:absolute;
top:10px;
left:13px;
margin-top:0;
display:none;
}
.selectPersonalizado .caixaTextSelect .inputSelect{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border:none;
background:#FFFFFF;
cursor:default;
}
.listSelect{
width:150px;
position:absolute;
z-index:10;
overflow:hidden;
float:left;
top:30px;
left:15px;
display:none;
margin:0;
padding:0;
padding-top:2px;
padding-bottom:2px;
}
.selectPersonalizado .option{
cursor:pointer;
}
.selectPersonalizado .listSelect li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:3px 5px 3px 5px;
float:left;
width:138px;
border-left:#000000 1px solid;
border-right:#000000 1px solid;
background:#FFFFFF;

}
.selectOff{
background:#FFFFFF;
color:#000000;
}
.selectOn{
background:#000000;
color:#FFFFFF;
}
.btnOpenSelect{
position:absolute;
left:148px;
top:10px;
cursor:pointer;
display:none;
}
.selectPersonalizado .listSelect .topoSelect{
border:none;background:url(imagens/toposelecao.png);
background-repeat:no-repeat;
height:10px;
margin:0;
padding:0;
width:150px;
margin-top:6px;
}
.selectPersonalizado .listSelect .rodapeSelect{
border:none;background:url(imagens/fundoselecao.png);background-repeat:no-repeat;height:10px;margin:0;padding:0;width:150px;
}
#fundoSelect{
background:none;
filter: alpha(opacity=100);
moz-opacity:0.1;
opacity:0.1;	
float:left;
left:0;
top:0;
z-index:2;
position:absolute;
display:none;
}

.cadastro p{
line-height:22px;
margin:0;
padding:0;
margin-bottom:8px;
}
.fundoInput400, .fundoInput180, .fundoInput42, .fundoInput132{
height:20px;
padding-left:8px;
border:none;
padding-right:15px;
padding-top:1px;
padding-bottom:3px;
font-size:12px;
}
.fundoInput400{
background:url(imagens/fd_cx_402x18.jpg) no-repeat;
width:385px;
}

.fundoInput180{
background:url(imagens/fd_cx_182x18.jpg) no-repeat;
width:165px;
}
.fundoInput42{
background:url(imagens/fd_cx_42x18.jpg) no-repeat;
width:25px;

}
.fundoInput132{
background:url(imagens/fd_cx_132x18.jpg) no-repeat;
width:115px;
}

.fundoTextarea400{
background:none;
border:none;
margin:0;
background: url(imagens/fd_404x140.jpg) no-repeat; 
width:400px; 
padding-left:5px;
height:140px; 
margin:0;

}
#migalha{
width:100%;
float:left;
margin-bottom:15px;
font-size:10px;
color:#818181;
text-transform:uppercase;
font-weight:bold;
}
#migalha a{
color:#818181;
} 
#migalha a:hover{
text-decoration:underline;
}

#foto_produto{
float:left;
width:220px;
text-align:center;
margin-right:20px;
}
#imgProduto{
width:100%; 
float:left; 
height:235px; 
position:relative;

}
#imgProduto a{
position:absolute;
top:0;
left:0;
}
.imgMiniaturas{
cursor:pointer;
width:50px;
height:50px;
padding-right:10px;
}
#detProdutoValor{
width:355px;
float:left;
}
.detProdutoPreco{
line-height:19px;
}
.detProdutoPreco span{
color:#000000;
font-weight:bold;
font-size:12px;
}
.detProdutoPreco strong{
color:#FF0000;
font-weight:bold;
font-size:19px;
}

#tituloProdutoDet{
float:left;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#4b4b4b;
text-transform:uppercase;
line-height:17px;
margin-bottom:15px;
width:590px;
}
#detProdutoValor h2{
width:345px;
float:left;
padding:6px;
height:auto;
margin:0;
margin-bottom:10px;
background:none;
color:#4F4F4F;
border-bottom:#E8E8E8 1px solid;
font-weight:normal;
}
#detProdutoValor h2 a{
color:#4F4F4F;
}
#detProdutoValor h2 a:hover{
text-decoration:underline;
}
#detProduto{
width:100%;
float:left;
margin-top:30px;
}
#detProduto p{
line-height:17px;
color:#4F4F4F;
padding-left:8px;
margin-bottom:20px;
}
.barraProdutos,.barraProdutosRelacionado{
background:#FF5001;
color:#FFFFFF;
padding:6px;
font-weight:bold;
font-size:12px;
letter-spacing:1px;
float:left;
width:590px;
margin-bottom:10px;
}
.barraProdutosRelacionado{
background:#E8E8E8;
color:#4b4b4b;
}

#calcFrete{
position:relative;
float:left;
width:100%;
margin-bottom:10px;
padding-top:10px;
}

#calcFrete input[type='image']{
position:absolute;
left:208px;
top:-4px;
}

#insCalcFrete{
width:330px;
float:left;
padding:10px;
background:#F9F9F9;
border:#E8E8E8 1px solid;
color:#4b4b4b;
font-size:12px;
line-height:17px;
margin-top:8px;
display:none;
}
.caixaDetalhes{
width:350px;
float:left;
background:#F9F9F9;
border:#E8E8E8 1px solid;
color:#4b4b4b;
margin-top:10PX;
font-size:11px;
}
.caixaDetalhes .titulo{
width:336px;
float:left;
padding:7px;
background:#E8E8E8;
color:#4b4b4b;
font-weight:bold;
}
.caixaDetalhes ul{
width:330px;
float:left;
padding:10px 0px 10px 10px;
}
.caixaDetalhes ul li{
width:50%;
float:left;
margin-bottom:7px;
}
.caixaDetalhes ul li label{
cursor:pointer;
}

#mensagemEstoque{
width:320px;
float:left;
margin-left:5px;
margin-bottom:10px;
border:#E8E8E8 1px solid;
display:none;
}
#mensagemEstoque #titMensagem{
background:#FF5001;
color:#FFFFFF;
padding:6px;
font-weight:bold;
font-size:11px;
}
#mensagemEstoque p{
margin-bottom:15px;
padding-left:5px;
}
#listDetalhesPagamento{
position:relative;
}
.detalhesParcelas{
position:absolute;
border:#fe5001 1px solid;
background:#FFFFFF;
width:400px;
padding:5px;
padding-top:10px;
left:-50px;
top:0px;
display:none;
}
#listDetalhesPagamento label{
color:#fe5001;
}
#listDetalhesPagamento label:hover{
text-decoration:underline;
}
.detalhesParcelas img{
position:absolute;
left:390px;
top:3px;
cursor:pointer;
}
#contIndique{
position:relative;
display:none;
}
#imgIndique{
position:absolute;
left:330px;
top:5px;
cursor:pointer;
}
#contIndique p{
line-height:20px;
margin-left:15px;
}

.conteudo_pagamento{
width:576px;
float:left;
background-color:#ECEFF1;
margin-bottom:20px;
}
.conteudo_endereco{
width:576px;
float:left;
}
.conteudo_cartao{
width:250px;
float:left;
margin-right:10px;
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
}
.conteudo_boleto{
width:250px;
float:left;
margin-top:20px;
margin-bottom:20px;
}
.titulo_pagamento{
width:260px;
float:left;
margin-bottom:10px;
font-size:16px;
color:#000000;
}
.pagamento_opcao{
width:576px;
float:left;
text-align:center;
}
.pagamento_comprovante{
width:576px;
float:left;
text-align:center;
}
.pagamento_comprovante p{
font-size:13px;
color:#000000;
line-height:25px;
}
.parcelas{
width:250px;
float:left;
}
.parcela_numero{
width:120px;
float:left;
font-size:14px;
line-height:25px;
}
.parcela_valor{
width:130px;
float:left;
font-size:14px;
line-height:25px;
}
.caixa_endereco{
font-family:Arial, Helvetica, sans-serif;
width:400px;
float:left;
margin-right:20px;
padding-left: 15px;
margin-bottom:15px;
}
.caixa_endereco_titulo{
width:276px;
float:left;
background:#FF5000;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:14px;
padding:7px;
font-weight:bold;
margin-top:15px;
}
.caixa_endereco_cont{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:280px;
float:left;
padding-left:10px;
background:#eceff1;
padding-bottom:10px;
}
.caixa_endereco_cont p{
padding:0;
margin:0;
line-height:25px;
}
.link_none{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
color:#2b2b2b;
text-decoration:none;
display:block;
width:100%;
}

/***********************************************************************/
/**************************************Pedidos**************************/
/***********************************************************************/
#listaPed{
width:410px;
margin-left:10px;
font-size:12px;
float:left;
background:#EAEAEA;
color:#525252;
}
#listaPed a{
color:#525252;
display:block;
padding:8px 5px 8px 5px;
background:#FFF;
}
#listaPed a:hover{
text-decoration:underline;
}
#listaPed caption{
color:#cd2323;
font-weight:bold;
text-align:center;
padding-bottom:10px;
}

#listaPed th{
font-size:14px;
font-weight:bold;
color:#ff5000;
padding-bottom:2px;
padding-top:2px;
background:#F4F4EA;
padding-top:5px;
padding-bottom:5px;
}
.linhaPed{
cursor:pointer;	

margin-top:5px;
}
.linhaPed td{
padding-top:5px;
padding-bottom:5px;
}
#listaPed .codigoTit{
text-align:center;
width:110px;
}
#listaPed .dataTit{
text-align:center;
width:100px;
}
#listaPed .valorTit{
text-align:right;
padding-right:10px;
}
#listaPed .codigo{
padding-left:8px;	
}
#listaPed .codigo, #listaPed .data{
text-align:center;
}

#listaPed .valor{
text-align:right;
padding-right:10px;
width:110px;
}


#conteudo_pedidoDet{
width:550px;
margin-top:15px;
margin-bottom:15px;
padding-left: 15px;
padding-right: 15px;
float:left;
color:#525252;
}
#conteudo_pedidoDet h2{
width:100%;
float:left;
background:none;
margin-bottom:10PX;
height:auto;
color:#ff5000;
}
.divEsq{
font-size:12px;
text-align:left;
float:left;
width:170px;
font-weight:bold;
margin-left:25px;
margin-bottom:10px;
}

.divDir{
text-align:left;
font-size:12px;
width:300px;
float:left;
margin-bottom:10px;
}
.listaDetPed{
margin-left:10px;
font-size:12px;
margin-left:5px;
}

.listaDetPed .ajuda h3{
font-size:13px;
padding-left:15px;
margin-bottom:10px;
}

.listaDetPed th{
font-size:14px;
font-weight:bold;
padding-bottom:2px;
padding-top:2px;
color:#ff5000;
}
.listaDetPed .produtoTit{
text-align:left;
width:150px;
}
.listaDetPed .qtdTit{
text-align:center;
width:40px;
}
.listaDetPed .unitTit{
text-align:right;
width:110px;
}
.listaDetPed .totalTit{
text-align:right;
width:110px;
padding-right:10px;
}
.listaDetPed .produto{
text-align:left;
padding-bottom:2px;
padding-top:10px;
}
.listaDetPed .qtd{
text-align:center;
padding-bottom:2px;
padding-top:10px;
}
.listaDetPed .unit{
text-align:right;
padding-bottom:2px;
padding-top:10px;
}
.listaDetPed .total{
text-align:right;
padding-bottom:2px;
padding-top:10px;
padding-right:10px;
}
.listaDetPed .subtotal{
background-color:#e4e4e4;
font-weight:bold;
font-size:15px;
text-align:right;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
margin-top:10px;
}

#galeriaMarcas{
float: left;
    margin-left: 140px;
    width: 800px;
}

#conteudoGaleriaMarcas{
width:725px;;
float:left;
overflow:hidden;
position:relative;
height:113px;
}
#conteudoGaleriaMarcas ul{
width:100%;
float:left;
list-style:none;
margin-top:0;
top:0px;
margin-left:20px;
margin-right:40px;
position:absolute;
left:0;
}
#conteudoGaleriaMarcas ul li{
float:left;
width:130px;
margin-right:10px;
}

.setasMove{
position:absolute;
top:0;
top:0px;
left:0;
z-index:10;
cursor:pointer;
}
#setaEsquerda{
left:0px;	
}
#setaDireita{
left:710px;	
}

.mapaCategorias{
width:270px;
float:left;
margin:0;
padding:0;
margin-right:15px;
margin-left:10px;
list-style:none;
}
.mapaCategorias li{
width:270px;
float:left;
}
.mapaCategorias li ul{
width:100%;
float:left;
list-style:none;
}
.mapaCategorias li ul li{
margin:0;	
}
.mapaCategorias h3{
margin:0;
padding:0;
padding-bottom:5px;
}
.mapaCategorias h3 a{
color:#fe5001;
font-size:12px;
text-decoration:none;

}

.mapaCategorias h4{
margin:0;
padding:0;
color:#4F4F4F;
margin-bottom:5px;
font-weight:normal;
}
.mapaCategorias h4 a{
color:#4F4F4F;
font-size:12px;
text-decoration:none;
}
.mapaCategorias h3 a:hover,.mapaCategorias h4 a:hover{
text-decoration:underline;	
}
.mapaAtendimento{
width:790px;
margin-left:10px;
float:left;
list-style:none;
}
.mapaAtendimento li{
width:280px;
float:left;
margin-right:15px;
line-height:17px;
}
.mapaAtendimento li a,.mapaAtendimento li label{
color:#fe5001;
font-size:12px;
text-decoration:none;	
cursor:pointer;
}
.mapaAtendimento li a:hover,.mapaAtendimento li label:hover{
text-decoration:underline;	
}
#caixaParcas{
width:470px;
float:left;
position:absolute;
background:#FFF;
border:#FF5000 2px solid;
}

/*************************************
**************************************
         	FACEBOOK API
**************************************
*************************************/
#facebook {
	background-image: url("imagens/bg-gray.jpg");
    background-repeat: repeat;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 5px;
    width: 100%;

}
#facebook-content {
	 height: 110px;
    width: 980px; ;
}

.facebook {
	margin: auto;
}

