
html{ position:relative; width:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#cccccc;}
body{ width:800px; left:50%; margin-left:-400px; background:url(../img/background.jpg) repeat-x top #e2e2e2;}

a{ text-decoration:none;  color:#cccccc;}
a:hover{ color:#d79914; text-decoration:none;}

div.interior ul,div.interior ol  {
	list-style:disc outside none; margin-left:13px;
}

/*cabecera*/
div.cabecera{ position:relative; background:url(../img/cabecera.jpg) no-repeat center center; width:800px; height:164px;}
div.idiomas{ position:relative; font-size:12px; width:100%; text-align:right; right:30px; top:20px;}
div.idiomas a{ position:relative; color:#cccccc; }
div.idiomas a.selec{color:#d79914; }
div.idiomas a:hover{color:#d79914;}
div.botonera{ /*height:40px;*/  position:relative; top:125px; font-size:17px; }
div.botonera ul.botonera{ position:relative;left:20px;}
div.botonera ul.botonera li{ float:left; position:relative; margin-right:12px; text-align:right; width:auto;}
div.botonera ul.botonera li a{ position:relative; padding:8px 4px;}
div.botonera ul.botonera li.selec{ background-color:#FFFFFF; }
div.botonera ul.botonera li.selec a{color:#d79914; background-color:#FFFFFF;}
span.borde_i{ position:absolute; left:-5px; height:37px; width:7px; background:url(../img/pestanya_izq.gif) no-repeat top center; top:-9px; }
span.borde_d{ position:absolute; right:-5px;  height:37px; width:7px; background:url(../img/pestanya_drc.gif) no-repeat top center; top:-9px;}

div.botonera ul.botonera li a.bot_presen_selec{ /*background:url(../img/pestanya_presen.gif) no-repeat center center; padding:10px; color:#d79914;*/}

/*seccion*/
div.contenedor{ position:relative; background-color:#FFFFFF; height:auto; padding:20px 50px 40px 50px;; border-left:solid #e3e3e3 1px; border-right:solid #e3e3e3 1px; min-height:622px;}
div.contenedor div.ariadna{ font-size:11px; margin-top:10px; color:#8a8a8a;}
div.contenedor div.ariadna a{font-size:11px; margin-top:10px; color:#8a8a8a;}
div.contenedor div.ariadna strong{ font-weight: bold; color:#d79914;}

div.contenedor div.seccion{ position:relative; margin-top:35px; height:100%;color:#8a8a8a; font-size:14px; line-height:18px;}
div.contenedor div.seccion div.interior{ position:relative; margin-top:35px; width:100%; height:100%}
div.contenedor div.seccion div.interior p{ text-align:justify;}
div.contenedor div.seccion div.interior h3{ font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; width:620px; margin-bottom:20px;color:#d79914; font-weight:normal;}


/*avantatges*/

ul.listado_avantatges{ border-top:solid #e3e3e3 1px; margin-top:30px; padding-top:30px; font-size:12px;}
ul.listado_avantatges li{ width:100%; height:100px;}
ul.listado_avantatges li span{ width:440px; float:right;}
ul.listado_avantatges li span a{color:#d79914;}
ul.listado_avantatges li span b{ color:#696969;}
ul.listado_avantatges li span a:hover{ text-decoration:underline;}

/*paginador*/
div.interior span.paginador{ display:block; position:relative; width:auto; height:20px; text-align:center; margin-top:10px; color:#9c9c9c; }
div.interior span.paginador a{color:#9c9c9c; }
div.interior span.paginador a:hover{color:#d79914;}
div.interior span.paginador img.flecha{ padding:0px 7px;}
div.interior span.paginador a.selec{color:#d79914;}


/*footer*/
div.footer{ clear:both; height:58px; background:#f3f3f3; position:relative; left:0px; bottom:0px; width:798px; text-align:justify; color:#797979; font-size:14px; border-top:solid #e3e3e3 1px; border-left:solid #e3e3e3 1px; border-right:solid #e3e3e3 1px;  }
div.footer a{ position:relative; color:#797979; padding:10px;}
div.footer a.selecc{ color:#d79914; /*font-weight:bold;*/}
div.footer a:hover{ color:#d79914; }
div.footer span{ position:absolute; margin-top:20px; text-align:center; left:30px;  }

/*noticias*/
div.interior_noticias{ position:relative; width:100%; height:100%; margin-top:30px;}
div.caja_not{ position:relative; float:left; width:177px; height:auto; background:url(../img/caja_not.jpg) repeat-y center center; padding:5px 0px 10px 0px; }
div.caja_not span.arti{ position:relative; display:block; width:177px; height:auto; color:#d79914; font-size:20px; top:10px; left:10px;}
div.caja_not span.box_not_sup{ position:absolute; display:block; top:0px; left:0px; background:url(../img/caja_not_sup.jpg) no-repeat top center; width:100%; height:auto; }
div.caja_not span.box_not_sub{ position:absolute; display:block; bottom:0px; left:0px; background:url(../img/caja_not_sub.jpg) no-repeat bottom center; width:100%; height:auto; }

div.caja_not ul.articles{ position:relative; float:left; color:#d79914; margin-top:15px; font-size:12px; margin-left:0px; list-style:none outside none;}
div.caja_not ul.articles li{ margin:7px 10px;}
div.caja_not ul.articles li a{ font-weight:bold; font-size:12px; color:#8a8a8a;}
div.caja_not ul.articles li a:hover{color:#d79914;}

div.txt_noticias{ position:relative; width:500px; height:100%; float:right; text-align:justify; background:#FFFFFF;}
div.txt_noticias a {
	color:#D79914; text-decoration:underline;
}
div.contenedor div.seccion div.interior div.txt_noticias h3.titul_noticia{ position:relative; font-size:20px; font-weight:normal; line-height:23px; width:499px; text-align:left; }
span.siguiente{ float:right; position:relative; text-align:right; padding-bottom:20px;}
div.contenedor div.seccion div.interior div.caja_not ul.articles li.articulo_elegido{ width:165px; position:relative; margin:0px; padding:2px 0px 2px 10px; background:#fcf3b4;}
div.contenedor div.seccion div.interior div.caja_not ul.articles li.articulo_elegido a{ color:#5b5a5a; display:block;}
div.contenedor div.seccion div.interior div.caja_not ul.articles li.articulo_elegido{ color:#5b5a5a;}

div.txt_noticias div.archivos {
	position:relative; width:200px; border:1px solid #8A8A8A; padding:10px 10px 10px 10px; float:right; margin:0px 0px 10px 20px; text-align:left;
}

/*associats*/
div.contenedor div.seccion div.interior div.filtrar b{ display:block; height:10px;}
div.contenedor div.seccion div.interior div.filtrar span.alfabeto{ width:505px; height:auto; padding:3px 8px; border:#d79914 solid 1px; letter-spacing:1px;}
div.contenedor div.seccion div.interior div.filtrar span.alfabeto a{ color:#8a8a8a; padding:0px 1px;}
div.contenedor div.seccion div.interior div.filtrar span.alfabeto a:hover{ color:#d79914;}
div.contenedor div.seccion div.interior div.filtrar span.alfabeto a.selec{ color:#d79914;}
div.contenedor div.seccion div.interior ul.lista_associats{ position:relative; margin-top:20px; height:100%; margin-bottom:30px;}
div.contenedor div.seccion div.interior ul.lista_associats {margin-left:0px; list-style:none outside none;}
div.contenedor div.seccion div.interior ul.lista_associats li{ display:inline-block; width:319px; height:auto; vertical-align:top; margin-top:30px; margin-right:30px; }
div.contenedor div.seccion div.interior ul.lista_associats li a.empresa{ display:block; font-size:20px; line-height:22px; font-weight:normal; margin-bottom:5px; color:#8A8A8A;}
div.contenedor div.seccion div.interior ul.lista_associats li a.empresa:hover{text-decoration:none;}
div.contenedor div.seccion div.interior ul.lista_associats li a{color:#d79914;}
div.contenedor div.seccion div.interior ul.lista_associats li a:hover{ text-decoration:underline;}
div.contenedor div.seccion div.interior span.paginador_associats{ clear:both; position:relative; height:auto; top:25px;}
div.contenedor div.seccion div.interior span.paginador_associats span.seleccionado{ color:#d79914;  }

/*contacte*/
div.contenedor div.seccion div.interior div.contacto{ position:relative; width:406px; height:510px;}
div.contenedor div.seccion div.interior div.contacto ul{ margin-top:20px; list-style:none outside none; margin-left:0px;}
div.contenedor div.seccion div.interior div.contacto ul li{ margin-top:8px;}
div.contenedor div.seccion div.interior div.contacto ul input{ width:100%; height:21px; border:solid #d79914 1px; padding:4px 3px 0px 3px; margin:8px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div.contenedor div.seccion div.interior div.contacto ul textarea{ width:100%; height:140px;  border:solid #d79914 1px; padding:3px 3px; margin:5px 0px 20px 0px;  font-family:Arial, Helvetica, sans-serif; font-size:12px;}
/*div.contenedor div.seccion div.interior div.contacto span.botones{ position:relative; width:406px; float:right; text-align:right;}*/
div.contenedor div.seccion div.interior a.esborrar{ position:relative; background:url(../img/btn_esborrar.jpg) no-repeat center center; /*width:85px; height:30px;*/ padding:10px 12px; color:#595959; font-weight:bold;}
div.contenedor div.seccion div.interior a.esborrar:hover{color:#000000;}
div.contenedor div.seccion div.interior a.enviar:hover{color:#000000;}
div.contenedor div.seccion div.interior a.enviar{ position:relative; background:url(../img/btn_esborrar.jpg) no-repeat center center; /*width:85px; height:30px;*/ padding:10px 20px; color:#595959; font-weight:bold;}
div.contacte_caja{ position:absolute; top:0px; right:0px; /*padding:10px;*/ background:url(../img/caja_contacte_centro.jpg) repeat-y top center; width:234px; height:auto;
 font-size:12px;}
div.contacte_caja span.txt_caja_cont{ position:relative; display:block; width:185px; left:20px;  /*top:12px;*/  line-height:17px; padding-bottom:20px; padding-top:15px;}
div.contacte_caja span.contacte_caja_sup{ clear:both; position:absolute; display:block; top:0px; width:234px; height:11px; background:url(../img/caja_contacte_sup.jpg) no-repeat top center; }
div.contacte_caja span.contacte_caja_sub{ clear:both;position:absolute; display:block; bottom:0px; width:234px; height:auto;background:url(../img/caja_contacte_sub.jpg) no-repeat bottom center; }

div.contacte_caja b.margen_arriba{ position:relative; display:compact;margin-top:5px;}
div.contacte_caja ul.cajita_contacto {list-style:none outside none; margin-left:0px;}
div.contacte_caja ul.cajita_contacto li{ position:relative; margin-top:5px; font-weight:bold;}
div.contacte_caja ul.cajita_contacto li a{color:#d79914; }
div.contacte_caja ul.cajita_contacto li a:hover{color:#d79914; text-decoration:underline; }
img.foto_telf{ position:absolute; top:430px; right:40px;}
div.contacte_caja ul.cajita_contacto li span.contacto_naranja {color:#d79914;}

/*com associarse*/
div.com_associarse{line-height:23px;}
div.com_associarse form { width:406px;}
div.lista_comasso_inicio ul{ margin-left:30px; line-height:23px;}
div.lista_comasso_inicio ul li{ list-style-image:url(../img/puntito_lista.jpg); margin-top:3px; }
/*esta si es la lista del formu, la de arriba es solo la de texto de arriba! */
div.formu_comassociarse ul{ width:406px; margin-top:20px; margin-left:0px; margin-bottom:20px;}
div.formu_comassociarse ul li{ clear:both; margin:0px; padding:0px; list-style:none;}
div.formu_comassociarse ul input{ width:100%; height:21px; border:solid #d79914 1px; padding:2px 3px 0px 3px; margin:0px 0px 5px 0px;}
span.botones{ display:block; float:right; margin-right:-9px;}
img.foto_puzle{ position:absolute; top:260px; right:-30px;}

div.formu_comassociarse ul li{}
div.formu_comassociarse ul li.corto span{ margin-left:160px;  }
div.formu_comassociarse ul li.corto span.poblacio{ margin-left:134px;}
div.contenedor div.seccion div.interior div.formu_comassociarse ul li.corto input{width:190px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div.contenedor div.seccion div.interior div.formu_comassociarse ul li.corto input.margen_i{ float:right; position:relative; right:-13px; margin-top:0px;}
div.contenedor div.seccion div.interior div.formu_comassociarse ul li input.numero1{  width:34px; margin-right:7px; text-align:left;}
div.contenedor div.seccion div.interior div.formu_comassociarse ul li input.numero2{ width:52px;margin-right:7px;text-align:left; width:18px;}
div.contenedor div.seccion div.interior div.formu_comassociarse ul li input.numero4{ width:74px; text-align:left;}
span.checkbox{font-size:10px; clear:both;text-align:center;}
p.condicions{ margin-top:25px; font-size:10px; line-height:11px; width:420px; text-align:justify;}
div.formu_comassociarse a.mailto{color:#8a8a8a; }
div.formu_comassociarse a.mailto:hover{color:#d79914; }
span.faltan_datos{ float:right; font-size:10px;color:#FF0000; visibility:hidden;}
span.faltan_datos_fax{ position:absolute; left:170px; font-size:10px;color:#FF0000;visibility:hidden;}
span.faltan_datos_telf{ position:absolute; left:-45px; font-size:10px;color:#FF0000;visibility:hidden;}
h5 {margin-top:40px; font-size:16px; font-weight:bold; width:400px; }

/*Mapa web*/
div.mapa{ position:relative; height:auto; top:20px; width:450px;  left:50%; margin-left:-225px; /*border:solid red 1px;*/ }
div.mapa b{ position:relative; left:-17px;}
div.mapa div.catala{ position:relative;  float:left; width:auto; height:auto; margin-bottom:10px; clear:both; left:0px; }
div.mapa ul.catala{ position:relative;  margin-top:10px; margin-left:0px; line-height:35px;}
div.mapa ul.catala li{ list-style-image:url(../img/puntito_lista.jpg);}
div.mapa div.esp{ position:relative; float:right;  height:auto;}

img.foto_mapaweb{ position:relative; margin-left:76px; margin-top:20px;}

/*associat detall*/
div.associat_detall{  width:250px; float:left;}
div.associat_detall b{ color:#696969; display:block; margin-top:10px;}
div.associat_detall a{ color:#d79914;}
div.associat_detall a:hover{color:#696969;}
div.googlemap{ width:414px; height:296px; float:right; margin-bottom:80px;}
div.googlemap #map_canvas {border:1px solid #D79914;}
div.links_detall{  position:relative; clear:both;}
div.links_detall a{ color:#9c9c9c;}
div.links_detall a:hover{ color:#d79914;}
/*div.links_detall span.siguiente a{ color:#9c9c9c;}*/
div.btn_tornar{ position:absolute; float:right; right:0px;}
div.btn_tornar a.tornar{ background:url(../img/btn_tornar.jpg) no-repeat center center; width:52px; height:23px; padding:5px; color:#595959; font-weight:bold; font-size:12px; }
div.btn_tornar a.tornar:hover{ color:#000000; }

/*QUESTIONARI*/
div.interior ol.questionario{ list-style:decimal; margin-top:20px;}
div.interior ol.questionario li{ font-size:12px;  margin-bottom:10px; }
div.interior ol.questionario input{ position:relative; top:2px; border:solid #d79914 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
div.interior ol.questionario input.check{ border:none;}
div.interior ol.questionario textarea{ width:100%; height:80px; padding:2px; border:solid #d79914 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
div.interior ol.questionario select.empresa{ width:100%; height:21px;border:solid #d79914 1px; font-family:Arial, Helvetica, sans-serif; }
div.interior ol.questionario li span{ position:relative; height:auto; display:inline-block; margin:15px 0px 0px 0px; }
div.interior ol.questionario li span.primer_span{ margin-top:5px;}
div.interior ol.questionario li input.data_implantacio{ width:100%; padding:2px;}
div.interior ol.questionario li span.marca_dos{left:0px; position:relative; text-align:right;  color:#FF0000; font-size:10px; margin:0px;}
span.borde_roig { border:0px solid red; padding:4px;}
