/*
En comunes debemos tener .titulo1, .titulo2 y titulo3
La familia de la fuente se hereda del body
*/

/* # # #  COLORES  # # # */
/*Menú (Lista)*/
.color1{ color: #fff; }
.bg1{ background-color: #1565c0;}
.bg1:hover{ background-color: #0b5bb6; }

/* Precios y botones (menú, enviar)*/
.color2{ color: #fff; } 
.bg2{ background-color: #1565c0; }

/*Paginación*/
.color3{ color: #666; }
.bg3{ background-color: #eaeaea; }
.bg3:hover{ background-color: #ddd; }
.bg4{ background-color: #f0f0f0; } /* destacado */
.bg4:hover{ background-color: #eaeaea; }


/*Otros*/
.color4{ color: #444; } /* Color títulos*/
.color5{ color: #1565c0 } /* Color Categorías */

.bg5{ background: #FFF; } /* Fondo fichas y Menú
↑↑↑↑↑↑↑↑↑↑ Afecta al article .cont .desc:before*/
.color6 { color: #f0f0f0; } /* Color teléfono ficha*/
.bg6 { background-color: #f0f0f0; } /* Fondo formulario*/

/* # # # # # # # # # # # */

input,textarea, button, select { border-radius: 0; background: white; box-shadow: none; border: 0;}
.compmenutitle{ display: none; }
#noticias{ overflow: hidden; }
#noticias h1{ margin: 0 0 10px; }
#ficha .cont ul {padding-left:20px;}
.eventoscont{ overflow: hidden; }
.eventoscont .desCat { margin: 0 0 20px; }
.eventoscont > #dvContRes{ overflow: hidden;display:flex;flex-wrap:wrap; justify-content:space-between;}
.comptitle { display: inline-block; opacity: 0.5;  margin-bottom: 10px;}
.orderbycomp { line-height: 20px; text-align: right; margin: 0 0 10px; }
.orderbycomp select{ border: 1px solid #eee; padding: 0px 4px; }
.orderbycomp option { padding:3px 5px; }

#dvPaginacion { text-align: center; clear: both; margin-top: 20px; }
#dvPaginacion ul li{ display: inline-block;}
#dvPaginacion ul li a{ display: block; width: 30px; font-size: 14px; line-height: 30px; border-radius: 6px; text-decoration: none; margin: 5px;}
#dvPaginacion ul li:first-child a, #dvPaginacion  ul li:last-child a{ width: 74px; font-size:16px;}
#dvPaginacion ul li .select { font-weight: bold; }
#dvPaginacion ul li .des { opacity: 0.5; cursor: default; }

#dvAntAct a { display: flex; justify-content: center; color: #0a8ea0; padding: 8px; border-radius: 4px; background: #f0f0f0; border: 1px solid; text-decoration: none; margin-top: 8px; font-weight: bold; text-align: center;}


.comform{ clear: both; background: #ddd; margin: 20px 0 0; padding: 0 0 15px; }

.comppie{ clear: both; margin-top: 20px; float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 20px;}
.comppie div{ overflow: hidden; margin-bottom: 20px; }
.comppie .fichaanterior, .comppie .fichasiguiente { display: flex;align-items:center; border-radius: 6px; text-decoration: none; padding: 10px 20px; width: 40%; overflow:hidden; text-align: center; }
.comppie .fichasiguiente {flex-direction:row-reverse;}
/*
.comppie .fichaanterior { border-radius: 0 6px 6px 0; }
.comppie .fichasiguiente { border-radius: 6px 0 0 6px; }
*/
.comppie .fichaanterior span, .comppie .fichasiguiente span { overflow:hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
.comppie .fichaanterior i { margin-right: 10px;}
.comppie .fichasiguiente i {margin-left: 10px; }
.comppie .fichaanterior { float: left; }
.comppie .fichasiguiente { float: right; }
.comppie .pievolver{ display: inline-block; border-radius: 6px; text-decoration: none; padding: 10px 40px; clear: both;line-height:100%;}
.comppie .pievolver i{ margin-right: 10px; font-size: 20px;display:inline-block; }
.comppie .pievolver span, .pievolver i{ display: inline-block; vertical-align: middle; }

#menu1{ width: 100%; padding: 0px; text-align: left; margin: 0 auto; }
#menu1 li{ display: inline-block; margin: 2px; }
#menu1 a { display: inline-block; padding: 6px 12px; border-radius: 6px; text-decoration: none; }
#menu1 .select{ }
#menu1 .todos i { margin-right: 3px; }
#menu1 .volver a { }
#menu1 .volver a i{ margin-right: 3px; }
#menu1 #pullcomp{ display: none; }
#menu1 .todos{ border-left: 8px solid rgba(0,0,0,0.15); }
#menu2{ width: 100%; padding: 0px; text-align: left; margin: 0 auto 20px; }
#menu2 li{ display: inline-block; margin: 2px; }
#menu2 a { display: inline-block; padding: 6px 12px; border-radius: 6px; text-decoration: none; background:#666;color:white;}
#menu2 .select{ }
#menu2 .volver a { }
#menu2 .volver a i{ margin-right: 3px; }
#menu2 .todos{ margin-top: 10px; padding-right: 18px !important;}
#menu2 .todos{ border-left: 18px solid rgba(0,0,0,0.15); position: relative; }
#menu2 .todos:before{content: "\f0d9"; font-family: "Font Awesome 5 Pro";  left: -12px; margin-right: 5px; position: absolute;font-size:16px;display:block;top:50%;transform: translateY(-50%); margin-right: 3px;}
#menu2 a#pullcomp{font-size: 16px; line-height: 34px; padding: 10px; text-align:center;display:none;position: relative;width: 100%;text-decoration:none; border-radius: 0; }
#menu2 a#pullcomp i {font-size:25px; margin-right: 10px; margin-top: -10px; display: inline-block; vertical-align: middle; }
#menu2 a#pullcomp span{ display: inline-block; vertical-align: middle; }


/*  #### MODO 1 - 1 Columna ####  */
.eventos1 .cont-eventos-cal{display:flex;flex-direction:row-reverse;}
.eventos1 .cont-eventos-cal .eventoscal{ flex-shrink:0;margin-left:16px;position:relative;min-width:240px; height: 100%; }
.eventos1 .cont-eventos-cal .eventoscal.fix-compmenu{ position:fixed; }
.eventos1 .eventoscont{width:100%; }
.eventos1 h1{ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0 0 10px; }
.eventos1 article{width: calc(50% - 8px); margin-bottom:16px;}
.eventos1 article:nth-child(2n){ float: right; }
.eventos1 article:nth-child(2n+1) { clear: both; clear: both;}
.eventos1 article .imgcont {overflow:hidden; background: #000; }
.eventos1 article .imgcont img{ margin: 0 auto; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in;}
.eventos1 article .imgcont:hover img{ -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.7;}
.eventos1 article .cont{ padding: 16px; }
.eventos1 article .cont h2 { margin: 0 0 10px; }
.eventos1 article .cont h2 a{ text-decoration:none;}
.eventos1 article .cont h2 a:hover{ text-decoration: underline;}
.eventos1 article .cont .info{ margin: 0 0 10px; }
.eventos1 article .cont ul{list-style:none;margin-bottom:12px;}
.eventos1 article .cont ul li{background:#f5f5f5;padding:4px 8px;line-height:120%;display:inline-flex;align-items:center;border-radius:4px;margin:2px 0px;}
.eventos1 article .cont ul li:before{content:'';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:6px;}
.eventos1 article .cont ul .liFecIni:before{content:'\f073';}
.eventos1 article .cont ul .liFecFin{display:none;}
.eventos1 article .cont ul .liFecFin:before{content:'\f073';}
.eventos1 article .cont ul .liHoraFin{display:none;}
.eventos1 article .cont ul .liHoraFin:before{content:'\f073';}
.eventos1 article .cont ul .liHoraIni:before{content:'\f017';}
.eventos1 article .cont ul .liLugar:before{content:'\f277';}
.eventos1 article .cont ul .liDireccion{display:none;}

.eventos1 article .cont .desc{ margin: 0 0 12px; max-height: 80px; line-height:20px;/* múltiplo del line-height del body (20x4)*/ overflow: hidden; position: relative; display: block; }
.eventos1 article .cont .desc:before{ content: "."; position: absolute; width: 40%; color: transparent; bottom:0; right:0;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.eventos1 article .cont .video{ position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin: 20px 0; clear: both;}
.eventos1 article .cont .video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.eventos1 article img{ display: block; width: 100%; }

    /* Calendario */
    .eventos1 #calendar{max-width:400px;min-width:220px;width:100%; margin: 0 auto;}
    #dvAntAct { max-width:400px; margin: 0 auto; }
    .eventos1 #calendar .ui-datepicker {width:100%;}
    .eventos1 #calendar td span, #calendar td a {text-align:center;border:0;background:inherit;color:#666;}

    /*Cabecera del calendario Mes-Año*/
    .eventos1 #calendar .ui-widget-header {background:#0a8ea0; color:#fff; border:0; height:30px;}
    .eventos1 #calendar .ui-widget-header a {color:#fff}
    .eventos1 #calendar .ui-widget-header .ui-icon {background:inherit; }
    .eventos1 #calendar .ui-datepicker .ui-datepicker-title {line-height:150%}

    /*flechas*/
    .eventos1 #calendar .ui-datepicker .ui-datepicker-prev,.eventos1 #calendar .ui-datepicker .ui-datepicker-next {display:flex; justify-content:center; align-items:center;top:50%;transform:translateY(-50%); font-size:20px;width:30px;height:30px;}
    .eventos1 #calendar .ui-datepicker .ui-datepicker-prev span,.eventos1 #calendar .ui-datepicker .ui-datepicker-next span {display:none;}
    .eventos1 #calendar .ui-datepicker-prev{left:0px!important;}
    .eventos1 #calendar .ui-datepicker-next{right:0px!important;}
    .eventos1 #calendar .ui-datepicker .ui-datepicker-prev:after{content:"\f104"; font-family:'Font Awesome 5 Pro'; font-weight:400; }
    .eventos1 #calendar .ui-datepicker .ui-datepicker-next:after{content:"\f105"; font-family:'Font Awesome 5 Pro'; font-weight:400; }
    .eventos1 #calendar .ui-state-hover,  .eventos1  #calendar .ui-widget-content .ui-state-hover,  .eventos1  #calendar .ui-widget-header .ui-state-hover {border:0;background:rgba(0,0,0,.4); }

    /*todos los días*/
     .eventos1 #calendar td{background:inherit;border:3px solid white;}
    .eventos1 #calendar  .ui-state-disabled, .eventos1  #calendar  .ui-state-disabled, .eventos1  #calendar .ui-widget-header .ui-state-disabled {background:#eee;}
    

    /*seleccion del día actual*/
    .eventos1 #calendar  .ui-datepicker-today{background:#a9d2d8;}

    /*Marcar los eventos*/
    .eventos1 #calendar .hasEvent a{ background:#0a8ea0; color:#fff}
    .eventos1 #calendar .hasEvent a:hover {opacity:0.76;background:#0a8ea0;}

    /* Tooltip del calendario */
    .eventos1 #calendar td {position:relative;}
    .eventos1 #calendar td:hover:after {background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        top: 36px;
        color: #fff;
        content: attr(title);
        right: 20%;
        white-space:pre;
        padding:12px;
        position: absolute;
        z-index: 98;
        min-width: 120px;
        max-width: 600px;
	    font-size:11px; line-height:120%;}
    .eventos1 #calendar td:hover:before {	
	    border: solid;
        border-color: #333 transparent;
        border-width: 0px 6px 6px 6px;
        top: 30px;
        content: "";
        right: 50%;
        position: absolute;
        z-index: 99;}

/*  #### MODO 1 - Calendario grande ####  */
.eventos2 .cont-eventos-cal{}
.eventos2 .cont-eventos-cal .eventoscal{width:100%; margin-bottom:20px;}

.eventos2 .eventoscont{width:100%; }
.eventos2 h1{ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0 0 10px; }
.eventos2 article{width: calc(50% - 8px); margin-bottom:16px;}
.eventos2 article:nth-child(2n){ float: right; }
.eventos2 article:nth-child(2n+1) { clear: both; clear: both;}
.eventos2 article .imgcont {overflow:hidden; background: #000; }
.eventos2 article .imgcont img{ margin: 0 auto; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in;}
.eventos2 article .imgcont:hover img{ -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.7;}
.eventos2 article .cont{ padding: 16px; }
.eventos2 article .cont h2 { margin: 0 0 10px; }
.eventos2 article .cont h2 a{ text-decoration:none;}
.eventos2 article .cont h2 a:hover{ text-decoration: underline;}
.eventos2 article .cont .info{ margin: 0 0 10px; }
.eventos2 article .cont ul{list-style:none;margin-bottom:12px;}
.eventos2 article .cont ul li{background:#f5f5f5;padding:4px 8px;line-height:120%;display:inline-flex;align-items:center;border-radius:4px;margin:2px 0px;}
.eventos2 article .cont ul li:before{content:'';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:6px;}
.eventos2 article .cont ul .liFecIni:before{content:'\f073';}
.eventos2 article .cont ul .liFecFin{display:none;}
.eventos2 article .cont ul .liFecFin:before{content:'\f073';}
.eventos2 article .cont ul .liHoraFin{display:none;}
.eventos2 article .cont ul .liHoraFin:before{content:'\f073';}
.eventos2 article .cont ul .liHoraIni:before{content:'\f017';}
.eventos2 article .cont ul .liLugar:before{content:'\f277';}
.eventos2 article .cont ul .liDireccion{display:none;}

.eventos2 article .cont .desc{ margin: 0 0 12px; max-height: 80px; line-height:20px;/* múltiplo del line-height del body (20x4)*/ overflow: hidden; position: relative; display: block; }
.eventos2 article .cont .desc:before{ content: "."; position: absolute; width: 40%; color: transparent; bottom:0; right:0;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.eventos2 article .cont .video{ position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin: 20px 0; clear: both;}
.eventos2 article .cont .video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.eventos2 article img{ display: block; width: 100%; }

    /* Calendario */
    .eventos2 #calendar{width: 100%;max-width: 1000px; margin: 0 auto;}
    .eventos2 #calendar .ui-datepicker {width:100%;}
    .eventos2 #calendar td > span, #calendar td > a {text-align:center;border:0;}
    .eventos2 #calendar td > .ui-state-default{text-align:right;font-weight:bold;}  
    .eventos2 #calendar td > .ui-state-hover{background:inherit;}
    .eventos2 #calendar td > .ui-state-default:before{display:none;}
    .eventos2 #calendar td:nth-child(1) > .ui-state-default:before{content:'Lunes - ';}
    .eventos2 #calendar td:nth-child(2) > .ui-state-default:before{content:'Martes - ';}
    .eventos2 #calendar td:nth-child(3) > .ui-state-default:before{content:'Miércoles - ';}
    .eventos2 #calendar td:nth-child(4) > .ui-state-default:before{content:'Jueves - ';}
    .eventos2 #calendar td:nth-child(5) > .ui-state-default:before{content:'Viernes - ';}
    .eventos2 #calendar td:nth-child(6) > .ui-state-default:before{content:'Sábado - ';}
    .eventos2 #calendar td:nth-child(7) > .ui-state-default:before{content:'Domingo - ';}

    /*Cabecera del calendario Mes-Año*/
    .eventos2 #calendar .ui-widget-header {background:#0a8ea0; color:#fff; border:0;height: 40px;display: flex;align-items: center;justify-content: center;}
    .eventos2 #calendar .ui-widget-header a {color:#fff}
    .eventos2 #calendar .ui-widget-header .ui-icon {background:inherit; }
    .eventos2 #calendar .ui-datepicker .ui-datepicker-title {line-height:150%}

    /*flechas*/
    .eventos2 #calendar .ui-datepicker-prev,  .eventos2 #calendar .ui-datepicker .ui-datepicker-next {display:flex; justify-content:center; align-items:center;top:50%;transform:translateY(-50%); font-size:20px;width:30px;height:30px;}
    .eventos2 #calendar .ui-datepicker-prev span,  .eventos2 #calendar .ui-datepicker-next span {display:none;}
    .eventos2 #calendar .ui-datepicker-prev{left:4px!important;}
    .eventos2 #calendar .ui-datepicker-next{right:4px!important;}
    .eventos2 #calendar .ui-datepicker-prev:after{content:"\f104"; font-family:'Font Awesome 5 Pro'; font-weight:400; }
    .eventos2 #calendar .ui-datepicker-next:after{content:"\f105"; font-family:'Font Awesome 5 Pro'; font-weight:400; }
    .eventos2 #calendar .ui-state-hover,  .eventos2 #calendar .ui-widget-content .ui-state-hover,  .eventos2  #calendar .ui-widget-header .ui-state-hover {border:0;background:rgba(0,0,0,.4); }
    

    /*todos los días*/
    .eventos2 #calendar td{width:14.28%;padding:4px;border:3px solid white; vertical-align: top;}
    .eventos2 #calendar .ui-state-default,.eventos2 #calendar .ui-widget-content .ui-state-default,.eventos2 #calendar .ui-widget-header .ui-state-default, .ui-button {background:inherit; }
    .eventos2 #calendar  .ui-state-disabled,.eventos2 #calendar .ui-widget-content .ui-state-disabled, .eventos2 #calendar.ui-widget-header .ui-state-disabled {background:#eee;height:54px }
    

    /*seleccion del día actual*/
    .eventos2 #calendar  .ui-datepicker-today{background:#a9d2d8!important;}

    /*Marcar los eventos*/
    .eventos2 #calendar .hasEvent { background: #eee; font-size: 11px; line-height: 140%; }
    .eventos2 #calendar .hasEvent .ev { background: #666; display: block; margin: 1px 0; padding: 0; border-radius: 0 4px 4px 0; overflow: hidden;  max-height:34px; position: relative; }
    
    .eventos2 #calendar .hasEvent .ev a { display: block; text-align: left; color: white; padding: 2px 4px;  overflow: hidden; }  
    .eventos2 #calendar .hasEvent .ev a.ui-state-hover{border:0;background:rgba(0,0,0,.2); }
    .eventos2 #calendar .hasEvent .all{display:block;border-radius:0 4px 4px 0;overflow:hidden;padding:0;}
    .eventos2 #calendar .hasEvent .all a{display:block;text-align:left;padding:4px 6px;display:block;font-size:70%;text-transform:uppercase;padding:4px 6px;line-height:120%;}
    .eventos2 #calendar .hasEvent .all a:before{content:'\f055';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:4px;}
    .eventos2 #calendar .hasEvent .all a.ui-state-hover{border:0;background:rgba(0,0,0,.1); }

    .evcolor1{background:#1abc9c!important;}
    .evcolor2{background:#2ecc71!important;}
    .evcolor3{background:#3498db!important;}
    .evcolor4{background:#9b59b6!important;}
    .evcolor5{background:#34495e!important;}
    .evcolor6{background:#16a085!important;}
    .evcolor7{background:#27ae60!important;}
    .evcolor8{background:#2980b9!important;}
    .evcolor9{background:#8e44ad!important;}
    .evcolor10{background:#2c3e50!important;}
    .evcolor11{background:#f1c40f!important;}
    .evcolor12{background:#e67e22!important;}
    .evcolor13{background:#e74c3c!important;}
    .evcolor14{background:#f39c12!important;}
    .evcolor15{background:#d35400!important;}
    .evcolor16{background:#c0392b!important;}
    .evcolor17{background:#95a5a6!important;}
    .evcolor18{background:#7f8c8d!important;}



/* FICHA */
.producto{ overflow: hidden; }
.compfichatitle { overflow:hidden; padding: 20px 0; }
.compfichatitle h1{ display: inline; }
.compfichatitle .hpag{ float: right; font-size: 0;  }
.fichaanterior, .fichasiguiente { display: inline-block; vertical-align: middle; border-radius: 6px; text-decoration: none; padding: 5px 10px; overflow:hidden; width: 31px; text-align: center; line-height: 21px; font-size: 15px;}
.hpag .fichaanterior { margin-right: 10px;}
.hpag .fichaanterior i, .hpag .fichasiguiente i { line-height: 20px; }
#ficha #menu2 .todos{ margin-bottom: 0; }
.ficha1 { }
.ficha1 article{ overflow: hidden; padding: 20px;}
.compgal{ position: relative; overflow: hidden; }
.compgal .compgalcontrol{ position: absolute; height: 100%; width: 50px; opacity: 1; text-align: center; top: 0; }
.compgal .compgalcontrol.prev{ left: 0; }
.compgal .compgalcontrol.next{ right: 0; }
.compgal .compgalcontrol i{ font-size: 22px; line-height: 50px; position: absolute; top: 50%;  margin-top: -25px; width: 50px; background: rgba(255,255,255,1); -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in;}
.compgal .compgalcontrol.prev i{ display: block; left: -50px; border-radius: 0 100% 100% 0;}
.compgal:hover .compgalcontrol.prev i{ left:0; opacity:1; }
.compgal .compgalcontrol.next i{ display: block; right: -50px;  border-radius: 100% 0 0 100%;}
.compgal:hover  .compgalcontrol.next i{ right:0; opacity: 1; }
.compgal .zoom{ position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 22px; line-height: 47px; text-align: center; width: 50px; background: rgba(255,255,255,1); color: black; border-radius: 100%; cursor: pointer; opacity: 0; transform: scale(0.5); -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; }
.compgal .zoom i{ display: inline-block; }
.compgal:hover .compgalcont .zoom{ opacity: 0.8; transform: scale(1);}
.compgal .thumbs{ overflow: hidden;text-align: left; font-size: 0; line-height: 0; clear: both; padding: 0; position: absolute; bottom: 0; height: 95px; left: 0; border-radius: 0 8px 0 0;overflow: visible;-webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; }
.compgal .thumbs a { display: inline-block; margin: 0px 0px 10px 10px;border: 5px solid rgba(255,255,255,0.6
);border-radius: 6px; overflow: hidden;}
.compgal .thumbs a img{ display: block;height: 75px; }
.ficha1 h1{ margin: 20px 0; }
.ficha1 .imgcont{ float: right; max-width: 50%;  margin-left: 20px; position: relative; max-height: 400px; overflow: hidden;}
.ficha1 .compgalcont{ overflow: hidden; }
 
.ficha1 .imgcont img{ display: block; max-width: 100%; margin: 0 auto; box-shadow: 0 0 0 960px rgba(255,255,255,0.4); }
.ficha1 .cont .info{ margin-bottom: 16px; }
.ficha1 .cont .desc{ text-align: justify; }
.ficha1 .cont .desc p { margin-bottom: 20px; }
.ficha1 .cont .info-detalle{display:flex;flex-wrap:wrap; margin-bottom: 16px;border-bottom:1px dashed #ccc;padding-bottom:16px;}
.ficha1 .cont .info-detalle .info-detalle-fechas{margin-right:12px;margin-bottom:12px;}
.ficha1 .cont .info-detalle .info-detalle-datos{width:100%;}
.ficha1 .cont .info-detalle .detalle-titulo{font-weight:bold;text-transform:uppercase;font-size:85%;line-height:120%;display:block;margin-bottom:4px;} 
.ficha1 .cont .ftable{list-style:none;padding:0!important;}
.ficha1 .cont .ftable li{background:#f5f5f5;padding:8px 12px;line-height:120%;display:inline-flex;align-items:center;border-radius:4px;margin:2px 0px;}
.ficha1 .cont .ftable li b{display:none;}
.ficha1 .cont .ftable li:before{content:'';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:6px;}
.ficha1 .cont .ftable li#liFecIni:before{content:'\f073';}
.ficha1 .cont .ftable li#liFecFin:before{content:'\f073';}
.ficha1 .cont .ftable li#liLugar:before{content:'\f277';}
.ficha1 .cont .ftable li#liDireccion:before{content:'\f015';}
.ficha1 .cont .ftable li#liHoraIni:before{content:'\f017';}
.ficha1 .cont .ftable li#liHoraFin:before{content:'\f017';}
.ficha1 .cont .ftable li#liMaps:before{content:'\f3c5';}
.ficha1 .cont .ftable li#liMaps a{color:inherit;text-decoration:underline;}

.ficha2 { }
.ficha2 article{ overflow: hidden; }
.ficha2 .imgcont{ float: right; width:100%; position: relative; max-height: 540px; /* 16:9 para 960px de ancho*/ overflow: hidden; background-size: cover; background-position: center;  }
.ficha2 .imgcont img{ display: block; max-width: 100%; margin: 0 auto; box-shadow: 0 0 0 960px rgba(255,255,255,0.6); max-height: 540px; /* 16:9 para 960px de ancho*/}
.ficha2 .cont{ padding: 20px; clear: both; overflow: hidden;}
.ficha2 .cont .info{ margin-bottom: 16px; }
.ficha2 .cont .desc{ text-align: justify; }
.ficha2 .cont .desc p { margin-bottom: 20px; }
.ficha2 .cont .info-detalle{display:flex;flex-wrap:wrap; margin-bottom: 16px;border-bottom:1px dashed #ccc;padding-bottom:16px;}
.ficha2 .cont .info-detalle .info-detalle-fechas{margin-right:12px;margin-bottom:12px;}
.ficha2 .cont .info-detalle .info-detalle-datos{width:100%;}
.ficha2 .cont .info-detalle .detalle-titulo{font-weight:bold;text-transform:uppercase;font-size:85%;line-height:120%;display:block;margin-bottom:4px;} 
.ficha2 .cont .ftable{list-style:none;padding:0!important;}
.ficha2 .cont .ftable li{background:#f5f5f5;padding:8px 12px;line-height:120%;display:inline-flex;align-items:center;border-radius:4px;margin:2px 0px;}
.ficha2 .cont .ftable li b{display:none;}
.ficha2 .cont .ftable li:before{content:'';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:6px;}
.ficha2 .cont .ftable li#liFecIni:before{content:'\f073';}
.ficha2 .cont .ftable li#liFecFin:before{content:'\f073';}
.ficha2 .cont .ftable li#liLugar:before{content:'\f277';}
.ficha2 .cont .ftable li#liDireccion:before{content:'\f015';}
.ficha2 .cont .ftable li#liHoraIni:before{content:'\f017';}
.ficha2 .cont .ftable li#liHoraFin:before{content:'\f017';}
.ficha2 .cont .ftable li#liMaps:before{content:'\f3c5';}
.ficha2 .cont .ftable li#liMaps a{color:inherit;text-decoration:underline;}

.ficha3 { }
.ficha3 article{ overflow: hidden; }
.ficha3 h1{ margin: 0; padding: 20px 0; }
.ficha3 .imgcont{ float: right; width:100%; position: relative; max-height: 540px; /* 16:9 para 960px de ancho*/ overflow: hidden; background-size: cover; background-position: center;  }
.ficha3 .imgcont img{ display: block; max-width: 100%; margin: 0 auto; box-shadow: 0 0 0 960px rgba(255,255,255,0.6); max-height: 540px; /* 16:9 para 960px de ancho*/}
.ficha3 .cont{ padding: 20px 0; clear: both; overflow: hidden;}
.ficha3 .cont .info{ margin-bottom: 16px; }
.ficha3 .cont .desc{ text-align: justify; }
.ficha3 .cont .desc p { margin-bottom: 20px; }
.ficha3 .cont .info-detalle{display:flex;flex-wrap:wrap; margin-bottom: 16px;border-bottom:1px dashed #ccc;padding-bottom:16px;}
.ficha3 .cont .info-detalle .info-detalle-fechas{margin-right:12px;margin-bottom:12px;}
.ficha3 .cont .info-detalle .info-detalle-datos{width:100%;}
.ficha3 .cont .info-detalle .detalle-titulo{font-weight:bold;text-transform:uppercase;font-size:85%;line-height:120%;display:block;margin-bottom:4px;} 
.ficha3 .cont .ftable{list-style:none;padding:0!important;}
.ficha3 .cont .ftable li{background:#f5f5f5;padding:8px 12px;line-height:120%;display:inline-flex;align-items:center;border-radius:4px;margin:2px 0px;}
.ficha3 .cont .ftable li b{display:none;}
.ficha3 .cont .ftable li:before{content:'';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:6px;}
.ficha3 .cont .ftable li#liFecIni:before{content:'\f073';}
.ficha3 .cont .ftable li#liFecFin:before{content:'\f073';}
.ficha3 .cont .ftable li#liLugar:before{content:'\f277';}
.ficha3 .cont .ftable li#liDireccion:before{content:'\f015';}
.ficha3 .cont .ftable li#liHoraIni:before{content:'\f017';}
.ficha3 .cont .ftable li#liHoraFin:before{content:'\f017';}
.ficha3 .cont .ftable li#liMaps:before{content:'\f3c5';}
.ficha3 .cont .ftable li#liMaps a{color:inherit;text-decoration:underline;}

/* DESCARGA */
.descarga{ margin-top: 20px; text-align: left;}
.descarga .descargacont{ text-align: center; border-radius: 6px; padding: 10px; display: inline-block; max-width: 50%; line-height: 40px; margin-top: 20px; }
.descarga .descargacont p {display: block; vertical-align: middle; line-height: 40px; height: 40px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  max-width: 100%; }
.descarga .descargacont p .nombrearchivo{ }
.descarga .descargacont .boton { display: inline-flex;align-items:center;justify-content:center; line-height: 40px; text-decoration: none; padding: 0 20px; border-radius: 6px;}
.descarga .descargacont .boton i{ font-size: 18px; margin-right: 10px;  display: inline-block;  }
.descarga .descargacont #txtContrasena { padding: 10px; display: inline-block; vertical-align: middle; margin-right: 5px; border-radius: 6px; max-width: 250px;  }
.descarga .descargacont #spnContrasena { display: none; }
.descarga .descargacont #dvFicherosContrasena .boton { float: none; margin: 0;}
.descarga .descargacont #spnContrasenaIncorr{ display: block; color: red; }
#dvFicherosContrasena .pass { display: none; }
#dvFicherosContrasena .descarga .descargacont .boton { width: auto; }

#videoficha iframe { display: block; width: 100%; max-height: 540px; border: 0; height: 50vh; }
.dvScriptIframe{ margin-top: 20px; text-align: left; width:100%;}
    .dvScriptIframe iframe { display: block; width: 100%; max-height: 540px; border: 0; height: 50vh; }
        .dvScriptIframe iframe:not(:last-child) { margin: 0 0 12px; }
        /* ERROR 404*/
        .dvError404 { }
.dvError404 .btn404 a{ display: inline-block; margin-right: 10px; padding: 8px 16px; border-radius: 4px; text-decoration: none; margin: 0 10px 10px 0; }
.dvError404 p{ margin: 0 0 20px; }

/* MOSAICO */
.evmin1{margin-top:16px;}
.evmin1 .eventosgalcont{} 
.evmin1 .eventosgalcont{ display: flex; text-decoration: none; align-items: flex-start; border-bottom: 1px solid #eee; padding: 12px;}
.evmin1 .eventosgalcont > a > img{ display: block; width: 100px; max-width: 100px; min-width: 100px;  } 
.evmin1 .eventosgalcont > div{ width: 100%; height: 100%; padding-left: 8px; overflow: hidden;} 
.evmin1 .eventosgalcont > div > .bgcnom > h2{ margin: 0 0 8px; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: underline; }
.evmin1 .eventosgalcont .evdatos{ font-size: 90%; line-height: 120%; margin: 0 0 8px;}
.evmin1 .eventosgalcont .evdatos .bgccat{display:none;}
.evmin1 .eventosgalcont .evdatos .bgccat a { margin-right: 4px; }
.evmin1 .eventosgalcont .evdatos > *{margin: 0 0 4px;}
.evmin1 .eventosgalcont .evdatos > *:last-child{margin:0;}
.evmin1 .eventosgalcont .evdatos .evdir{display:none;}
.evmin1 .eventosgalcont .evdatos .evlugar{line-height:120%;display:flex;align-items:flex-start; position: relative;max-height:32px; overflow: hidden;}
.evmin1 .eventosgalcont .evdatos .evlugar:before{content:'\f277';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:6px;}
.evmin1 .eventosgalcont .evdatos .evlugar:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; line-height:16px; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.evmin1 .eventosgalcont .evdatos .evfechas > span{line-height:120%;display:inline-flex;align-items:center;margin-right:4px;}
.evmin1 .eventosgalcont .evdatos .evfechas > span:last-child{margin-right:0;}
.evmin1 .eventosgalcont .evdatos .evfechas .fechaini:before{content:'\f073';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:4px;}
.evmin1 .eventosgalcont .evdatos .evfechas .horaini:before{content:'\f017';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:4px;}
.evmin1 .eventosgalcont .evdatos .evfechas .fechafin{display:none;}
.evmin1 .eventosgalcont .evdatos .evfechas .fechafin:before{content:'\f073';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:4px;}
.evmin1 .eventosgalcont .evdatos .evfechas .horafin{display:none;}
.evmin1 .eventosgalcont .evdatos .evfechas .horafin:before{content:'\f017';font-family:'Font Awesome 5 Pro';font-weight:900;margin-right:4px;}

.evmin1 .eventosgalcont .evinfo{ max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative;}
.evmin1 .eventosgalcont .evinfo p{ margin: 0; padding:0;font-size:90%;line-height:20px; opacity:0.9;}
.evmin1 .eventosgalcont .evinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; line-height:20px; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

/* MENSAJE DE VACÍO */
.bloggalvacio { text-align: center; padding: 20px; }



@media screen and (max-width: 767px) {
.comptitle{ text-align: center; display: block; }
.eventos1 .comptitle, .eventos1-2 .comptitle{ margin-bottom: 10px; }
#noticias h1{ text-align: center; }
.orderbycomp { font-size:16px; line-height: 20px; text-align: center; margin: 0 0 20px; }
.orderbycomp select{ padding: 8px 4px;}
.compmenutitle{ display: none !important; }
.compmenu{ margin-bottom: 10px; }
#menu1 { text-align: center;}
#menu1 a{ padding: 8px 20px; }
#menu2{width:70%;float:none; border-radius: 6px; overflow: hidden;}
#menu2 ul{display:none;height:auto;}
#menu2 li {width:100%;float:none;margin:0; }
#menu2 li a, .eventos1 .compmenu #menu2 li a{border-top:1px dotted #ccc; padding:10px; line-height: 34px; display: block; border-radius: 0; text-align: center; }
#menu2 .todos:before, .eventos1 #menu2 .todos:before, .eventos1-2 #menu2 .todos:before{  left: 10px; font-size: 20px}	
#menu2 .select{ font-weight: bold; }
#menu2 a#pullcomp{display:block;}
#menu2 .todos, .eventos1 #menu2 .todos, .eventos1-2 #menu2 .todos{ margin: 0 !important; border-top: 2px dashed #fff !important; border-left: 0; }

.compfichatitle .hpag{ display: none; } /* opcional */
.compgal .thumbs{ bottom: -95px; }
.compgal .compgalcontrol.prev i{ left: 0; opacity: 1;}
.compgal .compgalcontrol.next i{ right: 0; opacity: 1; }

.eventos1 .eventoscal{display:flex;justify-content:center;margin:0 0 20px!important;position:static;}

.eventos1 .cont-eventos-cal{flex-direction:column;}
.eventos1 .cont-eventos-cal .eventoscal { display: block; }
.eventos1 h1{ border: 0; padding: 0; }
.eventos1 .compmenu { width: 100%; padding:0;  margin: 0 0 10px;  background: transparent;}
.eventos1 .eventoscont { width: 100%; }
.eventos1 .eventoscal.fix-compmenu{ position: static; width: 100%; }



.descarga { text-align: center; }
.descarga .descargacont { max-width: 100%; }

.eventos2 #calendar table,.eventos2 #calendar tbody,.eventos2 #calendar tr,.eventos2 #calendar td{display:block;width:100%;}
.eventos2 #calendar td,.eventos2 #calendar thead{display:none;}
.eventos2 #calendar td.hasEvent{display:block;}
.eventos2 #calendar td > .ui-state-default:before{display:inline;}
}

@media screen and (max-width: 480px) {


.eventos1 article{ width: 100%; margin: 0 0 20px; }
.eventos1 article:nth-child(2n){ float: right; }
.eventos1 article:nth-child(2n+1) { clear: both; clear: both;}



#dvPaginacion ul li { display: none;width: 49%;  }
#dvPaginacion ul li:first-child{display: block; float: left; }
#dvPaginacion ul li:last-child{ display: block; float: right; }
#dvPaginacion ul li:first-child a, #dvPaginacion ul li:last-child a{ width: 100%; margin: 0; line-height: 42px; font-size: 20px;}

.comppie{ text-align: center; }
.comppie .fichaanterior, .comppie .fichasiguiente { width: 49%; margin: 0; font-size: 20px;justify-content:center;}
.comppie .fichaanterior span, .comppie .fichasiguiente span { display: none;}
.comppie .fichaanterior i, .comppie .fichasiguiente i { margin: 0px; }

.ficha1 article{ padding: 20px; }
.compfichatitle .hpag{}

.ficha1 .imgcont{ float: none; max-width: 100%;  margin: 0 0 20px;}
.fichatel{ display: none; }

.descarga { text-align: center; }
.descarga .descargacont { float: none; display: inline-block;}
.descarga .descargacont .boton{ float: none; margin: 10px 0 0;  }
.descarga .descargacont .predescarga .boton{ margin: 0; }
.descarga .descargacont #dvFicherosContrasena .boton {margin: 10px 0 0;  }
.descarga .descargacont p { padding: 0 10px; display: block; }

.descarga .descargacont #txtContrasena { display: block; width: 100%; margin: 0 auto;}

/* FORMULARIO */
#compform{ text-align: center; }
#compform .tlfn{ display: block;}
#compform .tlfn strong i{ display: inline-block; }
#compform .tlfn strong{ display: inline-block; padding: 10px 40px; background: white; border-radius: 6px; font-size: 20px; margin: 5px; }
#compform .text textarea{ height: 150px; }


}