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

@font-face {
	font-family: "Kalinga";
	src: url("http://www.jcmidia.com.br/kalinga.eot"); /* para IE */
	src: local("Kalinga"), url("http://www.jcmidia.com.br/kalinga.ttf");
	}
	
body{
	font-family: "Kalinga";
	font-size:16px}

#bgCima{
	width:100%;
	height:534px;
	background:url(img/bgCima.jpg);
}
#bgCimaInterno{
	width:100%;
	height:240px;
	background:url(img/bgCima.jpg);}
	
#cima{
	width:982px;
	height:534px;
	background:url(img/brilho.jpg) no-repeat top center;
	margin:0 auto;
}
#cimaInterno{
	width:982px;
	height:240px;
	background:url(img/brilho.jpg) no-repeat top center;
	margin:0 auto;
}
	
p{
	line-height:17px}
	
#logo{
	width:383px;
	height:177px;
	background:url(img/logo.jpg) no-repeat}
	
	

#twitter{
	float:right;
}

#menu{
	float:left;
	margin-top:17px;
	width:600px;
	height:48px;
	position:absolute;
	z-index:2;
	right:0px;
	height:48px;	
}
	
	#menu ul{
		width:550px;
		font-size:20px;
		font-weight:bold;

		color:#FFF;
		float:left;
		height:48px;
}
		
		#menu li{
			margin-right:30px;
			display:inline;
			height:48px;
			line-height:48px
			}
		#menu a{
			text-decoration:none;
			color:#FFF
			}
			
			.marcado{
				background:url(img/btt2.jpg);
				color:#3c96b7;
				display:block;
				padding:6px
				}

#feature{
	width:100%;
	float:left;
	margin-top:20px;
	font-family: "Kalinga";
	color:#FFF}
	
h1{
	font-size:36px;
}
h2{
	font-size:20px}	
#bttLeia{
	background:url(img/btt.gif) no-repeat;
	width:119px;
	height:35px;
	line-height:35px;
	color:#3c96b7;
	}
#bttLeia a{
	text-decoration:none;
	color:#3c96b7;
	}

#segundoMenu{
	background:url(img/bgbarrameio.jpg) repeat-x;
	width:100%;
	float:left;
	height:144px;}
#segundoMenuInterno{
	background:url(img/bgbarrameio.jpg) repeat-x;
	width:100%;
	float:left;
	height:60px;}
	
		.blocosFeatures{
			width:280px;
			padding:10px;
			border-left:1px solid #CCC;
			border-bottom:1px solid #CCC;
			border-right:1px solid #CCC;
			height:121px;
			margin:0 auto;
			color:#FFF;
			float:left
		}
		.blocosFeaturesI{
			width:280px;
			padding:10px;
			border-left:1px solid #CCC;
			border-bottom:1px solid #CCC;
			border-right:1px solid #CCC;
			height:60px;
			margin:0 auto;
			color:#FFF;
			float:left
		}
		.blocosFeatures a{
			text-decoration:none;
			color:#FFF
		}
		.blocosFeaturesI a{
			text-decoration:none;
			color:#FFF
		}
		#bloco2{
			background:url(img/bgmarcado.jpg)}
			
.conteudo{
	background-color:#FFF;
	width:100%;
	float:left;}
	
.content{
	width:950px;
	margin:0 auto;
	padding:20px;}
			
		
#base{
	width:100%;
	float:left;
	height:260px;
	background:url(img/base.jpg)}
	
	#base a{
		color:#FFF;
		text-decoration:none}
		#base a:hover{
		color:#FFF;
		text-decoration:underline}

#contentBase{
	color:#FFF;
	width:900px;
	height:160px;
	margin:0 auto;
	padding:50px;
	background:url(img/fundobase.jpg) no-repeat center bottom}
	
#blocoLogos{
	width:150px;
	height:130px;
	border:1px solid #CCC;
	margin:15px;
	float:left}
#blocoPort{
	width:300px;
	height:200px;
	border:1px solid #CCC;
	margin:5px;
	float:left}

	
#frase{
	margin-top:100px;
	color:#FFF;
	font-size:24px}