@import url('jqueryProjecte.css');
@import url('StyleUsuaris.css');

/* ----------------------Default  ----------------------*/
.pointer {   cursor: pointer; }
.right, .foto_Right { float: right; margin: 5px 0 10px 20px; }
.left, .foto_Left { float: left; margin: 5px 20px 10px 0; }
.f_right{ float: right;}
.f_left { float: left;}
.clear,.clear_floats  { clear: both; }
.centrar { text-align: center;}
.centrar_img {margin:0px auto;}
.pointer { cursor: pointer; }
.img_media { max-width: 250px; }
.img_rwd {width:clamp(275px,80%,500px);}
.invisible { display: none;}
.vis , .inv { display: block; }
.MargenGris {border: 1px solid #333333;}
.MargenFoto {border: 1px solid #999999;}

.opac { opacity: 15%; }
.foto_index {transition:linear 0.5s}
    /*.fons:hover{opacity:50%;}*/
    .foto_index:hover { transform: scale(1.1); }

.Tabulacio15 { margin-left: 15px; }
.Tabulacio30 { margin-left: 30px; }

.img_default{ margin-top: -80px; width: 100%; max-width:100%; }
.img_default2 { width: 100%; max-width:100%;}
.img_contenido { max-width:100%;}

.titulo_videos { font-size: 25px;  padding: 30px 0 10px  0; font-weight: inherit; color: #969696;}
.marco_videos { }
    .marco_videos video { margin-top:20px; margin-left:40px;}

.marco_boton{text-align:center; margin-top:30px;}
.comboBox { padding: 4px; border-color: #ccc; border-radius: 4px; color: var(--text-color); }
.verMas{ border: 1px solid #ccc; padding: 10px 20px; color: #ccc; cursor:pointer;}
.verMas:hover{background: #f5f5f5;}
.boton, .botonTexto{ border: 1px solid #ccc; padding: 5px 10px; color: #ccc; cursor:pointer; margin:2px 5px;}
.boton:hover {/*background: #ccc;*/ border-color:#FB8034; color: #fff;}
.botonTexto:hover {color:#6277be;}
.boton:hover>.fas, .botonTexto>.fas {color:#FB8034;}
/*.textoContenido {margin-top:50px; margin-bottom:30px;}*/
.TextoMin { font-family: "Arial Narrow", Arial, sans-serif; font-size: 9px; color: #333333; text-align: justify; }

/*---Text info ---*/
.TextInfo { font-size: 14px; padding-left: 10px; padding: 10px 0 20px 5px; }

/*---------------FONDOS-------------------------------------------*/

.FonsDefault{       
}
.FonsContingut_A01, .FonsContingut_A02 , .FonsContingut_A03 , .FonsContingut_A04 , .FonsContingut_A05 , .FonsContingut_A06 , .FonsContingut_A07 {
  	background-repeat:no-repeat;
	background-position: right bottom;
    /*opacity:0.85;*/}
.FonsContingut_A01 { background-image: url('../App_Themes/Selectiva/Images/Disseny/ImagenFondoColor_A01.gif'); }
.FonsContingut_A02 { background-image: url('../App_Themes/Selectiva/Images/Disseny/ImagenFondoColor_A02.gif'); }
.FonsContingut_A03 { background-image: url('../App_Themes/Selectiva/Images/Disseny/ImagenFondoColor_A03.gif'); }
.FonsContingut_A04 { background-image: url('../App_Themes/Selectiva/Images/Disseny/ImagenFondoColor_A04.gif'); }
.FonsContingut_A05 { background-image: url('../App_Themes/Selectiva/Images/Disseny/ImagenFondoColor_A05.gif'); }
.FonsContingut_A06 { background-image: url('../App_Themes/Selectiva/Images/Disseny/ImagenFondoColor_A06.gif'); }
.FonsContingut_A07 { background-image: url('../App_Themes/Selectiva/Images/Disseny/ImagenFondoColor_A07.gif'); }



.seccionDesplegableTrue { padding: 10px  0 5px 5px; display: none; margin-bottom:20px; /*border-left: 1px dashed #ccc;*/    }

/*---SECCIONES CON REPEATERS ---*/
/*.compuesta { margin-top:0px;}*/
.seccion_aside{display:none;}
.seccionDesplegada { color: var(--titulo-color); }
    .seccionDesplegada:before { vertical-align: middle; transform: rotate(90deg); }

.seccion_repeater, .seccion_aside { margin: 10px 0px ; /*overflow:hidden;*/  padding-bottom:0; padding-left:5px;}
    .seccion_repeater h2:not(.seccionDesplegada) { cursor: pointer; color: var(--text-color);  }
    .seccion_repeater h2:hover { cursor: pointer; color: var(--titulo-color); }
    .seccion_aside h2 { cursor: pointer; color: var(--text-color); }
.seccion_repeater h3, .seccion_aside h3 { font-size:15px; margin-top:20px; color:#555;}
    .seccion_repeater h2:before, .seccion_aside h2:before { content: "»"; font-size: 24px; color: var(--titulo-color); padding-right: 5px; display: inline-block; }
.seccion_repeater img {max-width:100%;}
    .seccion_repeater .seccionDesplegableFalse { margin: 5px 0px 30px 0; }



/*------------------------- ASIDES----------------*/
 .aside_pagina { position: relative; float: right; max-width: 550px; width: 40%; margin: 0 0 15px 25px; padding: 20px 25px; background-color: #fff; border: 1px solid #bbb; border-radius: 0 10px 10px 10px; }
 .aside_pagina h2, .aside_pagina h3{  background-image:none; padding:5px 10px; font-size:20px;} 
 .aside_pagina #clip { position:absolute; top:-10px; left:48%; background: url("../App_Themes/Selectiva/Images/Iconos/pin_grey.png")  no-repeat top center; width:21px;  height:25px;  }
 .aside_pagina div ,  .aside_pagina span { }
 .aside_pagina ul { list-style: none; padding: 0; margin: 5px 0px; }
 .aside_pagina li { margin-bottom:5px;}
     
/* ol lista ordenada */
ol {  counter-reset: item;}
/*ol li {    display: block}
ol li:before {    content: counters(item, ".") " ";    counter-increment: item; }*/


q { display: inline; font-family: 'Roboto', Verdana; font-size: 18px; color: #333; padding: 10px 20px; text-align: left; }
    q:before {  content: open-quote; font-size:60px;  line-height:30px; height:30px; overflow:hidden;  color:#c9213b;}
    q::after {display:none;}
    /*q:after { content: close-quote; font-size:30px;}*/

blockquote { /*color:#5068a7;*/ font-size: 18px; font-style: italic; font-weight: bolder; line-height: 25px; quotes: '"' '"' "«" "»"; }
blockquote:before { content: open-quote; }
blockquote:after  { content: close-quote; }


/*-------video--------*/
/*video { max-width:100px;}*/
.marco_videos  video {  max-width:400px; }
.marco_videos iframe,  .marco_videos iframe video{ max-width:400px;  overflow:hidden;}
.aside_pagina iframe{ max-width:300px; max-height:200px; overflow:hidden;}


/*------------------IMAGEN PARALAX-------------------------*/
#ImagenParalax { background-image: url("../../Images/Contenidos/parallax_home.jpg"); width: 100%; height: clamp( 300px, 45vh,500px); }
.paralax { background-attachment: fixed; background-position: left center; background-repeat: no-repeat; background-size: cover; }
.texto_paralax { position: sticky; left: var(--margen-lateral); max-height: 500px; }

.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0.3; transition: .3s ease; background-color: transparent; }
    .overlay:hover { opacity: 0.6; }
.play-icon { color: black; font-size: 2rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); cursor: pointer; width: 25%; height:25%; z-index: 2; }
@media (max-width:600px) {
    .play-icon { width:30%; height:30%;}
}

    /*---- 3-TEXTOS VARIS ----------------------------------------------------------------------------------------*/
    .Text_PDF { font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #5C5C5C; text-align: justify; font-style: italic; padding-right: 3px; padding-left: 25px; background-image: url(../Images/Iconos/pdf_min.gif); background-repeat: no-repeat; background-position: 5px 1px; height: 18px; text-decoration: underline; }
        .Text_PDF:link { color: #5C5C5C; }
        .Text_PDF:hover { color: #FD7E00; }
        .Text_PDF:active { color: #FD7E00; }
        .Text_PDF:visited { color: #5C5C5C; }
        .Text_PDF:focus { color: #FD7E00; }

    .Text_LINK { font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #6B6B6B; text-align: justify; text-decoration: underline; padding: 5px 3px 20px 25px; background-image: url(../Images/Iconos/link16.png); background-repeat: no-repeat; background-position: 5px 2px; height: 18px; }
        .Text_LINK:link { color: #6B6B6B; }
        .Text_LINK:hover { color: #A83333; }
        .Text_LINK:active { color: #A83333; }
        .Text_LINK:visited { color: #6B6B6B; }
        .Text_LINK:focus { color: #A83333; }



    .mail { text-decoration: underline; /*font-style: italic;*/ color: #fff; text-align: left; background-image: url(../Images/Iconos/mail.jpg); background-repeat: no-repeat; background-position: 1px 5px; padding-left: 20px; padding-top: 3px; }
        .mail:link { color: #fff; }
        .mail:hover { color: #984945; }
        .mail:active, visited { color: #666666; }

    .telefono, .fax { font-style: normal; text-align: left; vertical-align: top; background-repeat: no-repeat; background-position: left top; padding-left: 20px; }
    .telefono { background-image: url(../Images/Iconos/phone.jpg); }
    .fax { background-image: url(../Images/Iconos/fax_min.gif); }


    .web { font-style: normal; text-align: left; background-image: url(../Images/Iconos/link.gif); background-repeat: no-repeat; background-position: 0 0; padding: 3px 3px 10px 20px; line-height: 20px; text-decoration: underline; }
        .web:link { }
        .web:hover { color: #bd1e2d }
        .web:active, .web:visited { }




    /*----------------Tipo Archivos-------------------*/
    #ListaArchivos, .listaArchivos { margin: 10px; padding: 0; clear: both; }
        #ListaArchivos ul, .listaArchivos ul { float: left; }
        #ListaArchivos li, .listaArchivos li { list-style: none; margin: 0; padding: 0; }

    .archivo { font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size: 15px; text-align: justify; padding: 0 3px 0 25px; background-image: none; height: 18px; }
        .archivo:link { color: var(--text-color); }
        .archivo:hover { color: var(--text-hover-color); text-decoration: underline; }
        .archivo:active { color: var(--text-color); }
        .archivo:visited { color: var(--text-color); }
    /*  .archivo:focus { color: var(--text-color); }*/

    .archivo1 { background: url(../Images/Iconos/info.gif) no-repeat left 2px; }
    .archivo8 { background: url(../Images/Iconos/info.gif) no-repeat left 2px; }
    .archivo3 { background: url(../Images/Iconos/info.gif) no-repeat left 2px; }
    .archivo5 { background: url(../Images/Iconos/info.gif) no-repeat left 2px; }

    .archivo2 { background: url(../Images/Iconos/pdf.gif) no-repeat left 1px; }
    .archivo4 { background: url(../Images/Iconos/musica.png) no-repeat left 2px; }
    .archivo6 { background: url(../Images/Iconos/Word16.png) no-repeat left 2px; }
    .archivo7 { background: url(../Images/Iconos/Excel16.png) no-repeat left 2px; }

    /*----------------Tipo Archivos-------------------*/
    .TipoContacto1 { background-image: url(../Images/Iconos/phone.jpg); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 20px; }
    .TipoContacto2 { background-image: url(../Images/Iconos/fax.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 20px; }
    .TipoContacto3 { background-image: url(../Images/Iconos/mail.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 20px; }
    .TipoContacto6 { background-image: url(../Images/Iconos/about.png); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 20px; }