/* ---------------------------------------------------------------------------------------------------------
innovacion.css
autor: Ayuntamiento de Granada
fecha: 05/04/2022 - 21/04/2022

------------------------------------------------------------------------------------------------------------ */
.innTitBlanco{color:#fff;font-size:2em;font-weight:bold;text-align:center}
.innTxtBlanco{color:#fff;font-size:2em;text-align:center}
.innTitRojo{color:#f00;font-size:2em;}


.innTitAyto{background-image: url("/inet/innovacion.nsf/d5RotuloAyuntamiento.png");color:#000;font-size:2em;font-weight:bold;text-align:center}
.innTitCiudad{background-image: url("/inet/innovacion.nsf/d5RotuloCiudadania.png");color:#000;font-size:2em;font-weight:bold;text-align:center}
.innTitEmpresa{background-image: url("/inet/innovacion.nsf/d5RotuloEmpresa.png");color:#000;font-size:2em;font-weight:bold;text-align:center}

.innMarcoVerde{margin:1em;padding:1em;text-align:center;border:3px solid #56bba5;}
.innBotonAzul{margin:8px;padding:10px;border:solid 2px #fff;text-align:center;color:#fff;font-weight:bold;background-color:#4a86e8;}
.innBotonAzul:link{color:#fff}
.innBotonAzul:visited{color:#ff9}
.innBotonAzul:hover{background-color:#090;}

.innFondoEjes{background-color:#ccc;background-image: url('/inet/innovacion.nsf/d3fondoEjes.jpg');text-align:center;padding:2em;min-height:10em;background-repeat: no-repeat; background-size: cover}
.innFondoEjes img{float:left;height:10em;}
.innfondoEjes h2{font-size:2em; margin:1em}

.innFondoInicio{background-color:#036;background-image: url('/inet/innovacion.nsf/d1fondo.jpg');padding:2em;min-height:8em;background-repeat: no-repeat; background-size: cover;}

/* ----------------------------------- slider --------------------------------------- */
.slider {position: relative;max-width:550px;margin-left:auto;margin-right:auto;background-color:#ddd;border:4px solid #ddd;}
.slider ul {list-style-type: none;margin: 0;padding: 0;}
.slider ul li  {position: relative;display: inline;height:145px;}
.slider ul li img {height: 145px;object-fit: cover;border: 1px solid #ddd;width:180px;}
.slider ul li span {position: absolute;bottom: 0;background: hsl(0, 1%, 72%, .1);left: 0;width: 100%;padding: 5px;text-align: center;color: #fff;}

/* buttons */
.slider .buttons  {position: absolute;top: 50px;width:  100%;background-color:#ddd;}
.slider .buttons .next {font-size: 2rem;right:-50px;position: absolute;cursor: pointer;width: 50px;text-align: center;background-color:#ddd;}    
.slider .buttons .prev {font-size: 2rem;left: -50px;position: absolute;cursor: pointer;width: 50px;text-align: center;background-color:#ddd;}   
.slider .buttons .next:hover {background: hsl(0, 0%, 25%);color: hsl(0, 0%, 93%);}
.slider .buttons .prev:hover {background: hsl(0, 0%, 25%);color: hsl(0, 0%, 93%);}

/* slider animation */
.slider ul li {animation-name: fade;animation-duration: 2.5s;}
@keyframes fade {from {opacity: .2}  to {opacity: 1}}