/* reset styles */

body, ul, li, ol {margin:0; padding:0; list-style:none;}
a {text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}
fieldset{border:none;}
/* reset styles - end */

h2{font:bold 16px Helvetica, Arial, Verdana, Sans-serif; color:#ff9933; word-spacing:-2px;}
h3{margin:20px 0 5px 0; font:bold 13px Helvetica, Arial, Verdana, Sans-serif; color:#234d91;}

/* menu styles */
.menu{
	float:left; 
	width:20%; 
	/*border:solid 1px #ccc;*/
}
.menu ul{background:url(/media/images/bottom-friso.png) no-repeat bottom center; padding:15px 0;}
.menu ul li{margin:10px 0 10px 40px;} 
.menu ul li a{
	display:block;
	font:bold 13px Helvetica, Arial, Verdana, Sans-serif;
	color:#363636;
	padding-left:12px;
}
.menu ul li a:hover{color:#f7941d; text-decoration:none; background:url(/media/images/menu-bullet.png) no-repeat left center;}

.menu h2, .syndicate h2{
	font:bold 16px Helvetica, Arial, Verdana, Sans-serif; 
	color:#134089;
	margin-left:40px;
	}
.syndicate ul{background:none;}
.syndicate ul li{padding:0;}
	
/* menu styles - end*/	
	
#root{margin:auto;}

/* fontes */

body{font-family:Helvetica, Arial, Verdana, Sans-serif; font-size:12px;}

/* fontes */


#header{
	background:url(/media/images/bg-top.jpg) repeat-x left top;
	width:100%;
	height:140px;
	/*border:solid 1px #ccc;*/
	}

.logo{
	overflow:hidden; 
	text-indent:-360px;
	float:left; 
	display:block; 
	width:355px; 
	height:88px; 
	margin:10px 0 10px 20px; 
	background: url(../images/ca-logo.png) no-repeat left top;
	/*border:solid 1px #CCC;*/
}
	
.top-boxes{float:right; width:350px; height:90px;}
	
.search-box{
	background: url(../images/bg-search.png) no-repeat right top;
	float:right; 
	margin:20px 10px;
	width:326px; 
	height:45px;
	border:none;
	}
.search-box label{
	font:bold 14px Helvetica, Arial, Verdana, Sans-serif; 
	color:#0f489d;
	padding:8px 8px 0 10px;
	}
.search-box input{margin-top:5px;}

.search-text{width:167px;}

.btn-search{
	margin-left:10px;
	width:50px; 
	height:20px; 
	background: url(../images/btn-search.png) no-repeat center center;
	cursor:pointer;
	font-weight:bold;
	border:none;
}
	
.login-box{
	background:url(../images/bg-login.png) no-repeat top left;
	float:right;
	width:490px;
	height:60px;
	padding-left:90px;
	color:#134089;
	font-weight:bold;
	font-size:11px;
}
.login-box span{float:left; margin:10px 3px;}
.login-feedback{float:left; margin:10px 3px; padding-top:6px; width:140px; height:40px;}
.login-box label{display:block; color:#555; font-weight:bold; font-size:10px;}
.login-box input:type="text" {border:solid 1px #bbb; width:120px;}
.login-box a{color:#134089; font-weight:bold;}

.login-text{width:125px;}
.login-msg{padding:10px; font-size:13px; color:#ef9c00;}
.btn-login{
	margin:8px 0 0 0;
	float:left; 
	display:block; 
	width:58px; 
	height:30px; 
	color:#fff;
	background: url(../images/btn-login.png) no-repeat center center;
	border:none;
	cursor:pointer;
	font-weight:bold;
	font-size:9px;
}

.btn-logout{
	margin:5px 8px 0 10px;
	float:right; 
	display:block; 
	width:58px; 
	height:30px; 
	color:#fff;
	background: url(../images/btn-login.png) no-repeat center center;
	border:none;
	cursor:pointer;
	font-weight:bold;
	font-size:9px;
}

.content{
	float:left;
	margin:15px 0 0 30px;
	width:75%;
	/*border:solid 1px #ccc;*/
}

.content ul li {list-style-type:square; margin:2px 15px ;}

.conteudo-1, .conteudo-2{
	float:left;
	background:url(../images/bg-conteudo1.jpg) no-repeat center bottom; 
	padding-bottom:20px; 
	}
	
.conteudo-3{float:left;}

.news{
	width:45%; 
	padding-right:15px; 
	margin-top:10px; 
	float:left; 
	background:url(../images/bg-friso-v.jpg) no-repeat right bottom;
}

.certificate{width:48%; margin:10px 20px 0 20px; float:left;}

.news-date{display:block; margin-bottom:10px; font:bold 12px Helvetica, Arial, Verdana, Sans-serif; color:#959595;}
.read-more{display:block; padding-top:5px; font:bold 11px Helvetica, Arial, Verdana, Sans-serif; color:#ff9933;}
.more-news{display:block; margin-top:15px; font:bold 12px Helvetica, Arial, Verdana, Sans-serif; color:#ef9c00;}

.sponsor{
	float:right; 
	display:block; 
	width:400px; 
	height:82px; 
	margin:25px 30px 0 0; 
	background: url(../images/bg-sponsor.png) no-repeat right top;
	/*border:solid 1px #CCC;*/
}

.logo-fapesp{
	overflow:hidden; 
	text-indent:-360px;
	float:right; 
	display:block; 
	width:166px; 
	height:38px; 
	margin-top:20px; 
	background: url(../images/fapesp-logo.jpg) no-repeat center center;
	/*border:solid 1px #CCC;*/
}

.logo-nara{
	overflow:hidden; 
	text-indent:-360px;
	float:right; 
	display:block; 
	width:130px; 
	height:48px; 
	margin:20px 10px 0 0; 
	background: url(../images/nara-logo.jpg) no-repeat center center;
	/*border:solid 1px #CCC;*/
}

.syndicate h2{margin-left:0;}
.syndicate ul{margin-left:40px;}
.syndicate ul li {
	margin-left:10px;
	overflow:hidden; 
	width:50px;
	height:50px;
	float:left;
}

.syndicate ul li a.rss{
	background: url(../images/rss-icon.jpg) no-repeat top left; 
	overflow:hidden; 
	text-indent:-60px;
	width:50px;
	height:50px;
	}
	
.syndicate ul li a.opml{
	background: url(../images/opml-icon.jpg) no-repeat top left;
	overflow:hidden; 
	text-indent:-60px;
	width:30px;
	height:50px;
	}
	
.syndicate ul li a.atom{
	background: url(../images/atom-icon.jpg) no-repeat top left;
	overflow:hidden; 
	text-indent:-60px;
	width:50px;
	height:50px;
	}

.footer-links{float:left; width:350px; margin:30px 35px;}
.footer-links li {float:left; color:#fff; padding:10px 1px;}
.footer-links li a{float:left; color:#fff; font-weight:bold;}

.copy{position:relative; top:100px; left:-385px; color:#ebebeb; font-size:11px;}

.signature{
	position:relative;
	top:0;
	left:35%;
	float:right;
	color:#ebebeb;
	font-size:11px;
	margin-top:40px;
	}

.signature a{color:#fff; font-size:11px;}

#footer{
	clear:both;
	background:url(../images/bg-footer.jpg) repeat-x left bottom;
	width:100%; 
	height:150px;
	padding-top:20px;
	}