/* Hoja de estilos de JT49 */

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

body{
    background: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    font-family: 'Oswald', sans-serif;
    color: rgb(255,255,255);
    text-decoration: none;
}

.container {
    margin-right: auto;
    margin-left: auto;
    clear: both;
    width: 1000px;
}

.clearfix {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

h1{
    font-size: 24px;
    border-bottom: 2px solid #000;
}

h2{
    font-size: 18px;
    background: #fff;
    padding: 3px 0px 3px 5px;
}

p {
    font-size: 13px;
    text-align: justify;
    font-family: 'Droid Sans', sans-serif;
}


.cabecera{
    width: 150px;
    height: 150px;
}

.logo {
    float:left;
    width:141px;
    height: 75px;
    background: #FFED00;
}

    
.catedra {
    float: left;
    width: 141px;
    margin: 10px 0px 0px 0px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}

.navigation {
    float: left;
    height: 150px;
    width: 850px;
    margin-top: -150px;
    margin-left: 210px;
}

.jt49{
    height: 50px;
    width: 600px;
    margin-left: 80px;
    color: #B2E820;
    font-size: 24px;
}

nav {
    height: 100px;
    margin: 0px 0px 0px 40px;
}

nav ul {
    list-style: none;
    height: 100px;
    padding-left: 40px;
}

nav ul li {
    float: left;
    margin: 0px 20px 20px 0px;
}

nav ul li a {
        padding: 15px;
        font-size: 21px;
        color: #ffffff;
        text-decoration: none;
        border-top: 2px solid #FFED00;
        border-bottom: 2px solid #FFED00;
        border-left: 2px solid #FFED00;
        border-right: 2px solid #FFED00;
}

nav ul li a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
}

.articleindex{
    margin-top: 50px;
    background: #B2E820;
    color: #000;
    padding: 5px 25px 15px 25px;
}

.articlecarta{
    margin-top: 50px;
    background: #B2E820;
    color: #000;
    padding: 5px 25px 15px 25px;
    height: 300px;
}

.carta1{
    width: 295px;
    float: left;
    margin-right: 32.5px;
}

.carta2{
    width: 295px;
    float: left;
}

.carta3{
    width: 295px;
    float: left;
    margin-left: 32.5px;
}

.verproyecto{
    background: #000;
    color: #fff;
    width: 170px;
    height: 35px;
    font-size: 21px;
    padding: 6px 0px 5px 15px;
}

.verproyecto img{
    height: 21px;
    margin-left: 10px;
}

.verproyecto2{
    background: #000;
    color: #fff;
    width: 170px;
    height: 35px;
    font-size: 21px;
    padding: 6px 0px 5px 15px;
    margin-top: 135px;
    margin-right: 15px;
    float: right;
}

.verproyecto2 img{
    height: 21px;
    margin-left: 10px;
}

.foto{
    width: 320px;
    float: left;
}

.foto img{
    width: 300px;
}

.descripcion{
    width: 680px;
    float: left;
    background: #fff;
    height: 300px;
}

.descripcion h2{
    color: #000;
}

.descripcion p{
    color: #000;
    line-height: 25px;
}

.nivel{
    width: 210px;
    float: left;
    margin: 0px 0px 10px 15px;
}

.nivel h2{
    background: #000;
    color: #fff;
    width: 195px;
}

.nombrealumno{
    color: #FFED00;
}

.articlemapa{
    margin-top: 50px;
    background: #B2E820;
    color: #000;
    padding: 5px 25px 15px 50px;
}