/* Page definition */

body {
	font-size: 62.5%; 
	margin: 0em auto; 
	padding: 0em; 
	background: url(http://www.fractalia.net/imatges/bodybg.gif) top center repeat-y; 
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	text-align:justify;
}

#page-container {
	width: 780px; 
	margin: 0px auto; 
	padding: 0px; 
	background-color:#FFFFFF;
}

/* BANNER SUPERIOR i BARRA Idioma inci  */

.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; 
}

.nav-global li a {
	display: block; 
	margin: 0px; 
	padding: 0px 20px 0px 20px; 
	color: rgb(150,150,150); 
	text-decoration: none; 
	font-size: 100%;
}

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

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

/* BARRA NAVEGACIO principal */

.nav-main {
	clear: both; 
	float: left; 
	width: 780px; 
	margin: 0px;
	padding: 0px; 
	border-top: solid 1px #669933; 
	border-bottom: solid 1px #669933; 
	background-color:#99CC33;
	font-weight: bold; 
}

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

.nav-main li {
	float: left; 
	display: block; 
	white-space: nowrap; 
	background-color: inherit;
}

.nav-main li a {
	color: rgb(255,255,255); 
	margin: 0px; 
	padding: 0px 10px 0px 10px; 
	border-right: solid 1px #669933; 
	text-decoration: none; 
	font-size: 125%;		
}

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


/* FOTO LATERAL INICI */

.sidebanner-frontpage {
	clear: both; 
	float: left; 
	width: 160px; 
	margin: 0px; 
	padding: 0px;
}

.img-sidebanner {
	width: 160px; 
	margin: 0px; 
	padding: 0px; 
	border: none;
}


/* MENU LATERAL SUB-NAVIGATION */

/* MENU LATERAL - Mida */
.nav-sub {
	clear: both; 
	min-height: 400px; 
	float: left; 
	width: 160px; 
	margin: 0px; 
	padding: 0px; 
	color: rgb(110,110,110);
}
/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {
	height: 400px;
} 

/* MENU LATERAL - Menu */

.nav-sub ul {	
	float: left; 
	list-style: none; 
	width: 160px; 
	margin: 0px; 
	padding: 0px; 
	border-bottom: solid 1px rgb(200,200,200);
}	

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

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

.nav-sub li.group a {
	display: block; 
	min-height: 1.5em; 
	margin: 0px; 
	padding: 3px 7px 2px 10px; 
	border-top: solid 1px #CCCCCC; 
	border-left: solid 5px #99CC33; 
	text-decoration: none; 
	font-weight: bold; 
	font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.nav-sub li a {
	display: block; 
	min-height: 1.5em; 
	margin: 0px; 
	padding: 3px 7px 2px 10px; 
	border-left: solid 5px #669933; 
	color: rgb(110,110,110); 
	text-decoration: none; 
	font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */

.nav-sub li.group a:hover, .nav-sub li.group .selected {
	border-left: solid 5px #669933; 
	text-decoration: none;
}

.nav-sub a:hover, .nav-sub .selected {
	border-left: solid 5px rgb(175,175,175); 
	background-color: rgb(225,225,225); 
	text-decoration: none;
}

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

.container-content-sidebar {
   float: left; 
   width: 530px; 
   min-height: 400px; 
   margin: 0px; 
   padding: 0px; 
   background-color: rgb(255,255,255);
}

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

.buffer {
 	float: left; 
	width: 160px; 
	height: 20px; 
	margin: 0px; 
	padding: 0px; 
	background-color: rgb(255,255,255);	
}

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

/* CAIXES CONTINGUTS */

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

.contentbox-container-left {
	float: left; 
	width: 250px; 
	argin: 0px 0px 1.5em 0px; 
	padding: 0px;
}

.contentbox-container-right {
	float: right; 
	width: 250px; 
	margin: 0px 0px 1.5em 0px; 
	padding: 0px;
}

/*-----------------------------*/
/* Section 6.4 - Content title */
/*-----------------------------*/

.contentbox-title-noshading-noline {
	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-noshading-line {
	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-title-shading {
  	margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 150%;	
}

/*--------------------------------*/
/* Section 6.5 - Contentbox size  */
/*--------------------------------*/

/* No shading */
.contentbox-noshading {
	margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;
}

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

/* TEXT continguts */

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%;
}

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

.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; 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);
}

.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%;
}

.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 (2) */

.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: rgb(255,255,255); text-align: center;	
}
.footerdos {
	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:#EEEEEE; text-align: center;	
}

/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */

.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: #669933;
	text-decoration: none;
}

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

.footerdos a {
	color:#000000; text-decoration:none;
}

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

/*   Global default fonts      */

.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: 2.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.3em; color:#669933;
}
.footerdos-font {
	font-size: 1.2em; color:#666666;
}

/*  Horizontal alignments */

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

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

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*  Title decoration box */

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}

/* Text colors */
.txt-green {
	background-color:#99CC33;
}

/*   Background colors */
.bg-green {
	background-color:#99CC33;
}


/* MISCELLANEOUS */


/* Horizontal line */
hr {
	clear: both; width: 425px; height: 1px; border: none;
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}