body
    {
    font-family: univers LT std;
    font-size: 100%;
    max-width: 1200px; 
    margin: 0 auto; 
    /*background-image:*/
    }

@charset "utf-8";
/*CSS Document*/

*{margin:0px}

/*//////// HEADER //////////*/

header {
    width: 100%;
    height: 5rem;
    margin-left: 2rem;
    margin-right: 2rem;
    background: #DADAD9;
    margin: 0px;
}

nav  {
    float: right;
    width: auto;
    margin-top: 65px;
    margin-right: 20px;
}

ul {
    list-style: none;
    padding: 0;
}
    
a:link {
    text-decoration: none;
    color: #000;
}

a:visited {
    text-decoration: none;
    color: #000;
}

/*//////// BOTONERA PRINCIPAL //////////*/

#menuprincipal {
    list-style: none;
    margin: auto;
    padding: 0rem;
}

#menuprincipal li {
    margin: 1rem;
    padding: 0rem;
    border: 0rem;
    float: right;
}

#menuprincipal li a {
    display:flex;
    padding: 1rem;
    text-decoration: none;
    text-align: center;
    font-size: .8rem;
}

#menuprincipal li a:hover {
    color:#66FF99;
}

/*//////// SECTION //////////*/

div#naty {
    background-image: url(img/NATYBYN.jpg);
    height:600PX;
    width:1200px;
}

div#natycolor {
    background-image: url(img/NATYCOLOR.jpg);
    height:600PX;
    width:1200px;
    visibility: hidden;
}

div#naty:hover div#natycolor {
    visibility: visible;
}

/*//////// MATERIAS //////////*/

#aprobadas{
    width: 1200px;
    height: 8rem;
    background-color: #DADAD9;
    margin: 0rem;
    margin-top: 1rem;
}

#aprobadas li{
    list-style: none;
    width: 8rem;
    float: left;
    margin: 0rem;
    padding: 1.3rem;
    float: left;
}

#aprobadas p {
    background: #DADAD9;
    padding: 2px; 
    border-top: 8px solid #66FF99;
    max-width: 1200px; 
    margin:auto; 
}

#colormateria {
    color: #66FF99;
}

#diseño{
    font-size: .6rem;
}

#diseño li{
    color: black;
    margin: 0rem;
    padding: 0rem;
    text-align: justify;
    width: 6rem;    
}

#morfo{
    font-size: .6rem;
}

#morfo li{
    color: black;
    margin: 0rem;
    padding: 0rem;
    text-align: justify;
    width: 6rem;    
}

#tipo{
    font-size: .6rem;
}

#tipo li{
    color: black;
    margin: 0rem;
    padding: 0rem;
    text-align: justify;
    width: 6rem;    
}

#comu{
    font-size: .6rem;
}

#comu li{
    color: black;
    margin: 0rem;
    padding: 0rem;
    text-align: justify;
    width: 6rem;    
}

#tecno{
    font-size: .6rem;
}

#tecno li{
    color: black;
    margin: 0rem;
    padding: 0rem;
    text-align: justify;
    width: 6rem;    
}

#medios{
    font-size: .6rem;
}

#medios li{
    color: black;
    margin: 0rem;
    padding: 0rem;
    text-align: justify;
    width: 6rem;    
}

#historia{
    font-size: .6rem;
}

#historia li{
    color: black;
    margin: 0rem;
    padding: 0rem;
    text-align: justify;
    width: 6rem;    
}

/*//////// FOOTER //////////*/

footer {
    background: #DADAD9;
    width: 100;  
    /*text-align:justify;*/ 
    padding: 0 5px; 
    height: 80px; 
    /*float: left;*/
    border-top: 8px solid #66FF99;
    max-width: 1200px; 
    margin: 2rem auto; 
}

.textofooter{
    color: #000;
    font-family: univers LT std;
    font-weight: 400;
    font-size: .6rem;
    text-align:left;
    padding-top: 1.2rem;
    padding-bottom: 1.2;
    margin-left:8rem;
    margin-top: .5rem;
}

.logouba {
    margin-left: 9rem;
    width: 5%; 
    float: left; 
    padding-top: .7rem;
    /*opacity: 1.0;
    filter: alpha(opacity=100);*/
    
}