@import url(https://fonts.googleapis.com/css?family=Lobster);
/* RESET
Iniciar o CSS com todas as tags HTML sem qualquer estilo padrão
definido pelo browser*/
*{
	margin: 0;
	padding: 0;
	/*font-family: 'Lobster', cursive;*/
	
	font-family: 'Arial' black;
	
	
    /*font-family: 'Cinzel', serif;*/
	font-size: 100%;
	text-decoration: none;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* Estilizando tags padroões */


h3{
  text-align:center;
  font-size:1.2em;
  color:#fff;
  margin:10px auto;
}

/* TOPO */
.topo{
	margin-top:-25px;
	float:left;
	/*position:relative;*/
	width: 100%;
	background: #000000;
	box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	border-top:solid 2px #000;	
	border-bottom:solid 2px #000; 
	margin-bottom:0px;
	font-weight:bold;
}
/* LOGO */
.logo{
	float:left;
	height:50px;
	margin-left: 3px;
	margin-bottom:3px;	
}	
/*MENU TOPO*/
.menu{display:block;float:left;margin-top:8px;margin-left:100px;background:#000000;margin-bottom:0px;}

.menu li{display:inline-block;text-align:center;/*border-right:1px solid #fff;*/}

.menu a{transition:all 0.5 ease-in-out;
        -o-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
        -webkit-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;	
}
.menu a:hover {color: #f00;font-weight:bold;font-size: 110%;font-style: oblique;text-decoration:none;}


/* TOTAL GERAL DA TELA */
.container{
	min-width:360 px;
	max-width:100%;
	height:auto;
	background:#000000;
    margin: 0 auto;
    padding: 28px;
	/*background-image: url("fundo.jpg");*/
}
.tcole{text-align:center;color:#000;font-weight:bold;margin-top:5%;}	
.toggleMenu {
	display:  none;
	display:inline-block;
}


/* RODAPÉ */
.roda{
	position:relative;
	width:100%;
	background-color:#000000;
	color:#fff;
	border-top:solid 2px #fff;  
	border-bottom:solid 2px #fff;  
}
.rodape{width:100%;color:#fff;}


.base{background:#000000;color:#fff; font-size:0.9em;font-weight:bold;}
.base a{color:#fff;}





/* EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA  */
#empresa{
	background: url('empresa.jpg') no-repeat ;
	background-size: 100%;
     width: 1423px;
	 height: 771px;
	 margin-top: 0px;
}
#fempresa{
    position: absolute;
     font-weight: bold;
	 font-size: 13pt;
	 font-family: 'Roboto', sans-serif;
	 margin-left: 85px;
	 margin-top: 80px;
	 width: 550px;
	 background: rgba(0,0,0,.3);
}
#fempresa h1{
     font-weight: bold;
	 font-family: 'Roboto', sans-serif;
	 color: #fff;
	 font-size: 30pt;
	 text-shadow: 1px 1px rgba(0,0,0,.8);
	 margin: 10px;
}
#fempresa p{
     text-align: left;
     font-weight: bold;
	 font-family: 'Roboto', sans-serif;
	 color: #fff;
	 font-size: 13pt;
	 text-shadow: 1px 1px rgba(0,0,0,.8);
	 margin: 10px;
}
#fempresa h3{
     color: #fff;
	 text-shadow: 1px 1px rgba(0,0,0,.8);
	 margin: 10px;
}
/* EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA  */

/* CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO EMPRESA  */
#contato{
	background: url('contato.jpg') no-repeat ;
	background-size: 100%;
     width: 1423px;
	 height: 771px;
	 margin-top: 0px;
}
#fcontato{
    position: absolute;
     font-weight: bold;
	 font-size: 13pt;
	 font-family: 'Roboto', sans-serif;
	 color:#fff;
	 margin-left: 970px;
	 margin-top: 80px;
	 width: 410px;
	 background: rgba(0,0,0,.9);
}

/* CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO  */

/* CADASTRO CADASTRO CADASTRO CADASTRO CADASTRO CADASTRO*/
#cadastro{
	background: url('cadastro.jpg') no-repeat ;
	background-size: 100%;
     width: 1423px;
	 height: 771px;
	 margin-top: 0px;
}
#fcadastro{
    position: absolute;
     font-weight: bold;
	 font-size: 13pt;
	 font-family: 'Roboto', sans-serif;
	 margin-left: 50px;
	 margin-top: 180px;
	 width: 300px;
	 /*background: rgba(0,0,0,.5);*/
}

/* CADASTRO CADASTRO CADASTRO CADASTRO CADASTRO CADASTRO*/

/*.empresa p{
position:absolute;
top:30%;
left:30%;	
background:rgba(0,0,0,.5);
width:40%;
padding:10px;
color:#fff;
font-size:15pt;
text-align:justify;
	text-shadow:1px 1px 1px #121212;
border-radius:5px;
z-index:99;
}
*/
.dicas{margin-left:5%;margin-bottom:10%;margin-top:5%}

.bcontato{color:#fff;font-weight:bold;}
.bcontato a{color:#fff;font-weight:bold;}


.contato{color:#000;font-weight:bold;}
.contato a{	color:#000;}
.contato a:hover{color:#000;	text-decoration:underline;}
.fcontato{	box-shadow: 8px 8px 8px #777;
	-webkit-box-shadow: 8px 8px 8px #777;
	-moz-box-shadow: 8px 8px 8px #777;
}
.cadleft{margin-left:0px;}
/*
.cadastro{
	margin-left:15%;
	color:#000;
	font-weight:bold;
	width:70%;
}
*/

/*---- COLOÇÃO ----*/
.foto1{
	display:inline-block;
	position:relative;
	width:275px;
	height:auto;
	margin:0.9%;
	padding-top:0.2%;
	box-shadow: 8px 8px 8px #777;
	-webkit-box-shadow: 8px 8px 8px #777;
	-moz-box-shadow: 8px 8px 8px #777;
}
.foto1 img{
	width:97%;
	height:92%;
}
/*.foto1 ul{
	width:18%;
	list-style:none;
	position:absolute;
	right:1.5%;
	top:50%;
}
.foto1 ul li{
	display:block;
	margin:6%;
}
.foto1 ul li img{
	border:2px solid white;
}
*/

#galeria{
	width:100%;
	max-width:1200px;
	z-index:9999;
	margin-left:1%;
}
#galeria p{
	font-family: 'Quicksand', sans-serif;
	color:#000;
	font-weight:bold;
}
/*---- COLOÇÃO ----*/







/* REDES SOCIAIS */
.redes{
	display:block;
	float:right;
	margin-right:80px;
	margin-top:7px;
}

.redes li{	
	display: inline-block;
	padding: 0px;		
}
/*  CAIXAS CAIXAS CAIXAS */

/*.clearfix{clear: both;overflow: hidden;display: block;}*/

[class*='caixa-']{
    width: 100%;
    float: left;
}
.caixa{
    position:relative;
	float:left;
	width: 100%;
	height:100%;
	margin:0%;
	padding:8px;
}

@media screen and (min-width: 640px){
    .caixa-m-1 {width: 8.33333%}
    .caixa-m-2 {width: 16.66667%}
    .caixa-m-3 {width: 25%}
    .caixa-m-4 {width: 32%}
    .caixa-m-5 {width: 41.66667%}
    .caixa-m-6 {width: 50%}
    .caixa-m-7 {width: 58.33333%}
    .caixa-m-8 {width: 66.66667%}
    .caixa-m-9 {width: 75%}
    .caixa-m-10 {width: 83.33333%}
    .caixa-m-11 {width: 91.66667%}
    .caixa-m-12 {width: 100%}    
}
@media screen and (min-width: 768px){
    .caixa-m-1 {width: 8.33333%}
    .caixa-m-2 {width: 16.66667%}
    .caixa-m-3 {width: 25%}
    .caixa-m-4 {width: 32%}
    .caixa-m-5 {width: 41.66667%}
    .caixa-m-6 {width: 50%}
    .caixa-m-7 {width: 58.33333%}
    .caixa-m-8 {width: 66.66667%}
    .caixa-m-9 {width: 75%}
    .caixa-m-10 {width: 83.33333%}
    .caixa-m-11 {width: 91.66667%}
    .caixa-m-12 {width: 100%}    
}
@media screen and (min-width: 960px){
    .caixa-g-1 {width: 8.33333%}
    .caixa-g-2 {width: 16.66667%}
    .caixa-g-3 {width: 25%}
    .caixa-g-4 {width: 32%}
    .caixa-g-5 {width: 41.66667%}
    .caixa-g-6 {width: 50%}
    .caixa-g-7 {width: 58.33333%}
    .caixa-g-8 {width: 66.66667%}
    .caixa-g-9 {width: 75%}
    .caixa-g-10 {width: 83.33333%}
    .caixa-g-11 {width: 91.66667%}
    .caixa-g-12 {width: 100%}    
}
@media screen and (min-width: 1280px){
    .caixa-g-1 {width: 8.33333%}
    .caixa-g-2 {width: 16.66667%}
    .caixa-g-3 {width: 25%}
    .caixa-g-4 {width: 32%}
    .caixa-g-5 {width: 41.66667%}
    .caixa-g-6 {width: 50%}
    .caixa-g-7 {width: 58.33333%}
    .caixa-g-8 {width: 66.66667%}
    .caixa-g-9 {width: 75%}
    .caixa-g-10 {width: 83.33333%}
    .caixa-g-11 {width: 91.66667%}
    .caixa-g-12 {width: 100%}    
}



.nav {
    list-style: none;
     *zoom: 1;
	 position:relative;
	 z-index:999;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
/*.nav ul {list-style: none;width: 9em;}*/
.nav a {
    padding: 10px 18px;
    color:#fff;
	font-size:13pt;
}
.nav a:hover{
	font-weight:bold;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
}
/*.nav > li > .parent {background-image: url("imagens/seta.gif");background-repeat: no-repeat;background-position: right;}*/

.nav > li > a {
    display: block;
}