.csscontenedorslider
{
  position:relative;
  width: 100%;
  height: 20vw;
  overflow-x: hidden;
}

.csscontenedorsliderprincipalimagen
{
  position:absolute;
  left:45%;
  top:0px;
  width: 55%;
  max-width:55% !important;
  height: auto;
  max-height:100%;
  
}
.csscontenedorsliderprincipalimagenfw
{
  position:absolute;
  left:0%;
  top:0px;
  width: 100%;
  max-width:100% !important;
  height: 100%;
  max-height:100%;
  
}
.csscontenedorsliderprincipaltexto
{
  position:absolute;
  left:2%;
  top:0px;
  width: 40%;
  max-width:40% !important;
  height: auto;
  max-height:100%;
  text-align:left;
}

.csscontenedorslidertextotitulo 
{
  
  font-family: fuenteroboto,Arial;
  padding-top:2px;
  padding-bottom:2px;
  font-style: strong;
  /*font-weight: bold;*/
  font-size: calc(0.65em + 0.3vw);
  /*line-height: 3vw;*/
  line-height: calc(0.8em + 3vw);/*6vw;*/
  border-bottom: 2px solid #fabd2e; /*#e49612;  */

  color: #fabd2e;

}

.csscontenedorslidertextosubtitulo 
{
  
  font-family: fuenteroboto,Arial;
  padding-top:4px;
  padding-bottom:2px;
  font-style: strong;
  font-weight: bold;
  font-size: calc(0.7em + 0.7vw);
  line-height: calc(0em + 2vw);/*6vw;*/
  
  color: #353535;

}

.csscontenedorslidertextodetalle
{
  
  font-family: fuenteroboto,Arial;
  padding-top:4px;
  padding-bottom:2px;
  font-style: strong;
  font-weight: bold;
  font-size: calc(0.5em + 0.3vw);
  line-height: calc(0.1em + 1vw);/*6vw;*/
  
  color: rgba(0, 0, 0, 0.5);

}


.cssslideprincipal
{
  position:absolute;
  width: 40%; /*40vw*/
  height: 18vw;
  max-height:18vw;
  left:30%; /*30vw*/
  top:0vw;
  border-radius: 2vw;
  box-shadow: 0.4vw 0.6vw 0.5vw 0.1vw rgba(0, 0, 0, 0.25);

}




.cssslidelateralizq
{
  position:absolute;
  width: 30%;/*30vw*/
  height: 14vw;
  
  left:-5%; /*-5vw*/
  top:2vw;
  opacity:0.4;
  border-radius: 2vw;
  box-shadow: 0.4vw 0.6vw 0.4vw 0.0vw rgba(0, 0, 0, 0.25);

}

.cssslidelateralizqant
{
  position:absolute;
  width: 30%;/*30vw*/
  height: 14vw;
  
  left:-40%; /*-40vw*/
  top:2vw;
  opacity:0.4;
  border-radius: 2vw;
  box-shadow: 0.4vw 0.6vw 0.4vw 0.0vw rgba(0, 0, 0, 0.25);

}

.cssslidelateralder
{
  position:absolute;
  width: 30%;/*30vw*/
  height: 14vw;
  /*max-height:10vw;*/
  left:75%; /*75vw*/
  top:2vw;
  opacity:0.4;
  border-radius: 2vw;
  box-shadow: 0.4vw 0.6vw 0.4vw 0.0vw rgba(0, 0, 0, 0.25);

}

.cssslidelateraldersig
{
  position:absolute;
  width: 30%;/*30vw*/
  height: 14vw;
  /*max-height:10vw;*/
  left:110%; /*110vw*/
  top:2vw;
  opacity:0.4;
  border-radius: 2vw;
  box-shadow: 0.4vw 0.6vw 0.4vw 0.0vw rgba(0, 0, 0, 0.25);

}


.cssimgsliderprincipal
{
  width: 100%;
  max-width:100% !important;
  height: auto;
  max-height:100%;
  /*max-height:16vw;*/
  border-radius: 2vw;
}

.cssimgsliderlateral
{
  width: 100%;
  max-width:100% !important;
  height: auto;
  max-height:100%;
  border-radius: 2vw;
  /*max-height:12vw;*/
  
}

.cssimgsliderflechaizq
{
  position:absolute;
  width: 20px;
  left:27.6%;
  top:6vw;
  max-width:100% !important;
  height: auto;
  max-height:100%;
  
}

.cssimgsliderflechader
{
  position:absolute;
  width: 20px;
  left:71%;
  top:6vw;
  max-width:100% !important;
  height: auto;
  max-height:100%;
  
}

/*para slider de un solo slide a la vez*/

.csscontenedorslider100
{
  position:relative;
  width: 100%;
  height: 44vw; /*70vw*/
  overflow-x: hidden;
}

.cssslidepantalla100contenedor
{
  position:absolute;
  width: 80%; 
  height: 44vw; /*70vw*/
  max-height:68vw;
  left:10%; 
  top:0vw;
  overflow-x: hidden;
}

.cssslidepantalla100
{
  position:absolute;
  width: 100%; 
  height: 40vw; /*66vw*/
  max-height:42vw; /*68vw*/
  left:0%; 
  top:0vw;
  border-radius: 2vw;
  box-shadow: 0.4vw 0.6vw 0.4vw 0.0vw rgba(0, 0, 0, 0.25);

}


.cssimgsliderflechaizqpantalla100
{
  position:absolute;
  width: 20px;
  left:3%;
  top:16vw; /*28vw*/
  max-width:100% !important;
  height: auto;
  max-height:100%;
  
}

.cssimgsliderflechaderpantalla100
{
  position:absolute;
  width: 20px;
  left:94%;
  top:16vw; /*28vw*/
  max-width:100% !important;
  height: auto;
  max-height:100%;
  
}

/*fin para slider de un solo slide a la vez*/

/*boton naranja*/
.cssslideboton
{
  border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  -webkit-border-radius: 16px 16px 16px 16px;
  
  font-family: fuenteroboto,Arial;
  font-size: calc(0.5em + 0.3vw);
  font-style: strong;
  font-weight: bold;
  
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  padding-right: 15px; 
  color:#ffffff;

  
  /*background-color:#2e3eae;*/
  background: linear-gradient(104.56deg, #FF8400 0.7%, rgba(255, 163, 24, 0.95) 98.14%);
  border: 0px solid #ff3300;
  width:auto;
  height:auto;
  min-height:40px;
  min-width:50px;
  text-decoration:none;
  
}

.cssslideboton:link,
.cssslideboton:visited
{
  border: 0px solid #ff3300;
  text-decoration:none;
}
.cssslideboton:hover
{
  border: 0px solid #2e3eae;
  
  background: linear-gradient(104.56deg, #ff3300 0.7%, rgba(255, 163, 24, 0.95) 98.14%);
  text-decoration:none;
}
/*fin naranja*/


.cssslideoculto
{
  display:none;
}