@charset "utf-8";

/* CSS Document */
/*////////////slider*/
/*.mySlides {display:none}*/
/*////////////slider*/
.slider_portada {
	position: relative;
	/*opacity: 0.65;*/
	/*background-attachment: fixed;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;


	/*for ios*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top right;
	min-height: 100%;
	overflow: hidden;
}

.slide1, .slide2, .slide3 {
	position: absolute;
	width: 100%;
	height: 100%;
	/* left: 122px;
	top: 29px; */

}

.slide1 {
	background: url("../image_portada/portada1_SS26.webp");
	background-position: top center;
	background-size: cover;
	/* animation:fade 10s ;
	-webkit-animation:fade 10s ; */
}

/* .slide2 {
  	background: url("../image_portada/portada1_1_SS22.jpg");
	background-position: top right; 
  	background-size: cover;
    animation:fade2 10s ;
	-webkit-animation:fade2 10s ;
}
.slide3 {
	background: url("../image_portada/portada1_1_SS22.jpg");
	background-position: top right; 
  	background-size: cover;
    animation:fadetres 10s ;
	-webkit-animation:fadetres 10s  ;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1 }
  100% { opacity: 0}
}
@keyframes fadetres
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
} */

/* si es mas chico que 1024 */
@media all and (max-width: 900px) {
	.slide1 {
		background: url("../image_portada/1024/portada_SS26.webp");
		background-position: top right;
		background-size: cover;
		background-repeat: no-repeat;
	}

	/* 	.slide2 {
		background: url("../image_portada/1024/portada_SS22.jpg");
		background-position: top center; 
	  background-size: cover;
	  background-repeat: no-repeat;

	}
	.slide3 {
		background: url("../image_portada/1024/portada_SS22.jpg");
		background-position: top center; 
	  background-size: cover;
	  background-repeat: no-repeat;
	}  */
}


@media all and (max-width: 700px) {
	.slider_portada {
		min-height: 100%;
	}
}