@charset "UTF-8";

/************************************************* body *************************************************/

body {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #000;
    font-weight:normal;
}

#container {
    width: 1080px;
    text-align: left;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;
}

#containerCapsalera{
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

#containerPeu{	
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size:11px;
    color:#999;
    text-align:center;
    margin:40px 0px 10px 0px;
    padding-top: 20px;
    border-top: 1px solid #B0B1B2;

}

.clearFloat{
    clear:both;
    float:none;
    height:0px;
    margin:0px;
    padding:0px;
    font-size:1px;	
}

h1{
    font-size: 30px;
    color: #000000;
    margin:0px;
    padding:0px;
    margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
}

a{
    color: #000000;
    text-decoration: none;
}

a:hover{
    color: #666666;	
}

p{
    padding:0px;
    text-align:left;
    margin: 0px;
    margin-bottom:10px;
    line-height:20px;
}

img{
    border:0px;
}


/************************************************* capçalera *************************************************/
#capaLogo{
    padding-top:6px;
    padding-right:40px;
    text-align:right;
}

#capaCapsaleraSuperior{
    background-color:#BD2C16;
    width:100%;
    height:50px;
}

#capaCapsaleraMig{
    height:82px;
}

#capaCapsaleraInferior{
    height:164px;
}

.capaCapsaleraEsquerra{
    float:left;
    margin-left:40px; 
    margin-top:10px;
}

.capaCapsaleraDreta{
    float:right;
    margin-right:40px;
    margin-top:20px;
    text-align:right;
    line-height: 20px;
}

.capaCapsaleraDreta a{
    color:#B3B3B3;
    font-size:13px;
}

.capaCapsaleraDreta a:hover{
    color:#000000;	
}

.capaEsquerra{
    width:305px;
    float:left;
    margin-bottom:8px;
}

.capaDreta{
    width:650px; 
    float:right;
    margin-bottom:8px;
    text-align:right;
}

.capaContainerTallers{
    text-align:right;
    float:right;
}

.capaTallers2{
    width:212px; /* amplada de la galeria */
    height:162px; /* alçada de la galeria */
    float:left;
    margin-left:1px;
    background-color:#e5e5e6;
    text-align:center;
}

.capaTallers{
    float:left;
    margin-left:1px;
}

/************************************************* índex *************************************************/

.capaBotonsEsquerra{
    float:left;
    margin-top:4px;
    margin-bottom:4px;
}

.capaBotonsDreta{
    float:right;
    margin-top:4px;
    margin-bottom:4px;
}

#galleria{
    width:643px; /* amplada de la galeria */
    height:234px; /* alçada de la galeria */
    margin-top:4px;
    margin-right:0px;
    float:right;
    background-color:#FFFFFF;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
}

#galleria div.galleria-container div.galleria-stage{
    margin:0px;
    padding:0px;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
}

.galleria-stage{
    width:643px; /* amplada de la galeria */
    height:234px; /* alçada de la galeria */
    margin:0px;
    padding:0px;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    background-color:#FFF;
}

.galleria-layer{
    width:643px; /* amplada de la galeria */
    height:234px; /* alçada de la galeria */
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
}

.galleria-thumbnails-container{
    display:none;
}

.galleria-image img{
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    width:643px; /* amplada de la galeria */
    height:234px; /* alçada de la galeria */
    margin:0px;
    padding:0px;
}

.galleria-container {
    margin:0px;
    padding:0px;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
}

.galleria-container img{
    margin:0px;
    padding:0px;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
}

.galleria-container .notouch{
    margin:0px;
    padding:0px;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
}

/************************************************* programes *************************************************/
#containerCentreLlarg{
    /** background-image: url(rcs/fons_centre.png);  *****/
    background-repeat: round;
    background-position: left top;	
}

.capaCentreEsquerra{
    width: 200px;
    float:left;
    min-height:740px;
}

.capaCentreMig{
    /*	width: 490px;*/
    width: 550px;
    margin-top:0px;
    min-height:740px;
    float:left;
    font-size: 13px;
    padding-left: 80px;
    border-left: 1px solid #ccc;
}

.capaCentreMigDreta{
    /*	width: 490px;*/
    width: 814px;
    margin-top:0px;
    min-height:740px;
    float:left;
    font-size: 13px;
    padding-left: 80px;
    border-left: 1px solid #ccc;
}

.capaCentreDreta{
    width: 264px;
    margin:0px;
    min-height:100px;
    float:right;
}

ul.menuCentre{
    padding-left: 0px;
    margin-top:100px;
    list-style-type: none;
}

ul.menuCentre li{
    margin-bottom:10px;
}

ul.menuCentre li a{
    font-size: 16px;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3D3D3F;	
}

ul.menuCentre li a:hover{
    color:#666;
}

ul.menuCentre li.menuSeleccionat a{
    color:#999;
}

.capaBotonsPetits{
    width:264px;
    margin-bottom:4px;
}

.capaBotonsPetits .capaBotonsEsquerra{
    margin-bottom:0px;
}

.capaBotonsPetits .capaBotonsDreta{
    margin-bottom:0px;
}

.capaAltres{
    width:264px;
    margin-bottom:20px;
}

ul.menuAltres{
    width:auto;
    list-style-type: none;
    text-align:left;
    margin:0px;
    padding:0px;
}

ul.menuAltres li{
    border-top: none;
    border-bottom: 1px solid #ccc;
    padding: 18px 0px 18px 20px;

}


ul.menuAltres li a{
    color:#3D3D3F;
    text-decoration:none;
}

ul.menuAltres li a:hover{
    color:#666;
}


/************************************************* cerca_activitats *************************************************/

label{
    font-family: Arial, Helvetica, sans-serif;
    /*    font-size: 10px;*/
    color: #4D4D4D;	
}

label.labelCheck{
    font-size: 12px;
    margin-right:20px;
    margin-top:5px;
    margin-bottom:5px;
}

select{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#000;
    text-decoration: none;
    width: 440px;
    height:20px;
    background-color:#FFF;
    border: 1px solid #000;
    margin-bottom:10px;
    margin-top:4px;
}

.desplegable{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    text-decoration: none;
    width: 440px;
    height:20px;
    background-color:#FFF;
    border: 1px solid #ccc;
    margin-bottom:10px;
    margin-top:4px;
    padding: 10px;
}


input{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    background-color:#FFF;
    border: 1px solid #ccc;
    margin-bottom:10px;
    margin-top:4px;
}

.inputInscripcio{
    width: 440px;
    margin-left:10px;
    /*	height:18px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    text-decoration: none;
    background-color:#FFF;
    padding: 5px;
    margin-bottom: 10px;
}

.inscripcioOutput{
    margin-bottom : 10px;
    margin-left: 10px;
    display: block;
}

.inscripcioSelect{
    margin-bottom : 10px;
    margin-left: 10px;
    width: 440px;
}

.inputGran{
    width: 440px;
    /*	height:18px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#000;
    text-decoration: none;
    background-color:#FFF;
    padding: 5px;
    margin-bottom: 10px;
}

.inputPetit{
    width: 200px;
    height:18px;
}

.inputRadio{
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:2px;
    background-color:#FFF;
    border: 1px solid #000;
}

.formulariEsquerra{
    float:left;
    margin:0px;
    padding:0px;
    margin-right:20px;
    margin-bottom:10px;
}

.formulariDreta{
    float:right;
}

.botons{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4D4D4D;
    background-color:#CCC;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:30px;
    padding-right:30px;
    border:none;
}

.selectGran{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #CCCCCC;
    text-decoration: none;
    background-color:#FFF;
    border: 1px solid #000;
    margin-bottom:10px;
    margin-top:4px;
    width: 440px;
    height:150px;
}

/************************************************* resultat_cerca *************************************************/

.textGris{
    color:#808080;
}

.fonsResultatVerd{
    background-color:#c7ce9f;
}

.fonsResultatBlau{
    background-color:#b8c0d3;
}

ul.llistaResultats{
    list-style-type: none;
    padding: 6px;
}

ul.llistaResultats li{
    padding-bottom:5px;
    padding-left:5px;
}

ul.llistaResultats li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;	
}

ul.llistaResultats li a:hover{
    color: #4D4D4D;
}

.paginacio{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #999;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.capaPaginacio{
    float:left;
}

.paginacio a{
    color:#999;
}

.paginacio a.paginaActual{
    color:#000;
}

/************************************************* entitats *************************************************/

ul.llistaEntitats{
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

ul.llistaEntitats li{
    padding-bottom:4px;
    padding-left:5px;
    padding-top:4px;
    padding-right:5px;
    width:420px;
}

ul.llistaEntitats li:hover{
    background-color:#d0d0d0;
}

ul.llistaEntitats li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;	
}

/************************************************* fitxa_entitat *************************************************/

h3{
    color:#000;
    font-size:14px;
    font-weight: bold;
    margin:0px;
    padding:0px;
}

.textNegre{
    color:#000;
}

.capaGris{
    background-color:#d0d0d0;
    width: 420px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    font-size:13px;
}

.capaContorn{	
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

/************************************************* documentacio *************************************************/

.capaGrisDocumentacio{
    background-color:#d0d0d0;
    width: 420px;
}

ul.llistaDocumentacio{
    list-style:none;
    margin:0px;
    padding:0px;
}

ul.llistaDocumentacio li{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
    padding:10px;
}

ul.llistaDocumentacioB li{
    padding:10px;
}

ul.llistaDocumentacio li.primeraFila{
    border:none;
}

/************************************************* indika *************************************************/

.logo_al_menu{
    margin: 0px;
    height:110px;
}


ul.menuCentre li.llistaIndika a{
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3D3D3F;	
}

ul.menuCentre li.llistaIndika a:hover{
    color:#EE7C00;
}

ul.menuCentre li.menuSeleccionatindika a{
    color:#EE7C00;
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
}

.capaAltresIndika{
    background: none;
}

ul.menuAltres li.llistaAltresIndika a{
    color: #3D3D3F;
    font-size:13px;
    text-decoration:none;
}

ul.menuAltres li.llistaAltresIndika a:hover{
    color:#EE7C00;
}

.colorBlanc{
    color:#3D3D3F;
}

.colorNegre{
    color:#000;
}

.capaAltresIndika ul.menuAltres li:first-of-type {

    border-top: 3px solid #EE7C00;

}

/************************************************* indika_activitats *************************************************/

ul.llistaActivitatsIndika{
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

ul.llistaActivitatsIndika li{
    padding-bottom:4px;
    padding-left:5px;
    padding-top:4px;
    padding-right:5px;
    width:420px;
}

ul.llistaActivitatsIndika li:hover{
    background-color:#ed932a;
}

ul.llistaActivitatsIndika li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;	
}

.paginacioIndika{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #FAC26F;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.paginacioIndika a{
    color:#FAC26F;
}

.paginacioIndika a.paginaActual{
    color:#FFF;
}

.paragrafindika{
    font-size: 14px;
    color: #FAC26F;	
}


/************************************************* indika_fitxa *************************************************/

a.enllacBlanc{
    color:#FFF;
}

a.enllacBlanc:hover{
    color:#FAC26F;
}

a.enllacTaronja{
    color: #FAC26F;	
}

a.enllacTaronja:hover{
    color: #FFFFFF;	
}

.capaDadesFitxa{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-bottom-color: #FFF;
    margin-bottom:20px;
}

div.capaDadesFitxa div{
    margin-top:10px;
    margin-bottom:10px;
}

.imatgeDreta{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

/************************************************* delmaralcims *************************************************/



ul.menuCentre li.llistaDelMarAlCims a{
    font-size: 16px;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3D3D3F;	
}

ul.menuCentre li.llistaDelMarAlCims a:hover{
    color: #008AD1;
}

ul.menuCentre li.menuSeleccionatmaralcims a{
    color: #008AD1;
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
}

.capaAltresDelMarAlCims{
    background: none;
    width:auto;
    margin:0px;
    border-top:1px solid #ccc;
}

ul.menuAltres li.llistaAltresDelMarAlCims a{
    color: #3D3D3F;
    font-size:13px;
    text-decoration:none;
}

ul.menuAltres li.llistaAltresDelMarAlCims a:hover{
    color: #008AD1;	
}

a.enllacBlau{
    color: #ACBBD8;	
}

a.enllacBlau:hover{
    color: #FFFFFF;	
}


/************************************************* delmaralcims_activitats *************************************************/

ul.llistaActivitatsDelMarAlCims{
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

ul.llistaActivitatsDelMarAlCims li{
    padding-bottom:4px;
    padding-left:5px;
    padding-top:4px;
    padding-right:5px;
    width:420px;
}

ul.llistaActivitatsDelMarAlCims li:hover{
    background-color:#879cd3;
}

ul.llistaActivitatsDelMarAlCims li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;	
}

.paginacioDelMarAlCims{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ACBBD8;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.paginacioDelMarAlCims a{
    color:#ACBBD8;
}

.paginacioDelMarAlCims a.paginaActual{
    color:#FFF;
}

.paragrafmaralscims{
    font-size: 14px;
    color: #ACBBD8;	
}


a.enllacBlancBlau{
    color:#FFF;
}

a.enllacBlancBlau:hover{
    color:#ACBBD8;
}


/************************************************* tallers ambientals *************************************************/



ul.menuCentre li.llistaTallersAmbientals a{
    font-size: 16px;
    font-weight: bold;
    color: #ACB266;	
}

ul.menuCentre li.llistaTallersAmbientals a:hover{
    color:#FFFFFF;
}

ul.menuCentre li.menuSeleccionattallers a{
    color:#FFFFFF;
}

.capaAltresTallersAmbientals{
    width:264px;

    margin-top:8px;
}

ul.menuAltres li.llistaAltresTallersAmbientals a{
    text-align:center;
    color:#FFFFFF;
    text-decoration:none;
}

ul.menuAltres li.llistaAltresTallersAmbientals a:hover{
    color: #ACB266;	
}

a.enllacVerd{
    color: #ACB266;	
}

a.enllacVerd:hover{
    color: #FFFFFF;	
}


/************************************************* tallersambientals_activitats *************************************************/

ul.llistaActivitatsTallersAmbientals{
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

ul.llistaActivitatsTallersAmbientals li{
    padding-bottom:4px;
    padding-left:5px;
    padding-top:4px;
    padding-right:5px;
    width:420px;
}

ul.llistaActivitatsTallersAmbientals li:hover{
    background-color:#8d9d2a;
}

ul.llistaActivitatsTallersAmbientals li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;	
}

.paginacioTallersAmbientals{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ACB266;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.paginacioTallersAmbientals a{
    color:#ACB266;
}

.paginacioTallersAmbientals a.paginaActual{
    color:#FFF;
}

.paragraftallers{
    font-size: 14px;
    color: #ACB266;	
}

a.enllacBlancVerd{
    color:#FFF;
}

a.enllacBlancVerd:hover{
    color:#ACB266;
}

/************************************************* Identitat *************************************************/



ul.menuCentre li.llistaIdentitat a{
    font-size: 16px;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3D3D3F;	
}

ul.menuCentre li.llistaIdentitat a:hover{
    color: #ca4f51;
}

ul.menuCentre li.menuSeleccionatIdentitat a{
    color: #ca4f51;
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
}

.capaAltresIdentitat{
    background: none;
    width:auto;
    margin:0px;
    border-top:1px solid #ccc;
}

ul.menuAltres li.llistaAltresIdentitat a{
    color: #3D3D3F;
    font-size:13px;
    text-decoration:none;
}

ul.menuAltres li.llistaAltresIdentitat a:hover{
    color: #008AD1;	
}

a.enllacBlau{
    color: #ca4f51;	
}

a.enllacBlau:hover{
    color: #FFFFFF;	
}


/************************************************* Identitat_activitats *************************************************/

ul.llistaActivitatsIdentitat{
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

ul.llistaActivitatsIdentitat li{
    padding-bottom:4px;
    padding-left:5px;
    padding-top:4px;
    padding-right:5px;
    width:420px;
}

ul.llistaActivitatsIdentitat li:hover{
    background-color:#ca4f51;
}

ul.llistaActivitatsIdentitat li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;	
}

.paginacioIdentitat{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ca4f51;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.paginacioIdentitat a{
    color:#ca4f51;
}

.paginacioIdentitat a.paginaActual{
    color:#FFF;
}

.paragrafIdentitat{
    font-size: 14px;
    color: #ca4f51;	
}


a.enllacBlancBlau{
    color:#FFF;
}

a.enllacBlancBlau:hover{
    color:#ACBBD8;
}


/************************************************* Identitat *************************************************/



ul.menuCentre li.llistaEsportAdaptat a{
    font-size: 16px;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3D3D3F;	
}

ul.menuCentre li.llistaEsportAdaptat a:hover{
    color: #f3d8d8;
}

ul.menuCentre li.menuSeleccionatEsportAdaptat a{
    color: #ca4f51;
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
}

.capaAltresEsportAdaptat{
    background: none;
    width:auto;
    margin:0px;
    border-top:1px solid #ccc;
}

ul.menuAltres li.llistaAltresEsportAdaptat a{
    color: #3D3D3F;
    font-size:13px;
    text-decoration:none;
}

ul.menuAltres li.llistaAltresEsportAdaptat a:hover{
    color: #008AD1;	
}

a.enllacBlau{
    color: #ca4f51;	
}

a.enllacBlau:hover{
    color: #FFFFFF;	
}

/************************************************* Esport_adapatat_activitats *************************************************/

ul.llistaActivitatsEsportAdaptat{
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

ul.llistaActivitatsEsportAdaptat li{
    padding-bottom:4px;
    padding-left:5px;
    padding-top:4px;
    padding-right:5px;
    width:420px;
}

ul.llistaActivitatsEsportAdaptat li:hover{
    background-color:#f3d8d8;
}

ul.llistaActivitatsEsportAdaptat li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;	
}

.paginacioEsportAdaptat{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ca4f51;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.paginacioEsportAdaptat a{
    color:#ca4f51;
}

.paginacioEsportAdaptat a.paginaActual{
    color:#FFF;
}

.paragrafEsportAdaptat{
    font-size: 14px;
    color: #ca4f51;	
}


a.enllacBlancBlau{
    color:#FFF;
}

a.enllacBlancBlau:hover{
    color:#ACBBD8;
}

#containerCentreEsportAdapatat .capaCentreMig li {
    list-style: disc;
}





/************************************************* redescoberta *************************************************/

#containerCentreRedescoberta{
    background-image: url(rcs/fons_redescoberta.png);
    background-repeat: no-repeat;
    background-position: left top;	
}


ul.menuCentre li.llistaRedescoberta a{
    font-size: 16px;
    font-weight: bold;
    color: #D7A951;	
}

ul.menuCentre li.llistaRedescoberta a:hover{
    color:#FFFFFF;
}

ul.menuCentre li.menuSeleccionatRedescoberta a{
    color:#FFFFFF;
}

.capaAltresRedescoberta{
    width:264px;
    background-image: url(rcs/fons_altres_redescoberta.gif);
    background-repeat: repeat_y;
    background-position: center top;
    margin-top:8px;
}

ul.menuAltres li.llistaAltresRedescoberta a{
    text-align:center;
    color:#FFFFFF;
    text-decoration:none;
}

ul.menuAltres li.llistaAltresRedescoberta a:hover{
    color: #D7A951;	
}

a.enllacOcre{
    color: #D7A951;	
}

a.enllacOcre:hover{
    color: #FFFFFF;	
}


/************************************************* redescoberta_activitats *************************************************/

ul.llistaActivitatsRedescoberta{
    list-style-type: none;
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

ul.llistaActivitatsRedescoberta li{
    padding-bottom:4px;
    padding-left:5px;
    padding-top:4px;
    padding-right:5px;
    width:420px;
}

ul.llistaActivitatsRedescoberta li:hover{
    background-color:#a77817;
}

ul.llistaActivitatsRedescoberta li a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;	
}

.paginacioRedescoberta{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #D7A951;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.paginacioRedescoberta a{
    color:#D7A951;
}

.paginacioRedescoberta a.paginaActual{
    color:#FFF;
}

.paragrafRedescoberta{
    font-size: 14px;
    color: #D7A951;	
}


a.enllacBlancOcre{
    color:#FFF;
}

a.enllacBlancOcre:hover{
    color:#D7A951;
}

/************************************************* mapa *************************************************/

.containerMapa{
    padding-top:40px;
    padding-left:22px;
    padding-bottom:22px;

}

.capaMapa{
    margin-top:22px;
    position:relative;
}

.capaMenuMapa{
    position:absolute;
    left:685px;
    top:15px;
    width:234px;
    height:450px;
    z-index:100;
}

.capaMapaNatural{
    position:absolute;
    left:0px;
    top:22px;
    z-index:0;
}

ul.menuMapa{
    list-style-type: none;
    margin:0px;
    padding:10px;
}

ul.menuMapa li{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
    line-height:30px;
}

ul.menuMapa li a{
    color:#666666;
    text-decoration: none;
}

ul.menuMapa li a:hover{
    color:#999999;
}

ul.colorBlau li a{
    color:#435984;
}

ul.menuMapa li.ultimaFilaMapa{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;	
}

ul.tabs{
    margin:0px;
    padding:0px;
    width:218px;
    height:107px;
}

ul.tabs li {
    list-style:none;
    float:left;
    margin:0px;
    padding:0px;
}

.tabs a {
    display:inline-block;
    color:#fff;
    text-decoration:none;
    width:107px;
    height:107px;
    text-align:center;
    background-image: url(rcs/fons_tabulador_2.png);
    background-repeat: repeat-y;
    background-position: left top;
}

.tabs a.active {
    color:#000;
    min-height:107px;
    background-image: url(rcs/fons_tabulador.png);
    background-repeat: repeat-y;
    background-position: left top;
}

li.tabuladorDreta a.active {
    background-position: right top;
}

ul.tabs li a img{
    text-align:center;
    line-height:107px;
    vertical-align:middle;
    padding-top:20px;

}

#tab1{
    background-image: url(rcs/fons_tabulador.png);
    background-repeat: repeat-y;
    background-position: left top;
    height:350px;
    overflow:auto;
    width:214px;
    padding-top:10px;
    padding-bottom:10px;
}

#tab2{
    background-image: url(rcs/fons_tabulador.png);
    background-repeat: repeat-y;
    background-position: left top;
    height:350px;
    overflow:auto;
    width:214px;
    padding-top:10px;
    padding-bottom:10px;
}

.menuMapaEsquerra{
    float:left;
    margin-left:5px;
    width:140px;
    min-height:20px;
}

.menuMapaDreta{
    float:right;
    margin-top:5px;
    margin-right:5px;
    width:20px;
    min-height:20px;
}

.capaNomComarca{
    background-image: url(rcs/fons_comarca.png);
    background-repeat: repeat;
    color:#FFF;
    max-width:100px;
    text-align:center;
    position:absolute;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.capaNomComarca a{
    color:#FFF;
    font-size:15px;
}

.capaNomComarca:hover{
    background-image: url(rcs/fons_comarca_over.png);
}


.capaNomEspai{
    background-image: url(rcs/fons_espais.png);
    background-repeat: repeat;
    color:#FFF;
    width:100px;
    text-align:center;
    position:absolute;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 7px;
}

.capaNomEspai a{
    color:#FFF;
    font-size:15px;
}

.capaNomEspai:hover{
    background-image: url(rcs/fons_espais_over.png);
}

.content{
    height:350px;
}

.llistaEspaisNatural{
    line-height:15px;
}

.capaLlistaEspaisNaturals{
    padding:10px; 
    float:left;
    line-height:15px;
}

/*
estils del carrousel, adaptats a un contenidor de 960px
*/

#wrapper{
    width:960px;
}

.programes-ed{
    float:left;}
.jcarousel{
    width:686px;
    height:162px;
    float:left;
    margin: 0px 0px 0px 0px;
    position: relative;
    float:left;}	


/*NOUS ESTILS PER SARDANA A L'ESCOLA!! - 22/11/2017 */


/*Això són estils del nou css*/
.subheader h2{
    margin:40px 0px 60px 0px !important;
    padding:0px!important;
}
/*Aquest és només per INDIKA, quan posis una id a subheader, s'ha de duplicar per cada programa i canviar el color del background*/
.subheader h2::before{
    height:18px;
    width:18px;
    /*    background-color:#EE7C00;*/
    display:block;
    float:left;
    margin:10px 20px 0px 0px;
    content: "";

}

#indika h2::before{
    height:18px;
    width:18px;
    background-color:#EE7C00;
    display:block;
    float:left;
    margin:10px 20px 0px 0px;
    content: "";

}

#sardana h2::before{
    height:18px;
    width:18px;
    background-color:#FFCF00;
    display:block;
    float:left;
    margin:10px 20px 0px 0px;
    content: "";
}

#maralcims h2::before{
    height:18px;
    width:18px;
    background-color:#008AD1;
    display:block;
    float:left;
    margin:10px 20px 0px 0px;
    content: "";
}

#tallers h2::before{
    height:18px;
    width:18px;
    background-color:#5D9424;
    display:block;
    float:left;
    margin:10px 20px 0px 0px;
    content: "";
}

#Identitat h2::before{
    height:18px;
    width:18px;
    background-color:#ca4f51;
    display:block;
    float:left;
    margin:10px 20px 0px 0px;
    content: "";
}

#esport-adaptat h2::before{
    height:18px;
    width:18px;
    background-color:#DD291A;
    display:block;
    float:left;
    margin:10px 20px 0px 0px;
    content: "";
}


#containerCentreindika, #containerCentretallers, #containerCentredelmaralcims, #containerCentreSardana, #containerCentreIdentitat {
    background: none;
}

ul.menuCentre li.menuSeleccionatindika a {
    color: #EE7C00;
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
}

ul.menuCentre li.menuSeleccionattallers a {
    color: #5D9424;
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
}

ul.menuCentre li.menuSeleccionatmaralcims a {
    color: #008AD1;
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;

}

ul.menuCentre li.llistaIndika a, ul.menuCentre li.llistaDelMarAlCims a, ul.menuCentre li.llistaTallersAmbientals a{
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3D3D3F;
}

ul.menuCentre li.llistaIndika a:hover{
    color: #F4DBDC;
}

ul.menuCentre li.llistaDelMarAlCims a:hover{
    color: #008AD1;
}

ul.menuCentre li.llistaTallersAmbientals a:hover{
    color: #5D9424;
}


/**/


.capaCentreMig h1, .capaCentreMigDreta h1 {
    font-size: 26px;
    margin-bottom:32px;
    margin-top:0px;
}
#containerCentreindika .capaCentreMig h1::after, #containerCentreindika .capaCentreMigDreta h1::after {
    border-bottom:3px solid #EE7C00;
    width: 80px;
    height:14px;
    display:block;
    content: "";
}

#containerCentreSardana .capaCentreMig h1::after, #containerCentreSardana .capaCentreMigDreta h1::after {
    border-bottom: 3px solid #FFCF00;
    width: 80px;
    height:14px;
    display:block;
    content: "";
}

#containerCentretallers .capaCentreMig h1::after, #containerCentretallers .capaCentreMigDreta h1::after {
    border-bottom:3px solid #5D9424;
    width: 80px;
    height:14px;
    display:block;
    content: "";
}

#containerCentreIdentitat .capaCentreMig h1::after, #containerCentreIdentitat .capaCentreMigDreta h1::after {
    border-bottom:3px solid #ca4f51;
    width: 80px;
    height:14px;
    display:block;
    content: "";
}

#containerCentredelmaralcims .capaCentreMig h1::after, #containerCentredelmaralcims .capaCentreMigDreta h1::after {
    border-bottom:3px solid #008AD1;
    width: 80px;
    height:14px;
    display:block;
    content: "";
}

.capaCentreMig p, .capaCentreMigDreta p {
    line-height:20px;
}



/** Estils de la columna 3 - DRETA **/


.capaCentreDreta .banner{
    margin-bottom:20px;}


.capaAltresIndika, .capaAltresDelMarAlCims, .capaAltresTallersAmbientals {

    background: none;
    width:auto;
    margin:0px;
    border-top:1px solid #ccc;

}

.capaAltresIndika ul.menuAltres li:first-of-type {

    border-top: 3px solid #EE7C00;

}

.capaAltresDelMarAlCims ul.menuAltres li:first-of-type {

    border-top: 3px solid #008AD1;

}

.capaAltresTallersAmbientals ul.menuAltres li:first-of-type {

    border-top: 3px solid #5D9424;

}

.capaAltresIndika h3, .capaAltresDelMarAlCims h3, .capaAltresTallersAmbientals h3 {

    margin:0px;
    padding: 18px 0px 18px 20px;
    font-size:20px;
    width:200px;

}



ul.menuAltres li.llistaAltresIndika a, ul.menuAltres li.llistaAltresDelMarAlCims a, ul.menuAltres li.llistaAltresTallersAmbientals a {
    color: #3D3D3F;
    font-size:13px;
}

ul.menuAltres li.llistaAltresIndika a:hover {
    color: #EE7C00;
}

ul.menuAltres li.llistaAltresDelMarAlCims a:hover {
    color: #008AD1;
}

ul.menuAltres li.llistaAltresTallersAmbientals a:hover {
    color: #5D9424;
}

ul.menuAltres li.llistaAltresIndika a:before, ul.menuAltres li.llistaAltresDelMarAlCims a:before, ul.menuAltres li.llistaAltresTallersAmbientals a:before {

    content:"";
    height:15px;
    width:15px;
    background-color:#666;
    display:block;
    float:left;
    margin-top:2px;
    margin-right:10px;

}

ul.menuAltres li.llistaAltresIndika a[title^="La sardana"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="La sardana"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="La sardana"]:before {
    background-color:#FFCF00;
}

ul.menuAltres li.llistaAltresIndika a[title^="Descoberta"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="Descoberta"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="Descoberta"]:before {
    background-color:#AEC905;
}

ul.menuAltres li.llistaAltresIndika a[title^="Aula"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="Aula"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="Aula"]:before {
    background-color:#E2000F;
}

ul.menuAltres li.llistaAltresIndika a[title^="El Montseny"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="El Montseny"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="El Montseny"]:before {
    background-color:#005955;
}

ul.menuAltres li.llistaAltresIndika a[title^="Sigues"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="Sigues"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="Sigues"]:before {
    background-color:#EF86B5;
}

ul.menuAltres li.llistaAltresIndika a[title^="Fundació"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="Fundació"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="Fundació"]:before {
    background-color:#E76123;
}

ul.menuAltres li.llistaAltresIndika a[title^="Univers"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="Univers"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="Univers"]:before {
    background-color:#004c98;
}

ul.menuAltres li.llistaAltresIndika a[title^="Argonautes"]:before, ul.menuAltres li.llistaAltresDelMarAlCims a[title^="Argonautes"]:before, ul.menuAltres li.llistaAltresTallersAmbientals a[title^="Argonautes"]:before {
    background-color:#eb4d4a;
}

.colorindika{
    color: #EE7C00;
    font-weight: bold;
}

.colortallers{
    color: #5d9424;
    font-weight: bold;
}

.colordelmaralscims{
    color : #008ad1;
    font-weight: bold;
}


.colorIdentitat{
    color: #ca4f51;
    font-weight: bold;
}

.destacat{
    font-weight: bold;
}

.botoInscripcio{
    margin-left:40%;
}

.ui-widget{
    font-size: 13px;
}

blockquote{
    font-size: 14px !important;
}

.capaCentreMig h3 , .capaCentreMigDreta h3 {
    font-size:16px;
    font-weight: 700;
    margin-top:0;
}

.paragrafIndika{
    display:none;
}

.capaDadesFitxa {
    border-top-width: 0;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-bottom-color: #aaa;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.imatgeDreta {
    float: left;
    margin-left: 0;
    margin-bottom: 20px !important;
    margin-right: 20px;
    margin-top:0 !important;
}

a.enllacBlanc {
    color: #3D3D3F;
}

.botoInscripcioIntern{
    border: 3px solid #3d3d3d;
    border-radius: 15px;
    color: #3d3d3f !important;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    padding: 10px;
    width: 205px;
}

.panelgridSenseBordes{
    border: none;
}

.panelgridSenseBordes.ui-panelgrid>*>tr,
.panelgridSenseBordes.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.enquestaCol1{
    width:1100px;
}

.enquestaCol2{
    width:300px;
}

.panel{
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    color: #222222;
    font-size: 1em;
}

.panelHeader{
    border-width: 0 0 1px;
    padding: 0.5em 1em 0.3em;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f6f7f9 0%, #ebedf0 100%) repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    color: #1b1d1f;
    font-weight: bold;
}


/***** paginador *****/

ul.paginador{
    padding-left: 0px;
    width: 100%;
    text-align: center;
    list-style: none !important;
}
ul.paginador li{
    display:inline-block;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-size: 17px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
ul.paginador li a{
    color: #777;
}
ul.paginador li a.pagina-actual{
    color:#111;
}
ul.paginador li:hover{
    background-color: #d0d0d0;
}
ul.paginador li:hover a{
    color: #000;
}
/***** fi paginador *****/

.miniatura-img-guanyador{
    max-width: 200px;
}


/* Agenda 2030 */

.graella-ods {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 18px;
    margin-top: 30px;
}

.graella-ods-recursos {
    grid-template-columns: repeat(1, 1fr);
    max-width: 220px;
}

.fitxa-ods {
    display: block;
    color: #222;
    text-decoration: none;
}

.fitxa-ods img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    box-sizing: border-box;
    transition: opacity .2s ease;
}

.fitxa-ods-titol {
    display: block;
    margin-top: 9px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
}

.fitxa-ods:hover img,
.fitxa-ods:focus img {
    opacity: .82;
}

.fitxa-ods:hover .fitxa-ods-titol,
.fitxa-ods:focus .fitxa-ods-titol {
    text-decoration: underline;
}

.eixos-agenda2030 {
    margin-top: 28px;
}

.eix-agenda2030 {
    margin-bottom: 26px;
    padding: 18px 20px;
    border: 1px solid #ddd;
    background: #fff;
}

.eix-agenda2030 h2 {
    margin: 0 0 10px 0;
    font-size: 22px;
    line-height: 1.2;
    color: #222;
}

.eix-agenda2030 p {
    margin: 0 0 16px 0;
}

.icones-ods {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.icones-ods img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
}

#agenda2030 h2::before {
    height: 18px;
    width: 18px;
    background-color: #1f347c;
    display: block;
    float: left;
    margin: 10px 20px 0 0;
    content: "";
}

#containerCentreAgenda2030 .capaCentreMig li {
    list-style: disc;
}

#containerCentreAgenda2030 .capaCentreMig h1::after,
#containerCentreAgenda2030 .capaCentreMigDreta h1::after {
    border-bottom: 3px solid #1f347c;
    width: 80px;
    height: 14px;
    display: block;
    content: "";
}

ul.menuCentre li.llistaAgenda2030 a {
    font-size: 16px;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #3D3D3F;
}

ul.menuCentre li.llistaAgenda2030 a:hover,
ul.menuCentre li.menuSeleccionatAgenda2030 a {
    color: #1f347c;
}

ul.menuCentre li.menuSeleccionatAgenda2030 a {
    font-weight: normal;
    font-family: "Open Sans Bold", Helvetica, Arial, sans-serif;
}

.capaAltresAgenda2030 {
    background: none;
    width: auto;
    margin: 0;
    border-top: 1px solid #ccc;
}

.capaAltresAgenda2030 ul.menuAltres li:first-of-type {
    border-top: 3px solid #1f347c;
}

@media (max-width: 900px) {
    .graella-ods {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .eix-agenda2030 {
        padding: 15px;
    }

    .icones-ods img {
        width: 62px;
        height: 62px;
    }
}

@media (max-width: 550px) {
    .graella-ods {
        grid-template-columns: 1fr;
    }
}