@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; _margin:0; _padding:0;}

body{ margin-top:45px; _margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #DADADA url('../imatges/fons_degradat.png') repeat-x; color:#646464; }

#center_flash{ width:100%; text-align:center; position:fixed; top:0; margin-left: auto; margin-right: auto; left: 0; right: 0;}

#head_flash{ width:980px; height:45px; margin:auto; *text-align:center; background:#000000;}
#head_fotos{ width:400px; height:155px;}

h1{font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; margin-left:70px}
.text{ margin:25px 20px 0 70px; line-height:125%}
.text2{ margin:10px 0px 10px 60px; padding:10px 20px 5px 10px; background: #E3D7D3; color:#333333}
p { margin-bottom:10px}
.text_indice{ font-size:8px; vertical-align:sub}
.text_volat{ font-size:9px; vertical-align:super }
.text ul { padding-left:15px; margin-bottom:10px}
.text li { list-style:disc;}
.text2 ul { padding-left:15px; margin-bottom:10px}
.text2 li { list-style:disc; }
.text h1 { font-family:Arial, Helvetica, sans-serif; margin:25px 20px 5px 0; line-height:130%; font-size:14px}
iframe{ width:700px; height:500px; margin:15px 0 15px 15px;}

.text a{color:#000000; font-style:italic; text-decoration:none}
.text a:hover{ font-weight:bold; text-decoration:underline}

.text_col{width:225px; vertical-align:bottom; clear:both; float:right; text-align: right; color:#FFFFFF; font-size:11px; font-style:italic; padding-right:15px;}
.text_col a{color:#FFFFFF; text-decoration:none}
.text_col a:hover{ text-decoration:underline }


.peu_foto{ font-size:10px; margin-top:5px; font-style:italic; line-height:normal}

.fotos{ float:right; width:150px; background:#FFFFFF; padding:10px 0 0 10px; text-align:right}
.fotos img{ border-bottom: 10px #FFFFFF solid; clear:both }

/* MENÚ */
#menu{ float:left;}
#menu ul,li{ margin:0; padding:0; list-style-type:none;}
#menu{ margin:25px 0 0 25px; _margin:20px 0 0 10px; font-size:12px; font-weight:bold; color:#FFFFFF; width:135px }
#menu li a{ color:#FFFFFF; text-decoration:none; background:url('../imatges/filet_menu.png') left bottom no-repeat; display:block;padding:6px 1px; _padding:0 0 5px 1px; }
#menu a:hover{ color: #DADADA; }
#menu ul ul{margin-top:3px; _margin:0}
#menu ul ul li{ background:none; margin:0; padding:0;}
#menu ul ul li a{color:#FFFFFF; font-size:12px; font-weight:normal; padding:3px 0 3px 12px; _padding:0; _margin:0px; margin-left:7px;  background:url('../imatges/pull_blanc.png') no-repeat; _background:none; display:block; }

#menu .menu_on { color:#000000; background:url('../imatges/filet_menu_negre.png') left bottom no-repeat; }
#menu .sub_on { color:#000000; background:url('../imatges/pull_negre.png') no-repeat; _background:none; }
#sub1{display:none}

#credits{ margin-top:30px;}
#credits a{color:#FFF; text-decoration:none; font-size:10px;}

/* PEU */
#logo_peu{
width: 143px;
height: 14px;
background-image: url('../imatges/OBiomassa.png') !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imatges/OBiomassa.png');
float:right; margin:20px}


/* BARRA MENÚ */
.barra_menu{border-top:1px solid #666666; margin:15px 0px 0 70px; padding-top:5px; font-size:10px}
.barra_menu a {color:#666666; text-decoration:none}
.barra_menu a:hover{color:#000; }
.barra_menu .on {color:#666; font-weight:bold}
.barra_menu .onsub {font-weight:bold;}