html, body {
margin: 0;
padding: 0;
color: #000;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, sans-serif; height:100%
}
img, div, li, input, span, a:hover{ behavior: url("iepngfix.htc") }
#contenido {
position:absolute;
left:50%;
width:964px;
height:616px;
margin-left:-482px; background:url(../img/home_fons.jpg) no-repeat;
}
#es_contenido {
position:absolute;
left:50%;
width:964px;
height:616px;
margin-left:-482px; background:url(../img/es_home_fons.jpg) no-repeat;
}
#contenido_delta {
position:absolute;
left:50%;
width:964px;
height:616px;
margin-left:-482px; background:url(../img/fons_delta.jpg) no-repeat;
}
#es_contenido_delta {
position:absolute;
left:50%;
width:964px;
height:616px;
margin-left:-482px; background:url(../img/es_fons_delta.jpg) no-repeat;
}
#contenido_delta2 {
position:absolute;
left:50%;
width:964px;
height:616px;
margin-left:-482px; background:url(../img/fons_delta_02.jpg) no-repeat;
}
#es_contenido_delta2 {
position:absolute;
left:50%;
width:964px;
height:616px;
margin-left:-482px; background:url(../img/es_fons_delta_02.jpg) no-repeat;
}
#carrusel { margin:70px 0 0 0px; }
#contenedor {
position:absolute;
left:50%;
width:964px;
margin-left:-482px; background:url(../img/fons_top.jpg) no-repeat;
}
#es_contenedor {
position:absolute;
left:50%;
width:964px;
margin-left:-482px; background:url(../img/es_fons_top.jpg) no-repeat;
}
#base_menu { width:216px; background:url(../img/fons_menu.png) right repeat-y; }
#contenedor_chicha { margin:0 20px 0 20px;}
#a_index { float:left; height:40px; width:200px;}
#base_top { height:45px;}
#base_esquerra { width:240px; float:left;}
#base_esquerra_delta { width:216px; float:left;}
#base_dreta { background-color:#fff; width:635px; float:left; margin:10px 0 0 0; border:#999 solid 1px; padding:10px; }
#base_dreta_home { width:635px; float:left; }
#base_dreta_delta { width:700px; height:540px; float:left;}
#base_dreta_zona { background-color:#fff; width:635px; float:left; margin:10px 0 0 0; border:#999 solid 1px; padding:10px 10px 20px 10px;}
#web_cam { width:170px; height:55px; padding:15px 0px 0px 20px; background:url(../img/web_cam.png) no-repeat; cursor:hand; margin:10px 0 25px 470px;}
#peu_bis { height:15px; clear:both;}
#peu_home { padding:3px 0 3px 0; color:#b2b2b2; font-weight:bold; font-size:10px; clear:both; margin:550px 20px 0 20px; _margin:44px 20px 0 20px; *margin:90px 20px 0 20px;}
#peu { padding:3px 0 3px 0; color:#b2b2b2; font-weight:bold; font-size:10px; clear:both; border-top:#b2b2b2 solid 1px; margin:0 20px 0 20px;}
#volver { float:right; margin-top:4px;}
h1 { padding:0px 0 0px 12px; color:#999; font-weight:bold; font-size:18px; margin:0px; }
h2 {color:#fff; font-size:15px; padding:2px 2px 2px 14px; background:#67bd2a; margin:7px 0 0 0; font-weight:normal; }
h3 {color:#67bd2a; font-size:12px; font-weight:bold; margin:0px 0px 8px 0px; border-bottom:#CCCCCC solid 1px; padding-bottom:3px;}
h4 {color:#67bd2a; font-size:16px; font-weight:bold; margin:0px 0px 8px 0px; }
h5 {color:#fff; font-size:15px; padding:2px 2px 2px 14px; background:#44cedb; margin:7px 0 0 0; font-weight:normal; }
h6 { padding:0px 0 0px 0px; color:#999; font-weight:bold; font-size:18px; margin:0px 0 0px 12px; border-bottom:#44cedb solid 3px; }
#base_dreta_1 { float:left; margin-top:20px; width:395px; padding:0 0 0 15px; font-size:12px;}
#base_dreta_2 { float:right; margin-top:20px; width:200px;}
#base_dreta_1_zona { margin-top:20px; padding:0 0 20px 15px; font-size:12px; }
#img_centrada { margin-top:20px; padding:0 0 20px 15px; font-size:12px; align:center }
#base_dreta_spartina { width:635px; float:left; margin:10px 0 0 0; border:#999 solid 1px; padding:10px; background:url(../img/fot_spartina.jpg) #fff no-repeat right bottom; }
#base_dreta_spartina_50 { width:635px; float:left; margin:10px 0 0 0; border:#999 solid 1px; padding:10px; background:url(../img/fot_spartina50.jpg) #fff no-repeat right bottom; }
#base_spartina { margin-top:20px; padding:0 0 20px 15px; font-size:12px; }
#base_spartina_cos { margin:15px 0 0 25px; width:465px; }
#base_spartina_cos_0 { width:300px; }
#base_spartina_cos_numero { margin:30px 0 0 0; width:200px; background:#000; color:#FFFFFF; border-left:#7d874b solid 50px; padding:12px 12px 10px 12px;}
#base_spartina_sumari { width:300px; background:#000; overflow: hidden; margin:0 0 30px 0; }
#base_spartina_sumari_num { background:#7d874b; color:#FFFFFF; padding:0px 10px 0px 10px; float:left; font-size:50px;
margin:0 20px 0 0; }
#base_spartina_sumari_tit { color:#7d874b; font-size:18px; margin-top:30px;}
#zona_fotos { margin:20px 0 0px 0; padding-top:10px; border-top:#dddcdc solid 1px;}
#zona_foto_destacada { float:left; margin:10px 0 0 0; width:260px; font-size:14px; font-weight:bold;}
#foto_destacada { width:250px; border:#dddcdc solid 1px; padding:2px; margin: 5px 0 0 0;}
#foto_destacada_info { font-size:11px; color:#666; font-weight:normal; margin:10px 0 5px 0; padding:5px;}
#zona_foto_votadas { float:right; margin:10px 0 0px 0; width:330px; font-size:14px; font-weight:bold; }
#zona_estrellitas { float:right; padding-top:4px;}
#galeria_fotos li { display:inline; float:left; border:#dddcdc solid 1px; padding:2px 2px 0px 2px; margin:5px; }
#foto_esq{ float:right; margin:10px 0 10px 20px;}
.li1 { background:url(../img/li1.gif) no-repeat 10px 15px; padding:15px 0 5px 40px; }
.li2 { background:url(../img/li2.gif) no-repeat 10px 15px; padding:15px 0 5px 40px; }
.li3 { background:url(../img/li3.gif) no-repeat 10px 15px; padding:15px 0 5px 40px; }
#posit_calendari_cap{ background:#6bcf50 url(../img/posit_verd.gif) no-repeat right top ; font-size:14px; color:#FFFFFF; font-weight:bold; padding:5px 15px 5px 15px; }
#posit_calendari_cos{ background:#ecf8e8; border:#6bcf50 solid 1px; padding:15px; height:140px;}
.posit_izq_calendari{ float:left; width:235px; margin:0 0px 0px 45px; *margin:0 0px 0px 45px; _margin:0 0px 0px 30px; height:420px;}
.posit_der_calendari{ float:right; width:235px; margin:0 70px 0px 0; *margin:0 70px 0px 0px; _margin:0 30px 0px 0px;}
#posit_blau_cap{ background:#44cedb url(../img/posit_blau.gif) no-repeat right top ; font-size:14px; color:#FFFFFF; font-weight:bold; padding:5px 15px 5px 15px; }
#posit_blau_cos{ background:#e7f9fa; border:#44cedb solid 1px; padding:15px; height:170px;}
#posit_rosa_cap{ background:#e75375 url(../img/posit_rosa.gif) no-repeat right top ; font-size:14px; color:#FFFFFF; font-weight:bold; padding:5px 15px 5px 15px; }
#posit_rosa_cos{ background:#f8ecec; border:#e75375 solid 1px; padding:15px; height:170px;}
#posit_groc_cap{ background:#ffbc20 url(../img/posit_groc.gif) no-repeat right top ; font-size:14px; color:#FFFFFF; font-weight:bold; padding:5px 15px 5px 15px; }
#posit_groc_cos{ background:#fff5e2; border:#ffbc20 solid 1px; padding:15px; height:170px;}
#posit_verd_cap{ background:#6bcf50 url(../img/posit_verd.gif) no-repeat right top ; font-size:14px; color:#FFFFFF; font-weight:bold; padding:5px 15px 5px 15px; }
#posit_verd_cos{ background:#ecf8e8; border:#6bcf50 solid 1px; padding:15px; height:170px;}
.posit_izq{ float:left; width:285px; margin:0 0px 25px 0;}
.posit_der{ float:right; width:285px; margin:0 10px 25px 0;}
#posit_rosa{ float:right; border:#e75375 solid 1px; width:270px; padding:10px; background:#f8ecec;}
.linea { border-bottom:#98e2e6 solid 1px; margin:20px 0 14px 0; width:auto;}
.txt_mes_petit { font-size:10px; color:#7a7a7a;}
.txt_petit { font-size:11px; color:#7a7a7a;}
.txt_gris { color:#666;}
.txt_blau { color:#007a94;}
.txt_taronja { color:#fc802e;}
.txt_vermell { color:#FF0000;}
.txt_spartina { color:#7d874b; font-size:20px;}
.txt_spartina_titul { color:#7d874b;}
.txt_14 { font-size:14px;}
.txt_blau_14 { color:#007a94; font-size:14px; padding-bottom:7px;}
.txt_18_spartina_titul { font-size:18px; color:#7d874b;}
.autor { padding:2px 0 4px 0; font-size:11px; color:#bdbdbd;}
.caixa_incrip1 { background:#e8f5df; margin:8px 0 0 0; padding:5px 10px 5px 10px; color:#666; font-size:12px; font-weight:bold;}
.caixa_incrip2 { background:#e8f5df; margin:1px 0 0 0; padding:5px 10px 5px 10px; font-size:11px; }
.enlaces { margin:5px 0 25px 0;}
a.txt_p_link {color: #666; text-decoration: underline; font-size:11px; font-weight:normal;}
a.txt_p_link:visited { color: #666; text-decoration: underline; font-size:11px; }
a.txt_p_link:hover { color: #000; text-decoration: underline; font-size:11px; }
a.txt_p_link:active { color: #666; text-decoration: underline; font-size:11px; }
a.txt_p2_link {color: #666; text-decoration: none; font-size:12px; font-weight:normal; background:url(../img/ico_pdf.gif) no-repeat 160px 0px; height:21px; cursor:hand;display:block;}
a.txt_p2_link:visited { color: #666; text-decoration: none; font-size:12px; }
a.txt_p2_link:hover { color: #000; text-decoration: underline; font-size:12px; }
a.txt_p2_link:active { color: #666; text-decoration: none; font-size:12px; }
a.txt_veure_link {color: #7d874b; text-decoration: none; font-size:11px; font-weight:normal; background:url(../img/ico_veure.gif) no-repeat 0px 3px; cursor:hand; margin:0px 25px 0px 0px; padding-left:15px; }
a.txt_veure_link:visited { color: #7d874b; text-decoration: none; font-size:11px; }
a.txt_veure_link:hover { color: #000; text-decoration: underline; font-size:11px; background:url(../img/ico_veure_off.gif) no-repeat 0px 3px;}
a.txt_veure_link:active { color: #7d874b; text-decoration: none; font-size:11px; }
a.txt_descargar_link {color: #7d874b; text-decoration: none; font-size:11px; font-weight:normal; background:url(../img/ico_acrobat.gif) no-repeat 0px 0px; cursor:hand; padding-left:18px; }
a.txt_descargar_link:visited { color: #7d874b; text-decoration: none; font-size:11px; }
a.txt_descargar_link:hover { color: #000; text-decoration: underline; font-size:11px; background:url(../img/ico_acrobat_off.gif) no-repeat 0px 0px;}
a.txt_descargar_link:active { color: #7d874b; text-decoration: none; font-size:11px; }
a.txt_peu_link {color: #b2b2b2; text-decoration: none; font-size:10px; font-weight:bold;}
a.txt_peu_link:visited { color: #b2b2b2; text-decoration: none; font-size:10px; font-weight:bold;}
a.txt_peu_link:hover { color: #666; text-decoration: underline; font-size:10px; font-weight:bold;}
a.txt_peu_link:active { color: #b2b2b2; text-decoration: none; font-size:10px; font-weight:bold;}
a.txt_boton_link {color: #009aaf; text-decoration: none; font-size:11px; border:#dddcdc solid 1px;
padding:3px 9px 3px 15px; background:url(../img/tri2.gif) no-repeat 6px 7px;}
a.txt_boton_link:visited { color: #009aaf; text-decoration: none; font-size:11px; }
a.txt_boton_link:hover { color: #000; text-decoration: none; background-image:url(../img/tri22.gif); background-repeat:no-repeat; font-size:11px;}
a.txt_boton_link:active { color: #009aaf; text-decoration: none; font-size:11px; }
a.txt_mosca_link {color: #009aaf; text-decoration: none; font-size:12px; padding:3px 9px 3px 15px; background:url(../img/tri2.gif) no-repeat 6px 7px;}
a.txt_mosca_link:visited { color: #009aaf; text-decoration: none; font-size:12px; }
a.txt_mosca_link:hover { color: #000; text-decoration: none; background-image:url(../img/tri22.gif); background-repeat:no-repeat; font-size:12px;}
a.txt_mosca_link:active { color: #009aaf; text-decoration: none; font-size:12px; }
a.txt_blau_link {color: #009aaf; text-decoration: none; font-size:11px; }
a.txt_blau_link:visited { color: #009aaf; text-decoration: none; font-size:11px; }
a.txt_blau_link:hover { color: #009aaf; text-decoration: underline; font-size:11px; }
a.txt_blau_link:active { color: #009aaf; text-decoration: none; font-size:11px; }
a.txt_blau {color: #009aaf; text-decoration: none; font-size:12px; }
a.txt_blau:visited { color: #009aaf; text-decoration: none; font-size:12px; }
a.txt_blau:hover { color: #009aaf; text-decoration: underline; font-size:12px; }
a.txt_blau:active { color: #009aaf; text-decoration: none; font-size:12px; }
a.txt_blau_onmenjar_link {color: #007a94; text-decoration: underline; font-size:12px; }
a.txt_blau_onmenjar_link:visited { color: #007a94; text-decoration: underline; font-size:12px; }
a.txt_blau_onmenjar_link:hover { color: #000000; text-decoration: none; font-size:12px; }
a.txt_blau_onmenjar_link:active { color: #007a94; text-decoration: underline; font-size:12px; }
a.txt_spartina_link {color: #fff; text-decoration: none; font-size:12px; }
a.txt_spartina_link:visited { color: #fff; text-decoration: none; font-size:12px; }
a.txt_spartina_link:hover { color: #009aaf; text-decoration: underline; font-size:12px; }
a.txt_spartina_link:active { color: #fff; text-decoration: none; font-size:12px; }
a.txt_spartina3_link {color: #7d874b; text-decoration: none; font-size:12px; }
a.txt_spartina3_link:visited { color: #7d874b; text-decoration: none; font-size:12px; }
a.txt_spartina3_link:hover { color: #000; text-decoration: underline; font-size:12px; }
a.txt_spartina3_link:active { color: #7d874b; text-decoration: none; font-size:12px; }
a.txt_spartina2_link {color: #7d874b; text-decoration: none; font-size:11px; }
a.txt_spartina2_link:visited { color: #7d874b; text-decoration: none; font-size:11px; }
a.txt_spartina2_link:hover { color: #000; text-decoration: underline; font-size:11px; }
a.txt_spartina2_link:active { color: #7d874b; text-decoration: none; font-size:11px; }
a.web_cam_link {color: #3d4242; text-decoration: none; font-size:13px; font-weight:bold;}
a.web_cam_link:visited { color: #3d4242; text-decoration: none; font-size:13px; font-weight:bold;}
a.web_cam_link:hover { color: #000; text-decoration: underline; font-size:13px; font-weight:bold;}
a.web_cam_link:active { color: #3d4242; text-decoration: none; font-size:13px; font-weight:bold;}
a.web_link {color: #3d4242; text-decoration: underline; font-size:12px; font-weight:bold; padding-left:15px; background:url(../img/tri.gif) no-repeat 0px 4px; }
a.web_link:visited { color: #3d4242; text-decoration: underline; font-size:12px; font-weight:bold; padding-left:15px;}
a.web_link:hover { color: #000; text-decoration: none; font-size:12px; font-weight:bold; padding-left:15px;}
a.web_link:active { color: #3d4242; text-decoration: underline; font-size:12px; font-weight:bold; padding-left:15px;}
a.Ntooltip , a.Ntooltip2 {
position: relative; /* es la posición normal */
text-decoration: underline; !important; /* forzar sin subrayado */
color:#ff0000 !important; /* forzar color del texto */
font-weight:none; !important; /* forzar negritas */
background-color:#bee3a0; height:20px;
}
a.Ntooltip:hover , a.Ntooltip2:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#fff; /* DEBE haber un color de fondo */
color:#FFFF00;
text-decoration: none;
}
a.Ntooltip span , a.Ntooltip2 span {
display: none; /* el elemento va a estar oculto */
}
a.Ntooltip:hover span , a.Ntooltip2:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
width:220px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #fff; /* el color de fondo por defecto */
color: #000; /* el color de los textos por defecto */
text-decoration: none;
border-bottom:#67bd2a solid 1px;
border-left:#67bd2a solid 1px;
border-right:#67bd2a solid 1px;
border-top:#67bd2a solid 8px;
text-align:left; font-weight:normal;
}
a.Ntooltip:hover span {top:-50px; left:-240px; _left:-288px;}
a.Ntooltip2:hover span {top:-20px; left:2em;}
.accordion {
width: 604px;
border-bottom: solid 1px #ffbc20;
}
.accordion h6 {
background: #ffbc20 url(../img/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 5px 0 0 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #ffbc20;
cursor: pointer;
color:#fff;
}
.accordion h6:hover {
background-color: #ff9d12;
}
.accordion h6.active {
background-position: right 5px;
}
.accordion p {
background: #fff5e2;
margin: 0 0 0px 0;
padding: 10px 15px 20px;
border-left: solid 1px #ffbc20;
border-right: solid 1px #ffbc20;
border-bottom: solid 1px #ffbc20;
}
.accordion_base { background:#00FF00;}
.paginador {
padding: 3px;
margin: 3px;
text-align:center;
}
.paginador a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
text-decoration: none; /* no underline */
color: #7d874b;
}
.paginador a:hover,
.paginador a:active {
border: 1px solid #999;
color: #666;
}
.paginador .seleccionado {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #7d874b;
font-weight: bold;
background-color: #7d874b;
color: #FFF;
}
.paginador .disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
#vinyetes li { list-style:url(../img/li.gif); list-style-position:10px 20px; }
#banner { margin: 0 0 0 285px;}
#xarxes { margin: 10px 0 0 645px;}
.img_onmenjar{
margin-left:0px;
border:none;
float:left
}