@charset "utf-8";

 *{



	 margin: 0;

	 padding: 0;

	 font-family: helvetica;

 }

section#banner{

	width:100%;

	height: 900px;

  text-align:left;

	background-repeat: no-repeat;

  background-position: center;



	}



  .contenedor{



  background-color: #fff;

  width: 100%;

  height: 100px;

  opacity:0.8;

  }



body{

  height: 650px;

  background:url(imagenes/fondo11.jpg);

  background-repeat: no-repeat;

  background-position: center;

}





  .logo a {

    position: absolute;

    padding: 8px;

    margin-top:-5px;

    margin-left:23px;



  }

  .logo a:hover{

    opacity: 0.8;

  }



  .texto ul a {

  margin-top: 8px;

  }



section#banner .tabla20{



  width: 50%;

  height: 50%;

  top: 250px;

  right: 25%;

  position: absolute;

}





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:hover > ul {

  display:block;

}



.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:not(:first-child) {

      margin-left: 0px;

}



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;

}



  @media screen and (max-width: 790px) {

        .logo {

              padding: 0;

        }



        .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;

        }



        .nav-wrapper ul li:nth-child(1) a {

              transition-delay: 0.2s;

        }



        .nav-wrapper ul li:nth-child(2) a {

              transition-delay: 0.3s;

        }



        .nav-wrapper ul li:nth-child(3) a {

              transition-delay: 0.4s;

        }



        .nav-wrapper ul li:nth-child(4) a {

              transition-delay: 0.5s;

        }



        .nav-wrapper ul li:not(:first-child) {

              margin-left: 0;

        }



        .nav-wrapper ul li a {

              padding: 10px 24px;

              opacity: 0;

              color: #000;

              font-size: 14px;

              font-weight: 600;

              letter-spacing: 1.2px;

              transform: translateX(-20px);

              transition: all 0.2s ease;

        }



        .nav-btn {

              position: fixed;

              right: 10px;

              top: 10px;

              display: block;

              width: 48px;

              height: 48px;

              cursor: pointer;

              z-index: 9999;

              border-radius: 50%;

        }



        .nav-btn i {

              display: block;

              width: 20px;

              height: 2px;

              background: #000;

              border-radius: 2px;

              margin-left: 14px;

        }



        .nav-btn i:nth-child(1) {

              margin-top: 16px;

        }



        .nav-btn i:nth-child(2) {

              margin-top: 4px;

              opacity: 1;

        }



        .nav-btn i:nth-child(3) {

              margin-top: 4px;

        }







  }



  #nav:checked + .nav-btn {

        transform: rotate(45deg);

  }



  #nav:checked + .nav-btn i {

        background: #000;

        transition: transform 0.2s ease;

  }



  #nav:checked + .nav-btn i:nth-child(1) {

        transform: translateY(6px) rotate(180deg);

  }



  #nav:checked + .nav-btn i:nth-child(2) {

        opacity: 0;

  }



  #nav:checked + .nav-btn i:nth-child(3) {

        transform: translateY(-6px) rotate(90deg);

  }



  #nav:checked ~ .nav-wrapper {

        z-index: 9990;

        opacity: 1;

  }



  #nav:checked ~ .nav-wrapper ul li a {

        opacity: 1;

        transform: translateX(0);

  }



  .hidden {

        display: none;

  }









section#contacto{

  width:100%;

  height: 650px;

  background:url(imagenes/fondo2.jpg);

 }



 .tabla2{

 position: absolute;

 width: 40%;

 height: 40%;

 background-color: transparent;

 border-color:red;

 top: 180px;

 left:8%;

 }



.form-consulta {max-width: 500px; background:transparent; padding: 25px; font-family: 'Source Sans Pro', sans-serif;}



.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}



label span {color: #f00;}



textarea {min-height: 150px!important;}



.btn-form {display: inline-block; border:0; background: #000; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}



.btn-form:hover {background: #444}



.mensaje{

  position: relative;

  top:50px;

  left: 50%;

  width: 600px;

  height: 500px;

  background-color: transparent;

}



.mensaje h5{

text-align: center;

position: relative;

top:15px;

font-size:40px;

font-family:"Montserrat", Sans-serif;

color: #fff;

}

.mensaje p{

  text-align: center;

  position: relative;

  top: 20px;

  color: #fff;



}





.inf section#info{

	width:100%;

	height: 1000px;

	background-color:#333;

	 }



.tabla3-pagos{

	position: absolute;

	width: 25%;

	height: 30%;

	background-color: transparent;

	border-color:red;

	top: 1350px;

	right:60%;

	}



 .tabla5-pagos{

  	position: absolute;

  	width: 98%;

  	height: 50%;

  	background-color: transparent;

  	border-color:red;

  	top:800px;

  	right:1%;

  	}



    .tabla4-pagos{

    	position: absolute;

    	width: 30%;

    	height: 4%;

    	background-color: transparent;

    	border-color:red;

    	top:1690px;

    	left:15%;

    	}

      .tabla6-pagos{

      	position: absolute;

      	width: 20%;

      	height: 230px;

      	background: #222;

      	border-color:red;

      	top: 1350px;

      	right:13%;

        border-radius: 40px;

        opacity: 0.8;

      	}





        .tx8{   /* Texto de contacto */

        display: block;

          text-align: justify;

        	font-size: 15px;

        	color:#FFF;

          text-decoration:none;

        }



        .tx9{  /* Texto de derechos */



            text-align: center;

        	font-size: 15px;

        	color:#FFF;

        	font-weight: bold;

        }



                .bar > li {

                text-align: center;

                }



                .bar li h5{

                color: #fff;



                }



                .bar li a {

                  background-color:transparent;

                  color:#FFF;

                  text-decoration:none;

                  padding:10px 15px;

                  display:block;

                -webkit-transition:all 500ms ease;

                -o-transition:all 500ms ease;

                transition:all 500ms ease;



                }



                .bar li a:hover {

                background-color:#444;

                border-radius:50px;

                }