body {
	font-size: 62.5%; margin: 0em auto; padding: 0em; background: url(../img/background.gif) top center repeat-y; font-family: "trebuchet ms", verdana, arial, sans-serif;
}

#page-container {
	width: 780px; margin: 0px auto; padding: 0px; border-left: solid 1px rgb(150,150,150); border-right: solid 1px rgb(150,150,150); background-color:#FFFFFF;
}

/* BTN SUPERIOR FLASH */

.nav-global-container {
	float: left; position: absolute; z-index: 3; width: 780px; top: 5px; background-color: transparent;
}

.nav-global ul {	
	float: right; margin: 0px; padding: 0px; list-style: none;
}	

.nav-global li {
	float: left; white-space: nowrap; text-transform: uppercase;
}

.nav-global li a {
	display: block; margin: 0px; padding: 0px 5px 0px 5px; border-left: solid 1px rgb(150,150,150); background-color: rgb(255,255,255); color: rgb(150,150,150); text-decoration: none; font-size: 100%;
}

.nav-global a:hover {
	background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration:none;
}


.img-header {
	clear: both; float: left; width: 780px; height: 110px; margin: 0px; padding: 0px;
}


/* BARRA SUPERIOR MENU menu */


.nav-main {
	clear: both; float: right; width: 780px; margin: 0px; padding: 0px; 
	border-top: solid 1px rgb(125,125,125); 
	border-bottom: solid 1px rgb(125,125,125); background-color: #22772D;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

.nav-main ul {	
	list-style: none; margin: 0px; padding: 0px; font-weight: bold;
}	

.nav-main li {
	float: right; display: block; white-space: nowrap;
}

.nav-main li a {
	color: rgb(255,255,255); margin: 0px; padding: 0px 50px 0px 10px; font-size: 120%; text-decoration: none;		
}

.nav-main a:hover, .nav-main a.selected {
	color: #FCB131; text-decoration: none;
}

/*  ----   MENU LATERAL   ---   */

.nav-sub {
	clear: both; min-height: 400px; float: left; width: 200px; margin: 0px; padding: 0px; color: rgb(110,110,110); background-color:#CCCCCC;
	}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {
	height: 400px;
}   
/* End IE-Hack */

.nav-sub ul {	
	float: left; list-style: none; width: 200px; margin: 0px; padding: 0px;
}	

.nav-sub li {
	margin: 0px; padding: 0px;
}

.nav-sub li.title {
	vertical-align: top; margin: 0px; padding: 10px 7px 10px 14px; text-transform: uppercase; color: #FFFFFF; font-weight: bold; font-size: 140%;
}

.nav-sub li a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px; color: #666666; text-decoration: none; font-size: 110%;
}
/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */
.nav-sub a:hover, .nav-sub .selected {
	background-color: rgb(225,225,225); text-decoration: none; color: #22772D; font-size: 115%; padding: 3px 7px 2px 10px;
}

.nav-sub-align {
	text-align: left;
}


/*  ----   CONTINGUTS   ---   */

.content {
	float: left; width: 500px; margin: 0px; padding: 30px 20px 0px 20px; background-color: rgb(255,255,255);
}


/* Pagetitle */


.content-pagetitle {
	width: 500px; margin: 0px 0px 10px 0px; padding: 0px; color:#22772D;
}

.content-pagetitle p {
	padding: 0px; margin: 0px; font-weight: bold; font-size: 140%;
}


.contentbox-container-full {
	 float: left; width: 500px; margin: 0px 0px 0px 0px; padding: 0px;
}


/*  CONTINGUTS TEXT  */
/*-----------------------------*/

.contentboxline {
	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox {
	margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;
}

.contentboxombra {
	margin: 0px; padding: 7px 10px 5px 10px; background-color:#DEDEDE;
}

/* Heading */
h1 {
	clear: left; margin: 1.0em 0px 1.0em 0px; font-weight: bold; font-size: 150%;
}

h2 {
	clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 140%;
}

h3 {
	clear: left; margin: 1.0em 0px 0.6em 0px;	font-weight: bold; font-size: 130%;
}

h4 {
	clear: left; margin: 0.5em 0px 0.5em 0px;	font-weight: bold; font-style: italic; font-size: 130%;
}

/* Paragraph text */
p {
   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 130%;
}

/* Quote */
p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}

/* Embedded */
.embed {
   float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(225,225,225); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;
}

.embed-caption {
   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;
}

/* Unordered list */
.content ul {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}

/* Ordered List */
.content ol {
	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;
}


/* IMATGES */

.imgborder {
	margin: 0.3em 0px 3px 7px; border:solid 2px #999999;
}
.imatgeinferior {
	margin: 0.3em 0px 3px 7px;
}

/* SIDEBAR */

.sidebar {
	 float: right; width: 144px; margin: 0px ; padding: 57px 5px 0px 0px; background-color: rgb(255,255,255);
}

.sidebarbox-noborder {
	width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;
}

.sidebarbox-border {
	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);
}

/*  Textbox title */

.sidebarbox-title-noshading-noline {
	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;
}

.sidebarbox-title-noshading-line {
	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;
}

.sidebarbox-title-shading {
	display: block; margin: 0px 0px 0.5em 0px; padding: 2px 5px 2px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 120%;
}

/*  Paragraph text */

.sidebarbox-noborder p {
	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;
}

.sidebarbox-border p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}

/*  FOOTER */

.footer {
	clear: both; width: 780px; margin: 0em 0px 0px 0px; padding: 5px 0px 5px 0px; border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); background-color:#DDDDDD; text-align: center;	
}

/* HYPERLINKS */

.content a, .sidebar a {
	color: rgb(0,0,0); text-decoration: underline;
}

.content a:hover, .sidebar a:hover {
	color: rgb(110,110,110); text-decoration: none;
}

.content a:visited, .sidebar a:visited {
	color: rgb(110,110,110);
}

.footer a {
	color: rgb(0,0,0); text-decoration: none;
}

.footer a:hover {
	color:#990000; text-decoration: none;
}

/* MIDES TEXT */

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em; line-height: 2em; color: rgb(110,110,110);
}

.sidebar-font {
	font-size: 1.0em; line-height: 1.4em; color: rgb(110,110,110);
}

.footer-font {
	font-size: 1.1em; color: rgb(0,0,0);
}


/* Horizontal alignments */

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Horizontal line */

hr {
	clear: both; width: 425px; height: 1px; border: none;
}

br {
	clear: both;
}