@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
@import 'https://fonts.googleapis.com/css?family=Raleway';
@import 'https://fonts.googleapis.com/css?family=Noto+Sans';
*{
	
	margin:0px auto;
	padding:0px;
}
div.fundo_preto{
	position: fixed;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	display: none;
	z-index: 998;
}
/*==========MENU==========*/
div.divTop{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #2A3A80;
	height: 68px;
	z-index: 1000;
	border-top: 5px solid #3d3d3d;
}
div.divTop div{
	width: 398px;
	background-color: #fff;
	height: 88px;
	text-align: center;
	position: absolute;
	left: 0;
	-webkit-transform: skew(-38deg); /* Chrome, Opera */
      -ms-transform: skew(-38deg); /* IE */
          transform: skew(-38deg); /* Padrão */
          margin-left: -37px;
}
div.divTop div img{
	margin-top: 6px;
	padding-left: 5px;
	-webkit-transform: skew(38deg); /* Chrome, Opera */
      -ms-transform: skew(38deg); /* IE */
          transform: skew(38deg); /* Padrão */
}
div.divTop ul{
	position: absolute;
	right: 0;
	margin-right: 100px;
}
div.divTop ul li{
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 23px;
}
div.divTop ul li a{
	color: #fff;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	
}
div.divTop ul li a.clicado{
	background-color: #FF7F24;
	border-radius: 7px;
	padding: 15px
}
div.divTop ul li a.amostra{
	background-color: #3690CB;
	border-radius: 7px;
	padding: 15px
}
/*==========FIM DO MENU==========*/
/*==========Frase e Botão em ciam da imagem==========*/
h1#aviso{
	
	top:150px;
	width: 800px;
	margin: 0 auto;
	font-family: arial;
	font-size: 40px;
	color: white;
	text-shadow: 2px 2px 10px black;
	text-align: center;
}
h1 a#demo{
	margin-top: 300px;
	font-family: verdana;
	font-size: 12px;
	color: white;
	text-shadow:2px 2px 10px black;
	padding: 15px 40px;
	border: 3px solid #FF7F24;
	text-decoration: none;
	background-color: #FF7F24;
}
	h1 a#demo:hover{
		background-color: white;
		color:#FF7F24;
		text-shadow:none;
	}
div#logo-cima{
	background-color: #fff;
	opacity: 0.4;
	width: 100%;
	height: 580px;

}
/*===========Fim da Frase e Botão==========*/
/*==========Imagens==========*/
img#imagem-home{
	margin-top: 45px;
	width:100%;
	height: 500px;
	
}
img#dispositivos{

	position: absolute;
	top: 450px;
	right: 60px;
	width: 500px;
	height: auto;
}
/*==========FIM DAS IMAGENS==========*/
/*==========RADIO CORPORATIVA==========*/
div.radio_corporatova{
	text-align: center;
	margin: 0 auto;
	width: 80%;
	margin-bottom: 80px;
}
div.radio_corporatova h1{
	color: #222;
	font-size: 34px;
	margin-bottom: 60px;
	font-family: 'Noto Sans', sans-serif;
}
div.radio_corporatova p{
	width: 870px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 30px;
	word-spacing: 2px;
	font-family: 'Raleway', sans-serif;
	color: #363636;
}
div.fazemos{
	height: 300px;
	text-align: center;
}
div.fazemos p.titulo{
	padding-top: 40px;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	width: 90%;
	
}
div.fazemos ul{
	text-align: center;
	padding-top: 50px;
	margin: 0 auto;
}
div.fazemos ul li{
	display: inline-block;
	vertical-align: top;
	text-align: center; 
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}
div.fazemos ul li h1{
	font-size: 32px;
	font-family: 'Noto Sans', sans-serif;
}
div.fazemos ul li{
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 35px;
}
div.fazemos ul li:nth-child(2){
	border-left: 1px solid white;
}
div.fazemos ul li p{
	margin-bottom: 30px;
	font-size: 16px;
}
div.fazemos ul li a{
	background-color: #FF7F24;
	padding: 14px 30px;
	margin-right: 10px;
	border-radius: 5px;
	font-size: 18px;
	text-decoration: none;
	font-family: 'Noto Sans', sans-serif;
	color: #fff;
	transition:0.3s background-color, color ;
}
	div.fazemos ul li a:hover{
		background-color: #fff;
		color: #FF7F24;
	}

div.janela_modal{
	display: none;
	position: fixed;
	width: 400px;
	height: 500px;
	padding: 15px;
	margin-left: -215px;
	left: 50%;
	top: 80px;
	z-index: 999;
	border-radius: 10px;
	background-color: #fff;
	text-align: center;
}
a.btnClose{
	position: absolute;
	right: 0;
	margin-right: 20px;
	font-size: 20px;
	color: #222;
}
div.janela_modal h1{
	font-family: 'Noto Sans', sans-serif;
	color: #222;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 24px;
}
div.janela_modal p{
	width: 90%;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	color: #222;
	font-size: 12px;
	line-height: 25px;
}
div.janela_modal input.campos{
	width: 90%;
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	height: 30px;
}
div.janela_modal input.enviar{
	padding: 10px 25px;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	background-color: #FF7F24;
	color: #fff;
}
div.div_ecad{
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}
div.div_ecad ul{
	margin: 0 auto;
}
div.div_ecad ul li{
	width: 80%;
	margin-left: 30px;
	margin-right: 30px;
	padding: 20px;
	border:1px solid #EEE;
	display: inline-block;
	vertical-align: top;
}
div.div_ecad ul li h1{
	font-family: 'Noto Sans', sans-serif;
}
div.div_ecad ul li p{
	padding-top: 40px;
	font-family: 'Raleway', sans-serif;
	font-size: 14;
	line-height: 25px;
	color: #222;
	text-align: justify;
	width: 90%;
}
/*==========FIM RADIO CORPORATIVA==========*/
/*==========RECURSOS DO SISTEMA==========*/
div#mulher{
	/*background: url('fone1.jpg') no-repeat;*/
	width: 100%;
	height: 700px;
	text-align: right;
}
div#mulher h1{
	text-align: right;
	margin-right: 250px;
	font-family: 'Titillium Web', sans-serif;
	color: white;
	font-size: 40px;

}
div#mulher ul{
 text-align: right;
}
div#mulher li{
	display: inline-block;
	margin-right: 70px;
	margin-top: 30px;
	color: white;
	width: 180px;
	text-align: center;
	transition:background-color 1s;
	font-family: 'Open Sans Condensed', sans-serif;
}
	div#mulher i{
		color: white;
		padding: 20px 50px;
	}
div#mulher hr{
	color: white;
	width: 150px;
	margin-top: 50px;
}
/*==========FIM DO RECURSOS DO SISTEMA==========*/
/*==========FAQ==========*/
div.pergunta1 a{
	text-decoration: none;
	font-family: verdana;
	font-size: 20px;
	color: gray;

}
	div.pergunta1{
		padding: 20px 10px;
		background-color:#E1E4D6;
	}
div.pergunta2 a{
	text-decoration: none;
	font-family: verdana;
	font-size: 20px;
	color: gray;

}
	div.pergunta2{
		padding: 20px 10px;
		background-color:#E1E4D6;
	}
span#respostas{

	display: none;
	font-family: verdana;
	font-size: 13px;
	padding: 15px 0px 30px 60px;
}
/*==========FIM FAQ==========*/
/*==========COMEÇO DA GALERIA==========*/
hgroup#galeria1 h1{
	color: #363636;
	font-size: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
}
hgroup#galeria1 hr{
	width: 40px;
	height: 3px;
	margin-top: -10px;
	background-color: #4682B4;
	border: 0px;
}
hgroup#galeria1 p{
	text-align: center;
	font-size: 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 20px 0px;
}
ul#album-foto{
	margin: 0 auto;
	padding: 40px 80px;
	overflow: hidden;
	list-style: none;
	text-align: center;

}
ul#album-foto li:hover{
	-webkit-transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
}
ul#album-foto li{
	display: inline-block;
	width: 400px;
	height: 200px;
	margin: 10px;
	border: 5px solid white;
	background-color: white;
	box-shadow: 3px 3px 3px rgba(0,0,0,.4);
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in; 
 	-ms-transition: all .4s ease-in;
}
ul#album-foto li span{
	font-family:calibri;
	opacity: 0;
	color: white;
	text-shadow: 1px 1px 1px black;
	background-color: rgba(0,0,0,.7);
	font-size: 9pt;
	line-height: 370px;
	padding: 5px 50px;

}
ul#album-foto li:hover span{
	opacity:1;
}
ul#album-foto li#foto01{
	background: url('atendimento.png') no-repeat;
	background-position: 50% 50% ;
	background-size: 400px 200px;
	background-color: white;
}
	ul#album-foto li#foto01:hover{
		background-position: 0px 0px;
		background-size: 400px 200px;
	}
ul#album-foto li#foto02{
	background: url('veiculos.png') no-repeat;
	background-position: 50% 50%;
	background-size: 400px 200px;
	background-color: white;
}
ul#album-foto li#foto03{
	background: url('genero1.png') no-repeat;
	background-position: 50% 50%;
	background-size: 400px 200px;
	background-color: white;
}
ul#album-foto li#foto04{
	background: url('gerenciar.png') no-repeat;
	background-position: 50% 50%;
	background-size: 400px 200px;
	background-color: white;
}
ul#album-foto1{
	display: none;
}
/*==========FIM DA GALERIA==========*/
/*==========COMEÇO DO ATENDIMENTO==========*/

div.ultimaDiv{
	width: 100%;
	padding-bottom: 25px;
	padding-top: 25px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	background-color: #0D1228;
}
/*==========FIM DO ATENDIMENTO==========*/
@media (max-width:1250px){

	img#dispositivos{

		left:325px;
	}
}
@media (max-width: 1078px){
	ul#album-foto{
		display: none;
	}
	span#frase{
		display: none;
	}
	ul#album-foto1{
		display: inline-block;
		text-align: center;
	}
	ul#album-foto1 li{
		display: inline-block;
		padding: 20px 0px;
		font-family: 'Open Sans Condensed', sans-serif;
	}
	ul#album-foto1 img{
		width: 100%;
	}
}
@media (max-width: 985px){
	nav.menu li{

	 padding: 16px 15px 16px 15px;
	}
	h1#aviso{

	font-size: 50px;
	top: 70px;
	margin: 0px;
	}
	h1 a#demo{
	top: 200px;
	font-size: 15px;
	}
	div#logo-cima{
		display: none;
	}
	img#imagem-home{

	width:100%;
	height:auto;
	margin-top: 40px;
	}
	img#dispositivos{
	top: 200px;
	left: 340px;
	width: 400px;
	}
	div#mulher ul{
		text-align: center;
	}
	div#mulher li{
		text-shadow:1px 1px black;
		margin-right: 0px;
	}
	div#mulher h1{
		text-align: center;
		margin-right: 0px;
	}

}
@media (max-width:750px){

	img#dispositivos{left:300px;
	top:200px;
	width:350px;
}
}
@media (max-width:700px){
	img#dispositivos{
		display: none;
	}
	h1#aviso{
		font-size: 40px;
		top: 70px;
	}
	h1 a#demo{
		font-size: 12px;
		top: 180px;
	}
	div#mulher br#espaco{
		display: none;
	}
	hgroup br{
		display: none;
	}
}
@media (max-width: 635px){
	nav.menu ul{

		display:none;
	}
	nav.menu li{
		text-align: center;
		display: block;
		padding: 10px;
	}
	nav.menu .mobile-menu{
		margin-right: 25px;
		margin-top: 6px;
		text-align: right;
		display:block;
		padding: 0px 0px 4px 0px

	}
	h1#aviso{
	font-size:30px;
	top:50px;

	}
	h1 a#demo{

		top:130px;
		padding: 10px 35px;
		left:35%;

	}
	div.pergunta1 a{

		font-size: 15px;
	}
		div.pergunta2 a{

		font-size: 15px;
	}
	span#respostas{
		font-size: 12px;
		padding: 10px;
	}
}
@media (max-width:564px){
	div#mulher{
		background: url("fundo.jpg") no-repeat;
		height: 900px;
	}
	hgroup#tirar{
display: none;
	}
}
@media (max-width:420px){
	h1#aviso{
		position: none;
margin-left: -40px;
padding: 0px;

		
	}
	h1 a#demo{
		position: none;
		margin-top: 80px;
		margin-left: -40px;
		padding: 15px 35px;
		font-size:15px;
		background-color: white;
		color:black;
		text-shadow:none;
		text-align: center;
	}
	img#imagem-home{

		display: none;
	}
	div#logo ul{
		text-align: center;
	}
	div#logo{
		background: url('r2.jpg') no-repeat;
		height: 310px;
		text-align: center;
		
		background-size: 900px;
	}
	hgroup#tirar{
display: none;
	}
}
@media(max-width: 380px){
	div#mulher{
		height: 1710px;
	}
	hgroup#galeria1 h1{
		font-size: 30px;
	}
}