* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #efefef;
 
    font-family: "Titillium Web", sans-serif;
    font-style: normal;
    color: #746e65;
}

header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    margin: 10px auto;
    
}

    .logo img {
        width: 110px;
        padding-left: 50px;
    }

    menu, ul {
        display: flex;
        list-style: none;
        padding: 0;
        width: 400px;
        background: none;
        background-color: transparent;

    }
  
   li a {
    flex-grow: 1;
    font-family: "Titillium Web";
    font-weight: 600;
    font-size: 15px;
    margin-right: 35px;
    text-decoration: none;
    color: #282523;
  }

  li a:hover {
    color: #74b6cc;
  }

    section {
        display: flex;
        width: 70%;
        margin: 0 auto;
    }

    li.active a {
    color: #ff6600;
    }


  .izquierda {
    width: 40%;

  }

  .izquierda .iz-arriba {
    padding: 20px 50px;
    font-size: 13px;
    color: #282523;
    border: 1px solid #282523;
  }

  .izquierda .iz-arriba h1 {
    padding: 7px 50px;
    font-size: 33px;
    color: #282523;
  }

  .izquierda .iz-arriba button {
    padding: 8px 35px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700;
  }

  .izquierda .iz-abajo {
    padding: 20px 50px;
    font-size: 13px;
    color: #282523;
    border-top: none;
    border-bottom: 1px solid #282523;
    border-left: 1px solid #282523;
    border-right: 1px solid #282523;

  }

  .iz-abajo h1 {
    font-size: 50px;
    line-height: 60px;
    color: #282523;
    padding-bottom: 6px;
  }

  .iz-abajo p {
    font-size: 12px;
    font-style: italic;
    color: #282523;
  }

  .centro {
    width: 35%;
    height: 409px;
    border-top: 1px solid #282523;
    border-bottom: 1px solid #282523;
    border-left: none;
    border-right: none;
    padding: 0%;
  }

  .contact {
    width: 90%;
    height: 420px;
    border-left: none;
    border-right: none;
    padding-left: 10px;
  }

  .centro img {
    height: 410px;
    border: 0px;
    padding: 0px;
}

  .derecha {
    width: 25%;
    background-color: #efefef;;
  }

  .derecha .dere-div1 {
    background-color: #74b6cc;
    padding: 30px 35px 30px 35px;
    border: 1px solid #282523;
  }

  .derecha .dere-div1 h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
  }

  .derecha .dere-div1 p {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    padding-top: 10px;
  }

  .derecha .dere-div2 {
    background-color: #ffb141;
    padding: 40px;
    font-style: italic;
    border-top: none;
    border-bottom: 1px solid #282523;
    border-left: 1px solid #282523;
    border-right: 1px solid #282523;
  }

  .derecha .dere-div2 h1 {
    font-size: 25px;
    color:  #282523;
    font-weight: 700;
    line-height: 25px;
  }

  .derecha .dere-div3 {
    height: 120px;
    border-top: none;
    border-bottom: 1px solid #282523;
    border-left: 1px solid #282523;
    border-right: 1px solid #282523;
}

  .derecha .dere-div3 img {
    width: 80px;
    display:block;
    margin:auto;
    padding-top: 30px;
}


 /* Style inputs with type="text", select elements and textareas */
 input[type=text], select, textarea {
    width: 90%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
  }
  
  /* Style the submit button with a specific background color etc */
  input[type=submit] {
    background-color: #04AA6D;
    color: white;
    padding: 5px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  /* When moving the mouse over the submit button, add a darker green color */
  input[type=submit]:hover {
    background-color: #45a049;
  }
  
  /* Add a background color and some padding around the form */
  .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
  }