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


    /*-----------BODY---------------*/

body{       background-color: rgb(255, 255, 255);
            font-family: 'Courier New', Courier, monospace;
            margin: 1%;
            
            box-sizing: border-box;
            display: block;
            margin-top: 2em;
            margin-bottom: 2em; 
        }
       
             

div {width: 100%;
    display: flex;}


.menu ul    {align-items:center;
            display: flex;
            margin: 1vw;
            list-style: none;
            font-family: Arial, Helvetica, sans-serif;
            border-radius: .5em;
            }


    li .inicio    {     text-decoration: none;
                    width: 100px;
                    margin: 1px;
                    padding: 5px;
                    box-sizing: block;
                    list-style:none;
                    color: rgb(255, 255, 255);
                    background-color:rgb(87, 111, 134) ;
                    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    border-radius: .2em;
                    box-shadow: 0px 1px 5px 0px #000000;
                }
    li .mapa {      
                text-decoration: none;
                width: 100px;
                margin: 1px;
                padding: 5px;
                box-sizing: block;
                list-style:none;
                color: rgb(255, 255, 255);
                background-color:rgb(87, 111, 134) ;
                font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                border-radius: .2em;
                box-shadow: 0px 1px 5px 0px #000000;}
                
    li .plan{       text-decoration: none;
                width: 100px;
                margin: 1px;
                padding: 5px;
                box-sizing: block;
                list-style:none;
                color: rgb(255, 255, 255);
                background-color:rgb(87, 111, 134) ;
                font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                border-radius: .2em;
                box-shadow: 0px 1px 5px 0px #000000;}

    li .webapp{         text-decoration: none;
                    width: 100px;
                    margin: 1px;
                    padding: 5px;
                    box-sizing: block;
                    list-style:none;
                    color: rgb(255, 255, 255);
                    background-color:rgb(87, 111, 134) ;
                    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    border-radius: .2em;
                    box-shadow: 0px 1px 5px 0px #000000;}

ul  .links     {margin: 5px;
            color:rgb(141, 204, 229) ;
            text-decoration: none;
            background-color: rgb(107, 164, 182);
            box-shadow: 1px 2px 3px 25px;}

            
    /*-------------HEADER------------*/

header{         font-family: Arial, Helvetica, sans-serif;

                width:100%;
                margin: auto;
                padding: 2em;
                background-color: rgb(95, 132, 101);
                box-sizing: border-box;
                text-align: center;
                border-radius: .5em;
                box-shadow: 0px 3px 8px 0px #000000;}


    .nombre     {display: flex;

                    height: auto;
                    width: 100%;
                }

                
h1 .dalmiro {
    margin: auto;
    font-weight: 700;
    font-size: 7vw;

}

/*-------------------IMAGEN Y VARIABLES PARA VENTANAS-------------------------------*/

img       { width: 100%;
             height: auto; }

    .fotodeperfil{  max-width: 50%;
                padding: 1em;
                margin: auto; 
                display: block; 
                height: auto;
            border-radius: 2em;}

    .xxl{max-width: 30%;
        align-items: center;}
    .xl{max-width: 30%;}

 a:hover{ color:aliceblue;
        }   

/*---------------------------MAIN--------------------------------*/
              
main {          max-width:  100%;
                margin: auto;
                display: block;
              
                border-radius: .5em;
                }  

                .informacion {background-color:  rgb(121, 159, 174);
                    box-shadow: 0px 3px 8px 0px #000000;
                border-radius: .5em;}
    
/*TEXTO CONTACTO*/
    .contacto{      margin: auto;
                    font-weight: 50vw;
                    font-size: 4vw; 
                    width: 100%;
                    text-align: center;
                }

/*LINKS DENTRO DE CONTACTO*/
    body nav ul li :hover{    background-color: rgb(134, 194, 234);          
                color: rgb(249, 252, 251);

                 

    }


                


h1,
h2,
h3,
h4,
h5,
p{      color: rgb(255, 255, 255);
        margin-bottom: .5em;
        margin: auto;
        font-family: Arial, Helvetica, sans-serif;
        list-style: none;
        padding: .5em;}



.titulo{    width: 100%;
            background-color: rgb(121, 159, 174);}
    
    .margencontacto{ padding: 1em;}    
/*------ PROPUESTA INDIVIDUAL------------*/

.propuesta {display: flex;
    flex-direction:column;
            background-color: rgb(91, 142, 171);
            flex-direction: row;
            flex-wrap: wrap;
            max-width: 100%;
            padding: 1rem;
            gap: 0em;
            border-radius: .5em;
            box-shadow: 0px 3px 8px 0px #000000;
            }

.falopa {
        flex-wrap: wrap;}

.A {max-width: 100%;}
.B {width: 50%;}
.C {width: 50%;}

.propuesta article {display: flex;
                    margin-block: 1em;
                    align-items: stretch;}




/*------------------------ ACA TODO FOOTER*--------------------------*/

footer{             width: 100%;
                    margin: auto;
                    display: block;
                    background-color:rgb(95, 135, 95) ;
                    margin-block-end: 1vw;
                    border-radius: .5em;
                    box-shadow: 0px 3px 8px 0px #000000;}
                    

footer  .obligatorias .footer{   
                            padding: 10em;
                            width: 50%;
                            color: #000000;
                           /* margin: 22654654563px;
                            display: block;
                            margin-block-start: 1em;
                            margin-block-end: 1em;
                            margin-inline-start: 8px;
                            margin-inline-end: 0px;*/
                            }