*{margin:0; padding:0; list-style:none; border:none; font-family:'trebuchet ms';}

html, body{height:auto;}

* html{height:100%;}
* html body{height:100%;}

body{background:#e2e7eb url(../img/bg-header.gif) repeat-x 0 0;}

.clear{clear:both;}

.lightblue{color:#1da9e9 !important;}
.ft-14{font-size:14px;}

.hide-text{float:left; text-indent:-6666px; overflow:hidden;}

.no-bg{background:none !important;}

.no-pad{padding:0 !important;}

.no-pad-top{padding-top:0 !important;}

.pad-top-medio{padding-top:10px !important;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-normal{text-transform:normal !important;}

.f-left{float:left;}
.f-right{float:right;}

.c-left{clear:left;}
.c-right{clear:right;}

.line{float:left; clear:both; width:800px; height:1px; background:#e5e8ea;}

.content{width:864px; margin:0 auto;}

#container{position:relative; float:left; width:100%; height:auto;}

#global{position:relative; margin:0 auto; width:100%;
	min-height:400px;
}
/*** HEADER ***/
#header{position:relative; width:864px; height:143px; padding:0 0 0 0; margin:0 auto;}
#header h1{position:absolute; left:2px; top:26px; width:323px; height:49px; background:url(../img/logo-drogarias.gif) no-repeat 0 0; text-align:center; line-height:49px;}
#header h1 a{float:left; width:100%; height:100%;}
#header ul.main-links{position:absolute; right:14px; top:28px;}
#header ul.main-links li{display:inline; float:left; margin:0 0 0 44px;}
#header ul.main-links li a{float:left; width:100%; height:100%;	color:#fff; text-align:center; line-height:46px;}
#header ul.main-links li.lnk-tire-suas-duvidas{width:171px; height:46px; background:url(../img/btn-atendimento-online.gif) no-repeat 0 0;}
#header ul.main-links li.lnk-compre-pelo-telefone{width:157px; height:46px; background:url(../img/btn-compre-pelo-telefone.gif) no-repeat 0 0;}

#header ul.user-nav{position:absolute; left:0; top:98px; width:851px; height:39px; padding:1px 13px 0 0; background:url(../img/bg-user-nav.gif) no-repeat 0 0;}
#header ul.user-nav li{float:right; font-size:12px; padding:0 13px 0 15px; height:40px; line-height:40px; color:#ffffff; background:url(../img/lin-separa-nav-user.gif) no-repeat 0 13px;}
#header ul.user-nav li.first{background:none;}
#header ul.user-nav li a{display:inline-block; padding:0; font-size:12px; color:#ffffff;}
#header ul.user-nav li.user{float:left; min-width:185px; background:url(../img/ico-user.gif) no-repeat 16px 10px; padding:0 0 0 40px;}
#header ul.user-nav li.user a{padding:0; color:#47c3fc;}
#header ul.user-nav li.carrinho a{float:left; background:url(../img/ico-carrinho.gif) no-repeat right 11px; padding:0 32px 0 0; height:40px; line-height:40px;}


/*** DESTAQUE ***/
.dest{position:relative; padding:0 0 0 0; width:100%;}
#dest-home{height:258px; background:url(../img/bg-dest-home.gif) repeat-x 0 0;}
.dest .content{padding:32px 0 0 0;}
#dest-home .content{background:url(../img/bg-dest-home-content.jpg) no-repeat 0 bottom; height:226px; position:Relative;}

#dest-home .content h2.tit-compare-os-precos{width:100%; height:22px; background:url(../img/tit-compare-os-precos.gif) no-repeat center 0; display:inline-block;}

#dest-home p.txt-para-pesquisar-produto{width:100%; height:35px; background:url(../img/txt-para-pesquisar-produto.gif) no-repeat center 0; display:inline-block;}

#dest-home fieldset{position:relative; width:555px; margin:0 auto 0 auto; padding:47px 0 20px 17px; background:url(../img/bg-pesquise-box.jpg) no-repeat 0 0;}
#dest-home fieldset legend{display:none;}
#dest-home fieldset label{font-size:12px; color:#1da9e9; font-weight:bold; text-transform:uppercase; padding-left:2px;}
#dest-home fieldset input{height:26px; line-height:26px; padding:3px 6px 1px 6px; font-size:18px; color:#738998; margin-bottom:2px;}
* html #dest-home fieldset input{height:26px; line-height:26px; padding:2px 6px 2px 6px; margin-bottom:2px;}
#dest-home fieldset input.inp-nome-produto{width:211px; background:url(../img/bg-input-nome-produto.gif) no-repeat 0 0;}
#dest-home fieldset input.inp-info-destino{width:200px; background:url(../img/bg-input-nome-cidade.gif) no-repeat 0 0; }
* html #dest-home fieldset input.inp-info-destino, * html #dest-home fieldset input.inp-nome-produto{background-attachment:fixed;}
#dest-home fieldset table tbody tr td input.btn-buscar{width:64px; height:29px; float:right; padding:0; border:none; margin:0 0 2px 0;}
#dest-home fieldset table tbody tr td{padding:0 10px 0 0;}
#dest-home fieldset table tbody tr td a{color:#738998; font-size:10px;}
#dest-home fieldset table tbody tr td a span.lnk-pesquisar-categorias{padding:0 0 0 14px; background:url(../img/ico-show-hide.gif) no-repeat 0 0;}
#dest-home fieldset table tbody tr td a.on, #dest-home fieldset table tbody tr td a:hover{background-position:0 -7px;}

#dest-home .pop-nao-sabe-cep{position:absolute; width:320px; height:106px; padding:4px; left:392px; top:200px; z-index:50; background:url(../img/bg-nao-sabe-cep.png) no-repeat 0 0;}
/*remove ie png-bg*/
* html #dest-home .pop-nao-sabe-cep{background:#d7dee4; border:1px solid #b8c2c9;}
#dest-home .pop-nao-sabe-cep .base-color{background:#e2e7eb; width:314px; height:100px; padding:2px; border:1px solid #d9dfe4;}
#dest-home .pop-nao-sabe-cep .base-color div{background:#ffffff; border:1px solid #d9e1e7; width:300px; height:46px; padding:8px 2px 10px 10px;}
#dest-home .pop-nao-sabe-cep .base-color div h3{color:#08568e; font-size:12px; font-weight:bold; text-transform:uppercase;}
#dest-home .pop-nao-sabe-cep .base-color div p{color:#647c8c; font-size:11px; line-height:15px;}
#dest-home .pop-nao-sabe-cep .base-color a{clear:both; float:right; width:97px; height:22px; margin:6px 13px 0 0; background:url(../img/btn-consultar-pelo-nome-da-rua.gif) no-repeat 0 0;}


/*** MAIN ***/
#main{width:100%; padding:32px 0 18px 0; min-height:170px; background:#ffffff url(../img/bg-main.gif) repeat-x 0 0;}
* html #main{height:170px;}

#main h2.tit-bar{width:853px; height:31px; padding:0 0 0 14px; line-height:31px; background:url(../img/bg-tit-bar.gif) no-repeat 0 0; color:#ad2222; font-size:12px; font-weight:bold; text-transform:uppercase;}
#main h2.font-normal{font-weight:normal !important;}
#main h2 strong.big-txt{font-size:15px;}
#main .bg-info{clear:both; width:847px; padding:0 2px; border-left:1px solid #b1ccdd; border-right:1px solid #b1ccdd; background:#cedae4;}
#main .bottom-bg-info{clear:both; width:853px; height:3px; background:url(../img/bottom-bg-info.gif) no-repeat 0 0;}
#main .cont-info{width:821px; border:1px solid #b4cdde; background:#ffffff; padding:10px 12px 15px 12px;}
#main .cont-info p{font-size:12px; padding:8px 0 10px 0; line-height:18px; color:#647c8c;}
#main .cont-info p.big-line-height{line-height:27px;}
#main .cont-info p strong.blue{color:#08568e;}
#main .cont-info p strong.big-blue{color:#08568e; font-size:14px; font-weight:bold; text-transform:uppercase;}
#main .cont-info p.ico-passo-1,
#main .cont-info p.ico-passo-2,
#main .cont-info p.ico-passo-3,
#main .cont-info p.ico-passo-4{line-height:19px; padding-left:40px; min-height:30px;}
/*fix ie6 min-height*/
* html #main .cont-info p.ico-passo-1,
* html #main .cont-info p.ico-passo-2,
* html #main .cont-info p.ico-passo-3,
* html #main .cont-info p.ico-passo-4{height:30px;}

#main .cont-info p.ico-passo-1{background:url(../img/ico-passo-1.gif) no-repeat 0 0;}
#main .cont-info p.ico-passo-2{background:url(../img/ico-passo-2.gif) no-repeat 0 0;}
#main .cont-info p.ico-passo-3{background:url(../img/ico-passo-3.gif) no-repeat 0 0;}
#main .cont-info p.ico-passo-4{background:url(../img/ico-passo-4.gif) no-repeat 0 0;}
#main .cont-info p.fix-ico-bg{background-position:0 9px;}
#main .cont-info p a{color:#647c8c;}

/*** ERRO BUSCA ***/
#main p.erro-busca{ 
	clear:left;
	font-size:13px; 
	color:#ff0000; padding:0 0 5px 40px; 
	background:url(../img/ico-erro-busca.gif) no-repeat 0 0; 
	height:33px; 
	width:914px; 
	line-height:33px; 
	margin-top:0;
	margin-bottom:15px;
}
#main p.erro-busca-duplo {line-height:16px;}
#main p.erro-busca-default {text-align:center;	background:url(../img/ico-erro-busca.gif) no-repeat 260px 0px; width:800px; padding-left:60px;}
#main p.erro-busca strong{font-size:18px;}

#main .cont-info ul.como-site-funciona{padding:11px 0 0 0;}
#main .cont-info ul.como-site-funciona li{padding:0 0 0 33px; line-height:32px; height:33px; font-size:14px; color:#08568e; font-weight:bold;}
#main .cont-info ul.como-site-funciona li.ico-etapa-1{background:url(../img/ico-etapa-1.gif) no-repeat 0 1px;}
#main .cont-info ul.como-site-funciona li.ico-etapa-2{background:url(../img/ico-etapa-2.gif) no-repeat 0 1px;}
#main .cont-info ul.como-site-funciona li.ico-etapa-3{background:url(../img/ico-etapa-3.gif) no-repeat 0 1px;}
#main .cont-info ul.como-site-funciona li.ico-etapa-4{background:url(../img/ico-etapa-4.gif) no-repeat 0 1px;}
#main .cont-info ul.como-site-funciona li.ico-etapa-5{background:url(../img/ico-etapa-5.gif) no-repeat 0 1px;}

#main .cont-info h3{font-size:11px; color:#0f6597; text-transform:uppercase; border-bottom:1px solid #e5e8ea; padding:28px 0 4px 0;}
#main .cont-info h5{font-size:12px; color:#1da9e9; padding:5px 0 4px 0; cursor:pointer;}

#main .cont-info dl{clear:both;}
#main .cont-info dl dt, #main .cont-info h2{width:820px; height:31px; background:url(../img/bg-subtit-bar.gif) no-repeat 0 0; border-bottom:1px solid #ffffff; border-top:5px solid #ffffff;}
#main .cont-info dl dt a{float:left; display:inline-block; width:793px; color:#08568e; line-height:32px; font-size:11px; font-weight:bold; text-decoration:none; padding:0 0 0 27px; background:url(../img/ico-show-hide.gif) no-repeat 9px 8px; text-transform:uppercase;}
#main .cont-info dl dt a.on, #main .cont-info dl dt a:hover{background-position:9px -37px;}
#main .cont-info dl dd, #main .cont-info fieldset{width:800px; padding:15px 10px 19px 10px; background:#f5f7f8 url(../img/bg-dd-cont-info.gif) repeat-x 0 0;}
#main .cont-info dl dd{display:none;}
#main .cont-info dl dd h4{font-size:12px; color:#1da9e9; text-transform:uppercase; border-bottom:1px solid #e5e8ea; padding:0 0 4px 0;}
#main .cont-info dl dd ul{float:left; clear:both; padding:4px 0 20px 0;}
#main .cont-info dl dd ul li{display:inline; float:left; padding:5px 15px 0 5px; width:170px;}
#main .cont-info dl dd ul li a{color:#647c8c; font-size:12px;}

#main .cont-info h2 span.tit{float:left; clear:both; width:808px; color:#08568e; line-height:31px; font-size:12px; font-weight:bold; padding:0 0 0 12px; text-transform:uppercase;}
#main .cont-info h2 span.tit span.normal{color:#08568e; text-transform:uppercase;}
#main .cont-info ul.simple-list{padding:8px 0 0 0;}
#main .cont-info ul.simple-list li{font-size:14px; color:#647c8c; padding:0 0 10px 13px; background:url(../img/bullet-arrow.gif) no-repeat 0 5px;}
#main .cont-info ul.simple-list li a{color:#647c8c; font-size:13px;}

#main p{width:auto; font-size:11px; color:#647c8c; padding:0 0 7px 0;}
#main p.medium-txt{width:auto; font-size:13px; color:#647c8c; padding:0 0 7px 0;}
#main p.small-txt{font-size:9px; color:#a2b0ba;}
#main p.tit{clear:both; font-size:14px; color:#a2b0ba; padding-bottom:10px; width:945px; margin-top:0;}

/* Box logomarcas das drogarias */
#main .drogarias-logos{width:853px; padding:66px 0 0 0; margin:0 auto;}
#main .drogarias-logos ul{float:left; width:660px; padding:1px 0 0 1px; height:131px; background:url(../img/bg-logos-area.gif) no-repeat 0 0; margin:0 0 10px 0;}
#main .drogarias-logos ul li{float:left; display:inline; width:132px; height:44px;}
#main .drogarias-logos ul li a{float:left; width:100%; height:100%;}
#main .drogarias-logos ul li a img{float:left;}
/*#main .box-segurado-pela-thawte{float:right; width:190px; height:131px; background:url(../img/box-segurado-pela-thawte.gif) no-repeat 0 0;}*/

#main .box-segurado{float:right; width:190px; height:123px; padding:8px 0 0 0; background:url(../img/box-segurado-pela-thawte.gif) no-repeat 0 0;}

#main .box-segurado span{float:left; clear:left; width:100%; text-align:center;}

#main .box-segurado span.mcafee{margin:2px 0 0 0;}


/*** FORMS ***/
fieldset{background:#f5f7f8; padding:8px 0 14px 0;}
fieldset td{color:#647c8c; font-size:11px;}
fieldset td span.small-txt{font-size:9px;}
fieldset td a{color:#647c8c;}
fieldset td a.lnk-alterar-img{margin:0 96px 0 0; font-size:9px;}
fieldset td img{vertical-align:middle; border:1px solid #b7ddf0; margin:0 8px;}
fieldset input{vertical-align:middle; background:#eceff2; border:1px solid #b5cfdf; color:#647c8c; font-size:11px; height:20px; line-height:20px;}
fieldset textarea{background:#eceff2; border:1px solid #b5cfdf; color:#647c8c; font-size:11px;}
fieldset textarea.tarea-referencia-endereco{width:640px; max-width:640px;}
fieldset textarea.tarea-referencia-cadastro{width:685px; max-width:665px;}
fieldset textarea.tarea-comentario{width:460px; max-width:460px;}
fieldset label{font-size:11px; color:#647c8c; vertical-align:middle; padding:0 0 0 10px;}
fieldset label.nopad{padding:0;}
select{border:1px solid #b5cfdf; color:#647c8c; font-size:11px; height:20px;}
fieldset select.slct-size-1{width:151px;}
fieldset select.slct-size-2{width:196px;}
fieldset select.slct-size-3{width:138px;}
fieldset select.slct-size-4{width:133px;}
fieldset select.slct-size-5{width:95px;}
fieldset select.slct-size-6{width:115px;}
fieldset select.slct-size-7{width:210px;}
fieldset input.btn-enviar-informacoes{background:url(../img/btn-enviar-informacoes.gif) no-repeat 0 0; width:128px; height:23px; float:right; margin:4px 0 0 0; border:none !important;}


/*FOOTER*/
#footer{position:relative; width:100%; padding:22px 0 50px 0; background:#e2e7eb url(../img/bg-footer.gif) repeat-x 0 0;}
#footer ul{width:615px; margin:0 auto;}
#footer ul li{float:left; display:inline; padding:0 2px; color:#647c8c; font-size:11px; margin:0;}
#footer ul li a{color:#647c8c; font-size:11px; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}

/*** POP LAYER ADD PRODUTO ***/
#alert-item-adicionado .area-endereco-alert{position:absolute; left:0; top:0; width:917px; height:314px; border:1px solid #cccccc; padding:10px 25px 25px 0; z-index:1200; background:#ffffff;}

#alert-endereco{display:block;}
#bg-geral-alpha{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#999999; filter: alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; z-index:604; display:block;}
#bg-geral-alpha-sob{position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; filter: alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.0;opacity: 0.0; z-index:602; display:block;}
#alert-item-adicionado .pop-item-adicionado{position:absolute; width:320px; height:106px; padding:4px; left:50%; top:50%; margin:-53px 0 0 -160px; z-index:666; background:url(../img/bg-nao-sabe-cep.png) no-repeat 0 0;}
/*remove ie png-bg*/
* html #alert-item-adicionado .pop-item-adicionado{background:#d7dee4; border:1px solid #b8c2c9;}
#alert-item-adicionado .pop-item-adicionado .base-color{background:#e2e7eb; width:314px; height:100px; padding:2px; border:1px solid #d9dfe4;}
#alert-item-adicionado .pop-item-adicionado .base-color div{background:#ffffff; border:1px solid #d9e1e7; width:300px; height:46px; padding:8px 2px 10px 10px;}
#alert-item-adicionado .pop-item-adicionado .base-color div h3{color:#08568e; font-size:12px; font-weight:bold; text-transform:uppercase;}
#alert-item-adicionado .pop-item-adicionado .base-color div p{color:#647c8c; font-size:11px; line-height:15px;}
#alert-item-adicionado .pop-item-adicionado .base-color a{clear:both; float:right; width:82px; height:22px; margin:6px 11px 0 0; background:url(../img/btn-continuar.gif) no-repeat 0 0;}
#alert-item-adicionado img{border:none !important;}


#cadastroUsuario label, #cadastroUsuario input, #cadastroUsuario textarea{font-size:12px;}
#cadastroUsuario input, #cadastroUsuario textarea{background-color:#FFFFFF;}


