body{ background:#FFF; font-family:"Open Sans", "Segoe UI Light", "Helvetica Neue",Helvetica,Arial,sans-serif; background: url('../imagens/fundo_body.png') repeat;}


.logo{
	background: url('../imagens/logo_moldufast.png') center repeat-x;
	width:275px;
	height:88px;
	display:inline-block;
	text-indent:-5000px;
}

.main{}

.navbar {
	position: relative;
	height: 137px;
	margin-bottom: 0px;
	border: 1px solid transparent;
	background: url('../imagens/fundo_cabeca.png') center repeat-x;
	border-radius: 0;
}
.navbar .container 	{margin-top: 20px;}

.nav > li > a {
	position: relative;
	display: block;
	padding: 0.2em 0.6em;
	color: #999;
}

#menu-menuprincipal {margin-top: 30px;}


.header-page{
	background:url(../imagens/fundo_header_page.png) repeat-x;
	height:67px;
	margin-top: 10px;
}

.header-page h1 {
	color: #FFF;
	font-size: 2.8em;
	font-weight: lighter;
	line-height: 1.8em;
	margin: 0;
	background: url(../imagens/icoMoldura3.png) no-repeat;
	text-indent: 51px;
	background-position: 0px 16px;
}

.page article{
	background: #fff;
	margin-top: 20px;
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}

.header-blog {
	height: 65px;
	padding-top: 10px;
	background: #fff;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 15px;
}

.header-blog h1 {
	color: #000;
	font-size: 3.5em;
	font-weight: lighter;
	line-height: 1.5em;
	margin: 0;
	background: url(../imagens/icoMoldura2_g.png) no-repeat;
	text-indent: 51px;
	background-position: 0px 20px;
	text-transform: uppercase;
}

.blog article{
	width:98%;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.blog article h2 a{
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1em;
}
.blog article h2 a:hover{
	text-decoration:none;
}

.user-avatar {
	text-align: right;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.user-avatar img.avatar
{
	margin-left: 20px;
	float:right;
}

.user-avatar .user-name {
	font-size: 1.5em;
}

.user-avatar .user-label {
	margin-top: 15px;
	display: inline-block;
	font-weight: lighter;
}

.panel-title h2 {
	padding: 5px;
	margin: 5px;
	color: #000;
	font-size: 1.1em;
	font-weight: lighter;
	background-image: url(../imagens/icoMoldura.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;
	text-indent: 20px;
	background-size: 15px;
}

ul.blog-categories li a {
	text-indent: 20px !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 0px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 0px 10px 0px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 0px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 0px 0 5px 10px;
}

img.aligncenter {
	margin: 0px auto;
}

img.alignnone {
	margin: 0px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}


.carousel-inner .item div.content{background-position: 50%; width:100%; height:390px;  display:block; background-repeat:no-repeat;}

.divisoria-painel {
	background: url('../imagens/fundo_divisoria.png') center repeat-x;
	height: 34px;
}

section header {margin: 15px;}

section.molduras			{ margin-top: 0; margin-bottom: 2.5em;}
	section.molduras h1		{ margin: 0.5em 0 0.5em 0;}

section.blog h3 {
	font-size: 1.10em;
	margin-top: 0;
}


section.simulador{ background: url('../imagens/fundo_painel_simulador.jpg') center repeat-x; text-align:center;}
	section.simulador .container{ background: url('../imagens/fundo_container_simulador.jpg') center repeat-x; text-align: center; margin-top: 40px; padding-top:40px; padding-bottom: 40px;}
	section.simulador .img-ex-simulador{width: 85%;}
	section.simulador .col-a{ color:#FFF; text-align:left;}
	
	section.simulador .col-a h1 		{ font-weight: 300; background: url('../imagens/icoMoldura2.png') no-repeat; text-indent: 40px; background-position: 0px 3px; line-height: 28px; font-size: 2.2em;}
	section.simulador .col-a .destaque 	{ font-weight: 600;font-size: 1.6em; margin-bottom: 1.5em;}


section.mapa					{background: url('../imagens/fundo_mapa.jpg') center repeat-x; text-align:center; border-top:1px #dadada solid; border-bottom:1px #dadada solid; margin-top: 40px;}
	section.mapa .container 	{padding-top: 40px; padding-bottom: 40px;}
	section.mapa .container h1 	{font-weight: 300;font-size: 3.4em;}
	section.mapa .container h2 	{font-weight: 300;font-size: 1.6em;}

section header h1 {
	color: #000;
	font-size: 2.8em;
	margin: 0.5em 0 0em 0;
	font-weight:300;
	background:url('../imagens/icoMoldura.png') no-repeat;
	text-indent: 40px;
	background-position: 0px 9px;
}

section header h2 {
	color: #e4b05a;
	font-size: 1.1em;
	margin: 0 0 2em 0;
}

.container-branco{ background:#FFF; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); padding-bottom: 25px;}

.sec-row			{ margin-top:20px;}

.options {
	margin-top: 40px;
}

.box{
	padding: 5px 12px 10px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.blog .box{
	margin-bottom:40px;
}

.box  ul{
	list-style:none;
}

.box li{
	float:left;
	margin-right: 20px;
}

.box-claro{
	background:#fbe3bf;
}
.box-claro h2{
	color:#000;
}
.box-escuro h2{
	color:#fff !important;
}

.box-escuro{
	background:#c6984a;
}

.box h2 {
	font-size: 1.9em;
	text-transform: uppercase;
	line-height: 21px;
	margin: 15px 0px 15px 0px;
	padding: 0;
	display: inline-block;
}

.box-newsletter h2 {
	font-size: 1.4em;
}

.box-faleconosco {
	height: 377px;
}

span.ico-branco {
	background: url('../imagens/icoMoldura3.png') no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	background-size: 30px;
	background-position: 0px 0px;
	margin-right: 10px;
	float: left;
}

.img-thumbnail				{ width:180px; float:left; margin-right:5px; border:0;}
.img-thumbnail-blog			{ width: 175px; float: left; margin-right: 20px; border: 0; height: 100px; background-size: cover;}
.img-thumbnail-molduras		{ /*border:0; box-shadow: 0px 0px 2px rgba(0,0,0,0.1); max-width:100%;*/}


div.thumb {
	width: 500px;
	height: 500px;
	background-size: 100%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	position: absolute;
	top: -80%;
	left: 56%;
}
.moldura-destaque,
.listagem-molduras .moldura{
	width: 150px;
	float: left;
	border: 1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
	height: 150px;
	margin-right: 19px;
	position: relative;
	padding:0;
	
	-webkit-box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);

}

.moldura-destaque a,
.listagem-molduras .moldura a{
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 10;
	position: relative;
}
.moldura-destaque a:hover,
.listagem-molduras .moldura a:hover{
	background:rgba(0,0,0,0.05);
}


ul.blog-arquivo{
	margin-top:40px !important;
}

ul.blog-arquivo .form-control {
	margin: 2% !important;
	width: 96%  !important;
}

ul.blog-arquivo,
ul.categories {
	background: #f9f9f9;
	border: 1px #eeeeee solid;
	margin: 1px;
	width: 98%;
	list-style: none;
	padding: 0;
	border-bottom: 0;
}

ul.blog-arquivo li,
ul.categories li {
	font-size: 1.3em;
	color: #ccc;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #fff;
}

ul.blog-arquivo li a,
ul.categories li a {
	color: #bc9a53;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
	padding: 10px;
	text-decoration: none;
	text-indent: 10px;
}

ul.blog-arquivo li a:hover,
ul.categories li a:hover,
ul.categories li a.active {
color: #000;
background: url('../imagens/icoMoldura.png');
background-position: 98% 50%;
background-color: #eaeaea;
background-repeat: no-repeat;
background-size: 5%;
}

.listagem-molduras .moldura div.thumb {
	width: 150px;
	height: 150px;
	background-size: 300%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-position: 0 0%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 45px;
}

.container-interna {
	background: #fff;
	margin-top: 20px;
	padding-top: 20px;
	-webkit-box-shadow: 0 0 2px #ccc;
	-moz-box-shadow: 0 0 2px #ccc;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.15);
}


.img-post {
	max-width: 100%;
	margin-left: -15px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
.coluna-a{
	margin-left: 0;
	padding-left: 0;
}

.banner-interna{width: 98%; margin: 20px 1px;}

.box-instagram h2{
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 32px;
}

.box-instagram span.ico {
	background: url('../imagens/sprite_social.png');
	width: 32px;
	height: 32px;
	display: inline-block;
	background-size: 101px;
	background-position: -67px 0px;
	margin-right: 10px;
	float: left;
}


#jqDivInstagram {
	display: inline-block;
	width: 100%;
	height: 307px;
	margin-top:5px;
}

.tbl-instagram{
	width: 100%;
	height: 100%;	
}

.tbl-instagram tr td{
	background-size:cover;
	border: 4px #fff solid;
	border-collapse: collapse;
}

.box-redes-sociais ul li a {
	width: 70px;
	height: 70px;
	display: inline-block;
	text-indent: -5000px;
	background: url('../imagens/sprite_social.png') no-repeat;
}

.box-redes-sociais ul li a.pinterest {
background-position: -70px 0px;
}

.box-redes-sociais ul li a.instagram {
background-position: -140px 0px;
}

.footer { padding-top: 10px; padding-bottom: 20px; margin-top: 20px; color: #777; text-align: center; border-top: 8px solid #ffd48b; display: inline-table; width: 100%; background:#000;}



.wpcf7 {
	width: 50%;
	float: left;
	padding: 40px;
	background: #eaeaea;
	margin-right: 20px;
}

.bg-warning {
padding: 5px;
margin-bottom: 25px;
}

@media (min-width:768px) {
	.container {
		width: 860px;
		padding:0;
	}

	.logo {
		width: 241px;
		height: 77px;
		background-size: cover;
		margin-top: 8px;
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px;
		padding:0;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.logo {
		width: 192px;
		height: 60px;
		background-size: cover;
		margin-left: 10px;
		margin-top:0px;
	}
	
	.navbar {
		position: relative;
		height: 90px;
		margin-bottom: 0px;
		border: 1px solid transparent;
		background: url('../imagens/fundo_cabeca.png') center repeat-x;
		border-radius: 0;
	}
}

.w30p{ width:30%;}
.w50p{ width:50%;}

.form-formato{ padding:0 15px; float:left;}

.align-right{ text-align:right;}

/* SIMULADOR */

.selecao-formato {background: url('../imagens/fundo_simulador.jpg') #000 top no-repeat; text-align: center; display: inline-block; width: 100%; }
.simulador h2				{background: #eaeaea;margin: 1px;padding: 10px;font-size: 1.5em; line-height: 1.5em;}
.simulador .label-passo 	{font-weight: bold; font-size: 2em;}
.simulador .opcao		 	{ float: left; width: 30%; margin: 36px 1%; color: #fff;}
.simulador .texto			{ padding: 20px; margin: 0;}
.simulador .texto h4		{margin-top: 0;}
.simulador hr				{ margin:0; width:100%; clear:both;}

.selecao-formato-mini {background: none; text-align: center; display: inline-block; width: 100%; }
.selecao-formato-mini img {}
.selecao-formato-mini .opcao		 	{ float: left; width: 30%; margin: 0px 1%; color: #333; font-size:0.5em;}
.selecao-formato-mini .opcao h3		 	{ font-size:1.3em;}

.selecao-formato-mini .opcao-a img {width: 97px;height: 87px; max-width: 100%;}
.selecao-formato-mini .opcao-b img {width: 80px;height: 87px; max-width: 100%;}
.selecao-formato-mini .opcao-c img {width: 67px;height: 87px; max-width: 100%;}


.listagem-produtos { border-right: 1px solid #eaeaea; padding: 0; min-height: 640px;}
	.listagem-produtos h1{font-size: 1em;padding: 13px;}
	.listagem-produtos .list-items {width: 100%;border: 0;margin: 0;}

.detalhe-moldura {border-left: 1px solid #eaeaea; min-height: 640px;}
	.detalhe-moldura hr{margin-top:20px; margin-bottom: 20px;}	
	
.parede{
	border-top:1px solid #eaeaea;
	margin-top:50px;
	min-height: 590px;
}

.paspatur {
	border: 10px solid #fff;
	width: 100%;
	height: 100%;
	display: inline-block;
	background: rgba(0,0,0,0.0);
	position: absolute;
	z-index: 1;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
}

.container-cp {
	width: 50%;
	float: left;
	position: relative;
	height: 1px;
	border: 0px solid;
	margin: 0;
	line-height: 20px;
	
}

.paspatur-ui {position: absolute;top: 10px;left: 10px;}
.label-ui{font-size: 0.8em; line-height: 1.0em;margin: 0;width: 57px;float: left; text-align:right;}
#wPaspatur{width: 100px;margin: 10px 65px;}


.top{
	width: 400px;
	height: 50%;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	top: 0;
}

.bot{
	width: 400px;
	height: 50%;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	bottom: 0px;
}


/*MOLDURA QUADRADA*/
.moldura-quadrada{
	width: 400px;
	height: 400px;
	margin-top: -200px;
	top: 50%;
	position: absolute;
	margin-left: -200px;
	left: 50%;
	overflow: hidden;
	
	-webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow:	0px 10px 25px rgba(0, 0, 0, 0.5);
}

.moldura-quadrada .modelo{
	width: 400px;
	height: 400px;
	/*background-image: url('http://dev.easywire.com.br/moldufast/simulador/quadrada_externa/2046-8498.png');*/
	background-position: 0;
	background-size: 400px 400px;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}


.moldura-quadrada .imagem {
	width: 100%;
	height: 100%;
	background-image: url('../imagens/elvis_presley.jpg');
	background-position: 0;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #fff;
	background-position: top;
	
}
/*FIM MOLDURA QUADRADA*/


/*MOLDURA HORIZONTAL*/
.moldura-horizontal{
	width: 460px;
	height: 329px;
	margin-top: -165px;
	top: 50%;
	position: absolute;
	margin-left: -230px;
	left: 50%;
	overflow: hidden;
	
	-webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow:	0px 10px 25px rgba(0, 0, 0, 0.5);
}

.moldura-horizontal .modelo{
	width: 460px;
	height: 329px;
	/*background-image: url('http://dev.easywire.com.br/moldufast/simulador/horizontal_externa/2046-8498.png');*/
	background-position: 0;
	background-size: 460px 329px;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}


.moldura-horizontal .imagem {
	width: 100%;
	height: 100%;
	background-image: url('../imagens/elvis_presley.jpg');
	background-position: 0;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #fff;
}
/*FIM MOLDURA HORIZONTAL*/

/*MOLDURA VERTICAL*/
.moldura-vertical{
	width: 400px;
	height: 524px;
	
	margin-top: -245px;
	top: 50%;
	position: absolute;
	margin-left: -200px;
	left: 50%;
	
	overflow:hidden;
	
	-webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow:	0px 10px 25px rgba(0, 0, 0, 0.5);
}

.moldura-vertical .modelo{
	width: 400px;
	height: 524px;
	background-image: url('../imagens/elvis_presley.jpg');
	background-position: 0;
	background-size: 400px 524px;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}


.moldura-vertical .imagem {
	width: 100%;
	height: 100%;
	background-image: url('../imagens/elvis_presley.jpg');
	background-position: 0;
	background-size:cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #fff;
	background-position: top;
}


.thumb-moldura-simulador{
	list-style: none;
	margin: 0;
	padding: 0;
}

.thumb-moldura-simulador li{
	width: 24%;
	float: left;
	background: #fff;
	margin: 0.5%;
}


.thumb-moldura-simulador li {
	width: 50px;
	float: left;
	border: 1px solid #eaeaea !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
	height: 50px;
	margin: 2px;
	position: relative;
	cursor:pointer;
	border-radius: 30px;
}

.thumb-moldura-simulador li div.thumb {
	width: 200px;
	height: 200px;
	background-size: 100%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	position: absolute;
	top: -157%;
	left: 100%;
}

.list-container
{
	height:210px;
	overflow:auto;
	display:none;
	background: #fff;
}

.bt-moldura-active {
box-shadow: inset 0px 0px 25px rgba(255,210,40,0.9);
}

/*FIM MOLDURA VERTICAL*/
