/*
JavaScript Document
@copyright: PP Solution
@desenvolvedor: Patrick Pantoja
@site: http://www.ppsolution.com.br
@contato: patrickpantoja@ppsolution.com.br
@ano: 2022
*/
@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: 'PT Sans', sans-serif;
	font-size: 13px;
	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:96%;
	margin:0 auto;
	position:relative;	
	z-index:1;
}
#mobile {
	display:none;
}
	#mobile #menu-superior-mobile {
		display:none;
	}
#topo {
	position: relative;
	width:100%;
	height:150px;
	margin:0;	
	box-sizing:border-box;
	/*background-image: repeating-linear-gradient(-45deg,
      transparent,
      transparent 20px,
      #F5F3F4 20px,
      #F5F3F4 40px);*/
	background-color: #ff7d00;
}
	#topo #logo {
		background-repeat:no-repeat;
		background-size:auto 110px;
		background-position:left center;
		width:40%;
		height:110px;
		float:left;
		margin-top:25px;
		cursor: pointer;
	}	
	#topo #menu-superior {
		float:right;
		width:60%;
		height:20px;
		z-index:0;
		margin-top:65px;
		font-size:150%;
		color: #FFF;
		text-transform: uppercase;		
	}
		#topo #menu-superior ul {
			width:100%;
			height:15px;
			margin:0;
			padding:0;
		}
		#topo #menu-superior li {
			list-style: none;
			float:right;
			height:15px;
			text-align:right;
			margin-left:20px;
		}		
		#topo #menu-superior li:hover {
			text-decoration:none;
			color:#666;
		}	
#site {
	position:relative;
	width:100%;
	display:table;
	z-index:0;
	margin: 0;
}
	/* Home */
	#banner {
		position:relative;
		width:100%;
		padding:0;
		height:500px;
		z-index:0;		
		background-color:#e3e5e4;
		/*background-color:#666701;*/
	}
	#icones {
		position:relative;
		width:100%;
		margin:0;
		padding:0;
		height:250px;
		z-index:0;		
		background-color:#FFF;
	}
		#icones .box {
			width: 32.33%;
			float: left;
			height: 250px;
			margin: 0.5%;			
			display: table;
			background-repeat: no-repeat;
			background-position: center;
			background-size: auto 200px;
			cursor: pointer;
		}
			#icones .box.c1 { background-image:url(../imagens/icn-home-midias.png); }
			#icones .box.c2 { background-image:url(../imagens/icn-home-comercial.png); }
			#icones .box.c3 { background-image:url(../imagens/icn-home-juridica.png); }		
	/* Páginas internas */
	#site #pagina {
		position:relative;
		float:right;
		width:98%;
		height:auto;
		min-height:250px;
		background-color:#FFF;
		padding:1% 0;
		font-size:110%;
	}
		#site #pagina .box.r1,
		#site #pagina .box.r2 {
			width: 100%;
			height: 480px;			
			margin-bottom: 20px;
			color:#ff7d00;
		}
			#site #pagina .box.r1 {
				background-image:url(../imagens/bg-o-programa.png);
				background-repeat:no-repeat;
				background-size:auto 500px;
				background-position: left bottom;
				text-align: justify;				
			}
			#site #pagina .box.r2 {
				line-height: 130%;
			}
		#site #pagina .titulo {
			font-size:180%;
			margin-bottom:20px;
			color:#ff7d00;
			/*border-bottom: 1px solid #333;*/
		}
		#site #pagina .titulo-a1 {
			float: left;
			width: 102%;
			margin:20px 0;
			background-color:#ff7d00;						
			display: table;
		}
			#site #pagina .titulo-a1 .titulo-a2 {
				font-size:150%;
				padding:10px 10px 10px 0;
				color:#ff7d00;
				text-transform: uppercase;
				float: left;
				background-color: #FFF;
				font-weight: bold;
				display: table;
			}
		
		#site #pagina .subtitulo {
			font-size:120%;
			margin-bottom: 10px;
			font-weight:bold;
			color:#000;
			/*border-bottom: 1px dotted #333;*/
		}
		
		#site #pagina a {
			color:#333;
			font-weight:bold;
		}

		/* vídeos */
		#site #pagina .video {
			display: none;
		}
		#site #pagina object.video,
		#site #pagina object.video embed {
			width: 16%;
		}
		#site #pagina .video.v0,
		#site #pagina .video.v1,
		#site #pagina .video.v2,
		#site #pagina .video.v3,
		#site #pagina .video.v4,
		#site #pagina .video.v5 {
			display: unset;
		}

		/* rádio */
		#site #pagina .radio {
			display: none;
			background-image:url('../imagens/icn-audio.png');
			background-repeat:no-repeat;
			background-position:left;
			border:1px solid #E5E5E5;			
			margin:2px 0.5% 2px 0;
			height:16px;
			width:16%;
			float:left;
			cursor:pointer;
			text-align:center;
			padding:15px 0;
			padding-left:5px;
			box-sizing:border-box;
		}
			#site #pagina .radio.r0,
			#site #pagina .radio.r1,
			#site #pagina .radio.r2,
			#site #pagina .radio.r3,
			#site #pagina .radio.r4,
			#site #pagina .radio.r5 {
				display: table;						
			}
		
		#site #pagina .btn-veja-mais {
			float: left;
			width: 100%;
			color:#ff7d00;
			text-align: center;
			padding: 15px 0;
			cursor: pointer;
		}
		
		#site #pagina .table-scroll {
			width:90%;
			margin:0 auto;
			padding:0;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}	
			#site #pagina .table-scroll table {
				width:100%;
				margin:0;
				padding:0;
				font-size:90%;
			}
				#site #pagina .table-scroll table tr {
					padding:5px;			
				}
				#site #pagina .table-scroll table thead tr:nth-child(1n) {
					background-color:#3E4095;
					color:#FFF;
				}
				#site #pagina .table-scroll table thead tr:nth-child(2n) {
					background-color:#3E4095;
				}
					#site #pagina .table-scroll table td {
						text-align:center;
					}
					#site #pagina .table-scroll table td input[type=text] {
						font-size:100%;
						width:20px;
						padding:1%;
						border:1px solid #E5E5E5;
						margin:0;
					}
	
#footer {
	float: left;
	width:100%;	
	display:table;
	background-color:#ff7d00;
	color: #FFF;
	z-index:0;
	height: 110px;
	box-sizing: border-box;
}
	#footer .logo {
		background-repeat:no-repeat;
		background-size:auto 100px;
		background-position:left center;
		width:25%;
		height:100px;
		float:left;
		margin:0;
	}
	#footer .contato {
		width:50%;
		height:100px;
		float:left;
		padding-top:30px;
		font-size: 130%;
		box-sizing: border-box;
	}
	#footer .redes-sociais {
		width: 25%;
		float:left;
		display: table;
		padding-top:30px;
		text-align: right;
	}
		#footer .redes-sociais .icn-rede-social {
			float: right;
			width: 40px;
			margin-right: 2%;
		}

img {
	border:0;
}

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

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

.row {
	float:left;
	width:100%;
	display: table;
}

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

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

form {
	width:60%;
	margin: 0 20%;
	display: table;
}
	form input[type=text], 
	form input[type=password], 
	form select, 
	form textarea {
		font-family: 'PT Sans', sans-serif;
		font-size:100%;
		float:left;
		width:97%;
		padding:10px 1%;
		border:1px solid #E5E5E5;
		margin-bottom:10px;
	}
	form input[type=text]:focus, 
	form input[type=password]:focus, 
	form select:focus, 
	form textarea:focus {
		border: 1px solid #FBDC82;
		outline:0 none;
	}
	form select {
		width:100%;
	}	
	form input[type=submit] {
		padding:10px 15px;
		border: none;
		color:#FFF;
		text-transform:uppercase;
		background-color:#ff7d00;
		margin:0;
	}
		input[type=submit]:hover {
			cursor:pointer;
			color:#F5F5F5;
		}		

.label {
	float:left;
	width:100%;
}

.link-formulario {
	font-size:80%;
	float:left;
	width:100%;
	margin:-10px 0 10px 0;
}
	.link-formulario a {
		color:#ED6D23;
	}
	
@media screen and (max-width: 999px) {	
	body {
		font-size:90%;
	}	
	.content {
		width:98%;
	}
	
	#mobile {
		display:block;
		display:table;
		width:100%;
		margin:0;		
		height:40px;
		background-color:#ff7d00;
		z-index:2;
	}
		#mobile #menu-superior-mobile {
			z-index:9999;
			width:100%;
			display:table;
			height:40px;
		}
			#mobile #menu-superior-mobile #icn-menu-mobile {
				margin-top:15px;
				float:right;
				width:30px;
				height:30px;
				background-image:url(../imagens/icn-menu-mobile.png);
				background-repeat:no-repeat;
				background-size:70%;
				display:table;
				z-index:99999;
			}		
			#mobile #menu-superior-mobile ul {
				width:100%;
				margin:0;
				right:0;
				display:none;
				position:absolute;
				top:40px;
				background-color:#FFF;
				z-index:999999;			
			}				
			#mobile #menu-superior-mobile li {
				width:70%;
				background-color:#ff7d00;
				color:#FFF;
				padding:15px 15%;
				border-bottom:1px solid #E5E5E5;
				text-align:left;
				list-style:none;
			}
			#mobile #menu-superior-mobile a:hover {
				text-decoration:none;
			}
	
	#topo {
		border-color: #ff7d00;
		margin-top:0;
	}
		#topo #logo {
			width:100%;	
			background-position:center center;	
		}
		#topo #menu-superior {
			display:none;
		}		
	
	#site {}
		/* home */
		#banner {}
		#icones {
			height:120px;
		}
			#icones .box {
				background-size: auto 110px;
				height: 120px;
			}
		/* Páginas internas */
		#site #pagina {
			width:98%;
			padding:1%;
			border:none;
			min-height:auto;
		}
			#site #pagina .box.r1,
			#site #pagina .box.r2 {
				height: auto;
				background: none;
			}

			/* vídeos */
			#site #pagina object.video,
			#site #pagina object.video embed {
				width: 48%;
			}

			/* rádio */
			#site #pagina .radio {
				width:32.5%;
			}

			#site #pagina .table-scroll {
				overflow-y: hidden;
				overflow-x: scroll;	
			}
				#site #pagina .table-scroll table {
					font-size:80%;
				}
	
	#footer {
		height: auto;		
	}	
		#footer .logo {
			width:99%;
			height:100px;
			background-position:center center;
		}
		#footer .contato {
			width:100%;
			height:auto;
			text-align: center;
		}
		#footer .redes-sociais {
			width:100%;			
			height:auto;
			text-align: center;
			padding-bottom: 10px;
		}
			#footer .redes-sociais .icn-rede-social {
				width: 31.3%;				
				float: left;		
			}
		
	#col-1-2, 
	#col-2-2 {
		width:100%;
		margin:0;
	}
	#col-2-2 {
		margin-top:20px;
	}

	form {
		width: 100%;
		margin: 0;
	
	input[type=submit] {
		width:100%;
		padding:10px 0;
		border:none;
	}	
}