/* En esta archivo se deben agregar todos los estilos personalizados para esta Landing */
/* Landing 3 Especifica Pregrado Presencial */

#ingles{	
    font-size: 22px;
}
#ingles h1{
    font-size:40px;
    font-family: OverpassExtraBold;
}
#button_planEstudio{
	border-radius: 30px;
	background-color: transparent;
	border: solid 4px;
	padding: 8px 15px 8px 15px;
	width: 50%;
}
#contenedorForm{
	margin: 3% 0 0 12%;
	max-width: 609px;
}
#contenedorInfo{
	color:white;
	margin:30% 0 0 0;
	padding-left: 7%;
}
#contenedorInfo h1{
	margin:0;
	line-height: 0.8;
}
#contenedorInfo p{
	margin:0;
	line-height: 1;
	font-size: 1rem;
}
#contenedorInfo_pEvoluciona{
	font-size: 1.5vw!important;
}
#contenedorLogo{
    display:none;		
}
#contenedorLogo p {
	font-size:20px;
}
#fondoUno{
    background-size: 0%;
}
#fondoDos{
	padding: 12% 10% 2% 10%;
}
#fondoDos p{
    margin:0;
}
#fondoDos_img7{
	padding: 0 4% 0 4%;
	margin-top: 2%;
}
#fondoDos_img8{
	padding:0;
	margin-top: 2%;
}
#fondoTres{
	text-align: center;
	background-color:#e0e0e0;
	padding: 0 5% 30px 5%;
}
#fondoTres p{
	margin:0;	
}
#fondoTres h1{
    padding-top:3%;		
}
#fondoTres .row{
    margin:0;
}	
#fondoFooter{
    color:white;
    margin-top: -1px;
    padding: 3% 1% 3% 9%;
}
#footer_colUno{ border-right: solid 2px white; font-size: 17px}

#footer_colTres{ font-size: 13px; margin-top: 37px;}

@media screen and (min-width:1880px){
	#fondoDos{ padding: 13% 10% 0 10%!important;} #pregradoPresenciales{font-size:1.2vw} #pregradoPresenciales h1{font-size: 2.5vw}
	#formLanding1 h1 {font-size:1vw!important}
	#contA form #btnSubmit1{ font-size: 0.8vw!important;}
	#formLanding1 input{ height: calc(3rem + 2px)!important; font-size:1vw!important;}
	#formLanding1 select{ height: calc(3rem + 2px)!important; font-size:1vw!important;}
	#contA form {margin-top:-9%!important}
}

@media screen and (min-width:1700px){
	#fondoDos{ padding: 16% 10% 0 10%;	}
	#fondoTres{ margin-top: 30px;}
}

@media screen and (max-width:1199px){
	#fondoDos{ padding: 5% 10% 0 10%;	}
	#contenedorForm{	margin: 3% 0 3% 0; }
	#fondoFooter{ padding: 3% 6% 3% 6%;	}
}

@media screen and (max-width:991px){
	#button_planEstudio{width: 90%}
	#contenedorInfo{ margin: 45% 0 0 0;}
	#contenedorInfo_pEvoluciona{ font-size: 1.3rem!important;}
	#contenedorInfo h1{ font-size: 3.4vw!important; line-height: 1;}

	#img_background{display:none}

	#fondoUno{ background-size: inherit; background-position-x: 15%;background-position-y: 0;}

	#fondoDos_img7{ padding: 0 4% 0 4%; margin: 3% auto 0 auto}
	#fondoDos_img8{	padding:0; margin: 3% auto 0 auto}

	#fondoFooter{ text-align:center}

	#footer_colUno{ border:none}

	#formLanding1{	margin: 5%;	}

	#formRadio{ font-size:15px!important;}

	#labelsForm{ font-size: 13px!important;	}
}

@media screen and (max-width:767px){
	#contenedorInfo { margin: 4% 0 0 0;}
	#contenedorInfo h1{	font-size: 9vw!important;}
	#contenedorInfo_pEvoluciona{ display: none;}

	#contenedorLogo{ display:initial; text-align: center; }

	#contenedorLogo{ display:initial; background-color: #424242; padding: 0 10px 0 90px; color: white; background-repeat: no-repeat}
	#contenedorLogo p { margin: 12px 0 12px 0; text-align: center;}

	#fondoUno{ background-size:0; background-color: #0561ae; border-radius: 0 0 100px 100px;}
	
	#footer_colTres{margin: 0 0 20px 0}
	
	#contenedorForm{margin:0}
}

@media screen and (max-width:550px){
	#ingles h1{font-size:33px}
	#contenedorInfo h1{	font-size: 12.5vw!important;}
	#fondoDos{text-align: justify}
	#formLanding1{ padding: 30px 20px 30px 20px!important; }
	#formLanding1 select{ font-size:16px; }
}

/*------------------------------  Estilos para los FORMS GENERAL ------------------------------*/
#contA form{ padding: 10px 50px 25px 50px; border-radius: 30px !important; text-align: center; margin-top:-12%}
#contA form #btnSubmit1{ font-size: 13px; width: 100%; margin-top:3%; color:black; font-weight: 600}
#contA p{ margin: 0 0 15px 0;}
#formLanding1{ background-color:white; margin: 0 15px 0 15px; -webkit-box-shadow: -1px 3px 29px -6px rgba(0,0,0,0.68);
-moz-box-shadow: -1px 3px 29px -6px rgba(0,0,0,0.68); box-shadow: -1px 3px 29px -6px rgba(0,0,0,0.68);}
#formLanding1 input{ border: none; border-bottom: 1px solid; height: calc(2rem + 2px);}
#formLanding1 label{color:red; font-size:13px; font-style:oblique}
#formLanding1 h1{ font-size: 20px;margin-bottom:1%; font-weight: 700;}
#formLanding1 span{	color:black; margin-bottom:1%; font-weight: 100;}
#formLanding1 a:hover{ color: #0561ae;}
#formRadio{ text-align:left; line-height: 1; font-size:0.9vw; font-weight: bold}
#formRadio label{ color:black; font-size:0.8vw; font-style: inherit;}
#labelsForm{ font-size:0.8vw; }

/* Estilos del Loader al enviar el formulario */
.enviando{ border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid red; width: 40px!important; height: 40px;
	-webkit-animation: spin 2s linear infinite; /* <- Safari */ animation: spin 2s linear infinite;
}
/* Safari -> */@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform:  rotate(0deg); } 100% { transform:  rotate(360deg); }
}
/*--------------------------- FIN Estilos para los FORMS GENERAL ------------------------------*/