@import url("fontface.css");
@charset "utf-8";
/*GERAIS */
*{margin:0px; padding:0px}
body{ width:100%; color: #999; line-height:18px; font-size:12px; font-family: 'Homizio', Arial, Helvetica, sans-serif; background-color:#F0F0F0; font-smooth:always; overflow-x:hidden; }

a:link {	color: #00D9A3;	text-decoration:none; }
a:visited {	color: #00D9A3;	text-decoration: none; }
a:hover {	color: #000; text-decoration: none; }
a:active {	color: #00D9A3;	text-decoration: none; }

::-webkit-scrollbar { height: 12px; width: 12px; background: #BBB; }
::-webkit-scrollbar-thumb { background:#000;  }
::-webkit-scrollbar-thumb:hover { background: #000;}
::-webkit-scrollbar-thumb:active { background:#000;}

input, textarea, select{max-width:310px;  border: 2px #DDD ; background-color:#DDD; color:#666; font-size:12px; padding:6px; margin:4px; font-family: 'bariol_regularregular', Arial, Helvetica, sans-serif; font-size:14px; }
.botao{ max-width:400px; border: 3px #cccccc solid; background-color:#F4F4F4; padding-left:130px; padding-right:130px; padding-top:20px; padding-bottom:20px; font-size:18px;}
.msg{ max-width:310px;}

img{ border:none;}
ul li{ list-style:none;}
.clear{ clear:both;}

img {width: 100% auto;}
.imagee {width: 100% ; height:auto; min-height:auto;}
h1{ font-size:35px; font-family: 'Homizio', Arial, Helvetica, sans-serif; letter-spacing:10px; line-height:30px; color:#999;}

.greydout { 
	-webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 10.5s ease;
  	transition: all 0.5s ease;


	}
   
.greydout:hover {
   -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
	-webkit-filter: brightness(1.5);
	

	
		
}

@media screen and (max-width: 10000px) {

/*HOME */
.central{ width:100%; margin:auto;}
.topo{ width:100%; height:178px; background-color:#222; float:left;}
.logo{ width:100%; height:92px; float:left; margin-top:10px; text-align:center;}
.logo2{max-width:100%; min-width:200px; float:left; margin:auto;}
.espaco_logo{ margin-top:20px;}
.menu{width:100%; height:50px; top:110px; text-align:center; z-index:9999; font-size:14px; font-family: 'Homizio', Arial, Helvetica, sans-serif; letter-spacing:1.5px;  position:absolute;}
.barra_top{width:100%; height:4px; top:155px; background-image:url(../img/barra_top.jpg); background-position:center; position:absolute; z-index:777;}
.espacomenu{ margin-left:8%; margin-right:8%;}
.bannerhome{ width:100%; height:100%; float:left;}
.fundos{ background-color:#222; height:12px;}
.footer{width:100%; height:80px; margin-top:40px; text-align:center; float:left;}


/*QUEM SOMOS E CONTATO*/
.cont{ width:100%; margin-top:30px; background-image:url(../img/bg_quem.png); background-repeat:no-repeat; background-position:center; float:left;}
.centraliza{max-width:900px; margin: auto;}
.colunascont{ width:45%; background-color:#F0F0F0; float:left;}
.espacotext{ padding:35px;  margin-left:15px; font-size:16px; color:#999; letter-spacing:0.6px; line-height:22px;}
.mail{font-size:20px;}
.redes{ max-width:70px; max-height:70px;}


/*FOTOGRAFIAS*/
.cont_galeria{ width:100%; height:auto; padding-bottom:2%; background-color:#222222; float:left;}
.centralizagaleria{ max-width:95%; margin:auto;}
.boxcategoria{ width:30%;  margin:1%;  float:left;}
.margemft{margin-left:21px; margin-right:21px; margin-bottom:21px;}

.titulocateg{ width:100%; letter-spacing:3px; text-align:center; color:#999; padding:21px 0 21px 0; font-size:28px; margin:auto;}
.menucateg { width:30%; margin:1%;  font-size:16px; letter-spacing:3px; padding:11px 0 11px 0; text-align:center; border:solid 1px #323232; float:left;}
.menucateg a:link { color: #777; text-decoration:none;}
.menucateg a:visited {color: #777; text-decoration: none; }
.menucateg a:hover {color: #ccc; text-decoration: none; }
.menucateg a:active {color: #ccc; text-decoration: none; }
.margemli{ margin-left:1%; margin-right:1%;}

.espcont{width:97%; margin:auto;}

.primeiracateg{ margin-left:3%;}
.primeiracateg2{ margin-left:3%;}

}
@media screen and (max-width: 800px) {
.topo{ width:100%; height:120px; float:left;}
.logo{ width:100%; height:72px; margin-top:-4px; float:left;  text-align:center;}
.espaco_logo{ margin-top:20px;}
.menu{width:100%; height:35px; top:75px; text-align:center; z-index:9999; font-size:12px; font-family: 'Homizio', Arial, Helvetica, sans-serif; letter-spacing:1.5px;   position:absolute;}
.barra_top{width:100%; height:4px; top:70px; background-image:url(../img/barra_top.jpg); background-position:center; position:absolute; z-index:99999;}
.bannerhome{ width:100%; height:100%; margin-top:0px; float:left;}
.espacomenu{ margin-left:8%; margin-right:8%;}
.fundos{ background-color:222222;}


/*QUEM SOMOS E CONTATO*/
.cont{ width:100%; margin-top:30px; background-image:url(../img/bg_quem.png); background-repeat:no-repeat; background-position:center; float:left;}
.centraliza{max-width:70%; margin: auto;}
.colunascont{ width:100%; background-color:#F0F0F0; margin:auto; float:none;}
.espacotext{ padding:0px; padding-top:30px; margin-left: 0px; font-size:14px; color:#999; line-height:25px; text-align:center;}
.redes{ max-width:70px; max-height:70px;}
.max{max-width:380px;}
.centre{ text-align:center;}


/*FOTOGRAFIAS*/
.cont_galeria{ width:100%; min-height:418px; background-color:#222222; float:left;}
.boxcategoria{width:45%; margin:2.5%; float:left; }
.margemft{margin-left:21px; margin-right:21px; margin-top:21px; margin-bottom:21px;}
.primeiracateg{width:95%;}
.menucateg{ font-size:14px;}
.titulocateg{ width:100%; letter-spacing:3px; text-align:center; color:#999; padding:21px 0 21px 0; font-size:22px; margin:auto;}
.espcont{width:100%; margin:auto;}



}
@media screen and (max-width: 480px) {
.topo{ width:100%; height:120px; float:left;}	
.logo{ width:100%; height:72px; margin-top:-10px; float:left; text-align:center;}
.menu{width:100%; height:20px; top:75px; text-align:center; z-index:9999; font-size:12px; font-family: 'Homizio', Arial, Helvetica, sans-serif; letter-spacing:1.5px; position:absolute;}
.bannerhome{ width:100%; height:100%; margin-top:-50px; float:left;}
.fundos{ background-color:222222;}


/*QUEM SOMOS E CONTATO*/
.cont{ width:100%; margin-top:30px; background-image:url(../img/bg_quem.png); background-repeat:no-repeat; background-position:center; float:left;}
.centraliza{max-width:90%; margin: auto;}
.colunascont{ width:100%; background-color:#F0F0F0; margin:auto; }
.espacotext{ margin-left: 0px; padding:0px; padding-top:30px; font-size:12px; color:#999; line-height:25px; text-align:center;}
.mail{font-size:16px;}
.redes{ max-width:50px; max-height:50px;}
.max{max-width:300px;}


/*FOTOGRAFIAS*/
.cont_galeria{ width:100%; background-color:#222222; float:left;}
.boxcategoria{ width:93%; margin:3%; float:left;}
.margemft{margin-left:0px; margin-right:0px; margin-top:21px; margin-bottom:21px;}
.menucateg{ font-size:11px; letter-spacing:1px;}
.titulocateg{ width:100%; letter-spacing:3px; text-align:center; color:#999; padding:21px 0 21px 0; font-size:18px; margin:auto;}
.espcont{width:100%; margin:auto;}



}