/* MINI TUTORIAL DE CSS */


/* Ya que te he creado un fichero para tu css, te voy a poner lo básico para que te manejes aún mejor creando reglas de estilo */

/* Lo primero de todo: Los comentarios. Éstos se escriben entre los caracteres barra + asterisco y asterisco + barra.

Pueden tener saltos de línea.

No se tienen en cuenta por el compilador, así que puedes poner cualquier cosa. Son muy útiles para desactivar reglas de css de forma temporal.

*/



/* SELECTORES BÁSICOS */


/*

id: #

Ejemplo: Para hacer que los textos del elemento con id "idPrueba" sean de color negro:

#idPrueba{
	color:black;
}


clase: .

El mismo ejemplo de antes, pero aplicando el estilo a los elementos de la clase "clasePrueba":

.clasePrueba{
	color:black;
}


Los elementos pueden tener varias clases, y esto puede ser muy útil para definir reglas de css genéricas para los elementos. Usando esta lógica, he creado las clases
de los colores, por ejemplo, que cambian el color del texto del elemento al que se aplican.


Te paso un listado de selectores de css por si quieres profundizar más en el tema: https://www.w3schools.com/cssref/css_selectors.asp


*/





/* Regla de css que definas aquí sobrescribirá a lo que haya en los demás css */

/* En este ejemplo, la clase "pruebaROJO" cambiará el color del texto a la que se aplique a cyan, aunque en el archivo "estilos_03_2021.css" se haya definido el color rojo */
.pruebaRojo{
	color:cyan!important;
}

/* Esto sucede porque este fichero es el último que se carga en la carga de css, y por lo tanto, el que acaba teniendo más prioridad */







/* Terminado el mini tutorial, te pongo las resoluciones de pantalla */


/* Escritorio: Todo lo que pongas aquí será el estilo por defecto, y por lo tanto no tendrá en cuenta la reslución de la pantalla */



/* Fin escritorio */


/* contenido interno2 para widget del tiempo por provincias */
.contenido_interno2{
  width:520px; 
  margin-left:160px;
  
  
}

/* iframe responsive de la radio */

.embed-container2 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container2 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contenedor2{
  background:#fff;
  color:#000000;
  font-size:15px;
  width:1080px;
  height:100%;
  margin:0 auto !important;
  display: table;
}

/* fin iframe responsive de la radio */


#selectorModoOscuro{
  
}

.logoa{
  width:400px;
  padding-top:5px;
}

.infoestadisticas{
  width:100%;
  margin:0 auto;
  text-align:left;
  display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.btn-3d {
  padding: .1rem 1rem;
  border: 1px solid #04538d;
  border-radius: 4px;
  background-color: #025ead;
  color: #fff;

  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#0473bb 10%,#04579d 100%);
}

.btn-3d:hover, .btn-3d:focus {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#02486e 10%,#0172bf 100%);
}

.btn-3d:active {
  background-color: #014c99;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#024178),to(#0365ab));
  background-image: linear-gradient(#017ac9 10%,#056aaf010cc5cff 100%);
}

.btn-3d2 {
  padding: .1rem 1rem;
  border: 0px solid #0451a1;
  border-radius: 4px;
  background-color: #025ead;
  color: #fff;
  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#76a9cb 10%,#04579d 100%);
}

.btn-3dblue {
  padding: .1rem 1rem;
  border: 0px solid #0451a1;
  border-radius: 4px;
  background-color: #025ead;
  color: #fff;
  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#84cbff 10%,#ffffff 100%);
}

.amarillo{
  color: #000000!important;
}

.botonmenucuenta {
  background-color:#b6dffc;
  border-color:#e2f2ff;
  color:black!important;
  display:inline-block;
}

.boton-peligrotrans {
  background-color: #f7000087;
        border-color: #f7000087;
        color: white!important;
}

.boton-primariotrans {
  background-color:#5c96c0;
  border-color:#468ecc;
  color:white!important;
}

.cabecera_cuenta {
  background: rgb(21,58,120);
    background: linear-gradient(180deg, rgba(21,58,120,1) 0%, rgba(41,140,244,1) 45%, rgba(255,255,255,1) 100%);
  color: #ffffff;
  min-height:26px;
  min-height:35px;
}

.anuncioprensa {
  width: 265px;
  margin-left: 2px;
  border:0px solid #fff;
  background:#d9eefb;
  color:#000 !important;
  color:#000 !important;
  font-family: Generica, Arial, Helvetica, sans-serif;
  font-size:14px;
  margin-bottom:10px;
  position:relative;
  float:left;
  line-height:14px;
}

#elclima {
  background:transparent;
  border-style:none;
  vertical-align:text-top;
  max-width:60px;
  color: black;
  -moz-appearance:none;
  font-family:inherit;
  font-size:15px;
  position:relative;
  top:-13px;
}


.caracteristica_prestamo{

                float:left;

                margin-left:10px;

                margin-top:5px;

                padding:5px;

                border:0px solid #ff0000;

                -moz-border-radius: 7px;

                -webkit-border-radius: 7px;

                border-radius: 7px;

                text-transform: capitalize;

                color:#ff0000 !important;

                background: rgb(255 255 255)/ 0%);

               

}

 

.caracteristica_prestamo a{
	color:#095a9f;
}

 

.caracteristica_prestamo a:hover{

                color:#010101;

}

.buscador {
  margin-left:3px;
  border: 0px solid #0451a1;
  border-radius: 4px;
  background-color: #025ead;
  color: #fff;
  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#76a9cb 10%,#04579d 100%);
}

.buscadorhome {
  margin-left:3px;
  border: 0px solid #0451a1;
  border-radius: 4px;
  background-color: #025ead;
  color: #000;
  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#8fcefe 40%,#ffffff 100%);
}


.cabecera_anuncio{
  background: rgb(8 90 159);
    background: linear-gradient(180deg, rgb(6 88 158) 0%, rgb(96 153 194) 45%, rgba(255,255,255,1) 100%);
  color: #ffffff;
  min-height:26px;
  min-height:35px;
}

.botoncabecera {
  width:160px;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 4px 0px rgb(0 0 0);
  margin-left:1px;
  border:1px solid #fff;
  /*background:#2c7cc1;*/
  background: linear-gradient( rgb(151,210,254) 0%, rgb(202,233,255) 50%, rgb(213,238,255)68%, rgb(225,237,243)85%, rgb(255,255,255) 100%);
  color:black !important;
  font-family: Generica, Arial, Helvetica, sans-serif;
  font-size:14px;
  margin-bottom:10px;
  position:relative;
  float:center;
  line-height:16px;
  
}

.botoncabecera a{
  text-decoration:none;
  color:black !important;
}

.botoncabecera:hover{
  width:160px;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px 0px rgb(0 0 0);
  margin-left:1px;
  border:1px solid #fff;
  /*background:#2c7cc17a;*/
  background: linear-gradient( rgb(96 171 228 / 48%)/ 48%)/ 71%) 0%, rgb(202,233,255) 50%, rgb(213,238,255)68%, rgb(225,237,243)85%, rgb(255,255,255) 100%);
  color:black !important;
  font-family: Generica, Arial, Helvetica, sans-serif;
  font-size:14px;
  margin-bottom:10px;
  position:relative;
  float:center;
  line-height:16px;
  
}

.botoncabecera:active{
  width:161px;
  -webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 0%);
  -moz-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 0%);
  box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 0%)/ 20%)/ 0%);
  margin-left:1px;
  border:1px solid #fff;
  /*background:#2c7cc17a;*/
  background: linear-gradient( rgb(96 171 228 / 48%)/ 48%)/ 71%) 0%, rgb(202,233,255) 50%, rgb(213,238,255)68%, rgb(225,237,243)85%, rgb(255,255,255) 100%);
  color:black !important;
  font-family: Generica, Arial, Helvetica, sans-serif;
  font-size:14px;
  margin-bottom:10px;
  position:relative;
  float:center;
  line-height:16px;
  
}

#menu ul li:hover{
  list-style:none;
  width:27%;
  float:left;
  position:relative;
  margin:10px 10px 10px 10px;
  background: rgb(142,206,254);
  background: linear-gradient(270deg, rgb(172 216 249) 0%, rgb(234 246 255 / 100%) 35%, rgba(255,255,255,1) 65%);
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding-top: 5px;
    padding-bottom: 2px;
}

#menu a:hover{
  text-decoration:none;
}


.botonrenovarmasivo {
  padding: .1rem 1rem;
  border: 1px solid #04538dc9;
  border-radius: 4px;
  background-color: #025ead;
  color: #fff;

  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#0473bb 10%,#04579d 100%);
}

.botonrenovarmasivo:hover {
  color:#7afe97;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#02486e 10%,#0172bf 100%);
  border: 1px solid #04538dc9;
}

.botonrenovarmasivo:active {
  background-color: #205b02;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#147802),to(#024010));
  background-image: linear-gradient(#063f01 10%,#056aaf010cc5cff 100%);
}

.botonborrarmasivo {
  padding: .1rem 1rem;
  border: 1px solid #04538dc9;
  border-radius: 4px;
  background-color: #025ead;
  color: #fff;

  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#0473bb 10%,#04579d 100%);
}

.botonborrarmasivo:hover {
  color:#fe7a7a;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#02486e 10%,#0172bf 100%);
  border: 1px solid #04538dc9;
}

.botonborrarmasivo:active {
  background-color: #5b0202;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#780202),to(#400202));
  background-image: linear-gradient(#063f01 10%,#056aaf010cc5cff 100%);
}

.form_busqueda input.texto_busqueda,.generico .form_busqueda input.texto_busqueda{
	width: 131px;
}

/* Para que el buscador por palabras del listado de anuncios del usuario se vea bien tanto en Chrome como en Firefox */
.form_busqueda input[buscadorTextoUsuario=true]{
	width:150px;
}

/* Empieza el código de css del desplegable PREGUNTAS FRECUENTES */

div.seccion{
 width:100%;
 min-height:50px;
}
 
div.titulo{
 width:100%;
 height:50px;
 overflow: hidden;
 border-bottom: 1px solid #08689c;
}
 
p.titulo{
 margin:10px;
 color: #08689c;
 font-weight: bolder;
}
 
div.informacion{
 width:100%;
 height:0px;
 background-color: #ffffff;
 overflow: hidden;
 transition: 1s;
 -webkit-transiton: height 1s;
 margin-left: 10px;
}
 
p.informacion{
 color:#000000;
  margin-top:10px;
  margin-right:10px;
}
 
div.seccion:focus div.informacion{
 height:180px;
}
 
.detalles{
 float:right;
 padding: 5px;
 padding-left: 20px;
 padding-right: 20px;
 background-color:#08689c;
 color: white;
}
 
a.detalles{
 text-decoration: none;
}
 
.cruz{
 float:right; 
 margin-right:10px;
}
 
.detalles:hover{
 background-color: #0e9ae5;
}
 
.imginformacion{
 float:left;
 margin: 10px;
}
 
.marca{
 clear: both;
 height:2px;
 width: 100%;
 background-color: #08689c;
  
}


/* TUTORIALES Empieza el código de css del desplegable TUTORIALES */

div.secciontutorial{
 width:100%;
 min-height:50px;
}
 
div.titulo{
 width:100%;
 height:50px;
 overflow: hidden;
 border-bottom: 1px solid #08689c;
}
 
p.titulo{
 margin:10px;
 color: #08689c;
 font-weight: bolder;
}
 
div.informacion{
 width:100%;
 height:0px;
 background-color: #ffffff;
 overflow: hidden;
 transition: 1s;
 -webkit-transiton: height 1s;
 margin-left: 10px;
}
 
p.informacion{
 color:#000000;
  margin-top:10px;
  margin-right:10px;
}
 
div.secciontutorial:focus div.informacion{
 height:1500px;
}
 
.detalles{
 float:right;
 padding: 5px;
 padding-left: 20px;
 padding-right: 20px;
 background-color:#08689c;
 color: white;
}
 
a.detalles{
 text-decoration: none;
}
 
.cruz{
 float:right; 
 margin-right:10px;
}
 
.detalles:hover{
 background-color: #0e9ae5;
}
 
.imginformacion{
 float:left;
 margin: 10px;
}
 
.marca{
 clear: both;
 height:2px;
 width: 100%;
 background-color: #08689c;
  
}

.bannerolivosportada {
      width: 1000px; /* Anchura del div */
      height: 230px; /* Altura del div */
      padding-bottom:10px;
    }

    .bannerolivosportada img {
      width: 100%; /* Anchura de la imagen (ocupará todo el ancho del div) */
      height: 100%; /* Altura de la imagen (ocupará todo el alto del div) */
      object-fit:; /* La imagen se ajusta para cubrir el div */
      margin-left: 13px;
      border-radius:5px;

    }

    #miDiv {
  cursor: pointer;
}

}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.est_cab_cent2{
  width:320px; 
  position:relative;
  padding-left:20px;
  overflow:hidden;
  color:#000000;
  text-align:center;
  float:left;
  line-height:100%;
  
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* Para que el buscador por palabras del listado de anuncios del usuario se vea bien en Firefox (salía más alto que en Chrome) */
@-moz-document url-prefix() {
	.form_busqueda input[buscadorTextoUsuario=true]{
        	height:25px!important;
	}
}



/* Ancho móviles pequeños (en la mayoría de casos, móviles normales en orientación vertical) */
@media only screen and (max-width: 730px) and (min-width:426px) {


}


/*Ancho móviles (grandes o en orientación horizontal )*/
@media only screen and (max-width: 1063px) {

.caja_grande2 {
 
    margin-top:21px;

}  

/*Para que la imagen de logo de la tienda no se sobreponga sobre el buscador de la tienda*/
.fototienda {
  margin-top: 21px;
}

.visible-movil, .visible-movil-inline, .visibleMovil, .visibleMovilInline{
  margin-top:12px;
}

.btn-3d2 {
  padding: .1rem 1rem;
  border: 0px solid #0451a1;
  border-radius: 4px;
  background-color: #025ead;
  color: #fff;
  font-size: 16px;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,
    0 1px 3px rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#549df7),to(#1779f3));
  background-image: linear-gradient(#76a9cb 10%,#04579d 100%);
  margin-top:10px;
}

.anuncioprensa {
  width: 100%;
  margin-left: 2px;
  border:0px solid #fff;
  background:#d9eefb;
  color:#000 !important;
  color:#000 !important;
  font-family: Generica, Arial, Helvetica, sans-serif;
  font-size:14px;
  margin-bottom:10px;
  position:relative;
  float:left;
  line-height:14px;
}

}



/* Ancho tablets */
@media only screen and (max-width: 1080px) and (min-width:426px) {


}






/* Estilos de los anuncios de los periódicos */


.anuncioprensa{
	background:#e0f1ff;
}

.anuncioprensa .imagen_anuncio{
	float:none;
}

.anuncioprensa .imagen_anuncio a{
	display:inline-block;
	text-align:center;
	font-size:25px;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	font-weight:bolder;
}

.anuncioprensa .fancybox-thumbs img{
	display:block;
	margin:auto;
	max-height:300px;
	height:300px;
	max-width:none!important;
}

.anuncioprensa .caption{
	display:none;
}

.anuncioprensa .texto_anuncio{
	display:none;
}

.anuncioprensa .botones_prensa{
	display:flex;
	justify-content: center;
	align-items:center;
}

.anuncioprensa .botones_prensa .caracteristica_web{
	height:15px;
}

.anuncioprensa .botones_prensa .caracteristica_web a{
	height:15px;
	display:inline-block;
	width:60px;
}

.anuncioprensa .fechaPortada{
	background-color: red;
	color: white;
	font-weight: bolder;
	padding: 5px;
	font-size: 15px;
	text-decoration: none !important;
	position: absolute;
	top: 27px;
	left:5px;
	transform: rotate(-45deg);
}


/* Fin de los estilos de los anuncios de los periódicos */

/* Widget del tiempo (provincias) */
.widgetTiempo{
        margin:auto;
}



/*Estilos menú home */

.selectorAnunciosMenu{
    width: 76px;
    background-color: transparent;
    border-style: none;
    top: -3px;
    position: relative;
} 

/* Fin estilos menú home */