body {
    margin-left: 2rem; 
    margin-right: 2rem;
    background-color: black;
    color: #fc6a0f;
    position: relative;
    font-family: 'Amatic SC', cursive, sans-serif;
    font-size: 10pt;
    width: 960px;
    }
'header { border: 1px solid red;}

div#pagina{
   width: 960px;
   margin: auto;
   margin-top: 1rem;
 }

ul {
margin: 0;
padding: 0;
}

@font-face {
    font-family: 'bahianaregular';
    src: url('bahiana-regular-webfont.eot');
    src: url('bahiana-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bahiana-regular-webfont.woff') format('woff'),
         url('bahiana-regular-webfont.ttf') format('truetype'),
         url('bahiana-regular-webfont.svg#bahianaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Header */


header {
   margin-top: 2rem;
 }

.redes_sociales {
    list-style-type: none;
    display: inline block;
    margin-top: 0.5rem;
    float: left;
    background-color: black;
    color:#fc6a0f ;
}

.redes_sociales li{
    display: inline;
    margin-left: 1rem;
    margin-top: 0.5rem;
    float: left;
    color: #fc6a0f;
    background-color: black;
    font-size: 1rem;
        }

.redes_sociales li a{
    display: inline;
    margin-top: 0.5rem;
    float: left;
    color: #fc6a0f;
    background-color: black;
        }

.logo_container {

  float: right;
  position: absolute;
  padding-left: 1rem;
  margin-top: -10rem;
  padding-top: 1rem;

  
}

.title_image {
 margin-left: 0;
 margin-top: 0rem;
 width: 960px;

}

.navegador {    
    list-style-type: none;
    color: white;
    margin-left: 1rem;
    background-color: #1da8ad;
    margin-top: 1rem;
    
}

.navegador li{
   margin-top: 1rem;
   padding-left: 3rem;
   display: inline;
   color: white;
   font-size: 2rem;
   margin-left: 4rem;
         }

.navegador li a{

    color: white;
    text-decoration: none;
   
         }

.navegador a:hover {
    color: orange;
}
    

.botonera {
    list-style-type: none;
    display: inline block;
 
    
    

}

.botonera li{
    display: inline;
    margin-left: 0;
    padding-left: 3rem;
        }

.botonera li a{
    display: inline;
    margin-left: 0;
    
        }

/* Fin Header */

.imagencentral  {
 padding-left: 24%;  
 margin-top: 2rem;
 background-color: #29787b;
 width: 960px; 
 }

.comentarios  {
  float: left;
  margin-top: -40rem;

     }

.tweets li a {
  float: right;
  margin-top: -42rem; 
 
 }
.tweet {
  float: right;
  margin-top: -24rem; 
  margin-right: -15rem;  

 }


footer {
    border-top: 1px solid gray;
    text-align: center;
    color: #e0e0e0;
    margin-top: 10rem;
    font-size: 1,5rem;
}
  /* html agenda */

.imagenagenda  {    
 background-color: #29787b;
 
 }

  /* html info catedra */

h1 {

  padding-left: 3rem;
  font-size:  2rem;
  color: orange;
 }

p  {
    padding-left: 3rem;
    color: white;
    font-size: 2rem;
    
 }

section #.plantel01  {

 float: right;
 margin-top: 3rem;
 width: 100%;
 background-color: #29787b;
  }
     
.plantel02  {
 margin-left: 30rem;
 margin-top: -35rem;
 
 }

  /* html trabajos */

.imagentrabajos {
    padding-top: 2rem;
    margin-left: -1rem;



 }
  /* html twiter */

.zachinchin {
    border-top: 1px solid gray;
    margin-top: -1rem;
     }

.zachindice  {
padding-top: 2rem;
 padding-left: 20%; 

     }

h2 {
  padding-left: 3rem;
  position: relative;
  font-size:  3rem;
  color: #fc6a0f;
 }
h3 {
  position: relative;
  font-size:  1.5rem;
  color: #1da8ad;
  padding-top: -0.5rem;
  padding-left: 3rem;
  line-height: 0;
     
 }