a {text-decoration: none;}

body {
font-family: 'Hind Guntur', sans-serif}

nav {margin:0px; padding:0}

nav ul{background-color: #ff6464;
display:flex;
       font-size: 8pt;
    color:white;
     position: fixed;
    top: 0;
    left:0;
    width: 100%;
     justify-content:space-between;
    padding:0;
   
    margin:0 ;
    
    align-items:center;
    
    
      
    
}

nav a {color:white;
    display:block;
    width: 115px; 
    height: 25px;
    margin:0;
    line-height: 10pt;
    font-weight: 600;
    
}

nav a h4 {margin:0 ; font-weight: 100 }

nav a img{width: 25px;
height: 25px;
border-radius: 90px;
        margin-right: 5px;
    
}
nav img {float:left;
            }



ul {list-style-type: none;
    margin:0; padding:0;
    
}

nav img {}

body{background-color: rgba(136, 136, 136, 0.29);
margin:20px 0px 0px 0px;
padding:0;
justify-content: center;}


aside ul {display: flex;
            justify-content: space-around;
                position: fixed;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #6496c8;
    box-shadow: 0px -2px 3px #101010;
   
       
       }
 
aside img {height: 30px;margin:0;padding:4px
            }


section{margin-bottom: 50px}


        /*inicio*/

body .inicio {background-color: #6496c8;
            }

header.inicio {font-weight: 600;
    background-color: aliceblue;
    margin:0;
    padding:20px 0px 0px 0px;

    display:flex;
    justify-content: center
                            ;}




ul.inicio li a {color: white}

ul.inicio {display:flex;
            flex-direction: column;  
            justify-content:space-between;
           align-items: center;
            text-align: center;
            height: 100%;
                                ;
            
         
            
;}

ul.inicio a {color:white;
            display: block;}

ul.inicio li {color:white;
}

ul.inicio h2{            color:white;
        font-size: 10pt;
            line-height:1em;
            font-weight: 100;
            max-width: 300px;
                margin:0;
                padding:5px;
      border-color:rgba(255, 255, 255, 0.26);
    border-top-style: solid;
    border-width: 2px;
    
                
}



ul.inicio img {height:40px ; width: 40px;
}

/* cursos */

header.cursos {font-weight: 600;
    background-color: aliceblue;
    margin:0;
    padding:20px 0px 0px 0px;

    display:flex;
    justify-content: center }


ul.cursos {display: flex;
    flex-wrap: wrap;
            justify-content:center;
            ;
    
        
        
            }

ul.cursos div{position: relative;
    margin:5px;
    height: 110px;
    width: 110px;
    background-color: #000000;
    box-shadow: 2px 2px 6px #5c5757;
    
              
            }

ul.cursos div h3{font-size:0.6em;
                line-height:1.5em;
    position:absolute;
        ;bottom:0px;
                color:white;
right: 0;
background-color: rgba(0, 0, 0, 0.37);
padding:2px 2px 0px 6px;
}

ul.cursos div img{width: 100%;height: 100%
    ;opacity:0.5;
                }


            /*DESCRIPCION DE CURSOS*/

section.descripcion header img {width: 100%;
                                ;
                                margin:0;
                    }

section.descripcion header div ul{display: flex;
                                 justify-content:space-between;
                    padding: 0px 10px 0px 10px;
                    margin:0;
                    background-color: black;
                    color:white;        
    font-size: 0.8em;
}
section.descripcion div.parrafo {height: 70px}
section.descripcion div.parrafo div{margin:0 8px; padding:0;
                                    display:block;
    float:left
                                    }

section.descripcion div.parrafo h2 {margin:0; padding:0;height:30px; 
                                    font-size:2.2em;
                                    
}
section.descripcion div.parrafo h4 {margin:0; padding:0;
                                    font-weight: 100;
                                    font-size:0.8em;height:1em;
}

section.descripcion div.parrafo p {line-height: 1em;
                                    font-size: 0.8em
                                    }
    

  /*horarios*/

section.descripcion ul.info {display:flex;
                        text-align:center;
                              justify-content: center; }


section.descripcion ul.info li {
                                background-color:white;margin:0px;
                        text-align: center;
    margin:2px; 
    padding:10px 0 0 0;
    
                        
                                }

section.descripcion ul.info li h4 {width:100px;                                     margin:0;
                                    padding:0; 
                                    text-align: center;
                             font-size: 0.8em;
                            line-height: 1em;
                            width: 70px;

                    
    
            }

section.descripcion {margin:0;
                        padding:0;}


section.descripcion ul.info img {height:40px;
             
                                }


section.descripcion h5 {text-align: center;
                        line-height: 1em;
                        margin:4px 0 0 0;
                        padding:7px  ;
                        font-weight: 300
}

/*inscripcion*/
section.inscripcion {;
                }
section.inscripcion h6 {margin:0; padding:0 0 0 10px }

section.inscripcion div ul{display:flex;
                        flex-wrap: wrap;
                        justify-content: center;
    margin:0
                        
    
                        
    }

section.inscripcion div li {height: 70px;
                            width: 70px;
                            background-color:white;
                            border-radius: 90px;
                            margin:3px;            
}

section.inscripcion div li img {height: 70px;
                            width: 70px;                
                            border-radius: 90px;
                            ;            
}


            /*CURSOS PROPUESTOS*/ 

section.propuestas {margin: 50px 0 60px 0}

section.propuestas div.ofrecercurso{padding:0;
                                  width:85%;
                                    height: 60px;
                                    background-color: #6496c8;
                                margin:auto;
}

section.propuestas div.ofrecercurso li{display: inline;
                                    }

section.propuestas div.ofrecercurso a  {color:white;                   
                                        display:block;
                                        text-align: center;
                                        font-size:1.2em;
                                        padding:16px;
                                                            ;
}

h5.propuestas {margin:10px 0 0 0;
                padding:0 0 0 10px;
}

div.propuestas  {margin:0;
                padding:0;
                }

div.propuestas ul {}

div.propuestas li {display:block;
                    height: 75px;
                    background-color: white;
                    margin:8px 0;
                    font-size:0.8em;}

div.propuestas img.propuestas {height: 75px;
                    float:left;
                    margin-right: 5px;
    margin-top: 7px ;
                    box-shadow: 1.5px 2px 5px rgba(85, 85, 85, 0.74)}

div.propuestas h5 {margin:0;padding: 7px 0 0 0;}
div.propuestas p {margin:0;padding:0;
                    line-height: 10pt}

div.propuestas a {display:block;
                    height:100%;
                    color:black;}

div.propuestas li img.barras {float:right; 
        margin:0; padding:0;
    
        
            }




                    /* PERFIL*/

section.miperfil header {font-weight: 600;
    background-color: aliceblue;
    margin:0;
    padding:20px 0px 0px 0px;
text-align: center}


section.miperfil ul.notif {display:flex;
                        justify-content: center;
                        padding:10px 0 0 0;
                    }

section.miperfil li {
                    line-height: 1.5em;
                    margin:0;}

section.miperfil h3{margin:10px 0 0 0;
                    font-size: 1.5em}

section.miperfil h4{margin:0;
                    font-weight: 100 ;
                    line-height: 1em}

section.miperfil h6{margin:5px;
 
                    text-align:center;
line-height: 1em}

section.miperfil img {height: 100px;
                        border-radius:90px;
                      margin: 0 10px }

ul.notif h5{text-align: center;
                        margin:0 10px;
                        line-height: 1em}

ul.notif p {font-size: 0.8em;
                        background-color: #d1d0d0;
                        padding: 10px;
                        margin:0 10px;
                        border-radius: 10px;
                        width: 90px;
                        height: 70px;
                        line-height: 1em
    
                        }


div.calendario {overflow: auto;
    white-space: nowrap;
    margin:10px 0 0 0;
}

section.calendario div.calendario p{
                         text-align: center;
                            font-size: 0.8em;
                        line-height: 1.2em;
                        background-color: #84abd1;
                      
                    display:inline-block;
                    height: 45px;
                    width: 30px;
                    margin:0 ;
                    padding:8px 0 0 0;
                    font-weight: 600;
    color:rgba(0, 0, 0, 0.69);  }

section.calendario h4{margin:15px 0 5px 10px;
                        font-weight: 600}

div.diaseleccion {background-color: white;
                    height: 45px;
                margin: 5px 0}
            
div.diaseleccion h3 { float: left; background-color:  #84abd1;
    height: 45px;
    margin:0px 0 0 0;
    padding: 0 5px;
    font-size: 1.2em;
        
                        }
div.diaseleccion p {display:inline-block;
                    margin:10px}