a:link              { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #404040; text-decoration: none; }
  a:active            { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #404040; text-decoration: none; }
  a:visited           { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #404040; text-decoration: none; }
  a:hover             { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5FBD2B; text-decoration: underline; }
  
  a.pequeno:link              { font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #404040; text-decoration: none; }
  a.pequeno:active            { font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #404040; text-decoration: none; }
  a.pequeno:visited           { font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #404040; text-decoration: none; }
  a.pequeno:hover             { font-family:  Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #5FBD2B; text-decoration: underline; }

  a.branco:link              { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
  a.branco:active            { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
  a.branco:visited           { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
  a.branco:hover             { font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5FBD2B; text-decoration: underline; }
  
 img { border: 0; vertical-align:  top; }


body, html {
padding: 0px;
margin: 0px;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #404040;
text-align: center;
background: #FFFFFF url(images/bg1.png) repeat-x top center;}

textarea, input
{
	color:#404040;
	border: 1px solid #ADADAD;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 1px;
	padding: 2px;
	background: transparent;
}


select, option
{ color: #000000; }

hr
{ 	height: 1px;
	border: 0px solid #15191a;
	border-color: #4a5558;
	background-color: #4a5558;
	color: #4a5558;
}

div
{ vertical-align: top; text-align: left; }

.clear
{ clear: both; font-size: 0px; }

#wrapper
{ 	width: 900px; 
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;


}


#topo {
width: 				900px;
position:           relative;}

#logo {
float: 				left;
width: 				400px;
height: 			95px;
padding: 			0px 0px 0px 0px;
background:			transparent;}

#icones {
float: 				right;
width: 				400px;
height: 			95px;
background:			transparent;
padding: 			0px 0px 0px 0px;
text-align: 		right;
padding-right:      6px;}



#menu {
float: 				left;
width: 				900px;
height:				35px;
z-index:600;
background: 		trasparent;}


#banner {
float: 				left;
width: 				614px;
height:				250px;
margin-top			:0px;
padding-top			:0px;
padding-bottom		:0px;
background			:trasparent;
}


#calendario {
float: 				left;
width: 				267px;
height:				230px;
padding-top:        20px;
background:			trasparent;
margin-left:		19px;}

#content_bottom
{ background-color: transparent; padding: 20px 0px 0px 0px; }

#column_center {
width: 613px;
float: left;
background: transparent;
padding: 0px 20px 20px 0px;}

#column_right1 {
width: 267px;
float: right;
background: #E4E4E4;}

#column_right2 {
margin: 			20px; }

#separador {
width: 267px;
height:	20px;
background:#FFFFFF;}

#separador2 {
width: 613px;
float: left;
height:	20px;}


#footer {
width:				100%;
height:				80px;
font-size: 			11px;
padding-top:		10px;
color:				#FFFFFF;
background: 		#2A2A2A;}

.articletitle {
width:				610px;
height:				34px;
color: 				#404040;
background: 		#6AC334;
padding-left: 		4px;
margin-bottom:		5px;
font-family: 		Helvetica;
font-size: 			22px;
line-height: 		34px;
font-weight:		bold;}

.sessoes {
width:				610px;
height:				34px;
color: 				#FFFFFF;
background: 		#404040;
padding-left: 		4px;
margin-bottom:		40px;
font-family: 		Helvetica;
font-size: 			22px;
line-height: 		34px;
font-weight:		bold;}

.sessoes2 {
width:				610px;
height:				34px;
color: 				#FFFFFF;
background: 		#404040;
padding-left: 		4px;
font-family: 		Helvetica;
font-size: 			22px;
line-height: 		34px;
font-weight:		bold;}


/* MENU */

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% Arial;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	background:#5FBD2B;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
.menu li{
	float:left;
	padding:0px;
	
		}
.menu li a{
	background:#5FBD2B url("http://www.imepe.com.br/images/seperator.gif") bottom right no-repeat;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	line-height:35px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}
	.menu li a:hover, .menu ul li:hover a{
	background: #2A2A2A;
	color:#FFFFFF;
	text-decoration:none;
	}
.menu li ul{
	background:#2A2A2A;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
/*top:1em;
/*left:0;*/
	}
.menu li:hover ul{
	display:block;
		
		}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
		}
.menu li:hover li a{
	background:none;
		
		}
.menu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:bold;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
		}
.menu li ul a:hover, .menu li ul li:hover a{
	background:#5FBD2B;
	border:0px;
	color:#FFFFFF;
	text-decoration:none;
			}
.menu p{
	clear:left;
		}
		
/* SLIDER */

#slider {
    width: 614px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	top: 0px;
	left: 0px;
}
#sliderContent {
    width: 150px; /* important to be same as image width or wider */
    position: relative;
	top: 0;
	
	left: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: absolute;
	display: none;
	top: 0;
	left: 0;
}
.sliderImage span {
    position: absolute;
	font: 12px/22px Arial, Helvetica, sans-serif;
    padding: 0px 20px;
    width: 150px;
	text-align:justify;
    background-color: #000000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #FFFFFF;
    display: none;}
	

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}