@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,800,900,300i,400i,500i,600i,700i,800i,900i&display=swap);

/*redes sociales*/

.cid-sez8xdE6LPR { 
  padding-top: 30px;
  padding-bottom: 90px;
  background-color: #efefef;
}
.cid-sez8xdE6LPR P {
  color: #767676;
}

/*****************************/

.cid-sezdeNKWKlE {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #ffffff;
}
.cid-sezdeNKWKlE .card-box {
  padding-top: 0.5rem;
}
.cid-sezdeNKWKlE .card-wrapper {
  height: 100%;
}
.cid-sezdeNKWKlE .card-title {
  text-align: center;
  color: #0d184e;
}

/*****************************************/

.cid-sfYRsXdzHvE {
  padding-top: 1%;
  padding-bottom: 1%;
  color: #0d184e;
  background-color:#ffffff;
}

/*@media (max-width: 640px) {
  .cid-sfYRsXdzHvE {  
  }     
}*/
.cid-sfYRsXdzHvE H1 {
  text-align: center;
}
.cid-sfYRsXdzHvE H3 {
  text-align: center;
}


/*******************************************/

.cid-sfYRsXdzHv {
  padding-top: 45px;
  padding-bottom: 15px;
  /*background-image: url("../../../assets/images/Carrusel/HOME_BACKGROUND.jpg");
  background-position:center!important;*/
}

/*@media (max-width: 768px) {
    .cid-sfYRsXdzHv {
        background-image: url("../../../assets/images/Carrusel/HOME_BACKGROUND_768.jpg");
    }     
}*/
.cid-sfYRsXdzHv H1 {
  text-align: right;
}
.cid-sfYRsXdzHv H3 {
  text-align: right;
}


.paddingImagen1{
padding-top:10%!important;
}

@media (max-width: 1360px) {
  .paddingImagen1 {
   padding-top:14%!important;
  }     
}

@media (max-width: 1329px) {
  .paddingImagen1 {
   padding-top:16%!important;
  }     
}

@media (max-width: 1210px) {
  .paddingImagen1 {
   padding-top:22%!important;
  }     
}

@media (max-width: 1158px) {
  .paddingImagen1 {
   padding-top:25%!important;
  }     
}


@media (max-width: 768px) {
  .paddingImagen1 {
   padding-top:20%!important;
  }     
}

.paddingImagen2{
padding-top:10%!important;
}

@media (max-width: 1360px) {
  .paddingImagen2 {
   padding-top:14%!important;
  }     
}

@media (max-width: 1329px) {
  .paddingImagen2 {
   padding-top:16%!important;
  }     
}

@media (max-width: 1210px) {
  .paddingImagen2 {
   padding-top:22%!important;
  }     
}

@media (max-width: 1158px) {
  .paddingImagen2 {
   padding-top:25%!important;
  }     
}


@media (max-width: 768px) {
  .paddingImagen2 {
   padding-top:0%!important;
  }     
}

.paddingBotones{
    padding-left:2%!important;
    padding-right:2%!important;
}

@media (max-width: 768px) {
  .paddingBotones {
   padding-left:0%!important;
    padding-right:0%!important;
  }     
}

/* ************************** */

.imagenNota{
    width:10%!important; 
}

@media (max-width: 768px) {
  .imagenNota {
   width:25%!important; 
  }     
}

.tamanioLetra {
    font-weight: 700;
    font-size: 50px;
}

@media (max-width: 768px) {
  .tamanioLetra {
   font-weight: 700;
    font-size: 30px;
    padding:7%;
  }     
}

/* Primeras dos imágenes */

.cid-sezdeNKWKlEZEF {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #ffffff;
}
.cid-sezdeNKWKlEZEF .card-box {
  padding-top: 0.5rem;
}
.cid-sezdeNKWKlEZEF .card-wrapper {
  height: 100%;
}
.cid-sezdeNKWKlEZEF .card-title {
  text-align: center;
  color: #0d184e;
}

/*****************************************/


.paddingBanner{
    padding: 2% 1% 2% 2%!important;
}

.paddingBanner1{
    padding: 2% 2% 2% 1%!important;
}

@media (max-width: 768px) {
  .paddingBanner {
     padding: 2% 2% 2% 2%!important;
  }     
}

@media (max-width: 768px) {
  .paddingBanner1 {
     padding: 2% 2% 2% 2%!important;
  }     
}

.tamanioSubtitulo{
    font-size:40px!important;
    padding-bottom:2%;
}

@media (max-width: 768px) {
  .tamanioSubtitulo {
     font-size:25px!important;
  }     
}


/**/

.sidenav {
  height: 100%;
  width: 5%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
 
  background-image: url("../../../assets/images/Carrusel/HOME_BACKGROUND.jpg");
  background-position:center!important;
  overflow-x: hidden;
  padding-top: 20px;

  z-index:-2!important;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/***************************** formulario */

.cid-shS9EsjUzc {
  /*padding-top: 90px;*/
  padding-bottom: 90px;
  background-color: #ffffff;
}
.cid-shS9EsjUzc .title {
  margin-bottom: 2rem;
}
.cid-shS9EsjUzc .mbr-section-subtitle {
  color: #767676;
}
.cid-shS9EsjUzc a:not([href]):not([tabindex]) {
  color: #fff;
  border-radius: 3px;
}
.cid-shS9EsjUzc a.btn-white:not([href]):not([tabindex]) {
  color: #333;
}
.cid-shS9EsjUzc textarea.form-control {
  min-height: 188px;
}


/*Validaciones formulario*/

.error {
	background-color: #BC1010;
	padding: 5px 12px;
	border-radius: 4px;
	-ms-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
    -webkit-border-radius: 8px; 
	color: white;
	font-weight: bold;
	margin-left: 16px;
	margin-top: 6px;
	position: relative;
}

.error:before {
	content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}

/**/

.textboxCY {

    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    font-display: swap;

    background-color: #f5f5f5;
    box-shadow: none;
    color: #565656;
    line-height: 1.43;
    min-height: 3.5em;
    padding: 1.07em 0.5em;


}


/**/

.tamanioBoton {
    font-weight: 700!important;
    font-size:30px!important;
}

@media (max-width: 768px) {
  .tamanioBoton {
    font-weight: 700!important;
    font-size:20px!important;
  }     
}

.colorFondoInput{
    color: #0d184e;
}

.colorFondoInput::placeholder { color: #0d184e; }


.propLogo {
    width:10%!important; 
    padding-top:2%!important;
}

@media (max-width: 768px) {
  .propLogo {
    width:20%!important; 
    padding-top:1%!important;
}     
}