@charset "utf-8";

#ajax_lista_produtos { float: left; width: 100%; display: none;}
#loader_lista_produtos { float: left; width: 100%; height: 200px; display: none; background-image: url('../imagens/loader.gif'); background-position: 50% -70px; background-repeat: no-repeat;}
#loader_produtos { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.30); background-image: url('../imagens/loader.gif'); background-position: 50%; background-repeat: no-repeat; z-index: 30; display: none;}
#mais_lista_produtos { float: left; width: 100%; height: 80px; display: none; background-image: url('../imagens/carregar.png'); background-position: 50%; background-repeat: no-repeat; text-align: center;}
#aviso_lista_produtos { float: left; width: 98%; display: none; margin: 10px 1% 0; font-size: 1em; color: rgb(80, 80, 80);}

#produtos { float: left; width: 100%;}
#produtos .tab { float: left;}
#produtos .tab.cinco { width: 18%; margin: 10px 1% 0;}
#produtos .tab.seis { width: 14.66%; margin: 10px 1% 0;}
#produtos .tab .imagem { float: left; width: 100%;}
#produtos .tab .imagem .borda { float: left; width: 100%; padding: 0 0 100%; text-align: center; position: relative; overflow: hidden;}
#produtos .tab .imagem .obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,0.03);}
#produtos .tab .imagem .img { position: absolute; margin: 0 auto; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
#produtos .tab .descricao { float: left; width: 100%;}
#produtos .tab .descricao .nome { float: left; width: 100%; height: 49px; margin: 10px 0 0; overflow: hidden;}
#produtos .tab .descricao .nome h3 { float: left; width: 100%; line-height: 1.6; font-size: 1em;}
#produtos .tab .descricao .valores { float: left; width: 100%; margin: 10px 0 0; padding: 15px 0 10px; border-top: 1px solid rgb(200, 200, 200); border-bottom: 1px solid rgb(200, 200, 200);}
#produtos .tab .descricao .valores h3 { float: left; width: 100%; margin: 5px 0 0; font-weight: bold; line-height: 1; font-size: 1.5em; color: #010101;}
#produtos .tab .descricao .valores h3 b { font-weight: normal; font-size: 0.6em; color: rgb(80, 80, 80);}
#produtos .tab .descricao .valores h4 { float: left; width: 100%; line-height: 1; font-size: 0.85em; color: rgb(80, 80, 80);}
#produtos .tab .descricao .valores h5 { float: left; width: 100%; margin: 10px 0 0; font-size: 0.8em; color: rgb(80, 80, 80);}
#produtos .tab .descricao .valores h5 a:hover { text-decoration: underline;}
#produtos .tab .comprar { float: left; width: 100%; margin: 10px 0 0; opacity: 0;}
#produtos .tab .comprar .campo { float: left; width: 35%; height: 39px; border: 1px solid rgb(80, 80, 80); text-align: center;}
#produtos .tab .comprar .botao { float: right; width: 60%; padding: 14px 0 12px; background-color: rgb(9, 11, 15); text-transform: uppercase; text-align: center; font-size: 0.9em; color: rgb(255, 255, 255); cursor: pointer;}
#produtos .tab .comprar .botao.add { background-color: rgb(38, 144, 90);}
#produtos .tab .comprar .botao.vermais { width: 100%;}
#produtos .tab .comprar .botao.orca { width: 100%;}
#produtos .tab .comprar .botao.fim { width: 100%; cursor: default;}
#produtos .tab .comprar .botao:hover { background-color: rgb(31, 104, 66);}
#produtos .tab .comprar.esconde { display: none;}

#produtos .tab .finalizar { float: left; width: 100%; margin: 10px 0 0;}
#produtos .tab .finalizar .botao { float: left; width: 100%; padding: 14px 0 12px; background-color: rgb(9, 11, 15); text-transform: uppercase; font-size: 0.9em; color: rgb(255, 255, 255); text-align: center;}
#produtos .tab .finalizar .botao:hover { background-color: rgb(31, 104, 66);}

#produtos .tab .disponibilidade { float: left; width: 100%; margin: 10px 0 0; text-align: center; font-size: 0.9em; color: rgb(80, 80, 80); display: none;}

#produtos .tab:hover .comprar { opacity: 1;}

#produtos .linha2 { float: left; width: 100%; height: 1px; display: none;}
#produtos .linha5 { float: left; width: 100%; height: 1px;}
#produtos .linha6 { float: left; width: 100%; height: 1px;}

#exibiprodutos { float: left; width: 100%; margin: 0 0 30px;}
#exibiprodutos .lado1 { float: left; width: 40%;}
#exibiprodutos .lado2 { float: right; width: 58%;}
#exibiprodutos .lado3 { float: left; width: 100%; margin: 30px 0;}
#exibiprodutos .subtitulo { float: left; width: 70%;}
#exibiprodutos .subtitulo h1 { float: left; width: 100%; font-weight: bold; line-height: 1.4; font-size: 1.7em; color: #010101;}
#exibiprodutos .subtitulo h2 { float: left; width: 100%; margin: 10px 0 0; font-weight: normal; font-size: 1em; color: rgb(80, 80, 80);}
#exibiprodutos .galeria { float: left; width: 100%;}
#exibiprodutos .form { float: left; width: 100%;}
#exibiprodutos .valores { float: left; width: 100%; padding: 15px 0; margin: 15px 0 0; border-top: 1px solid rgb(200, 200, 200); border-bottom: 1px solid rgb(200, 200, 200);}
#exibiprodutos .valores .de { float: left; width: 100%; margin: 0 0 5px; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiprodutos .valores .de b { text-decoration: line-through; font-weight: normal;}
#exibiprodutos .valores .por { float: left; width: 100%;}
#exibiprodutos .valores .por em { float: left; width: 100%; margin: 4px 5px 0 0; font-style: normal; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiprodutos .valores .por b { float: left; font-size: 2em; color: #010101;}
#exibiprodutos .valores .dividido { float: left; width: 100%; font-size: 1em; color: rgb(80, 80, 80);}
#exibiprodutos .valores h3 { float: left; width: 100%; margin: 0 0 3px; font-weight: bold; font-size: 2em; line-height: 1; color: #010101;}
#exibiprodutos .valores h4 { float: left; width: 100%; font-size: 1em; color: rgb(80, 80, 80);}
#exibiprodutos .valores h5 { float: left; width: 100%; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiprodutos .valores h5 a:hover { text-decoration: underline;}
#exibiprodutos .cores { float: left; width: 100%; padding: 0 0 15px; margin: 15px 0 0; border-bottom: 1px solid rgb(200, 200, 200);}
#exibiprodutos .cores .nome { float: left; width: 100%; margin: 0 0 2px; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiprodutos .cores .resta { float: left; width: 100%; margin: 10px 0 2px; font-weight: bold; font-size: 0.9em; color: #CC5555;}
#exibiprodutos .cores .ico { float: left; margin: 2px 5px 5px 0; background-color: rgb(220, 220, 220);}
#exibiprodutos .cores .ico b { float: left; margin: 10px;}
#exibiprodutos .cores .ico.ativo { padding: 2px; background-color: #010101; margin: 0 5px 5px 0; color: rgb(255, 255, 255);}
#exibiprodutos .cores .ico img { float: left; width: 45px;}
#exibiprodutos .tamanhos { float: left; width: 100%; padding: 0 0 15px; margin: 15px 0 0; border-bottom: 1px solid rgb(200, 200, 200);}
#exibiprodutos .tamanhos .nome { float: left; width: 100%; margin: 0 0 2px; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiprodutos .tamanhos .radio { display: none;}
#exibiprodutos .tamanhos .radio + label { float: left; margin: 0 5px 5px 0; border: 1px solid #675757; cursor: pointer;}
#exibiprodutos .tamanhos .radio + label strong { float: left; padding: 6px 10px 5px; color: #675757;}
#exibiprodutos .tamanhos .radio + label b { float: left; padding: 7px 7px 6px; border-left: 1px solid #675757; text-align: center; font-weight: normal; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiprodutos .tamanhos .radio + label b em { font-style: normal;}
#exibiprodutos .tamanhos .radio:checked + label { border: 1px solid #010101;}
#exibiprodutos .tamanhos .radio:checked + label strong { background-color: #8BD4A7; font-weight: bold; color: #4E0A00;}
#exibiprodutos .tamanhos .radio:checked + label b { background-color: #E4E4E4; border-left: 1px solid #010101; color: #010101;}
#exibiprodutos .quantidade { float: left; width: 102px; margin: 15px 5px 0 0;}
#exibiprodutos .quantidade .nome { float: left; width: 102px; margin: 0 0 2px; font-weight: bold; font-size: 0.9em; color: rgb(80, 80, 80);}
#exibiprodutos .quantidade .campo { float: left; width: 80px; height: 41px; padding: 1px 10px 0; border: 1px solid rgb(80, 80, 80); font-size: 1em;}

#exibiprodutos .comprar { float: left;}
#exibiprodutos .comprar .botao { float: left; padding: 13px 30px 11px; margin: 15px 0 0; background-color: rgb(38, 144, 90); text-transform: uppercase; font-weight: bold; font-size: 1.1em; color: rgb(255, 255, 255); cursor: pointer;}
#exibiprodutos .comprar .botao:hover { background-color: rgb(31, 104, 66);}
#exibiprodutos .comprar .botao.fim { margin: 10px 0 0; cursor: default;}

#exibiprodutos .comprar.esconde { display: none;}
#exibiprodutos .finalizar { float: left; width: 100%; margin: 10px 0 0;}
#exibiprodutos .finalizar .botao { float: left; width: 100%; padding: 10px 0 8px; background-color: #B9E28B; font-weight: bold; text-align: center; color: #010101;}
#exibiprodutos .finalizar .botao:hover { background-color: #97BD6D;}
#exibiprodutos .adicionado { float: left; width: 100%; margin: 10px 0 0;}
#exibiprodutos .adicionado strong { float: left; width: 100%; padding: 10px 0 8px; background-color: #D2D1E8; text-align: center; color: #010101;}
#exibiprodutos .disponibilidade { float: left; width: 100%; margin: 10px 0 0; font-size: 0.9em; color: rgb(80, 80, 80); display: none;}
#exibiprodutos .contato { float: left; width: 100%; margin: 15px 0 0;}
#exibiprodutos .contato .mensagem { float: left; width: 100%; font-weight: bold; font-size: 0.9em; color: #CC5555;}
#exibiprodutos .contato .campo { float: left; width: 55%; height: 50px; padding: 1px 1% 0; margin: 6px 0 0; border: 1px solid rgb(80, 80, 80); font-size: 1em;}
#exibiprodutos .contato .textarea { float: left; width: 60%; height: 90px; padding: 10px 1% 8px; margin: 6px 0 0; border: 1px solid rgb(80, 80, 80); font-size: 1em;}
#exibiprodutos .contato .botao { float: left; padding: 15px; margin: 6px 0 0; background-color: #010101; font-size: 1em; font-weight: bold; color: rgb(255, 255, 255); cursor: pointer;}
#exibiprodutos .contato .botao:hover { background-color: #01A85A;}
#exibiprodutos .contato .linha { float: left; width: 100%; height: 1px;}
#exibiprodutos .descricao { float: left; width: 100%;}
#exibiprodutos .descricao h3 { float: left; width: 100%; font-weight: bold; font-size: 1.2em;}
#exibiprodutos .descricao h5 { float: left; width: 100%; margin: 10px 0 0; font-weight: bold; font-size: 1em;}

#zoom { float: left; width: 100%; position: relative; z-index: 1;}
#zoom .setas { position: absolute; width: 19.7%; height: 20px; left: 0; background-position: 50%; background-repeat: no-repeat; cursor: pointer; z-index: 2;}
#zoom .setas.top { top: -22px; background-image: url('../imagens/icoGaleria-1.png');}
#zoom .setas.bottom { bottom: -22px; background-image: url('../imagens/icoGaleria-2.png');}
#zoom .setas.desativa { display: none;}
#zoom .icones { position: absolute; width: 19.7%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: 1;}
#zoom .icones .ico { float: left; width: 95%; margin: 0 0 5px; background-color: rgb(200, 200, 200); border: 1px solid rgb(200, 200, 200); overflow: hidden; cursor: pointer;}
#zoom .icones .ico img { float: left; width: 100%;}
#zoom .icones.desativa { display: none;}
#zoom .dzooesconde { position: absolute; width: 0; height: 0; top: 0; right: 0; z-index: 2;}
#zoom .dzoo { float: right; width: 79%; border: 1px solid rgb(200, 200, 200); position: relative; overflow: hidden; font-size: 0; z-index: 1;}
#zoom .dzoo .semzoom { position: relative; width: 100%; z-index: 2;}
#zoom .dzoo .zoomImg { position: relative; z-index: 3;}
#zoom .dzoo .carregando { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgb(220, 220, 220);}
#zoom .dzoo.d100 { width: 100%;}

@media only screen and (max-width: 1000px){
	#produtos .tab.cinco { width: 48%; margin: 10px 1% 15px;}
	#produtos .tab.seis { width: 48%; margin: 10px 1% 15px;}
	#produtos .tab .comprar { opacity: 1;}
	#produtos .linha2 { display: block;}
	#produtos .linha5 { display: none;}
	#produtos .linha6 { display: none;}

	#zoom .dzooesconde { width: 74%; height: 100%;}
	#zoom .dzooesconde.d100 { width: 100%;}

	#exibiprodutos .finalizar .botao { width: 100%;}
}
@media only screen and (max-width: 750px){
	#exibiprodutos .lado1 { width: 100%;}
	#exibiprodutos .lado2 { width: 100%; margin: 30px 0 0;}
	#exibiprodutos .subtitulo { width: 100%;}
}
@media only screen and (max-width: 600px){
	#produtos .tab .comprar .campo { width: 27%;}
	#produtos .tab .comprar .botao { width: 68%;}
	#produtos .tab .finalizar .botao { padding: 14px 0 12px;}
}
@media only screen and (max-width: 500px){
	#produtos .tab .descricao .nome { height: 42px;}
	#produtos .tab .descricao .nome h3 { font-size: 1em; line-height: 1.4;}
	#produtos .tab .descricao .valores h3 { font-size: 1.1em;}

	#exibiprodutos .contato .campo { width: 91%;}
	#exibiprodutos .contato .textarea { width: 96%;}
}
@media only screen and (max-width: 400px){
	#produtos .tab .comprar .botao { background-size: 17px;}
}