body
	{
	color: #000;
	background-color: #e0e5ef;
	background-repeat: repeat-x;
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-size:14px;
       color:#0b163a;
	}


p, li, ul
	{
       font-size:14px;
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       color:#0b163a;
	}



p.titulo
	{
       font-size:16px;
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       color:#0380ea;
	}

h1{
       font-size:26px;
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       color:#0277e8;
	}


	#main 
	{
	  display:block;
	  width:990px; /* largura global do layout */
	  margin:auto;
	}






	#p5 /* LOCALIZAR */
	{
	width:328px;
	padding-left: 30px;
	}


	/* topo */
	/* ------------ */

	#p6 
	{
	padding:0px;
	width:990px;
	height:53px;
	display:table;
       background: #FFF url("/files/24/24.png") no-repeat;
	}



	/* FORMULÁRIO NEWSLETTER */

	#esp_top
	{
	display:block;
	float:left;
	width: 650px;
	}


	#formulario
	{
	float:left;
	display:inline;
	height: 33px;
	margin-top: 20px;
	}

	form
	{
        margin: 0 0 0 0;
	padding: 0px;
	border: 0px;
	}

	#txt-form
	{
	display:inline;
	float:left;
	width: 233px;
	height: 22px;
	border: 0px;
	font-size: 16px;
	color: #000;
       background: #FFF url("/files/32/32.png") no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
	}	
 
 	#btn_form
	{
	width: 81px;
	height: 24px;
	border: 0px;
	}














	#p7 /* IMAGEM TOPO */
	{
	padding:0px;
	width:990px;
	height:271px;
	display:table;
	}


	#p8 /* MENU PRINCIPAL*/
	{
	padding:0px;
	width:990px;
	height:63px;
	display:table;
       background: url("/files/26/26.png") no-repeat;
	}




	#content 
	{
	  background-color: white;
	  display:table; /* força divs interiores a permanecer dentro deste. experimentar cortar isto */
	  width:100%;
	}

	#p3 /* zona esquerda na área de conteúdos */
	{
	padding:0px;
	display:table-cell;
       float:right;
	width:358px;
	height:760px;
        background: #FFF url("/files/22/22.png") no-repeat;
	vertical-align: top;
	}
	
	

	#p31 /* lado direito - Menu */
	{
	display:block;
	width:268px;
	height:300px;
	padding-right: 45px;
	padding-left: 45px;
	padding-top: 75px;
	padding-bottom: 40px;
	}
	
	/* Links Menu Lateral */
	a.menu_lat, a.menu_lat:link
	{
	font-size: 14px;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	font-style: normal;
	}
		
	a.menu_lat:hover
	{
	text-decoration: underline;
	color: #D1E8FC;
        font-size: 14px;
	}	
	
	a.menu_lat:active
	{
	color: #FFF;
	text-decoration: none;
        font-size: 14px;
	}	
	
	a.menu_lat:visited
	{
	color: #FFF;
        font-size: 14px;
	}		
	
	
	
	
	
	#p4 /* AGENDA */
	{
	display:block;
	width:300px;
	height:400px;
       background: url("/files/23/23.png") no-repeat;
	padding-left: 58px;
	padding-top: 30px;
	}
	
	
	
	#agenda_titulo /* AGENDA TITULO*/
	{
	display:block;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 28px;
	color: #FFF;
	}
	
	
	#agenda_mes /* AGENDA MÊS*/
	{
	display:block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #3c8bcd;
	padding-bottom: 10px;
	padding-top: 35px;
	}
	
	
	#agenda_actividades /* AGENDA ACTIVIDADES*/
	{
	display:block;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #333;
	padding-left: 10px;
	width: 210px;
	}
	
	#agenda_completa /* AGENDA VER TODA*/
	{
	display:block;
	padding-left: 10px;
	padding-top: 30px;
	}
		

        span.dia
	{
	font-size: 14px;
	color: #000;
	}



	
	/* Links Menu Lateral */
	a.agenda, a.agenda:link
	{
	font-size: 14px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	font-style: normal;
	}
		
	a.agenda:hover
	{
	text-decoration: underline;
	color: #000;
	}	
	
	a.agenda:active
	{
	color: #000;
	text-decoration: none;
	}	
	
	a.agenda:visited
	{
	color: #000;
	}		
	
	
	
	
	
	
	
	
	
	
	
	
	/* Formulário Localizar */
	
        #txt_localizar
	{
	display:inline;
	float:left;
	width: 251px;
	height: 37px;
	border: 0px;
	font-size: 14px;
	color: #000;
        background: #FFF url("/files/33/33.png") no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	}	
 
 	#btn_localizar
	{
	width: 38px;
	height: 37px;
	border: 0px;
	}
	
	
	
	
	
	
	#p0 /* área de conteudo total */
	{
	display:table-cell;
       float:left;
	padding:0px;
	width:632px;
        background: #FFF url("/files/20/20.png") repeat;
	}

	
	
	
	#p1 /* conteúdos */
	{
	display:table;
	width:532px;
	height:820px;
	margin-top: 20px;
       margin-left: 50px;
       margin-right: 50px;
	}
	
	#p99 /* Imagem no fundo do conteúdo */
	{
	padding:0px;
	width:632px;
	height:131px;
        background: url("/files/21/21.png") no-repeat;
	}


        td.album-td
	{
        padding-bottom:10px;
	}


        div.news-wrap
	{
	margin-bottom:50px;
	} 

       
        h2
	{
	color: #4b93c2;
	font-size: 18px;
	}

	
	a:link, a
	{
	color: #4b93c2;
	font-size: 13px;
	text-decoration:none;
	}


	a:visited
	{
	color: #4b93c2;
        font-size: 13px;
	text-decoration:none;
	}
	
	a:hover
	{
        font-size: 13px;
	text-decoration:underline;
	}





	/* rodape */
	/* ------ */

	#footer
	{
	  background-color: #e0e5ef;
	  display:table;
	  width: 100%;
	}

	#p9 /* MENU FUNDO */
	{
	padding:0px;
	width:990px;
	height:370px;
       background: #FFF url("/files/27/27.png") no-repeat;
	}
	
	
	/* Links Menu Fundo */
	a.menu_fundo
	{
	font-size: 13px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	}
		
	a.menu_fundo:hover
	{
	text-decoration: underline;
	color: #D1E8FC;
	}	
	
	a.menu_fundo:active
	{
	color: #FFF;
	text-decoration: none;
	}	
	
	a.menu_fundo:visited
	{
	color: #FFF;
	}		
	
	
	
	
	
	

	#p10 /* ICONS LOGOS */
	{
	background-color:#e0e5ef;
	width:990px;
	height:100px;
	display:table;
        background: url("/files/28/28.png") no-repeat;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	#submenu
	{
	display:inline;
	float:left;
	vertical-align:top;
	color: #fff;
	padding-left:50px;
	padding-top:20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	} 
	
	#titulo_menuf
	{
	font-size: 21px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
        color:#FFF;
	} 
	


	#p11 /* FUNDO */
	{
	background-color:#e0e5ef;
	width:990px;
	height:40px;
	display:table;
	font-size: 11px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}








/* MENU MENU MENU  MENU MENU MENU MENU MENU MENU MENU MENU*/






/* TOP OF THE MENU CASCADE */

.menu, .menu:hover
{
	position: relative;			/* establish a menu-relative positioning context */
	float: left;				/* play nicely with others */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 63px;				/* the menu's overall height */
	width: 990px;				/* we always want our menu to fill the available space */
      /* menu background color */
	
       font-size: 12px;			/* this (and also below) sets the menu's font size */
	color: #FFF;
	font-weight: bold;
}

.menu img 
{
	
	vertical-align: top;	/* prevent images from being pushed down by text */
        border:0px;
}

.menu ul
{
	z-index:100
        padding: 0px 0px 0px 0px;
	margin: 0;
	border: 0;
	list-style-type: none;	/* we don't want to view the list as a list */
	line-height: 2.0em;	/* globally set the menu's item spacing. note */
} 				/* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li
{
	float: left;		/* this creates the side-by-side array of top-level buttons */
	position: relative;	/* create local positioning contexts for each button */
	margin: 0;
}

.menu ul li table
{
	margin: -1px 0;			/* IE5 needs -1px top and bottom table margins */
	margin: 0;			/* re-zero the table margins for everyone but IE5 */
	border-collapse: collapse;	/* IE5 needs this for the sub-menus to work */
	font-size: 1.1em;		/* this sets the base font size for our entire menu */
}

.drop
{
	display: block;
	padding: 0px 5px 0px 5px;	/* this sets the l/r margins for our menu item */
	margin: 0;
	text-align: right;		/* this right alignment goes with the float:left below */
	cursor: pointer;		/* IE tries to switch back to an I-beam, don't let it */
	cursor: hand;			/* IE5 only knows about "hand", so set it both ways */
}

.drop span
{				/* this simultaneously left and right aligns the text and */
	float: left;		/* the >> in the drop-down menus which link to sub-menus */
}









/* TOP LEVEL MENU DEFINITIONS  - Barra do menu */

.menu ul li ul 
{
	display: none;			/* initially hide the entire list hierarchy */
	padding: 1px;			/* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited
{					/* unselected top-level menu items */
	display: block;
	float: left;
	text-decoration: none;
	height: 45px;
	padding: 18px 50px 0px 0px;	
	color: #FFF;
	font-size: 19px;
	font-weight: 400;
	font-family: Arial;
}

.menu ul li:hover a,
.menu ul li a:hover
{					/* selected top-level menu items */
	color: #000;
}










/* 2ND LEVEL MENU DEFINITIONS */

.menu ul li:hover ul,
.menu ul li a:hover ul
{				/* 2nd level drop-down box */
	font-size: 14px;
	font-weight: 400;
	font-family: Arial;
       display: block;
	position: absolute;
	margin: 0;
	top: 63px;		/* place us just up underneath the top-level images */
	left: 0px;		/* left-align our drop-down to the previous button border */
	height: auto;		/* the drop-down height will be determiend by line count */
	width: 230px;
	color: black;		/* this sets the unselected-text color */
	background: #FFF;	/* this sets our menu's effective "border" color */
	text-transform: none;
       z-index: 100;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton 
{				/* our first dropdown should not be skewed */
	left: 0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny 
{						/* 2nd level skinny drop-down box */
	width: 230px;	/* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul
{				/* 2nd level neighborhood drop-down box */
	left: auto;
	right: 0;		/* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul 
{						/* IE5/6 needs a tweak here */
	right: -1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a
{						/* 2nd level unselected items */
	font-size: 16px;
	font-weight: 400;
	font-family: Arial;
	border: 0;
	margin: 0;
	padding: 0;
	height: 30px;
	color: #000;			/* this sets the unselected drop-down text color */
	background: #c0b6ae;	/* this sets the drop-down menu background color */
	width: 210px;
	border-bottom: 1px dotted #000;	/* item separator */
	padding-left: 20px;
        padding-top: 5px;
}


.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover 
{						/* 2nd level selected item */
	color: #FFF;
	background-color: #8c7a6e;
	font-size: 16px;
	font-weight: 400;
	font-family: Arial;
}


.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover 
{						/* 2nd level unselected items */
	width: 230px;
	font-size: 16px;
	font-weight: 400;
	font-family: Arial;
	
}










/* 3RD LEVEL MENU DEFINITIONS */

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul
{	/* hide inactive 3rd-level menus */
	visibility:hidden;
	font-size: 1.1em;
}


.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul 
{	/* 3rd level drop-down box */
	visibility: visible;
	position: absolute;
	margin-top: 0px;/* bring the top edge of the 3rd level menu up one */
	top: 0;
	left: 250px;
	width: 190px;
	background: #8c7a6e;
	color: #fff;
        font-size: 14px;
	font-weight: 400;
	font-family: Arial;
}



.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a
{	/* 3rd level unselected items */
	width: 170px;
	background-color: #c0b6ae;
	border-bottom: 1px solid #ffffff;/* item separator */
	color:#ffffff;
        font-size: 14px;
	font-weight: 400;
	font-family: Arial;
}


.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{	
						/* level3 selected items */
	width: 170px;
	background: #fff;
	color: #000;
        font-size: 14px;
	font-weight: 400;
	font-family: Arial;
}


#text 
{	/* the Mac's standard Safari browser will not see this code */
	height: 1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */









/* BANNER */


/* slider*/

#feature_title{
	display:			block;
	width:				115px;
	height:				115px;
	position:			absolute;
	top:				0;
	left:				36px;
}



#feature_wrap{
	display:			block;
	height:				237px;
	width:				631px;
	position: relative;
}

ul#feature_buttons{
	margin:				0 0 0 500px;
	padding:			5px 0 0 0;
	width:				130px;
	height:				27px;
}

ul#feature_buttons li{
	display: 			block;
	float:				left;
	text-align: 			center;
	color:				#777;
	padding:			0 0 5px 0;
	font-size:			15px;
	font-weight:			bold;
	cursor: 			pointer;
	margin:				0 5px 0 0;
	width:				20px;
	height:				17px;
	background:			transparent url("/files/82/82.jpg")  no-repeat top left;

}

ul#feature_buttons li:hover {        font-size: 12px;
	font-weight: 400;
	font-family: Arial;
	background-position:		center left;
	color:				#000;
}

ul#feature_buttons li.active {
background-position:		bottom left; 	
color:				#fefefe;
}

a#previous, a#next { 
cursor: 			pointer; 
display:			block;
width:				48px;
height:				48px;
text-indent:			-9999px;
z-index:			999;
position:			absolute;
border:				none;
overflow:			hidden;
}

a#previous, a#previous:visited{
	float: 				left;
	margin:				110px 0 0 45px;
}

a#next, a#next:visited {
	float: 				right;
}

a#previous:hover, a#next:hover{
background-position: top right;
border:				none;
}

#slider_wrap {
	width: 				631px;
	margin: 			0px;
	display:			block;
	z-index:			-1200;
	height:				237px;
	max-height:			237px;
	overflow:			hidden;
}
		
#slider_wrap div div { 
overflow: 			hidden;
height:				266px;
z-index:			-1200; 
}

#slider_wrap div div a{
border:				none;
}