@charset "utf-8";
/* CSS Document */

#dark{ background-color: #333; padding: 30px; width: 650px;}

/* CORES VARIAVÉIS --------------------------------------------------------- */

.divLoja .listLoja li ul li a,
.divLoja .text p,
.divLoja p,.divLoja span,
.divLoja .listDetails .price2 .iva,
.divLoja .styleLoja th,.divLoja .styleLoja td,.divLoja .styleLoja td a, .divLoja { }

/*  --------------------------------------------------------- */

/* LOJA */
.divLoja{ padding-top: 2%; padding-bottom: 2%; max-width: 96%; min-width: 96%; width: auto !important; position: absolute;}
.divLoja a,.divLoja p, .divLoja .btnLoja1{ font-size: 11px;}


/* LEFT ------------------------------------ */
.divLoja .listLoja{ float: left; width: 22%; }
.divLoja .listLoja li{ background: url("../../images/container_listLoja_bgStretch.png") repeat-y top right; text-transform: uppercase; padding: 10px 7px 0 0; float: left; width: 100%;}
.divLoja .listLoja li a{ background: url("../../images/container_listLoja_elements.png") no-repeat 0 -1px; font-size: 10px; color: #000000}
.divLoja .listLoja .bgTop,.divLoja .listLoja .bgBottom{ background: url("../../images/container_listLoja_bg.png") no-repeat; height: 4px; padding: 0 7px 0 0;}
.divLoja .listLoja .bgTop{ background-position: top right;}
.divLoja .listLoja .bgBottom{ background-position: bottom right;}

.divLoja .listLoja li ul li {
    background: none repeat scroll 0 0 transparent;
    padding: 0 0 7px 11px;
    text-transform: none;
    width: 90%;
}

.divLoja .listLoja li ul li a{ text-decoration: underline; background: none; font-size: 11px; padding 0;}




/* RIGHT ------------------------------------ */
.divLoja table {font-size: 11px; width: 100%; }

.divLoja .listPro{float: left; position: relative; width: 75%; }
.divLoja .margin { margin-right: 4%;}

.divLoja .listPro a.predefined_link{ color: #000000; }

.divLoja #paginator3 {}
.divLoja #paginator3 li{ width: 152px; min-height: 152px; height: auto !important; display: inline; margin-bottom: 25px; float: left;}

.divLoja #pajinate3 #paginator3{ width: 100%; height: 479px;}

#pajinate3 .pageInformation{ position: absolute; float: none; padding: 0; top: -508px; left: -231px !important; color: #333 !important;
                             font-size: 11px;}

.divLoja #pajinate3 .pageInformation{ position: absolute; float: none; padding: 0; top: -508px; left: -231px !important; color: #333 !important;
                                      font-size: 11px;}

.divLoja #pajinate3 { height: 24px; float: left; position: relative; left: 230px;}
.divLoja #pajinate3 .divLoja #pajinate3  span{ float: left; color: #858585; display: block; margin-right: 2px;}
.divLoja #pajinate3 .divLoja #pajinate3  .prevP,.divLoja #pajinate3  .nextPageS{ padding: 3px 5px; border: 0;}

.divLoja #pajinate3  span{ float: left; padding: 3px 5px;}
.divLoja #pajinate3 .inactive{ color: #F2BD39; text-decoration: underline;  border: 0; background-color: transparent;}

#pajinate3 a:hover{ background-color: #FFF; color: #333; border: 0; outline: 0; text-decoration: underline;}



/* imagem */
.divLoja .image,
.divLoja .image a,
.divLoja .mask{ width: 152px; height: 152px; position: relative;}
.divLoja .mask,
.divLoja .mask:hover{ position: absolute; background: url("../../images/container_listLoja_mask.png") no-repeat 0 0; left: 0;}
.divLoja .image{ padding-bottom: 6px; border-bottom: 1px solid #999;}
.divLoja .image a{ display: block; text-align: center;}
.divLoja .image img{ max-width: 136px; width: auto !important; max-height: 137px; height: auto !important; z-index: -1; padding-top: 7px;}

/* texto */
.divLoja .text{ border-top: 1px solid #888; padding-top: 3px; position: relative;}
.divLoja .name{ font-weight: bold; width: 110px;}
.divLoja .text .price{ position: absolute; top: 3px; right: 0;}
.divLoja .text .price span{ padding-left: 4px;}

/* butoes */
.divLoja .buyButtons{ margin-top: 6px; position: relative; height: 35px;}

.buyButtons .btnLoja1{ float: right; cursor: pointer;}

a.btnLoja0 span{ color: #666;}
a.btnLoja0,a.btnLoja0 span{ background: url("../../images/container_listLoja_btn.png") no-repeat;}

#detailsBtn .btnLoja1 span,
.btnLoja1 span{ color: #FFF;}
.btnLoja1,.btnLoja1 span{ background: url("../../images/container_listLoja_btn1.png") no-repeat;}

a.btnLoja0,
.btnLoja1{ background-position: bottom left; height: 17px; padding-left: 2px; float: right;  }

a.btnLoja1 + .btnLoja0{ margin-right: 16px}
.buyButtons .btnLoja1{ float: left}

#detailsBtn a.btnLoja1 span,
a.btnLoja0 span,
.btnLoja1 span{ font-size: 8px; text-transform: uppercase; text-align: center; line-height: 120%;
                 background-position: bottom right; float: left; padding: 4px 7px 4px 0; min-width: 40px; width: auto !important; height: 9px;
                 position: relative; right: -4px;}

/* paginator */
.divLoja .paginator{ margin: 0 auto; position: static; clear: both; float: none; width: 510px;}

.divLoja .paginator .pageInformation{ display: none;}

.divLoja .paginator a,
.divLoja .paginator span{ color: #888; border: 0 none;}
.divLoja .paginator .inactive{ background: none; text-decoration: underline;  font-weight: bold; text-decoration: none}

/* detalhes */
.divLoja .voltarLink { height: 9px; color: #F2BD39;}
.divLoja .voltarLink span{ text-decoration: underline; font-size: 9px;}
.divLoja .voltarLink span.symbol{ position: relative; left: -3px; text-decoration: none; font-size: 7px; float: left; padding-top: 5px; height: 9px;}

.divLoja .listDetails{ margin-top: 16px; list-style: none outside none;}
.divLoja .listDetails li{ margin-bottom: 14px; list-style: none outside none;}
.divLoja .listDetails li .bold{ font-weight: bold;}

.divLoja .listDetails .image2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: left; 
    background: url("../../images/container_listLoja_details.png") no-repeat 0 0; 
    width: 219px; 
    height: 204px; 
}
.divLoja .listDetails .image2 * {
    vertical-align: middle;
	margin-left: -8px;
    max-width: 219px; 
    max-height: 204px; 
}
.divLoja .listDetails .image2 {
    display: block;
}
.divLoja .listDetails .image2 span {
    display: inline-block;
    height: 100%;
    width: 1px;
}



.divLoja .listDetails .text2{ padding-left: 228px;}
.divLoja .listDetails .price2{ margin-bottom: 20px; position: relative;}
.divLoja .listDetails .price2 span{ font-size: 18px; font-weight: bold; padding-right: 4px;}
.divLoja .listDetails .price2 .iva{ font-size: 9px; font-weight: normal; display: block; text-align: left;}

.divLoja .listDetails .details{ font-size: 10px;}
.divLoja .listDetails .details,
.divLoja .title{ text-transform: uppercase; font-weight: bold;}

#detailsBtn{ height: 17px; }

.divLoja .font11{ font-size: 11px Arial; }

/* tabela */
.divLoja .styleLoja{ width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 14px;}

.divLoja .styleLoja tr.first th{ border-bottom: 1px solid #EFEFEF; padding-bottom: 5px;}
.divLoja .styleLoja tr.second th{ border-bottom: 1px solid #888;}
.divLoja .styleLoja th{ text-transform: uppercase; font-weight: bold; text-align: right; padding-left: 17px;}
.divLoja .styleLoja th.w60{ min-width: 62px; width: auto !important; padding-left: 10px;}

.divLoja .styleLoja th,.divLoja .styleLoja td span{ font-size: 10px;}
.divLoja .styleLoja .center{ text-align: center;}
.divLoja .styleLoja .item{ text-align: left;}

.divLoja .styleLoja td{ padding: 12px 0 10px; border-bottom: 1px solid #656565; border-top: 2px solid #5D5D5D; text-align: right;}
.divLoja .styleLoja .noBtop td{ border-top: 0;}
.divLoja .styleLoja .noBbottom td{ border-bottom: 0;}
.divLoja .styleLoja td a{ text-decoration: underline; font-size: 11px; font-weight: bold;}

/*.divLoja .styleLoja tr{ border-top: 1px solid red;}*/
.divLoja .styleLoja tr .total{ font-weight: bold; text-align: right;}

.divLoja .styleLoja input{ width: 36px; height: 10px; padding: 2px; margin-left: 10px; text-align: right; font-size: 10px; color: #666;}
.divLoja .styleLoja .delete{ background: url("../../images/container_listLoja_delete.png") no-repeat 0 0; display: block; width: 18px; height: 17px; float: left;}


/* total */
.divLoja .totalPrice{ float: right; padding-top: 56px; width:150px; list-style: none; padding: 0}
.divLoja .totalPrice li{ padding-bottom: 8px; position: relative; list-style: none; }
.divLoja .totalPrice p{ text-transform: uppercase; font-size: 8px;}
.divLoja .totalPrice .portes{ border-bottom: 1px solid #EFEFEF;}
.divLoja .totalPrice .portes p,.divLoja .totalPrice .portes span{ color: #CC3333;}
.divLoja .totalPrice p span{ font-size: 10px; float: right;}
.divLoja .totalPrice p span.padding{ padding-left: 60px;}

.divLoja .totalPrice ul{ border-top: 1px solid #888; float: left; width: 100%; list-style: none; padding: 12px 0 0 0; }
.divLoja .totalPrice .totalP p,.divLoja .totalPrice .totalP span{ font-size: 11px; font-weight: bold;}
.divLoja .totalPrice .iva{ padding-bottom: 26px;}
.divLoja .iva{ font-size: 9px; text-align: right; display: block;}
.divLoja .totalPrice a.btnLoja1{ float: right;}

/* finalizar encomenda */
.divLoja .listDetails2{ margin: 23px 0 0 0; width: 100%; padding-left: 0;}
.divLoja .listDetails2 li{ margin-bottom: 24px; clear: both; list-style: none; }
.divLoja .listDetails2 li .bold{ font-weight: bold; }
.divLoja .listDetails2 .city{ text-transform: uppercase; padding-left: 4px;}
.divLoja .listDetails2 a{ text-decoration: underline; color: #336699; padding-left: 4px;}
.divLoja .listDetails2 li.Resume ul{ padding: 0}

.Resume .bold{ margin-bottom: 3px;  padding-bottom: 3px;}
.Resume ul .items{ paddin-top: 10px; border-top: 1px solid #888; border-bottom: 1px solid #888888; padding-top: 10px; }
.Resume ul .items table tr td{ padding: 10px 0}
.Resume ul .items table tr.first td{ padding: 0 0 5px 0; border-bottom: 1px solid #EFEFEF}
.divLoja .listDetails2 .Resume ul li{ margin-bottom: 5px;}
.Resume ul li ul{ float: right;}

.Resume li span{ padding-left: 4px;}
.Resume li .underCaps{ text-transform: uppercase; text-decoration: underline;}
.Resume li .portEnv{ font-weight: bold;}

.totalEnco{ font-size: 12px; padding: 3px 0; width: 204px;}
.totalEnco .borderT{ border-top: 1px solid #888; display: block; height: 1px; padding-top: 5px;}

.totalEnco,.totalEnco .iva{ width: 204px;}
.totalEnco .portEnv{ text-transform: uppercase; font-weight: normal;}
.totalEnco,
.totalEnco ul{ float: right; }
.totalEnco + .totalEnco{ border-top: 1px solid #888}
.divLoja .listDetails2 .totalEnco ul li{ margin-bottom: 0; position: relative;}
.totalEnco ul li span{ padding-left: 4px;}
.totalEnco span{ font-weight: bold;}
.totalEnco .iva{ position: absolute; right: 0; padding-top: 5px; font-weight: normal;}

.divLoja .listDetails2 .buttons{ width: 140px; float: right; margin-top: 50px;}
.divLoja .listDetails2 .buttons .btnLoja1{ float: right;}
.divLoja .listDetails2 .buttons .btnLoja0,.divLoja .listDetails2 .buttons .btnLoja1{ text-decoration: none;}

/* form */
#carrinhoForm{ margin-top: 18px; position: relative; width: 100%; height: 268px;}
#carrinhoForm dd,#carrinhoForm dt{ padding: 0 0 9px 0; margin: 0;}
#carrinhoForm dd input[type=text]{ padding: 4px 12px; width: 370px; height: 11px; color: #666; font-size: 10px;}
#carrinhoForm dd select{ width: 295px; height: 18px; color: #666; font-size: 11px; margin: 0 0 9px 0;}
#carrinhoForm #post1-element,#carrinhoForm #post2-element,#carrinhoForm #localidade-element{ float: left;}
#carrinhoForm #post1-element input{ width: 42px; margin-right: 10px;}
#carrinhoForm #post2-element input{ width: 30px; }
#carrinhoForm #localidade-element input{ width: 202px; margin-left: 34px;}
#carrinhoForm #pais-element,
#carrinhoForm #pagamento-element{ padding: 0; height: 30px; float: left;}
#carrinhoForm #email-element{ background: url("../../images/container_listLoja_form_Emailbg.png") repeat-x bottom left; padding-bottom: 36px; margin-bottom: 14px;}
#carrinhoForm #pagamento-label{ position: absolute; top: 252px; left: 12px;}
#carrinhoForm #pagamento-label label{ font-weight: bold; font-style: italic; color: #666; font-size: 9px;}

#carrinhoForm #Continuar-label{ display: none;}
#carrinhoForm #Continuar-element,#carrinhoForm #Continuar-element input,
#carrinhoForm .btnLoja1,#carrinhoForm .btnLoja1 input{ background: url("../../images/container_listLoja_btn1.png") no-repeat; cursor: pointer;}
#carrinhoForm #Continuar-element,
#carrinhoForm .btnLoja1{ background-position: bottom left; height: 17px; padding: 0 0 0 2px; margin-right: 2px; float: right; position: relative; top: 38px;
                         left: 0; min-width: 45px; width: auto !important;}
#carrinhoForm #Continuar-element input,
#carrinhoForm .btnLoja1 input{ font-size: 8px; text-transform: uppercase; text-align: center; line-height: 120%;
                               color: #FFF; background-position: bottom right; float: right; padding: 4px 10px 4px 0; min-width: 10px; width: auto !important; height: 17px;
                               position: relative; right: -4px; border: 0;}
#carrinhoForm .btnLoja1{ margin-left: 15px;}
.formButton{ position: absolute; right: 80px;}

.dadosAbs{ margin-left: 12px; margin-bottom: 1px; }
.dadosAbs li p{ font-size: 12px; color: #888; width: 190px; font-style: italic; font-size: 9px;}
.dadosAbs li.metod{  }
.dadosAbs li.metod p{ font-weight: bold; font-style: italic; color: #666; font-size: 10px;}

/*.dadosAbs0{}
.dadosAbs0 li{ display: block; padding-bottom: 17px;}
.dadosAbs0 .last{ margin-top: 35px;}*/

.msgerro{ display: none; top:269px;}

.zend_form dd .erro1{ display: none; float: right;  }
.zend_form dd .erro2{ display: none; float: right;   }
.zend_form dd .erro3{ display: none; float: right; }
.zend_form dd .erro4{ display: none; float: right;   }
.zend_form dd .erro5{ display: none; float: right;   }
.zend_form dd .erro6{ display: none;  float: right;  }
.zend_form dd .erro7{ display: none;  float: right;   }
.zend_form dd .erro8{ display: none; float: right;   }
.zend_form dd .erro9{ display: none; float: right;   }
.asterix, p .asterix { font-size: 18px; color: #F2BD39; }

.dadosAbs0 .tracop{ position: absolute; top: 98px; left: 73px;}

/* OVERLAY */
.divLoja .listLoja li a:hover{ text-decoration: underline;}
.divLoja .listLoja li ul li a:hover,.divLoja .paginator .inactive:hover,.divLoja .voltarLink:hover span,
.divLoja .styleLoja td a:hover,.divLoja .listDetails2 a:hover{ text-decoration: none; cursor: pointer;}
.divLoja .listDetails2 li p{ margin-bottom: 4px}

#carrinhoForm .btnLoja1:hover,#carrinhoForm .btnLoja1:hover input,
a.btnLoja0:hover,a.btnLoja0:hover span,
.btnLoja1:hover,.btnLoja1:hover span{ cursor: pointer; color: #333;}

#carrinhoForm .btnLoja1:hover,
a.btnLoja0:hover,
.btnLoja1:hover{ background-position: left top;}

#carrinhoForm .btnLoja1:hover input,
a.btnLoja0:hover span,
#detailsBtn .btnLoja1:hover span,
.btnLoja1:hover span{ background-position: right top;}

.divLoja .paginator a:hover,
.divLoja .paginator span:hover{ background: none; border: 0 none;}

#paypal{ height: 100px; width: 204px; float: right; }
#paypal .buyButtons{ height: 20px; margin-top: 0}


#informacao1{display: none; text-decoration: none; }


transfBancdiv{width: 204px;}

#paypaldiv{width: 204px; margin-top: 15px;}

.semprod{
    position: relative;
    top: 180px;
    display: none;
    left: 120px;
}

#load1{
    position: relative;
    top: 200px;
    left: 120px;
    width: 100%;
    left: 245px;
    display: none;

}
#load2{
    position: relative;
    top: 77px;
    left: 120px;
    width: 100%;
    left: 462px;
    display: none;

}
.possicao1{
    margin-left: 12px;
}
.possicao2{
    margin-top: 38px;
    margin-left: 5px;
}

.tbsuccess {
	margin-top: 50px;
}


/* -- PAGINATOR -- */

.paginator a,.paginator span{ float: left; color: #858585; display: block; margin-right: 2px;}
.paginator a,#pajinate .paginator .prevP,#pajinate .paginator .nextPageS,
#pajinate_mop .paginator .prevP,#pajinate_mop .paginator .nextPageS{ border: solid 1px #E5E5E5; padding: 3px 5px; text-align: center; width: 11px; margin-right: 2px;}

.paginator span{ float: left; padding: 3px 2px;}
.paginator .prevP,#pajinate .paginator .nextPageS{ color: #E0E0E0; cursor: default;}