﻿@charset "utf-8"; 
/**************************************************************************
CSS ANFIBIC 20091021@JCP
***************************************************************************/
body 		{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#737272; background:url(../imagenes/bg/body.gif) repeat-x 0 0;}
a 			{text-decoration:none;}
.colorRojo,
a:hover 	{background-color:#cc0000; color:#FFF;}
#main a {color:#737272; background-color:#CCC;}
#main a:hover {color:#FFF; background-color:#CC0000;}

/**************************************************************************
HEADER
***************************************************************************/
.container {margin:0 auto; width:980px;}
#header {border-bottom:#e8e8e8 solid 1px; margin-bottom:8px;}
#logo {float:left;}
#logo:hover {background:none;}
#main 	{border-bottom:#ededed solid 1px;}
#lang {float:left; height:33px;}
#lang li {float:left; color:#121212; line-height:33px; background:url(../imagenes/icons/lang.gif) no-repeat right top; padding:0 18px 0 17px;}
#lang li a,
#header form a,
#accesibilitat li a {color:#676666; text-decoration:underline;}
#lang li a:hover,
#header form a:hover,
#accesibilitat li a:hover {color:#121212; text-decoration:none; background:none;}
#lang li.first {padding-left:0;}
#lang li.last {padding-right:0; background:none;}
#accesibilitat {float:right; background:url(../imagenes/icons/accesibilitat.gif) no-repeat right top;}
#accesibilitat li {float:left; color:#121212; min-height:33px; background:url(../imagenes/icons/accesibilitat.gif) no-repeat 0 0; padding:0 16px;}
.verLine {line-height:33px;}
#accesibilitat li img {margin:5px 0 0 5px; cursor:pointer;}
#header form {float:right; padding:42px 0 0 0;}
#header form a {float:left; display:block; padding:3px 0 0 10px;}
.input-1, .input-2, .select-1, .input-3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; border:#CCC solid 1px; height:18px; line-height:18px; padding:2px 0 0 5px;}
#header .input-1 {float:left; width:233px; border-right:none;}
.btnCerca {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; display:block; border:none; background-color:#212121; text-align:center; cursor:pointer;}
#header .btnCerca {float:left; height:22px; line-height:22px; padding:0 10px;}
#accesibilitat #estilosize1 {color:#101010; font-size:14px; text-decoration:none;}
#estilosize2 {color:#676666; font-size:20px; text-decoration:underline; padding-left:5px;}
#estilosize3 {color:#676666; font-size:24px; text-decoration:underline; padding-left:5px;}
/**************************************************************************
FOOTER
***************************************************************************/
#footer {border-top:#e8e8e8 solid 1px; padding:15px 0; margin-top:22px;}
#corporativa {float:left; width:530px;}
#footer a:hover {background:none;}
#footer .hrHover:hover {background-color:#cc0000; color:#FFF;}
#corporativa li {float:left; border-right:#777 solid 1px; padding:0 8px; min-height:51px; font-size:14px;}
#corporativa li.first {padding-left:0;}
#corporativa li a {color:#737272;}
#corporativa li a:hover {color:#FFF;}
#institucions {float:right; width:450px;}
#institucions li {float:left; padding:0 11px; font-size:12px; color:#999;}
#institucions li span {padding-top:7px; line-height:11px; display:block; font-size:11px;}
#institucions li.first {padding-right:0;}
.mapWeb {color:#999; display:inline-block; margin-bottom:5px;}
/**************************************************************************
MENU
***************************************************************************/	
#menu {float:left; padding-top:11px;}
#menu li {min-height:48px; float:left; width:195px; font-size:17px; margin-right:1px;}
#menu li a {display:block; color:#212121; text-decoration:none; background:url(../imagenes/icons/menu.gif) repeat-x 0 0; min-height:38px; width:175px; color:#212121; padding:10px 0 0 20px;}
#menu li a:hover {display:block; background:#cc0000 url(../imagenes/icons/menu_hover.gif) no-repeat bottom left; color:#FFF;}
#menu li a.active {display:block; background:#cc0000 url(../imagenes/icons/menu_hover-submenu.gif) no-repeat bottom left; color:#FFF;}
#menu li.last,
#menu li.submenu ul li	{margin-right:0;}
#menu li.submenu ul {display:none; background:url(../imagenes/bg/submenu.png) no-repeat bottom left; padding:0 0 10px 10px; float:left; width:185px; z-index:2; position:absolute;}
#menu li.submenu:hover ul {display:block;}
#menu li.submenu ul li {min-height:23px; color:#FFF; font-size:14px;border-bottom:#FFF solid 1px; width:181px;}
#menu li.submenu ul li a {min-height:14px; width:145px; background:#999; padding:5px 10px 4px 20px; color:#FFF;}
#menu li.submenu ul li a:hover {background:#cc0000;}
#presentacion {padding:0 0 40px 18px; float:left; width:962px;}
#infoTit {padding:0 0 20px 18px; float:left; width:962px;}
#presentacion div {width:650px; float:left;}
#presentacion p {padding:0 0 0 4px; font-size:16px; width:660px;}
.presen1, #infoTit {background-color:#cc0000;}
.presen1 p {color:#FFF;}
.presen2 {background:#FFF url(../imagenes/bg/presen2.gif) no-repeat right top;}
.presen2 p {color:#9b9b9b;}
#header h1 {font-size:44px; color:#FFF; width:660px; padding-top:40px;}
#header .presen2 h1 {color:#cc0000;}
#header #infoTit h1 {padding:0;}
#infoTit div {float:left; width:670px; color:#FFF; padding:20px 0 0 0;}
.descrText {font-size:14px; font-weight:bold; padding-bottom:15px;}
.objectius {font-size:16px; padding-top:5px;}
#infoTit ul {float:right; padding:7px 0 0 0;}
#infoTit li {float:left;}
#infoTit li a {font-weight:bold; color:#FFF; padding:0 10px 0 17px;}
#infoTit li a:hover {color:#CCC;}
#ico3 {background:url(../imagenes/icons/ico3.gif) no-repeat left center;}
#ico2 {background:url(../imagenes/icons/ico2.gif) no-repeat left center;}
#ico1 {background:url(../imagenes/icons/ico1.gif) no-repeat left center;}
/**************************************************************************
HOME
***************************************************************************/
#mainBlocks {background:url(../imagenes/bg/mainblocks.gif) repeat-y 0 0;}
#block1 {width:445px; float:left; margin-right:9px;}
#block2 {width:259px; float:left; margin-right:9px;}
#block3 {width:258px; float:left;}
#mainBlocks .titleIcon {background:url(../imagenes/icons/titleicon.gif) no-repeat bottom center; padding-bottom:9px;}
#mainBlocks #block3 .titleIcon {background-image:url(../imagenes/icons/titleicon2.gif);}
#mainBlocks #block3 h2 {color:#cc0000;}
h2 {color:#212121; font-size:20px; font-weight:bold; background-color:#CCC; padding:8px 0 0 14px; height:43px; line-height:19px;}
.blockContent li {border-bottom:#e7e7e7 solid 1px; padding:15px 0 10px 0;}
.docRelaci li.last,
.blockContent li.last,
#block3 .blockContent li.last p {border-bottom:none;}
.blockContent {padding:0 22px 22px 22px;}
.blockContent p {padding-top:3px; line-height:16px;}
.blockContent h3 {font-size:14px; font-weight:bold; color:#3e3e3e; line-height:16px; padding-bottom:3px;}
.fecha {background-color:#cc0000; color:#FFF; font-size:12px; padding:0 2px;}
#block3 .blockContent {padding:0 22px 22px 22px;}
#block3 .blockContent li {border-bottom:none; background:url(../imagenes/icons/block3.gif) no-repeat 0 0; padding:15px 0 0 17px;}
#block3 .blockContent li p {border-bottom:dotted #cc0000 1px; color:#cc0000; padding:0 0 10px 0;}
#linkblock {float:left; width:980px;}
#linkblock li.first a {width:409px;}
#linkblock li {float:left; height:30px; text-align:right; margin-right:9px; line-height:30px;}
#linkblock li a {font-weight:bold;width:223px; font-size:14px; color:#212121; display:block; background:#CCC url(../imagenes/icons/linkhome.gif) no-repeat right top; padding:0 36px 0 0;}
#linkblock li.last {margin-right:0;}
#linkblock li.last a {width:222px; color:#cc0000; background:#CCC url(../imagenes/icons/linkhome3.gif) no-repeat right top;}
/**************************************************************************
MODULOS
***************************************************************************/
.blockBig {background:url(../imagenes/bg/blockbig.gif) repeat 0 0;}
.blockBig h2 {background:#CCC url(../imagenes/icons/titleblockbig.gif) no-repeat bottom left; padding-bottom:9px;}
.contBig {border-left:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px; padding:15px 24px 35px 24px;}
.contBig2 p {font-size:14px; font-weight:bold; color:#3e3e3e; line-height:16px;}
.contBig2 p strong {color:#cc0000; font-weight:bold; font-size:16px;}
.contBig2 {border-left:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px; padding:15px 24px 10px 24px;}
.contBig p {padding-bottom:10px;}
.contBig p strong {color:#3e3e3e; font-size:14px;}
.contBig ul {padding:10px 0;}
.contBig ul li {font-weight:normal; color:#737272; font-size:13px; background:url(../imagenes/icons/list.gif) no-repeat 0 0; padding:0 0 10px 18px;}
.minititle {color:#cc0000; font-style:italic; display:inline-block; padding-left:10px;}
.sessions .minititle {padding-left:0;}
.sideleft {width:540px; float:left;}
.sideright {float:right;}
#controles {border:#e8e8e8 solid 1px; border-top:none; text-align:center; color:#999999; font-size:12px; padding:3px 0 1px 0; margin-bottom:25px;}
ul.docRelaci {padding:4px 18px 20px 18px; border-left:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px;}
ul.docRelaci li {border-bottom:dotted #cc0000 1px; background:none; padding:11px 0 11px 0;}
ul.docRelaci li a {color:#3e3e3e; font-size:14px; background-color:#eae8e8;}
ul.docRelaci li a:hover {background-color:#cc0000; color:#FFF;}
.titleForm {color:#212121; font-size:20px; font-weight:bold; background-color:#CCC; padding:2px 0 2px 15px; float:left; width:965px;}
.resultats {color:#3e3e3e; font-weight:bold; font-size:14px; padding:15px 18px 10px 18px; border-left:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px;}
#paginacion li,
.resultats strong,
#paginacion li a:hover{color:#cc0000;}
#paginacion {padding:15px 18px 20px 18px; width:942px; border-left:#e8e8e8 solid 1px; background:url(../imagenes/bg/paginacion.gif) no-repeat center top; border-right:#e8e8e8 solid 1px; float:left;}
#paginacion li {font-weight:bold; background:none; padding:0 20px 0 0; float:left; font-size:14px;}
#paginacion li a {color:#999; text-decoration:underline; font-weight:bold; background:none;}
#paginacion li.first {padding-left:7px;}
#paginacion li.last {padding-right:0;}
#paginacion li a:hover {text-decoration:none; background-color:transparent;}
.afegir, .afegir2 {float:right; color:#212121; font-weight:bold; font-size:13px; line-height:23px; padding:0 11px 0 17px;}
.afegir {background:url(../imagenes/icons/afegir.gif) no-repeat left center;}
.afegir2 {background:url(../imagenes/icons/afegir2.gif) no-repeat left center;}
.afegir:hover,.afegir2:hover {background-color:transparent; color:#cc0000;}
.email {padding:0 1px;}
.btn {background:url(../imagenes/bg/btn-r.gif) no-repeat right top; height:16px; padding-right:5px; line-height:15px; float:left; cursor:pointer; color:#FFF;}
.btn strong {background:url(../imagenes/bg/btn-l.gif) no-repeat 0 0; padding-left:5px; display:block; height:16px; float:left; cursor:pointer; color:#FFF;}
ul.controls li {background:none; padding:10px 5px 0 0; float:left;}
.controls li a strong {font-size:13px;}
.btn:hover {background-image:url(../imagenes/bg/btn-r_hover.gif);}
.btn:hover strong {background-image:url(../imagenes/bg/btn-l_hover.gif);}
.sessions {border-bottom:#e7e7e7 solid 1px; padding:20px 0 16px 0;}
h4 {margin-bottom:2px; font-weight:bold; color:#3e3e3e; font-size:14px;}
.sessions p {padding:5px 0 0 0;}
div.last {border-bottom:none;}
#submenumain {float:left; width:978px; border-left:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px; background:url(../imagenes/bg/submenumainbg.gif) repeat-x 0 0;}
#submenumain li {float:left; width:339px; min-height:67px; margin-right:9px;}
#submenumain li h2 {background:none; padding:0; min-height:67px; line-height:9px;}
#submenumain li.last {width:282px; margin-right:0;}
#submenumain li a {display:block; width:325px; color:#212121; background:url(../imagenes/bg/submenumain.gif) repeat-x 0 0; padding:0 0 0 14px; min-height:57px; padding-top:10px;}
#submenumain li a:hover,
#submenumain li a.active {background:#cc0000 url(../imagenes/icons/submenumain.gif) no-repeat bottom left; color:#FFF;}
#submenumain li.last a:hover,
#submenumain li.last a.active {background-image:url(../imagenes/icons/submenumain2.gif);}
#submenumain li.last a {width:268px;}
.titleForm h3 {float:left;}
.tableTre {float:left; width:978px; border-left:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px;}
.tableTre li {width:942px; float:left; background:url(../imagenes/bg/paginacion.gif) no-repeat bottom center; padding:15px 18px 10px 18px;}
.tableTre li div {float:left; height:20px;}
.tableTre li.last {background:none;}
.list1 {font-weight:bold; color:#3e3e3e; font-size:14px; width:292px;}
.list2 {color:#737272; width:200px;}
.list3 {color:#737272; width:220px;}
.list4 {width:220px;}
.list5 {margin-right:5px;}
ul.documents li {background:none; padding:0; color:#3e3e3e; font-size:14px; font-weight:bold; border-top:#cc0000 dotted 1px; line-height:50px;}
ul.documents li a {color:#3e3e3e;}
ul.documents li a:hover {color:#FFF;}
/**************************************************************************
CALENDARIO
***************************************************************************/
#calendar {width:189px;}
#calendar ul {float:left; width:187px; background-color:#EEE; border:#CCC solid 1px; margin:0;}
#calendar ul li {background:none; float:left; width:171px; text-align:center; padding:0; margin:0; color:#CC0000;}
#calendar ul li a,
#calendar ul li a:hover{background:none;}
#calendar ul li.first {text-align:left; width:8px;}
#calendar ul li.last {text-align:right; width:8px;}
#calendar table {border-left:#e2e2e2 solid 1px; font-size:12px; width:100%}
#calendar table td {background-color:#f3f3f3; border-bottom:#e2e2e2 solid 1px; border-right:#e2e2e2 solid 1px; text-align:center; color:#000; width:25px; padding:1px 0;}
#calendar table th {color:#000; border:#e2e2e2 solid 1px; border-left:none; padding:1px 0;}
#calendar table td.noDay {background-color:#e2e2e2;}
#calendar table td.today {background-color:#f9f39f;}
#calendar table td.different {color:#cc0000;}
.calenCon {border:#CCC solid 1px; border-top:none; background-color:#c3c3c3; padding:5px;}
/**************************************************************************
GALERÍA
***************************************************************************/
.jcarousel-skin-tango .jcarousel-container-horizontal {width:289px;}
.jcarousel-skin-tango .jcarousel-item,
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:289px; height:212px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff; color:#000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; top:215px; right:5px; width:20px; height:11px; cursor:pointer;	background:url(../imagenes/icons/flecha-right.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position:-42px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -63px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:-21px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; top:215px; left:5px; width:20px; height:11px; cursor:pointer;background:url(../imagenes/icons/flecha-left.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:-42px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position:-63px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor:default;background-position:-21px 0;}
.contBig .jcarousel-skin-tango li {background:none; padding:0;}
.jcarousel-container {position:relative;}
.jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative;}
.jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
.jcarousel-list li,
.jcarousel-item {float:left; list-style:none; width:289px; height:212px;}
.jcarousel-next {z-index:3; display:none;}
.jcarousel-prev {z-index:3; display:none;}
/**************************************************************************
FORMULARIO
***************************************************************************/
.formSimple	{float:left;}
.capaForm {border-left:#e8e8e8 solid 1px; border-right:#e8e8e8 solid 1px; float:left; width:930px; padding:20px 24px 0 24px;}
.capaEnviar {border-top:#e7e7e7 solid 1px; padding:23px 0 35px 0; margin-top:35px;}
.agrupCont {float:left; width:308px; padding-bottom:10px;}
.formSimple label {color:#3e3e3e; font-size:14px; font-weight:bold;}
.formSimple strong {color:#cc0000; font-size:16px;}
.formSimple span {color:#000; font-size:12px; display:inline-block; padding:0 20px 0 2px;}
.formSimple .input-1,
.formSimple .input-2,
.formSimple .input-3,
.formSimple .select-1{display:block; border:#abadb3 solid 1px; margin-top:1px;}
.formSimple .input-1 {width:272px;}
.formSimple .input-2 {width:129px;}
.formSimple .input-3 {width:65px;}
.formSimple .select-1 {width:279px; padding-top:1px; height:22px;}
.radio-1 {margin-top:1px;}
#naixement {background-color:#e5e4e4; border:none; width:90px; font-size:13px; color:#4d4d4d; padding-top:2px;}
.btnEnviar {color:#FFF; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:url(../imagenes/bg/enviar.gif) no-repeat 0 0; border:none; text-align:center; display:block; cursor:pointer; width:108px; height:26px;}