<style type="text/css">

charset "utf-8";

	@-webkit-viewport   { width: device-width; }
	@-moz-viewport      { width: device-width; }
	@-ms-viewport       { width: device-width; }
	@-o-viewport        { width: device-width; }
	@viewport           { width: device-width; } 

* { 
	word-wrap: break-word; 
	margin: 0; 
	padding: 0;  
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	}
	html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl,
  dt, dd, ol, ul, li, table, tr, td, form, object, embed,
  article, aside, canvas, command, details, fieldset,
  figcaption, figure, footer, group, header, hgroup, legend,
  mark, menu, meter, nav, output, progress, section, summary,
  time, audio, video {
  margin: 0;
  padding: 0;
  border: none;
			font: inherit;
			vertical-align: baseline;
  }
/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}

body{ 	
	background: #F4FCFF; 		
	font-family: "Trebuchet MS",  "Verdana",  "Helvetica", "Arial",  "sans-serif";
	font-size: 75%;	
	line-height:1.5em;
	letter-spacing:0.05em;
	}

a{  
	text-decoration: none;
	color: #993300;
	font-size:1em; 
	}

a:hover{ text-decoration:none; }

ol, ul { list-style: none; }

/************** fundoSite / Conteudo  *****************/

	.fundoSite{ 
		position:absolute; display:table; 
		width:100%; height:100%; min-height:100%; 
		margin:0; top:0; right:0; left:0; bottom:0; 	
	}
	
	.conteudo{			
		position:relative;		
		width:100%;
		max-width:1300px;	 
		height:100%; min-height:100%;
		margin:0 auto;  margin-top:200px; 
		}

/************** TOPO  *****************/
	
	.nomeAtelier{ position:absolute; margin:0; left:10px; bottom:0; font-size:1.3em;  font-weight:bold; color:#ccc; z-index:120; }
	.moldTopo, .moldTopo2{ position:relative; display:block; width:100%; height:auto; z-index:200;   }
	.moldTopo1{ position:relative; width:100%;  max-width:1300px;  margin:0 auto; margin-bottom:10px;  text-align:center; }
		.moldTopo2{ position:fixed; height:40px; margin: 0; top:-150px; right:0; bottom: none; left:0; z-index:100; }
		
	/*********menu **********/
	.menuTopo{ 
		position:relative; width:100%;  max-width:1300px; height: auto;   margin:0 auto;  	 	
		background: #F4FCFF; text-align:center; border:0.1em solid #ccc; border-left:none; border-right:none; 
		z-index:110; 
		}
	.moldItemMenu1{ 
			position:relative; width:100%; height: auto; display:block; margin:0; 
			}
	.itemMenu1, .itemMenu1b{ 
		position:relative; display:inline-block; 	cursor:pointer;
		width:auto; height:auto;
		padding: 7px 0 2px 0;  margin: 0 20px 0 20px; 
		font-size: 0.9em; color:#000;	letter-spacing:0.2em; 
		border-bottom: 3px solid transparent;    
		}
		.itemMenu1:hover{ border-bottom: 3px solid #000; }
		.itemMenu1b{ border-bottom: 3px solid red; cursor:default; }
	.imgCarrinho{ position:relative; display:inline-block; width:30px; height:30px;  margin: 0; background: url(/imgMob/carrinho1.png) no-repeat center 0; background-size: 30px 30px; padding: 4px 0 5px 0; margin: 0 0 0 20px; font-size:1.2em; font-weight:bold; text-align:center; color:#fff;  }
	
	.moldFfechaMenuTopo, #btFechaMenuTopo{ display:none; }	
	.moldFfechaMenuTopo{ position:relative; width:100%; height:40px; text-align:right;  }
	
	/******** BT DO CLIENTE ***************/
		.itemMenuClienteL{ 
			position:relative;display:inline-block; 	cursor:pointer;
			width:auto; height:auto;
			padding: 4px 30px 2px 35px;  margin: 0 20px 0 20px; 
			font-size: 1em; color:#000;	letter-spacing:0.05em; border-bottom: 3px solid #006600; 
			color:#fff; background: #006600 url(/imgMob/iconCliente2.gif) no-repeat 5px center;
			background-size: auto;  
			}
			.itemMenuClienteL:hover{  color: #FFFF00; }
		.itemMenuCliente{ 
			position:relative;display:inline-block; padding: 7px 10px 2px 35px;  margin: 0 20px 0 20px; 
			font-size: 0.9em; color:#000;	letter-spacing:0.1em; border-bottom: 3px solid transparent; 
			color:#000; background: transparent url(/imgMob/iconCliente1.gif) no-repeat 5px 5px; background-size: auto;  
			}
			.itemMenuCliente:hover{ border-bottom: 3px solid #000; }
		
		
	.imgTopo{ position:absolute;margin:0; top:10px; }
		.handMade{ left:10px; }
		.bandeiraBrasil{ right:10px; }
		.logoTopo{ position:relative; margin:0; }
	
		/********busca ********/
			/* mold busca */
		.lupa{ 
				position:absolute; margin:0; top:149px; right:0;    
				width:90px; height:30px; padding:0 15px; font-size:0.9em; font-weight:bold; 
				border:none; 
				-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
				background: #FFBB1C url(/imgMob/icon_lupaDesk.gif) no-repeat center;
				cursor:pointer;z-index:120; 
			}
		.moldBusca1, .moldBusca2{ 
				position:fixed;
				width:100%; height:180px;
				margin:0; 	top:-180px; right:0; 
					-moz-transition: background  2s linear;
					-webkit-transition: background  2s linear;
					-o-transition: background  2s linear;
					transition: background  2s linear;
					-ms-transform: background  2s linear;		
				overflow-y:auto;
				z-index: 201;	
				}
		.moldBusca2{ 
			-moz-transform: translate(0, 180px);
			-webkit-transform: translate(0, 180px);	
			-o-transform: translate(0, 180px);
			transform: translate(0, 180px); 
			-ms-transform: translateY(180px);
			}
		.moldBuscaInt1{
			position:relative;
			width:100%; max-width:1300px; height:100%!important; display:table;
			margin:0 auto;    
			}
		.moldBuscaInt2{
			position:absolute;
			width:300px; height:180px;
			padding:0 10px 0 10px;
			margin:0; top:0; right:0;  text-align:center; 
			color:#fff; background: #586F85; 
			}
		.retrancaBusca{ font-size:1.3em; margin:40px 0 10px 0;font-weight:bold; }
		.textoBusca{ font-size:1em; margin-bottom:20px; }
		.inputBusca{   	 	 
			position:relative;  	
			width:150px;   height:24px; 
			margin:0; 
			background: #BBDDFF;		
			color:#000;
			border:none;
			padding: 0;  
			}
		.btBuscaTag{ 
			width:auto; height:25px; color:#000; background: #FFBB1C; text-align:center; 
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; 
			margin-left:10px; padding:0 10px 0 10px; cursor:pointer; 
			}
			
	
	
	.abreMenuS{ position:absolute; width:25px; height:16px; margin:0; top:10px; right:10px; background: url(/imgMob/abreMenuS.png) no-repeat center; cursor:pointer; display:none; }
	



/************** MEIO  *****************/

	.moldMeio{ position:relative; width:100%; max-width:1300px;  display:block;   }
		
	.moldConteudo{ position:relative; display:table-cell; vertical-align: top; width: 85%; }
	
	/************** BANNERS  *****************/
	
		.moldBanner{ position:relative; display:table-cell; vertical-align: top;  color:#5D5D5D;  padding: 5px 0 0 10px; }
			.moldConteudo, .moldBanner{ padding-bottom: 100px; } 
		
		.retrancaBanner{ font-size: 1.25em; font-weight:bold;  color:#000; letter-spacing: 0.1em; margin-bottom:10px; }
			.moldPerfil, .moldParceiros{ position:relative; }	
			
			.imgsBanners{  
				position:relative; display:inline; width:200px; min-width:200px; height:auto; margin:0 0 20px 0; vertical-align: top; 
				border:1px solid #46586A;
				-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;
				}
		.moldImgsBanners{ margin-top:20px; }
		
/************** RODAPE *****************/

	.moldRodape{ 
		position:absolute; 	
		height:250px;   
		margin:0; right:0; bottom:-250px;; left:0;   	 
		background:#586F85;
		font-size:0.9em; color:#fff; text-align:center; 	
		}
	.moldRodape1{ position:relative;width:100%; max-width:1300px; margin:0 auto; padding:20px 0; }
	.moldRodape2{ 
		position:relative;  padding:15px 0; margin: 15px 0;
		border-top:1px solid #A2B1C1; border-bottom:1px solid #A2B1C1;  
		}
	.itensRodape{ position:relative; display:inline; text-align:center; }
	.iconesRodape{ 
		margin-top:30px; 
		opacity:0.7;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70%);
		}
		.iconesRodape:hover{   
			opacity:1;
			-moz-opacity: 01;
			filter: alpha(opacity=100%);
			} 
	.iconMobile{ position:absolute; margin:0; right:10px; bottom:0; }

/*************** PRODUTOS HOME *****************/
	
	.moldThumb0{ 
		position:relative; display:inline-block;  	vertical-align:top; 
		width:24%;	margin:0 1% 1% 0;  	background:#fff; border:1px solid #fff;  					 	
		}
		.moldThumb0:hover{  border:1px solid #ccc; } 
	.moldThumb1{ 
		position:relative; 	
		width:100%; height:100%; margin:0; 	
		padding:7px;	text-align:center; 
		}
		
		.thumb1{ width:100%; height:auto; border:1px solid #B2B2B2; } 
		.moldPreco1{ text-align:center; color:#007900; margin: 10px 0 0 0; }
			.cifrao1{ font-size:0.9em; font-weight:bold; line-height:30px; } 
			.vr1{ font-size:2em; }
			.vrPro{ font-size:1.4em; text-decoration:line-through; } 
		.nomeProduto1{ font-size: 1.2em; color:#454545; text-align:center;  height:50px; }

/************ thumbs album ************/

	.retrancaAlbuns, .retrancaPassopasso{ 
		width:150px; padding:0 0 5px 10px;  font-size:1.2em; display:block;
		margin:50px 0 10px 0;  border-bottom:1px dashed #B9B9B9; 
		color:#787878; 
		}
	
	.wrapperThumbs{ height: auto; overflow: hidden; float: left; width: auto;  margin: 7px 0; background:#fff;  }
	.ulThumbAlbum{ height: auto; float: left; margin: 0px 0px 0px -270px; padding: 0px; display: block; }
	
	.moldThumbAlbum {
		position:relative; 
		margin:0 15px 70px 0; 
		height: 195px; overflow: hidden;		 
		background:#fff;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		}
		
	.moldThumbAlbum .previous, .next {
		display:block;		
		cursor:pointer; 
		height:100%;
		width:40px;
		background: #ccc url('/scripts/carouselAlbum/previous.png') no-repeat center;
		float:left;
		margin:0;
		padding:0;
		}
	.moldThumbAlbum .next {
		background-image: url('/scripts/carouselAlbum/next.png'); 	
		float:right;
		}
	.previous:hover, .next:hover{ 
		opacity:0.8;
		-moz-opacity: 0.8;
		filter: alpha(opacity=80%);
		}
	
	.liThumbAlbum{ 
		width:126px;  height: 180px; float: left;  text-align:center;  
		margin:0; margin-right: 5px; margin-left: 5px;
		padding:0; 
		}
	.nomeAlbum{ color:#454545; border-top:1px solid #ccc; padding-top:7px; margin-top:7px;  }
	
	.imgThumbAlbum{ 
		width:120px; height:120px; 
		-moz-box-shadow: 5px 5px 3px #909090;
		-webkit-box-shadow: 5px 5px 3px #909090;
		box-shadow: 5px 5px 3px #909090;
		}
	
	
/*********************como feito / video / mural *********************/

	.moldComoFeito{ position:relative; display:block;width:auto; margin:0 1% 0 0; padding-right:10px;  }
    .moldComoFeito1{ position:relative; display:inline-block; vertical-align: top; width:48%;  padding:10px; margin-right:15px; background:#fff; }
		.imgsComoFeito{ width:100%; height:auto; border:1px solid #ccc;  }
    .moldComoFeitoImg{ position:relative; display:inline-block; vertical-align: top; width:48%;  height:auto;  margin-right:2%; }	
        .content{ position:absolute; width:100%; height:100%; margin:0; right:0; top:0; bottom:0; left:0;  background: url(/imgMob/iconPreview.png) no-repeat center; text-align:center; cursor:pointer; } 
        .moldNumLupa{ position:absolute; width:auto; font-size:0.9em; font-weight:bold; color:#990000; margin:0; right:9px; bottom:9px;  text-align:right; display:none;  }
   	
	.moldComoFeitoVideo{ position:relative; display:inline-block; vertical-align: top; width:48%;  height:auto;  }
    .moldPlay1{ position:absolute; margin:0; top:0; right:0; bottom:0; left:0;  background: url(/imgMob/iconPlay1.png) no-repeat center; cursor:pointer; }
	
	.retrancaMural{ margin:-35px 0 10px 0; font-size:1.2em; color:#787878; padding-bottom:7px; border-bottom:1px solid #ccc; }
	.moldMural{ position:relative; display:inline-block; vertical-align: top; width:48%; padding: 0; color:#454545; text-align:left;  }
        .moldMural1{ 
			 position:relative; float:right; 
			 margin: -20px -20px 20px 20px; 
			-moz-border-radius: 50%; 
			-webkit-border-radius: 50%;
			border-radius:50%;
			width:170px; background-size: 100%; -moz-box-shadow: 5px 5px 3px #909090; -webkit-box-shadow: 5px 5px 3px #909090; box-shadow: 5px 5px 3px #909090; }
			.moldMural1, .moldMural{ min-height:230px; }	
	
	#passoapassoImg1{ 
		position:absolute; width:100%; max-width:290px; height:100%; max-height:200px; 
		margin:0; top:0; right:0; bottom:0; left:0; opacity: 0;  filter: alpha(opacity=0); 
		}
		#passoapassoImgs, #destaqueMura2{ position:absolute; margin:0;top:0;right:0; bottom:0; left:0; z-index:1; }
	#destaqueMural1{ 
		position:absolute; width:100%; max-width:170px; height:100%; max-height:230px;
		margin:0; top:0; right:0; bottom:0; left:0; opacity: 0;  filter: alpha(opacity=0); 
		}
		
/********************************************** 
						pg produtos  
*********************************************/ 

	.moldListando{ display:inline-block; margin-right:180px; font-size:1.3em; color:#7D7D7D;margin-top:10px; }
	
	.moldFiltros{ position:relative; margin:0 10px 10px 0; }
	.moldSelectAlbum{ position:relative; display:inline-block;  }
	
	.moldSelectOrdem{ position:absolute; margin:0; right:0; top:0; }
		.selectAlbum, .selectOrdem{ max-width:180px; padding:0 10px 0 0; }
	
	.moldBtVoltarDetalhes{
		position:absolute; 
		width:90px; height:28px; 
		margin:0; top:0; right:-5px; 
		}
	.btVoltarDetalhes{ 
		position:relative; display:block; 
		border:none; padding:3px 15px; 
		background: #FFBB1C;  color:#000; font-weight:bold; 
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; 
		-moz-box-shadow: 3px 3px 3px #909090; -webkit-box-shadow: 3px 3px 3px #909090; box-shadow: 3px 3px 3px #909090; 
		letter-spacing:0.1em;
		cursor:pointer;
		}
		
	.btComprar{ position:relative; text-align:center;margin:10px 0; }
	
	.moldImgThumb1Detalhe, .moldDetalhes1{ 
		position:relative; display:inline-block; vertical-align:top; 
		width:25%; 
		}
		.moldDetalhes1{  width:75%; padding:0 0 30px 20px; }
	.moldImgThumb2Detalhe{
		position:relative; 	
		width:100%; height:100%; margin:0; 	
		padding: 0 7px 0 0;	text-align:center;
		}
	.imgThumb1Detalhe{ width:100%; height:auto; border:1px solid #B2B2B2; } 
	
	#imgDisplayProduto{ 
		position:absolute; width:100%; height:100%; height:100%; 
		margin:0; top:0; right:0; bottom:0; left:0; opacity: 0;  filter: alpha(opacity=0);   
		}
	
	.tituloDetalhes{ font-size:2em; line-height:1.8em; color:#015269; }
	.codProduto{ margin-left:10px; font-size:1.2em; color:#015269;  font-weight:bold; }
	.moldPrecoDetalhes, .moldPrecoDetalhesDesc{ position:relative; display:inline-block; width:auto; font-size:1.8em; color:#990000;  margin:0; padding-right:32px;font-weight:bold; }
		.moldPrecoDetalhes{ margin:20px 10px 0 0; }
		.moldPrecoDetalhesDesc1{ position:relative; border:1px dashed #003366;padding:10px; width:100%; max-width:340px; margin:20px 10px 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; }
		.moldPrecoDetalhesDesc{ font-size:1.4em; width:100%; margin-bottom:5px; padding-right:40px; }
	.centavos{ position:absolute;margin:0; right:0; top:-2px; font-size:0.7em; }
	
	.moldDetalheObs{ background:#D9F4FF; padding:10px; }
	
	.moldIntegra{ font-size:1.2em; line-height:1.5em; color:#535353; margin: 30px 0 0 0; }

	.moldArtigoDetalhes, .moldPrazo{ font-size:1.1em; font-weight:bold; margin:10px 0 0 0; }
	.moldPrazo{ margin:20px 0 10px 0; color:#494949; }
	
	.moldAvisoFimDetalhes{ position:relative; font-size:1.2em; line-height:1.7em; background:#fff;  color:#004200; margin-top:20px; padding:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; }


/******************PG MURAL *************************/
	
	.moldMuralInt{ 
		position:relative; display:inline-block;  	vertical-align:top; 
		width:31.5%;	margin:0 1% 5% 0;  					 	
		}
	.moldMural1Int{ 
			 position:relative; float:right;  
			 margin: -10px 10px 20px 20px; 
			-moz-border-radius: 50%; 
			-webkit-border-radius: 50%;
			border-radius:50%;
			width:130px; height:176px;  
			background-color:#fff; background-repeat:no-repeat; background-position:center; background-size: 100%;
			-moz-box-shadow: 5px 5px 3px #909090; -webkit-box-shadow: 5px 5px 3px #909090; box-shadow: 5px 5px 3px #909090; }
	.textoMutal1Int{ margin-top:20px; }
	.assinaCliente{ margin:0 0 15px 30px; float:right; font-weight:bold; }


/***************PG AVALICAÇAO ********************/
	.moldAvaliacao{ 
		position:relative; margin-bottom:15px; display:block; border-bottom:1px solid #AAE3FF; 
		padding-bottom:20px; margin: 0 20px 20px 0; 
		-moz-border-radius: 7px;  -webkit-border-radius: 7px; border-radius:7px;
		}
	.iconAvalia{ 
		-moz-border-radius: 50%;  -webkit-border-radius: 50%; border-radius:50%; border:1px solid #B5B5B5; margin-bottom:-10px; 
		}
	.assinaAvalia{ position:relative; font-size:1.4em; display:inline-block; margin: 0 0 10px 5px; }


/****************** PG MURAL ********************/

	.moldPostMural{ position:relative; background:#fff; margin:10px 0 30px 0;  display:none; }
	.moldPostMural1{ position:relative; padding:10px; }
	.retrancaPostMural{ position:relative; font-size:1.2em; font-weight:bold; color:#003366; }

/****************** PG FALE ********************/

	.moldFale{ position:relative; margin:0;  }
	#divCarregandoFormContato{ background: #F4FCFF; }
	#btOkContato{ display:none; }
		
/********************************************** 
						ZOOM  
*********************************************/ 

	/*************** VIDEOS *******************/
		
		.displayVideo{
			position:fixed; 	 		
			margin:0;  top:0; right:0; bottom:0; left:0;  
			background: #000;
			padding:10px; 
			display:none;
			z-index:210; 
			}
		
		/* ************* fundoTransp ******* */
	
		.fundoTransp{
			position:fixed; 	display:none;
			margin:0; top:0; right:0; bottom:0; left:0; 
			background-color: #000; 
			opacity: 0.8;
			-moz-opacity: 0.8;
			z-index:209; 
			}
		
/***************FIM ZOOM ******************************/ 


/************************* genericos ***********************/
	
	/**********  INPUTS  *********/
	
		/************* input file *************/
			#divInput1{		 
				position:relative;
				background:url(/imgMob/btSelecionarArq.gif) no-repeat center right;
				height:20px;
				width:100%; max-width: 290px;		 
				margin:0;		 
				margin-bottom:30px;  
				}
			#fileOrig {	
				position:absolute;
				width:100%; height:100%; margin:0;	top:0; right:0; bottom:0; left:0;  
				z-index:10;
				cursor:pointer;
				opacity: 0.0;
				-moz-opacity: 0.0;
				filter: alpha(opacity=00); 
				}
			#divInput2{
				position:absolute;
				margin:0;
				left:0;
				z-index:2;
				margin-bottom:10px;
				}
			
			.fileOrigB{
				position:relative; 
				cursor:auto;
				min-width:180px; margin-right: 90px;  
				height:25px;
				}

		
		select { 
			padding:2px; 
			margin: 0; 
			height:25px;  	max-height:25px;
				-webkit-border-radius:4px;	
				-moz-border-radius:4px;	
				border-radius:4px; 
				background: #BBDDFF;	
				color:#000;
				border:1px solid #2B95FF;
				outline:none;
				cursor:pointer;
		} 
		.textArea{ 
			position:relative;
			width:100%; max-width:700px;			
			height:60px;			
			padding:5px; 
			font-size: 1em;  
			border:1px solid #006699;
			background-color: #F2F2F2;
			font-family: "Trebuchet MS", "Verdana",  "Helvetica", "Arial",  "sans-serif"; font-size:1.1em;  
			}
		input {  
			position:relative; 
			font-size: 1em;  
			border:1px solid #006699;
			background-color: #F2F2F2;  
			}
			input[type=text]{ 
				padding:5px;  
				border-radius:5px;
			}
	
	.btPadrao1, .btCancelEnvio{ 
		background: #003366; color:#fff; padding:2px 5px; font-size:1.1em; line-height:2em; border:none;  cursor:pointer;
		letter-spacing: 0.05em; 
		-moz-border-radius: 7px; -webkit-border-radius: 7px; 	border-radius:7px; 
		-moz-box-shadow: 2px 2px 3px #909090;
		-webkit-box-shadow: 2px 2px 3px #909090;
		box-shadow: 2px 2px 3px #909090;  
		}
		.btPadrao1:hover{ 
			-moz-box-shadow: 3px 3px 3px #909090;
			-webkit-box-shadow: 3px 3px 3px #909090;
			box-shadow: 3px 3px 3px #909090; 
			}
		.btCancelEnvio{ background: #990000;  display:none; }
		.btAbrePostagem{ padding: 0 5px; }
	
	.moldBts1{ position:relative; border-top:1px dashed #ccc;padding:10px 0 10px 0;text-align:center; }
	
	
	.avisoPg, .avisoPgMural{ font-size:1em; color:#003333; margin:10px 0; }
		.avisoPgMural{ font-weight:bold; margin:-20px 0 50px 0; }
	.divErroAviso{ position:relative; display:none; }
	.Erro{ background:#990000; color:#fff; padding:10px; margin-bottom:10px; }
	.divPreload1, .divPreload2, .divPreloadDetalhes1{ position:absolute; margin:0; top:0; right:0; bottom:0; left:0; background: url(/imgMob/carregando1.gif) no-repeat center; }
	.divPreload2{ background: #EAF8FF url(/imgMob/carregando2.gif) no-repeat center; }
	.divPreloadDetalhes1{ bottom:125px; border:1px solid #ccc; background: #EAF8FF url(/imgMob/carregando1.gif) no-repeat center;    }
	
	.retrancaPg{ display:inline-block; margin-right:10px; color:#000; font-size: 2.5em; font-family: 'Josefin Slab', serif; }
	.moldRetrancaPg{ position:relative;  width:auto; margin: 15px 10px 30px 0;  }
	
	.btFecha1, .btFecharRedAbsolute{ 
		position:fixed; border:1px solid #ccc; border-radius:7px; background:#FFBB1C; color:#000; 
		font-size:1.5em; width:30px; height:30px; margin:0; top:5px;right:10px;z-index:300;cursor:pointer; display:none;	}
	.btFecharRedAbsolute{ position:absolute; display:block; margin:0; top:0; right:0; z-index:10; }
	.btFecharBusca{
		position:absolute;
		border:1px solid #ccc; border-radius:7px; background: #FFBB1C; color:#000; 
		font-size:1.5em; width:30px; height:30px; margin:0; top:5px; right:10px; z-index:300; cursor:pointer;
		}
		.btFecha1:hover, .btFecharRedAbsolute:hover, .btFecharBusca:hover{ color:#fff; }
	
	
	.divCarregandoForm{ position:relative; text-align:center; background:#fff; height:40px; margin-top:-10px;  }
	.itemForm{ font-weight:bold; margin:15px 0 5px 0; }
	.interForm{ margin:15px 0 10px 0; }
	.moldMsg{ position:relative; display:inline-block; width:100%; max-width:700px; }
	.limiteTexto{ text-align:right; color:#990000; font-weight:bold; display:none; } 
	.avisoForm{ font-size:0.9em; margin: -5px 0 5px 0; display:block; }
	.avisoFormOk{ position:relative; font-size:1.2em; font-weight:bold; color:#003300; margin: 10px 0 30px 0; display:none; }
	
	.moldUpload1{ position:relative; display:tabble; width:200px; height:15px; border:1px  solid #999999;margin:auto; }
	.moldUpload2{ height:15px;background-color:#005900; }
	
	.w300{ width:100%; max-width: 300px; }
	.relative{ position:relative; }
	.justify{ text-align:justify; }
	.right{ text-align: right; }
	.top10{ margin-top:10px; }
	.top30{ margin-top:30px; }
	.right10{ margin-right:10px; } 
	.left10{ margin-left:10px; }
	.bottom30{ margin-bottom:30px; }
	.inline{ display:inline; }
	.borderNone{ border:none; }
	.bold{ font-weight:bold; }
	
	
	
	/************************* PAGINACAO ***********************/
		
		
		.divPaginacao{ position:relative;text-align:center; margin:30px 0 10px 0; }
	
		.itensPaginacao{ position:relative; display:inline; }
	
		.linkPaginar1{ font-weight:bold; }
		
		

@media screen and (max-width: 83em){ 
										
	/*************** PG PRODUTOS *********************/
		.moldFiltros{ position:relative; margin:0 10px 10px 10px; }
	
	/******************PG MURAL *************************/
		.textoMutal1Int, .avisoPgMural{  margin-left:10px;   }	
	
	/************************* genericos ***********************/ 
		.moldRetrancaPg{ margin: 15px 10px 30px 10px; }
	
	.moldBanner{ padding-right:10px; }
	
	/***************PG AVALICAÇAO ********************/
	.moldAvaliacao{  margin: 0 20px 20px 10px; } 
	
	/****************** PG FALE ********************/
	.moldFale{ margin: 0 0 0 10px;  }
	
}
@media screen and (max-width: 70em){ 
	
	/************** MEIO **************/
		.conteudo{ margin-top:60px;  }	
		
		.moldConteudo{ width: 80%;   }
		
	
	/************** TOPO  *****************/
	.nomeAtelier{ position:absolute; margin:0; left:0; bottom:7px; font-size:1.2em;  letter-spacing:0.1em; color:#EAFFFF; z-index:201; }
	.moldTopo, .moldTopo2{ position:fixed; width:100%;  height:60px;  margin:0; top:0; right:0; bottom:none; left:0;  background: url(/imgMob/topoBkS2AtelierSandra.png) no-repeat left top, url(/imgMob/topoBkSAtelierSandra.png) repeat-x top; z-index:100; }
		.handMade, .imgTopo{ display:none; }		 
		.moldTopo1{ position:absolute; width:100%; height:35px; margin:0; top:0; right:0; bottom:50px; left:130px; background:none;   }
		
		/**** nenu topo *****/
			.menuTopo, .menuTopo1, .menuTopo2{ 
				position:fixed;		display:block; 
					width:100%; height: 100%; padding:0 40px 0 10px; 
					margin:0; 	top:-100%; right:0; left:0; 
					background: #586F85; text-align:left;
					-moz-transition: background  2s linear;
					-webkit-transition: background  2s linear;
						-o-transition: background  2s linear;
							transition: background  2s linear;
					-ms-transform: background  2s linear;
					overflow-y:auto; 					
				z-index:200; 
				}	
				.menuTopo2{ 
					bottom:0; 
					-moz-transform: translate(0, 100%);
				-webkit-transform: translate(0, 100%);	
				-o-transform: translate(0, 100%);
				transform: translate(0, 100%); 
				-ms-transform: translateY(100%);  
				}
		.moldFfechaMenuTopo, #btFechaMenuTopo{ display:block; }
			#btFechaMenuTopo{ position:absolute; right:-30px; }	
		.moldItemMenu1{ 
			position:relative; display:block; margin:0; top:0; right:0; bottom:0; left:0;  
			-moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius:10px;	
			-moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius:10px;		
			z-index:115; 
			}
		.itemMenu1, .itemMenu1b{ 
			position:relative;display:block; 	cursor:pointer;
			width:auto; height:auto;
			padding: 10px 25px;  margin: 0; 
			font-size: 1.1em; color:#000;	letter-spacing:0.2em; 
			border:none; border-bottom:0.01em solid #AFBBC5;    
			-moz-border-radius: 0; -webkit-border-radius: 0; border-radius:0; 		
			background: #fff; 
			}
			.itemMenu1:hover, .itemMenu1b:hover{ border-bottom:0.01em solid #AFBBC5;  background: #586F85; color:#fff; }
			
			/******** BT DO CLIENTE ***************/
				.itemMenuClienteL{ 
					display:block; margin:0; padding: 10px 55px; 
					background: #fff url(/imgMob/iconCliente3.gif) no-repeat 25px center;  color:#006600; 
					}
					.itemMenuClienteL:hover{ background: #006600 url(/imgMob/iconCliente2.gif) no-repeat 25px center; color:#FFFF00; }
				.itemMenuCliente{ 
					padding: 10px 55px;  margin: 0; 
					font-size: 0.9em; color:#000; 
					background: url(/imgMob/iconCliente1.gif) no-repeat 25px center; background-size: auto;  
					border:none; border-bottom:0.01em solid #AFBBC5; 
					background-color: #fff; 
					}
					.itemMenuCliente:hover{ color: #fff;  border:none; background: #586F85 url(/imgMob/iconCliente1.gif) no-repeat 25px center; background-size: auto; }
	.abreMenuS{ display:block; }
	
		.lupa{ 
				position:fixed; margin:0; top:5px; right:70px;     
				border:1px solid #fff; 
				background: #FFBB1C url(/imgMob/icon_lupa.gif) no-repeat center; backgroud-size:15px; 
				width:25px; height:25px; z-index:15;   
			}
	.imgCarrinho{ position:relative; margin:0;  background: #fff url(/imgMob/carrinho1.png) no-repeat 20px center; background-size: 30px 27px; width:100%; height:35px;  padding: 6px 0 0 28px; font-size:1.2em; font-weight:bold; color:#fff; text-align:left; }	
	.imgCarrinho:hover{ background: #586F85 url(/imgMob/carrinho2.png) no-repeat 20px center; }
	
	.moldMural1{ margin: -20px -10px 20px 20px;  }
	
}		
@media screen and (max-width: 65em){ 
	
	/******************PG MURAL *************************/
		.moldMuralInt{  width:48%;   }	

}	
@media screen and (max-width: 60em){ 

	/********************** PRODUTOS HOME ****************/
	.moldThumb0{ 
		width:32.33%;	margin:0 1% 1% 0;  
		}
	
	/*********************como feito / video *********************/

   	.moldComoFeito{ margin:0; }
	.moldComoFeito1{ width:48%;  padding:10px; margin-right:2%;  }
    .moldComoFeitoImg{  position:relative; display:block; width:100%;  margin-right:0;   }
   	
	.moldComoFeitoVideo{ position:relative; display:block; width:100%;      }
	
	
	.moldMural1{ margin: 0 -5px 20px 20px;   }
	

}																		
@media screen and (max-width: 50em){ 

	/************** MEIO  *****************/
		.moldConteudo{ display:block; width: 100%;   }
	
	/********************** PRODUTOS HOME ****************/
	.moldThumb0{ width:24%;	margin:0 1% 1% 0;   }
	
	/************** BANNERS  *****************/
		.moldBanner{ display:block; background: #fff; }
		.moldParceiros{ border-top:1px solid #ccc; padding-top:20px; }
		
		.imgPerfil{ width:auto; height:auto; margin-top:15px; }
		.imgsBanners{  position:relative; width:auto; height:auto; margin:0 20px 20px 0; } 
		
			.moldSutaco, .moldImgsBanners{ position:relative; text-align:center;   vertical-align: top; }
	
	/************ thumbs album ************/
		.moldThumbAlbum { 	margin:0 0 70px 0;  }
		
	.moldMural{ width:49%; } 
	
	/************************* genericos ***********************/ 
		.moldRetrancaPg{ margin: 15px 10px 30px 10px; }
	
	/***************PG AVALICAÇAO ********************/
	.moldAvaliacao{  margin: 0 10px 20px 10px; } 
	
}
@media screen and (max-width: 45em){ 

	/********************** PRODUTOS HOME ****************/
		.moldThumb0{ 
			width:32.33%;	margin:0 1% 1% 0;  
			}
	
	/********************pg produtos*************************/ 

	.moldFiltros{  margin:0 10px 20px 10px; }
	.selectAlbum, .selectOrdem{ max-width:140px; }
	
	
	.iconMobile{ display:none; }
}
@media screen and (max-width: 42em){ 
	
	/************************* genericos ***********************/
		.retrancaPg{  font-size: 2em;  }
	
	/********************pg produtos*************************/ 	
	.moldImgThumb1Detalhe, .moldDetalhes1{ 
		display:block;  width:100%; 			
		}
		.moldDetalhes1{ padding: 0; margin:0 10px; }
	.imgThumb1Detalhe{ width:100%; max-width:200px;   } 
}
@media screen and (max-width: 40em){ 
	
	/*********************como feito / video / mural *********************/
		.moldMural1{ margin: 0 0 10px 10px; width:130px; height:176px; }
		.moldMural1, .moldMural{ min-height:176px; }
	 
	 /******************PG MURAL *************************/
		.moldMural1Int{width:100px; height:135px;   }	
	
}
@media screen and (max-width: 35em){ 

	/************** BUSCA ****************/
		.moldBusca1, .moldBusca2{ 
				width:100%; padding:0;  
				}
		.moldBuscaInt2{
			width:100%; 
			left:0;  
			}
	
	/************** TOPO  *****************/
	.moldTopo{ background: url(/imgMob/topoBkS3AtelierSandra.png) no-repeat left top, url(/imgMob/topoBkSAtelierSandra.png) repeat-x top; z-index:100;  } 
	.moldTopo1{ left:80px;   }
	.menuTopo{ bottom:0; }
	.moldItemMenu1{  margin:0; }
	
	/********************** PRODUTOS HOME ****************/
		.moldThumb0{ 
			width:49%;	margin:0 1% 1% 0;  
			}
		.nomeProduto1{ color:#000; }
	
	/************ thumbs album ************/
		.moldThumbAlbum .previous, .next { background-color:#999999; }
		.retrancaAlbuns, .retrancaPassopasso{  width: 130px; padding:0 0 5px 0;  color:#000; border-bottom:1px dashed #000; }
		.retrancaPassopasso{ width:170px; padding-left:0; }
		
/*********************como feito / video / mural *********************/
    .moldComoFeito{ margin: 0;  padding:0; }
	.moldComoFeito1{ display:block; width:100%;  padding:10px; margin-right:0;   }
	.moldComoFeitoImg{ position:relative; display:inline-block; width:48%;  margin-right:2%;  }	
   	
	.moldComoFeitoVideo{ position:relative; display:inline-block; vertical-align: top; width:48%;  height:auto;  }
	
	.retrancaMural{ margin:0; color:#000; }
	.moldMural{ display:block; width:100%; height:auto; margin-top:50px; padding:10px;    }
	.textoMutal1{ margin-top:10px; }
        .moldMural1{ width:170px;  margin:40px 0 10px 10px;  }
		.moldMural1, .moldMural{ min-height:230px; }
	
	/********************************************** 
						pg produtos  
*********************************************/ 
		
		.moldListando{ display:block; font-size:1em; margin:0;  }
	
	/******************PG MURAL *************************/
		.moldMuralInt{ display:block; width:auto; min-height:130px;  margin-bottom:70px; }
		


}
@media screen and (max-width: 30em){  

	/*********************como feito / video / mural *********************/		
		.moldMural1{  width:135px;  margin: 40px 0 10px 10px;       }
		.moldMural1, .moldMural{ min-height:183px; }
	
		

}
@media screen and (max-width: 25em){  
	

	/*********************como feito / video / mural *********************/		
		.moldMural1{  width:135px;  margin: 60px 0 10px 10px;       }
		.moldMural1, .moldMural{ min-height:183px; }

}

</style>