/************************************************************************
	PESTANAS E JANELAS
*************************************************************************/
#pestana {height:23px; float:right; text-align:center; list-style:none; display: block;}
#pestana a.pestana_loja {display:block; margin-left:1px; text-decoration:none; line-height:22px; padding: 0; color:#19bcb9; background: none; font-size:12px;}
#pestana a.pestana_loja:hover {background:none; color:#15a9a6;}
#pestana a.pestana_loja .cesto {float:left;margin:2px 0 0 5px; width: 23px; height: 18px; display: block; background: url('../images/cart_icon_blue.png') no-repeat; background-size: 100% 100%;}
#pestana li {float:left; position:relative; margin-right:4px;}
#pestana #n_itens {font-size:13px; color:#19bcb9; font-weight:bold; margin-right:4px; padding-left:5px;}
/*#pestana li.last {padding:0}*/
#pestana a.pestana_pesquisa {display:block; text-decoration:none; color:#fff; background: #9aac3b url('../images/icon-search.png') no-repeat; width:32px;height:32px; padding-top: 5px;}
#pestana a.pestana_pesquisa:hover {background: #013801 url('../images/icon-search.png') no-repeat;}
#janela_pesquisa {position:absolute; background:white; width:300px; text-align:left; top:36px; right:0; padding:20px; font-size:11px; display:none}
#janela_pesquisa .arrow{display:block; width:9px; height:4px; margin-top:-24px; margin-right:-12px; float:right; background:url('../images/arrow.gif')}
#janela_pesquisa input {height:25px; width:185px; font-family: Arial, Sans-Serif;  font-size: 13px;}
#janela_pesquisa .defaultTextActive { color: #a1a1a1; font-style: italic; }
#janela_loja {position:absolute; background:white; width:270px; text-align:left; top:36px; right:0; padding:20px; font-size:11px; display:none; border:1px solid #19bcb9;}
#janela_loja .arrow{display:block; width:9px; height:4px; margin-top:-24px; margin-right:-12px; float:right; background:url('../images/arrow_bt.png')}
.fechar_form {margin-right:10px;}
.barra{display:none;}

.shopping_item_mini {display:table; float:left; margin-bottom:20px; width:100%; min-height: 68px; padding-bottom: 10px; border-bottom:1px solid #ccc}
.shopping_item_mini .mini_foto {float:left; width:70px; display:table-cell;}
.shopping_item_mini .mini_item {float:left; width:130px; display:table; height:50px;}
.shopping_item_mini .mini_eliminar {float:left; width:13px; display:table; padding-top:15px; margin-left: 8px;}
.shopping_item_mini .mini_item div {display:table-cell; vertical-align:middle;}
.shopping_item_mini .mini_item a {color:#1b120f;}
.shopping_item_mini .mini_item a:hover {color:#000000;}
#loja_shoppingbag_mini .min_ver {width:100%; text-align:center}
.shopping_item_mini .mini_eliminar a:link {display:block; cursor:pointer; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat 0 -60px}
.shopping_item_mini .mini_eliminar a:hover {background:url('../images/icons_loja.png') 0 -75px no-repeat}
.shopping_item_mini .mini_item h4{font-size:12px;}

/************************************************************************
	MENU
*************************************************************************/
#navProdutos {float: left; width: 200px;}
#navProdutos.stick {position: fixed; top: 0}
#navProdutos > ul {margin: 20px}
#navProdutos li a {color: #555}
#navProdutos > ul > li > ul > li a:hover {color: #333}
#navProdutos li.active a {color: #000a20; background: url('../images/logo-ico.png') no-repeat 0 4px; padding-left: 12px; margin-left: -12px}
#navProdutos > ul li .lnk {text-transform: uppercase;  font-size: 15px;display: inline-block; margin-bottom: 7px;}
#navProdutos > ul > li > ul {margin-bottom: 20px}
#navProdutos > ul > li > ul > li {padding: 2px 0; font-size: 12px;}

/************************************************************************
	LISTAGEM
*************************************************************************/
.rightBody {display: table; float: right; width: 700px;}

.loja_item {float:left;	width:222px; margin:0 10px 26px 0; position: relative; height: 340px;}
.loja_item h2 { margin: 10px 0 5px 0; text-transform: uppercase;}
.loja_item a{ color:#888;}
.loja_item a:hover {color: #a21317}
.loja_item .foto {width:220px; height:290px; margin: 0; text-align:center; display:table; background:#fff;}
.loja_item>span {font-size: 14px; color:#000a20;}
.loja_item>span s {color: #666; font-size: 12px;}
.loja_item div, .foto span {display:table-cell; vertical-align:middle;}
.loja_item #over {position: absolute; display: none; width:220px; height:290px; text-align:center;}
.loja_info {width:220px; vertical-align:middle; text-align:center; display:table; float:left; margin-bottom:10px}
.loja_actions {margin: 0 auto; vertical-align:middle; text-align:center; font-size: 20px; width: 220px}

h3 .antigo { font-size:17px; color:#666;font-weight:normal}

.pagination2 {float:left; width:700px; text-align:center; border-top: 1px solid #c6c7c9; padding: 10px 0 0;}
.pagination2 a {color:#888;text-decoration:none;}
.pagination2 a:hover {text-decoration:underline;}

.breadcrumb {padding: 10px; margin-bottom: 30px; text-align: right; border-bottom: 1px solid #c6c7c9; }
.breadcrumb a{color:#888;font-weight: bold}
.breadcrumb2 {display: block; width:900px; padding: 10px; margin-bottom: 30px; margin-top: 30px}
.breadcrumb2 a{color:#888;font-weight: bold}

#more {width:200px; margin: 0 auto; clear: both; display: block; padding-top: 20px; text-align: center; display: none;}

/************************************************************************
	LISTAGEM ASSOCIADOS
*************************************************************************/
.associados {padding-top: 40px; clear: both;}
.associado {width: 100px}

/************************************************************************
	DETALHE
*************************************************************************/
.barra {height: 57px;background: #faf4e1;position: relative;margin: 88px 0 25px 10px;}
.col_images {float:left; display: table; margin-top: 30px}
.col_images img{display: block; margin-bottom: 10px; }
#fotos {width:398px;float:left;}
.fotos_loading {width:398px;float:left; height: 480px; position: relative; background: url('../images/loader.gif') center center no-repeat;}
.fotos_loading img {position: absolute; top:50%; left: 50%; margin: -15px 0 0 -15px}
.produto_foto {float:right; margin-left:10px; margin-top:30px; position:relative;}

.artigo {float:left; width:500px; margin-left:20px;margin-top:30px; display: table}
.artigo .voltar {border-bottom:1px solid #c6c7c9; padding-bottom: 15px; margin-bottom: 15px;float: left; width: 500px; position:relative}
.artigo .voltar a {color: #888; /*text-transform: uppercase; background: url('../images/seta.png') no-repeat right 3px; padding-right:20px;*/}
.artigo .voltar ul {float:left}
.artigo .voltar ul li>div{position:absolute; display:none; padding-top:15px; background:#ffffff; float:left;  z-index:10;}
.artigo .voltar ul li>div .seta_prod{position:absolute; width:9px; height:5px; background:url('../images/seta_prod.png') no-repeat; top:11px;}
.artigo .voltar ul li:hover>div{display:block; float:left;}
.artigo .voltar ul li:hover>div>div{padding:20px; border:1px solid #c6c7c9; float:left;}
.artigo .voltar ul li:hover>div a{display:block; padding:5px 0px; font-weight:bold; background:none}
.artigo .voltar ul li:hover>div a:hover{color:#a21317; text-decoration:underline}
.artigo .tamanho,.artigo .cores { padding-top: 15px; margin-top: 15px;float: left; width: 500px; position:relative; font-weight: bold}
.artigo .tamanho { border-top:1px solid #c6c7c9; }
.artigo #uniform-tamanho,.artigo #uniform-cores {margin-top: 10px;}
.artigo #uniform-tamanho span,.artigo #uniform-cores span {width:70px}
.artigo .tamanho a {color: #888}
.artigo_detalhe {margin-bottom:15px; clear:both; display: block}

.btLoja {position:relative; margin-top:20px; width: 500px; border-top:1px solid #c6c7c9; padding: 20px 0; float: left}
.btLoja div {float:left; margin-right: 10px}
.btLoja #encomendar {display:none}

.campo1 {margin-top:-10px; font-size:10px}
.campo2 {margin-top:-7px; font-size:10px; float:left}
.campo3 h3 {font-size:20px; color: #000a20} /*Preço*/

.etabs { border-bottom: 1px solid #c6c7c9;}
.tab { display: inline-block; zoom:1; *display:inline; border-bottom: none;  }
.etabs > li > a {padding: 8px 12px; line-height: 20px; border: 1px solid transparent; margin-right: 2px; line-height: 14px; display: block; color: #888}
.etabs > li { margin-bottom: -1px;line-height: 20px; }
.etabs > li a:hover { color:#a21317; }
.etabs > .active > a, .etabs > .active > a:hover, .etabs > .active > a:focus { cursor: default; background-color: #fff; border: 1px solid #c6c7c9; border-bottom: 1px solid #fff; color: #888 !important; }
.tab-container .panel-container { background: #fff;padding: 15px 10px; }

/************************************************************************
	ENCOMENDA
*************************************************************************/
.carrinho-tit {margin-top:30px; float:left; margin-left:30px;}
.cont {width:870px; margin-top:20px; float:left; margin-left:30px;}
.carrinho {width:100%;}
.carrinho td {border:0px solid #333; vertical-align:middle; padding:10px 0 10px 0}

thead tr {font-weight:bold;}
thead th.separador {height:20px}
tbody tr {border-bottom:1px solid #ccc;}

.carrinho td.foto {height:90px; vertical-align:middle}
.carrinho td.foto div {display:table-cell; vertical-align:middle; text-align:center; background:#fff; width:100%; padding:0; margin:0 }
.carrinho .aright {text-align:right; padding-right:20px}
.carrinho .quantidade {margin-top:5px; margin-right:10px}
.carrinho .aright a.mais {display:block; cursor:default; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat; margin-bottom:3px}
.carrinho .aright a.menos {display:block; cursor:default; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat 0 -30px}
.carrinho .aright a.mais:hover {background:url('../images/icons_loja.png') no-repeat 0 -15px;}
.carrinho .aright a.menos:hover {background:url('../images/icons_loja.png') no-repeat 0 -45px}
.carrinho .eliminar a {display:block; cursor:default; width:13px; height:13px; background:url('../images/icons_loja.png') no-repeat 0 -60px; margin-top:-2px; cursor:pointer}
.carrinho .eliminar a:hover {background:url('../images/icons_loja.png') no-repeat 0 -75px}
.carrinho thead tr:nth-child(2) th{border-bottom:1px solid #cccccc}
.carrinho thead th:nth-child(4){text-align:center}
.carrinho thead th:nth-child(1), .carrinho thead th:nth-child(3){text-align:center}
.carrinho thead th, .carrinho td{padding-left:10px;}
.carrinho .quantidade{width:100%; margin:0;}
.carrinho .quantidade .btn-quantity-wrapper {position:absolute;top:0; right:0; width:17px;z-index:2;}
.carrinho .quantidade .quantity-wrapper{width:80px; background:#fff; height:34px;float:left; margin-right:4px; position:relative;}
.carrinho .quantidade .quantity-wrapper input{margin:0; background:#fff !important; height:37px; padding-left:5px; font-size: 12px; border:1px solid #e2e2e2; width:80px;}
.carrinho .quantidade .btn-quantity {line-height:16px;text-align:center;vertical-align:middle;background:#15A9A6; margin-top:2px;color:#fff; cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;  margin-right:2px;}
.carrinho .quantidade .btn-quantity.menos{background:#19BCB9; margin-top:1px;}
.carrinho .quantidade .btn-quantity:active {background:#0e807e;}
.carrinho td.foto div{float:left; width:100%; text-align:center}
.carrinho .desc{line-height:14px}
.carrinho .p_unitario{font-size:15px; text-align: center;}
.carrinho .p_unitario span{font-size:15px}
.carrinho .lastCol{text-align:center}

tfoot tr {border-top:1px solid #ccc;}
tfoot tr table tr{ border:0;}
tfoot tr table td {background:red; padding:0; height:10px;}
tfoot tr.total td {background:#f3f3f3; padding:30px 0}
tfoot tr.bts td {padding:30px 0}
tfoot tr.bts td:nth-child(1) .bt2{float:left}

.total_left {float: left; text-align:right;}
.total_right {float: left; text-align:right; margin-left:20px;}
.vtotal {font-weight:bold; font-size:16px; float:right; margin:10px 0px}
.cont h2 {font-size: 14px; font-weight: bold; margin-bottom: 10px}

/************************************************************************
	PROCESSO
*************************************************************************/
ul#passos {float:left; padding:15px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; display:block;}
ul#passos li {float:left}
ul#passos li.active {font-weight:bold}
ul#passos li span {padding:30px}

.dados_transfer li {margin-bottom: 10px;font-weight: bold;}
.dados_transfer li label {font-weight: normal;}

.section {display:block; float:left; margin:30px 0 0px 0px;}
.metodo {float:left}
.metodo ul {margin-top:20px} 
.metodo li {height:50px;margin-top: 25px;}
.metodo input, .metodo img{float:left} .metodo img {margin-top:-12px;}
.total_pagamento {margin-top: 70px;}

.checkbox, .radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url('../images/checkbox.png') no-repeat;display: block;clear: left;float: left;}
.radio {background: url('../images/radio.png') no-repeat;}
.select {position: absolute;width: 158px; height: 21px;padding: 0 24px 0 8px;color: #fff;font: 11px/21px arial,sans-serif;background: url('../images/select.png') no-repeat;overflow: hidden;}
.lista {margin-top:10px;}
/*.lista #morada_alt{margin-top:10px}*/
.ulstyled li {line-height:24px; vertical-align:middle}
.btadicional{margin-top:20px}
.actions {float:left; text-align:right; border-top:1px solid #ccc; margin-top:30px; padding:15px}
.actions a {margin:0}

#morada_fac li, #morada_alt li  {display:block; padding: 2px 0}
#morada_fac input, #moradaEnt input{width:100%;}

/*#morada_fac label {width:100px; display:inline-block}
#morada_fac label.pais {float:left; margin-top:5px}*/

.col-moradaEnt input[type="checkbox"] {width:auto; margin: 4px 10px 0; margin-top: 1px \9; line-height: normal; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 13px; height: 13px; margin: 0; margin-right: 1px; display: block; float: left; position: relative; cursor: pointer; margin-top: 3px;}
.col-moradaEnt input[type="checkbox"]:after {visibility: visible; content: ""; vertical-align: middle; text-align: center; line-height: 13px; position: absolute; cursor: pointer; height: 13px; width: 13px; left: 0; top: -3px; font-size: 10px; -webkit-box-shadow: inset 0 1px 1px #1abcb9, 0 1px 0 #1abcb9; -moz-box-shadow: inset 0 1px 1px #1abcb9, 0 1px 0 #1abcb9; box-shadow: inset 0 1px 1px #1abcb9, 0 1px 0 #1abcb9; background: #1abcb9;}
.col-moradaEnt input[type="checkbox"]:checked:after { height: 13px; width: 13px; background: #1abcb9; content: '\2714'; color: #ffffff; padding-top: 1px; }
#shipping input[type="radio"] {width:auto; margin: 6px 0 0; margin-top: 1px \9; line-height: normal;visibility: visible}
#shipping label{margin-left: 20px}
.metodo .ulstyled input[type="radio"]{visibility: visible;margin: 25px 10px 0}
label[for="checkPaypall"]{margin-left: 30px}
label[for="checkTransfer"]{margin-left: 37px}
label[for="checkIfThen"]{margin-left: 37px}
label[for="checkIfThen"] img{margin-top: 10px}
label[for="mesma"]{margin-left: 7px}
.ulstyled input[type="checkbox"],  .ulstyled input[type="radio"], input[type="checkbox"]#aceito{width:auto; margin: 4px 10px 0; margin-top: 1px \9; line-height: normal;}
.aceito li{line-height: 16px}
.aceito input[type="checkbox"] {width:auto; margin: 4px 10px 0; margin-top: 1px \9; line-height: normal; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; width: 13px; height: 13px; margin: 0; margin-right: 1px; display: block; float: left; position: relative; cursor: pointer; margin-top: 3px;}
.aceito input[type="checkbox"]:after{visibility: visible; content: ""; vertical-align: middle; text-align: center; line-height: 13px; position: absolute; cursor: pointer; height: 13px; width: 13px; left: 0; top: -3px; font-size: 10px; -webkit-box-shadow: inset 0 1px 1px #1abcb9, 0 1px 0 #1abcb9; -moz-box-shadow: inset 0 1px 1px #1abcb9, 0 1px 0 #1abcb9; box-shadow: inset 0 1px 1px #1abcb9, 0 1px 0 #1abcb9; background: #1abcb9;}
.aceito input[type="checkbox"]:checked:after{ height: 13px; width: 13px; background: #1abcb9; content: '\2714'; color: #ffffff; padding-top: 1px; }
.termos-condicoes {color:#19BCB9;}
.error{color:red; margin-top: 5px; font-size:12px; text-transform: none; display: block;}
.morada label.error {}

/************************************************************************
	IFTHEN
*************************************************************************/
.ifthen {margin-left: 40px; line-height: 1.4}
.ifthen .mb_ifthen {float:left; margin:30px 0 50px 0; width:100px; }
.ifthen .dados_ifthen {float:left; margin:30px 0 30px 0px; width:500px}
.ifthen .dados_ifthen > li {clear:both}
.ifthen .dados_ifthen > li label {width:110px; float:left}

/************************************************************************
	MEDIA
*************************************************************************/

@media (max-width: 320px) {

}

@media (max-width: 767px) {
	#pestana {height:auto;margin-bottom:10px; text-align: right;}

	.carrinho .desc, .carrinho thead th:nth-child(3), .carrinho td:nth-child(3){display:none}
	.carrinho .quantidade .quantity-wrapper{width:40px;}
	.carrinho .quantidade .quantity-wrapper input{background:#fff; margin:0;width:40px;}
	.carrinho thead th, .carrinho td {padding-left: 5px;}
	.carrinho .aright{padding-right: 0px;}
	.carrinho h4{font-size:12px;}
	.carrinho td.foto{max-width:50px;}
	.carrinho td.foto img{width:100%}
}