@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body,html{height:100%;}

body{
	background: url(images/fundo_site.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: Arial, sans-serif;
}

@media (min-width: 768px){
	.main_content{
		padding-top:40px;
	}
}


.main_content{
	padding:20px;
	padding-left:0px;
	max-width:900px;
}

.main_content p, .main_content li{
	text-align:left;
	font-size:1.2em;
	line-height:1.46em;
	font-weight:300;
}

.main_content a, .main_content a:hover{
	color:#08c;
}

#main_container{
	margin-top: 20px;
	width:960px;
	margin:auto;
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #ffffff;
	padding-top: 350px;
}

.main_content .well input{
	width:300px;
}



.leftcol{
	display:block;
	padding-right:30px;
	border-right: 1px solid #9c9e9f;
}

.leftcol h2{
	text-align: right;
	font-family: 'Lato', sans-serif;
	font-size:50px;
	line-height:60px;
	padding-top:8px;
}

.leftcol h2 a, .leftcol h2 a:hover{
	color:#9c9e9f;
	text-decoration:none;
}
.span3 ul.nav li .marker{
	color:#ffffff;
	float:right;
	margin-top:20px;
	color:rgba(0,0,0,0);
	-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;
}

.span3 ul.nav{text-align:left;font-family: 'Impact', sans-serif;max-width:300px;width:90%;float:right;}
.span3 ul.nav li{margin-bottom:-1px; border-bottom:1px solid #9c9e9f;}
.span3 ul.nav li a, .span3 ul.nav li a:visited, .span3 ul.nav li a:focus{ line-height:1em; font-size:1.8em;letter-spacing: -1px; padding:10px 0px 10px 0px;display:inline-block;color:#9c9e9f;}
.span3 ul.nav li:hover > a, .span3 ul.nav li a.current_a{color:#648599;background-color:rgba(0,0,0,0);}
.span3 ul.nav li:hover{cursor:pointer;}

.span3 ul.nav li ul li a, .span3 ul.nav li ul li a:visited, .span3 ul.nav li ul li a:focus{ font-size:1.3em;}


.page_title{
	font-family: "Impact";
	font-size: 2em;
	font-weight: bold;
	color: #648599;
	border-bottom: 1px solid #9c9e9f;
	width: 80%;
	padding-bottom: 15px;
	margin-top: -10px;
	margin-bottom: 20px;
	line-height: 30px;
}

.main_content h2, h1{
	width:100%;
	text-align:center;
	font-size:2.2em;
	display:inline-block;
	padding:8px 12px 8px 0px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	line-height:40px;
	margin-bottom:30px;
}


form.well{
	border:0;
	background-color:transparent;
	box-shadow:0 0 0 0 #fff;
}

form.well label{
	color:#964735;
}

.module{
	position:absolute;
	bottom: 10px;
	left:30px;
}

.module p{
	width:100%;
	text-align:left;
	padding-left:15px;
}

#background { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.languages{
	float:right;
	
}

#id_8138 a{
	max-width:170px;
}


@media (max-width: 1500px){
	.leftcol h2{
		font-size:50px;
		line-height:50px;
	}
}

@media (max-width: 1300px){
	.leftcol h2{
		font-size:40px;
		line-height:40px;
	}
	
	.span3 ul.nav{margin-top:100px;}
}

@media all and (max-width: 1200px) { 
	.span2 ul.nav li{
		margin-bottom:3px;
	}
	
	.span2 ul.nav{
		margin-right:-15px !important;
	}
	
	.span2 ul.nav{list-style-type: none;margin:10px;margin-top:60px;padding:0px;}
	
	.span2 ul.nav li a, .span2 ul.nav li a:hover, .span2 ul.nav li a.current_a{
		font-size:10px !important;
		padding:5px !important;
		margin:0px !important;
	}
}


@media (max-width: 1024px){
	.leftcol h2{
		font-size:30px;
		line-height:30px;
	}
	
	.span3 ul.nav{margin-top:100px;}

	#main_container{
		margin-top: 20px;
		width:98%;
		background-image: none;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-color: #ffffff;
		padding-top: 0px;
		padding:10px;
	}
}

@media print{
	.main_content p, .main_content li{
		font-size:1em;
	}
  .main_content{width:100% !important;}
  .leftcol{display:none !important;}
}

.apoios{
	width: 100%;
	padding: 100px 0 0 30px;
}

.footer{
	background-image: url('images/footer.png');
background-repeat: no-repeat;
background-position: 0px 0px;
}