/*
    Desenvolvido por Artweb Design Digital
    http://www.artwebdigital.com.br/
    criacao2@artwebdigital.com.br
*/

 /*  Recaptcha  */
 
.erroFormularioCaptcha{
    text-align: center;
    color: #FF0000;
}
.caixaCampoFormulario{
    text-align: center;
}
.g-recaptcha{
    display: inline-block;
    vertical-align: top;
}

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

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

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

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

body,h1,h2,h3,p,a,ul,li,select,option,input,textarea,table,th,td,blockquote,hr,button,div{
	margin:0;
	padding:0;
	font-weight:normal;
} 

body{
    font-family: 'azoSansLight', tahoma;
	background:#FFF;
}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

a{
	text-decoration: none;
}

a:hover{
	text-decoration:none;
}

img{
	border:none;
}

button{
	border:none;
	cursor:pointer;
}

.limpa{clear:both;}
.limpa30{clear:both; height:30px;}

input, textarea{
    font-family: 'azoSansLight', tahoma;
	font-size:14px;
	color:#000;
	border:1px solid #4C4C4C;
}

/* header */
#bgHeader{
	border-top:4px solid #990100;
	background:url(../img/bg-header.png) repeat-x;
	width:100%;
	height:217px;
	position:relative;
	min-width:980px;
}

#header{
	margin:0 auto;
	position:relative;
}

.logoDecorvillage{
	position:absolute;
	left:50%;
	margin-left:-180px;
	top:14px;
}

#logo{
	background:url(../img/logo-sala-de-janta.png) no-repeat;
	width:186px;
	height:115px;
	position:absolute;
	left:107px;
	top:30px;
}

.instagram-topo{
	color: #990100;
	font-size: 24px;
	float: right;
	margin: 15px 15px 0 0;
}

#telefoneTopo{
	margin-right:64px;
	float:right;
	background:url(../img/fundo-telefone.png) no-repeat;
	width:149px;
	height:46px;
	line-height:46px;
	color:#ededed;
    font-family:'azoSansLightItalic';
	font-size:12px;
	padding-left:54px;
}

#telefoneTopo strong{
	font-style:italic;
	font-weight:normal;
    font-family:'azoSansMedium';
	font-size:18px;	
}

#bgMenu{
	position:absolute;
	right:0;
	top:97px;
	width:50%;
	background:url(../img/bg-menu.png) repeat-x;
	height:46px;
}

#menu{
	float:right;
	background:url(../img/bg-menu.png) repeat-x;
	height:46px;
	width:auto;
	margin-top:51px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	padding-right:10px;
}

#menu a{
	padding:0 26px;
	margin:0 6px 0 4px;
	font-size:13px;
	text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    font-family:'azoSansBold';
	color:#605f5f;
	margin-top:8px;
	height:31px;
	line-height:31px;
	float:left;
}

#menu a:hover, #menu a.menuAtivo{
	background:url(../img/bg-menu-hover.png) repeat-x;
	color:#000000;
}

/* BANNER */
#fundoBanner{
	background:url(../img/fundo-body-cima.jpg) repeat-x center top;
	width:100%;
	height:420px;
	min-width:980px;
}

.bannerIndividual{
	position:relative;
	width:1120px;
	height:410px;
	overflow:hidden;
	margin:-50px auto 0;
	border:5px solid #ffffff;
}

#sombrabanner{
	width:100%;
	background:url(../img/sombra-banner.png) no-repeat center top;
	height:56px;
	min-width:980px;
}

/* content */
#content{
	margin:0 auto 60px;
}

#conteudoPaginas{
	padding:60px 0 0;
}

#conteudoPaginas, #conteudoPaginas p{
	font-size:14px;
	color:#555555;
	line-height:22px;
}

#conteudoPaginas a{
	color:#dda100;
	text-decoration:underline;
}

#conteudoPaginas strong{
	font-weight:normal;
    font-family: 'azoSansBold';
	font-size:17px;
	color:#000;
	line-height:30px;
}

#conteudoPaginas a:hover{
	color:#666666;
}

#conteudoPaginas table tr td{
	vertical-align:top;
	width:33%;
	padding-left:20px;
}

/* home home */
.caixaTourVirtual{
	background: #990100;
	width: 100%;
	display: block;
	padding: 12px 0;
	text-align: center;
	margin-bottom: 50px;
}

.caixaTitulo{
	height:14px;
	margin-bottom:28px;
	margin-right:25px;
	border-bottom:1px solid #e6e7e8;
}

.caixaTitulo h2{
	background:#FFF;
	padding:0 30px 2px;
	line-height:14px;
	float:left;
	font-size:16px;
	color:#000;
    font-family:'azoSansLightItalic';
	text-transform:uppercase;
}

.caixaTitulo a{
	float:right;
	font-size:12px;
	color:#dda100;
    font-family:'azoSansLightItalic';
	text-transform:uppercase;
	line-height:12px;
}

#homeBaixo table tr td{
	padding:0 10px 0 30px;
	width:360px;
	vertical-align:top;
	font-size:14px;
	color:#555555;
	line-height:17px;
}

#homeBaixo table tr td img{
	border:6px solid #f1f2f2;
	width:368px;
	float:left;
	margin-left:-20px;
	margin-bottom:10px;
	margin-top:10px;
}

#homeBaixo table tr td strong{
	font-size:18px;
	color:#000;
    font-family:'azoSansBold';
	font-weight:normal;
	line-height:40px;
}

#homeBaixo table tr td a{
	color:#dda100;
    font-family: 'azoSansLightItalic';
	text-decoration:underline;
	font-size:12px;
}

#homeBaixo table tr td a:hover{
	color:#000;
}

.produtoIndividual{
	float:left;
	width:380px;
	margin:0 10px;
	height:350px;
}

.produtoIndividualDentro{
	height:400px;
}

.imagemProdutosIndividual{
	width:370px;
	border:5px solid #f1f2f2;
	height:225px;
	overflow:hidden;
	display:block;
}

.separaHome{
	background:#e6e7e8;
	margin:5px 10px 65px;
	width:auto;
	height:1px;
}

.descricaoProdutoIndividual{
	padding:5px 20px 0 21px;
	display:block;
}

.produtoIndividual h3{
	font-size:20px;
	color:#000;
    font-family:'azoSansBold';
	font-weight:normal;
	line-height:20px;
	margin:10px 0;
}

.produtoIndividual .valorProduto{
	padding:15px 10px 5px 0;
	width:360px;
	vertical-align:top;
	font-size:14px;
	color:#555555;
	line-height:17px;
	height:34px;
	overflow:hidden;
}

.produtoIndividual .valorProduto strong{
	color:#000;
    font-family:'azoSansBold';
	font-weight:normal;
	font-size:15px;
}

.descricaoProdutoIndividualDentro{
	padding:0 20px 0 21px;
	display:block;
}

.botaoDetalhes{
    font-family:'azoSansBold';
	font-size:10px;
	background:#990100;
	height:26px;
	margin-top:10px;
	line-height:26px;
	text-align:center;
	padding:0 20px;
	color:#FFF;
	margin-left:21px;
	float:left;
	text-transform:uppercase;
	letter-spacing:1px;
}

/* footer */
#rodapeFixo{
	padding-bottom:214px;
}

#rodapeTodo{
	min-width:980px;
	background:url(../img/bg-rodape.jpg) repeat-x;
	width:100%;
	height:214px;
	margin-top:-214px;
	position:relative;
	clear:both;
}

#footer{
	height:184px;
}

#rodapeEsquerda{
	width:130px;
	float:left;
	margin:55px 0 0 31px;
}

#logoRodape{
	background:url(../img/logo-sala-de-janta-rodape.png) no-repeat center;
	width:130px;
	height:69px;
	display:block;
	margin-bottom:25px;
}

#logoRodapeProjety{
	background:url(../img/logo-projety.png) no-repeat center;
	width:130px;
	height:26px;
	display:block;
}

#menuRodape1{
	float:left;
	width:150px;
	margin:20px 0 0 60px;
}

#menuRodape2{
	float:left;
	width:170px;
	margin:20px 0 0 0;
}

.menuRodape a{
	display:block;
	color:#a7a9ac;
	font-size:12px;
	line-height:24px;
	margin-left:10px;
}

#footer h3{
	line-height:28px;
	color:#ffffff;
	font-size:12px;
    font-family: 'azoSansMedium';
}

#caixaContatoRodape{
	float:right;
	width:280px;
	margin-top:20px;
}

#caixaContatoRodape, #caixaContatoRodape p{
	font-size:12px;
	color:#a7a9ac;
	line-height:14px;
}

#caixaContatoRodape a{
	color:#a7a9ac;
}

#caixaContatoRodape p{
	padding-left:10px;
}

#caixaFacebook{
	float:left;
	width:340px;
	height:130px;
	margin-top:30px;
}

#rodapeBaixo p{
	margin-left:10px;
	float:left;
	font-size:10px;
	color:#656565;
	line-height:30px;
}

.artweb{
    display:block;
	margin-right:10px;
    height:13px;
    width:50px;
	margin-top:8px;
	float:right;
	text-align:left;
	overflow:hidden;
}

/* contato contato */
#formContato{
	margin:0 auto;
}

.divBox{
	width:360px;
	height:70px;
	position:relative;
	float:left;
	margin:0 20px 0;
}

.divBoxNome{
	line-height:20px;
	float:left;
	height:20px;
}

.divBoxErro{
	width:100%;
	font-size:12px;
	color:#F00;
	text-align:center;
	display:none;
	height:20px;
	line-height:20px;
}

#formContato input{
	width:338px;
	height:22px;
	padding:10px;
}

#formContato textarea{
	margin-left:20px;
	width:1138px;
	height:104px;
	padding:10px;
	resize:none;
}

#formContato button{
	background:#990100;
	width:170px;
	height:40px;
	float:right;
	font-size:12px;
	letter-spacing:1px;
	margin-top:20px;
	cursor:pointer;
	border:none;
	color:#fff;
	text-transform:uppercase;
    font-family: 'azoSansBold';
	margin-right:20px;
}

#formContato button:hover{
	background:#501A1A;
}

/* produtos */
#menuCategorias{
	width:auto;
	border-bottom:1px solid #e6e7e8;
	margin:20px 50px 40px;
	text-align:center;
	padding-bottom:20px;
}

#menuCategorias a{
	font-size:15px;
	color:#FFF;
	background:#990100;
    font-family: 'azoSansMedium';
	margin:5px;
	line-height:32px;
	padding:6px 20px;
}

#menuCategorias a.menuCategoriaAtivo{
	background:#494949;
}

#menuCategorias a:hover{
	background:#494949;
}

.semProdutos{
	font-size:14px;
	color:#555555;
	text-align:center;
}

img.imagemPrincipal{
	max-width:500px;
	max-height:500px;
	margin-bottom:10px;
	display:block;
}

.caixaImagemProduto{
	border:1px solid #e6e7e8;
	margin:5px;
	width:154px;
	float:left;
	height:100px;
	overflow:hidden;
	text-align:center;
	float:left;
}

.caixaImagemProduto img{
	width:154px;
}

#produtoEsquerda{
	width:500px;
	float:left;
	margin:0 40px 20px 0;
}

#produtoDireita{
	width:470px;
	float:right;
}

/* show room */
.anuncioEsquerda{
	width:600px;
	margin:20px auto 0;
	height:493px;
	overflow:hidden;
	position:relative;
}

/* tamanhos tamanhos */
.tamanhoTela{
	width:1200px;
	margin:0 auto;
}

@media(max-width: 1230px) {
	.tamanhoTela{width:980px;}
	#logo{left:10px;}
	#menu{padding-right:0;}
	#menu a{font-size:12px;}
	#fundoBanner{height:360px;}
	.bannerIndividual{width:960px; height:350px;}
	.bannerIndividual img{max-width:960px;}
	.produtoIndividual{width:316px; margin:0 5px;}
	.imagemProdutosIndividual{width:306px;}
	.produtoIndividual p{width:285px;}
	#caixaFacebook{display:none;}
	#rodapeEsquerda{margin-left:51px;}
	#menuRodape1{width:180px;}
	#menuRodape2{width:220px;}
	#caixaContatoRodape{width:300px;}
	.divBox{margin:0 10px; width:305px;}
	#formContato input{width:283px;}
	#formContato textarea{margin-left:10px; width:933px;}
	#formContato button{margin-right:15px;}
	#conteudoPaginas table tr td{padding-left:10px;}
	#conteudoPaginas table tr td iframe{width:305px;}
}