/* CSS Document */
html, body { /*height:100%;*/ }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0;}
#content { width:836px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;}
#video{}

#menu{ width:150px; vertical-align:top; padding-right:12px; padding-bottom:222px;  margin:0; }
#menu .logo{ text-align:center; margin-bottom:24px;}
#menu .seccio{ width:150px; margin:6px 0 6px 0; color:#000; font-weight:bold; line-height:12px; padding-left:1px; text-decoration:none;}
#menu .secciosubmenu{ width:150px; margin:12px 0 6px 0; color:#000; font-weight:bold; line-height:12px; padding-left:1px; text-decoration:none;}
#menu ul{ /*width:146px;*/width:130px; margin:0 0 0 10px; padding:0;}
/*html>body #menu ul{ width:146px; width:122px; padding-left:0px; margin:0 0 0 -24px;}*/
#menu li{ list-style:none; background-image:url(../img/requadre.gif); background-repeat:no-repeat; padding-left:15px; /*list-style-image:url(../img/requadre.gif);*/  padding-bottom:4px; color:#000; font-weight:bold; line-height:12px;}

#menu .seccio a:link, #menu .seccio a:visited { color:#000; text-decoration:none; font-weight:bold;}
#menu .seccio a:hover, #menu .seccio a:active { color:#FFF; text-decoration:none; font-weight:bold;}
#menu li a:link, #menu li a:visited { color:#000; text-decoration:none;}
#menu li a:hover, #menu li a:active { color:#FFF; text-decoration:none;}

#menu .logos{ margin-top:72px;}
#menu .logos img{ margin-bottom:12px;}


/*---------------- CONTINGUT -------------------*/
#contingut{ width:604px; background-color:#FFFFFF; vertical-align:top; background-repeat:no-repeat; background-position:top; margin:0; padding:36px 35px 72px 12px;}
#contingut .boxesquerra{ width:290px; margin:0; padding-right:12px; vertical-align:top;}
#contingut .boxdreta{ width:302px; margin:0; vertical-align:top;}
#contingut .boxesquerra_foto{ width:406px; margin:0; padding-right:12px; vertical-align:top;}
#contingut .boxdreta_foto{ width:174px; margin:0; vertical-align:top;}
#contingut p{ margin:6px 0px 12px 0px;}
#contingut h1{ font-size:36px; font-weight:normal; color:#CC0000; margin:0 0 24px 0; line-height:32px;}
#contingut h1 .dates{ font-size:22px; font-family:Arial, Helvetica, sans-serif;}
#contingut h2{ font-size:20px; font-weight:normal; color:#000; margin:0px;}
#contingut hr{ border: solid #333 1px; background: #333; height: 1px; width:100%; margin-top: -6px; margin-bottom: 0px; display: block; clear: both;}
html>body #contingut hr{color: #333; background-color: #333;	height:1px; padding:0px; margin:0px 0px 12px 0px; border: 0px solid #333; clear:both; width: 100%;}
#contingut h3{ font-size:13px; font-weight:normal; color:#000; margin:0px;}
#contingut h4{ color:#CC0000; font-size:12px; font-style:italic; font-weight:bold; margin:6px 0 12px 0; text-align:right; background-image:url(../img/linia_peu_foto.gif); background-repeat:repeat-y; background-position:top;}
#contingut .opcions_colaboracio{ background-color:#FCFFC7; padding:6px; margin-bottom:6px; font-weight:bold; border:solid #DBDEAA 1px;}
#contingut .opcions_colaboracio a:link, #contingut .opcions_colaboracio a:visited { font-size:12px; color:#000; text-decoration:none; font-weight:bold;}
#contingut .opcions_colaboracio a:hover, #contingut .opcions_colaboracio a:active { font-size:12px; color:#FF7A8F; text-decoration:none; font-weight:bold;}

#contingut .data{ font-size:14px; padding-left:12px; font-weight:bold; color:#000; line-height:14px;}
#contingut .data a:link, #contingut .data a:visited { font-size:11px; color:#CC0000; text-decoration:none; font-weight:bold;}
#contingut .data a:hover, #contingut .data a:active { font-size:11px; color:#CC0000; text-decoration:underline; font-weight:bold;}
#contingut .imprmir{ margin-top:24px; text-align:right;}

/*---------------- IMG LATERAL ESQUERRA -------------------*/
#contingut .portadallibre{ vertical-align:top; padding-right:12px; padding-bottom:12px; text-align:right;}
#contingut .textllibre{ vertical-align:top; padding-bottom:12px;}

#contingut .tornar{ padding-top:36px;}
#contingut .fletxa{ vertical-align:top; padding-left:6px;}
#contingut .imgpdf{ vertical-align:top; padding-left:6px;}
#contingut .fletxacontingut{ vertical-align:top; padding-left:6px; padding-bottom:6px; font-weight:normal;}
#contingut .fletxacontingut p{ font-weight:normal; font-size:11px; margin:2px 0 2px 0;}
#contingut .fletxacontingut p i{ font-size:12px;}
#contingut .fletxacontingut p b{ color:#666;}
#contingut ul{margin:6px 0px 24px 10px;}
/*@HACKING SOLO PARA MOZILLA*/	
html>body #contingut ul{ margin-bottom:20px; margin-left:-30px;}
#contingut li{ list-style:none; background-image:url(../img/fletxa.gif); background-repeat:no-repeat; /*list-style-image:url(../img/fletxa.gif);*/ padding-bottom:6px; padding-left:12px; color:#333333;}
#contingut a:link, #contingut a:visited { color:#000; text-decoration:underline; font-weight:bold;}
#contingut a:hover, #contingut a:active { color:#CC0000; text-decoration:underline; font-weight:bold;}
#contingut .imatge{ margin:12px 0 12px 0;}
#contingut .fletxacontingut p a:link, #contingut .fletxacontingut p a:visited { color:#0099FF; text-decoration:underline; font-weight:bold;}
#contingut .fletxacontingut p a:hover, #contingut .fletxacontingut p a:active { color:#01426D; text-decoration:underline; font-weight:bold;}

/*---------------- FORMULARI -------------------*/
#contingut .opcions_formulari{}
#contingut .formulari{ background-color:#FCFFC7; padding:12px; border:solid #DBDEAA 1px;}
#contingut .formulari h5{ font-size:16px; font-weight:bold; color:#000; margin:0 0 6px 0;}
#contingut .formulari h6{ font-size:20px; font-weight:bold; color:#000; margin:0 0 6px 0;}
#contingut .formulari p{ margin:0 0 2px 0; font-size:11px; font-weight:bold; color:#6E6F54;}
#contingut .formulari .boto{ background-color:#FDD7B6; padding:6px; text-align:right; margin:12px 0 0 0;}
#contingut .formulari .alerta{ margin:12px 0 2px 0; font-size:11px; font-weight:normal; color:#6E6F54; font-style:italic;}
#contingut .formulari .formfield{ margin:0 0 6px 0; font-size:11px; width:572px;}
#contingut .formulari .formfield_1{ margin:0 12px 6px 0; font-size:11px; width:40px;}
#contingut .formulari .formfield_2{ margin:0 12px 6px 0; font-size:11px; width:40px;}
#contingut .formulari .formfield_3{ margin:0 12px 6px 0; font-size:11px; width:40px;}
#contingut .formulari .formfield_4{ margin:0 12px 6px 0; font-size:11px; width:120px;}
#contingut .formulari .formfield_quantitat{ margin:0; font-size:11px; width:70px;}
#contingut .formulari .radio_buto{ margin:0; padding:0 12px 0 0; font-size:12px; font-weight:bold; vertical-align:top;}

/*---------------- ESQUEMA -------------------*/
#contingut .esquema { margin:12px 0 0 0;}
#contingut .esquema td{ padding:4px 3px 4px 6px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#ED72A2; vertical-align:top;}

/*---------------- EXPO -------------------*/
#expo{ width:590px; height:524px; margin:12px 0 0 0; padding:4px; background-color:#FFFAE5; border:1px solid #D2CEBD;}
#expo .fila{ width:592px; height:260px;}
html>body #expo .fila{ width:592px; height:260px; margin-bottom:4px;}
#expo .panell{ width:95px; margin:0; float:left; margin-right:4px;}
html>body #expo .panell{ width:95px; margin:0; float:left; margin-right:4px; margin-bottom:4px;}
#expo .panell img{width:95px; margin:0;}
#expo .panell p{width:95px; margin:0; font-size:12px; font-weight:bold; background-color:#BC9D08; text-align:center; color:#615620;}


/*---------------- HOMBRA -------------------*/
#hombra{ width:23px; margin:0px; vertical-align:top; background-repeat:no-repeat; background-position:top;}

/*---------------- THICKBOX -------------------*/
.thickbox{ }

/*---------------- DITES -------------------*/
.dita{ font-size:11px; font-style:italic; padding-bottom:12px;}
.dita b{ color:#CC0000;}


/*---------------- LINIES -------------------*/
.p1{ border: solid #999 1px; background: #999; height: 1px; width:100%; margin-top: 0px; margin-bottom: 0px; display: block; clear: both;}
html>body .p1 { color: #333; background-color: #333; height:1px; padding:0px; margin:2px 0px 12px 0px; border: 0px solid #333; clear:both; width: 100%;}

/*---------------- ENLLAÇOS -------------------*/
#links{ width:410px; /*margin-right:24px; background-color:#CC9999;*/ vertical-align:top;}
#links_img{width:170px; /*background-color:#FFFF99;*/ vertical-align:top;}
#links_img img{ margin-top:6px;}

/*---------------- TITOL -------------------*/
#titol{ color:#FF2222; font-size:60px; font-weight:bold; margin:0;}
#subtitol{ color:#FF2222; font-size:40px; margin-top:-15px;}
#signatura{ margin:0;}



/*---------------- NUMERO -------------------*/
#numeros{width:600px; padding-bottom:12px;}
#numeros .numero{ width:35px; height:20px; float:left; padding:0; margin:0; border:1px solid #FFF;}
#numeros .numero a:link, #numeros .numero a:visited{ background-color:#FFEACB; text-decoration:none; width:100%; height:100%; float:left; text-align:center; padding-top:5px;}
#numeros .numero a:hover, #numeros .numero a:active { color:#FFFFFF; background-color:#FF9900; text-decoration:none; width:100%; height:100%; float:left; text-align:center;}


/*---------------- ANY -------------------*/
#seleccioany{width:588px; height:20px; padding:4px 4px 4px 8px;	background-color:#CCE0FF; color:#333333; font-weight:bold; margin-bottom:24px;}
#llistat{}
#contingut .text_revistes{width:600px;}
#contingut .text_revistes hr{ border: solid #333 1px; background: #333; height: 1px; width:100%; margin-top: -6px; margin-bottom: 0px; display: block; clear: both;}
html>body #contingut .text_revistes hr{color: #333;	background-color: #333;	height:1px; padding:0px; margin:0px 0px 12px 0px; border: 0px solid #333; clear:both; width: 100%;}
#contingut .text_revistes .boxesquerra_foto{width:406px; float:left; margin:0; vertical-align:top;}
#contingut .text_revistes .boxdreta_foto{width:174px; float:right; margin:0; vertical-align:top;}


.clear { clear:both; height:1px; font-size:1px; overflow:hidden;}
.copyright{ font-size:10px; text-align:right; margin-top:6px; margin-right:10px;}

/*---------------- IDIOME -------------------*/
#idiome{ margin-top:0px;}
#idiome hr{ border: solid #000 1px; background: #000; height: 1px; width:100%; margin-top: -6px; margin-bottom: -3px; display: block; clear: both;}
html>body #idiome hr{color: #000; background-color:#000; height:1px; padding:0px; margin:1px 0px 4px 0px; border: 0px solid #000; clear:both; width: 100%;}