/*
 * Estilos do site - ©Copyright MartaFotos 2014-2020
 */
 
 
 
/* Fontes */
/* https://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,700&display=swap */

@font-face {
    font-family: 'Smack';
    src: url('fontes/smackstd-webfont.eot');
    src: url('fontes/smackstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/smackstd-webfont.woff2') format('woff2'),
         url('fontes/smackstd-webfont.woff') format('woff'),
         url('fontes/smackstd-webfont.ttf') format('truetype'),
         url('fontes/smackstd-webfont.svg#smack_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'), url(https://fonts.gstatic.com/s/alegreyasans/v10/5aUu9_-1phKLFgshYDvh6Vwt5fFPqEp2iw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'), url(https://fonts.gstatic.com/s/alegreyasans/v10/5aUz9_-1phKLFgshYDvh6Vwt7VptvQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'), url(https://fonts.gstatic.com/s/alegreyasans/v10/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEp2iw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Elementos */

strong {
	font-weight: normal;
	color: #812C56;
}

img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	 -webkit-user-drag: none;
    user-drag: none;
	max-width: 100%;
	height: auto;
}

	img:focus {
		outline: none;
	}

a {
	text-decoration: none;
	color: #993365;
	transition: all 300ms ease-out;
}

	a:hover {
		color: #AE1B21;
	}
	
button {
	transition: all 300ms ease-out;
}



/* Estrutura */

body {
	background: #fff;
	overflow-x: hidden;
	font-family: 'Alegreya Sans', Helvetica, Arial, sans-serif;
	color: #222;
}

.container {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	width: 1180px;
	padding: 0 15px;
}

	.container.estreito {
		max-width: 90%;
		width: 830px;
	}

.row {
	max-width: 100%;
}

	.row.flex {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
.visible-small {
	display: none;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 30;
	box-shadow: 0 4px 2px rgba( 204, 204, 204, 0.5 );
}

	#header_barra {
		width: 100%;
		opacity: 0.8;
		background: white url('graficos/tinta2.png') 98% 5px no-repeat;
		background-size: auto 200%;
		height: 82px;
	}
	
	#header_conteudo {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 15px 0;
	}
	
		#header .logo {
			float: left;
			width: 150px;
			height: 52px;
		}

		#header .titulo {
			margin: 0;
			text-align: center;
			font-family: Smack, sans-serif;
			font-size: 42px;
			line-height: 52px;
			color: #812C56;
		}
		
		#header .menu_toggle {
			display: none;
		}
		
		#header .menu_principal ul {
			margin: 0;
			padding: 0;
			line-height: 52px;
			list-style: none;
		}
		
			#header .menu_principal li {
				display: inline-block;
			}
			
				#header .menu_principal a {
					display: block;
					padding: 0 7.5px;
					font-size: 17px;
					font-weight: 400;
					white-space: nowrap;
					color: #999;
				}
				
					#header .menu_principal li.ativo a,
					#header .menu_principal a:hover {
						outline: none;
						color: #AE1B21;
					}
					
					#header .menu_principal a:active {
						outline: none;
					}
				
					#header .menu_principal span {
						border-bottom: solid rgba( 255, 255, 255, 0 ) 1px;
						transition: all 400ms ease-out;
					}
					
						#header .menu_principal li.ativo a span {
							border-bottom-color: #555;
						}

.secao {
	position: relative;
	min-height: 100vh;
	width: 100%;
	padding-top: 100px;
}

	.secao .titulo {
		margin-bottom: 0.5em;
		text-align: center;
		font-family: Smack, sans-serif;
		font-size: 38px;
		color: #812C56;
	}
	
#footer {
	width: 100%;
	/* background: #993365; */
	background: #812C56;
	padding: 60px 0;
	text-align: center;
}

	#footer .logo {
		margin-bottom: 20px;
	}

	#footer p {
		text-align: center;
		font-size: 26px;
		font-weight: 300;
		color: white;
	}
	
	#footer a {
		color: inherit;
	}
	
#seguidor {
	/* display: none; */
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 30;
	line-height: 60px;
	font-size: 0;
}

	#compartilhar {
		display: inline-block;
		vertical-align: bottom;
		font-family: Smack, sans-serif;
		font-size: 26px;
		color: #993365;
		text-shadow: 0 0 6px white;
	}

		#compartilhar a {
			display: inline-block;
			margin-right: 5px;
			width: 100px;
			height: 60px;
			/* background: url('graficos/facebook_espirro.png') center center no-repeat; */
			background: url('graficos/icone_linkedin.png') center center no-repeat;
			background-size: auto 100%;
			font-size: 0;
			line-height: 0;
		}
		
	#atendimento {
		display: inline-block;
		vertical-align: bottom;
		font-size: 0;
		line-height: 0;
	}
	
		#atendimento img {
			max-height: 60px;
			width: auto !important;
		}



/* Classes */

.clear:before,
.clear:after {
	content: "";
	display: table;
}

.clear:after{
	clear: both;
}

.hidden {
	display: none;
}

.col-1,
.col-2 {
	position: relative;
	float: left;
	width: 50%;
}

.legenda {
	display: block;
	/* display: none; */
	position: absolute;
	z-index: 20;
	/* background: rgba( 255, 255, 255, 0.8 ); */
	padding: 10px;
	line-height: 1;
	color: #812C56;
	text-shadow: 0 0 2px white;
}

	.legenda.topo {
		top: 95px;
	}
	
	.legenda.base {
		bottom: 195px; /* 10px + .tarja */
		display: none;
	}
	
	.legenda.direita {
		right: 10px;
		text-align: right;
	}
	
	.legenda.esquerda {
		left: 10px;
	}
	
	.legenda .large {
		font-size: 32px;
	}
	
	.legenda small {
		display: block;
		position: relative;
		top: -4px;
		margin-bottom: 24px;
		font-size: 14px;
	}
	
	.legenda button {
		display: inline-block;
		margin-bottom: 14px;
		background: #812C56;
		border: none;
		padding: 8px 16px;
		font-size: 20px;
		color: white;
	}
	
		.legenda button:hover,
		.legenda button:focus {
			background: #A47;
		}
		
	.legenda strong {
		font-weight: bold;
	}
	
	.legenda.bola {
		right: 10px;
		top: 50%;
		margin-top: 50px;
		width: 160px;
		height: 160px;
		line-height: 160px;
		background: #812C56;
		border-radius: 50%;
		padding: 0;
		text-align: center;
		font-size: 20px;
		font-weight: normal;
		color: white;
	}
	
		.legenda.bola span {
			display: inline-block;
			vertical-align: middle;
			line-height: 1.2;
		}
	
.chamada {
	font-family: Smack, sans-serif;
	font-size: 42px;
	color: #812C56;
}

.instrucoes {
	text-align: center;
	font-size: 26px;
	color: #808080;
}

.destaque {
	font-weight: bold;
	font-style: normal;
	color: #36CC75;
}

.fundo_alt {
	background: #FFEFDB;
	border-top: solid #F7F0E0 1px;
	padding: 40px;
}

.tarja {
	/*
	position: absolute;
	left: 0;
	right: 0;
	bottom: -90px;
	z-index: 15;
	opacity: 0.8;
	*/
	position: relative;
	margin: 0;
	background: #812C56;
	padding: 47px 0;
	text-align: center;
	font-size: 26px;
	font-weight: 300;
	color: white;
}

.seta_cima,
.seta_baixo {
	position: relative;
}

	.seta_cima:before,
	.seta_baixo:before {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -21.5px;
		width: 43px;
		height: 50px;
		background: transparent url('graficos/setas.jpg') no-repeat;
		content: '';
	}
	
	.seta_cima:before {
		top: -55px;
		background-position: 0 0;
	}
	
	.seta_baixo:before {
		bottom: -55px;
		background-position: -43px 0;
	}


	
/* Seções */

/* Pintura e Desenho */

#pintura,
#desenho {
	padding-top: 0;
}

#pintura .tarja {
	padding: 20px 0;
	font-size: 0;
}

#desenho .tarja {
	font-size: 32px;
}

	.bloco_pintura,
	.bloco_desenho {
		display: inline-block;
		padding: 0 20px;
		font-size: 26px;
	}

	.bloco_pintura {
		text-align: right;
		border-right: solid white 1px;
		padding-right: 21px;
	}

	.bloco_desenho {
		text-align: left;
	}
	
		#pintura .tarja small {
			font-size: 16px;
		}
		
	#pintura .tarja span {
		position: relative;
		display: inline-block;
	}
		
		.bloco_pintura span:before,
		.bloco_desenho span:before {
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -19px;
			width: 40px;
			height: 38px;
			background: transparent url('graficos/setas_brancas.png') no-repeat;
			content: '';
		}
		
		.bloco_pintura span:before {
			left: -55px;
			background-position: 0 0;
		}
		
		.bloco_desenho span:before {
			right: -55px;
			background-position: -40px 0;
		}



/* Opções */

.produtos {
	margin-bottom: 40px;
	list-style: none;
}

	.produtos .item {
		position: relative;
		margin: 0;
		min-height: 680px;
		background: #F9F9F9;
		border: solid #ddd 1px;
		box-shadow: 0 1px 4px rgba( 202, 202, 202, 0.5 );
		overflow: hidden;
		padding: 15px;
		font-size: 13px;
	}
	
		.produtos .item_titulo {
			position: absolute;
			left: 0;
			right: 0;
			top: 15px;
			margin: 0;
			box-shadow: 0 3px 4px rgba( 0, 0, 0, 0.2 );
			background: #812C56;
			padding-top: 4px;
			text-align: center;
			font-family: Smack, sans-serif;
			font-size: 32px;
			font-weight: normal;
			color: white;
		}
	
		.produtos .item_imagem {
			margin-top: 55px;
			max-width: 100%;
			height: auto;
		}
		
		.produtos .descricao,
		.produtos .subtitulo {
			text-align: left;
			font-weight: bold;
			color: #AE1B21;
		}
		
		.produtos .descricao {
			margin: 2em 0;
			min-height: 6em;
		}
		
		.produtos .subtitulo {
			margin: 1em 0 0;
			padding: 0;
			text-align: left;
			font-size: inherit;
		}
		
		.produtos .medidas {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 20px;
			color: #212121;
		}
		
		.produtos .notas_rodape {
			display: none;
			position: absolute;
			left: 15px;
			right: 15px;
			bottom: 15px;
			margin: 0;
			text-align: center;
			color: #423;
		}
	
	
	
/* Dicas */
	
#dicas {
	background: #FFEFDB;
}

	#dicas .titulo {
		margin: 0;
		/* background: white; */
		border-bottom: solid #F7F0E0 1px;
		padding: 0 0 40px;
	}
	
	#dicas .container{
		padding: 40px 0;
	}

	.certo,
	.errado {
		position: relative;
		margin: 0 40px;
		border: solid #CBB9AB 1px;
		padding: 40px 15px 0;
		list-style: none;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #993365;
	}
	
		.certo:before,
		.errado:before {
			display: block;
			position: absolute;
			top: 0px;
			left: -20px;
			font-family: Smack, sans-serif;
			font-size: 58px;
			color: #993365;
		}
		
		.certo:before {
			content: 'V';
		}
		
		.errado:before {
			content: 'X';
		}
	
		.certo li,
		.errado li {
			padding: 0 0 40px;
		}
		


/* Contato */

#contato {
	background: #812C56; /* #993365; */
	padding: 150px 20px;
}

	#contato .formulario {
		background: white;
		padding: 20px;
		font-size: 16px;
	}
	
		#contato .fieldset {
			margin: 0;
		}
		
			#contato .fieldset_campos > .row > .column {
				margin-bottom: 15px;
			}
			
		#escolha_produto {
			margin-top: 30px;
		}
	
		#contato .separador_form {
			border-top: solid #ddd 1px;
			padding-top: 15px;
		}
	
		#contato .formulario p {
			text-align: center;
		}
		
		#contato label {
			font-weight: bold;
			white-space: nowrap;
		}
		
			#contato .label_radio {
				cursor: pointer;
			}
			
			#contato .label_radio > span {
				margin-left: 10px;
			}
			
			#contato .label_radio > .input_radio {
				position: relative;
				float: left;
				top: 2px;
			}
	
		#contato .input_select,
		#contato .input_text,
		#contato .input_textarea {
			margin-top: 2px;
			width: 100%;
			background: #F8F8F8;
			border: solid #ccc 1px;
			padding: 5px;
			font-size: 16px;
			/* color: #ccc; */
			color: #888;
			transition: all 400ms ease-out;
		}
		
			#contato .input_select > option:disabled {
				color: #bbb;
			}
		
		#contato .input_textarea {
			height: 203px;
		}
		
			#contato .input_select:disabled,
			#contato .input_text:disabled,
			#contato .input_textarea:disabled {
				background: white;
				border: solid #E6E6E6 1px;
				color: #ccc;
			}
		
			#contato .input_select:not(:disabled):focus,
			#contato .input_select:not(:disabled):hover,
			#contato .input_text:not(:disabled):focus,
			#contato .input_text:not(:disabled):hover,
			#contato .input_textarea:not(:disabled):focus,
			#contato .input_textarea:not(:disabled):hover {
				outline: none;
				border-color: #ccc;
				box-shadow: 0 0 3px rgba( 153,51,101, 0.5 );
			}
			
		#contato .input_select {
			padding: 4px 5px;
		}
			
		#contato .botao {
			display: inline-block;
			/* background: #36CC75; */
			background: #812C56;
			border: none;
			border-radius: 4px;
			padding: 10px 20px;
			font-size: 14px;
			line-height: 1;
			color: white;
			transition: all 200ms ease-out;
		}
		
		#contato .botao_principal {
			padding: 20px 40px;
			font-weight: bold;
		}
		
			#contato .botao:disabled {
				opacity: 0.5;
			}
		
			#contato .botao:not(:disabled):hover {
				/* background: #26bC65; */
				background: #A47;
			}
			
			#contato .botao:active {
				outline: none;
				box-shadow: 0 0 4px rgba( 0, 0, 0, 0.2 ) inset;
			}
			
		#contato .input_file {
			display: none;
		}
		
		#arquivo_foto {
			margin-left: 1em;
			line-height: 34px;
			font-style: italic;
		}
		
		#contato .input_radio {
			cursor: pointer;
		}
		
		#escolha_submit {
			position: relative;
			text-align: center;
		}
		
		#ajax_loader {
			display: none;
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -16px;
			width: 32px;
			height: 32px;
			background: url('graficos/ajax-loader.gif') no-repeat;
		}

#carrinho {
	margin: 0 0 15px;
	width: 100%;
	border: solid #888 1px;
	border-collapse: collapse;
	padding: 0;
}

	#carrinho tfoot > tr {
		background: #E6E6E6;
	}

	#carrinho th {
		text-align: left;
		font-weight: bold;
	}
	
	#carrinho td,
	#carrinho th {
		border: solid #ddd 1px;
		padding: 5px;
	}
	
	#carrinho .th {
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		width: 20%;
	}
	
	#carrinho .descricao {
	}
	
	#carrinho .custo,
	#carrinho_total,
	#carrinho_prazo {
		width: -webkit-min-content;
		width: -moz-min-content;
		width: min-content;
		width: 20%;
		text-align: right;
	}
	
	#carrinho_total,
	#carrinho_prazo {
		font-weight: bold;
	}

	/*
	#contato .formulario {
		background: white;
		padding: 20px;
		text-align: center;
		font-size: 16px;
	}
	
		#contato .row {
			margin: 15px 0;
		}
	
		#contato .input_text,
		#contato .input_textarea {
			margin-bottom: 25px;
			width: 100%;
			border: solid #E6E6E6 1px;
			background: #F8F8F8;
			padding: 15px;
			font-size: 16px;
			color: #ccc;
			transition: all 400ms ease-out;
		}
		
		#contato .input_textarea {
			height: 203px;
		}
		
			#contato .input_text:focus,
			#contato .input_text:hover,
			#contato .input_textarea:focus,
			#contato .input_textarea:hover {
				outline: none;
				border-color: #ccc;
				box-shadow: 0 0 3px rgba( 153,51,101, 0.5 );
				color: #888;
			}
			
		#contato .botao {
			display: inline-block;
			background: #36CC75;
			border: none;
			border-radius: 4px;
			padding: 20px 40px;
			font-size: 14px;
			line-height: 1;
			font-weight: bold;
			color: white;
			transition: all 200ms ease-out;
		}
		
			#contato .botao:hover {
				background: #26bC65;
			}
			
			#contato .botao:active {
				outline: none;
				box-shadow: 0 0 4px rgba( 0, 0, 0, 0.2 ) inset;
			}
			
	*/
			
		#social {
			display: none;
		}
		
		#social ul {
			margin: 0 0 40px;
			background: white;
			padding: 10px;
			list-style: none;
			text-align: center;
			font-size: 0;
		}
		
			#social li {
				display: inline-block;
				margin: 0 5px;
			}
			
			#social a {
				position: relative;
				top: 0;
				display: block;
				width: 40px;
				height: 40px;
				background: transparent url('graficos/social.jpg') left top no-repeat;
				border-radius: 50%;
				transition-delay: 150ms;
			}
			
				#social a:hover {
					box-shadow: 0 0 8px #36CC75;
				}
				
			#social .facebook a {
				background-position: 0 0;
			}
				
			#social .twitter a {
				background-position: -40px 0;
			}
				
			#social .instagram a {
				background-position: -80px 0;
			}
				
			#social .linkedin a {
				background-position: -120px 0;
			}
				
			#social .vimeo a {
				background-position: -160px 0;
			}
				
			#social .youtube a {
				background-position: -200px 0;
			}
				
			#social .googleplus a {
				background-position: -240px 0;
			}

#sobre p {
	margin: 0 0 1em;
	text-align: center;
	font-size: 26px;
	line-height: 1.6;
	color: #808080;
}

	#sobre .fonte-menor p {
		font-size: 16px;
		line-height: 1.2;
	}



/* Pagamento */


#pagamento {
	margin-bottom: 80px;
	background: #812C56; /* #993365; */
	padding-bottom: 80px;
	text-align: center;
}

	#pagamento .container {
		background: white;
		padding: 40px;
	}