.fs-6 {font-size: 60% !important}
.fs-5 {font-size: 80% !important}
.fs-4 {font-size: 100% !important}


.peNave {
padding-right: 0px !important; 
}



.pag_cuerpo ul {
list-style: disc outside;
margin-left: 30px;
}

.peNave {
    font-size: 85%;
}

/* ============ desktop view ============ */
@media all and (min-width: 1200px) {
	.peNave {
padding-right: 0px !important; 
}

	
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: #fff;  }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
	
	.nav-link.active.nivel0menu {background-color: #979797 !important; color: #FFFFFF !important; font-size: 85% !important; }
	.nav-tabs .nivel0menu .nav-link:hover {border-width: 0px !important; font-size: 85% !important; }
	.nivel0menu {font-size: 85% !important; padding-top: 0px !important; padding-bottom: 0px !important; }
	
	.peNave {
padding-right: 0px !important; 
}
	
}
/* ============ desktop view .end// ============ */


.z10000 {z-index: 100000 !important}


.nivel0menu {font-size: 85% !important; padding-top: 10px !important; padding-bottom: 35px !important; margin-bottom: 2px; }
.nav-link.active.nivel0menu {background-color: #979797 !important; color: #FFFFFF !important; font-size: 85% !important;}
.nav-tabs .nivel0menu .nav-link:hover {border-width: 0px !important; font-size: 85% !important;}


.search {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);
}
.search * {
    outline: none;
    box-sizing: border-box;
}
.search__wrapper {
    position: relative;
}
.search__field {
    width: 50px;
    height: 50px;
    color: transparent;
    font-family: Lato, sans-serif;
    font-size: 1.35em;
    padding: 0.35em 50px 0.35em 0;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.search__field:focus {
    border-bottom-color: #ccc;
    width: 50vw;
    color: #2b2b2b;
    cursor: default;
}
.search__field:focus ~ .search__icon {
    background-color: transparent;
    cursor: pointer;
    pointer-events: auto;
}
.search__icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e9f1f4;
    width: 50px;
    height: 50px;
    font-size: 1.35em;
    text-align: center;
    border-color: transparent;
    border-radius: 50%;
    pointer-events: none;
    display: inline-block;
    transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field:-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field::-moz-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field:-ms-input-placeholder {
    position: relative;
    top: 0;
    left: 0;
    transition-property: top, color;
    transition-duration: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
    color: #83b0c1;
    font-size: .65em;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}


.btn-primary {
    color: #fff !important;
    background-color: #2e2e2e !important;
    border-color: #c7c7c7 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #686768 !important;
    border-color: #c7c7c7 !important;
    color: #FFFFFF !important;
}

.btn-secondary {
    color: #fff !important;
    background-color: #7a5656 !important;
    border-color: #c7c7c7 !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
    background-color: #727272 !important;
    border-color: #c7c7c7 !important;
    color: #FFFFFF !important;
}


/* ============ Accordion  ============ */

.accordion-body {
  background-color: #ffffff;
}

.accordion-button {
	color: #000000;
	background-color: #E9E9E9;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
}

.accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: #242424;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
}

.accordion-button:not(.collapsed)::after {
	filter: invert(95%) sepia(5%) saturate(9%) hue-rotate(350deg) brightness(104%) contrast(101%);
}


/* ============ Radio buttons  ============ */

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #4F4F4F;
}

.custom-control-input:checked~.custom-control-label.red::before {
  background-color: #A70002;
}

.custom-control-input:checked~.custom-control-label.green::before {
  background-color: #252525;
}


/* ============ Enlaces subrayados  ============ */

.aIconos a{display:inline-block;position:relative;color:#87888a !important; text-decoration: none !important;}
.aIconos a:after{content:'';position:absolute;width:100%;transform:scaleX(0);height:4px;bottom:0;left:0;background-color:#87888a;transform-origin:bottom right;transition:transform .25s ease-out; opacity: 1}
.aIconos a:hover:after{transform:scaleX(1);transform-origin:bottom left}
	
.alink a{display:inline-block;position:relative;color:#87888a !important; text-decoration: none !important;}
.alink a:after{content:'';position:absolute;width:100%;transform:scaleX(0);height:4px;bottom:0;left:0;background-color:#87888a;transform-origin:bottom right;transition:transform .25s ease-out; opacity: 1}
.alink a:hover:after{transform:scaleX(1);transform-origin:bottom left}
	
.alinkN a{display:inline-block;position:relative;color:#c3c4c6 !important; text-decoration: none !important;}
.alinkN a:after{content:'';position:absolute;width:100%;transform:scaleX(0);height:4px;bottom:0;left:0;background-color:#c3c4c6;transform-origin:bottom right;transition:transform .25s ease-out; opacity: 1}
.alinkN a:hover:after{transform:scaleX(1);transform-origin:bottom left}



/* #Links
================================================== */
	a, a:visited { color: #87888a; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #484848; }
	p a, p a:visited { line-height: inherit; }
	
	.linknegativo:link, .linknegativo:visited { color:#c3c4c6; text-decoration: underline; outline: 0;}
	.linknegativo:hover, .linknegativo:focus {color: #ecf0f6}
	
	.dnone:link, .dnone:visited { text-decoration:none}
	.dnone:hover, .dnone:focus { text-decoration:underline}

/* INDICES */

	.indice25 {display: inline-block; margin-bottom: 30px; vertical-align: top; width: 32%;}
	.indice25:hover { background-color:#dcf1ff}

	.indice20 {display: inline-block; margin-bottom: 30px; vertical-align: top; width: 19.7%;}
	.indice20:hover { background-color:#dcf1ff}

	.donostia {display: inline-block; margin-bottom: 0px; vertical-align: top; width: 19.7%;}
	.donostia_contenedor {height: 194px; overflow: hidden; position: relative; width:100%; margin-bottom:5px;}
	
	.donostia_esquina {position:absolute; z-index:3; background-image:url(/admin_img/pag/triangulo_amplia.png); background-repeat:no-repeat; background-color:transparent; background-position:right bottom; text-align:right; color:#FFFFFF; width:100%; height:100%;}
	.donostia_play {text-align:right; color:#FFFFFF; padding:5px; margin-top:150px}

	.donostia_texto{position:absolute; left:100%; z-index:2; color:#fff; font-size:16px; width:100%; height:100%; background-color:#015184;}
	.donostia_contenedor:hover .donostia_texto {position:absolute; left:0; z-index:2; color:#fff; font-size:16px; width:100%; height:100%; transition: all 0.5s ease-in-out; 	-moz-transition: all 0.4s; -moz-opacity: 0.8; opacity:.80;}
	.donostia_texto_interior {padding:20px}
	
	
	.indice3col {display: inline-block; margin-bottom: 0px; vertical-align: top; width: 33%;}
	.indice3col_contenedor {height: 194px; overflow: hidden; position: relative; width:100%; margin-bottom:5px;}
	
	.indice3col_esquina {position:absolute; z-index:3; background-image:url(/admin_img/pag/triangulo_amplia.png); background-repeat:no-repeat; background-color:transparent; background-position:right bottom; text-align:right; color:#FFFFFF; width:100%; height:100%;}
	.indice3col_play {text-align:right; color:#FFFFFF; padding:5px; margin-top:160px}

	.indice3col_texto{position:absolute; left:100%; z-index:2; color:#fff; font-size:16px; width:100%; height:100%; background-color:#015184;}
	.indice3col_contenedor:hover .indice3col_texto {position:absolute; left:0; z-index:2; color:#fff; font-size:16px; width:100%; height:100%; transition: all 0.5s ease-in-out; 	-moz-transition: all 0.4s; -moz-opacity: 0.8; opacity:.80;}
	.indice3col_texto_interior {padding:20px}
	
	.indicesFecha {font-size:85%; padding-right:2px; padding-left:2px; background-color:#c4e8ff; float:left; color:#015184;}

/* ZOOM IMAGEN OVER */

.hover-zoom {
    --mdb-image-hover-zoom-transition: all 0.3s linear;
    --mdb-image-hover-zoom-transform:scale(1.2)
}

.hover-zoom img, .hover-zoom video {
    transition:var(--mdb-image-hover-zoom-transition)
}

.hover-zoom:hover img, .hover-zoom:hover video {
    transform:var(--mdb-image-hover-zoom-transform)
}
	
	.bg-image {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
	
/* ON MOUSE OVER EN FOTOS */

	/* (A) RESPONSIVE IMAGE */
	.hoverwrap img { width: 100%; }
	.hoverwrap #fotoPeli { width: 100%; }
	.hoverwrap {
	  max-width: 500px; /* optional */
	  position: relative; /* required for (b1) */
	}

	/* (B) POSITION CAPTION */
	.hovercap {
	  /* (B1) PLACE AT BOTTOM */
	  position: absolute; bottom: 0; left: 0;

	  /* (B2) DIMENSIONS + COLORS */
	  width: 100%; padding: 10px;
	  color: white;
	  background-color: rgba(0, 0, 0, 0.5);
	}

	/* (C) ONLY SHOW CAPTION ON HOVER */
	.hovercap {
	  visibility: none; opacity: 0;
	  transition: opacity 0.3s;
	}
	.hoverwrap:hover .hovercap {
	  visibility: visible; opacity: 1;
	}