body {
    margin: auto;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 12pt;
    background-color: #fafafa;
}

a {
    text-decoration: none;
}

.curso {
    margin: auto;
    width: 100%;
}

.portadaCarrera {
    margin: auto;
    width: 100%;
    background-color: #132447;
    text-align: center;
    }

.contenido {
    width: 800px;
    margin: auto;
}

.alto50 {
    height: 50px;
    width: 100%;
}

.alto20 {
    height: 20px;
    width: 100%;
}

.tituloPagina {
    height: 0px;
    width: 100%;
    position: relative;
}

.tituloPagina div {
    display: inline-block;
}

.titulo {
    transform: translateY(-50%);
    color: #1c2646;
    font-size: 20pt;
    font-weight: bold;        
}

.titulo span {
    font-weight: 100;
}

.bienvenida {
    width: 100%;
}

.bienvenida div {
    display: inline-block;        
}

.bienvenida-mensaje {
    width: 60%;
    transform: translateY(-15%);
}

.bienvenida-titulo {
    font-weight: bold;
    font-size: 20pt;
    color: #1c2646;
}

.bienvenida-texto {
    color: #243f8c;
    font-size: 14pt;
    margin-top: 5px;
}

.bienvenida-boton {
    background-color:#1c2646;
    background-image: url('../imgs/icon_check.png');
    background-repeat: no-repeat;
    background-position: right;
    color:#fff;
    text-align: center;
    margin-top: 15px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 18pt;
}

.bienvenida-imagen {
    width: 300px;
}

.imagina {
    width: 69%;
    margin: auto;
    font-size: 22pt;
    color:#1c2646;
    text-align: center;
    font-weight: bold;
    height: 90px;
    background: url('../imgs/sub_avion.png') no-repeat bottom right;
}

.tabla-limites {
    width: 100%;
}

.tabla-limites div {
    display: inline-block;
}

.tabla-limites-mensaje {
    width: 50%;
}

.tabla-limites-mensaje-titulo {
    font-weight: bold;
    font-size: 18pt;
    color:#1c2646;
}

.tabla-limites-mensaje-texto {
    font-size: 14pt;
    color:#243f8c;
    margin-top: 5px;
}

.tabla-limites-tabulador {
    background: url('../imgs/fondo_lista_vacio.png') no-repeat center;
    width: 45%;
    height: 350px;
    position: relative;
}

.tabla-limites-tabulador-elemento {
    height: 27px;
    width: 60%;        
    margin-left: 70px;
    margin-bottom: 2px;
    padding-top: 13px;
    text-align: left;
    font-size: 10pt;
    vertical-align: middle;
    font-weight: bold;
    color: #000;
    background: url('../imgs/ico_check_green.png') no-repeat right;
    
}

.validez {
    width: 100%;
}

.validez div {
    display: inline-block;
    width: 49%;
}

.validez-sello {
    text-align: center;
}

.validez-sello div {
    display: block;
    width: 100%;
}

.validez-texto {
    font-size: 18pt;
    font-weight: bold;
    color:#243f8c;
    text-align: center;
    width: 100%;
}

.validez-texto span {
    color:#1c2646;
    margin-right: 10px;
}

.validez-mensaje div {
    display: block;
    width: 100%;
}

.validez-mensaje-titulo {
    color:#1c2646;
    font-size: 18pt;
    font-weight: bold;
    width: 100%;        
}

.validez-mensaje-texto {
    margin-top: 10px;
    font-size: 14pt;
    text-align: justify;
    color:#243f8c;
}

.validez-mensaje-texto span {
    color:#1c2646;        
}

.funciones {
    background-color: #f0f0f0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 50px;
}

.funciones-titulo {
    text-align: center;
    color:#1c2646;
    font-weight: bold;
    font-size: 20pt;
    width: 60%;
    margin: auto;
}

.funciones-titulo div {
    padding: 20px;
}

.funciones-tabla {
    display: table;
    width: 100%;
}

.funciones-linea {
    display: table-row;
    width: 100%;        
}

.funciones-item {
    display: table-cell;
    width: 28%;
    padding: 2%;
    text-align: center;        
}

.funciones-item-titulo {
    font-size: 16pt;
    font-weight: bold;
    color:#1c2646;
}

.funciones-item-texto {
    margin-top: 5px;
    color:#333;
    font-size: 12pt;
    text-align: left;
    padding-top: 10px;
}

.materias {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 50px;
}

.materias-titulo {
    text-align: center;
    color:#1c2646;
    font-weight: bold;
    font-size: 20pt;
    width: 70%;
    margin: auto;
}

.materias-titulo span {
    color:#243f8c;
}

.materias-titulo div {
    padding: 20px;
}

.materias-periodo {
    margin: auto;
    font-weight: bold;
    font-size: 18pt;
    color:#8dc63f;
    text-align: center;
    background: url('../imgs/periodos_termina.png') no-repeat left;
    height: 30px;
    width: 450px;
    padding-top: 20px;
}

.materias-tabla {
    display: table;
    width: 100%;
}

.materias-linea {
    display: table-row;
    width: 100%;        
}

.materias-item {
    display: table-cell;
    width: 28%;
    padding: 2%;
    text-align: center;        
}

.materias-item-elemento {
    font-size: 12pt;
    background: url('../imgs/pin_materia.png') no-repeat left;
    text-align: left;
    padding-left: 45px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 3px;
}

.tussuenos {
    background: url('../imgs/fondo_mensaje.png') no-repeat center #ccc;
    width: 100%;
    height: 250px;
    text-align: center;
    font-weight: bold;
    font-size: 32pt;
    color:#1c2646;
    padding-top: 250px;
}

.inicia-estudios {
    width: 100%;
    background-color: #a8d4f3;
    height: 300px;
}

.inicia-estudios div {
    display: inline-block;
}

.inicia-estudios-imagen {
   width: 35%; 
   text-align: right;
   margin-top: 100px;
}

.inicia-estudios-mensaje {
    width: 55%;
    margin-left: 3%;
}

.inicia-estudios-mensaje-texto {
    font-size: 20pt;
    font-weight: bold;
    color:#1c2646;
    width: 80%;
}

.inicia-estudios-mensaje-boton {
    background-color:#1c2646;
    background-image: url('../imgs/icon_check.png');
    background-repeat: no-repeat;
    background-position: right;
    color:#fff;
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 18pt;
}