@charset "utf-8";
* { padding:0; margin:0; }
body { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; color:#333; font-size:75%; background:#EEE; /* overflow-x:hidden; */ }

.scrollhoritno { overflow-x: hidden; }
#container1 { margin:0 auto; width:970px; background:#FFD200; }
#container2 { margin:0 auto; width:970px; background:#A4D32B; }
#container3 { margin:0 auto; width:970px; background:#C02D25; }
#container4 { margin:0 auto; width:970px; background:#EEEEEE; }
#container5 { margin:0 auto; width:970px; background:#FFFFFF; }
#container6 { margin:0 auto; width:970px; height:550px; background:transparent url(img/f_home.jpg) no-repeat top left; z-index:10; border:1px #000 solid; position:relative; }
#container6_e { margin:0 auto; width:970px; height:550px; background:transparent url(img/f_home_e.jpg) no-repeat top left; z-index:10; border:1px #000 solid; position:relative; }
#container6_a { margin:0 auto; width:970px; height:550px; background:transparent url(img/f_home_a.jpg) no-repeat top left; z-index:10; border:1px #000 solid; position:relative; }
#container7 { margin:0 auto; width:1022px; position:relative; }

#homebio_col1 { float:left; width:480px; border-top:1px dotted #000; padding:15px; background:#F4F4F4; height:100px;}
#homebio_col2 { float:left; width:480px; border-top:1px dotted #000; border-left:1px dotted #000; padding:15px; background:#F4F4F4; height:100px;}
#homebio_peu { clear:both; padding:15px 10px 10px 10px; border-top:0px dotted #000; }

#bh_botons { position:relative; top:0px; left:308px; }
.marge_esq15 { margin-left:15px; }
.marge_esq143 { margin-left:143px; }
.marge_esq185 { margin-left:185px; }
.marge_esq210 { margin-left:210px; }
#menu_home { position:relative; top:120px; left:308px; }
#notis { position:relative; top:120px; left:308px; }
#frase { position:relative; top:0px; left:20px; width:230px; padding:10px; border-bottom:0px #FD0 dotted; font-size:80%; color:#DDD; background:transparent url(img/f_frase.jpg) no-repeat top left; }
#enllacos1 { position:relative; top:201px; left:50px; width: 75px; }
#enllacos2 { position:relative; top:156px; left:127px; width: 140px; visibility:hidden; }
#enllacos3 { position:relative; top:237px; left:50px; width: 70px; }
#enllacos4 { position:relative; top:150px; left:50px; width: 70px; }
#logos { position:relative; top:160px; left:675px; width:250px; }


#idiomes { position:relative; top:-20px; left:880px; border:0px #000 solid; width:70px; height:30px; padding:0px; margin:0px; text-align:right; z-index:20; }
#idiomes1 { position:relative; top:-20px; left:680px; border:0px #000 solid; width:70px; height:30px; padding:0px; margin:0px; text-align:right; z-index:20; }
#idiomes2 { display:inline; width:70px; height:30px; padding:0px; margin:0px; float:right; z-index:20; }

#faux { background: url(img/2col.jpg); margin-bottom:0px; overflow: auto; width:100%; }
#faux1 { background:#EEE; margin-bottom:0px; overflow: auto; width:100%; }
#cap1 { color:#333; width:970px; padding:0px; height:132px; margin:0px; background:#FFD200; z-index:10; }
#cap2 { color:#333; width:970px; padding:0px; height:132px; margin:0px; background:#A4D32B; z-index:10; }
#cap3 { color:#333; width:970px; padding:0px; height:132px; margin:0px; background:#C02D25; z-index:10; }
#cap4 { color:#333; width:970px; padding:0px; height:132px; margin:0px; background:#EEEEEE url(img/cap_noticies.png) no-repeat top left; z-index:10; border-bottom:1px #777 dotted; vertical-align:text-top; }
#cap5 { color:#333; width:970px; padding:0px; height:132px; margin:0px; background:#FFF url(img/cap_activitats.png) no-repeat top left; z-index:10; border-bottom:1px #777 dotted; vertical-align:text-top; }
#colesq { display:inline; position:relative; float:left; color:#333; margin:0px; padding:0px 20px 20px 20px; width:731px; }
#colesq1 { display:inline; position:relative; float:left; color:#333; margin:0px; padding:0px 20px 20px 20px; width:926px; background:transparent url(img/2_1_fons.jpg) no-repeat 50% 140px; }
#colesq2 { display:inline; position:relative; float:left; color:#333; margin:0px; padding:0px 20px 20px 20px; width:926px; }
#colesq3 { display:inline; position:relative; float:left; color:#333; margin:0px; padding:0px 20px 20px 20px; width:731px; background:#FFFFFF; }
#f_tenda { background:transparent url(img/2_1_fons.jpg) no-repeat top left; }
#coldre { display:inline; color:#333; margin:10px 0px 0px 0px; padding:100px 20px 20px 20px; width:155px; float:right; background:transparent url(img/ulleres.gif) no-repeat top center;}
#coldre1 { display:inline; color:#333; margin:10px 0px 0px 0px; padding:100px 0px 20px 0px; width:195px; float:right; background:transparent url(img/ulleres.gif) no-repeat top center;}
#coldre2 { display:inline; color:#333; margin:10px 0px 0px 0px; padding:20px; width:155px; float:right; background:transparent url(img/prismatics.gif) no-repeat top center;;}
#coldre3 { display:inline; color:#333; margin:0px; padding:20px; width:155px; float:right; background:transparent url(img/camara.gif) no-repeat top center;; }
#peu { width:950px; clear:both; color:#333; margin:0px; padding:10px; font-size:90%; text-align:center; border-top:1px #777 dotted; background:#EEE; }
#f_simbol1 { width:282px; height:130px; position:relative; float:right; /* top:-30px; left:0px; */ background:transparent url(img/ulleres.png) no-repeat top left; }
#f_simbol2 { width:240px; height:130px; position:relative; float:left; top:-10px; left:0px; background:transparent url(img/prismatics.png) no-repeat top left; }
#f_simbol3 { width:224px; height:130px; position:relative; float:right; top:-30px; left:0px; background:transparent url(img/camara.png) no-repeat top right; }
.f_video { background:transparent url(img/3_7_4_f_video.jpg) no-repeat top left; }
#video { z-index:1; float:right; }
#makingoff { float:right; margin:-30px 45px 0px 0px; font-size:80%; }

img { border:none; }
a:active, a:focus{ outline:none; }

.dalt { vertical-align:text-top; }

.clear { clear:both; background:none; }

.peuref { font-size:85%; color:#444; padding:0px 0px 0px 10px; display:block; border-left:4px solid #FFD200; margin:0px; }
.peuref1,a.peuref1,a.peuref1:visited,a.peuref1:active,a.peuref1:link { font-size:85%; color:#AAA; background:#FFF; padding:0px 0px 0px 10px; display:block; border-left:1px dotted #BBB; margin:0px 10px 0px 10px; text-decoration:none; }
a.peuref1:hover { font-size:85%; color:#000; background:#FFF; padding:0px 0px 0px 10px; display:block; border-left:1px dotted #BBB; margin:0px 10px 0px 10px; text-decoration:none; }
.peuref2 { font-size:85%; color:#444; padding:0px 0px 0px 10px; display:block; border-left:4px solid #A4D32B; margin:0px; }
.peuref3 { font-size:85%; color:#444; padding:0px 0px 0px 10px; display:block; border-left:4px solid #5CB317; margin:0px; }


.enllac,a.enllac,a.enllac:visited,a.enllac:active,a.enllac:link { text-decoration:none; color:#FFED00; background:#585858; padding:4px 4px 4px 4px; font-size:90%; }
a.enllac:hover { color:#000; background:#FFD200;}
.enllac1,a.enllac1,a.enllac1:visited,a.enllac1:active,a.enllac1:link { text-decoration:none; color:#585858; background:#FFF; padding:12px 4px 4px 4px; border:1px dotted #585858; }
a.enllac1:hover { color:#000; background:#FFD200; border:1px solid #777; }



ul#noticies {
width: 718px;
\width: 720px;
w\idth: 718px;
padding: 0px;
border: 0px solid #888;
border-top: 0px;
margin: 0px;
float:left;
}
ul#noticies li {
width: 718px;
\width: 718px;
w\idth: 718px;
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
border: 0px;
border-top: 0px solid #DDD; }
ul#noticies li .petit { font-size:90%; color:#777; }
ul#noticies li a {
display: block;
padding: 4px 8px 4px 8px;
border-right: 0px solid #CCC;
text-decoration: none;
text-align: left;
color:#333; }
ul#noticies li a:hover { border-color: #000; color: #000; background: #E0E0E0; font-size:200%; }


ul#noticies1 {
width: 368px;
\width: 370px;
w\idth: 368px;
padding: 0px;
border: 0px solid #888;
border-top: 0px;
margin: 0px;
float:right;
font-size: 90%;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}
ul#noticies1 li {
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #EEE; }
ul#noticies1 li .petit { font-size:90%; color:#777; }
ul#noticies1 li a {
display: block;
width: 347px;
\width: 368px;
w\idth: 347px;
padding: 4px 8px 4px 8px;
border-right: 4px solid #CCC;
text-decoration: none;
text-align: left;
color:#333; }
ul#noticies1 li a:hover { border-color: #000; color: #000; background: #E0E0E0; font-size:120%;}

.esquerra { text-align:left; }
.centrar { margin:auto; text-align:center; }
.dreta { text-align:right; }
.float_esquerra { float:left; }
.float_dreta { float:right; }




.c_888 { color:#888; }
.c_a4d32b { color#a4d32b; }
.c_703f0a { color:#703f0a; }
.negreta { text-weigth:bold; }
.f_FFFFFF { background:#FFF; }
.t80 { font-size:80%; }
.t90 { font-size:90%; }
.cursiva {font-style:italic;}

.ombra {
padding:.7em .7em 1.2em .7em; background: #FFF url("img/ombra_sota.gif") repeat-x bottom left;
border:1px solid #E0E0E0;
border-bottom:none!important;
margin:0px 20px 20px 0px!important; }
.ombra1 {
padding:0em!important;
background:#FFF!important;
border:1px solid #444!important;
margin:0px 20px 20px 0px!important; }


.texte_petit_negre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; text-decoration: none}
.texte_petit_negre:hover { color: #777;}
.texte_petit_gris {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #777; text-decoration: none}
.texte_petit_gris:hover { color: #000000;}
.texte_petit_blanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #FFFFFF; text-decoration: none}
.texte_petit_blanc:hover { color: #CCCCCC;}
.texte_petit_e2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #0075A1; text-decoration: none}
.texte_petit_e2:hover { color: #34A8D5;}
.texte_petit_xm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #54AA00; text-decoration: none}
.texte_petit_xm:hover { color: #86DC33;}
.texte_petit_cg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #D8A300; text-decoration: none}
.texte_petit_cg:hover { color: #FFC105;}
.texte_petit_cp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #FF6A00; text-decoration: none}
.texte_petit_cp:hover { color: #FF954C;}
.texte_petit_grana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #8B3C3C; text-decoration: none}
.texte_petit_grana:hover { color: #B88787;}
.texte_petit_rosa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #F700FF; text-decoration: none}
.texte_petit_rosa:hover { color: #F94FFF;}

.texte_normal_negre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #000000; text-decoration: none}
.texte_normal_negre:hover { color: #777;}
.texte_normal_gris {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #777; text-decoration: none}
.texte_normal_gris:hover { color: #000000;}
.texte_normal_blanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none}
.texte_normal_blanc:hover { color: #CCCCCC;}
.texte_normal_e2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #0075A1; text-decoration: none}
.texte_normal_e2:hover { color: #34A8D5;}
.texte_normal_xm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #54AA00; text-decoration: none}
.texte_normal_xm:hover { color: #86DC33;}
.texte_normal_cg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #D8A300; text-decoration: none}
.texte_normal_cg:hover { color: #FFC105;}
.texte_normal_cp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #FF6A00; text-decoration: none}
.texte_normal_cp:hover { color: #FF954C;}
.texte_normal_grana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #8B3C3C; text-decoration: none}
.texte_normal_grana:hover { color: #B88787;}
.texte_normal_rosa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #F700FF; text-decoration: none}
.texte_normal_rosa:hover { color: #F94FFF;}

.texte_negreta_negre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #000000; font-weight: bold; text-decoration: none}
.texte_negreta_negre:hover { color: #777;}
.texte_negreta_gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #777; font-weight: bold; text-decoration: none}
.texte_negreta_gris:hover { color: #000000;}
.texte_negreta_blanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #FFFFFF; font-weight: bold; text-decoration: none}
.texte_negreta_blanc:hover { color: #CCCCCC;}
.texte_negreta_e2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #0075A1; font-weight: bold; text-decoration: none}
.texte_negreta_e2:hover { color: #34A8D5;}
.texte_negreta_xm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #54AA00; font-weight: bold; text-decoration: none}
.texte_negreta_xm:hover { color: #86DC33;}
.texte_negreta_cg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #D8A300; font-weight: bold; text-decoration: none}
.texte_negreta_cg:hover { color: #FFC105;}
.texte_negreta_cp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #FF6A00; font-weight: bold; text-decoration: none}
.texte_negreta_cp:hover { color: #FF954C;}
.texte_negreta_grana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #8B3C3C; font-weight: bold; text-decoration: none}
.texte_negreta_grana:hover { color: #B88787;}
.texte_negreta_rosa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #F700FF; font-weight: bold; text-decoration: none}
.texte_negreta_rosa:hover { color: #F94FFF;}

.titol_negreta_negre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; font-weight: bold; text-decoration: none }
.titol_negreta_negre:hover { color: #777;}
.titol_negreta_gris { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #777; font-weight: bold; text-decoration: none }
.titol_negreta_gris:hover { color: #000000;}
.titol_negreta_blanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; font-weight: bold; text-decoration: none }
.titol_negreta_blanc:hover { color: #CCCCCC;}
.titol_negreta_e2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #0075A1; font-weight: bold; text-decoration: none }
.titol_negreta_e2:hover { color: #34A8D5;}
.titol_negreta_xm { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #54AA00; font-weight: bold; text-decoration: none }
.titol_negreta_xm:hover { color: #86DC33;}
.titol_negreta_cg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #D8A300; font-weight: bold; text-decoration: none }
.titol_negreta_cg:hover { color: #FFC105;}
.titol_negreta_cp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #FF6A00; font-weight: bold; text-decoration: none }
.titol_negreta_cp:hover { color: #FF954C;}
.titol_negreta_grana { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #8B3C3C; font-weight: bold; text-decoration: none }
.titol_negreta_grana:hover { color: #B88787;}
.titol_negreta_rosa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #F700FF; font-weight: bold; text-decoration: none }
.titol_negreta_rosa:hover { color: #F94FFF;}

.noti_marge { padding:0px 0px 0px 20px; display:block; border-left:4px solid #FFD200; margin:40px 10px 20px 0px; }


.boto1,a.boto1 { margin:1px 0px; border:0px solid #333; background:#BBB; color:#000; padding:2px 5px; font-size:x-small; text-decoration:none; }
a.boto1:hover { margin:1px 0px; border:0px solid #333; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; text-decoration:none; }

.boto2,a.boto2 { margin:1px 0px; border:0px solid #FFF; background:#333; color:#FFF; padding:2px 5px; font-size:x-small; font-variant: small-caps; text-decoration:none; }
a.boto2:hover { margin:1px 0px; border:0px solid #FFF; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; font-variant: small-caps; text-decoration:none; }

.boto3,a.boto3 { margin:1px 0px; border:0px solid #333; background:#BBB; color:#000; padding:2px 5px; font-size:x-small; text-decoration:none; }
a.boto3:hover { margin:1px 0px; border:0px solid #333; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; text-decoration:none; }

.boto4,a.boto4 { margin:1px 0px; display:block; border:0px solid #333; background:#; color:#000; padding:2px 5px; font-size:x-small; text-decoration:none; }
a.boto4:hover { margin:1px 0px; display:block; border:0px solid #333; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; text-decoration:none; }

.boto5,a.boto5 { margin:2px; padding:0px 2px; border:0px solid #333; color:#FFF; font-size:75%; text-decoration:none; }
a.boto5:hover { margin:2px; padding:0px 2px; border-bottom:1px dotted #EEE; color:#FFF; font-size:75%; text-decoration:none; }

.boto6,a.boto6 { margin:1px 0px; border:0px solid #333; background:#EEE; color:#000; padding:2px 5px; font-size:x-small; text-decoration:none; }
a.boto6:hover { margin:1px 0px; border:0px solid #333; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; text-decoration:none; }

.boto7,a.boto7 { margin:2px; padding:0px 2px; border:0px solid #333; color:#000; font-size:75%; text-decoration:none; }
a.boto7:hover { margin:2px; padding:0px 2px; border-bottom:1px dotted #CCC; color:#000; font-size:75%; text-decoration:none; }

.boto8,a.boto8,a.boto8:hover { margin:1px 0px; display:block; border:0px solid #333; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; text-decoration:none; }

.boto9,a.boto9 { margin:1px 0px; border:0px solid #333; background:#BBB; color:#000; padding:1px 4px; font-size:x-small; text-decoration:none; }
a.boto9:hover { margin:1px 0px; border:0px solid #333; background:#FFF; color:#000; padding:1px 4px; font-size:x-small; text-decoration:none; }

.boto10,a.boto10 { margin:1px 0px; border:0px solid #333; background:#FFF; color:#000; padding:2px 5px; font-size:x-small; text-decoration:none; float:right; }
a.boto10:hover { margin:1px 0px; border:0px solid #333; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; text-decoration:none; float:right; }

.boto11,a.boto11 { margin:1px 0px; border:0px solid #333; background:#FFF; color:#000; padding:2px 5px; font-size:x-small; text-decoration:none; }
a.boto11:hover { margin:1px 0px; border:0px solid #333; background:#000; color:#FFF; padding:2px 5px; font-size:x-small; text-decoration:none; }

.boto12,a.boto12 { margin:0px; padding:0px; color:#000; font-size:x-small; text-decoration:none; display:inline; font-weight:bold; border-bottom:1px dotted #000; }
a.boto12:hover { border-bottom:1px solid #000; color:#FFF; background:#000; }

.boto13,a.boto13 { margin:2px; padding:0px 2px; color:#777; font-size:90%; text-decoration:none; }
a.boto13:hover { margin:2px; padding:0px 2px; border-bottom:1px dotted #777; color:#000; font-size:90%; text-decoration:none; }


.t_credits { padding:5px 7px; background: #333; color:#FFF; text-decoration:none; margin:10px 0px; font-size:90% }
.t_credits1 { padding:0px 7px; color:#000; text-decoration:none; border-bottom:1px dotted #999; margin:10px 0px 20px 0px;  font-size:80% }
.t_videos { display:block; padding:10px 0px; color:#A4D32B; text-decoration:none; border-top:1px dotted #A4D32B; margin:0px; font-size:90%; }

.negreta { font-weight: bold; }
.enlinia { display:inline; }
.marge_dret10 { margin-right:10px; }

#fons_semi { background:url(img/2_0_vitrina.jpg) top left no-repeat; width:720px; }

.padding_40_150_20_40 { padding:30px 70px 30px 60px; }

h3.diari { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: .10em; font-size:250%; font-weight: 100; border-bottom: groove 2px #CCCCCC; width: auto; line-height: 1em; font-variant: small-caps; text-transform: none;}