@charset "utf-8";


/* Geral /////////////////////////////////// */
body { margin:0px; padding:0px; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; background-color: #000;}
a { color:inherit; text-decoration:none; }
a:hover { color:inherit; text-decoration: none;}

/*
.background-image: url("img.jpg");
.height: 50vh;
.style="background-image: url('img/foto1.jpg');"
.width: calc(100% - 150px);
*/



/* Topo /////////////////////////////////// */
.topo_cima { position: absolute; z-index: 999; width: 100%;}

.fundo_foto { position: relative; width: 100%; z-index: 99;}
.fundo_foto img { width: 100%;}

.topo_marca { display: table; margin:90px auto;}
.topo_marca img { width: 480px;}

.topo_menu  { width: 100%; display: table; margin: 0 auto; text-align: center; background-image: url("../img/fundo_menu.png"); background-repeat: repeat-x;  padding: 31px 0 26px 0 ; color: #fff; font-family: 'GraphikLight'; font-size: 22px; text-transform: uppercase;}

.topo_menu span { margin: 0 15px; cursor: pointer;}
.topo_menu a { cursor: pointer;}
.topo_menu a:hover { color:#ff6125; }



/* Home /////////////////////////////////// */
.home {	width: 80%; margin:50px 10%; display: table; text-align: center; font-family: 'GraphikMedium'; text-transform: uppercase; color: #fff; font-size: 25px; letter-spacing: 2px;}
.h_bloco_a {width: 48%; margin:10px 2% 10px 0%; float: left; padding: 100px 0;  background-repeat: no-repeat;  background-position: center;}
.h_bloco_b {width: 48%; margin:10px 0 10px 2%; float: left;  padding: 100px 0;  background-repeat: no-repeat; background-position: center;}

.h_bloco_a:hover{ opacity: 0.8; cursor: pointer;}
.h_bloco_b:hover{ opacity: 0.8; cursor: pointer;}




.internas_titulos{ font-size: 25px; margin: 30px 0; color: #fff; width: 100%; font-family: 'GraphikMedium'; display: table;}

.internas_fotos { width: 80%; margin: 0 auto; display: table; cursor: pointer;}
.internas_fotos span { width: calc(25% - 2px); float: left; margin: 1px; overflow: hidden; height: 150px; cursor: pointer;}
.internas_fotos img { width: 130%;}
.internas_textos { color: #fff; font-family: 'GraphikLight'; font-size: 24px;}


/* Formularios /////////////////////////////////// */
.pg_formulario { width: 100%; display: table; margin: 40px 0;}
.pg_formulario li  { list-style: none;}


.pg_formulario input { width: calc(48% - 8px); float: left; border: 1px solid #ededed; margin: 3px 3px 10px 3px;px; padding: 1%; color: #fff; font-family: 'GraphikLight'; font-size: 20px; background: none; outline: none;}


.pg_formulario select { width: calc(50% - 8px); float: left; border: 1px solid #ededed; margin: 3px 3px 10px 3px; padding: 1%; color: #fff; font-family: 'GraphikLight'; font-size: 20px; background: none; outline: none; height: 54px;}


.pg_formulario textarea { width: calc(98% - 8px); float: left; border: 1px solid #ededed; margin: 3px 3px 10px 3px; padding: 1%; color: #fff; font-family: 'GraphikLight'; font-size: 20px; background: none; outline: none;height: 90px;}

/* Rodape /////////////////////////////////// */
.rodape { width:80%; margin:50px 10%; display: table; border-top: 1px solid #969696; color: #fff; font-family: 'GraphikLight'; padding: 50px 0; font-size: 20px;}
.rodape span{ display: table; font-size: 16px; font-family: 'GraphikBold'; margin:  0 0 10px 0;}

.rodape_a { float: left; width: 50%;}
.rodape_a img { width: auto;}

.rodape_b { float: left; width: 48%; margin: 0 0 0 2%;}
.r_info { float: left; text-align: left; width: 50%;}

.r_info_menor { font-size: 14px;}




.fundo_foto_mobile { display: none;}



@media screen and (max-width:1100px) { 
.topo_marca { display: table; margin:35px auto; width: 100%; text-align: center;}
.topo_marca img { width: 300px;}
}



@media screen and (max-width:900px) { 
.topo_marca { display: table; margin:35px auto; width: 100%; text-align: center;}
.topo_marca img { width: 300px;}

.topo_menu  { width: 100%; display: table; margin: 0 auto; text-align: center; background-image: url("../img/fundo_menu.png"); background-repeat: repeat-x;  padding: 31px 0 26px 0 ; color: #fff; font-family: 'GraphikMedium'; font-size: 18px; text-transform: uppercase;}

}



@media screen and (max-width:700px) { 
.fundo_foto { display: none;}


.fundo_foto_mobile { position: relative; width: 100%; z-index: 99; display: table;}
.fundo_foto_mobile img { width: 100%;}


.topo_marca { display: table; margin:35px auto; width: 100%; text-align: center;}
.topo_marca img { width: 300px;}

.topo_menu  { width: 100%; display: table; margin: 0 auto; text-align: center; background-image: url("../img/fundo_menu.png"); background-repeat: repeat-x;  padding: 31px 0 26px 0 ; color: #fff; font-family: 'GraphikMedium'; font-size: 14px; text-transform: uppercase;}


.rodape_a { width: 100%; display: table; text-align: center; }
.rodape_a img { width: 80%;}

.rodape_b { width: 100%; display: table; font-size: 16px; line-height: 22px;}
.r_info { text-align: center; width: 100%; margin: 0 auto; }

.rodape span{ width: 100%; text-align: center; display: table; font-size: 14px; font-family: 'GraphikBold'; margin:  20px 0 5px 0;  }


.home {	width: 80%; margin:50px 10%; display: table; text-align: center; font-family: 'GraphikMedium'; text-transform: uppercase; color: #fff; font-size: 18px; letter-spacing: 2px;}
.h_bloco_a {width: 100%; margin: 10px 0; display: table; background-color: #f00; padding: 100px 0;  background-repeat: no-repeat;  background-position: center;}
.h_bloco_b {width: 100%; margin:10px 0; display: table; background-color: #f00;  padding: 100px 0;  background-repeat: no-repeat; background-position: center;}



.internas_fotos span { width: calc(50% - 2px); float: left; margin: 1px; overflow: hidden; height: 100px; cursor: pointer;}

}