/* CSS Document */
html, body {}
body { background-color:#4E334A; background-image:url(../img/fons.jpg); background-repeat:no-repeat; background-attachment: fixed; background-position:51% 29%; font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#FFFFFF; margin:0; padding:0;}
#idiomes{ width:93px; height:25px; text-align:right; font-size:9px; background-image:url(../img/idiome_base2.gif); background-repeat:no-repeat; background-position:top; text-align:center; padding-top:10px; margin-left:16px;}
#idiomes a {padding:7px; color:#6C4866; text-decoration:none; font-weight:normal;}
#idiomes a:hover {padding:7px; color:#FFF; text-decoration:none; font-weight:normal;}
#idiomes a:active, #idiomes a.selected{ padding:7px; color:#FC7D00; text-decoration:none; font-weight:normal;}
#flashcontent { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}


#block{ width:857px; height:auto; margin-left:auto; margin-right:auto; margin-top:0px; /*background-color:#003300;*/}

a:link, a:visited{color:#FC7D00; text-decoration:underline; font-weight:bold;}
a:hover, a:active{color:#FFF; text-decoration:underline; font-weight:bold;}

/*-----MENU-----*/
#logo{float:left; margin-left:23px; _margin-left:10px; /*background-color:#999999;*/}
#menu{ float:right; margin-right:18px; margin-top:17px; /*background-color:#CCCCCC;*/}
#menu ul{ margin:0; padding:0; height:27px; list-style:none; display:inline; overflow:hidden;}
#menu li { margin:0; padding:0; list-style:none; display:inline;}
#menu a { float:left; padding: 20px 0 0 0;	overflow: hidden; height: 0px !important; height /**/:27px; /* for IE5/Win only */}
#menu a:hover {	background-position: 0 -27px;}
#menu a:active, #menu a.selected {background-position: 0 -27px;}

#quienessomos a{ width:118px; background: url(../img/qs_menu.gif) top left no-repeat;}
#servicios a{ width:69px; background: url(../img/servicios_menu.gif) top left no-repeat;}
#talleres a{ width:68px; background: url(../img/talleres_menu.gif) top left no-repeat;}
#tienda a{ width:62px; background: url(../img/tienda_menu.gif) top left no-repeat;}
#faq a{ width:49px; background: url(../img/faq_menu.gif) top left no-repeat;}
#staff a{ width:48px; background: url(../img/staff_menu.gif) top left no-repeat;}
#contacto a{ width:79px; background: url(../img/contacto_menu.gif) top left no-repeat;}

#quienessomos_cat a{ width:65px; background: url(../img/quisom_menu_cat.gif) top left no-repeat;}
#servicios_cat a{ width:66px; background: url(../img/serveis_menu_cat.gif) top left no-repeat;}
#talleres_cat a{ width:60px; background: url(../img/tallers_menu_cat.gif) top left no-repeat;}
#tienda_cat a{ width:61px; background: url(../img/botiga_menu_cat.gif) top left no-repeat;}
#faq_cat a{ width:49px; background: url(../img/faq_menu_cat.gif) top left no-repeat;}
#staff_cat a{ width:48px; background: url(../img/staff_menu_cat.gif) top left no-repeat;}
#contacto_cat a{ width:67px; background: url(../img/contacte_menu_cat.gif) top left no-repeat;}

/*-----FLASH-----*/
#flash{ width:857px; height:341px;}

/*-----DESTACATS-----*/
#destacats_container{ width:/*857*/858px; height:auto; margin:0 auto; position:relative;}
#izquierda{width:286px; height:auto; float:left; position:relative;}
#centro{ width:286px; height:auto; float:left; position:relative;}
#derecha{ width:286px; height:auto; float:left; position:relative;}

.destacat_titol{ width:286px; height:38px; margin:0;}
.destacat_fons{ width:/*286*/271px; height:169px; padding:0 12px 0 3px; background-image:url(../img/home_base_destacat.gif); background-repeat:no-repeat; margin:0; /*background-color:#99FF33;*/}
.destacat_fons p{ padding:8px 8px 0 8px; margin:0; color:#A78DA5;}
.destacat_img{ margin:0; padding:0;}
.destacat_linia{ margin:0; padding:0;}
.destacat_boto{ width:/*286*/248px; height:/*41*/33px; padding:8px 0 0 38px; margin:0; background-image:url(../img/home_boto.gif); background-repeat:no-repeat; font-size:11px; font-weight:bold; color:#FC7D00; /*background-color:#FFFF66;*/}
.destacat_boto a:link, .destacat_boto a:visited{color:#FC7D00; text-decoration:none; font-weight:bold;}
.destacat_boto a:hover, .destacat_boto a:active{color:#FFF; text-decoration:none; font-weight:bold;}

/*-----PEU-----*/
#peu{ width:/*858*/851px; clear:both; font-weight:bold; padding-top:12px; margin-bottom:32px; margin-left:7px; color:#825680;}
#peu a:link, #peu a:visited{color:#825680; text-decoration:none; font-weight:bold;}
#peu a:hover, #peu a:active{color:#FC7D00; text-decoration:none; font-weight:bold;}


/*-----CONTINGUT-----*/
#titol{ width:841px; height:48px; margin:0 11px 0 5px; padding:0;}
#continguts_container{ width:/*841*/809px; height:100%; margin:0px 11px 0px 5px; padding:16px 16px 8px 16px; background-color:#463144; }
#continguts_container550{ width:/*841*/809px; height:550px; margin:0px 11px 0px 5px; padding:16px 16px 8px 16px; background-color:#463144; }
#continguts_container p{ font-size:13px; color:#CFC2CD; margin-top:0;}
#continguts_container .box{ width:809px; /*background-color:#00FF00;*/ margin:0; padding:0;}
#continguts_container .box .izquierda{width:259px; float:left; position:relative; margin:0 16px 0 0;}
#continguts_container .box .centro{ width:259px; float:left; position:relative; margin:0 16px 0 0;}
#continguts_container .box .derecha{ width:259px; float:left; position:relative; margin:0 0 0 0;}
/* Dintre de les caixes */
#continguts_container .box .titol{ width:/*259*/243px; height:/*37*/29px; padding:8px 8px 0 8px; color:#D6AAD1; font-size:13px; font-weight:bold; background-image:url(../img/servicios_subtitol.jpg); background-repeat:no-repeat; margin:0; /*background-color:#FFCC99;*/}
#continguts_container .box .fons{ width:/*259*/251px; height:140px; background-color:#30222E; margin:0; padding:8px 0 8px 8px;}
#continguts_container .box .fons p{ font-size:12px; line-height:14px; color:#A78DA5; margin:0; margin:0 8px 0 0; display:inline; }
#continguts_container .box .fons .imatge{ float:right; padding:0;}
.clear { clear:both;}
.clear8 { clear:both; height:8px;}
.clear16 { clear:both; height:8px;}
/* Preu */
#continguts_container .box .preu{ width:/*259*/243px; height:66px; margin:0; padding:0 8px 8px 8px; background-color:#30222E; background-image:url(../img/servicios_base_preu.jpg); background-position:8px 0px; background-repeat:no-repeat;}
#continguts_container .box .preu .cost{ font-size:12px; height:30px; color:#B58BB0; font-weight:bold; padding:10px 4px 4px 8px;}
#continguts_container .box .preu .cost b{ font-size:16px; color:#FFF; font-weight:bold;  }
#continguts_container .box .preu .solicitar{ width:/*243 121*/87px; height:/*25*/25px; padding:5px 0 0 34px; margin-top:1px; background-image:url(../img/formulari_boto.jpg); background-repeat:no-repeat; background-position:4px 0; font-size:12px; font-weight:bold; color:#FC7D00;}
#continguts_container .box .preu .telf{ background-image:url(../img/phone.png);background-position:2px 5px; background-repeat:no-repeat; padding:8px 0 0 20px; color:#B3B3B3; font-size:12px; height:20px;}

#continguts_container .box .preu .solicitar a:link, #continguts_container .box .preu .solicitar a:visited{color:#FC7D00; text-decoration:none; font-weight:bold;} 
#continguts_container .box .preu .solicitar a:hover, #continguts_container .box .preu .solicitar a:active{color:#FFF; text-decoration:none; font-weight:bold;}

/*-- FORMULARIS --*/
#tornar{ width:/*80*/65px; height:/*25*/20px; margin:0; padding:5px 15px 0 0; text-align:right; float:right; font-size:12px; font-weight:bold; color:#463144; background-image:url(../img/formulari_volver.jpg); background-repeat:no-repeat; background-position:right;}
#tornar_ok_ko{ width:/*80 65*/50px; height:/*25*/20px; margin:0; padding:5px 0 0 30px;  font-size:12px; font-weight:bold; color:#463144; background-image:url(../img/formulari_volver.jpg); background-repeat:no-repeat;}
#tornar a:link, #tornar_ok_ko a:link, #tornar a:visited, #tornar_ok_ko a:visited{color:#463144; text-decoration:none; font-weight:bold;}
#tornar a:hover, #tornar_ok_ko a:hover, #tornar a:active, #tornar_ok_ko a:active{color:#FC7D00; text-decoration:none; font-weight:bold;}

#titol_formulari{ width:/*809*/793px; height:/*30*/22px; margin:0; padding:8px 0 0 16px; font-size:13px; font-weight:bold; /*background-color:#231822;*/ background-image:url(../img/formulari_b_top.jpg); background-repeat:no-repeat;}
#titol_formulari p{ color:#FFFFFF; display:inline;}
#titol_formulari b{ color:#B58BB0;}

#formulari{margin:0; padding:0;}
#contingut_formulari{ width:/*809 793*/777px; padding:16px 16px 24px 16px; background-color:#31222F; margin:0;}
#contingut_formulari p{ font-size:12px; color:#B58BB0; font-weight:bold; margin:0 0 16px 0; padding:0; display:inline;}
#contingut_formulari h2{ font-size:18px; color:#FFF; font-weight:bold; margin:0 0 16px 0; padding:0;}
#contingut_formulari b{ color:#E17106;}
#formulari .formfield{ background-color:#463144; font-size:11px; border:0; width:/*690*/636px; height:16px; color:#CFC2CD; padding:4px 4px;}
#formulari .textareafield{ background-color:#463144; font-size:11px; border:0; width:/*690*/636px; height:40px; color:#CFC2CD; padding:4px 4px; vertical-align:top;}

#base_boto_formulari{ width:/*809*/801px; height:/*41*/33px; padding:8px 8px 0 0; /*background-color:#6A4C67;*/ background-image:url(../img/formulari_b_down.jpg); background-repeat:no-repeat;}
#boto_formulari_simple{ float:right;}
#boto_formulari{ background-image:url(../img/formulari_boto.jpg); width:/*111*/81px; height:/*25*/20px; padding:5px 0 0 30px; background-repeat:no-repeat; float:right;}
#boto_formulari a:link, #boto_formulari a:visited{color:#FC7D00; text-decoration:none; font-weight:bold;}
#boto_formulari a:hover, #boto_formulari a:active{color:#FFF; text-decoration:none; font-weight:bold;}

#credits_formulari{ color:#6A4C67; font-size:11px; font-style:italic; text-align:center; margin:8px 0 48px 0;}
#credits_formulari a:link, #credits_formulari a:visited{color:#6A4C67; text-decoration:underline; font-weight:bold;}
#credits_formulari a:hover, #credits_formulari a:active{color:#FC7D00; text-decoration:underline; font-weight:bold;}

.ko{ margin-bottom:500px;}
.ok{ margin-bottom:500px;}

.dadesbancaries{ font-weight:normal; margin:2px 0 0 0; text-align:center; color:#B58BB0;}
.numdb{ font-size:13px; color:#FFFFFF; font-weight:bold; padding-top:50px; }
.liniadb{ border:solid #3D2B3A 1px; background: #3D2B3A; height:1px; width:100%; margin-top:0px; margin-bottom:0px; display: block; clear: both;}
html>body .liniadb{ color: #3D2B3A; background-color: #3D2B3A;	height:1px; padding:0px; margin:8px 0px 8px 0px; border: 0px solid #3D2B3A; clear:both; width: 100%;}

/*-- CONTACTE --*/
#mapa{ width:396px; height:662px; margin-right:8px; float:left;}
#dades{ width:405px; float:right;}
#dades p{ padding-left:8px; margin-top:4px;}
#horario{ background-image:url(../img/contacto_horario_b_top.jpg); background-repeat:no-repeat; width:/*403*/377px; height:/*29*/25px; padding:4px 0 0 26px; color:#B58BB0; font-weight:bold; font-size:16px; }
#base_horario{ width:/*403*/387px; height:/*55*/40px; padding:8px; background-color:#31222F; }
#base_horario p{ margin:0 0 4px 0; color:#FFF;}
#base_horario b{ color:#B58BB0;}

/*-- TIENDA --*/
#foto{ width:389px; height:503px; margin-right:8px; float:left;}
#dades_tienda{ width:405px; float:right;}
#dades_tienda p{ margin-bottom:8px; margin-top:4px;}
#dades_tienda ul{list-style:none; margin:0px 0px 0px 10px;}
html>body #dades_tienda ul{ margin:0px 0px 0px -28px;}
#dades_tienda li{ margin-bottom:4px; font-size:12px;}
.punts_li{ padding:0 4px 2px 0;}


/*-----FAQ - ACORDIO nš 1-----*/
#basic-accordian{ width:809px;}
#basic-accordian2{ width:544px;}
#basic-accordian p{ font-size:12px; line-height:14px; color:#A78DA5;}
.accordion_headings{ width:/*809*/775px; height:/*34*/25px; margin:0; padding:9px 0 0 34px; background-image:url(../img/faq_barra_desactivat.jpg); background-position:0 0; background-repeat:no-repeat; cursor:pointer; font-size:12px; font-weight:bold; color:#FC7D00;}
.accordion_headings:hover{ width:/*809*/775px; height:/*34*/25px; margin:0;  padding:9px 0 0 34px; font-weight:bold; color:#FFFFFF;}

.header_highlight{ width:/*809*/775px; height:/*37*/27px; padding:10px 0 0 34px; background-image:url(../img/faq_barra_actiu.jpg); background-position:0 0; background-repeat:no-repeat; cursor:auto; font-weight:bold; color:#FFFFFF;}
.header_highlight:hover{ width:/*809*/775px; height:/*37*/27px; padding:10px 0 0 34px; font-weight:bold; color:#FFFFFF;}
.accordion_child{ height:auto; background-color:#332532; margin:0; padding:8px 8px 32px 8px;}

/*-----TALLERS - ACORDIO nš 2-----*/
#tallers{ width:544px; margin-right:8px; float:left; background-color:#FFCCFF;}
.nuvol{width:/*544*/528px; /*background-color:#9966CC;*/ margin:32px 0 0 0; background-image:url(../img/base_nuvol_up.jpg); background-repeat:no-repeat; background-position:top; padding:8px; background-color:#281625;}
.nuvol h2{ font-size:14px; color:#D6AAD1; margin:0 0 2px 0;}
.nuvol h3{ font-size:11px; font-weight:normal; color:#A298A1; margin:0 0 4px 0; line-height:12px;}


#basic-accordian_2{ width:544px;}
#basic-accordian_2 p{ font-size:12px; line-height:14px; color:#A78DA5;}
#basic-accordian_2 .accordion_headings{ width:/*544px*/510px; height:/*34*/25px; margin:0; padding:9px 0 0 34px; background-image:url(../img/talleres_subtitol_desact.jpg); background-position:0 0; background-repeat:no-repeat; cursor:pointer; font-size:12px; font-weight:bold; color:#FC7D00;}
#basic-accordian_2 .accordion_headings:hover{ width:/*544px*/510px; height:/*34*/25px; margin:0;  padding:9px 0 0 34px; font-weight:bold; color:#FFFFFF;}
#basic-accordian_2 .header_highlight{ width:/*544px*/510px; height:/*37*/27px; padding:10px 0 0 34px;  background-image:url(../img/talleres_subtitol_actiu.jpg); background-position:0 0; background-repeat:no-repeat; cursor:auto; font-weight:bold; color:#FFFFFF;}
#basic-accordian_2 .header_highlight:hover{ width:/*544px*/510px; height:/*37*/27px; padding:10px 0 0 34px; font-weight:bold; color:#FFFFFF;}
#basic-accordian_2 .accordion_child{ height:auto; background-color:#332532; margin:0; padding:8px 8px 8px 8px;}
#text_taller{ width:250px; margin-right:16px; float:left;}
#text_taller2{ width:512px; margin-right:16px;}
#dades_taller{ width:262px; margin:0; float:right;}
#dades_taller .top{ width:262px; height:8px; margin:0; padding:0; _margin-bottom:-6px; background-image:url(../img/talleres_inscripcio_b_top.jpg); background-repeat:no-repeat; /*CESC background-color:#0099CC;*/}
#dades_taller .down2{ width:262px; height:8px; margin:0; padding:0; _margin-bottom:-6px; background-image:url(../img/talleres_inscripcio_b_top_d.jpg); background-repeat:no-repeat; /*background-color:#0099CC;*/}

#dades_taller .midel{ width:262px; background-image:url(../img/talleres_inscripcio_b_midel.jpg); background-repeat:repeat-y;}
#dades_taller .midel p{  width:/*262*/246px; font-size:11px; padding:0 8px 0 8px; color:#FFFFFF; margin:0;}
#dades_taller .midel b{ color:#B58BB0;}
#dades_taller .down{ width:/*262*/254px; height:/*50*/32px; padding:18px 0 0 8px; background-image:url(../img/talleres_inscripcio_b_down.jpg); background-repeat:no-repeat;}
.inscribirse{ width:111px; height:25px; padding:4px 0 0 30px; background-image:url(../img/talleres_boto.jpg); background-repeat:no-repeat;}
.inscribirse a:link, .inscribirse a:visited{color:#FC7D00; text-decoration:none; font-weight:bold;} 
.inscribirse a:hover, .inscribirse a:active{color:#FFF; text-decoration:none; font-weight:bold;}

.inscribirse2{ width:111px; height:25px; padding:4px 0 0 30px; margin:8px 0 8px 4px; background-image:url(../img/talleres_boto2.jpg); background-repeat:no-repeat;}
.inscribirse2 a:link, .inscribirse2 a:visited{color:#FC7D00; text-decoration:none; font-weight:bold;} 
.inscribirse2 a:hover, .inscribirse2 a:active{color:#FFF; text-decoration:none; font-weight:bold;}


.linia1{ border:solid #3D2B3A 1px; background: #3D2B3A; height:1px; width:100%; margin-top:0px; margin-bottom:0px; display: block; clear: both;}
html>body .linia1{ color: #3D2B3A; background-color: #3D2B3A;	height:1px; padding:0px; margin:8px 0px 8px 0px; border: 0px solid #3D2B3A; clear:both; width: 100%;}












#talleres {float:left;}
/*Calendari*/
#calendari{ width:253px; float:right; background-color:#583F55;}
#calendari_titol{ width:253px; height:/*39*/29px; padding-top:10px; text-align:center; font-size:15px; font-weight:bold; color:#D6AAD1; background-image:url(../img/titol_calendari.jpg); background-repeat:no-repeat;}
#graella_calendari{ width:218px; height:195px; margin:16px; }
#dades_calendari{  width:218px; height:100%; margin:16px;}
#dades_calendari_top{ width:/*218*/188px; height:/*43*/37px; margin:0; padding:6px 0 0 30px; background-image:url(../img/base_top_agenda.jpg); background-repeat:no-repeat;}
#dades_calendari_top h1{ font-size:14px; color:#C387B9; margin:0; padding:0;}
#dades_calendari_top h2{ font-size:12px; color:#EECBE8; margin:0; padding:0;}
#dades_calendari_midel{width:218px; height:100%; margin:0; padding-bottom:15px; background-image:url(../img/talleres_agenda_b_midel.jpg); background-repeat:repeat-y;}
#dades_calendari_midel p{ font-size:12px; color:#FFFFFF; padding:8px 8px 0 8px; margin:0;}
#dades_calendari_midel b{ font-size:12px; color:#FF7E00;}
#dades_calendari_midel .preu_agenda{ font-size:12px; color:#FFF; font-weight:bold; margin:0;}
.linia2{ border:solid #5F455B 1px; background: #5F455B; height: 1px; width:100%; margin-top: 0px; margin-bottom: -10px; display: block; clear: both;}
html>body .linia2{ color: #5F455B;	background-color: #5F455B;	height:1px; padding:0px; margin:8px 0px 0px 0px; border: 0px dotted #361C0D; clear:both; width: 100%;}
#dades_calendari_down{ width:218px; height:8px; margin-bottom:0px; padding:0;}



.atencio{ font-size:11px; height:18px; margin:8px; padding-left:22px; padding-top:2px; font-weight:bold; background-image:url(../img/atencio.jpg); background-repeat:no-repeat; background-position:0 0;}