/*base*/
html {background-color: white;
}


header {border-bottom-style: shadow; 
}
/*responsive navbar*/
@media screen and (max-width: 400px)
	{.navbar-brand {width: 60%; height: 70%;}, #logo-1 {justify-content: start;}
	}
@media screen and (max-width: 330px)
	{#logo-1 {width: 100%;height: 100%;}
	}	



/*footer style*/
#pie-pagina {background-color: #01182D; 
	color: white; 
	;
}

a {color: white;
}
a:hover {color:#436483; 
	text-decoration: none;
}

/*responsive footer
@media screen and (max-width: 400px)
	{#logo-2 {width: 80%; height: 80%; align: center;}
	}

@media screen and (max-width: 400px)
	{.xra-5 {padding: 0px; font-size: 70%;}
	} */



/* inicio*/

/*carrousel*/
.carousel-caption {height: 65%; margin-bottom: 0rem;}

.carousel-item {width: 100%; height: 100%;}

h1 {font-family: Helvetica, Arial, sans-serif; font-size: 7vw;}

.subtitulo.carousel {font-family: Helvetica, Arial, sans-serif; font-size: 4vw;}

/*seccion mas informacion*/
h3 {font-family: Helvetica, Arial, sans-serif;}

h2 {font-family: Helvetica, Arial, sans-serif;}

h4 {font-family: Helvetica, Arial, sans-serif;}


#seccion-info {background-color: #01182D;
	color: white; 
	padding-top: 1.8rem;
}

#bcon {background-color: #436483;
    width: 14rem; height: 3rem;  
    color: white;
    border: none;
font-family: Helvetica, Arial, sans-serif; 
}

/* cabecera paginas after header */
.contenedor{
   width: 100%; 
   position: relative; 
   text-align: left; 
}
 

.texto-encima{
	/*font-size: 5vw;*/ 
	font-family: Helvetica, Arial, sans-serif; 
	color: white;
	position: absolute;
    top: 6.5vw;
    left: 14%;
    /*transform: translate(-50%, -50%);*/
}

form{width: 80%; text-align: right;}

input, textarea, select { background-color: rgba(116, 146, 172, 1); 
						 border: 1px solid rgba(84, 106, 125, 1); 
						 margin: 0 0 5px;
						-webkit-appearance: none;
						width: 100%;
    					-moz-appearance: none;}

input::placeholder, textarea::placeholder{
  color: white;
}

#boton2 {display:  inline-block; 
    background-color: #436483;
	width: 30%; 
	height: 50%;
	color: white;
    border: none;
	font-family: Helvetica, Arial, sans-serif; font-size: inherit;
	}