@charset "utf-8";

.animated {
	opacity: 0;
}



/* CSS Document */

a:link{
	text-decoration:none;
	color: #010E72;
	border:none 0;
}
a:hover{
	text-decoration:none;
	color: #003399;
}
a:visited {
	text-decoration: none;
	color: #010E72;
	border:none 0;
}
a:active {
	text-decoration: none;
	color: #003399;
}

h1 {
	color:;
}

ul {
	padding: 0;
	list-style: none;
	display: inline-block;
}

ul > li {
	display: inline-block;
}

img a:{ border:none}

body {	
	color: #222;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
	font-size:12pt;
	line-height:18pt;
	float:left;
	margin: 0px;
	width: 100%;
	background-color: #f2f3f3;
	background-image: url(../arquivos/bgSite1.jpg);
	background-position:center top;
	background-repeat: no-repeat;
}

body.home {
	background-image: url(../arquivos/bgSite.jpg);
	background-position:center 600px;
	background-repeat: no-repeat;
}

.fundo-menu > hr {
	height:3px;
	border-top-color:#413213;
	border-top-width: 1px;
	background-color: #b98a2e;
}

/*Cores de fundo*/
.gradiente {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.03+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.separador:after {
	content:"";
	background-image: url(../arquivos/separador.jpg);
	height: 4px;
	width: 100%;
	position: absolute;
	top: 6px;
	left: 0;
	display: inline-block;
}

.fundo-quadrado {
	background-color:#333;
	background-image: url(../arquivos/backPadrao.png);
	background-attachment: fixed;

}
.fundo-quadrado.cinza {
	background-color:#c9c9c9;


}
.fundo-cortado {
	background-image: url(../arquivos/bgCapaEscura.png);
	background-size: cover;
}

#menu-smartphone {
	padding: 8px 4px;
    clear: both;
    z-index: 10;
    overflow: auto;
    position: fixed;
    top: 0;
    background-color: #333;
    width: 100%;
}

.icone-menu {
	margin-right: 14px;
	margin-top: 10px;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    color: #2C4C80;
    border: 1px solid #2C4C80;
    float: right;
}

.itens-menu-smartphone {
    list-style: none;
    padding-right: 14px;
    margin-bottom: 0;
    height: 0;
    overflow: hidden;
}

.itens-menu-smartphone.aberto {
	height: 100vh;
}

.itens-menu-smartphone>li {
	width: 100%;
	display: inline-block;
}

.itens-menu-smartphone>li a {
	padding: 10px 24px;
	font-size: 22px;
	line-height: 30px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
}

.itens-menu-smartphone>li a:hover {
	background-color: #a42c2d;
	color: #fff;
}

.icone-menu:hover {
	background-color: #a42c2d;
	color: #fff;
	cursor: pointer;
}

.azul {
	color:#a42c2d;
}

.branco {
	color:#fff;
}

section {
	clear:both;
	overflow: auto;
}

section.padding {
	padding: 36px 0;
}

.bg-escuro,.bg-escuro h2, .bg-escuro a {
	color: #fff;
}

.bg-imagem {
	background-size: cover;
	background-position: center;
}


.bg-parallax {
    background: url(../arquivos/pattern.png) center center repeat-y;
    background-attachment: fixed;
}

.descricao-servico-container {
	width: 55%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}

.form-orcamento-container {
	background-color: #aeaeae;
	min-height: 600px;
	width: 45%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}


.icone {
	line-height: 42px;
	color:#2C4C80;
	font-size: 28px;
	margin-bottom: 20px;
}

.icone:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    background-size: contain !important;
    margin: 0 6px 0 0;
}

h2.branco {
	color: #fff;
}

#top{
    position: fixed;
    width: 100%;
    margin: 0px;
	margin-top: 1vh;
    z-index: 2;
	display: block;
	background-image: url(../arquivos/bgMenuTop.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#top:after {
    content: "";
    width: 100%;
    height: 12px;
    bottom: -10px;
    right: 5px;
    position: absolute;
    display: inline-block;
}



ul.menu-pc {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}
ul.menu-pc  li {
	padding: 0 10px;
}
ul.menu-pc  li > a {
	color: #fff;
	border-bottom: 2px solid transparent;
	padding-bottom: 3px;
}

ul.menu-pc  li:hover > a {
	border-bottom: 2px solid #F16136;
}

#logotipo{
    max-width: 200px;
    margin-top: 10px;
    float: left;
    text-align: left;
}	
#site{
	margin:0px;
	width:100%;
	height:auto;
	min-height:450px;
}
#banner{
	min-height: 200px;
}

#quem-somos {
	min-height: 240px;
}

.titulo-pagina {
	text-align: center;
	color:#666666;
}

.titulo-pagina-contato {
	color:#000;
}
.sombra:after {
    content: "";
    width: 100%;
    height: 115px;
    background: red url(../arquivos/sombra900.png) no-repeat center;
    /* bottom: -10px; */
    background-color: transparent;
    /* right: 5px; */
    /* position: absolute; */
    margin-top: -32px;
    display: inline-block;
    background-size: contain;
}


.lista-servicos .servico-item {
	text-align: center;
}

.servico-item .servico-descricao {
	text-align: center;
	color:#fff;
}

.servico-item img {
	max-height:200px;
}

#secao-contato{
	background-color: #FFF;
}


.noticia-item-nome {
	font-size: 18px;
	font-weight: bold;
}

.noticia-item-depo {
	margin-top: 4px;
}

.noticia-item-imagem {
 	background-image: url(../arquivos/backCardapio.jpg);
 	background-size: cover;
 	height: 250px;
 	width: 100%; 
}


 .galeria-item {
 	height: 250px;
 	margin:0;
    margin-left: 6px !important;
    margin-top: 0px !important; 	
 }

 .galeria-borda {
    border: 6px solid #53463e;
    box-sizing: border-box;
 }

.img-responsive {
	max-width: 100%;
	height: auto;
}

#barraCapa{
	width:100%;
	margin:0px;
	min-height: 220px;
	background: url(../arquivos/elux/bg-listra.jpg) center;
	background-attachment : fixed;
	padding: 20px 0px;
}

#conteudo{
    width: 95%;
    max-width: 920px;
    margin: 0 auto;
	padding:0px;
}

.bonito p{
	font-size:16px;
	line-height:26px;
}
#bottom{
	width:100%;margin:0px;background:#666;
}
#base {
	margin:0px auto;max-width:960px;
	padding:30px 0px;color:#FFF;min-height:50px;
	text-align:center;
}
#base span a{
	display:block;
	clear:both;
	float:left;
	line-height:30px;
	font-size: 12pt;
	margin:7px;
	color:#FFF;	
	font-weight: bold;
	font-family: 'Raleway',  Arial, sans-serif;
}
#base span a:hover{
	color:#336699;
	padding-left:5px;
	border-left:solid 5px #336699;	
	text-shadow: 1px 1px 0px #222;
}
h1{ font-family: 'Raleway',  Arial, sans-serif; text-align:left;
	line-height:40px;font-size:24pt;color:#2C4C80;; font-weight:bold;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.30);
}
h2{ font-family: 'Raleway',  Arial, sans-serif; color:#333;
	margin:5px auto;
    line-height: 46px;
    font-size: 46px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);	
}
#conteudo .more{
	display: inline-block;margin:20px auto 10px;padding:8px 20px;
	border:solid 2px #FFF; text-align:center; color:FFF; background:#7DA04B;
}

.menu-footer {
    list-style: none;
    margin: 0;
}

.bg-footer {
	background-image: url(../arquivos/elux/bg-listra.jpg);
	background-position: center;
	
}

.menu-footer li {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    padding-left: 70px;
	margin: 5px;
    display: block;
}


/* CSS MENU RESPONSIVO */ 
.menu-responsivo-bg {
    background-image: url(../arquivos/elux/bgTopo.png);
    background-size: cover;
    background-position: center;
}

ul.menu-responsivo {
	text-align: center;
}
ul.menu-responsivo li {
   display: inline-block;
   font-size: 24px;
   width: initial;

}

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

	ul.menu-responsivo li {
	  width: 100%;
	  display: block;
	}

}

.texto-cinza {
	color: #ccc !important;
}

/* Botão */
.btn {
	padding: 6px 30px;
	font-size: 18px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;	
	border:none;
	cursor: pointer;
}

.btn-azul {
	background-color: #2C4C80;
	color:#fff !important;
}

.btn-azul:hover {
	background-color: #1f365c;
}

.btn-mgrey {
	background-color: #333;
	color:#fff !important;
}

.btn-grey:hover {
	background-color: #666;
}

.btn-laranja {
	background-color: #f16136;
	color:#fff !important;
}

.btn-laranja:hover {
	background-color: #fdc02a;
	color:#000;
}

.btn-preto {
	background-color: #333;
	color:#fff !important;
}

.btn-preto:hover {
	background-color: #444;
}

.btn-voltar {
	background-image: url('../arquivos/btVoltar.png');
	width: 97px;
	height: 35px;
	display: inline-block;
}

/* Banner */
.banner-bg {
	padding-top: 105px;
	background-image: url(../arquivos/bgTopo.png);
	background-position:center top;
	background-repeat: no-repeat;
}

.desk{	
	background-color:#F1F2F3; 
	background-image: url(../arquivos/admin1.png); 
	background-position: right bottom; 
	background-repeat: no-repeat; 
	padding: 4px 15px;
}

.desk:hover{	
	background-color:#CCC; 	
	background-image: url(../arquivos/item.png); 
}

.corpo1 {
    width: 98%;
    height: 30px;
    background: #fff;
    border: none;
    color: #000;
    line-height: 30px;
    padding: 2px 4px;
    margin-bottom: 10px;
    color: #666;
}

*::-webkit-input-placeholder {
    color: #666;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #666;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #666;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #666;
}

select.corpo1 {
	width: 100%;
	height: 38px;
	font-weight: bold;
}

label input {
  margin:0 12px 0 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.capa{ 
	background: url(../arquivos/aaa.png); width:90%; padding:5px 5%;
	color:#FFF;line-height:15px;font-size:14px;text-align:center;
}
.grey{
-webkit-filter: grayscale(150%);
filter: gray;
}
.grey:hover{
-webkit-filter: grayscale(0%);
filter: inherit;
}
.round1{
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.round2{
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.round3{
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.shadow{
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.55);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.55);
}

.transicao {
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.owl-dots {
	display:none;
}

.zoom {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(0.95) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.95) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.95) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.95) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.95) skew(0deg) translate(0px);
}
.zoom:hover{
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
.transparent{
	opacity:0.8;
  	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;	
}
.transparent:hover{	
	opacity:10;
  	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.show { display:block; }
.hide { display:none; }
#popup{
	position:fixed;
	width:100%;
	height:100%;
	margin:0;
	z-index:99999;
	background: url(../arquivos/aaa.png);
	overflow:hidden;
}
#bannerPP {
	margin-left:-350px;
	width:700px;
	position: absolute;
	top:10%;
	z-index:99999;
	left: 50%;
}
#fecharPop {
	height:25px;
	left:680px;
	margin-top:-7px;
	position:absolute;
	text-align: center;
	width:25px;
}

/* --------------- ÁREA RESTRITA --------------- */
#admin {
	position:fixed;
	right:0px;
	bottom:0px;
	width:30px;
	height:30px;
	text-align:center;
	z-index:9999;
	padding:5px;
}
.computer{display:block}
.smartphone{display:none}


/* --------------- CHAT --------------- */

#chat {
	position:fixed;
	right:0px;
	bottom:0px;
	width:180px;
	height:350px;
	text-align:center;
	z-index:8888;
	padding:5px;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 800px) {
	.computer{display:none}
	.smartphone{display:block}

	#barraCapa {
		min-height: 440px;
	}

	#banner {
		padding-top: 30px;
	}
	
	.form-orcamento-container #conteudo {
		width: 100% !important;
	}
	.descricao-servico-container,
	.form-orcamento-container {
		width: 100%;
	}	
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {

.computer{display:none}
.smartphone{display:block}
#conteudo{ width:86% }
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	.computer{display:none}
	.smartphone{display:block}

	#site{
		margin:0px;
		width:100%;
		height:auto;
		min-height:450px;
		background-color: transparent;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	.computer{display:none}
	.smartphone{display:block}

	#top{
		width:100%;margin:0px; min-height:85px;
	}

	#logotipo { width:80%; margin:10px auto 15px;}

	.banner-bg { padding-top: 85px;	}
}
/*  ------ SISTEMA BÁSICO DE GRIDS ----- */

.cf:after {
  content: "";
  display: table;
  clear: both;
}

.largura-50-pc {
    width: 47%;
    display: block;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.largura-50-pc:nth-child(2n+1) {
	padding-left: 0;
}

.largura-50-pc:nth-child(2n) {
	padding-right: 0;
}

.largura-25-pc {
	width: 23%;
	display: block;
	float: left;
	margin: 2px 4px;
}

.largura-25-pc:nth-child(4n+1) {
	margin-left: 0px;
}
.largura-25-pc:nth-child(4n) {
	margin-right: 0px;
}


@media only screen and (max-width : 800px) {
	.largura-50-pc {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.largura-25-pc {
		width: 30%;
	}
}

@media only screen and (max-width : 800px) {
	.largura-25-pc {
		width: 48%;
	}

	.largura-25-pc:nth-child(2n+1) {
		margin-left: 0;
	}

	.largura-25-pc:nth-child(2n) {
		margin-right: 0;
	}	
}



/* TESTE GRID */
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;
}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}


.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}
/*
.remove-margin-left-3:nth-child(1n+1) {
	margin-left: 0;
	margin-right:4px;
}*/

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}
/*
.span_4_of_12:nth-child(3n+1) {
	margin-left: 0;
}*/


.span_3_of_12 {
  	width: 23.8%;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
}

.section.sem-margem-esquerda-3 *:nth-child(3n+1) {
	margin-left: 0;
}

.section.sem-margem-esquerda-2 *:nth-child(1n+1) {
	margin-left: 0;
}

/*  GO FULL WIDTH BELOW 640 PIXELS */
@media only screen and (max-width: 640px) {
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
}

/*  GO FULL WIDTH BELOW 640 PIXELS */
@media only screen and (max-width: 640px) {
	.resumo-quem-somos {
	    background: url(../arquivos/aaa.png);
    	padding-right: 24px;
	}

	.depoimento-item-conteudo  {
		text-align: center;
	}
	
	#form {
	    max-width: 90%;
    	margin: 0 auto;
	}
}


/* Hacks */
.text-center {
	text-align: center !important;
}

.align-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.img-zoom {
  position: relative;
  margin: 2%;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.img-zoom img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.img-zoom .img {
	position: absolute;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	height: 100%;
	width:100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.img-zoom .label {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width:100%;
	line-height: 200px;
	background-color: #000;
	color:#fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	z-index: 1;

}
.img-zoom .label span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;

}

.img-zoom .img.transparent {

  z-index: 2;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  /* IE 5-7 */
  filter: alpha(opacity=40);

  /* Netscape */
  -moz-opacity: 0.4;

  /* Safari 1.x */
  -khtml-opacity: 0.4;

  /* Good browsers */
  opacity: 0.4;	
}

.img-zoom:hover .img.transparent {


  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;	
}

.img-zoom:hover .img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.img-zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}