

 *{

	 margin: 0;
	 padding: 0;
	 font-family: helvetica;
}
section#banner{
	width:100%;
	height: 650px;

	text-align:left;
	background-repeat: no-repeat;

	background-position: center;

	}

  body{
    height: 650px;
    background:url(imagenes/fondo12.jpg)no-repeat fixed center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }

  .logo {
        float: left;
        padding: 20px;
        margin-left: 16px;
        margin-top: -15px;
        -webkit-transition:all 500ms ease;
      -o-transition:all 500ms ease;
      transition:all 500ms ease;

  }
  .logo img#logo{
    -webkit-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
  }

.logo:hover{
  width:130px;
  height: 35px;
  opacity: 0.8;
  -webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;

}
.logo img#logo:hover{
  width:235px;
  height: 30px;
  -webkit-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}

  .contenedor{
width: 100%;
height: 100px;
background-color: #fff;
opacity: 0.8;
}

.fondo section#banner .tabla20{
    position: absolute;
    width: 80%;
    height: 10%;
    background-color: transparent;
    border-color:red;
    top: 150px;
    right:10%;
    }
#header {
      margin:auto;
      width:1880px;
      font-family:Arial, Helvetica, sans-serif;
    }

    ul, ol {
      list-style:none;
    }

    .nav > li {
      float:left;
    }

    .nav li a {
      background-color:transparent;
      color:#000;
      text-decoration:none;
      padding:10px 25px;
      display:block;
      -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;

    }

    .nav li a:hover {
      background-color:#1E5888;
      border-radius:50px;
    }

    .nav li ul {
      display:none;
      position:absolute;
      min-width:140px;
    }



    .nav li ul li {
      position:relative;
    }

    .nav li ul li ul {
      right:-140px;
      top:10px;
    }

    nav ul {

        float: right;
    }

    nav ul li {
    margin:0 auto;
      margin-top: 5px;

    }



    nav ul li:last-child {
          margin-right: 50px;
    }

    nav ul li a {

          color: #000;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 14px;

          font-weight: 600;
    }

    .listas {
      visibility: hidden;
    }
    @media screen and (max-width: 868px) {
      .listas{
      visibility: visible;
      position: relative;
      top: 120px;
      width: 80%;
      left: 10%;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
      }
      .lista{

      border:1px solid #DDD;
      background-color:#e4e4e4;
      width:100%;

      height:30px;
      padding:5px;
      margin:0;
      cursor:pointer;
      outline:none;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
      border-radius:4px;
      }

    .fondo  section#banner .tabla20{
          position: absolute;
          width: 80%;
          height: 10%;
          background-color: transparent;
          border-color:red;
          top: 200px;
          right:10%;
          }

          .nav-wrapper {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
                background: #1E5888;
                opacity: 0;
                transition: all 0.2s ease;
          }
          .nav-wrapper ul {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 100%;
          }

          .nav-wrapper ul li {
                display: block;
                float: none;
                width: 100%;
                text-align: right;
                margin-bottom: 10px;
          }




    }

    .fondo .txt1 {
      position: absolute;
         width: 50%;
          left:20%;
          top: 300px;
          z-index: 999;
            background:url(imagenes/fondo13.jpg);
        opacity:0.8;
        padding: 80px;
    text-align: center;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
  #tx1{

    color: Red;
    font-family: sans-serif;
    font-size: 40px;
    font-weight: 700;


    }
