.body
    {background-color:#0CC6F5;
     height: auto;
     max-width: 1100px;
     margin: 5%;
     margin-left: 5%;
     font-family: 'titillium', sans-serif;
     color: white;  
     font-size: 16px;}

.cabeza{height:70px;
        width: 90%;
        margin-top:8%;
        margin-bottom: 2%;
        display: block;
         margin-left: 2%}


.listado,a { list-style: none;
        text-decoration: none;
        color: white;    
        margin-bottom: 5%;
        
        height:30%;
        width: 100%;
    display: block;} 


 #botonera
   {width: 18%;
    background: #3399FF;
    text-align: center;
    font-weight: 300;
    margin-left:1%;
    flow-from: left;
    top: 50px;
    left: 180px;
   line-height:60px;
   float:left;
   display:inline-block;
    border-radius: 5%;}


#botonera:hover {background-color: #004173;
                 font-size: 20px;}

#seccionprimera{height: 500px;
                width: 70%;
    background-color: #3399ff;
    margin-bottom:5%;
    margin-left: 15%;
    margin-right: 10%;
    border-radius: 3%;}

#foto {background-color: #004173;
       display: inline-block;
       border-radius: 4%;
       height: 20%;
       width:30%;
       margin-top:2%;
       margin-left:2%;
       margin-bottom: 2%;      
       float: left;}

#informacionpersonal{text-align: center;
                     margin-left: 2%;
                     margin-right: 2%;
                     float: left;}

.footer{background-color: #3399ff;
        height: 15%;
        width:100%;
        text-align: center;
        display: block;
        clear: both}


/* adicional carta tendencia */

#parrafo {margin-left: 2%;
          margin-right: 2%;
          margin-bottom: 1%;
    margin-top: 1%;
           font-size: 12px;}

/* este es el listado carta tendencia */

.listadopersonal {width: 90%;
                  height: auto;
                  text-align: center;
                  margin-left: 3%;                  
                  margin-bottom: 2%;
                  float: left;
                  list-style: none;
                   text-decoration: none;}
                  
#itemlistadopersonal {width: 30%;
                      height: 16px;
                      margin-left: 1%;
                      margin-bottom: 2%;
                      background-color: #004173;
                      border-radius: 5%;
                      float: left;
                      font-size: 11px;
                       text-align: center;
                       }

#itemlistadopersonal:hover {background-color: cornsilk;
                             color:black;
                             font-size: 14px;}

/* DATOS PARA JT03 */

#seccionjt {width: 100%;
            height:90%;            
            margin-left: 5%;
            float:left;
            display:block;
            clear: both;
            text-align:justify;
            }

#datosuniversidad {background-color: #3399ff;
                   width: 40%;
                   height: 50%;
                   margin-bottom: 2%;
                   margin-top: 2%;
                   margin-left: 2%;
                   margin-right: 2%;
                   float: left;
                   font-size: 14px;
                   padding: 2%;
                   border-radius:3%; }

#fotointegrantes {width: 40%;
                  height: 60%;
                  margin-left:8%;
                   float: left;
                   border-radius: 5%;
                   position: relative;}

#botonintegrantes {
                   
                   width:45%;
                   height: 2%;
                   background: #004173;
                   margin-top: 2%;
                   margin-bottom: 5%;
                   text-decoration: none;
                   text-align: center;
                   list-style: none;
                   font-size: 16px;
                   margin-left: 5%;                     
                   top: 10%;
                   left: 180px;                   
                   float:left;                   
                   border-radius: 5%;
                
                   }
                   
#botonintegrantes: hover {background-color: cadetblue;
                         color: black;}