*{ padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    }

body{
    font-family: "trebuchet ms", arial, helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url(imagenes/fond.jpg);
    background-size: cover;
    padding: 0;
    margin: 0;
    min-height: 0em}


.conjunto{display: flex;
        flex-direction: row-reverse;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
             margin-top: 0;
        padding-bottom: 1.5em;
        padding-top: 7em;
        margin-top: 0;
        border-top: 0;
        padding-left: 1em; 
         }
    
h1{font-size: 1.5em;
    padding-left: .5em;
    padding-top: 1.4em;
    
    }


h3{font-size: 1em;

    padding-right: 2em}

header div{ 
        display: flex;
        align-content: center;
        justify-content: center;
        padding: inherit;
        height: 2.4em}

header img{
            width:3em;
            height: 1.em;
            padding-bottom: 1em}
        

body header a{
                display: flex;
                align-items: center;
                padding: 0em;
                margin-top: 1em;
                padding-bottom: 0em}

header nav{
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #cecece}

header nav li a:hover{                
                      color: #777777;
                      text-decoration: none;
                      background-color: #f0f0f0;}



header nav ul{
            display: flex;
            padding: 0em;
            margin: inherit;
            width: 100%;
            align-items: center;
            justify-content: center}

header nav ul li a{
                    color: white;
                    text-decoration: none;
                    font-weight: bold;
                    display: block;
                    margin: .25em;
                    padding: 1em;
                    padding-bottom: .50em;
                    padding-top:.50em;
                    }

main{
    display: flex;
    flex-direction: column;
    padding: 0em; 
    margin: 0em;
    background: linear-gradient(#ffffff, rgba(255, 255, 255, 0.05));}
/*
main h1{
        display: flex;
        font-family: 'Quicksand', sans-serif;
        align-items: center;
        justify-content: center}*/ 
        
.cabeza{font-family: 'Montserrat', sans-serif;
       
       
        }



main img{
        width: 5em;
        height: 5em;
        border-radius: 3em;} 



section{
            display: flex;
            flex-direction: column;
            align-items:flex-end;
            align-content: flex-end;
            justify-content: flex-end;
            padding: 0em;
            margin: 0em;
            }

.submenu{text-decoration: none;
            color: #f4f4f4;
        padding-top: 0em;
            padding-right: .5em;
            font-weight: 700}

.submenu li a{ color: #d8b337;
                padding-bottom: 1.5em;}


.submenu2{text-decoration: none;
            color: #f4f4f4;
        padding-top: 0em;
            padding-right: 2.9em;
            font-weight: 700;
            padding-bottom: 1em}

/*
main div nav li:active> ul{  
                            display:block;
                            background-color: rgb(206, 206, 206);
                            box-shadow: 2px 2px 2px #cecece;
                            padding: .80em;
                            border-radius: 2em;
                            top: 38.5em;
                            margin: .50em;
                            box-decoration-break:clone;
                            font-weight: bold;
                            color:white;
                            border-style: dotted;
                            border-width: thin
                            }





 

main nav li a:hover{
                color: #777777;
                
                text-decoration: none;
                background-color: #f0f0f0;
                 }

main nav li:hover{width: 22vh;}

*/

main section{
                display: flex;
                align-items: flex-end;
                justify-content: flex-start;
                padding: 0;
                
                }



.menu{ 
                color: #ffffff;
                padding: .7em;
                margin-bottom: 1em;
                text-decoration: none;
                font-family: 'Montserrat', sans-serif;
                background-color: #b2bdb9;
                border-bottom-left-radius: 1em;
                border-top-left-radius: 1em;
                width: 50%;
                display: flex;
                justify-content: 
                
                box-shadow:inset 2px 0px 0px rgba(120, 120, 120, .4), inset -0px -3px 4px rgba(255,255,255,.4);}

.menu{width: 100%}

.menu {width: 28vh; 
                        }




footer{
        background-color: rgba(206, 206, 206, 0.14);
        padding: .5em;
        margin: 0em;
        text-align:left;
        color: #ffffff;}

footer nav ul{
              display: flex;
              background-color: #25372d;
              list-style: none;
              text-decoration: underline; 
              padding: 0;
              margin: 0;
              padding-bottom: 2em;
              padding-top:0;
              padding-left: 1em;
              margin-top: 1em
              }



footer nav ul li a{
                    display: block;
                    margin: .7em;
                    padding: 0em;
                    background-color: #25372d;
                    margin-bottom: .5em;
                    padding-top: 0em;
                    flex-direction: row;
                    border: 0em;
                    height: 0em;
}

footer p{ 
         padding: 0;
         padding-bottom: 3.5em;
         margin: 0;  
         margin-top: inherit;
         font-weight:100;
}

p{font-size: .7em}
li{
    display: flex;
    justify-content: flex-start;
    flex-direction: column}



.footer{
        background-color: #25372d;
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2.8em;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 1em}


@media screen and (min-width: 1105px){
    body{   background-image: url(imagenes/fondc.jpg);
            }}