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



	}

body{

  height: 650px;

  background:url(imagenes/fondo10.jpg)no-repeat fixed center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;



}

.contenedor{

background-color: #fff;

width: 100%;

height: 100px;

opacity:0.8;

}



  .logo-pagos a {

    position: relative;

   padding: 3px;

   top:-15px;

   left:10px

   -webkit-transition:all 500ms ease;

   -o-transition:all 500ms ease;

   transition:all 500ms ease;



}

.logo-pagos a:hover{

  opacity: 0.8;

  -webkit-transition:all 500ms ease;

  -o-transition:all 500ms ease;

  transition:all 500ms ease;

}

.logo-pagos img#logo{

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}

.logo-pagos img#logo:hover{

width:235px;

height: 35px;

-webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}





  .texto ul a {

  margin-top: 8px;

  }



section#banner .tabla20{



  width: 50%;

  height: 50%;

  top: 8%;

  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;

}

.listas{

visibility: hidden;

}

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

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

        }

  }

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





  .space section#spa .txt2 {  /*TEXTO*/

  width: 40%;

  left:50%;

  top: 1570px;

  padding: 80px;

  text-align: center;

  text-align: left;

  }

  .slites section#ventajas .admin1 .boton1 {

    top:450px;

    left:45%;

  }

}



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

  .slites section#ventajas ul li a img#ven1{

  position: relative;

  right:25%;

  }

  .slites section#ventajas .admin1 .boton1 {

    top:420px;

    left:45%;

  }



}



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

  .slites section#ventajas ul li a img#ven1{

  position: relative;

  right:45%;

  }

  .slites section#ventajas .admin1 .boton1 {

    top:420px;

    left:45%;

  }

section#spa  .logo1 a {   /*LOGO*/



    padding: 8px;

  top:1660px;

  left: 15%;



  }

.fondo span.txt1 {

  width: 60%;

   left:20%;

   top: 300px;

  }



}

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

  section#spa  .logo1 a {   /*LOGO*/



      padding: 8px;

    top:1660px;

    left: 12%;

    }

    .space section#spa .txt2 {  /*TEXTO*/

         width: 45%;

          left:50%;

          top: 1570px;



        padding: 80px;

    text-align: center;

    text-align: left;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

        top:930px;

        left:68%;

      }

    .slites section#ventajas ul li a img#ven1{

    position: relative;

    right:30%;

    margin:-15px;

    }

    .slites section#ventajas .admin1 .boton1 {

      top:420px;

      left:45%;

    }

    }

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



      section#spa  .logo1 a {   /*LOGO*/

        padding: 8px;

        top:1660px;

        left: 7%;

        }

  .space section#spa  span.txt2 {  /*TEXTO*/

        width: 600px;

        left:45%;

        top: 1520px;

        padding: 80px;

        text-align: center;

        text-align: left;

        }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

        border-radius:20px;

        color: white;

        padding: 15px 32px;

        text-align: center;

        font-size: 16px;

        margin: 4px 2px;

        cursor: pointer;

        position: relative;

        top:900px;

        left:68%;

      }

      .slites section#ventajas ul li a img#ven1{

      position: relative;

      right:45%;

      margin:-15px;

      }

      .slites section#ventajas .admin1 .boton1 {

        top:420px;

        left:45%;

      }

        }

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



  section#spa  .logo1 a {   /*LOGO*/



      padding: 8px;

    top:1660px;

    left: 5%;



    }

  .space section#spa .txt2 {  /*TEXTO*/



         width: 50%;

          left:45%;

          top: 1570px;



        padding: 80px;

    text-align: center;

    text-align: left;

    }

    .slites section#ventajas ul li a img#ven1{  /*ICONOS*/

    position: relative;

    right:55%;

    margin:-18px;

    }



}



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

  section#spa  .logo1 a {   /*LOGO*/



      padding: 8px;

    top:1660px;

    left: 5%;



    }

  .space section#spa .txt2 {  /*TEXTO*/



         width: 52%;

          left:45%;

          top: 1570px;



        padding: 80px;

    text-align: center;

    text-align: left;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/



        border-radius:20px;

        color: white;

        padding: 15px 32px;

        text-align: center;

        font-size: 16px;

        margin: 4px 2px;

        cursor: pointer;

        position: relative;

        top:900px;

        left:68%;



      }



    .fondo span.txt1 {

      width: 70%;

       left:15%;

       top: 300px;

      }

      .slites section#ventajas ul li a img#ven1{  /*ICONOS*/

      position: relative;

      right:55%;

      margin:-20px;

      }

      .slites section#ventajas .admin1 .boton1 {

        top:420px;

        left:42%;

      }

}





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



  section#spa  .logo1 a {   /*LOGO*/



      padding: 8px;

    top:1660px;

    left: 3%;



    }

  .space section#spa .txt2 {  /*TEXTO*/



         width: 55%;

          left:43%;

          top: 1570px;



        padding: 80px;

    text-align: center;

    text-align: left;

    }

    .slites section#ventajas ul li a img#ven1{

    position: relative;

    right:52%;

    margin:-25px;

    }

    .slites section#ventajas .admin1 .boton1 {

      top:420px;

      left:40%;

    }



.inf {

	width:100%;

	height: 450px;

	background-color:#333;

	 }





}

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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1660px;

    left: 1%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 55%;

    left:43%;

    top: 1570px;

  }



}

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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1660px;

    left: 1%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 57%;

    left:43%;

    top: 1570px;



    }

    .slites section#ventajas ul li a img#ven1{

    position: relative;

    top:-40px;

    right:52%;

    margin:-25px;

    margin-top: 10px;



    }

    .slites section#ventajas .admin1 .boton1 {

      top:420px;

      left:40%;

    }

}

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

  .slites section#ventajas ul li a img#ven1{

position: relative;

top:-40px;

right:62%;

margin:10%;

margin-top: 10px;

width: 130px;

height: 100px;

  }

  .slites section#ventajas .admin1 .boton1 {

    top:420px;

    left:40%;

  }

}

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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1660px;

    left: 1%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 60%;

    left:40%;

    top: 1570px;



    }

    .slites section#ventajas ul li a img#ven1{

  position: relative;

  top:10px;

  right:55%;

  padding: :0px 10%;

  margin-top: 10px;

  width: 110px;

  height: 90px;

    }

    .slites section#ventajas .admin1 .boton1 {

      top:420px;

      left:40%;

    }







  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1490px;

    left: 25%;

    }

  .space section#spa span.txt2 {  /*TEXTO*/

    width: 60%;

    left:20%;

    top: 1570px;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

      top:940px;

      left:45%;

  }

}





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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1490px;

    left: 25%;

    }

  .space section#spa span.txt2 {  /*TEXTO*/

    width: 60%;

    left:20%;

    top: 1570px;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

      top:940px;

      left:45%;

  }





.inf .tabla4-pagos{

  width: 350px;

  height: 5%;

}

.inf .tabla3-pagos{

  width: 320px;

  height: 200px;



}



}



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



  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1490px;

    left: 25%;

    }

  .space section#spa span.txt2 {  /*TEXTO*/

    width: 600px;

    left:20%;

    top: 1580px;





    }







        .inf section#info .tabla3-pagos{

          width: 320px;

          height: 200px;

        	top: 2800px;

        	left:10%;

        	}

          .inf section#info .tabla5-pagos{

           	width: 98%;

           	height: 550px;

           	top:2100px;

           	right:1%;

           	}

            .inf section#info .tabla4-pagos{

              width: 350px;

              height: 5%;

            	top: 3140px;

            	left:15%;

            	}

            .inf  section#info .tabla6-pagos{

              	width: 300px;

              	height: 230px;

              	top: 2750px;

              	right:13%;



              	}











}







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







}



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



  .fondo span.txt1 {

    width: 80%;

     left:10%;

     top: 300px;

    }

    .slites section#ventajas ul li a img#ven1{

    position: relative;

    right:60%;

    margin:-5px;

    top: 30px;

    }

    .slites section#ventajas .admin1 .boton1 {

      padding: 10px 20px;

      top:420px;

      left:40%;

    }

    .mapa img#ven2{

      width: 500px;

      height: 580px;

      position: relative;

          top:1000px;

      left:15%;



    }

.puntos{

  position:relative;

  top:200px;

}





}



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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1470px;

    left: 20%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 80%;

    left:15%;

    top: 1570px;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

      top:1040px;

      left:55%;

  }





}





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



section#spa  .logo1 a {   /*LOGO*/

  padding: 8px;

  top:1530px;

  left: 20%;

  }

.space section#spa .txt2 {  /*TEXTO*/

  width: 80%;

  left:15%;

  top: 1620px;

  }

  .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

    top:970px;

    left:55%;

}

.mapa img#ven2{

width: 500px;

height: 660px;

}

.puntos{

position:relative;

top:180px;

}



}



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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1480px;

    left: 15%;

    }

  .space section#spa span.txt2 {  /*TEXTO*/

    width: 80%;

    left:10%;

    top: 1550px;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

      top:900px;

      left:55%;

  }

  div.inf section#info{

  height: 1500px;

  }

  .inf section#info .tabla3-pagos{

    width: 320px;

    height: 200px;

    top: 2800px;

    left:25%;

    }

    .inf section#info .tabla5-pagos{

      width: 98%;

      height: 550px;

      top:2100px;

      right:1%;

      }

      .inf section#info .tabla4-pagos{

        width: 350px;

        height: 5%;

        top: 3540px;

        left:15%;

        }

      .inf section#info .tabla6-pagos{

          width: 300px;

          height: 230px;

          top: 3050px;

          left:25%;



          }



}

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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1470px;

    left: 20%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 85%;

    left:10%;

    top: 1580px;

    }



}



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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1470px;

    left: 17%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 88%;

    left:5%;

    top: 1600px;

    }

    .slites1 section#ventajas1 .mapa img#ven2 {

    position: relative;

   left:0%;

    top:10px;

    }

    .puntos{



visibility: hidden;



    }



}

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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1530px;

    left: 15%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 88%;

    left:5%;

    top: 1630px;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

      top:950px;

      left:55%;

  }

}

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

  section#spa  .logo1 a {   /*LOGO*/

    padding: 8px;

    top:1530px;

    left: 15%;

    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 88%;

    left:5%;

    top:1630px;

}

}

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

  section#spa  .logo1 a {   /*LOGO*/

    width: 580px;

    height: 150px;

    padding: 8px;

    top:1470px;

  left: 13%



    }

  .space section#spa .txt2 {  /*TEXTO*/

    width: 95%;

    left:5%;

    top: 1600px;

    }

}

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



    .fondo span.txt1 {

      width: 90%;

       left:5%;

       top: 300px;

      }

      .slites section#ventajas ul li a img#ven1{

        position: relative;

        left:0%;

        margin:-5px;

        top: 10px;

}

.slites section#ventajas ul .i4,.i5{

  position:relative;

  left:12%;

}

.slites section#ventajas .admin1 .boton1 {

  position: relative;

  padding: 10px 20px;

  top:280px;

  left:-20%;

}

  section#spa  .logo1 a {   /*LOGO*/

    width: 80%;

  padding: 8px;

  top:1490px;

  left: 5%

      }

      img#img90{

width: 400px;

height: 80px;



      }

  .space section#spa span.txt2 {  /*TEXTO*/

    width: 105%;

    left:-5%;

    top: 1550px;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

      top:900px;

      left:55%;

  }



}

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

  section#spa  .logo1 a {   /*LOGO*/

    width:320px;

    height: 50px;

    padding: 8px;

    top:1470px;

  left: 7%

      }

  .space section#spa span.txt2 {  /*TEXTO*/

    width: 500px;

    left:0%;

    top: 1520px;

    }

    .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

      top:930px;

      left:50%;

    }

}

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

  .slites section#ventajas .admin1 .boton1 {

    position: relative;

    padding: 10px 20px;

    top:260px;

    left:-25%;

  }

  section#spa  .logo1 a {   /*LOGO*/

    width: 300px;

    height: 50px;

    padding: 8px;

    top:1470px;

  left: 10%

      }

.space section#spa div.logo1 img#img90 {

width: 380px;

height: 80px;



}

}

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

  .fondo span.txt1 {

    width: 95%;

     left:2.5%;

     top: 300px;

    }

    .fondo a#tx1 {

      font-size: 20px;

    }



    section#spa  .logo1 a {   /*LOGO*/

      width: 300px;

      height: 50px;

      padding: 8px;

      top:1470px;

    left: 3%

        }

    .space section#spa span.txt2 {  /*TEXTO*/

      width: 90%;

      left:5%;

      top: 1500px;

      }

      .space section#spa .admin .boton {    /*BOTON DE ACCESO*/

        top:970px;

        left:50%;

      }

}



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



}



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

  .slites section#ventajas ul li a img#ven1{

    position: relative;

    left:15%;

    margin:-5px;

    top: -60px;

}

.slites section#ventajas ul .i4{

position:relative;

left:0%;

}

.slites section#ventajas ul .i5{

position:relative;

left:15%;

}

.slites section#ventajas .admin1 .boton1 {

position: relative;

padding: 10px 20px;

top:180px;

left:-10%;

}

.space section#spa div.logo1 img#img90 {

width: 320px;

height: 55px;



}

  section#spa  .logo1 a {   /*LOGO*/

    width: 300px;

    height: 50px;

    padding: 8px;

    top:1500px;

  left: 10%

      }

  .space section#spa span.txt2 {  /*TEXTO*/

    width: 95%;

    left:3%;

    top: 1550px;



}

    .space section#spa .txt2 #tx3 {

      font-size: 20px;



    }

      .space section#spa .txt2 #tx4 {

        font-size: 10px;



      }

      .inf section#info .tabla3-pagos{

        width: 320px;

        height: 200px;

        top: 2800px;

        left:10%;

        }

        .inf  section#info .tabla4-pagos{

            width: 350px;

            height: 5%;

            top: 3540px;

            left:10%;

            }

            .inf section#info .tabla6-pagos{

                width: 250px;

                height: 230px;

                top: 3050px;

                left:10%;



                }



                  }







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



  section#spa  .logo1 a {   /*LOGO*/

    width: 300px;

    height: 50px;

    padding: 8px;

    top:1490px;

  left: 7%

      }

      .inf  section#info .tabla4-pagos{

          width: 300px;

          height: 5%;

          top: 3530px;

          left:7%;

          }

          .inf  section#info .tabla6-pagos{

            left:18%;

          }

}



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

  .slites section#ventajas h5.v5{

    font-size: 20px;

  }

  .space section#spa .admin a.boton {    /*BOTON DE ACCESO*/

    top:950px;

    left:30%;

  }

}



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

  .slites section#ventajas ul li a img#ven1{

    position: relative;

    left:5%;

    margin:-5px;

    top: -60px;

}

.slites section#ventajas .admin1 .boton1 {

position: relative;

padding: 10px 20px;

top:180px;

left:-14%;

}

.slites section#ventajas ul .i5{

position:relative;

left:20%;

}

  section#spa  .logo1 a {   /*LOGO*/

    width: 300px;

    height: 50px;

    padding: 8px;

    top:1490px;

  left: 4%

      }

      .space section#spa span.txt2 {  /*TEXTO*/

        width: 99%;

        left:0%;

        top: 1520px;

}

.slites section#ventajas h5.v5{

  font-size: 20px;

}



        .inf  .tx9{

          font-size: 10px;

        }



        .inf  section#info .tabla3-pagos{

          width: 300px;

          height: 200px;

          left:13%;

        }

        .inf  section#info .tabla4-pagos{

            width: 300px;

            height: 5%;

            top: 3530px;

            left:10%;

            }

            .inf  section#info .tabla6-pagos{

              left:15%;

            }

}





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

}









/* Pagina PAGOS */



section#banner{

	width:100%;

	height: 900px;



	text-align:left;

	background-repeat: no-repeat;

  background-position: center;



	}

#tx1{



color: #fff;

font-family: sans-serif;

font-size: 30px;





}

#tx2{



color: #fff;

font-family: sans-serif;

font-size: 15px;





}



.fondo .txt1 {

  position: absolute;

     width: 50%;

      left:25%;

      top: 300px;

      z-index: 999;

      background: #848282;

    opacity:0.8;

    padding: 80px;

text-align: center;

-webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}









    .logo-pagos {

            float: left;

            padding: 8px;

            margin-left: 16px;

            margin-top: 8px;

      }



      .texto-pagos ul a {

            color: #000;

            text-transform: uppercase;

            font-weight: 700;

            font-size: 18px;

            letter-spacing: 0px;

            text-decoration: none;

      }

.slites section#ventajas {

  position: absolute;

height:600px;

background-color:#2F6498;

width: 80%;

border-radius: 40px;

top:845px;

right:10%;

}

.slites section#ventajas h5{

  position: relative;

  top: 20px;

  font-size: 30px;

  text-align: center;

}

.slites section#ventajas ul li{

position: relative;

float: left;

top: 100px;

left: 10%;

padding: 10px 2%;

}



.admin1 .boton1 {

  background-color:  #2F6498;

  background-color:  #2F6498;

border:1px solid #fff;;

  border-radius:20px;

 color: #fff;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  position: absolute;

  top:420px;

  left:45%;

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;



}

.boton1:hover {

background-color:#2F6498;

border-radius:20px;

border:1px solid #333;;

color: #333;

}

















.space section#spa {

height: 1070px;

width:100%;

background-color:#FFF;

}

.logo1 a {

  position: absolute;

  padding: 8px;

top:1590px;

left: 20%;

}

#tx3{

color: #000;

font-family: sans-serif;

font-size: 30px;

}

#tx4{

color: #333;

font-family: sans-serif;

font-size: 15px;





}



.space section#spa .txt2 {

  position: absolute;

  top: 1520px;

     width: 40%;

      left:50%;

      z-index: 999;

      background: transparent;

    padding: 80px;

text-align: center;

text-align: left;

}



.admin .boton {

  background-color:  #2F6498;

border:none;

  border-radius:20px;

  color: white;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  cursor: pointer;

  position: relative;

  top:900px;

  left:68%;

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;



}

.boton:hover {

background-color:#fff;

border-radius:20px;

border:1px solid #2F6498;;

color: #2F6498;

}





.inf section#info{

	width:100%;

	height: 1100px;

	background-color:#333;

	 }



.tabla3-pagos{

	position: absolute;

	width: 25%;

	height: 30%;

	background-color: transparent;

	border-color:red;

	top: 2860px;

	right:60%;

	}



 .tabla5-pagos{

  	position: absolute;

  	width: 98%;

  	height: 500px;

  	background-color: transparent;

  	border-color:red;

  	top:2260px;

  	right:1%;

  	}



    .tabla4-pagos{

    	position: absolute;

    	width: 30%;

    	height: 4%;

    	background-color: transparent;

    	border-color:red;

    	top: 3140px;

    	left:15%;

    	}

      .tabla6-pagos{

      	position: absolute;

      	width: 20%;

      	height: 230px;

      	background: #222;

      	border-color:red;

      	top: 2820px;

      	right:13%;

        border-radius: 40px;

        opacity: 0.8;

      	}



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

        }