@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)no-repeat fixed center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;



}





  .logo a {

    position: absolute;

    padding: 8px;

    margin-top:-5px;

    margin-left:23px;

    -webkit-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;



  }

  .logo a:hover{

    opacity: 0.8;

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

}

.listas{

visibility: hidden;

}

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



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

    }







        .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: 1250px) {

.fondo span.txt1{

  width: 70%;

  left:15%;

}

}

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

.fondo span.txt1{

  width: 80%;

  left:10%;

}

}

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

  .fondo span.txt1{

    width: 90%;

    left:5%;

}

}

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

  .fondo span.txt1 {

    width: 95%;

     left:2.5%;

}

.slites .admin1 .boton1{

  left:40%;

}

}

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







}





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





}



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

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

    padding: 8px;

    top:1470px;

    left: 20%;

    }

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

    width: 80%;

    left:15%;

    top: 1600px;



    }

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

      top:1050px;

      left:55%;

  }

}

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

    }



    }





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

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

    padding: 8px;

    top:1470px;

    left: 15%;

    }

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

    width: 88%;

    left:5%;

    top: 1600px;

    }

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

      top:1050px;

      left:55%;

  }

}

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

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

    padding: 8px;

    top:1470px;

    left: 15%;

    }

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

    width: 90%;

    left:5%;

    top: 1600px;

    }

}

@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) {

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

    width: 580px;

    height: 150px;

    padding: 8px;

    top:1470px;

  left: 5%

      }

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

    width: 105%;

    left:0%;

    top: 1550px;

    }



  .fondo span.txt1 {

    width: 90%;

     left:5%;

     top: 300px;

    }

}

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

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

    width: 580px;

    height: 150px;

    padding: 8px;

    top:1470px;

  left: 3%

      }

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

    width: 115%;

    left:-5%;

    top: 1550px;

    }



}

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

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

    width: 580px;

    height: 150px;

    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: 580px;

      height: 150px;

      padding: 8px;

      top:1470px;

    left: 3%

        }

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

      width: 119%;

      left:-10%;

      top: 1550px;

      }

}



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



}



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

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

    width: 580px;

    height: 150px;

    padding: 8px;

    top:1470px;

  left: 3%

      }

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

    width: 119%;

    left:-10%;

    top: 1550px;

    }

    .space section#spa .txt2 #tx3 {

      font-size: 20px;

    }

      .space section#spa .txt2 #tx4 {

        font-size: 10px;

      }

}



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

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

    width: 580px;

    height: 150px;

    padding: 8px;

    top:1490px;

  left: 7%

      }

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

      width: 320px;

      height: 55px;



      }

}



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



}



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

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

    width: 580px;

    height: 150px;

    padding: 8px;

    top:1490px;

  left: 4%

      }

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

        width: 119%;

        left:-10%;

        top: 1550px;

        }

}



















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

}

.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:50px;

  left:0%;

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

}



#tx3{

color: #000;

font-family: sans-serif;

font-size: 30px;

}

#tx4{

color: #333;

font-family: sans-serif;

font-size: 15px;

}



.inf section#info{

	width:100%;

	height: 1000px;

	background-color:#333;

	 }



.tabla3-pagos{

	position: absolute;

	width: 300px;

	height: 100px;

	background-color: transparent;

	border-color:red;

	top: 1830px;

	left:10%;

	}



 .tabla5-pagos{

  	position: absolute;

  	width: 98%;

  	height: 400px;

  	background-color: transparent;

  	border-color:red;

  	top:1320px;

  	right:1%;

  	}



    .tabla4-pagos{

    	position: absolute;

    	width: 30%;

    	height: 4%;

    	background-color: transparent;

    	border-color:red;

    	top: 2190px;

    	left:15%;

    	}

      .tabla6-pagos{

      	position: absolute;

      	width: 20%;

      	height: 230px;

      	background: #222;

      	border-color:red;

      	top: 1800px;

      	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 25px;

          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;

        }



    .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 div#ventajas {

  position: absolute;

height:400px;

background-color:#2F6498;

width: 100%;

top:845px;

border-bottom-right-radius: 40px;

}

.slites div#ventajas h2{

  position: relative;

  top: 50px;

  font-size: 35px;

  text-align: center;

  font-weight:600;

  line-height: 1.1em;

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

}

.slites div#ventajas h5{

  position: relative;

  top: 50px;

  font-size: 30px;

  text-align: center;

  line-height: 3em;

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

}

.admin1 .boton1 {

  background-color:  #2F6498;

border:1px solid #FFF;

  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:80px;

  left:45%;

  -webkit-transition:all 500ms ease;

-o-transition:all 500ms ease;

transition:all 500ms ease;

}

.boton1:hover {

background-color:#222;

border-radius:20px;

border:1px solid #444;

color: #FFF;

}





.space section#spa {

height: 230px;

width:100%;

background-color:#FFF;

}