body {
    background-color: #fff;
margin-top: none;
    margin: auto;
    width: 768px;
    height: 664px;   

}



hr.barrita {
    

background-color: #63E09E;
width: 768px;
height: 19px;
margin: auto;
margin-top: none ;  
    
}

header {
    background-color: #fff;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: -200px;
    width: 730px;
    margin: 0px;
    
        
}


#logo {
    margin: 0px;
    width: 120px;
    height: 120px;
   
    
}

h1{
    display: inline-block;
    width: 120px;
margin-top: 10px;
    margin: 0px;
    padding: 0px;
}


/*/----h1#logo {
    margin: 0px;
    margin-right: 0px;
    padding: 0px;
    width: 120px;
    height: 120px;
    float: none;
    
}
----/*/

nav{
    
    margin: 0px;
    padding:0px;
    float:right;
    width: 560px;
    height: 42px;
    
}

ul{
    
 margin-top: 60px;

}



/*/CATEDRA/*/

#b1{
    text-decoration-color: currentColor;
    text-decoration: none;
    display:inline-block;
    padding-top: 0px;
    padding-right: 0px;
    list-style: none;
   width: 113px;
    height: 42px;
 background-image: url(img/images/images/botonera2_01.png) ;
 
    

}

#b1:hover{
    
    background-image: url(img/images/images/botonera1_01.png);  }



/*/DOCENTES/*/

#b2{
    display:inline-block;
    padding-top: 0px;
    padding-right: 0px;
list-style: none;
   width: 113px;
    height: 42px;
 background-image: url(img/images/images/botonera2_02.png) ;
 
    

}

#b2:hover{
    
    background-image: url(img/images/images/botonera1_02.png);  }

 /*/ALUMNOS/*/

#b3{
    display:inline-block;
    padding-top: 0px;
    padding-right: 0px;
    list-style: none;
   width: 113px;
    height: 42px;
 background-image: url(img/images/images/botonera2_03.png) ;
 
    

}

#b3:hover{
    
    background-image: url(img/images/images/botonera1_03.png);  }

/*/EXPO/*/

#b4{
    display:inline-block;
    padding-top: 0px;
    padding-right: 0px;
   
list-style: none;
   width: 113px;
    height: 42px;
 background-image: url(img/images/images/botonera2_04.png) ;
 
    

}

#b4:hover{
    
    background-image: url(img/images/images/botonera1_04.png);  }



hr.linea {
   margin-top:20px;
    color: #000
        


}


section{
    align: center;
    background-color: #fff;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: -200px;
    width: 768px;
    margin: 0px;
    
    

}

#seccion{
 align-content: center;

}


article{
    
 background-color: #fff;   
width: 730px;
    height: 111px;
   padding-top: 10px;
    padding-left: 20px;
    padding-right: -200px;
    margin: 0px;
    
}

#tp1 {
 display: inline-block;
    width: 179px;
    height: 111px;
    background-image:url(img/trabajos_02.png);
padding-top: 0px;
    padding-right: 0px;
    margin: auto;
}

#tp1:hover{
    
    background-image: url(img/trabajos2_02.png);  }

#tp2 {
     display: inline-block;
    padding-left: 0px;
    width: 179px;
    height: 111px;
    background-image:url(img/trabajos_03.png);
padding: auto;
    margin: auto;
}


#tp2:hover{
    
    background-image: url(img/trabajos2_03.png);  }


#tp3 {
  display: inline-block;
    width: 179px;
    height: 111px;
    background-image:url(img/trabajos_04.png);
padding-top: 0px;
    padding-right: 0px;
    margin: auto;
}


#tp3:hover{
    
    background-image: url(img/trabajos2_04.png);  }

#rotulos {
   display: inline-block;
    width: 179px;
    height: 111px;
    background-image:url(img/trabajos_05.png);
padding-top: 0px;
    padding-right: 0px;
    margin: auto;

}

#rotulos:hover{
    
    background-image: url(img/trabajos2_05.png);  }

main{
    background-color: #fff;
width: 768px;
    height: 780px;
}