*{box-sizing: border-box; margin: 0;}
@font-face{ src: url("poiret.ttf"); font-family: encabezado;}
*{box-sizing: border-box; margin: 0;}
@font-face{ src: url("poiret.ttf"); font-family: encabezado;}
@font-face{ src: url("Prompt-ExtraLight.ttf"); font-family: parrafos;}
@font-face{ src: url("Quintessential-Regular.ttf"); font-family: titulos;}
@font-face{ src: url("Prompt-Regular.ttf"); font-family: listas;}

h1,h2,h3,h4,h5{font-family: titulos;}
p{ font-family: parrafos; }
nav li{font-family: listas;}



/*encabezado------------------------------------------*/
header{width: 100%;display: flex;flex-direction: column;height: auto;}
        .contacto{padding: 10px;background-color:rgba(9, 48, 103, 1.0) ;width: 100%;display: flex;
          justify-content: space-between;color: #D0D3D4;}
          .contacto2{padding: 10px;background-color:rgba(9, 48, 103, 1.0) ;width: 100%;display: flex;
          justify-content: space-between;color: #D0D3D4; position: fixed;z-index: 10;transition: 1s;}

        .logo{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;margin-top: 30px;}
           .imglogo{width: 150px;height: 150px;margin-right: 20px;}
                   .imglogo img{width: 100%;height: 100%;}
            .logo h1{letter-spacing: 15px;font-size: 30pt;text-shadow: 0px 0px 2px #C7B754;font-family: encabezado;}
                   .tocho {font-size: 50px;text-shadow: 1px 1px blue;}
                   .logo a{text-decoration: none;color: inherit;}

        nav{width: 100%;height: auto;display: flex; flex-direction: column;padding-bottom: 0px;}
            nav p{float: left;font-family:listas ;margin-left: 10px;font-size: 15pt;}
            nav img{width: 40px ;height: 30px;margin-left: 30px;cursor: pointer;float: left;}
             ul{padding: 0;list-style-type: none;margin: 0 auto;transition: 0.5s;}
             nav a{display: block; text-align: center;text-decoration: none;height: 40px;margin-top: 5px;
                   font-size: 20pt;padding-top: 3px;background-image:linear-gradient( to right,rgba(9, 48, 103, 1.0) ,rgba(9, 48, 103, 1.0));
                   background-size: 0% 5px;background-repeat: no-repeat;background-position: bottom left;color: inherit;transition: 1s; }
             nav a:hover {background-size: 100% 5px;}

       .encabefoto{width: 100%;height: 400px;display: flex;background-image: url(fotos/servicios2.jpg);background-size: cover;
                    background-position: center center; }  
                    .titulo1{width: 100%;min-width: 300px;height: auto;display: flex;
                            justify-content: left;align-items: center; }
                            .titulo1 div { border-left: 10px solid #C7B754;border-bottom: 10px solid #C7B754;padding: 10px;
                                         font-size: 20pt;margin-left: 10%; background-color: #EAEDED;}

/*cuerpo----------------------------------------------------*/

main{width: 80%;height: auto;max-width: 1200px;margin: 0 auto;display: flex;flex-direction: column;}
      .entrada0{width: 100%;height: auto;padding-top: 50px;font-size: 20pt;text-align: center;line-height: 50px;}
       
      .servicios1{width: 100%;height: 0px;display: flex;text-align: left;background-color: #EAEDED;
        transform: scale(0.0);transition: 0.5s;}
             .fotoser{width: 50%;display: flex;align-items: center;justify-content: center;
                      padding: 30px 0px 30px 0px ;}
             .fotoser img{width: 300px;height: 300px;border-radius: 100%;
                        filter:drop-shadow( 0 0 5px black);}
             .fotoser img:hover{filter: grayscale(50%);}           
             .resumenser{width: 50%;padding: 20px;display: flex;align-items: center;}
                #derecho{font-size: 35pt;background: linear-gradient(to right,#C7B754 ,transparent);
                                    background-size: 100% 10px;background-repeat: no-repeat;background-position: bottom;
                                    padding-bottom: 10px;margin-top: 50px;}

                .resumenser p{font-size: 20pt;margin: 30px;} 
                .doblef{color: rgba(9, 48, 103, 1.0) ;margin-right: 20px;cursor: pointer;transition: 0.5s;font-size: 40pt;}
                .flecha{color: rgba(9, 48, 103, 1.0);margin-right: 10px;}           

/*pie de pagina----------------------------------------------------*/
             

footer {width: 100%;height: auto;background-color: rgba(9, 48, 103, 1.0 );margin-top: 50px;}
       .legales {width: 100%;display: flex;justify-content: space-between;}
       .legales div{width: 300px;height: auto;background-color: ;padding: 30px 20px 30px 20px;;}
                   .legales h4{color: #EAEDED;margin-bottom: 5px;text-decoration: underline;text-decoration-color: #C7B754; }
                   .legales p{color: #D0D3D4;margin-bottom: 5px;font-style: italic}
                   .legales a {text-decoration: none;color: #D0D3D4;display: inline;}
                   .legales a:hover{background: #C7B754;color:rgba(9, 48, 103, 1.0 ) ;}
                   .telep{margin-right: 5px;}
                   
        .copy p{color: #D0D3D4;text-align: center;padding-bottom: 10px;margin-right: 20px;}
        .copy a{color: inherit;text-decoration: none;}