body {background: #605D74;
    font-size: 12px; }

header { width: 100%;
        height: 200px;
        background: #EFEFEF;
        margin: 0;}

main {  width: 100%;
        min-height: 500px;
        height: 700px;
        background: #EFEFEF;
        margin: 0;}

footer { width: 100%;
        height: 100px;
        background:#EFEFEF;
        margin: 0;}

section { width: 100%;
        min-height: 500px; 
        height: 300px;
        float: left;
        margin: 3% 0%;
        background: #EFEFEF;
        display: inline-block;}

section article {width: 40%;
        height: 500px;
        background: none;
        float: left;
        margin: 1% 0 0 20%; }

h1 {font-family: "Open Sans Condensed", sans-serif;
    font-size: 1.7EM;
    line-height: 1.4Em;
    padding: 3%;
    color: #F15F62;}

h2 {font-family: "Open Sans Condensed", sans-serif;
    font-size: 1.4EM;
    line-height: 1.4Em;
    padding: 3%;
    color: #000;}

h3 {font-family: "Open Sans Condensed", sans-serif;
    font-size: 2EM;
    line-height: 1.4Em;
    width: 70%;
    margin: 3%;
    padding: 1%;
    color: #000;
    background: #F15F62;
    display: block;}

h4 {font-family: "Open Sans Condensed", sans-serif;
    font-size: 10EM;
    line-height: 1.4Em;
    color: #F15F62;
    }

p { font-family: "Open Sans Condensed", sans-serif;
    font-size: 1.2EM;
    line-height: 1.5Em; 
    padding: 0px 3%;
    color: #000;}

ul {list-style: none;}

.objetivo {width: 80%; height: 450px; margin: 0 5%}

.home {margin-left: 10%}

.docentes {width: 20%;
        height: 500px;
        background: none;
        float: left;
        margin: 1% 5%; }

.menu {  position: relative;
    margin: 0% 1%;
    padding: 10% 0%; 
    font-family: "Open Sans Condensed", sans-serif;

    }
 
.menu li a {width: 10%;
            height: 15px;
            background: none;
            color: #605D74;
            text-decoration: none;
            padding: 0%;
            display: block;
            float:left;
            margin: 2%;
            align-items: center;
            text-align: center;
            font-size: 1.4EM;}


.subm { position: absolute;
        width: 20%;
        margin: 0%;
        padding:0%; 
        font-family: "Open Sans Condensed", sans-serif;
        
    }
 
.subm li a {
            width: 20%;
            height: 30px;
            background: none;
            color: #F15F62;
            text-decoration: none;
            margin-top: 15%;
            align-items: center;
            text-align: center;
            font-size: 1EM}

.subm2 {position: absolute; 
        width: 20%;
        margin-left: 13%;
        padding:0%; 
        font-family: "Open Sans Condensed", sans-serif;
        
    }
 
.subm2 li a {
            width: 20%;
            height: 30px;
            background: none;
            color: #F15F62;
            text-decoration: none;
            float:none;
            margin-top:10%;
            align-items: center;
            text-align: center;
            font-size: 1EM}

.subm3 {position: absolute; 
        width: 20%;
        margin-left: 25%;
        padding:0%; 
        font-family: "Open Sans Condensed", sans-serif;
        
    }
 
.subm3 li a {
            width: 20%;
            height: 30px;
            background: none;
            color: #F15F62;
            text-decoration: none;
            float:none;
            margin-top: 10%;
            align-items: center;
            text-align: center;
            font-size: 1EM}

.subm4 {position: absolute; 
        width: 20%;
        margin-left: 35%;
        padding:0%; 
        font-family: "Open Sans Condensed", sans-serif;
        
    }
 
.subm4 li a {
            width: 20%;
            height: 30px;
            background: none;
            color: #F15F62;
            text-decoration: none;
            float:none;
            align-items: center;
            text-align: center;
            font-size: 1EM}

.subm5 {position: absolute; 
        width: 20%;
        margin-left: 45%;
        padding:0%; 
        font-family: "Open Sans Condensed", sans-serif;
        
    }
 
.subm5 li a {
            width: 20%;
            height: 30px;
            background: none;
            color: #F15F62;
            text-decoration: none;
            float:none;
            align-items: center;
            text-align: center;
            font-size: 1EM}


.menu a:hover {color: #F15F62;}

.pagina {margin: 0 auto; max-width: 960px;}  

.barra { width: 80%; margin-left: 10%;}

.logo { height: 100px; width: 100px; float:left; margin: -30px 0px;}

.texto { background: #fff;}

.col {width: 65%; margin: 0 10%; float:right; position: relative; }

.col1 { width: 30%; float: left; margin: 0 3%;}

.col2 { width: 30%; float:left; margin: 5% 40%; position: relative}

.yo { width: 15%; background: none; margin: 0% 2%;position: absolute; float: left;}

.vn11 {margin: 0 2%; position: absolute; float: left;}

.plan {width: 90%; margin: 0 3%;}


.catedra {float: left; width: 50%; margin: 5% 3.5%;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

@media screen and (max-width: 768px) { 
    main {height: 1800px;}
    section {width: 100%;}
    aside {display:none;}
    section article {width: 70%; height: 300px; margin-left: 15%;}
    .tri {display: none;}
    .logo {display: none;}
    .icono1 {display: none;}
    .icono2 {display: none;}
    .icono3 {display: none;}
    .icono4 {display: none;}
}