/*************************************************************
Pub Web - Midia Digital Ltda
Fone: (34) 3212-5068
E-mail: contato@pubweb.com.br | MSN: suporte@pubweb.com.br
Uberlandia-MG - www.pubweb.com.br

CSS por: Carlos Peixoto & Marcio Vinicius Brandao
*************************************************************/

/****************************************
	PADRAO
****************************************/

* {margin:0; padding:0; list-style:none; text-decoration:none; border:none; outline-style:none; outline-width:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:11px; background-image:url(../img/background.jpg); background-color:#363636; background-repeat:repeat-x;}

h1 {font-family:Verdana, Geneva, sans-serif; font-size:30px; color:#494949; font-weight:normal;}
h2 {font-size:13px; font-family:Verdana, Geneva, sans-serif;}
h3 {}
p {}

a {color:#3b3b3b;}
a:hover {color:#0289cb;}

.fl {float:left;}
.fr {float:right;}

.clear {clear:both;}
.bt {}


/****************************************
     FORM ELEMENTS
****************************************/

form{ padding:0; margin:0;}
input,textarea,select { padding:4px; border:1px solid #ccc; background:#fff;   -moz-border-radius:5px;  -webkit-border-radius:5px; overflow:visible;}

.submit{display:block; width:auto; padding:4px 8px; background-color:#0188cd; color:#FFF;margin:5px 0;  -moz-border-radius:5px;  -webkit-border-radius:5px; cursor:pointer;}
.submit:hover{}

fieldset{padding:10px;  margin-right:10px; border:1px solid #ccc; background:#f9f9f9; -moz-border-radius:5px;  -webkit-border-radius:5px;  }
legend{padding:10px; color:#333;  font-size:14px;  margin-right:10px; border:1px solid #ccc; background:#fff; -moz-border-radius:5px;  -webkit-border-radius:5px; }


/****************************************
	TOPO
****************************************/

#topo {width:979px; height:379px; margin:0 auto auto auto; position:relative; z-index:2;}

#topo .topo_imgs_dinamicas {position:relative; padding-left:13px; z-index:0;}
#topo .topo_imgs_dinamicas img {width:954px; height:379px; position:absolute; top:0; left:13px; z-index:1;}

#topo .topo_contents {background-image:url(../img/topo_trans.png); background-repeat:no-repeat; width:979px; height:195px; position:absolute; top:40px;}

#topo .topo_menu_institucional {position:absolute; top:80px; left:355px; font-size:13px;}
#topo .topo_menu_institucional li {display:inline;}
#topo .topo_menu_institucional a {color:#FFFFFF;}
#topo .topo_menu_institucional a:hover {text-decoration:underline;}


/****************************************
	BARRA DE STATUS + CARRINHO
****************************************/

#barra_status {position:absolute; top:153px; left:15px; font-size:12px;}

.vercarrinho {position:absolute; top:153px; left:745px; font-size:12px;}
.vercarrinho a {color:#FFFFFF;}

#barra_status .vercarrinho a {}
#barra_status .vercarrinho a:hover {color:#0289cb; text-decoration:none;}
#barra_status p {color:#FFF;}
#barra_status a {color:#fff;}
#barra_status a:hover {text-decoration:underline;}

/****************************************
	MENU + BUSCA
****************************************/

#barra_menubusca {}
#barra_menubusca ul {}

#barra_menubusca ul a {color:#fff;}
#barra_menubusca ul a:hover {text-decoration:underline;}
#barra_menubusca li {display:inline; padding:0 0 0 5px;}

.sistemabusca {position:absolute; left:715px; top:8px;}
.sistemabusca input {border:none; padding:0;}
.sistemabusca input.formbuscainput {width:194px; margin-right:8px; background-color:#fff;}

.bannereletronico {width:958px; height:24px; position:absolute; top:267px; left:6px;}

/****************************************
	WRAP
****************************************/

#wrap {width:954px; margin:2px auto auto auto; background-color:#FFFFFF; padding-bottom:160px;}

/****************************************
	LADO ESQUERDO
****************************************/

.leftside {float:left; width:135px; margin-top:20px;}
.leftside a {}
.leftside a:hover {}

.main_leftbanners {width:585px; float:left;}
.main_mostrabannerlateral {float:left; width:155px;}
.mostrabanner {margin-bottom:10px;}

.mostra_publicidade {width:202px;}
.mostra_publicidade h1 {margin-left:-18px; margin-bottom:10px;}

.mostra_sugestoes {width:202px; margin-top:20px;}
.mostra_sugestoes h1 {margin-left:-18px; margin-bottom:10px;}
.mostra_sugestoes div {}
.mostra_sugestao_wrap {width:159px; margin-left:5px;}

.leftside .left_mostramenu h1 {color:#2383a9; background-image:url(../img/h1_menu.jpg); margin-bottom:5px; width:189px; margin-left:-13px; background-repeat:no-repeat; padding-top:5px; padding-bottom:5px; padding-left:23px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.leftside .left_mostramenu h1 a {color:#fff;}
.leftside .left_mostramenu h2 {font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; background-image:url(../img/h2_fundo.jpg); background-repeat:no-repeat; background-position:left center; margin-bottom:8px; padding-left:12px; font-weight:normal;}
.leftside .left_mostramenu p {margin-left:25px; padding-left:10px; border-bottom:1px solid #ebebeb; padding-bottom:5px; margin-bottom:8px; background-image:url(../img/menu_li.jpg); background-repeat:no-repeat; background-position:left center;}

.left_newsletter {margin-top:20px; width:180px; margin-bottom:20px; text-align:left;}
.left_newsletter h1 {background-image:url(../img/newsletter_background.jpg); background-repeat:no-repeat; color:#fff; height:48px; margin-left:-13px; padding-top:9px; text-align:left; padding-left:20px;}
.left_newsletter form {}
.left_newsletter input {border:1px solid #CCC; margin:10px 0;}
.left_newsletter .btcadastrar {margin-left:35px; margin-top:2px;}
.left_newsletter h1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; width:90px; margin-bottom:10px;}

.left_fiquepodentro {margin-top:20px; width:180px; margin-bottom:20px; text-align:left;}
.left_fiquepodentro h1 {background-image:url(../img/fiquepordentro.png); background-repeat:no-repeat; color:#fff; height:48px; font-size:18px; font-weight:normal; margin-left:-13px; padding-top:10px; text-align:left; padding-left:20px;}

.left_tagclounds {width:169px; text-align:center;}
.left_tagclounds h1 {background-image:url(../img/newsletter_background.jpg); background-repeat:no-repeat; color:#fff; height:48px; font-size:20px; font-weight:normal; margin-left:-13px; padding-top:8px; text-align:left; padding-left:20px;}
.left_tagclounds .clound01 {font-size:9px;}
.left_tagclounds .clound02 {font-size:11px;}
.left_tagclounds .clound03 {font-size:12px;}
.left_tagclounds .clound04 {font-size:13px;}
.left_tagclounds .clound05 {font-size:14px;}
.left_tagclounds .clound06 {font-size:15px;}
.left_tagclounds .clound07 {font-size:17px;}
.left_tagclounds .clound08 {font-size:19px;}
.left_tagclounds .clound09 {font-size:21px;}
.left_tagclounds .clound10 {font-size:25px;}

.mostra_bts {margin-left:11px; margin-top:15px;}
.mostra_bts img {padding-left:8px;}

/****************************************
	LADO DIREITO
****************************************/

.rightside {float:left; margin-left:60px; margin-top:20px; width:759px;}

/********** MAIN - PAGINA PRINCIPAL **********/

.main_mostrabanner {background-color:#CCC; height:150px; margin-bottom:10px; margin-right:10px;}

.main_mostraprodutodestaque {width:157px; height:262px; padding:12px; float:left; margin-right:5px; margin-bottom:10px; background-image:url(../img/main_destaque.jpg); background-repeat:no-repeat;}
.main_mostraprodutodestaque div { overflow:hidden; cursor:pointer;}

.de {text-decoration: line-through; font-size:10px;}
.por {font-size:10px; color:#000; font-size:15px; font-weight:bold; margin-top:5px;}
.de-detalhes {text-decoration: line-through; font-size:}
.por-detalhes {font-size:18px; color:green;}

.ref {color:#CCCCCC; font-size:10px; text-align:right; margin-top:4px;}
.titulo {color:#7f2220; height:30px; font-size:14px; font-weight:normal; margin-bottom:10px; margin-top:15px;}
.valor {color:#000; font-size:16px; font-weight:bold; margin-top:5px;}
.detalhes {text-align:center; margin-top:23px; margin-right:3px; font-size:12px; color:#FFFFFF;}
.detalhes a:hover {text-decoration:underline; color:#FFFFFF;}
.parcelas {font-size:11px; color:#656565;}
.detalhe_parcelas {border:1px solid #f1f1f1; width:150px; padding:4px; text-align:center; margin-bottom:4px; background-color:#fff; font-size:10px;}

.lado_esquerdo {float:left; width:150px; margin-right:17px;}
.lado_direito {float:left; width:150px; }

.paging {text-align:center;  padding:10px; margin-top:20px;  border:none; background-color:none; -moz-border-radius:5px;  -webkit-border-radius:5px; }
.paging a {padding:5px 10px; margin:3px;  background-color:#f9f9f9;border:1px solid #ccc;  -moz-border-radius:5px;  -webkit-border-radius:5px;}
.paging a:hover {background-color:#fff;border:1px solid #ccc;  -moz-border-radius:5px;  -webkit-border-radius:5px;}

.paging span {cursor:default;  padding:5px 10px; margin:3px;  background-color:#f9f9f9; border:1px solid #ccc;  -moz-border-radius:5px;  -webkit-border-radius:5px;}

/********** MAPA DE LINK **********/

.mapadelink {margin-bottom:10px; background-color:#f9f9f9; width:97%; padding:5px;}

/********** PRODUTOS DETALHE **********/

.lockscreen {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; -moz-opacity:0.05; opacity:0.05; filter:alpha(opacity=5);  display:none; z-index:101;}

.detalhe_left {float:left; margin-right:10px; width:350px;}
.left_mostrafoto {width:330px; height:auto; background-color:none; margin-top:15px; position:relative;}

.amplia_foto {width:330px; height:auto; /* position:absolute; top:0; left:0;*/  cursor:pointer; }
.amplia_foto img {}
.left_mostraminiatura {float:left; width:102px; height:66px; margin:0 5px; margin-bottom:10px; background-color:none; overflow:hidden; border:none;}
.left_mostraminiatura:hover {}
.left_mostraminiatura img {border:1px solid #ccc; cursor: pointer;}


.detalhe_right {float:left; width:355px;}
.detalhe_right h1 {margin-bottom:10px; color:#2383a9;}

.thumb-container{width:260px; height:71px; padding:4px 3px; overflow:hidden; float:left; /* -moz-border-radius:5px;  -webkit-border-radius:5px;  */}

.roll-left{width:25px;  height:76px;margin-left:1px; margin-right:3px; border:none;  display:block; float:left; background-image:url(../img/arrow-left.png); background-position:center; background-repeat:no-repeat; -moz-border-radius:5px;  -webkit-border-radius:5px; cursor:pointer;}
.roll-left:hover{background-color:#f0f0f0;} 
.roll-right{width:25px; height:76px;  margin-left:10px; border:none; display:block; float:left; background-image:url(../img/arrow-right.png); background-position:center; background-repeat:no-repeat; -moz-border-radius:5px;  -webkit-border-radius:5px; cursor:pointer;}
.roll-right:hover{background-color:#f0f0f0;} 

#opacity25{-moz-opacity:0.25; opacity:0.25; filter:alpha(opacity=25);}

.detalhe_preco {border-right:5px solid #efefef; border-bottom:5px solid #efefef; background-color:#fbfbfb; padding:10px; position:relative; margin-bottom:10px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.detalhe_preco .btcomprar {position:absolute; top:20px; left:270px;  -moz-border-radius:5px;  -webkit-border-radius:5px;}
.detalhe_preco h2 {font-size:20px;}

.detalhe_disponivel {border-right:5px solid #efefef; border-bottom:5px solid #efefef; background-color:#fbfbfb; border-bottom:5px solid #efefef; background-color:#fbfbfb; padding:10px; position:relative; margin-bottom:10px;  -moz-border-radius:5px;  -webkit-border-radius:5px; }
.detalhe_disponivel .indisp {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#f72725;}
.detalhe_disponivel .dispo {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#64aa02;}
.detalhe_disponivel .btavisar {position:absolute; top:12px; left:185px;}
.detalhe_variavel {border-right:5px solid #efefef; border-bottom:5px solid #efefef; background-color:#fbfbfb; padding:10px; position:relative; margin-bottom:10px;  -moz-border-radius:5px;  -webkit-border-radius:5px;}

.details {float:left; position:relative; padding:3px; background:#f9f9f9; border:4px solid #ccc; margin-right:4px; -moz-border-radius:5px;  -webkit-border-radius:5px; font-size:13px; margin-bottom:4px;}
.details:hover {}

.detalhe_btcomprar {font-size:17px; font-family:Arial, Helvetica, sans-serif; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.detalhe_btcomprar:hover{}


.detalhe_recomendar {margin-top:30px; text-align:left;}
.detalhe_descricao {margin-top:17px; width:96%; padding:10px; line-height:16px;}
.detalhe_descricao h1 {border-bottom:3px dotted #CCC; padding-bottom:10px; color:#ad3935; font-size:19px;}
h1.titulorelacionado {border-bottom:3px dotted #CCC; padding-bottom:10px; color:#ad3935; font-size:19px;}

/**********  RECOMENDAR PRODUTOS **********/

.recomendar {padding:22px;  width:300px; border:5px solid #d2f1fd; position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-120px;  background-color:#fff; border:3px solid:#ccc;  -moz-border-radius:5px;  -webkit-border-radius:5px; z-index:102; display:none;}
.atacado {padding:22px;  width:300px; border:5px solid #d2f1fd; position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-120px;  background-color:#fff; border:3px solid:#ccc;  -moz-border-radius:5px;  -webkit-border-radius:5px; z-index:102;  display:none; }
.enviar {background:#D4FFBD; color:#333;  cursor:pointer;}
.enviar:hover {background:#A8FFA0;}
.cancelar {background:#FFB0B1; color:#333; cursor:pointer;}
.cancelar:hover {background:#FF8486;}

/**********  AVISAR QDO DISPONIVEL **********/

.avisar{padding:22px; border:5px solid #d2f1fd; width:300px; position:fixed; top:50%; left:50%; margin-left:-150px; margin-top:-120px;  background-color:#fff; border:3px solid:#ccc;  -moz-border-radius:5px;  -webkit-border-radius:5px; z-index:102; display:none;}

/**********  CARRINHO DE COMPRAS **********/
.details-basket {float:center; position:relative; background:#f9f9f9; width:auto; padding:5px; margin:3px; border:1px solid transparent;  -moz-border-radius:5px;  -webkit-border-radius:5px; cursor:default; }

.remover {}
.remover:hover {}

.display-q { font-size:18px; color:#1093FF; font-weight:bold; display:block;}
.peso-total { text-align:right; font-size:9px; color:#999; padding:5px 10px;}

.carrinho {border:1px solid #ccc; width:auto;  padding:2px; margin-top:15px; border-collapse:separate;  border-spacing:0; cursor:default; font-size:12px;}
.carrinho td {border:1px solid #fff; }
.carrinho-indice{background:#f7b904;}
.carrinho-indice td{text-align:left; height:44px; padding-left:8px; background-image:url(../img/site_carrinhofundo.jpg); background-repeat:repeat-x;}
.carrinho-itens{background:#f9f9f9;}
.carrinho-itens td{padding:5px; text-align:left;}

.det{border:1px solid #ccc;  padding:2px;   margin-top:15px;  -moz-border-radius:5px;  -webkit-border-radius:5px; border-collapse:collapse;   cursor:default;}
.det td{border:1px solid #ccc;  -moz-border-radius:5px;  -webkit-border-radius:5px; }
.det-indice{background:#f0f0f0;}
.det-indice td{padding:5px; text-align:left; }
.det-itens{background:#f9f9f9;}
.det-itens td{padding:5px; text-align:left;}


.detalhes-compras{margin:5px; padding:10px; display:none; margin-bottom:10px; background:#fff; -moz-border-radius:5px;  -webkit-border-radius:5px; margin-bottom:20px; }

.concluir-compra {float:right;}
.concluir-compra:hover{}

.pagar-compra{ border:1px solid #ccc; background-color:#B6DCFF;  margin:7px; color:#333; padding:7px 14px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.pagar-compra:hover{ background-color:#FFF5B7;  color:#111;}


.continuar-comprando {float:left;}
.continuar-comprando:hover {}

/********** HIERARQUIAS DO MENU **********/

.grupo {font-size:24px; margin-left:50px; display:block; padding:20px;}

/********** SISTEMA DE LOGIN **********/

.login_fazerlogin {border:1px solid #ccc; background-color:#f9f9f9; padding:10px; width:330px; height:150px; float:left; margin-right:10px;  -moz-border-radius:5px;  -webkit-border-radius:5px;}

.login_fazercadastro {border:1px solid #ccc; background-color:#f9f9f9; padding:10px; height:150px; width:330px; float:left;  -moz-border-radius:5px;  -webkit-border-radius:5px;}
.login_fazercadastro p {line-height:16px;}
.login_fazercadastro a {display:block; padding:5px; background-color:#0188cd; color:#FFF; width:120px; margin:30px auto auto auto;  -moz-border-radius:5px;  -webkit-border-radius:5px;}
.login_fazercadastro a:hover {}

/********** LEMBRAR SENHA **********/

.remember-pass {border:1px solid #CCC; background-color:#f9f9f9;  -moz-border-radius:5px;  -webkit-border-radius:5px; padding:10px; height:auto; margin-top:20px;  margin-right:10px; display:none;}

/****************************************
	RODAPE
****************************************/

#rodape {width:976px; height:87px; background-image:url(../img/rodape_background.png); margin:-140px auto auto auto;}
.menurodape {text-align:left; padding-top:25px; font-size:13px; padding-bottom:20px;}
.menurodape li a {color:#000;}
.menurodape li a:hover {text-decoration:underline;}
.menurodape li {display:inline; padding:0 36px 0 0;}
img.mostrapagamentos {position:absolute; top:70px; left:240px; margin-bottom:20px;}

address {font-style:normal; padding-top:25px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:13px;}

img.imgrodapefinal {margin-left:-9px; margin-top:40px;}

.rodape_logos {width:935px; margin:10px auto;}
.logo1 {float:left; margin-top:40px;}
.logo2 {float:right; margin-top:40px;}

/****************************************
     BANNER ROTATIVO
****************************************/

.display-banner {position:relative; margin:0; z-index:10;}
.count-banner {width:553px; padding:5px; margin-top:10px; background-image:url(../img/main_banner.jpg); text-align:right; border:1px solid #e4e4e4;}
.count-banner a {margin-right:10px;}
.count-banner a:hover {}
.banner-rotativo {}

.banner-topo {margin:0; text-align:center;  padding:5px; position:absolute; top:58px; left:347px; z-index:100;}
.banner-topo img {-moz-border-radius:5px; -webkit-border-radius:5px;}

.banner-lateral{text-align:center; margin-right:37px; margin-bottom:10px;}
.banner-lateral img {}



/* Document Object  Model */

.lock {position:fixed; top:0; left:0;  opacity:0.25; -moz-opacity:0.25; Filter:Alpha(opacity=25); width:100%; height:100%; background:#000; z-index:99; display:none;}
.resposta {position: fixed; top:50%; left:50%;  width:200px; height:auto; margin-left:-105px;  margin-top:-32px;  background-color:#f9f9f9; z-index:99; padding:10px; -moz-border-radius:5px;  -webkit-border-radius:5px;  border:1px solid #999;  font-weight:bold; font-size:14px; text-align:center;  color:#666; display:none;}
.aviso {height:auto; margin-top:10px; background-image:url(../img/aviso_bg.jpg); background-repeat:repeat-x; margin-right:10px; padding:10px; -moz-border-radius:5px;  -webkit-border-radius:5px;  border:1px solid #f1f1f1; font-size:14px; text-align:center; color:#666; }
.calculo-frete {height:auto; margin-top:10px; margin-right:10px; padding:10px; font-size:14px; text-align:left; color:#333; font-weight:bold; }
.informacao {height:auto;   margin:10px 10px 10px 0; background-color:#f0f0f0;  padding:10px; -moz-border-radius:5px;  -webkit-border-radius:5px;  border:1px solid #ccc; font-size:14px; text-align:center;  color:black; }
.meu {padding:5px; -moz-border-radius:5px; border:1px solid #ccc; background:#fff; background-image:url(../img/site_carrinhofundo.jpg); background-repeat:repeat-x; background-position:bottom; margin-right:10px;}
.meu h2 {color:red;}
.transfer {border: 1px dotted black; background:green; -moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30);   }


/* upload image */

.input{width:140px; height:auto; -moz-border-radius:5px;  -webkit-border-radius:5px; border:1px solid #999; background:#f9f9f9; position:relative; padding:2px 0 0 2px; margin:10px 0; text-align:center;}
.invisible{ position:absolute; left:0; top:0; z-index:20; width:70px;   -moz-opacity:0; opacity:0; filter:alpha(opacity=0); }
#reciver{width:140px; }


/* galerias */

.thumb-gal{ width:220px; height:162px; border:4px solid #ccc; background:#f9f9f9; overflow:hidden; float:left; margin-right:10px; margin-bottom:10px;}
.thumb-gal:hover{ border:4px solid #d45a1d;}

#contrato{-moz-border-radius:5px;  -webkit-border-radius:5px; border:1px solid #999; height:100px; overflow:auto; padding:5px; color:#999;}
#contrato:hover{color:#333;}

#concordo{padding:5px; color:red; margin-top:10px;}



/* MENU */

.cat {  display:none;  }
.subcat {  display:none;  }