*{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/despacho4.jpg);background-size: cover;
                    background-position: center center; }  
                    .titulo1{width: 100%;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;}

     .entrada1 , .entrada2 {width: 100%;height: auto;display: flex;margin: 50px 0;background: #EAEDED;border: solid 2px #C7B754;
                            transition: 1.5s;align-items: center;}  
     .foto , .curri {width: 100%;height: 500px;margin: 30px;} 
                     .foto{box-shadow: -10px 10px rgba(9, 48, 103, 1.0 );overflow: hidden;position: relative;}
                     .foto img{width: auto;height: 100%;transition: 2s;position: absolute;left: -100px;}    
                     .foto img:hover {transform: scale(1.2);}  

     .curri{display: flex;flex-direction: column;height: auto;}

            .carlos{width: 100%;font-size: 20pt;text-align: center;margin: 0 auto;}
            .carlos hr{width: 100%;height: 5px;border: none;margin-top: 10px;
                     background: linear-gradient(to right, transparent,rgba(9, 48, 103, 1.0 ),transparent );}       

      .text{width: 100%;padding: 20px 20px;} 
           .iconocu{font-size: 60px;margin: 10px 0px 20px 0;color: rgba(9, 48, 103, 1.0 ) ;text-align: center !important;}
           .text p{line-height: 30px;font-size: 15pt;text-align: left;margin-top: 10px;}    
           .text ul{display: block;padding: 0;}
           .circulo {margin-right: 10px;color: rgba(9, 48, 103, 1.0 );}

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

footer {width: 100%;height: auto;background-color: rgba(9, 48, 103, 1.0 );}
       .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;}
        .copy a{color: inherit;text-decoration: none;}  


@media only screen and (min-width: 550px) and (max-width: 768px){

  main .foto img{width: 100%;left: 0px;}

}