﻿/* +layer */
#layer{width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden;}
    #layer .erro{font:bold 13px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#CC0000;}
    #layer .sucesso{font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00CC33;}
	#layer.fixed{position:fixed !important;}
	#layer #overlay{width:100%; height:100%; position:fixed; top:0px; left:0px; background:#000000; opacity:0.5; z-index:100;}
	#layer #cont-layer{position:none; top:0%; left:50%; margin:0px; background:#FFF; /*border:5px solid #CC0000;*/ z-index:110; height:95%; }
            #layer #cont-layer #status{font:13px Arial,Helvetica,sans-serif; color:#CC0000;}
		a.fechar{width:16px; height:15px; display:block; overflow:hidden; position:absolute; top:10px; right:9px; background:url(../imgs/buttons/fechar.gif) 0px 0px no-repeat;}
		#layer .form{/*width:394px; margin-left:-207px; padding:0 10px;*/}
			#layer .form ul{padding:0px 10px;}
				#layer .form ul li{padding:0 0 10px 0; overflow:hidden;}
					#layer .form ul li p{padding:0 0 5px 0; color:#4C4C4C;}
                                #layer .form ul li a.esqueci-minha-senha{float:right; margin:10px 10px 10px 0;}
			#layer .form h2{font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; text-transform:lowercase; padding:5px 0px 7px 14px; background:url(../imgs/linha-migalha.gif) left bottom repeat-x;}
                        #layer h3{font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4C4C4C; padding:5px;}
			#layer .form label{width:90px; padding:0px 7px 0 0; text-align:right; display:block; float:left;}
			#layer .form input{width:275px; border:1px solid #C0C0C0; float:left; padding:3px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4C4C4C;}
			#layer .form select{width:275px; border:1px solid #C0C0C0; float:left; padding:3px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4C4C4C;}
                            #layer .form input.ddd{width:40px; margin-right:5px;}
                            #layer .form input.fone{width:245px;}
				#layer .form input.enviar{width:75px; height:26px; margin-right:24px; background:url(../imgs/buttons/bg-bt-enviar.jpg) 0px 0px no-repeat; float:right; border:none;}
			#layer .form textarea{width:306px; height:164px; border:1px solid #C0C0C0; float:left;}

		#layer .produto{width:398px; margin-left:64px; margin-top:148px !important; padding:0 10px 20px 10px;}
			#layer .produto p{font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1F1917;}
				#layer .produto p.linha{font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1F1917; padding:10px 0 10px 0; margin:0 0 15px 0; background:url(../imgs/bg/linha-migalha.gif) left bottom repeat-x;}
			#layer .produto img{border:1px solid #C6C6C6; float:left; margin:0 10px 0 0;}
			#layer .produto h3{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1F1917; padding:0px 0 5px 0;}
			#layer .produto a.continuar-comprando{width:169px; height:33px; overflow:hidden; float:left; background:url(../imgs/buttons/continuar-comprando.jpg) 0px 0px no-repeat;}
			#layer .produto a.ir-carrinho{width:161px; height:33px; overflow:hidden; float:right; background:url(../imgs/buttons/ir-carrinho.jpg) 0px 0px no-repeat;}
			#layer .produto ul{padding:6px 0 20px 0; overflow:hidden;}
				#layer .produto ul li{padding:0px 0 0 0;}
					#layer .produto ul li p{color:#625E5C; padding:0 0 3px 0;}
/* end layer */

#simplemodal-overlay  {
background-color:#000000 !important;
opacity:0.8 !important;
}

/* +classes */
.degrade-box-cores {float:left; width:26px; height:21px; z-index:5; position:absolute; background:url(../imgs/bg-degrade-box-cores.png) left top no-repeat;}
.cores {margin:0px 15px 0 5px; float:left; width:26px; height:21px; border:1px solid #CCC; background:#FFF; overflow:hidden; padding:1px; -moz-border-radius:4px; -webkit-border-radius: 4px;}
.cores ul {float:left; width:24px; height:19px; overflow:hidden; margin:1px 0 0 1px; padding:0px; -moz-border-radius:4px; -webkit-border-radius: 2px;}
	.cores ul li {float:left; height:21px; overflow:hidden; margin:0px; padding:0px;}
	
.select-produto{width:55px; height:20px; padding:2px; border:1px  solid #CCC; font:11px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#7F7F7F; -moz-border-radius:4px; -webkit-border-radius:4px;}

.box-cores{width:320px; height:auto; float:left;}

.select-carrinho{width:auto; height:auto; padding:2px; border:1px  solid #CCC; font:11px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#7F7F7F; -moz-border-radius:4px; -webkit-border-radius:4px;}

/* end classes */

