html{ margin:0 !important;}

body{
background: url("../images/bg-all5.gif") repeat-x scroll 0% 0%  #fff;
width:100%;
padding: 0;
margin: 0;
}

h1, h2, h3, h5, h6 { font-weight: normal; }
a{ color: #007bbe; text-decoration: none; }
a:hover{ color: #009de1; text-decoration: thin dotted; }

h3 a {text-decoration: none; color:#000;}
	h3 a:hover{ text-decoration: underline;}


#topo{
width: 900px;
height: 145px;
margin: 20px auto 0 auto;
border-radius: 10px;
}
	#topo #logocchla{
		margin: 0;
		float: left;
		padding: 10px;
		background: #fff;
		}

	#menu-topo{
	width: auto;
	padding: 20px;
	margin: 23px 0;
	background: #ffcb08;
	float: right;
	text-align: center;
	color: #007bbe;
	border: 5px #fff solid;
	border-top: none;
	}
	
	#menu-topo a{ color: #007bbe; padding: 1px; margin: 0 10px; text-decoration: none; font-size: 1em; border-bottom: 1px transparent solid; }
	#menu-topo a:hover{ text-decoration: underline;} 
	#menu-topo input { margin: 10px 2px; padding: 5px;border: none; }
		.text{ width: 150px;}
		.submit{background: #fff;}

#menu{ 
	width: 100%;
	height: 41px; 
	margin: 25px auto;
	padding: 0;
	background: #009de1; 
	text-align: center;
	clear: both;
}
	#menu-itens { width: 805px; height: 40px; margin: 0 auto; background: none; }
	
	.nav-menu li a { font-size: 18px; margin: 0 5px; padding: 10px;}
	#menu ul{list-style: none; position: relative; float: left; margin: 0 10px; padding: 0;}
		
	#sobre, #departamentos{ width: 155px; }
	#atividades, #publicacoes{ width: 130px; }

	#menu ul li ul{
		list-style: none; 
		font-size: 14px;
		display: none; 
		position: absolute; 
		background: #fff; 
		padding: 0 10px; 
		margin: 0;
		/*box-shadow: 1px 1px 1px #888888;*/
	}

	#sobre ul, #departamentos ul{ width: 135px; }
	#atividades ul, #publicacoes ul { width: 110px; }

	#menu ul li ul li { margin: 10px auto; width:100%;}

	/* <a> sub-item */
	#menu ul li ul a { text-decoration: none; color: #007bbe; padding-bottom: 1px; border-bottom: 1px #fff solid; }
	#menu ul li ul a:hover { border-bottom: 1px #007bbe solid;}
	
	#menu li:hover ul { display: block; }
	
	#menu li { margin: 0; color: #fff;}
	#menu li:hover { background: #fff; color: rgb(24, 123, 171); }

#content{
	width: 900px;
	background: none;
	margin: 20px auto;
}
	#content h3 { margin: 0 0 10px 0; padding: 0 0 5px 10px; font-size: 16px; border-bottom: 3px /*rgb(24, 123, 171)*/#ffcb08 solid; }

	#noticias, #calendario, #servicos, #acesso, #localizacao { /*box-shadow: -1px -1px 8px #afafaf;  border-radius: 20px;*/  }
	#noticias{
		width: 600px;
		height: 435px;
		margin: 0 auto;
		padding: 20px;
		background: #fafafa;
		float: left;
	}
		#destaques{
		width: 100%;
		height: 320px;
		padding: 0;
		margin: 0 auto;
		float: left;
		}
			#slider{
			border-bottom: 1px #ccc solid;
			width: 570px;
			height: 200px;
			padding: 0;
			margin: 0 auto;
			position: relative;
			margin-bottom: -20px !important;
			}
			
					
			#slider #foto{ width: 255px; height: 160px; margin: 15px; background: none; overflow: hidden; float:left; }
			#slider #chamada{ 
				width: 260px; 
				height: 160px; 
				background: none; 
				padding: 0 10px; 
				margin: 15px 0;
				font-weight: normal; 
				float:left;
			}
	
			#lista{
			width: 570px;
			height: 115px;
			padding: 0 5px;
			margin: 0 auto;
			}
			
			#lista ul{ list-style: none; padding: 0;}
			#lista li{ width: 122px; height:50px; float: left; padding: 0; border-top: 1px #ccc solid; margin: 10px; font-size:12px;}
			#lista img { display: none;}
			.imgSlider { transition: opacity 1s; }
			
		#a1, #a2, #a3, #a4, #a-chamada, #p1, #p2, #p3, #p4, #p-chamada{ opacity: 1; -moz-transition: opacity 1s; transition: opacity 1s;}
	
		#a1, #a2, #a3, #a4, #a-chamada {font-weight: bold;}	
			
	#calendario{
		width: 190px;
		height: 185px;
		margin: 0 0 10px 20px;
		padding: 20px;
		background: #fafafa;
		float: left;
	}
		#calendario table{ width: 100%; margin: 0 auto; text-align: center; }
		#datas {display: none;}
		#calendario td{ width:12%; font-size: 10px; }
		.data { background: #e9e9e9; color: #fafafa; font-weight:bold; cursor: pointer;}
		.data p { 
			position: absolute;
			background: #fff;
			padding: 2px 5px; 
			margin:-16px 0; 
			color: #000;
			font-size: 11px;
			font-weight: normal;
			width: 0;
			height: 0;
			overflow: hidden;
			opacity: 0;
			transition: opacity 0.5s;
			box-shadow: 1px 0.5px 0.5px #888888;
		}
		.data:hover p{ opacity:1; width:auto; height:auto;}
		#mes { font-size:14px !important; margin: 0}
		
	
	#acesso{
		width: 190px;
		height: 200px;
		margin: 0px 10px 0 20px;
		padding: 20px;
		background: #fafafa;
		float: right;
	}
	.acesso{
		width: 190px;
		margin: 0;
		padding: 20px;
		background: #fafafa;
		float: left;
	}
	
		#acesso ul{ 
			list-style: outside none; 
			padding: 0 0 0 10px; 
			margin: 0; 
			color: rgb(24, 123, 171);
		}
			#acesso a{text-decoration: none;  font-size: 14px; color: rgb(102, 102, 102);}
			#acesso a:hover{text-decoration: underline;}

	#servicos{
		width: 600px;
		min-height: 400px;
		margin: 10px auto;
		padding: 20px;
		position: relative;
		background: #fafafa;
		float:left;
	}
		
		#servicos h3 { margin-bottom: 20px; }	
		#servicos h4 { margin: 0 0 10px 0; font-weight: normal; font-size: 15px;}
			.item-servico {
				width: 155px;
				padding: 10px 5px;
				margin: 0 5px;
				font-size: 13px;
				text-align: center;
				border-bottom: 1px #ccc solid;
			}
		
			.item-servico:hover {border-bottom: 1px #FFA840 solid; color: rgb(24, 123, 171);}
		
			.item-servico ul{
				display: inline-block;
				margin: 0 5px;
				padding: 5px 10px;
			}
			.item-servico p { margin: 0;}
			
			.servico-descr{
				width: 390px; 
				min-height: 320px;
				position: absolute; 
				top:67px; 
				left:190px; 
				padding: 20px; 
				font-size: 12px;
				text-align: left;
				color: #000;
				background: #eee;
				display: none;
			}
		
			#servicos>:nth-child(2) .servico-descr { display:block;}
		
			.item-servico:hover .servico-descr{ display:block }
		
		#social{
		width: 190px;
		height: 400px;
		margin: 10px 0 0 20px;
		padding: 20px;
		background: #fafafa;
		float: left;
		overflow: hidden;
		}
			#twitter { margin: 20px 0 0 0;}
		
		#localizacao a { text-decoration: none; color: #007bbe; padding-bottom: 1px; border-bottom: 1px #fff solid; }
		#localizacao a:hover { border-bottom: 1px #007bbe solid;}
		
	
.site-content article{
	padding: 10px;
	margin: 	0 0 20px 0;	
	background: #fafafa;
	}
	
	
.MailPress input, textarea {
font-size: 100%;
margin: 5px 0px;
max-width: 93%;
vertical-align: baseline;
}