@charset "UTF-8";
/* CSS Document */
.carrusel-encab{
/*	position:relative;*/
}
#carouselExampleCaptions .carousel-item{background-color:#58355F!important;}



#carrusel-encab .carousel-control-prev,
#carrusel-encab .carousel-control-next{
	opacity: 1!important;
	background:transparent;
	border:none;
}
#carrusel-encab .carousel-control-next, #carrusel-encab .carousel-control-prev {
  position: absolute;
  z-index: 20!important;
}
#carrusel-encab .carousel-control-prev-icon {
  background-image: url("../graficasESD/flecha-izq.svg");
	  width:35px;
	  height:35px;
}
#carrusel-encab .carousel-control-next-icon {
  background-image: url("../graficasESD/flecha-der.svg");
	  width:35px;
	  height:35px;
}
#carrusel-encab .carousel-caption {
  position: absolute;
  margin-right: 100px;
  bottom: 20vh;
  left: 15%;
  z-index: 10;
text-align: left;
}
#carrusel-encab .carousel-caption h2{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	line-height: 1.1!important;
	color: #fff;
	font-size: calc(32px + (52 - 32) * ((100vw - 300px) / (1600 - 300)))!important;
	text-shadow: 3px 3px 5px #000;
}
a.btn.btn-lg.btn-outline-light{
	border:3px solid #fff;
	margin-top: 2rem;
	font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:700!important;
	padding: 0.8rem 1.3rem;
}
a.btn.btn-lg.btn-outline-light:hover,
a.btn.btn-lg.btn-outline-light:focus{
	border:3px solid #05A8AA;
	background:#05A8AA;
	color:#fff;
}
#carrusel-encab .carousel-caption h3{
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	font-size: calc(25px + (40 - 25) * ((100vw - 300px) / (1600 - 300)))!important;
	text-shadow: 3px 3px 5px #000;
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}
#carrusel-encab #carouselButtons1{
	top:40px;
	right:50px;
	position:absolute!important;
	z-index:2000!important;
}
#carouselButtons1 input.pausar[type="button"]{
	background-color:transparent;
	background-image:url("../graficasESD/pause.svg");
	background-repeat:no-repeat;
	border:0px transparent;
	width:30px;
	height:30px;
	background-size:cover;
	cursor:pointer;
	color:transparent;
	opacity:0.5;
}
#carouselButtons1 input.continuar[type="button"]{
	background-color:transparent;
	background-image:url("../graficasESD/play.svg");
	background-repeat:no-repeat;
	border:0px transparent;
	width:25px;
	height:25px;
	background-size:cover;
	cursor:pointer;
	color:transparent;
	opacity:0.3!important;
}
#carouselButtons1 input.pausar[type="button"]:hover,
#carouselButtons1 input.continuar[type="button"]:hover{
	opacity:1;
}
/*********/


#accesibility-buttons{
	text-align:center;
	margin-bottom:30px;
}
#accesibility-buttons input.pausar[type="button"]{
	background-color:transparent;
	background-image:url("../graficasESD/pause2.svg");
	background-repeat:no-repeat;
	border:0px transparent;
	width:60px;
	height:60px;
	background-size:cover;
	cursor:pointer;
	color:transparent;
	opacity:0.5;
}
#accesibility-buttons input.continuar[type="button"]{
	background-color:transparent;
	background-image:url("../graficasESD/play2.svg");
	background-repeat:no-repeat;
	border:0px transparent;
	width:60px;
	height:60px;
	background-size:cover;
	cursor:pointer;
	color:transparent;
	opacity:0.5;
}
#accesibility-buttons input.pausar[type="button"]:hover,
#accesibility-buttons input.continuar[type="button"]:hover{
	opacity:1;
}
/******MEDIA QUERIES********/

@media (min-width: 768px) and (max-width: 1199px){ 
}

/*Tablets en horizonal y escritorios normales --> col-md
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
}

/*Moviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
	#carrusel-encab .carousel-control-next, #carrusel-encab .carousel-control-prev {
  position: absolute;
  top: 10px!important;
}
	#carrusel-encab .carousel-caption {
  position: absolute;
  right: 10%;
  bottom: 30vh;
  left: 10%;
}
#carrusel-encab .carousel-caption h5{
	max-width:75%!important;
}
#carrusel-encab .carousel-caption p{
	max-width:75%!important;
}
}

/*Moviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
	
}