@charset "UTF-8";
.mantenimiento{
  height: 80%;
  width: 70%;
}
.mantenimiento-imagen{
    width: 100%;
    max-width: 570px;
}

.cuerpo-mantenimiento{
  margin-bottom: 30px;
  margin-top: 20px;
}

.input-group-append{
  padding: 0;
}

.error-titulo{
  font-size: 8em;
  display:table-cell;
  vertical-align:middle;
} 

.error-subtitulo{
	 font-size: 1.5em;
}

.contenedor-error{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
 

.error-boton{
  display: inline-block;
  text-align: center;
  padding: 10px 0 10px 0!important;
  margin-top: 15px!important;
  border-width:1px!important;
}
.error-boton,.codigo-error{
  font-weight: 400;
  font-size: 15px;
}

@media (max-width: 1500px) {
	.error-titulo {
      margin-top: -0px!important;
		font-size:5em;
	}
}
@media (max-width: 380px) {
  .error-titulo {
    font-size: 2em!important; }

  .codigo-error,.error-boton {
    font-size: 1em!important; }
}
@media (max-width: 460px) and (min-width: 380px){
  .error-titulo{
    font-size: 4em!important;
  }
}

@media (max-width: 500px) and (min-width:330px){
  .contenedor-padre-error{
    margin-bottom: 0!important;
  }
  .error-content{
  margin-bottom: 260px!important;
  }
}


.error-ul-nav{
  flex-direction: row!important;
}
.button-white{
  border:1px solid;
  background-color: white;
}
/*** footer ***/
footer>hr{
background-color: #fff;}

.footer{
  margin: 0 125px 0 70px;
} 
.footerup{
  display: block;
  margin: 0 30px 0 30px;
}
@media (min-width: 770px){
.footerdown{
  margin-left: 50px;
 }}
 
.footerup{
  padding-top: 30px;
  padding-bottom: 30px;
}
.footerup h1{
  font-size: 3em;
}
.finalfooter{
  margin-top: 20px;
}
@media (max-width: 765px) {
  .finalfooter{
    margin-left: 0;
    margin-top: 10px;
}}
  /*** navbar ***/
.navbar {
  box-shadow: none;
  padding: 0;
  height: 55px;
  margin: 0 125px 0 70px;}

  @media (max-width: 768px) {
  .mantenimiento-content {
    padding: 150px 0 0 0;
  }
}

@media (max-width: 1400px) {
  .mantenimiento-content {
    padding: 175px 0 0 0!important;
  }
}

.error-titulo{
  margin-top: -20px;
}

div.contenedor-padre>div>h2{
  margin-top: 0;
}

.imagen {
  margin-top: -45px;
}

@media (max-width: 1400px) and (min-width: 500px)  {
	div.contenedor-padre-error>div{
		margin-top: -10px;
	}
	
	.error-titulo{
		margin-top: 2px;
	}
	
	div.contenedor-padre-error>div>h2{
		margin-top: 0;
	}
}

@media (max-width: 500px){
	.imagen {
		margin-top: 0;
		height: 110%!important;
		width: 250px;
	}
}

.imagen{
	height: 80%;			  
	width: 100%;
	margin-bottom: 20px;
}

.error-content {
  margin-bottom: 150px;						 
}

.error-content>.contenedo-padre-error>div>div{
	margin-bottom: -30px;									  
}

.footer, .suscribe>div>span{
  color: #fff;
}

.suscribe input,.suscribe input::placeholder , .suscribe>div>span{
  background-color: #80859F!important;
}

.suscribe input,.suscribe input::placeholder{
  color: #9e9e9e;
}

.input-group-text{
  font-size: 16px;
}
.suscribe{
	margin-top: 10px;				   
}
.azulado{
  background-color: #80859F;						  
}

.footerdown{
  padding-top: 10px;
  padding-bottom: 30px;
  font-size: 8px;
}
@media (min-width: 400px) and (max-width: 575px) {
  .error-content {
	  margin-top:25px;
  }
}
@media (min-width: 500px) and (max-width: 575px) {
  .error-content {
    margin-bottom: 0!important;
  }
}

				   
@media (max-width: 770px){
	.footerup{
		margin: 0 0 0 -10px;
	}
	.footer {
		margin: 0 50px 0 70px;
	}	
.error-content{

margin-bottom: 375px;}
}

@media (max-width: 378px){
	.error-content {
		margin-bottom: 240px;
	}		  
}

@media (max-width: 350px){
	.error-content {
		margin-bottom: 290px;
	}					
}

@media (max-width: 330px) {
	.error-content{
		height: 100px;
		margin-bottom:560px;
	}
	.contenedor-padre-error{
		
	margin-bottom: -20px!important;
	}
	
	.navbar-error{
		margin: 0;
	}
	
	.navbar-nav-error{
		margin: 0 0 0 20px;
	}
}
@media (max-width: 1500px) and (min-width: 800px) {
    .mantenimiento{
        height: 333px;
        width: 400px;
    }
    .contenedor-padre .titulo-mantenimiento{
        font-size: 4em;
    }
    .contenedor-padre .cuerpo-mantenimiento{
        font-size: 2em;
    }
    .mantenimiento-content-casco {
        padding: 180px 0 0 0!important;
    }

    .contenedor-padre{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 766px ) {
    .contenedor-xsm-padre{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 800px) {
    .mantenimiento{
        height: 250px;
        width: 275px;
    }
    .contenedor-padre .titulo-mantenimiento{
        font-size: 3.5em;
    }
    .contenedor-padre .cuerpo-mantenimiento{
        font-size: 1.75em;
    }
    .mantenimiento-content-casco {
        padding: 150px 0 0 0!important;
    }

    .contenedor-padre{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 1740px) and (min-width: 1325px) {
    .contenedor-padre h1.toobig{
        font-size: 4em!important;
    }
    .contenedor-padre h2.toobig{
            font-size: 1.5em!important;
        }
}
@media (max-width: 1325px) and (min-width: 1015px) {
    .contenedor-padre h1.toobig{
        font-size: 3em!important;
    }
    .contenedor-padre h2.toobig{
            font-size: 1.25em!important;
        }
}
@media (max-width: 1015px) {
    .contenedor-padre h1.toobig{
        font-size: 2.50em!important;
    }
    .contenedor-padre h1.mantenimiento-casco {
        font-size: 3.25em!important;
    }
}
@media (max-width: 800px){
    h2.texto-mantenimiento-verde{
        font-size: 2.25em!important;
    }
}
@media (min-width: 580px){
    .col-xsm-10{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}
.contenedor-padre-nav{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-height: 760px){
  .navbar {
    margin: 0 125px 0 00px;
  }
}
@media (max-width: 768px) and (min-width: 330px){
  .col-xxsm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }}
@media (min-width: 512px) and (max-width: 992px){
  .col-xxsm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }}
  @media (max-width: 300px){
	   .contenedor-padre-error{
    justify-content: flex-start!important;
  }
    .mantenimiento {
      width: 250px;
      height: 150px!important;
    }}
@media (max-width: 512px){

  .contenedor-padre-nav{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0 0 10px!important;
  }
}
.contenedor-padre-error{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -50px;
  }
@media (min-width: 800px) {

    .mantenimiento-content-casco {
        padding: 150px 0 0 0;
    }
}

@media (min-width: 900px) {

  .col-mds-6{

    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-mds-5{


    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}

@media (max-width: 900px) {
    .seccion-imagen,.cuerpo-pregunta {
        height: 50%!important;
    }
    .seccion-preguntas{
        height: 800px!important;
    }
    .mb-2, .my-2 {
        margin-bottom: 0!important;
    }
}
@media (max-width: 700px) {
    .seccion-preguntas{
        height: 900px!important;
    }
}
.user-icon i, .user-icon span{
  padding-right: 0!important;
}
.badge.badge-success{
  height: 17px;
  width: 25px;
}
.user-icon span{
   padding-top: 10px!important;
 }


.btn-white{
  background-color: #fff;
  color: black!important;
}

.navbar-brand {
  margin-left: 37px;
  height: 24px;
  width: 168px; }

.navbar-nav {
  align-items: center; }

.facebook-icon{
  width: 10px;
}
.twitter-icon{
  width: 25px;
}
.linkedin-icon {
  width: 25px;
}

.instagram-icon{
  width: 25px;
}

.youtube-icon {
   width: 25px;
 }
.facebook-icon,.twitter-icon,.linkedin-icon,.instagram-icon,.youtube-icon{
  height: 25px;
  margin-left: 20px;
}

.titulo-mantenimiento{
    font-size: 5em;
    font-weight: 600;
}
.texto-verde{
  color: #A9BFA0;
}
.texto-blanco,.texto-blanco a{
  color: white;
}

.mantenimiento-content-casco {
  padding: 300px 0 0 100px;
  height: 85vh; }
  .mantenimiento-content-casco .contain {
    padding: 0 15px; }
	.mantenimiento-content-verde {
  padding: 150px 0 0 100px;
  height: 85vh; }
  .mantenimiento-content-verde .contain {
    padding: 0 15px; }
@media (max-width: 520px) {
  .titulo-mantenimiento-verde {
    font-size: 4.5em; }
}
.error-content { 
  padding: 100px;
  }
@media (max-width: 400px) {
	.error-titulo{
    margin-top: 20px!important;
    font-size: 3em!important;
  }
  .error-content {
    margin-left: -30px!important;
  padding: 100px;
  }
  .contenedor-padre-error{
    width: 200px;
  }
  .titulo-mantenimiento-verde {
    font-size: 2.9em; }
  .navbar {
    margin: 10px 10px 0 00px!important;
  }
  .contenedor-padre {
     justify-content: flex-start;
  }
}
.mantenimiento-content-verde>div {
margin-right: 0;
}
@media (max-width: 580px) {

  .mantenimiento-content-verde {
      padding: 75px 5px 0 20px;
    height: 85vh;
      font-family: Roboto,sans-serif!important;}
}
	.fondo-verde{
	background-color: #648857;}
.error404{
    text-align: center;
}
@media (max-width: 582px) {
    .seccion-imagen{
        height: 25%!important;
    }
    .seccion-preguntas {
        height: 75% !important;
    }
    .seccion-preguntas,.cuerpo-pregunta-secundario{
        font-size: 16px;
    }
  /* ------------------------------------ Navbar ------------------------------------ */
  .navbar-brand {
    width: 38px;
    height: 24px;
    margin-left: 0; }

  #navbar-bars {
    width: 50px;
    margin-right: 0; }

body {
  <!--background-color: #f5f5f5;-->
  color: #2E2E2E;
  font-size: 12px;
  line-height: 1.4; }

h1 {
  font-size: 2em;
  font-weight: 500; }

}

h1.pregunt-iportal{
    font-size: 1.75em;
    color: green;
    font-weight: 500;
    padding-bottom: 25px;
}
.cuerpo-pregunta{
    padding-right: 125px;
    padding-left: 25px;
    padding-top: 75px;
    background-color: #DFDFDF;
}

.respuesta-pregunta-iportal{
    text-align: justify;
}

.seccion-preguntas{
    margin: 0;
}
.numero-pregunta-iportal{
    font-size: 5em;
    margin-left: 200px;
    margin-right: -100px;
    margin-top: -25px;
}

.cuerpo-pregunta-secundario{
    margin-top: 50px;
}

.cuerpo-crear-iportal{
    font-size: 1.5em;
    color: #fff;
    height: 300px;
    width: 100%;
    background-color: green;
    margin-top: 40px;
}
.cuerpo-crear-iportal strong{
    font-weight: 500;
    color: #fff;
    text-decoration:none;
}
.contenedor-padre-faq{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contenedor-padre{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1800px){
    .numero-pregunta-iportal{
        margin-right: -75px;
     }
}


@media (max-width: 1500px){
    .numero-pregunta-iportal{
        margin-right: -50px;
    }
}
@media (max-width: 1200px){
    .numero-pregunta-iportal{
        margin-right: 0;
        margin-left: 150px;
    }
}

@media (max-width: 950px){
    .numero-pregunta-iportal{
        margin-left: 100px;
    }
}
@media (max-width: 650px){
    .numero-pregunta-iportal{
        margin-left: 50px;
    }
}
@media (max-width: 600px) {
    .cuerpo-pregunta-secundario {
        padding: 0;
    }
    .numero-pregunta-iportal {
        margin-left: 0;
        margin-right: 25px;
    }
}
@media (max-width: 350px) {
    .numero-pregunta-iportal {
        font-size: 2em;
        margin-right: 0;
        margin-top: 5px;
        margin-left: 10px;
    }
    .cuerpo-crear-iportal{
        font-size: 15px;
        height: 250px;
    }
    .seccion-preguntas, .cuerpo-pregunta-secundario{
        font-size: 15px;
    }
}
.seccion-imagen{
    padding: 0;
    height: 100%;
}
.seccion-preguntas img{
    height: 100%;
    width: 100%;
}
.cuerpo-pregunta{
    height: 100%;
}
.seccion-preguntas{
    height: 475px;
}
.seccion-preguntas img{
    height: 100%;
}
@media (max-width: 1600px) and (min-width: 1300px) {

    .cuerpo-pregunta{
        padding-right: 75px;
        padding-top: 50px;
    }
}


@media (max-width: 1300px) {

    .cuerpo-pregunta{
        padding-right: 50px;
        padding-top: 25px;
    }
}


@media (max-width: 1020px) {

    .cuerpo-pregunta{
        padding-right: 25px;
    }
}


@media (max-width: 970px) {

    h1.pregunt-iportal{
        padding-bottom: 10px;
    }
}
.cuerpo-pregunta-secundario{
  text-align: justify;
}
.respuesta-pregunta-iportal strong{
    font-weight: 500;
}

hr.noshowhr{
    border-top: 0px solid rgba(0,0,0,.1)!important;
}

section.whatsiportal{
    margin-top: 70px;
}
body{
    font-family: Roboto,sans-serif;
}
.minheight-video{
    min-height: 300px!important;
}