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

* {margin:0;padding:0;}
a {outline:none;}
img {border:0;}
a:link, a:visited {color:#ccdaba;text-decoration:none;}
a:hover {color:#ffff99;text-decoration:none;}

body {background:#66854d;color:#fefefb;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.dins {position:relative;width:900px;margin:0 auto;}

div.col-a { float:left;}
div.col-b { float:left;}

/* Textos */
h1 {color:#ccd680;font-size:18px;/*background:url(../img/cont_h1_bkg.png) no-repeat;*/padding:0px; text-transform:uppercase;}
h4 {font-size:15px; text-transform:uppercase; color:#ffff99; margin-top:20px; margin-bottom:20px;}
h6 {font-size:13px; text-transform:uppercase; color:#ffff99; margin-top:20px; margin-bottom:20px;}

select { color:#ccdaba;padding:1px 5px;font-size:11px;border:1px solid #fff; background-color:#779261; }
input[type="text"]{ color:#ccdaba;padding:1px 5px;font-size:11px;border:1px solid #fff; background-color:#779261; }
input[type="password"]{ color:#ccdaba;padding:1px 5px;font-size:11px;border:1px solid #fff; background-color:#779261; }
textarea { color:#ccdaba;padding:1px 5px;font-size:11px;border:1px solid #fff; background-color:#779261; overflow:auto; height:60px;}
input[type="submit"] { border:1px solid #383636; background-color:#383636; color:#fff; padding:3px 10px; font-size:11px; }

label.error { color:#ffff99; font-style:italic; font-size:10px; width:100%; padding-bottom:10px;}

#sup_idioma {padding:2px 0px 0px 0px; text-align:center; margin: 40px 20px;  }

#sup {background:url(../img/sup_bkg.png);height:136px;padding:2px 0px 0px 0px;}
	#sup .h1 {text-transform:uppercase;position:absolute;right:0px;top:99px;height:21px;padding:0px;margin:0px;width:500px;color:#ccd680;text-align:right;font-size:25px;font-weight:bold;}
	#sup ul {list-style:none;position:absolute;right:0px;top:16px;font-weight:bold;}
	#sup ul li {display:inline;}
	#sup ul span {color:#ccd680;padding:0px 3px 0px 5px;}
	#sup ul a:link, #sup ul a:visited {color:#fff;}
	#sup a.actiu:link, #sup a.actiu:visited {color:#99ad66;}

#cap {text-align:center;background:url(../img/cap_bkg.png) repeat-y center;margin-bottom:8px;}

#cap_idioma {text-align:center;background:url(../img/cap_bkg.png) repeat-y center;margin-bottom:8px;}
#cap_idioma  #f2_idioma { width:900px;margin:0 auto;background:url(../img/idioma_imatge_bkg.png) repeat-x; background-position:top left;
									padding-top:5px; padding-bottom:5px;}
div#benvinguts { width:900px;margin:0 auto;padding-left:320px;margin-top:15px;padding-bottom:40px;}
div#benvinguts h4 { display:inline;float:left;width:auto;}
div#benvinguts h4 a { width:auto; padding:0 15px;}

#baix {height:121px;background:url(../img/baix_bkg.png) repeat-x;padding:46px 0px 0px 0px;margin-top:60px;}
	#baix p {padding:0px 0px 9px 8px;}
	#baix div {color:#e0e6d8;font-weight:bold;}
	#baix div p {position:absolute;top:9px;left:8px;padding:0px;}
	#baix div img {vertical-align:-2px;margin:0px 5px;}
	#baix .rss {position:absolute;right:13px;top:9px;background:url(../img/rss_bkg.png) no-repeat;padding:0px 0px 0px 20px;}
	#baix ul {list-style:none;text-transform:uppercase;margin:15px 0px 0px 8px;}
	#baix ul li {display:inline;}
	#baix ul span {margin:0px 5px 0px 3px;}
	#interactiu {position:absolute;right:13px;top:40px;}
	#interactiu img {vertical-align:-4px;margin-left:3px;}

.cb {clear:both;}

/* Capçalera apartats */
#capcal { z-index:2;margin-top:10px; margin-bottom:10px; position:relative; height:150px;overflow:hidden;}
#capcal img { z-index:3;}
#capcal img.fons { z-index:1; position:absolute; top:28px; left:0px;}
#capcal span { z-index:1;}
#capcal h1 { z-index:2; text-transform:uppercase; font-size:18px; position:absolute; top:0px; left:0px; width:550px;}
#capcal h2 {z-index:2; position:absolute; top:41px; color:#fff;font-size:24px; text-transform:uppercase; font-weight:normal;}
#capcal h3 {z-index:2;position:absolute; top:89px; color:#ccd680;font-size:15px; width:550px; text-transform:uppercase; }


/* Menú */
#menu { background-image:url(../img/nav_bkg.png); background-repeat:none; height:25px; z-index:1000; position:relative;}
#nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:1000; }
#nav a{ z-index:1000;display:block; padding:6px 7px 6px 7px; text-transform:uppercase; font-size:12px; font-weight:.bold;color:#fff; text-decoration:none; }
#nav a.flir-replaced{padding-top:8px;}
#nav a:hover{ text-decoration:none;}
#nav ul { z-index:1000;overflow:hidden;background-color:#65844d; padding-top:3px;position:absolute;  display:none; width:170px; top:25px;
background-image:url(../img/bg_submenus.png); background-repeat:no-repeat; background-position:bottom left; border-right:1px solid #99ad66;
border-left:1px solid #99ad66;border-bottom:1px solid #99ad66; }
#nav ul a {text-transform:none;}
#nav ul a:hover {background-image:url(../img/nav_hover.png); background-repeat:repeat-x;}

#nav li{ background-image:url(../img/menu_sep.png); background-position:left 5px; background-repeat:no-repeat; float:left; position:relative; z-index:1000;}
#nav li.comunity { position:absolute; right:0px; text-align:center;}
#nav li.comunity a { width:150px;}
/*#nav li.comunity-ca a { width:145px; padding:5px 10px 6px 10px;}*/
#nav li.first { background-image:none;}
#nav li ul a{ width:170px; height:auto; float:left; }
#nav li ul a:hover { background:#585946;}
#nav li:hover ul, #nav li li:hover ul { display:block; }


/* Paginació */
div.pagination {font-size:11px !important;text-align:right;margin-bottom:20px;padding-top:10px;margin-right:10px;}
div.pagination a {font-size:11px;padding: 4px 6px 4px 6px;margin-right: 2px;text-decoration: none;color:#fff;border:1px solid #fff;
background:url(../img/paginacio_bkg.png) center center no-repeat;text-align:center;}
div.pagination .current {font-size:11px;padding: 4px 6px 4px 6px;margin-right: 2px;text-decoration: none;color:#66854d; border:1px solid #fff;
background:#fff;text-align:center;font-weight:bold;}
/*div.pagination a:hover, div.pagination a:active {border:1px solid #4c4b49;}*/
div.pagination .disabled {visibility:hidden;}
div.pagination.next, div.pagination.prev {border:1px solid #66854d;}

/* Apartats generics */
div#generic div.col-a { width:550px;  font-size:14px; line-height:20px;}
div#generic div.col-b { width:310px;  padding-left:40px; overflow:hidden;}
div#generic div.col-b img { padding:3px; background-color:#759155; margin-bottom:15px; }

/* opcions d'apartat */
#tools { margin-bottom:30px;position:relative;}
#tools a { text-transform:uppercase; color:#ccd680; padding-left:17px; background-repeat:no-repeat;}
a#print { background-image:url(../img/ico_print.png); padding-left:17px; background-repeat:no-repeat; background-position:left 1px; padding-right:50px;}
#tools a#send { background-image:url(../img/ico_send.png); background-position:left 2px;}
#tools a#share { background-image:url(../img/ico_share.png); background-position:50px 0px; padding-left:65px;}
#tools #div-share {padding:10px 5px; position:absolute; display:none; margin-top:5px; background-image:url(../img/bg_submenus.png); background-repeat:no-repeat; background-position:bottom left; border:1px solid #99ad66; width:150px;}
#tools #div-share a {display:block;margin-bottom:5px;}
#tools #div-share a img {vertical-align:-3px; margin-right:5px; }
#tools #div-recomana {padding:10px 20px 0 20px; position:absolute; display:none; top:17px; background-image:url(../img/bg_submenus.png); background-repeat:repeat-x; background-position:bottom left; border:1px solid #99ad66; background-color:#3a3838; width:300px;}
#tools #div-recomana table { width:100%;}
#tools #div-recomana th { text-align:left; padding-top:10px;padding-bottom:5px;}
#tools #div-recomana input[type="text"] { width:200px;}
#tools #div-recomana textarea { width:260px;}
#tools #div-recomana #errores { display:block;padding-bottom:20px; color:#ffff99; font-style:italic; font-size:10px;}

/* Contacte */
div#contacte { font-size:14px; }
div#contacte div.col-a {width:440px;padding-right:130px;}
div#contacte div.col-if (!empty($li)) echo "<ul>{$li}</ul>";a p {margin-top:12px;}
div#contacte div.col-a p {mawrgin-bottom:10px;width:550px;}
div#contacte div.col-a label {display:block; float:left; width:140px;}
div#contacte div.col-a label.error {padding-left:140px; width:100%;}
div#contacte div.col-a input[type="text"] {  width:270px; margin-bottom:5px;}
div#contacte div.col-a textarea { width:270px;}
div#contacte div.col-a form { margin-top:20px;}

div#contacte div.col-b {width:330px;}
div#contacte div.col-b p {margin-top:5px;}
div#contacte div.col-a div#gm_map2 {width:550px; height:400px;margin-bottom:20px;margin-top:20px;}
div#contacte div.col-a div#gm_map2 span {display:none;}
div#contacte div.col-a div#gm_map2 a {display:none;}
div#contacte div.col-b div#gm_map {width:330px; height:200px;margin-bottom:20px;}
div#contacte div.col-b div#gm_map span {display:none;}
div#contacte div.col-b div#gm_map a {display:none;}
div#contacte div.col-b  a {color:#ccdaba; font-weight:bold;}

/* Galeria */
#galeria img { padding:2px; background-color:#759155; margin-left:10px; margin-bottom:10px;}

/* Rutes */
div#trails { font-size:14px; line-height:20px; margin-top:40px;}
div#trails div.ruta { margin-top:30px }
div#trails div.ruta div.col-a { width:365px; }
div#trails div.ruta div.col-a img { padding:2px; background-color:#759155; }
div#trails div.ruta div.col-b { width:520px; border-top:1px dotted #fff;border-bottom:1px dotted #fff; padding-top:15px; padding-bottom:5px; min-height:213px;height:auto !important;height:213px;}
div#trails div.ruta div.col-b a.link{ margin-top:20px; display:block; font-weight:bold; }
div#trails div.ruta div.col-b p { margin-top:50px; }
div#trails div.ruta div.col-b h4{margin-top:10px; margin-bottom:10px;}
div#trails div.ruta div.col-b h2{text-transform:uppercase; line-height:25px;}
div#trails div.ruta div.col-b h2 a {color:#fff;}

div#minitrails { font-size:14px; line-height:20px; margin-top:40px;}
div#minitrails div.ruta { border-bottom:1px dotted #fff; padding-top:10px;}
div#minitrails div.ruta div.col-a { width:120px; }
div#minitrails div.ruta div.col-a img { padding:2px; background-color:#759155; }
div#minitrails div.ruta div.col-b { width:200px; }
div#minitrails div.ruta div.col-b h2 {text-transform:uppercase;}
div#minitrails div.ruta div.col-c { float:left;width:250px;  padding-left:200px;}
div#minitrails div.ruta div.col-d { float:left;width:100px;  }


div#trail { font-size:14px; line-height:20px; margin-top:40px;}
div#trail div.col-a { width:520px; padding-right:50px; }
div#trail div.col-a ul {margin-left:5px;list-style:none;}
div#trail div.col-a ul li {padding-bottom:15px;padding-left:15px; background:url('../img/trail_llista.png') 0 6px no-repeat;}
div#trail div#dies {font-size:12px; line-height:17px;}
div#trail div#dies div { padding:10px;font-size:15px; line-height:18px;}
div#trail div#dies div.col-a { padding:5px;font-size:12px; }
div#trail div#dies div.col-b { margin-left:5px;padding:5px;font-size:12px; }
div#trail a.infodia { background-color:#759155; padding:10px 10px 2px 10px; width:100%; display:block; margin-top:4px; }
div#trail a.infodia:hover { background-color:#88a963; }
div#trail a.infodia span { color:#ffff99; text-transform:uppercase;}
div#trail a.infodia span.dia { font-size:20px; padding-right:10px; vertical-align:-1px;}
div#trail a.infodia span.text { font-size:14px; }
div#trail div.col-b { width:330px; }
div#trail div.col-b a.booknow { display:block; background-color:#383636; padding:5px 10px; margin-bottom:20px; color:#fff; }
div#trail div.col-b img { padding:2px; background-color:#759155; }
div.separador {padding:3px 0 0 0 !important; border-top:1px dotted #fff; margin-top:30px; color:#ffff99; text-transform:uppercase; margin-bottom:20px; font-size:10px !important; letter-spacing:2px;}

#comentaris {padding:10px; background-color:#769155;margin-top:40px;}
#comentaris #estat{position:relative; }
#comentaris form{margin-top:20px;}
#comentaris #estat-b{position:absolute; right:10px; top:0px;}
#comentaris ul {list-style:none; }
#comentaris ul li { padding-bottom:5px;}
#comentaris ul label { display:block;float:left;width:100px; font-size:11px;}
#comentaris ul label.error {padding-left:100px; }
#comentaris input[type="text"] { width:190px;}
#comentaris textarea {  width:190px; }
#comentaris .comentari-b { font-size:10px; text-transform:uppercase; color:#36393d; }
#comentaris .com { font-size:14px; }
#comentaris .navi { font-size:12px; color:#ccdaba; margin-top:20px;}
#comentaris #llista li { margin-top:20px;}
#comentaris .cb { height:1px;}

/* Guies */
div#generic div#presentacio {display:block;width:300px;overflow:hidden !important; }
div#generic div#presentacio div {padding:20px; background-color:#759155; position:relative; font-size:14px;}
div#generic div#presentacio div.text {padding:0px; font-size:12px;margin-top:10px; color:#cad87c;}
div#generic div#presentacio img.next { position:absolute; top:15px; right:20px; cursor:pointer;}

.booking  {width:100%; margin-top:40px;margin-bottom:50px;}
.booking thead {background:url(../img/booking_th.png) left top no-repeat;}
.booking th h4 { padding:8px; margin:0px;}
.booking td { text-align:center; font-size:14px; padding:4px;}
.booking td.col1 { background-color:#7f9959; }
.booking td a { color:#fff; background-color:#383636; padding:2px 5px; display:block; text-align:left; width:100px;}

#reserva .col-a { width:660px; padding-right:20px;}
#reserva .col-b { width:205px; padding-top:40px;}
#reserva div.col-b span#preu { color:#ffff99; display:block; margin-top:10px; font-size:20px; margin-bottom:20px;}
#reserva div.col-b div#carro { background:url(../img/carro_bkg.png) left bottom #96ab65 repeat-x; min-height:140px;height:auto !important;height:140px; width:175px; padding:20px; font-size:14px;}
#reserva p { margin-bottom:20px; font-size:14px;}
#reserva h4 { padding-top:20px;}
#reserva ul { padding-bottom:20px; font-size:11px; list-style:none;}
#reserva ul li {padding-bottom:10px;}
#reserva label { padding-right:10px;}
#reserva input[type="text"]{  width:150px; margin-right:30px !important;}
#reserva input#nom {width:300px;}
#reserva input#personal {width:400px;}
#reserva input#riding {width:200px;}
#reserva input#address {width:300px;}
#reserva input#pes {width:50px;}
#reserva input#birth {width:70px;}
#reserva input#alcada {width:50px;}
#reserva input#cp {width:50px;}
#reserva input#city {width:120px;}
#reserva input#country {width:120px;}
#reserva input#email {width:300px;}
#reserva label.error { margin-left:-25px; }
#resumreserva { padding:20px 0; font-size:14px; }
#resumreserva p { padding-bottom:10px; margin-left:20px;}
#resumreserva ul { list-style:none; margin-left:20px;}
#resumreserva ul li { padding-bottom:10px; }

/* Opinions */
ul#opinions2 label {display:block; width:100px; float:left;}
ul#opinions2 {list-style:none;}
ul#opinions2 li { padding-bottom:10px; }
ul#opinions2 input[type="text"]{ width:250px; }
ul#opinions2 textarea {  width:250px;}
ul#opinions2 label.error { padding-left:100px; width:100%;}

div#opinions {margin-top:30px;}
div#opinions h4 {margin-bottom:40px;}
div#opinions div.col-a {width:450px; font-size:14px; padding-right:50px;}
div#opinions div.col-b {width:400px;}
div#opinions li{list-style:none;margin-bottom:10px;}
div#opinions div.col-a li{ font-size:12px; color:#2f2f2f; padding-bottom:10px 0; margin-bottom:40px; padding-top:7px;
background:url(../img/booking_th.png) left top no-repeat;}
div#opinions div.col-a li span{ padding:0 5px;font-size:12px;  color:#ccd680;}
div#opinions div.col-a li p { font-size:13px; color:#fff; margin-bottom:10px; padding-left:5px; padding-top:10px;}

#portada div.col-a { margin-right:20px; background:url(../img/portada_linia.png) left bottom repeat-x; padding-bottom:7px; width:286px; height:230px; overflow:hidden;}
#portada div.col-a a {color:#fff;}
#portada div.col-a a:hover {color:#fff;}
#portada div.col-b { position:relative;width:286px; margin-right:20px; height:230px;background:url(../img/portada_linia.png) left bottom repeat-x; padding-bottom:7px;}
#portada div.col-b div.cnt { background:url(../img/nextrail.png) left top no-repeat; height:195px; padding:10px 20px;font-size:14px;}
#portada div.col-b div.cnt a { font-size:14px;font-weight:bold;}
#portada div.col-b div.cnt h5 { text-transform:uppercase;background:url(../img/nextrail_dia.png) left top no-repeat; height:95px; margin-top:10px;font-size:13px; padding:15px 20px;}
#portada div.col-b div.cnt h5 span {display:block;padding-top:5px;padding-bottom:10px;}
#portada div.col-b div.cnt #seecalendar {position:absolute;bottom:10px;left:20px;}
#portada div.col-c { font-size:14px;font-weight:bold;float:left;width:286px; height:230px; background:url(../img/portada_linia.png) left bottom repeat-x; padding-bottom:7px;}
#portada div.col-c div#gm_map { width:286px; height:190px; margin-bottom:3px;}
#portada div.col-c div#gm_map span { display:none; }
#portada div.col-c div#gm_map a { display:none; }

#portada div.col-d { float:left;width:590px; height:230px; margin-right:20px; background:url(../img/portada_linia.png) left bottom repeat-x; padding-bottom:7px; }
#portada div.col-d div#portada_comunity { height:70px; padding:10px 10px 10px 120px;background:url(../img/portada_comunity.png) left top repeat-x; color:#becb79;}
#portada div.col-d div#portada_comunity h5 { text-transform:uppercase; font-size:14px;}
#portada div.col-d div#portada_comunity p.titol { text-transform:uppercase; font-size:13px; margin-top:15px;margin-bottom:15px; color:#fff;}
#portada div.col-d div#portada_forum .forum {font-size:13px;float:left;width:200px; padding-right:20px;}
#portada div.col-d div#portada_forum div.forum p.dades {color:#36393d;font-size:11px;}
#portada div.col-e { float:left;width:285px; background:url(../img/portada_linia.png) left bottom repeat-x; padding-bottom:7px;}

#portada h6 { margin:0 0 5px 0; }
#portada .cb1 { height:50px; clear:both;}

#portada div#presentacio li div.cnt {position:relative;width:286px;height:210px; overflow:hiddden;}
#portada div#presentacio li div.cnt img.gal {position:absolute; top:0px; left:0px;}
#portada div#presentacio li div.cnt span { height:35px;font-size:14px;font-weight:bold;text-transform:uppercase;width:195px;line-height:18px; padding:3px 90px 3px 3px;background-color:#759155; position:absolute; bottom:10px; left:10px;}
#portada div#presentacio li div.cnt h5 span { width:185px;}
#portada div#presentacio img.next { position:absolute; bottom:21px; right:20px; cursor:pointer;}

div#mapaweb {background:url(../img/mapaweb.png) left top repeat-x; height:244px; padding:20px 20px 20px 0; color:#fff; margin-top:20px; font-size:14px;}
div#mapaweb cp {height:20px;}
div#mapaweb div.element {float:left; width:240px; margin-left:50px;}
div#mapaweb div ul {list-style:none;margin-left:10px; width:207px; margin-left:2px; font-size:11px; margin-top:5px;}
div#mapaweb div ul li {padding-bottom:5px; padding-left:10px;background:url(../img/mapaweb_li.png) left 3px no-repeat; }


/* Fòrum */
#form_anuncis {background:url(../img/mapaweb.png) left top repeat-x; padding:0px 10px 10px 10px; }
#form_anuncis h2 { margin-bottom:10px;}
#form_anuncis h5 { margin-top:0px; font-size:12px;line-height:20px;}
#form_anuncis table { width:100%; }
/*#form_anuncis table span.green { color:#73880a;line-height:18px; }*/
#form_anuncis table td p  { margin-bottom:10px;}
#form_anuncis table td.taula-a  { font-size:13px; padding-right:70px; }
#form_anuncis table td.taula-b  { width:220px; padding-right:40px;}
#form_anuncis table td.taula-c  { width:220px; }
#form_anuncis table td .input {  margin-top:3px; width:220px; }
#form_anuncis table td .boto { float:right; }
#form_anuncis table td textarea { width:210px; height:105px; margin-bottom:0px; margin-top:3px; font-size:10px;}

#form_anuncis table td hr {  background:url(../img/portada_linia.png) left bottom repeat-x; border:0px; margin-top:8px; margin-bottom:8px;}



p.forumtit { font-size:14px;text-transform:uppercase; color:#73880a; font-weight:bold; margin-bottom:10px; }
#forum {margin-top:30px;}
#forum .categoria { cursor:pointer;margin-bottom:2px; position:relative; background-image:url(../img/forum_cat_bkg.png); background-repeat:no-repeat; padding:8px 10px 8px 10px; color:#e2001a; }

#forum .categoria span.nom { color:#fff; text-transform:uppercase; font-weight:bold; margin-right:5px; margin-top:5px;}
#forum .categoria span.descr { color:#fff; margin-left:5px;}
#forum .categoria span.fletxa { display:block;position:absolute; right:15px; top:5px; height:19px; width:19px; background-image:url(../img/forum_cat_fletxa.png); background-position:top left; background-repeat:no-repeat; }
#forum .categoria2 {  background-image:url(../img/forum2_cat_bkg.png); height:24px; position:relative; height:20px; padding:12px 10px 8px 10px; }
#forum table { margin-bottom:25px; width:100%}
#forum table th { background-color:#acb96d; color:#fff; font-weight:normal; text-align:left; padding:9px 10px 7px 10px; }
#forum table tr:hover td { background-color:#779261;  }
#forum table td { color:#fff; background:url(../img/portada_linia.png) bottom left repeat-x;   padding:12px 10px 10px 10px;}
#forum table td .nom_tema { background-image:url(../img/forum_carpeta.png); background-position:0px 5px; background-repeat:no-repeat; text-decoration:underline; padding-left:25px; font-weight:bold; padding-bottom:5px; padding-top:2px;}
#forum table td .nom_tema a { color:#fff; }
#forum table td .descr_tema { color:#fff;padding-left:25px; }
#forum #navega { padding:8px 0 8px 0; color:#b02b2c; border-top:1px dashed #73880a; border-bottom:1px dashed #73880a; margin-bottom:5px; font-weight:bold; margin-top:35px; }
#forum #navega span { color:#000; font-weight:bold; }
#forum #navega #categoria { text-transform:uppercase; font-size:14px;}
#forum #noutema { background:url(../img/mapaweb.png) left top repeat-x; padding:1px 20px 20px 20px;}
#forum #noutema h5 { padding-top:8px;}
#forum #noutema .input { width:450px;}
#forum #noutema label {float:left;width:120px; display:block;}
#forum #noutema label.error { display:block;width:100%;padding-left:120px;}
#forum #noutema p {padding-bottom:10px;}
#forum .ultima_dades {text-transform:uppercase;color:#36393d;}
#forum .ultima_dades span {text-transform:uppercase;color:#36393d;}
#forum .ultima_text {color:#fff;margin-top:5px;}
#forum ul { margin-left:0px;list-style:none;}



/*#forum ul li div.top { position:relative;margin-bottom:3px;text-transform:uppercase; background-image:none;background-color:#e9e9e6; color:336393d; padding:7px 10px 6px 10px;}*/
#forum ul li div.first span.data { font-size:10px; margin-left:10px;}
/*#forum ul li div.top span.data { font-size:10px; margin-left:10px;}*/
#forum ul li span.id { display:block; margin-bottom:10px;font-weight:bold; font-size:12px;}
#forum ul li span.id a { font-weight:normal;}
#forum ul li span.usuari { color:#ccd680; font-size:12px;}
#forum ul li div.cnt {
 background:url(../img/portada_linia.png) left bottom repeat-x; padding:10px 3px 0 3px; margin-top:2px; color:#fff; margin-bottom:3px;}

#forum ul li div.cnt div.col-a { width:130px; border-right:1px solid #7f995a; padding:6px 5px;}
#forum ul li div.cnt div.col-b { width:730px; padding-left:20px;}
#forum ul li div.cnt p { padding:0 7px;}
#forum ul li div.cnt p span { color:#d3000e; font-weight:bold;font-size:12px; cursor:pointer; margin-right:5px;}
#forum ul li div.options { margin-top:9px;display:block;}

#tooltip {
	border:1px solid #7f995a;
	padding:15px 10px 5px 10px;
	position:absolute;
	margin-top:-25px;
	margin-left:0px;
	background-color:#fff;
	width:400px;
	opacity: 0.9;
}

#tooltip * { font-family:Arial;font-size:11px;color:#000;font-weight:normal; }
#tooltip strong { font-weight:bold;}




/* Multimedia (album,mp3,videos) */
div#galeries {margin-bottom:40px;margin-top:25px;font-size:12px;}
div#galeries .cb {height:15px;border-bottom:1px dotted #e7ece3;}
div#galeries div.galeria {margin-top:20px;margin-bottom:8px;}
div#galeries div.galeria span {width:100%;}
div#galeries div.video {width:500px;float:left;margin-right:20px;}
div#galeries div.dades {width:350px;float:left;}
div#galeries div.dades h2 {text-transform:uppercase;margin-top:5px;margin-bottom:25px;}
div#galeries div.galeria div.col-a {position:relative;width:180px;float:left;}
div#galeries div.galeria div.col-a span.mascara {cursor:pointer;top:0px;left:0px;position:absolute;display:block;width:160px;height:120px;background:url(../img/ico_play.png) no-repeat center center;}
div#galeries div.galeria div.col-b {width:720px;float:left;}
div#galeries div.galeria div.col-b p.galeria {text-transform:uppercase;font-size:18px;margin-top:5px;margin-bottom:25px;text-transform:uppercase;}
div#galeries div.galeria div.col-b p.galeria img {margin-left:-3px;}

/*
div#galeries div.cont {min-height: 368px;height: auto !important;height: 368px;
background:url(../img/fotos_bkg.png) repeat-y right bottom;}
div#galeries div.dades {float:left;width:200px;margin-left:25px;}
div#galeries div.dades h2 {color:#3ab8c4;padding:20px 20px 5px 20px;font-size:21px;}

div#galeries div.dades p {padding:5px 20px;line-height:18px;}
div#galeries div.dades p span {color:#3ab8c4;}
div#galeries div.video {width:620px;height:368px;float:left;}*/