/*
JavaScript Document
@copyright: PP Solution
@desenvolvedor: Patrick Pantoja
@site: http://www.ppsolution.com.br
@contato: patrickpantoja@ppsolution.com.br
@ano: 2017
*/
@charset "utf-8";

@font-face {
	font-family: 'Raleway-Regular';
	src: url('Raleway-Regular.eot');
	src: url('Raleway-Regular.otf') format('opentype'),
	url('Raleway-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	local("MyriadPro-Regular");
}

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('MyriadPro-Regular.eot');
	src: url('MyriadPro-Regular.otf') format('opentype'),
	url('MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	local("MyriadPro-Regular");
}

body {
	font-family: 'Roboto', sans-serif; /* by google fonts */
	font-size: 16px;
	line-height:normal;
	color: #333;
	margin: 0px;
}

body a {
	text-decoration: none;
	color:inherit;
}

body a:hover {
	color:inherit;
	cursor:pointer;
	text-decoration:underline;
}

.content {
	width:75%;
	margin:0 auto;
	position:relative;	
	z-index:1;
}

#mobile {
	display:none;
}
	#mobile #menu-superior-mobile {
		display:none;
	}

#topo {
	position:fixed;
	top:0;
	width:100%;
	height:200px;
	margin:0;
	background-color:#FFF;
	z-index:1;
	/*
	-webkit-box-shadow: 0px 2px 4px -2px #666;
	-moz-box-shadow: 0px 2px 4px -2px #666;
	box-shadow: 0px 2px 4px -2px #666;
	*/
}
	#topo #logo {
		float:left;
		background-repeat:no-repeat;
		background-size:100%;
		background-position:center;
		width:30%;
		max-width:265px;
		height:140px;		
		margin:10px 0;
		cursor:pointer;
	}	
	#topo #menu-interno {
		float:right;
		width:70%;
		margin:10px 0;
		margin-bottom:30px;
	}	
		#topo #menu-interno ul {
			float:left;
			width:100%;
			padding:0;
			margin:0;
			display:table;
		}
		#topo #menu-interno li {
			font-size:110%;
			float:right;
			list-style:none;
			padding-left:30px;
			text-align:right;
		}		
		#topo #menu-interno li:hover {
			text-decoration:none;
			color:#9B9733;
		}		
	#topo .telefone {
		float:right;
		height:35px;
		background-position:left;
		background-repeat:no-repeat;
		background-size:32px;
		padding-left:40px;
		margin-left:20px;
		font-size:150%;
		text-align:left;
	}
	#topo #menu {
		float:left;
		width:100%;
		height:40px;
		background-color:#9B9733;
		border-radius:15px 15px 0 0;
	}
		#topo #menu ul {
			float:left;
			width:100%;
			margin:0;
			padding:0;			
			display:table;
		}
			#topo #menu ul li {
				font-size:90%;
				float:left;
				height:30px;
				padding-top:2px;
				color:#FFF;
				text-align:center;
				width:10%;
				list-style:none;
				vertical-align:middle;
			}
			#topo #menu ul li:hover {
				text-decoration:none;
				color:#CDCE2B;
			}

#banner {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	height:450px;
	z-index:0;
	margin-top:200px;
	background-color:#333;
	/*background-color:#666701;*/
}

#video-simulador {
	padding:30px 0;
	position:relative;
	width:100%;
	display:table;
	z-index:0;
	background-color:#FFF;
	border-bottom:3px solid #9B9733;
}
	#video-simulador .video {
		float:left;
		width:48%;
		margin:0 1%;
		margin-bottom:10px;
		background-repeat:no-repeat;
		background-position:bottom;
		background-size:100%;
		border:3px solid #000;
		height:130px;
		display:table;
		box-sizing:border-box;		

	}
	/*
	#video-simulador #simulador {
		width:100%;
		margin:30px 0;
		padding:2%;
		min-height:300px;
		background-color:#333;
		border:2px solid #9B9733;
		display:table;
		box-sizing:border-box;
	}
		#video-simulador #simulador .titulo {
			margin-top:0;
			font-size:150%;
			color:#9B9733;
		}
	*/
	#video-simulador #noticias {
		width:100%;
		padding:2%;
		min-height:300px;
		background-color:#333;
		border:2px solid #9B9733;
		display:table;
		box-sizing:border-box;
		color:#FFF;
	}
		#video-simulador #noticias .titulo {
			margin-top:0;
			font-size:150%;
			color:#9B9733;
		}
		#video-simulador #noticias .noticia {
			width:100%;
			display:table;
			font-size:90%;
			margin-bottom:10px;			
		}
			#video-simulador #noticias .noticia .noticia-data {
				width:100%;
				float:left;
			}
			#video-simulador #noticias .noticia .noticia-titulo {
				width:100%;
				float:left;
			}
			#video-simulador #noticias .noticia .noticia-mais {
				float:left;
				background-color:#FFF;
				color:#333;
				cursor:pointer;
				font-weight:bold;
				padding:2px;
			}
				#video-simulador #noticias .noticia .noticia-mais:hover {
					background-color:#9B9733;
				}
	
#pagina {
	position:relative;
	width:100%;
	display:table;
	z-index:0;
	background-color:#333;
	background-position:center;
	background-repeat:no-repeat;
}
	#pagina .box {
		float:left;
		margin:20px 0;
		width:60%;
		padding:5% 20%;
		background-color:#FFF;
		font-size:120%;
		text-align:justify;
	}
		#pagina .titulo {
			color:#333;
			margin-top:0;
		}

#atuacao {
	position:relative;
	width:100%;
	display:table;
	z-index:0;
	background-color:#9B9733;
}	
	#atuacao ul {
		float:left;
		width:80%;
		margin:0 10%;
		box-sizing:border-box;
	}
		#atuacao ul li {
			width:90%;
			font-size:125%;
			color:#FFF;
			list-style-image:url(../imagens/icn-check.png);
			margin:0;
			padding:10px 5%;
			font-weight:200;
			margin-bottom:5px;
		}
		#atuacao ul li b {
			font-size:130%;
			font-weight:bold;
		}
			
#equipe {
	position:relative;
	width:100%;
	height:500px;
	display:table;
	z-index:0;
	background-color:#CDCE2B;
}
	#equipe .box {
		float:left;
		width:31%;
		margin:20px 1%;
		background-color:#FFF;
		min-height:400px;
		border-bottom:4px solid #333;
	}
		#equipe .box .foto {
			float:left;
			display:table;
			width:100%;
			height:147px;
			margin:15px 0;		
			background-position:center;
			background-repeat:no-repeat;
			background-size:auto 147px;
		}
			#equipe .box .foto:hover {
				
			}
		#equipe .box .texto {
			float:left;
			width:auto;
			display:table;
			padding:0 10px;
			font-style:italic;
			text-align:justify;
		}

#contato {
	position:relative;
	width:100%;
	height:600px;
	display:table;
	z-index:0;
	background-color:#333;
}
	#contato .box {
		width:100%;
		background-position:top;
		background-repeat:no-repeat;
		background-size:32px 32px;
		padding-top:34px;
		color:#FFF;
		text-align:center;
		margin-bottom:40px;		
	}

#mapa {
	position:relative;
	width:100%;
	height:600px;
	display:table;
	z-index:0;
	margin:0;
	padding:0;
}
	
#footer {
	position:relative;
	width:100%;
	height:30px;
	display:table;
	z-index:0;
	background-color:#333;
}
	#footer ul {
		width:auto;
		display:table;
		margin:0;
		padding:0;
		margin-top:30px;
	}	
	#footer ul li {
		list-style:none;
		text-transform:uppercase;
		color:#FFF;
		font-size:80%;
		cursor:pointer;
		margin:0;
		padding:0;
		margin-bottom:5px;
	}
	#footer ul li:hover {
		color:#FFF;
		text-decoration:underline;
	}

.titulo {
	width:100%;
	text-align:center;
	margin:40px 0 25px 0;
	font-size:250%;
	color:#FFF;
}
.subtitulo {
	width:100%;
	text-align:center;
	margin:0;
	font-size:125%;
	color:#333;
}

img {
	border:0;
}

#divMsgErro,
#divMsgErro2 {
	color:#C00;
	margin-top:4px;
	text-align:center;
}

#divMsgOk,
#divMsgOk2 {
	color:#2CBDA8;
	margin-bottom:4px;
	text-align:center;
}

#col-1-2 {
	float:left;
	width:49%;
	margin-right:1%;
}

#col-2-2 {
	float:left;
	width:50%;
}

form {
	width:90%;
	margin:0 5%;
	position:relative;
}
	form .label {
		width:100%;
		color:#FFF;
		font-size:110%;
		text-transform:uppercase;
	}
	form .observacao {
		width:100%;
		color:#9B9733;
		font-size:70%;
		text-align:justify;
	}
	form input, form select, form textarea {
		width:100%;
		float:left;
		box-sizing:border-box;
		padding:10px;
		margin-bottom:5px;
		font-family:inherit;
		font-size:100%;
		border:none;
	}
	form .radio-row {
		width:100%;
		float:left;
	}
		form .radio-label {
			float:left;
			width:80%;
			font-family:inherit;
			margin:0;
			font-size:90%;			
			margin-left:5%;
			color:#FFF;			
		}
		form input[type=radio] {
			float:left;
			width:5%;
			color:#FFF;
			margin:0;
		}
	form input[type=submit], form .bt-formulario {
		border:3px solid #FFF;
		color:#FFF;
		text-transform:uppercase;
		background-color:#333;
		margin-top:10px;
		cursor:pointer;
		text-align:center;
	}

#goTop {
	position:fixed;
	cursor:pointer;
	right:0;
	bottom:30px;
	width:40px;
	height:40px;
	background-color:#000;
	display:none;
	background-position:center;
	background-repeat:no-repeat;
	background-size:80%;
}

@media screen and (max-width: 999px) {	
	body {
		font-size:90%;	
	}	
	.content {
		width:96%;
	}
	
	#mobile {
		position:fixed;
		display:table;
		width:100%;
		margin:0;		
		height:40px;
		background-color:#FFF;
		z-index:2;
	}
		#mobile #menu-superior-mobile {
			z-index:9999;
			width:100%;
			display:table;
			height:40px;
		}
			#mobile #menu-superior-mobile #icn-menu-mobile {
				margin:5px;
				float:right;
				width:30px;
				height:30px;
				background-image:url(../imagens/icn-menu-mobile.png);
				background-repeat:no-repeat;
				background-size:100%;
				display:table;
				z-index:99999;
			}		
			#mobile #menu-superior-mobile ul {
				width:70%;
				margin:0;
				padding:0;
				left:0;
				display:none;
				position:absolute;
				background-color:#FFF;
				z-index:999999;
				-webkit-box-shadow: 0px 2px 4px -2px #666;
				-moz-box-shadow: 0px 2px 4px -2px #666;
				box-shadow: 0px 2px 4px -2px #666;
			}				
			#mobile #menu-superior-mobile li {
				width:90%;
				background-color:#FFF;
				color:#333;
				padding:10px 5%;
				margin:0;
				text-align:left;
				list-style:none;
				border-bottom:1px solid #FFF;
				font-weight:bold;
				text-transform:uppercase;				
			}
			#mobile #menu-superior-mobile a:hover {
				text-decoration:none;
				color:#3ec1c7;
			}
	
	#topo {
		position:relative;
		top:40px;
		height:110px;
		border:none;
	}
		#topo #logo {
			width:100%;
			max-width:100%;
			background-position:center;
			background-size:180px;
			height:110px;
			margin:0;			
		}
		#topo #menu-interno {
			display:none;		
		}
		#topo .telefone {
			display:none;		
		}
		#topo #menu {
			display:none;		
		}
	
	#banner {
		display:none;
	}
	
	#video-simulador {
		border:none;
		padding:40px 0 15px 0;
	}
		#video-simulador .video {
			width:50%;
			margin:0;
		}
		/*
		#video-simulador #simulador {
			margin:0;
		}
		*/
		#video-simulador #noticias {
			font-size:120%;
		}
	#pagina {
		background-image:none;		
	}
		#pagina .box {
			width:90%;
			padding:5%;
		}
	
	#atuacao {}
		#atuacao ul {
			/*width:80%;
			margin:0 5%;*/
		}
	
	#contato {}
	
	#footer {}	
	
	#col-1-2, 
	#col-2-2 {
		width:100%;
		margin:0;
	}		
}