body { width:100%; margin:0 auto; padding:0; display:table;  font-family: 'nexa_lightregular'; font-size:16px; font-weight:400; color:#58585b; }

/*TOPO*/
.sociais                    { width: 100%; margin: 0 auto; display: table; background: #000;}
.sociais #sociais           { width: 200px; float: right; text-align: left;}
.sociais #sociais i         {font-size: 20px; margin: 10px 10px; color: #e6bb70}

@media screen and (max-width:450px){.sociais #sociais{ width: 100%; text-align: center;}}

.topo 					 { width:100%; margin:0 auto; text-align: center; display:table; padding:1% 0; background:url(../imagens/topo.png) repeat; position:absolute; z-index:9999;}
.topo #topo				 { width:1200px; margin:0 auto; display:table}
.topo #topo .logo 		{ float:left; width:20%; display:table} 
.topo #topo .logo img 	{ width:100%;}
.topo #topo .menu 		{ float:right; width:72%; display:table}
@media screen and (max-width:1200px){.topo { position:relative; background:#000;}.topo #topo{ width:100%;}.topo #topo .logo, .topo #topo .menu{ float:none; margin:0 auto; text-align:center; width:100%; display:table; margin:1% 0 ;}.topo #topo .logo img{ width:250px;} }

/*PADRÃO*/
.wrapper 	{ width:1200px; margin:0 auto; text-align:justify; margin-top:50px; margin-bottom:50px; display:table}
.titulo 	{ width:800px; margin:0 auto; text-align:center; display:table; background:url(../imagens/titulo.png); height:33px; color:#e6bb70; font-size:30px; line-height:33px; margin-bottom:50px; margin-top:50px;}
.titulo2	{font-size:20px;color:#e6bb70; }
.titulo3 	{font-size:30px;color:#e6bb70; text-align:center;}
.col1		{ width:46%; float:left; display:table; margin:5% 2%;}
.col2		{ width:46%; float:right; display:table; margin:5% 2%;}
a 			{color:#e6bb70;}
.voltar			{ width:200px; margin:0 auto; cursor:pointer; text-align:center; background:#000; color:#FFF; padding:15px; display:table;  -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}
.voltar:hover	{ width:200px; border:1px solid #000; margin:0 auto; text-align:center; background:#e6bb70; color:#000; padding:15px; display:table;  -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}
div#erro		{ text-align:center; width:100%; display:table; margin:0 auto;font-size:18px; color:#F90F00; padding:5px;}
.janela			{ font:15px 'nexa_lightregular'; font-size:20px; width:80%; position:fixed; left:50%; right:50%; margin:0 20% 0 20%; color:#FFF; text-align:center; overflow:hidden; background-color:none; border:none; text-align:center; top: 50%; z-index: 999999;}
#mask 			{ display: none; background: #000;  position: fixed; left: 0; top: 0;  z-index:150; width: 100%; height: 100%; opacity: 0.9; z-index: 9;}
.but_mask		{ background-color:#8CC63F; padding:0 40px; height:40px; border:none; color:#fff;}
.but_mask:hover	{ background-color:#CCC;}

@media screen and (max-width:1200px){.wrapper{ width:95%; margin:50px auto; }}
@media screen and (max-width:810px){.titulo{ width:95%; margin:0 auto; margin:10% 0; background-size:100%; font-size:1.6em; background-repeat:no-repeat; }}
@media screen and (max-width:600px){.titulo{font-size:1.3em; }}
@media screen and (max-width:500px){.titulo{ line-height:15px; height:20px; font-size:1.2em;}}
@media screen and (max-width:490px){.titulo{ line-height:15px; height:20px; font-size:0.9em; margin-top:50px;}}

/* INPUTS */
select						{ font:16px 'nexa_lightregular'; border: 1px solid #CCC; background:#FFF; padding: 5px 18px 5px 1%; color:#333; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; background:url(../imagens/seta.png) no-repeat right #FFF;}
input,textarea				{ font:16px 'nexa_lightregular'; border: 1px solid #CCC; background:#FFF; padding: 10px 1%; color:#333;}
textarea 					{ width:100%; height:400px;}
input,select, textarea:focus{ outline:none;}
input[type=submit] 			{ background:#000; border:none; padding: 8px 15px; font-family:'nexa_lightregular';font-size:16px; color:#FFF; }
input[type=button] 			{ background:#000; border:none; padding: 13px 15px; font-family:'nexa_lightregular';font-size:16px; color:#FFF;}
input[type=button]:not(.nota):hover,
input[type=submit]:not(.nota):hover 	{ background:#e6bb70; border:none; padding: 13px 15px; font-family:'nexa_lightregular';font-size:16px; color:#000; cursor:pointer; _cursor: hand; }
input[type=text]			{ outline:none; width:31%; margin:1%;}

input:disabled::-webkit-input-placeholder,	textarea:disabled::-webkit-input-placeholder{ color:#CCC; font-family:'nexa_lightregular';}
input:disabled::-moz-input-placeholder,		textarea:disabled::-moz-input-placeholder	{ color:#CCC; font-family:'nexa_lightregular';}
input:disabled::-ms-input-placeholder,		textarea:disabled::-ms-input-placeholder	{ color:#CCC; font-family:'nexa_lightregular';}
input::-webkit-input-placeholder,	textarea::-webkit-input-placeholder{ color:#AAA; font-family:'nexa_lightregular';}
input::-moz-input-placeholder,		textarea::-moz-input-placeholder	{ color:#AAA; font-family:'nexa_lightregular';}
input::-ms-input-placeholder,		textarea::-ms-input-placeholder	{ color:#AAA; font-family:'nexa_lightregular';}

/*HOME*/
#home img		{width:350px; float:right; margin: 0 0 10px 20px; display:table;}
@media screen and (max-width:521px){#home img{ width:80%; margin:0 auto; margin:1% 10%}}


/*SERVIÇOS*/
#servicos img 	{ width:450px; float:right; margin:0 0 10px 20px }
@media screen and (max-width:650px){#servicos img{ width:80%; margin:0 auto; margin:1% 10%}}

/*VEICULOS*/
#veiculos .carro 	{ width:30%; float:left; margin:1.5%; text-align:center; display:table; color:#e6bb70;}
#veiculos .carro1 	{ width:37%; float:left; margin:1.5%; display:table; text-align:center; color:#e6bb70;}
#veiculos .car	 	{ width:37%; float:left; margin:1.5%; display:table; text-align:center; color:#e6bb70;}
#veiculos .bloco 	{ width:10%; float:left; border:1px solid #FFF;}
#veiculos img 		{ width:350px;}
@media screen and (max-width:1200px){#veiculos img{ width:95%; margin:0 auto;}}
@media screen and (max-width:700px){#veiculos .carro, #veiculos .carro1 { width:50%; margin:0 auto; margin-top:2%; display:table;} #veiculos .car{ float:none;}}
@media screen and (max-width:460px){#veiculos .carro, #veiculos .carro1 { width:100%;}}

#veiculo .descricao                             { width: 60%; float: left; margin: 0 auto; display: table;}
#veiculo .descricao .foto img                   { display: table}

#veiculo .formulario                            { width: 30%; padding: 2%; float: right; margin: 0 auto; display: table;; margin-bottom: 100px; margin-top: 60px; background: #f9f9f9; font-size: 14px;}
#veiculo .formulario input[type='text']         { width: 100%; margin: 10px auto; display: table; }
#veiculo .formulario textarea                   { height: 100px;}

@media screen and (max-width:1000px){#veiculo .descricao { width: 100%;}#veiculo .formulario { width: 96%;}}
@media screen and (max-width:650px){#veiculo .descricao .foto img { width: 90%;}}

.carros 									{ width:100%; display:table; margin-top:50px;}
.carros #carros, 
.carros #carros1,.carros #carros2 			{ width:20%; float:left; margin:0 auto; display:table; text-align:center}
.carros #carros img, 
.carros #carros1 img,.carros #carros2 img	{ width:80%; transition:0.5s; }
.carros #carros img:hover,
.carros #carros1 img:hover, .carros #carros2 img:hover	{ transform:scale(1.2,1.2); transition:0.5s;}

@media screen and (max-width:980px){.carros #carros{ width:33%; text-align:center}.carros #carros1{ width:50%; text-align:center}.carros #carros img, .carros #carros1 img	{ width:250px} }
@media screen and (max-width:800px){.carros #carros img, .carros #carros1 img	{ width:150px} }
@media screen and (max-width:600px){.carros #carros img, .carros #carros1 img, .carros #carros2 img { width:250px}.carros #carros, .carros #carros1{ width:50%; text-align:center;}.carros #carros2 { width:100%; float:none; text-align:center;}}
@media screen and (max-width:580px){.carros #carros img, .carros #carros1 img, .carros #carros2 img { width:100%}.carros #carros, .carros #carros1, .carros #carros2{ width:100%; text-align:center;}}

/*DEPOIMENTOS*/
#depoimentos #titulo 	{ width:48%; float:left; margin:0 auto; margin:1% 0; }
#depoimentos #foto 		{ width:48%; float:right; margin:0 auto; margin:1% 0; padding:7px}

#depoimentos input#nome, 
#depoimentos input#email,#depoimentos input#telefone, #depoimentos input#titulo { background:none;}

#depoimentos input#nome		{ margin:0 auto; margin:1% 2% 1% 0;}

#depoimentos input#telefone	{ margin:0 auto; margin:1% 0% 1% 2%;}

@media screen and (max-width:924px){#depoimentos input#nome, #depoimentos input#email,#depoimentos input#telefone{ width:100%; margin:0 auto; margin:1% 0;}}
@media screen and (max-width:550px){#depoimentos input#nome, #depoimentos input#email,#depoimentos input#telefone, #depoimentos input#titulo,#depoimentos #foto { width:100%; margin:1% 0;}}

#depoimentos .divisao 		{ width:100%; margin:0 auto; display:table; margin:1% 0;}
#depoimentos .divisao img 	{ display:table;}
#depoimentos .titulo2		{ text-align:center}
#depoimentos .aspa1			{ float:left; width:50px; }
#depoimentos .aspa2			{ float:right; width:50px;}

#depoimentos .bloco 					{ width:90%; display:table; margin:5% 0; padding:0 2%; float:left;}
#depoimentos .bloco .texto 				{ width:85%; margin:0 auto; display:table; }
#depoimentos .bloco .texto .imagem 		{ width:30%; float: left;}
#depoimentos .bloco .texto .imagem img 	{ width:100%; margin-top:20px;}
#depoimentos .bloco .texto #texto 		{ width:68%; float:right;}

@media screen and (max-width:600px){#depoimentos .divisao img{ width:100%;} #depoimentos .bloco .texto .imagem, #depoimentos .bloco .texto #texto{ width:100%; margin:30px 0;}}

/*NOTICIAS*/
#noticias .bloco 				{ width:21%; float:left; margin:2%; display:table; height:350px; text-align:center; }
#noticias .bloco .subtitulo		{ font-size:25px; text-align:center; margin-bottom:10px;}
#noticias .bloco .descricao		{ font-size:14px; color:#58585b;}
@media screen and (max-width:980px){#noticias .bloco{ width:46%; float:left}}
@media screen and (max-width:500px){#noticias .bloco{ width:100%; margin:0 auto; margin:1.5% 0; float:left; height:auto;}}

/*NOTICIA*/
#noticia .conteudo #conteudo					{ width:100%; margin:0 auto; display:table; margin-bottom:30px;}
#noticia .conteudo #conteudo .imagem_noticia 	{ float:left; margin:0 20px 10px 0;}
#noticia .conteudo .imagens 					{ width:100%; margin:0 auto; display:table; margin-top:25px;}
#noticia .conteudo .imagens #imagens 			{ width:22%; float:left; margin:1.5%;}


/*GALERIA*/
.galeria 				{ width:100%; margin:0 auto; display:table;}
.pe-thumbs				{ width: 1200px; height: 400px; margin: 20px auto;	position: relative;	background: transparent #CCC center center; }
.pe-thumbs:before 		{ content: "";	position: absolute;	top: 0px;	left: 0px;	width: 100%;	height: 100%;}
.pe-thumbs 				{ width:100%; margin:0 auto; display:table; text-align:center; }
.pe-thumbs li			{ float:left;	position: relative; list-style:none; text-align:center; width:20%; display:table}
.pe-thumbs li a,
.pe-thumbs li a img 	{ display: block; position: relative; opacity:1;}
@media screen and (max-width:1200px){.pe-thumbs	{ width:100%; margin:0 auto;}.pe-thumbs li	{ width:33%;}.pe-thumbs li a img 	{ width:100%;}}
@media screen and (max-width:600px){.pe-thumbs li	{ width:50%;}}

/*PARCEIROS*/
#parceiros .bloco 				{ width:23%; float:left; margin:1%; display:table;  }
#parceiros .bloco img 			{ width:65%; text-align:center;/*-webkit-filter: grayscale(100%); filter: grayscale(100%); transition:1s}
#parceiros .bloco img:hover 	{ -webkit-filter: grayscale(0%); filter: grayscale(0%); transition:1s*/}
@media screen and (max-width:800px){#parceiros .bloco { width:31%;}}
@media screen and (max-width:600px){#parceiros .bloco { width:48%;}}

/*CONTATO*/
#contato #form_contato							{ width:100%; margin:0 auto; padding:0; display:table;}
#contato input[type=text], #contato textarea,
select, #contato input[type=mail]                                       	{ width:100%; margin:1.5% 0; padding: 10px;}
#contato textarea								{ height:220px;}

#contato .col1		{ width:48%; float:left; margin:0 auto; display:table}
#contato .col2		{ width:48%; float:right; display:table; margin:0 auto; display:table;}
@media screen and (max-width:980px){#contato .col1, #contato .col2{ width:100%; float:none; margin:0 auto; margin:1.5% 0;}}


/*RODAPE*/
.barra_rodape 			            { width:100%; margin:0 auto; background:url(../imagens/back-rodape.png); height:72px; background-size:100%;}		
.rodape 				            { width:100%; margin:0 auto; display:table; background:#000;background:auto; margin-top:-5px;}
.rodape #rodape 		            { width:1200px; margin:0 auto; text-align:center; padding-top:1%; color:#FFF; font-weight:400;}
.rodape #rodape .copyright	        { padding: 15px 0;}
.rodape #rodape img.mogicomp        { float:left; margin: -50px 0 0 120px;}
.rodape #rodape img.casamento		{ float:right; margin: -70px 50px 0 0;}

@media screen and (max-width:1200px){.rodape #rodape { width:100%;}}
@media screen and (max-width:915px){.rodape { margin-top:-30px;} .rodape #rodape .copyright { width: 100%; display: table;} .rodape #rodape img.mogicomp { margin-top:0px;}  .rodape #rodape img.casamento { margin-top: 0;}}
@media screen and (max-width:573px){.rodape { margin-top:-50px;}}
@media screen and (max-width:423px){.rodape #rodape img  { margin-top:10px; float:none;}}