@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Libre Baskerville', serif;
}

img {
        /* width: 100%;*/
     }

#pie {
    width: 100%;
    clear: both;
    display: block;
    height: 60px;
}

 .ficha, .ficha_int {
         width: 85%;
         margin: 0 auto;
         clear: both;
         display: block;
         padding-top: 20px;
     }

 .ficha h1 {
         width:100%;
         text-align: center;
        padding-left: 10px;
         font-size: 20px;
         background-image: url(graficos/subrayado.jpg);
         background-position: bottom center;
        background-repeat: no-repeat;
        padding-bottom: 20px;
     }
     
     .ficha_int h1 {
         width:100%;
         text-align: left;
        padding-left: 50px;
         font-size: 20px;
        padding-bottom: 20px;
     }
     
      .ficha_int_foto, .ficha_int_foto_ima {
         width: 35%;
         float: left;
         margin-right: 1%;
     }
     
     .ficha_int_foto_ima {
         padding-top: 100px;
     }
     
     .ficha_int_texto {
         float: left;
         width: 58%;
         padding-top: 0px;
         padding-left: 5%;
         font-size: 18px;
         line-height: 25px;
     }
     
      .ficha_int_texto ul {
          margin: 0;
          padding: 0 0 0 5%; 
     }
     
     .ficha_foto {
         width: 45%;
         float: left;
         margin-right: 1%;
     }
     
     .ficha_texto {
         float: left;
         width: 48%;
         padding-top: 50px;
         padding-left: 5%;
         font-size: 18px;
         line-height: 25px;
     }
     
     .separador {
         clear: both;
         width: 100%;
         height: 50px;
         display: block;
         border-bottom: #f5f5f5 solid 1px;
       
     }
.pie_redes {
         float: right;
         width: 300px;
         text-align: center;
     }
     
     .btn_ctco {
         width: 200px;
         height: 25px;
         margin: 0 auto;
         display: block;
         padding: 10px;
         background-color: #e85200;
     }
     
      .btn_ctco a {
         color: #c5c3c3;
          text-decoration: none;
           width: 200px;
          display: block;
          text-align: center;
          
     }

 form {
         width: 60%;
         margin: 0 auto;
     }

input[type=text], .caja_media, select, textarea {
         width: 91%;
         color: #f3ac85;
         background-color: #f1f1f1;
         border: 2px solid #f3ac85;
         border-radius: 4px;
         display: block;
         clear: both;
         margin-bottom: 10px;
         height: 40px;
         font-size: 20px;
         padding: 10px;
     }

select {
    width: 93%;
}
     
     input[type=submit] {
      width: 500px;
      background-color: #f3ac85;
      color: white;
      padding: 14px 0px;
      margin: 0 auto;
      border: none;
      border-radius: 4px;
      cursor: pointer;
         display: block;
         font-size: 30px;
    }
     
     textarea {
         height: 100px;
     }    
     
     select {
         height: 50px;
     }

/* Medias */
 @media (max-width: 768px) {
    body {
      background: #FFF;
    }
     
     h1 {
      width:100%;
      text-align: left;
      padding-left: 50px;
      font-size: 28px;
     }

    .desc:after {
      content:" In fact, it's between 500px and 600px wide.";
    }
     
     #banner-top {
         width: 100%;
         margin: 20px 0;
         display: block;
     }
     
     .ficha, .ficha_int {
         width: 95%;
         margin: 0 auto;
         clear: both;
         display: block;
         padding-top: 20px;
     }
     
    .ficha h1 {
         width:100%;
         text-align: center;
        padding-left: 10px;
         font-size: 20px;
         background-image: url(graficos/subrayado.jpg);
         background-position: bottom center;
        background-repeat: no-repeat;
        padding-bottom: 20px;
     }
     
     .ficha_int h1 {
         width:100%;
         text-align: left;
        padding-left: 50px;
         font-size: 20px;
        padding-bottom: 20px;
     }
     
      .ficha_int_foto, .ficha_int_foto_ima {
        
         float: left;
         margin-right: 1%;
          width: 100%;
          clear: both;
     }
     
     .ficha_int_foto_ima {
         padding-top: 100px;
     }
     
     .ficha_int_texto {
         float: left;
         width: 90%;
         padding-top: 0px;
         padding-left: 5%;
         font-size: 18px;
         line-height: 25px;
     }
     
      .ficha_int_texto ul {
          margin: 0;
          padding: 0 0 0 5%; 
     }
     
     .ficha_foto {
         width: 45%;
         float: left;
         margin-right: 1%;
     }
     
     .ficha_texto {
         float: left;
         width: 48%;
         padding-top: 50px;
         padding-left: 5%;
         font-size: 18px;
         line-height: 25px;
     }
     
     .separador {
         clear: both;
         width: 100%;
         height: 50px;
         display: block;
         border-bottom: #f5f5f5 solid 1px;
       
     }
     
     .pie_redes {
         float: right;
         width: 300px;
         text-align: center;
     }
     
     .btn_ctco {
         width: 200px;
         height: 25px;
         margin: 0 auto;
         display: block;
         padding: 10px;
         background-color: #e85200;
     }
     
      .btn_ctco a {
         color: #c5c3c3;
          text-decoration: none;
           width: 200px;
          display: block;
          text-align: center;
          
     }
     
     .slider {
         width: 100%;
     }
     
     form {
         width: 90%;
         margin: 0 auto;
     }
     
     input[type=text], .caja_media, select, textarea {
         width: 91%;
         color: #f3ac85;
         background-color: #f1f1f1;
         border: 2px solid #f3ac85;
         border-radius: 4px;
         display: block;
         clear: both;
         margin-bottom: 10px;
         height: 40px;
         font-size: 20px;
         padding: 10px;
     }
     
     input[type=submit] {
      width: 100%;
      background-color: #f3ac85;
      color: white;
      padding: 14px 20px;
      margin: 8px 0;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
     
     textarea {
         height: 100px;
     }    
     
     select {
         height: 50px;
     }
     
     
  }