@charset "utf-8";

/* Reglas generales */

* { box-sizing: border-box;
    margin: 0;
    padding: 0;
    border:0 ; 
    text-align: center;
    font-family: "rubik"; "sansserif";
   
}


#barra li {
 padding: 0; ;
    display: inline;
     
 }

#barra li a {
 font-family:"rubik"; "sansserif"
 font-size: 8px;
 text-decoration: none;
 float: left;
 padding:17px;
 background-color: indianred;
 color: gainsboro;
   
 }

#barra li a:hover {

 padding-bottom: 17px;
    border: 200px;; 
    border-bottom: 7px solid; color: ghostwhite;
  padding-bottom: 10px;
     }

  
}
p{text-align: center
}

.logo {background-color: indianred;
   
    
    
}
#barra {
    background-color: indianred;
    height: 54px;
    
}   


h1{ 
     
         line-height: 3em;
     align-content:center;
    color: indianred;
    margin-top:px;
        font-size: 30pt;
 
    
  
}


.fotoperfil{   width: 280px;
background-color: gainsboro;
    padding-top: 15px;
       float: left;
 padding: 15px;
    height: 290px;
   margin-left: 380px;
  
}
  
.caja2{
    height: 290px;
    margin-left:690px;
         width: 280px;
   color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
    padding-top: 40PX;
         
          }

.red1{  
   margin-top: -22px;
    color: #6a1127;
    float: left;
     margin-left:-290px;
    position: absolute;
  
}
  

.red2{  
  
    float: left;
      margin-left:-250px;
   margin-top:-58px;
    position: absolute;
}

.red3{  
   
    float: left;
      margin-left:-210px;
   margin-top:-75px;
    position: absolute;
    margin-top: -95px;
}



h2 { background-color:wheat;
    color: indianred;
   font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  padding: 8px;
       width: 350px;
     margin: 25px;
 margin-left: 510px;
   margin-top: -50px;
   
}

h3 {
    color: indianred;
 
}


ul {list-style: none;
    
    
}
.cursadas{   width: 280px;
background-color: gainsboro;
    padding-top: 15px;
    color: #4d4d4d;
    float: left;
 padding: 15px;
    height: 230px;
    margin-left: 380px;
    margin top: 258px;
  
  
}
  
.encurso {
    height: 230px;
    margin-left: 690px;
         width: 280px;
     background-color: gainsboro;
       color: #4d4d4d;
    padding: 15px;
  
          }

.subt {
   
    margin-top: -13px;}




.cajatexto{
 
   margin-left:380px;
         width: 588px;
   color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
    padding-top:30PX;
     height: 120px;
}



.bocetoap {
    margin-top: 8px;
   width: 60%;
    
}

.compa1 {
background-color: gainsboro;
    padding-top: 15px;
    color:gainsboro;
    float: left;
 padding: 15px;
       margin-left: 590px;
    list-style: none;
    
}


.compa2 {
   
    margin-left: 695px ;
    width:100px;
    height: 50px;
           color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
     list-style: none;
             
          }


.cajalogo1 {
background-color: gainsboro;
      color:gainsboro;
    float: left;
        margin-left: 275px;
    list-style: none;
     height: 150px;
    padding: 30px;
    
}


.textologo1 {
   
    margin-left: 350px ;
    width:300px;
    height: 150px;
           color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
     list-style: none;
             
          }


.cajalogo2 {
background-color: gainsboro;
      color:gainsboro;
    float: left;
        margin-left: 275px;
    list-style: none;
     height: 150px;
    padding: 30px;
    
}


.textologo2 {
   
    margin-left: 350px ;
    width:200px;
    height: 150px;
           color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
     list-style: none;
    margin-top: -100px;
             
          }






footer {
    background-color: wheat;
    color:  #4d4d4d;
    padding: 1em;
    margin: 2em 0 0 0;
    color: grey;
}

footer p{
    font-size: 0.7em;
}

#logo { float: left;
    background-color: indianred;

    margin-right:900px;
    
}


.cajaplan{
    height: 260px;
    margin-left:380px;
         width: 580px;
   color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
    padding-top: 40PX;
                   }

.cajaplan1{
    height: 135px;
    margin-left:380px;
         width: 580px;
   color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
    padding-top: 40PX;
                   }

.cajaplan2 {
    height:115px;
    margin-left:380px;
         width: 580px;
   color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
    padding-top: 40PX;
                   }



.cajaplan3 {
    height: 270px;
    margin-left:380px;
         width: 580px;
   color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
    padding-top: 40PX;
                   }




.cajaplan4  {
    height: 220px;
    margin-left:380px;
         width: 580px;
   color:gainsboro;
    background-color: gainsboro;
       color: gray;
    padding: 15px;
    padding-top: 40PX;
        
                   }
/* reglas de plan.html */







/* primero mobile*/








/* segundo escrtitorio*/