@charset "utf-8";
/* VISUAL DE TODOS OS ITENS GLOBAIS DO SISTEMA  */

*{margin:0px; padding:0px; outline:none;}

img{border:none;}

li{list-style:none;}

a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline; color:#09F;}

input,select,textarea{border:1px solid #444; background:#F5F5F5;}
span:focus,select:focus,textarea:focus{border:1px solid #111; background:#AEF;}

input.button:focus{border:none; background:none;}
input.password:focus{border:1px solid #111; background:#AEF;}
input.text:focus{border:1px solid #111; background:#AEF;}


input.radio{border:none; background:none; }
input.radio:focus{border:none; background:none;}

html,body{width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; background:#F5F5F5 url(img/bgt.jpg) left top repeat-x; color:#222;}

#all{float:left; width:100%; min-height:700px; _heigth:700px; background:#FFF url(img/bg_titulo.jpg) left 142px repeat-x;}

#container{width:950px; margin:0px auto;}

/* Topo do Site - Nessa DIV esta contida as DIVs - Logo / Carrinho */
#topo{float:left; width:950px; height:142px; background:url(img/det_topo.jpg) center top no-repeat; position:relative;}


/* Comporta o logotipo do Cliente - Incluso no DIV TOPO */
#logo{float:left; width:130px; height:142px; margin-left:0px; display:inline;}
#logo img{float:left; margin-top:5px; display:inline;}

/* Comporta o resumo das compras do cliente - Incluso no DIV TOPO */
#carrinho{width:345px; height:20px; z-index:2; position:absolute; left:50%; margin-left:100px; margin-top:155px; padding-bottom:4px; float:right; background: url(img/ico_carrinho.jpg) right top no-repeat; /*display:none;*/}
#carrinho p{font-size:0.65em; color:#FFF; font-weight:bold; padding-top:3px; padding-right:25px; text-align:right;}


#etapas{position:absolute; left:0px; bottom:0px; width:900px; padding-left:25px; padding-right:25px; height:20px; font-size:12px; text-align:right; color:#000; }
#etapas b{font-size:14px;}

/* DIV que comporta o Título das Páginas - Incluso no Div CONTEUDO */
#titulo{float:left; min-height:25px; _height:25px; display:block; padding-left:10px;}
#titulo h1{padding-top:10px; padding-bottom:12px;color:#333; width:922px; font-size:1.2em;}
#titulo p{width:930px; font-size:0.75em; color:#444; padding-bottom:10px; padding-top:5px; text-align:justify;}
#titulo b{color:#0C0;}

/*  Verificar  */
#titulo select{float:right; width:190px; font-size:0.7em; letter-spacing:1px; border:1px solid #999; background:#DEDEDE; top:-17px; right:10px; _right:30px; *right:30px; position:relative; display:inline;}


/* Conteúdo do site - Nessa DIV esta contida as DIVs: Busca / Pao / Titulo / Galeria  */
#conteudo{float:left; width:auto; display:inline;}

/* A CLASS abaixo é utilizada quando o MENU é inserido na lateral*/
#conteudo .ymenu{float:left; width:785px; min-height:500px; display:inline; overflow:hidden; border-left:1px solid #ACACAC; padding-left:14px;}
#conteudo h2{width:776px; font-size:0.9em; padding-top:15px; padding-bottom:3px; color:#666; border-bottom:1px dotted #444;}
#conteudo h2.titulo_smenu{width:920px; margin-left:10px; margin-right:10px; line-height:20px; display:table;}
#conteudo h3{width:790px; font-size:0.9em; padding-top:15px; padding-bottom:3px; color:#666; float:left;}
#conteudo p{font-size:0.75em; padding-top:5px;}
#conteudo p.txt_smenu{padding-left:10px; padding-right:20px; text-align:justify;}
#conteudo p.alerta_desconto{width:894px; background:#444; border:1px solid #ACACAC; border-top:none; padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px; color:#FFF; font-size:11px; font-weight:bold; letter-spacing:1px;}
#conteudo b.alerta{color:#06F;}
#conteudo p.alerta_desconto a{color:#FC0;}
/* Classes do alerta de Desconto */

#conteudo p.alerta_desconto_cmenu{width:749px; background:#444; border:1px solid #ACACAC; border-top:none; padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px; color:#FFF; font-size:11px; font-weight:bold; letter-spacing:1px;}
#conteudo p.alerta_desconto_cmenu a{color:#FC0;}

/* Classes do alerta de Desconto */

/* DIV que comporta o Menu lateral - Incluso no Div CONTEUDO */
#menu{float:left; width:150px; min-height:250px; _height:250px; font-size:12px; background:url(img/sombra_menu.jpg) right 1px no-repeat; margin-top:1px;}
#menu li{width:150px;}
#menu li a{text-decoration:none; min-height:22px; _height:22px; padding-top:8px; padding-left:13px; display:block; background:url(img/bgm.jpg) left top no-repeat;}
#menu li a:hover{background:url(img/bgm.jpg) left bottom no-repeat;}

.b_vale_presente{width:206px; height:24px; cursor:pointer; text-indent:-9999px; border:none; background:url(img/b_vale_presente.jpg) left top no-repeat;}


/*  BASE da Página  */
#base{float:left; bottom:0px; left:0px; position:static; width:100%; height:80px; padding-top:5px; background:#F5F5F5; border-top:1px solid #ACACAC;}
#base address{text-align:center; padding-top:10px; font-size:0.7em; font-style:normal; color:#333; letter-spacing:2px;}





/* Esqueci minha Senha  */
#esqueci_senha{float:right; width:348px; height:165px; border:1px solid #666; background:#FFF url(img/bg_asterisco.jpg) left bottom no-repeat;}
.tit_esqueci_senha{float:left; width:348px; height:27px; background:#666;}
.tit_esqueci_senha h5{float:left; width:300px; height:27px; text-indent:-9999px; background:url(img/esqueci_tit.jpg) left top no-repeat;}
.tit_esqueci_senha input{float:right; cursor:pointer; width:21px; height:27px; border:none; line-height:0px; text-indent:-9999px; background:url(img/ar_fechar.jpg) right top no-repeat;}
.alinha_esqueci_senha{float:left; width:206px; padding-left:71px; padding-right:71px;}
.campos_esqueci_senha{float:left; width:206px;}
.campos_esqueci_senha p{padding-top:5px; font-size:11px; color:#666;}
.campos_esqueci_senha input{float:left; width:206px; border:1px solid #999; font-size:11px;}
.campos_esqueci_senha input:focus{border:1px solid #333; background:#E9F8EA;}
.campos_esqueci_senha input.b_enviar_senha{margin-top:15px; width:206px; height:24px; cursor:pointer; text-indent:-9999px; line-height:0px; border:none; background:url(img/b_enviar_para_email.jpg) left top no-repeat;}
.aviso_esqueci_senha{float:left; width:338px; min-height:25px; _height:25px; text-align:center; font-size:10px; font-weight:bold; color:#C00; padding:5px; margin-top:5px;  letter-spacing:1px;}


/* Não sei meu CEP  */

#nao_sei_cep{float:left; width:753px; min-height:135px; _height:135px; border:1px solid #2E7527; background:#FFF url(img/bg_cep.jpg) left bottom no-repeat; padding-bottom:20px;}
.tit_nao_sei_cep{float:left; width:753px; height:27px; background:#666;}
.tit_nao_sei_cep h5{float:left; width:400px; height:27px; text-indent:-9999px; background:url(img/cep_tit.jpg) left top no-repeat;}
.tit_nao_sei_cep input{float:right; cursor:pointer; width:21px; height:27px; border:none; line-height:0px; text-indent:-9999px; background:url(img/ar_fechar.jpg) right top no-repeat;}
.alinha_nao_sei_cep{float:left; width:725px; padding-left:18px; padding-right:10px; }
.campos_nao_sei_cep{float:left; width:725px;}
.campos_nao_sei_cep p{padding-top:5px; font-size:11px; color:#666;}
.campos_nao_sei_cep select{float:left; width:80px; height:19px; border:1px solid #999; font-size:11px; margin-right:15px; margin-top:5px;}
.campos_nao_sei_cep select:focus{border:1px solid #333; background:#E9F8EA;}
.campos_nao_sei_cep input{float:left; width:175px; height:17px; border:1px solid #999; font-size:11px; margin-top:5px; margin-right:15px;}
.campos_nao_sei_cep input:focus{border:1px solid #333; background:#E9F8EA;}
.campos_nao_sei_cep input.b_buscando_cep{margin-top:1px; width:134px; height:24px; cursor:pointer; text-indent:-9999px; line-height:0px; border:none; background:url(img/b_buscar_cep3.jpg) left top no-repeat;}
.aviso_nao_sei_cep{float:left; width:743px; text-align:center; font-size:12px; color:#666; font-weight:bold; padding:5px; margin-top:5px; letter-spacing:1px;}

.campos_nao_sei_cep_tipo{float:left; width:95px;}
.campos_nao_sei_cep_endereco{float:left; width:193px;}
.campos_nao_sei_cep_cidade{float:left; width:191px;}
.campos_nao_sei_cep_estado{float:left; width:50px;}


 .resultado_nao_sei_cep{width:713px; font-size:11px;}
.resultado_nao_sei_cep td{height:20px; vertical-align:middle;}
.resultado_nao_sei_cep td.resultado_cep_titulo{width:75px; height:30px; font-size:12px; font-weight:bold; vertical-align:bottom; letter-spacing:1px;}
.resultado_nao_sei_cep td.resultado_endereco_titulo{width:500px; height:30px; font-size:12px; font-weight:bold; vertical-align:bottom;letter-spacing:1px;}
.resultado_nao_sei_cep_cep{width:75px; border-bottom:1px solid #CCC; letter-spacing:1px;}
.resultado_nao_sei_cep_cep a{color:#36B13C;}
.resultado_nao_sei_cep_cep a:hover{text-decoration:underline; color:#36B13C;}
.resultado_nao_sei_cep_endereco{width:500px; border-bottom:1px solid #CCC;}

/*  Alertas  */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 2px #666;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #FFF;
	background:#666 top repeat-x;
	border: solid 1px #FFF;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {background:16px 16px no-repeat url(../img/info.gif); padding: 1em 1.75em; margin: 0em;}

#popup_content.alert {background-image: url(../img/info.gif);}

#popup_content.confirm {background-image: url(../img/important.gif);}

#popup_content.prompt {background-image: url(../img/help.gif);}

#popup_message {padding-left: 48px;}

#popup_panel {text-align: center; margin: 1em 0em 0em 1em;}

#popup_prompt {margin: .5em 0em;}

/* Botoes de Alerta  */

input.BotaoSim{width:74px; height:24px; background:url(img/b_alerta_sim.jpg)  left top no-repeat; line-height:0px; cursor:pointer; border:none;}
input.BotaoNao{width:74px; height:24px; background:url(img/b_alerta_nao.jpg) left top no-repeat; line-height:0px; cursor:pointer; border:none;}
input.BotaoOk{width:55px; height:24px; background:url(img/b_ok.jpg) left top no-repeat; line-height:0px; cursor:pointer; border:none;}

/* Implantação Fer */
.bt_mac {display: inline; line-height: 16px; cursor: pointer;}
.bt_mac .mark {display: inline;}

.bt_mac img {vertical-align: middle; width: 16px; height: 16px;}
.bt_mac img{background: transparent url(img/check.gif) no-repeat;}

.bt_mac img{
	background-position: 0px 0px;
}
.bt_mac-hover img{
	background-position: -16px 0px;
}
.bt_mac-checked img{
	background-position: 0px -16px;
}
.bt_mac-checked .bt_mac-hover img {
	background-position: -16px -16px;
}

.bt_mac-disabled img{
	background-position: 0px -32px;
}
.bt_mac-checked .bt_mac-disabled img{
	background-position: 0px -48px;
}

.jqmWindow { PADDING-RIGHT: 2px; DISPLAY: none; PADDING-LEFT: 2px; LEFT: 50%; PADDING-BOTTOM: 2px; MARGIN-LEFT: -152px; WIDTH: 305px; COLOR: #333; PADDING-TOP: 2px;POSITION: fixed; TOP: 17%; BACKGROUND-COLOR: transparent }  
.jqmOverlay { BACKGROUND-COLOR: #FFF }	
.textBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
border: 1px solid #999999;
}			  
* HTML .jqmWindow { POSITION: absolute; TOP: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px') }



 .jqmWindowSlide
        {
            display: none;
            position: fixed;
            left: 50%;
            margin-left: -383px;
            width: 765px;
            height: 525px;
            background-color: #EEE;
            color: #333;
            border: 1px solid black;
            padding: 12px;
            padding-top: 0px;
            background: transparent;
        }
        
       #divConteudoCorrente span{background: url(../img/exit_branco.jpg) top center no-repeat;}
             
        .jqmOverlay
        {
            background-color: #fff;
        }
        * HTML .jqmWindowSlide
        {
            position: absolute;
            top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
        }




/*TOOTIP*/
        .Toptol
        {
            border: 1px solid #000;
            border-bottom: none;
            width: 212px;
            height: 20px;
            background-color:#FFF;
        }
        .Tolcenter
        {
            background: url(img/tipMid.png) top left repeat-y;
            width: 178px;
            padding: 0 17px;
            border: 1px solid #000;
            border-bottom: none;
            border-top: none;
            background-color:#FFF;
        }
        .Tolpe
        {
            background: url(img/tipBtm.png) bottom left no-repeat;
            width: 212px;
            height: 32px;
            border: 1px solid #000;
            border-top: none;
            background-color:#FFF;
        }
        #Tolconteudo
        {
            padding: 5px;
            z-index: 999;
            color: #333;
            font-size:11px;
        }