@charset "utf-8";
/* CSS Document */

body {
	font-size: 100%;
	font-family: "Arial", verdana, sans-serif;
	padding-top: 10px;

}


p {
	font-family: arial;
	text-align: justify;
	font-size: .8em;
	color: #333;
}

	header {
	position: relative;
	margin: 0 auto;
	width: 98%;
	height: 150px;
	padding: 10px 0 0 0;
	background: rgba(255,255,255,0.8);
	border-radius: 10px 10px 0 0;
}

.logomarca{
	float:left;
	width: 22%;
	margin-left:1%;
	height: 140px;
	padding: 5px 0 ;
	text-align: center;
	
}
.logomarca img{
	height: 120px;
}


.menutop {
	float:left;
	width: 55%;
	height: 130px;
	text-align: center;
}
.menutop h2{
	text-align:center;
}

.menutopin {
	width: 33.33%;
	float: left;
	height: 70px;
	text-align: center;
	padding: 20px 10px;
}
.menutoplink {
	height: 30px;
	line-height: 30px;
	background: linear-gradient(to bottom, #000, #666);
	box-shadow: 0 0 1px 1px #333;
	border-radius: 15px;
	font-size: 10px;
	color: #fff;
	transition: all .6s;
	
}

.menutoplink:hover {
	background: linear-gradient(to bottom, #000, #999);	
}


.smenutopin {
	width: 25%;
	float: left;
	height: 100px;
	text-align: center;
	padding: 20px 10px;
}
.smenutoplink {
	height: 80px;
	line-height: 80px;
	background: linear-gradient(to bottom, #000000, #268ab1);
	box-shadow: 0 0 1px 1px #333;
	border-radius: 15px;
	font-size: 10px;
	color: #fff;
	transition: all .6s;
	
}

.x{
	background: linear-gradient(to bottom, #000, #00f);
}

.smenutoplink:hover {
	background: linear-gradient(to bottom, #000000 #266000);	
}

.ball {
	float:left;
	width: 20%;
	height: 140px;
	padding: 0 20px;
}
.tradutor {
	height: 25px;
	padding: 4px 0;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 5px;
}
.tradutor img {
width: 12%;
}
.ballhome {
	position: relative;
	margin: 0 auto;
	width: 60%;
	height: 100px;
	padding: 18px 0;
}
.bola {
	height: 80px;
	line-height: 80px;
	background: linear-gradient(to bottom, #000000, #268ab1);
	box-shadow: 0 0 1px 1px #333;
	border-radius: 15px;
	font-size: 10px;
	text-align:center;
	color: #fff;
	transition: all .6s;
	
}
.bola:hover {
	background: linear-gradient(to bottom, #000000 #266000);	
}
.redes {
	
	height: 40px;
	text-align:center;

}
.h {
width: 25%;
height: 50px;
padding: 10px 0;
float: left;
}
.marquee1 {
	position: relative;
	margin: 0 auto;
	width: 98%;
	height: 50px;
	background: #fff;	
	border-radius: 0 0 10px 10px;
}

.menuhome {
	float: left;
	height: 50px;
	padding: 10px 0;
	width: 15%;
	 
}
.homelink {
	float: left;
	height: 25px;
	line-height: 25px;
	width: 40%;
	margin: 0 auto 0 5px;;
	background: linear-gradient(to bottom, #555, #000);
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 5px;
	
}
.marquee1in {
float: left;
	height: 50px;
	line-height: 50px;
	width: 60%;
	margin: 0 auto;
	
}

.marquee1in marquee{ 
	font-weight: bold;
}
section {
	position: relative;
	width: 98%;
	margin: 5px auto 75px auto;
	background: rgba(255,255,255,0.5);
	border-radius: 10px;
	padding: 1%;
	font-size: 90%;
}

.titulo {
background: linear-gradient(to bottom, #fffff0, #fffaf0);
padding: 5px 10px;
margin: 3px 5px;
border-radius: 3px;
font-size: 24px;
font-weight:bold;
color: #555;

}
.flexsecao {
	display: flex;
	flex-wrap:  wrap;
	flex-direction: row;
	justify-content: space-around;
	padding: 1% 0;
}

.formularios{
	width: 99%;
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	margin: .5%;
	padding: 1%;
	color: #999;
}

.afti {
	color: #f00;
}
.formleft {
	float: left;
	width: 50%;
	padding: 10px;
}

.formright {
	float: left;
	width: 50%;
	padding: 10px;
}

.formularios h3{
	margin-bottom:10px;	
}

.formularios p{
	margin-bottom:10px;
}
.campos {
	margin: 5px 0;
	padding: 5px;
	
}


.campos label{
		font-size: 100%;
		color: #999;
		padding: 5px 0 ;
}

.input-text {
		padding: 5px 0;
}

.inputs{
	height: 30px;
	padding: 3px;
	border-radius: 2px;
	font-size: 100%;
	border: 1px solid #ccc;
}
.textarea {
	padding: 3px;
	border-radius: 2px;
	width: 90%;
	font-size: 100%;
	border: 1px solid #ccc;
}
.secoes{
	width: 24%;
	height: 330px;
	float:left;
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	margin: .5%;
	
}

.secoes h3 {
	font-size: 100%;
	text-align: center;
	font-weight:bold;
	padding: 7px 0 0 0;
	overflow: hidden;
	
}
.secoes-descr{
	clear: both;
	width: 90%; 
	height: 90px;
	margin: 10px auto 0 auto; 
	padding: 0; 
	position: relative;
	overflow: auto;
	font-size: 100%;
}
.barrabtn {
	clear: both;
	width: 90%; 
	height:40px;
	margin: 0 auto; 
	padding: 0; 
	position: relative;
	overflow: auto;
	font-size: 100%;
}
.btnlink {

	height: 25px;
	line-height: 25px;
	margin: 7px auto 0 auto;
	background: linear-gradient(to bottom, #000, #000);
	text-align: center;
	font-size: 10px;
	color: #fff;
	border-radius: 5px;
}



.psecoes {
	width: 99%;
	display: inline-block;
	background:#fff;
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	margin: .5%;

}
.psecaoslide {
	float: left;
	width: 50%;
}
.psecaodescr {
	float: left;
	width: 50%;
	height: 300px;
}

.psecoes h3 {
	text-align: center;
	font-weight:bold;
	padding: 7px 0 0 0;

}

.psecoes-descr{
	width: 90%; 
	height: 260px;
	margin: 5px auto 0 auto; 
	padding: 0; 
	position: relative;
	overflow: auto;
	
	line-height: 120%;
	letter-spacing: 1px;
	text-align: justify;
}

#empresadescr{
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	margin: .5%;
	padding: 1%;

	
}

#banner {
	position: relative; 
	background: #1a1a1a;
	width: 24%;
	height: 284px;
	float:left;
	margin: 0.5%; 
	border: 2px solid #ccc;
	border-radius: 5px;
}

#banner h3 {height: 30px; line-height: 30px; font-size: 1.2em; color: #f00; text-align:center;}
.barrabanner { height: 30px;  }
.bannercol {
width: 50%;
float:left;
}
.bannerlink { 
position: relative;
margin: 2px auto;
height: 26px;
line-height: 26px;
width: 99%;
background: linear-gradient(to bottom, #000, #000);
text-align: center;
font-size: 10px;
color: #fff;
border-radius: 2px;
}

#banner figure {
	overflow: hidden;  text-align: center;
	
}
#banner figure img {height: 220px; display: block;   position: relative; 	margin-left: auto; margin-right: auto; z-index: 30; }
#banner figcaption	{position: absolute; overflow: hidden; top: 30px; left: 0; right: 0;  z-index: 20;  height: 190px;}
#banner figcaption .texto  {font-size: .8em; height: 80px; color: #999; padding: 5px 20px;}

#banner a		{ color: #999; background: none; text-decoration: none; margin: 0; padding: 0;}


/* comportamento dos screenshots 

#banner figure img		{transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0);
					transition: all 0.6s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
					-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}

#banner figure:hover img 		{transform: translateY(110%); -webkit-transform: translateX(110%); -moz-transform: translateX(110%);
					-o-transform: translateX(110%); -ms-transform: translateX(110%);}

*/
				
#banner figure .figure-link {  background: #ff0; padding: 3px 0; margin: 3px 10px; border-radius: 3px; }			

.pini{
	width: 24%;
	height: 220px;
	float:left;
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	margin: .5%;
	font-size: 80%;
}
.pini h3{
padding: 3px 5px;
}


.aovivo{
	width: 33%;
	float: left;
	overflow:auto;
	margin: .5%;

}
.aovivo img{
	width: 100%;
}
.artigos {
	position: relative;
	float:left;
	width: 49%;
	display: inline-block;
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	margin: .5%;
	height: 235px;
}
.visualizacao {
text-align: center;
font-size: .8rem;
color: #00f;
padding: 2px 0 2px 0;
margin: 3px 7px 0 7px;
border: 1px dashed #ccc;
}
.visualizacao span{
font-weight: bold;
}
.artigosvid {
	float:left;
	width: 60%;
	padding: 10px 0 10px 10px;
	height: 210px;
}
.videos {
	width: 100%;
	height:190px;
}
.artigosdescr {
	float:left;
	width: 40%;
	border-radius: 0 10px 10px 0;
	
}
.artigosdescr h3{
height: 30px;
line-height:30px;
font-weight:bold;
text-align:center;
font-size: 80%;
}
.artigosdesc {
	height: 150px;
	padding: 0 0 0 5px;
	overflow:auto;
	font-size:70%
}
.barrartigos {
	height:20px;
	line-height:20px;
	padding: 3px;

}
.barrartigoslink {
	float:right;
	margin: 0 3px;
	transition: all .6s;
}
.barrartigoslink:hover {
	box-shadow: 0 0 1px 1px #999;
}

.btnpromo {
height: 16px;
line-height: 16px;
text-align: center;
width:50px;
background: linear-gradient(to bottom, #02163f, #03215e);
font-size: 70%;
color: #fff;

}

@media screen and (max-width: 600px){ 
.artigos {
height: 200px;
}

.artigosvid {
	height: 180px;
}
.videos {
	width: 100%;
	height:170px;
}

}
.time {
	position: relative;
	margin: 0 auto;
	width: 100%;

}

.tempo {
	float:left;
	width: 20%;
	text-align: center;
}
.marquee2 {
	float:left;
	width: 33.33%;
	height: 30px;

}
.marquee2in{
	width: 70%;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
.marquee2in marquee{ 
font-size: 120%;
font-weight: bold;
}

.menubottom {
	width: 16.66%;
	float: left;
	height: 70px;
	text-align: center;
	padding: 20px 10px;
}
.menubottomlink {
	height: 50px;
	line-height: 50px;
	background: linear-gradient(to bottom, #000, #666);
	box-shadow: 0 0 1px 1px #333;
	border-radius: 15px;
	font-size: 10px;
	color: #fff;
	transition: all .6s;
	
}

.menubottomlink:hover {
	background: linear-gradient(to bottom, #000, #999);	
}



.banner50 {
	position: relative;
	float:left;
	width: 49%;
	height:220px;
	display: inline-block;
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	margin: .5%;
	padding: 1%;
	text-align:center;
}
.banner50 iframe{

	width: 38%;
}
.tels {
	font-size: 18px;
	text-align: center;
	padding: 5px;
	background: #fff;
}

#result {
	color: #999;
	float: right;
}

footer {
	height: 60px;
	background: rgba(255,255,255,0.8);
	position:fixed;
	left:1%;
	bottom:10px;
	right:1%;
	z-index: 999999999;
	border-radius: 10px ;
}

.footerleft {
	float:left;
	width: 25%;
	height: 60px;
	line-height: 60px;

}

.bolap {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: linear-gradient(to bottom, #000, #666);
	box-shadow: 0 0 1px 1px #333;
	margin: 10px auto;
}

.bolap:hover { 
	background: linear-gradient(to bottom, #a0f, #00f);
}
.footercenter {
	float:left;
	width: 50%;
	height: 60px;
	line-height: 60px;
	text-align:center;
}

.footerright{
	float:left;
	width: 25%;
	height: 60px;
}
.footerbtn {
float:left;
	width: 40%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 10px;
	background: linear-gradient(to bottom, #000, #666);
	box-shadow: 0 0 1px 1px #333;
	margin: 15px auto;
	color: #fff;
	font-size:10px;
}
.footerbtn:hover { 
	background: linear-gradient(to bottom, #a0f, #00f);
}

.btnadmin{
	float:left;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: linear-gradient(to bottom, #000, #666);
	box-shadow: 0 0 1px 1px #333;
	margin: 10px 10px 10px 40px;
}

.i24all {
	width: 64px;
	height: 24px;
}



.promotion {
	position: absolute; 
	top: 5px; 
	left: 5px; 
	width: 380px; 
	 
	display:none; 
	z-index: 9999;
	background: #fff;
}

.closepromo {
	width: 380px;
	height: 30px;
	background: linear-gradient(to bottom, #c6c6c6, #6e6e6e);
	text-align: right;
	
}
.closepromo img{
	margin: 3px 3px 0 0;
	cursor:pointer;
}
#promo {
	width:380px;
	
	background: #fff;
	}


.formulario{
	position: fixed; 
	top: 5px; 
	left: 5px; 
	width: 380px; 
	 
	display:none; 
	z-index: 9999;
	background: #fff;
}

.closeform {
	width: 380px;
	height: 30px;
	background: linear-gradient(to bottom, #c6c6c6, #6e6e6e);
	text-align: right;
	
}
.closeform img{
	margin: 3px 3px 0 0;
	cursor:pointer;
}

.closeformtit{
	height: 30px;
	line-height:30px;
	float:left;
	margin: 0 0 0 3px;
	cursor:pointer;
	color: #fff;
	font-weight:bold;
}
#form{
	width:380px;
	
	background: #fff;
	}
.contorno {
padding: 0 20px 20px 20px;
margin:20px;
border: 1px solid #ccc;

}
.contorno h3 {
text-align:center;
font-weight:bold;
background: #fc0;
margin: 1px -19px;
color: #fff;
}
#form label {display: block; padding: 5px; color: #333;}
#form .btnsubmit{ 
display:block; 
padding: 3px; 
text-align:center; 
background: #fc0; 
border-radius: 3px; 
border:1px solid #ccc; 
color: #333; 
transition: all .6s;
}
#form .btnsubmit:hover{ 
box-shadow: 0 0 1px #888;
color:#888;
}


#form textarea{}

.divide {
width: 50%;
float:left;
}

#resultado {		
				position: fixed;
				bottom: -62px;
				left:0px;
				right:0px;
				height:60px;
				line-height:60px;
				text-align:center;
				padding:0 30px;
				background: #f20;
				z-index: 9999999999;
				color: #fff;
				border-radius: 5px 5px 0 0;
				font-size: 80%;
}

.divide {
width: 50%;
float:left;
}

.getmail {
	width: 80%;
	height: 60px;
	line:height: 60px;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 100%;
}
.getmailbtn {
	width: 19%;
	height: 60px;
	line:height: 60px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fc0;
	font-size: 100%;
	color:#333;
	cursor:pointer;

}
.getmailbtn:hover {
	background: #f60;
	color: #fff;
}