body, li, td, div, input, textarea, p, th, form, h1, h2, h3
{
  font-family: Trebuchet, Verdana, Arial, sans-serif;
  padding: 0px;
  margin: 0px;
  color: #000;
  font-size: 13px;
}

#main
{
  margin:auto;
  align:center;
  padding:0px;
  width:990px;
  display:block;
  margin-top: 40px;
}


#top /* zona menu e simbolo */
{
  display:table;
}

#p4 /* simbolo */
{
  display:table-cell;
  padding-bottom: 15px;
  width: 225px;
}

#p5 /* menu */
{
  display:table-cell;
  width:765px;
}

#p6 /* slideshow */
{
  display:block;
  border: 10px solid #0e1931;
}


#content
{
  display:block;
}

#p3
{
  display:table-cell;
  font-family: "Times New Roman", Serif;
  color: #400000;
  font-size: 35px;
  padding: 20px;
  width: 350px;
  background: #abb5c7 url("/files/23/239.png") repeat-x;
  vertical-align:top;
}

#p1
{
  display:table-cell;
  width: 640px;
  padding: 40px;
  background: #b7c0cf url("/files/23/238.png") repeat-x;
  font-size: 12px;
}


/* rodape */

#footer
{
  display:table;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}

#p7 
{
  display:table-cell;
  width: 240px;
  vertical-align: top;
}

#p8 
{
  display:table-cell;
  width:450px;
  vertical-align: top;
}

#p9
{
  display:table-cell;
  width:300px;
  padding-left:50px;
  font-size:10px;
  vertical-align: top;
}

#p10
{
  display:block;
  width:990px;
  text-align: center;
}

#ce-logo
{
  display:table-cell;
  float:left;
  padding-right: 15px;
}

#ce
{
  display:table-cell;
  font-size:11px;
  vertical-align:top;
}

#lang
{
  float:right;
}



form, img, td, div, span
{
padding: 0px;
margin: 0px;
border: 0px;
}

body
{
background: #b6bfcf url("/files/22/229.png") repeat-x;
}

input, textarea
{
border: 1px solid #002569;
padding: 4px;
font-weight: bold;
color: #002569;
font-size: 15px;
}

input[type=checkbox], input[type=image], input[type=button]
{
border:0px;
padding:0px;
margin:0px;
color:#000;
background-color: transparent;
}



input[type=text]
{
background: url('') repeat-x;
padding:4px;
color:#000;
}


input[type=submit]
{
border: 0px;
background-color:red;
color:white;
font-size:12px;
}


/* links */
a
{
color: #222222;
text-decoration:none;
}

a:hover
{
color: #999999;
}




/* tipografia */

h1, h2, h3
{
font-size: 18px;
color: #002569;
padding: 0px 0px 10px 0px;
margin: 0px;
font-weight: 400;
text-align: left;
}


h2
{
font-size: 15px;
font-weight: 600;
}


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

/*
	GRC multi-level script-free pure-CSS menuing system stylesheet.
	This code is hereby placed into the public domain by its author
	Steve Gibson. It may be freely used for any purpose whatsoever.
	
	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.
*/



/* GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS */

body, table, img, button, iframe, ul, li
{
margin:0; 
padding:0; 
border:0;
}

ul
{ 
margin-left: 0px;
}	/* kill default 50px left padding and set 20px */

li
{ 
margin-bottom: 1em;
}	/* set default inter-item vertical spacing */

.tightlist li
{
margin-bottom: 0.25em;
}	/* tighter list for simple bullets */




/* 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: 35px;	/* the menu's overall height */
width: 666px;	/* we always want our menu to fill the available space */
background: transparent; /* menu background color */
font-size: 12px;	   /* this (and also below) sets the menu's font size */
color: #000;
font-weight: normal;
/*border-bottom: 1px solid black; give us a black border underneath */
}

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

.menu ul
{
padding: 0px 0px 0px 10px;
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: 25px;
padding: 5px 9px 5px 9px;
color: #000;
font-size: 12px;
font-weight: 400;
}

.menu ul li:hover a,
.menu ul li a:hover
{	
background-color: #400000;
color: white;
}







/* 2ND LEVEL MENU DEFINITIONS */

.menu ul li:hover ul,
.menu ul li a:hover ul
{		/* 2nd level drop-down box */
display: block;
position: absolute;
margin: 0;
top: 30px;	/* 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: 270px;
color: #000;		/* this sets the unselected-text color */
background: #555;	/* this sets our menu's effective "border" color */
text-transform: none;
font-size: 13px;	
}

.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: 270px;	/* 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 */
border: 0;
margin: 0;
padding: 0;
height: 25px;
color: white;	/* this sets the unselected drop-down text color */
background: #fff;	/* this sets the drop-down menu background color */
width: 270px;
border-bottom: 1px solid #555; /* item separator */
font-weight: 400;
}


.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover 
{		/* 2nd level selected item */
color: white;
background-color: #fff;
}


.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: 270px;
font-weight: 400;
}




/* 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;
}


.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: 270px;
width: 370px;
background-color: #555;
color: #b01c2e;
font-size: 11px;
font-weight: 400;
}



.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: 270px;
background-color: #6b8252;
border-bottom: 1px solid #555;	/* item separator */
color: #fff;
font-size: 11px;
font-weight: 400;
}


.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: 270px;
	background: #b01c2e;
	color: white;
        font-weight: 400;
        font-size: 11px;
}


#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 */