@charset "utf-8";
/* 
  UNIVIA - Universidad Virtual de America
  --------------------------------------------------
  Descripcion: Estilo para la pagina de Becas
  Autor: Cuauhtemoc G. Togo
  Fecha: Enero 2015
  Contacto: contacto@univia.edu.mx
 */

.titulo_pagina {
  box-shadow: 0px 2px 0px #ccc;
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
  text-align:center;      
  width: 1000px;
}

.titulo_pagina .logo {
  background-image:url(../img/becas/banner_pagina_1000x300.jpg);
  background-repeat:no-repeat;
  height: 300px;
  position: relative;
  left: 0px;
  width: 1000px;
}

.espacioInformacion {  
  width: 100%;
}

.espacioInformacion > div {
  display: inline-block;
  vertical-align: top;
}

.informacion { 
  margin: 3%;
  width: 500px;
}

.felicidades {
  color: #243e8d;
  font-size: 2em;
  margin-bottom: 20px;
}

.informacion .texto {
  font-size: 1.2em;
}

.imagenBecas {
  background: url(../img/becas/icono_becas.png) center no-repeat;
  height: 400px;
  width: 430px;
}

.campo {
  margin: 2%;
}

.campo > .texto {
  color: #243e8d;
}

.campo #nombre, .campo #correo {
  width: 400px !important;
}

.campo select {
  height: 33px !important;
  width: 195px !important;
}

.campo input, .campo select {
  border: solid 2px #aaa;
  font-size: 1.2em;
  padding: 5px;
  width: 183px;
}

.campo input:focus, .campo select:focus {
  border-color: #8dc63f;
}

.leyenda {
  color: #333;
  margin: 2%;
}

.leyenda a {
  color: #333;
  font-weight: bold;  
}

.botonContinuar { 
  background: #8dc63f;
  color: #fff;  
  cursor: pointer;
  font-size: 1.4em;
  height: 30px;
  margin: 30px auto;
  padding-top: 7px;
  text-align: center;
  width: 250px;
}

.botonContinuar:hover { 
  background: #243e8d;
}

.dudas {
  background: #132448;
  color: #fff;
  font-size: 1.6em;
  height: 60px;
  padding-top: 40px;
  text-align: center;
  width: 100%;
}

.dudas a {
  text-decoration: none;
}

.dudas a > span {
  background: #8dc63f;
  color: #fff;
  cursor: pointer;
  margin-left: 15px;
  text-decoration: none;
  padding: 10px 15px;
}

.dudas a > span:hover {
  background: #a7d6f9;
}

.espCursos {
  min-height: 300px;
  margin: 0px 50px;
  width: 900px;
}

.espCursos > div {
  display: inline-block;
  vertical-align: top;
}

.espCursos .curso {  
  cursor: pointer;
  height: 250px;
  position: relative;
  width: 25%;
}

.espCursos .curso a {
  text-decoration: none;
}

.espCursos .liston600 {  
  height: 80px;
  left: 10px;
  position: absolute;
  top: -45px;
  width: 180px;
}

.mexico .imagenBanner {
  background: url(../img/inicio/buva_garantia_univia_2014.jpg);
}

.mexico .liston600 {
  background: url(../img/inicio/web_2014_promo_pesos.png);
}

.usa .imagenBanner  {
  background: url(../img/inicio/buva_garantia_univia_2014.jpg);
}

.usa .liston600 {
  background: url(../img/inicio/web_2014_promo_dolares.png);  
}

.espCursos .cursoCarreras .imagen {
  background-image: url(../img/inicio/web_2014_icono_birrete.png);  
}

.espCursos .cursoPreparatoria .imagen {
  background-image: url(../img/inicio/web_2014_prepa.png);  
}

.espCursos .cursoIngles .imagen {
  background-image: url(../img/inicio/web_2014_icono_ingles.png);  
}

.espCursos .cursoAsesorias .imagen {
  background-image: url(../img/inicio/web_2014_icono_asesoria.png);  
}

.espCursos .curso .imagen {
  background-color: #a7d6f9;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 60px;  
  height: 120px;
  margin: 0px auto;
  width: 120px;
}

.espCursos .curso .texto {
  font-size: 1.2em;
  color: #999;
  margin: 10px 0px;
  text-align: center;  
}

.espCursos .curso .titulo {
  font-size: 1.4em;
  font-weight: bold;
  color: #243e8d;
  height: 50px;
  margin: 20px 0px 0px 0px;
  text-align: center;
  text-transform: uppercase;
}

.espCursos .curso:hover .imagen {
  background-color: #243e8d;
}

.tituloCursos {
  color: #488cc9;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin: 40px 0px;
}

#registroListo {
  color: #488cc9;
  display: none;
  font-size: 1.4em;
  margin: 20px;
  text-align: center;
}

#registroListo .titulo {
  color: #243e8d;
  font-size: 1.4em;
  font-weight: bold;
  margin: 15px;
  text-transform: uppercase;
}

#registra {
  background: #f54;
  color: #fff;
  display: none;
  font-size: 1.2em;
  margin: 20px 10px;
  min-height: 30px;
  padding-top: 10px;
  text-align: center;
  width: 420px;
}

#terminos {
  background: #eee;
  display: none;
  margin: 5%;
  padding: 5%;
}

#terminos .titulo {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}