body{
margin: 0;
background-color: #fff;
font-family: Verdana, Geneva, Tahoma, sans-serif;

}
nav{
    display: flex;
    justify-content: space-between;
    align-content: space-around;
    padding: 1rem;
    box-sizing: border-box;
    

}
nav img{
 width: 15rem ;

}
nav a {
    background-color: #702730;
    border-radius: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.5rem;
    padding-bottom: 0.5rem;
    color:#fff;
    text-decoration: none;
 
}
nav a:hover{
    background-color: #22993c;
    color:rgb(17, 16, 16)

}
#titulo{
    background-color: #702730;
    color: #fff;
    width: 100%;
    height: auto;
    font-size: 1rem;
    box-sizing: border-box;
}

h1{
display: flex;
font-size: 2rem;
color:#fff ;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
box-sizing: border-box;
}

#banner_1{
display: flex;
justify-content: center;
height:35rem;
width: 100%;
background-size: 100vw,100vh;
background-attachment:local;
background-repeat: no-repeat;
margin-bottom: 2rem;
animation-name: banner;
animation-delay: 1s;
animation-duration: 30s;
animation-iteration-count: infinite;
}

@keyframes banner {
  0%,29% { background-image:url(..//img/img01.jpeg) ;
            opacity: 1;}

  30%,31% { opacity: 0.1}

  32%,60% {background-image:url(..//img/img02.jpeg) ;
           opacity: 1;}
  61%,62% { opacity: 0.1}

  63%, 98%  {background-image:url(..//img/img03.jpeg) ;
            opacity: 1;}

  99%,100% { opacity: 0.1;}  

}


#area_trabajo{
    display: flex;
    width: 80%;
    margin: auto;

}
 #nuestra_r{
     background-color: #397A99;
     border-radius: 1rem;
     justify-content: center;
     margin-bottom: 1rem;
     margin-top: 1rem;
     background-image: url(../img/T_logo.jpg) ;
     background-repeat: no-repeat;
     background-position: 50% 95%;
     background-size: 35% ;
 }

 ul{

    display: flex;
    justify-content: space-around;
    margin: auto;
    box-sizing: content-box;
    padding-inline-start: 0;
    flex-direction:row;
 }
   li {
       display: flex;
       align-items: center;
    text-align: center;
    list-style-type: none;
    background-color: #702730;
    border-radius: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color:#e6e177;
     
 }

 li:hover {

background-color: #22993c;

 }

 li:active {
    background-color: #2293c0;

 }

#t_nuestra_r{
    padding-left:5rem ;
    padding-right: 5rem;
}

p span{
  font-style: italic;
  color:#E6E177;

}
#textAreaTrabajo {
    max-width: fit-content;
  
}

p{
    display: flex;
    padding-left: 10%;
    width: 80%;
    text-align: justify;
    color: #fee6b7;
    font-size: 1.2rem;
}

#mjs_cliente{
margin: 1rem;
background-color:#397A99 ;
color: #fff;
text-align: center;

border-radius: 1rem;



}

#mjs_cliente h2{

    margin-block-start: 0;
    display: flex;
    align-items: center;
 text-align: center;
 list-style-type: none;
 justify-content: center;
 background-color: #702730;
 border-radius: 1rem;
 padding-left: 1.5rem;
 padding-right: 1.5rem;
 padding-top: 3rem;
 padding-bottom: 3rem;
 color:#e6e177;

}

input, textarea{
 width: 70%;
 padding: 1rem;
 box-sizing: border-box;

}

#btn_enviar{
color:#fff;
background-color: #702730;
font-size: 1.8rem;
border-radius: 1rem;
}

#btn_enviar:hover{
background-color: #22993c;
color:rgb(17, 16, 16);
}


footer{
   /* display: flex;*/
    background-color: #702730;
    color: #fff;
    width: 100%;
    height: 15rem;
    font-size: 1rem;
    box-sizing: border-box;
 /*   align-items: flex-end;
    justify-content: center;
    */
}

footer div {
width: 100%;
height: 10rem;
background-color: #397A99;
color:#fee6b7;
display:flex;
justify-content: space-around;

}

footer p{
text-align-last: center;
padding-top: 2rem;


}
#marca{
    font-size: 1rem;
    font-style: italic;
    color: saddlebrown;
}