@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Grand+Hotel&family=Lato:wght@400;700;900&display=swap');

*, html{
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
}

.bajar-fijo{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    margin-left: 20px;
    margin-bottom: 20px;
}
.bajar-fijo a:hover{
    opacity: .5;
}
.bajar-fijo a{
    width: 150px;
    height: auto;
    display: block;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    background-color: #1a9d3b;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    font-size: 12px;
    box-shadow: 0 5px 4px 0 rgb(0 0 0 / 26%);
    text-transform: uppercase;
}

.bajar-fijo a span {
  position: absolute;
  top: 0;
  width: 150px;
  height: auto;
  margin-left: -75px;
  box-sizing: border-box;
  padding: 10px;
}
.bajar-fijo a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 150px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
  border-radius: 5px;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

header{
	width: 100%;
	height: auto;
	overflow: hidden;
}
a{
    cursor: pointer;
}
a:hover{
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
a:hover, a:focus, a.focus {
	text-decoration: none;
}
.contedor-header-serbima{
	width: 100%;
	height: auto;
	background: #771806;
	overflow: hidden;
}
.contedor-header-movipack{
	width: 100%;
	height: auto;
	background: #1a3d8f;
	overflow: hidden;
}
.contedor-header{
	width: 100%;
	height: auto;
	background: #E7403C;
	overflow: hidden;
}
.contendor-menu-superior{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
}
.iniciar-sesion{
	width: 100%;
	max-width: 400px;
	min-width: auto;
	height: auto;
	float: left;
	padding: 10px;
}
.mi-cuenta{
	width: 100%;
	height: auto;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	text-align: center;
}	
.formulario{
	width: 100%;
	max-width: 400px;
	min-width: auto;
	float: left;
    margin:0px;
    padding:0px;
}
.formulario ul{
	list-style-type:none;
}
.formulario ul li{ 
    position: relative;
	width: 100%;
}
.formulario button{
	width: 100%;
    display: inline-block;
    float: left;
	margin-top: 12px;
}
.formulario input {
    width: 100%;
	float: left;
	margin-top: 12px;
	display: inline-block;
}
.formulario2{
	width: 100%;
	max-width: 400px;
	min-width: auto;
	float: left;
    margin:0px;
    padding:0px;
    display: none;
}
.formulario2 ul{
	list-style-type:none;
}
.formulario2 ul li{ 
    position: relative;
	width: 100%;
}
.formulario2 button{
	width: 100%;
    display: inline-block;
    float: left;
	margin-top: 12px;
}
.rut{
	width: 100%;
	max-width: 100%;
	float: left;
}
.digito{
	width: 100%;
	max-width: 30%;
	float: left;
}
.margen-2{
	margin-top: 12px;
	text-align: center;
	width: 100%;
}
.img-usuario{
	width: 100%;
	max-width: 100px;
	min-width: auto;
	height: auto;
	float: left;
}
.acciones-usuario{
	width: 100%;
	max-width: 250px;
	min-width: auto;
	height: auto;
	float: left;
	padding-left: 15px;
}
.acciones-usuario p{
	font-family: 'Grand Hotel', cursive;
	font-size: 18px;
	color: #fff;
}
.acciones-usuario li{
	list-style: none;
	text-align: left;
}
.acciones-usuario li a{
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 1px 7px;
}
.acciones-usuario li a:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.05);
}

/* ======================= fin top header ====================== */
.nav-2 > li{
	float: left;
	list-style: none;
}
.nav-2 li a{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 11px 20px;
	position: relative;
}
.nav-2 li a:hover{
	background: rgba(0, 0, 0, 0.05);
}
.nav-2 li ul li a{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}
.nav-2 li ul li a:hover{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}
.nav-2 #activo a{
	color: #fff;
	background: rgba(0, 0, 0, 0.05);
}

.borde{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.menu-superior{
	width: 540px;
	height: auto;
	float: right;
}
.nav-3 > li{
	float: left;
	list-style: none;
}
.nav-3 li a{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 11px 7px;
	position: relative;
	border-bottom: 1px solid #fff;
	
}
.nav-3 li a:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.05);
}
.nav-3 #activo a{
	color: #fff;
	background: rgba(0, 0, 0, 0.05);
}
/*------------ logo ------------*/
.contenedor-logo{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	overflow: hidden;
	padding: 20px;
}
#logo{
    background: url(../images/logo-sesaclub.png) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 225px;
    height: 80px;
    margin: auto;
}
#logo-sesa-serbima{
    background: url(../images/logo-sesaclub.png) no-repeat 0 0;
    display: block;
    margin: 30px 0px 0;
    width: 225px;
    height: 80px;
    float: right;
}
#logo-serbima{
    background: url(../images/logo-serbima.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 235px;
    height: 134px;
    float: left;
}
#logo-movipack{
    background: url(../images/logo-movipack.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 216px;
    height: 165px;
    float: left;
}
#logo-tarragona{
    background: url(../images/logo-tarragona.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 235px;
    height: 134px;
    float: left;
}
#logo-castano{
    background: url(../images/logo-castano.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 172px;
    height: 134px;
    float: left;
}
#logo-gabrielamistral{
    background: url(../images/logo-cajagabrielamistral.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 273px;
    height: 134px;
    float: left;
}
.contenedor-callcenter{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: auto;
	float: right;
	margin-top: 20px;
	text-align: center;
}
.contenedor-callcenter h2{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
	margin: 0px;
}
.contenedor-callcenter h1{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #fff;
	margin: 0px;
}
.contenedor-callcenter-2{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: auto;
	text-align: center;
}
.contenedor-callcenter-2 h1{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #fff;
	margin: 0px;
}
.numero{
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	letter-spacing: 2px;
}
.dias{
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	color: #fff;
	margin: 0px;
}
.celulares{
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	color: #fff;
	margin: 0px;
}


/*---------- menu principal ----------- */
.btn-principal{
	width: 100%;
	height: auto;
	background: #F1F2F2;
}
.contenedor-menu-principal{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
}
#btn-menu{
	display: none;
}
.contenedor-menu-principal label{
	display: none;
	width: 150px;
	height: 24px;
	margin:  20px;
	justify-content: flex;
	justify-content: -webkit-flex;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #E7403C;
}
.contenedor-menu-principal label{
	cursor: pointer;
}
.nav-4 ul{
	display: flex;
	display: -webkit-flex;
	list-style: none;
	margin: 0px;
}
.nav-4 ul ul{
	display: none;
}
.nav-4 ul li:hover ul{
	display: block;
	position: absolute;
	background: #F1F1F1;
	z-index: 999999;
}
.nav-4 ul ul li a{
	padding: 5px 10px;
}
.nav-4 li a{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	display: block;
	text-decoration: none;
	padding: 15px 8px;
}
.nav-4 #color1 a{
	color: #3D95DB;
}
.activo1{
	background: rgba(0, 0, 0, 0.05);
}
.nav-4 #color1 a:hover {
	color: #fff;
	background: #3D95DB;
}
.nav-4 #color2 a{
	color: #E57C21;
}
.activo2{
	background: rgba(0, 0, 0, 0.05);
}
.nav-4 #color2 a:hover {
	color: #fff;
	background: #E57C21;
}
.nav-4 #color3 a{
	color: #22D270;
}
.activo3{
	background: rgba(0, 0, 0, 0.05);
}
.nav-4 #color3 a:hover {
	color: #fff;
	background: #22D270;
}
#color3 li a:hover {
	color: #fff;
	background: #22D270;
}
.nav-4 #color4 a{
	color: #9D4CB7;
}
.activo4{
	background: rgba(0, 0, 0, 0.05);
}
.nav-4 #color4 a:hover {
	color: #fff;
	background: #9D4CB7;
}
.nav-4 #color5 a{
	color: #E7403C;
}
.activo5{
	background: rgba(0, 0, 0, 0.05);
}
.nav-4 #color5 a:hover {
	color: #fff;
	background: #E7403C;
}
.nav-4 #color6 a{
	color: #F570C4;
}
.activo6{
	background: rgba(0, 0, 0, 0.05);
}
.nav-4 #color6 a:hover {
	color: #fff;
	background: #F570C4;
}


/*======== buscador =========*/
.contenedor-general-menu{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	display: flex;
	display: -webkit-flex;
}
.contenedor-menu-principal-buscador{
	width: 100%;
	max-width: 700px;
	min-width: auto;
	height: auto;
}
#btn-menu{
	display: none;
}
.contenedor-menu-principal-buscador label{
	display: none;
	width: 150px;
	height: 24px;
	margin:  20px;
	justify-content: flex;
	justify-content: -webkit-flex;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #E7403C;
}
.contenedor-menu-principal-buscador label{
	cursor: pointer;
}
.buscador{
	width: 100%;
	max-width: 280px;
	min-width: auto;
	height: auto;
	padding: 7px;
}
.buscador-2{
	display: none;
}
.buscador input{
	font-size: 13px;
}
/*======== fin buscador =========*/


/*---- banner -----*/
.contenedor-banner{
	width: 100%;
	max-width: 1920px;
	min-width: auto;
	height: auto;
	margin: auto;
}
.banner-testimonios{
	width: 100%;
	max-width: 1920px;
	min-width: auto;
	height: auto;
	margin: auto;
}
.banner-testimonios{
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #f6f6f6;
	margin-top: 50px;
}
.concurso-movil{
	display: none;
}
	.banner-desktop {
		display: block !important;
	}

	.banner-mobile {
		display: none !important;
	}
/*----- contenedor sesa club -------*/
.espacio-cont{
	padding-bottom: 30px;
}
.contenedor-sesaclub{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	margin-top: 40px;
	overflow: hidden;
}
.titulos{
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	color: #D62B2B;
}
.titulos-comentarios{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	text-align: center;
	color: #D62B2B;
}
.titulos-2{
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	color: #fff;
}
.linea-titulo{
	width: 20%;
	height: 2px;
	background: #1357A4;
	margin: auto;
	margin-bottom: 40px;
}
.textos{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #484C4C;
	line-height: 25px;
}
/*--------- destacados -----*/
.espacio-tacticos{
	padding-top: 20px;
}
.espacio-cupones{
	padding-top: 20px;
}
.destacado-1{
	width: 100%;
	max-width: 145px;
	min-width: auto;
	height: auto;
	float: left;
}
.destacado-2{
	width: 100%;
	max-width: 145px;
	min-width: auto;
	height: auto;
	float: left;
	margin-left: 20px;
}
.texto-destacado{
	width: 100%;
	height: 80px;
	margin-top: 5px;
}
.texto-destacado p{
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #484C4C;
}
.color{
	color: #E7403C;
}
.btn-convenio{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
}
.btn-convenio a{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	background: #E7403C;
	color: #FFF;
}
.btn-convenio a:hover{
	text-decoration: none;
	cursor: pointer;
	background: #D62B2B;
	color: #FFF;
}
.btn-convenio-2{
	width: 100%;
	height: 15px;
	overflow: hidden;
	text-align: center;
}
.btn-convenio-2 a{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	background: #00A14B;
	color: #FFF;
}
.btn-convenio-2 a:hover{
	text-decoration: none;
	cursor: pointer;
	background: #04823A;
	color: #FFF;
}
.btn-convenio-3{
	width: 100%;
	height: 15px;
	overflow: hidden;
	text-align: center;
}
.btn-convenio-3 a{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	background: #1357A4;
	color: #FFF;
}
.btn-convenio-3 a:hover{
	text-decoration: none;
	cursor: pointer;
	background: #0E4F8E;
	color: #FFF;
}
.destacado-3{
	border: 1px solid #3D95DB;
}
.contenedor-destacados-principal{
	width: 100%;
	height: 20px;
	background: #3D95DB;
	text-align: center;
	border-bottom: 2px solid #317EB9;
}
.contenedor-destacados-principal p{
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #fff;
}
.contenedor-mes{
	width: 100%;
	height: 162px;
	margin: auto;
	margin-top: 20px;
}
.img-mes{
	width: 30%;
	height: auto;
	float: left;
}
.texto-mes{
	width: 70%;
	height: auto;
	float: right;
}
.logos-cine{
	width: 100%;
	height: 41px;
	text-align: center;
}
.texto-mes h3{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	color: #14C09C;
	margin: 0px;
	padding: 5px;
}
.texto-mes p{
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	color: #484C4C;
	line-height: 10px;
}
.cont-destacado{
    position: relative;
    overflow: hidden;
    height: 400px;
    padding: 30px 10px;
    color: #fff;
}
.bg-destacado{
    position: absolute;
    top: 0;
    right: 0;
    z-index: -99999;
    width: 100%;
}
.bg-destacado img{
    width: 100%;
}
.descuento-destacado{
	width: 100%;
	max-width: 150px;
	height: auto;
	float: right;
    color: #fff;
    background: #3D95DB;
    text-align: left;
	font-family: 'Lato', sans-serif;
    font-size: 11px;
	border-radius: 0px 0px 10px 10px;
}
.porcentaje{
	width: 100%;
	height: 70px;
	overflow: hidden;
	padding: 5px;
}
.descuento-dest{
	font-family: 'Lato', sans-serif;
	font-size: 50px;
	font-weight: 900;
	float: left;
	margin: 0px;
	padding: 0px;
}
.text-porc{
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	font-weight: 700;
	padding-top: 10px;
}
.text-dcto{
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 700;
}
.btn-mas-destacado{
	width: 100%;
    font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #fff;
    text-transform: uppercase;
    padding: 5px 5px;
    border-radius: 2px;
    background: #267DC7;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
    display: block;
}
.btn-mas-destacado:hover{
    background: #0daec7;
    color: #fff;
}
.datos-porcentaje-destacado{
    font-family: 'Lato', sans-serif;
	font-size: 14px;
    margin: 10px;
    height: 55px;
}
.bg-gris{
	background: rgba(241,241,241,1);
	background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(241,241,241,0)));
	background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%);
	background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%);
	background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%);
	background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(241,241,241,0) 100%);
}
.logo-destacado{
	width: 100%;
	text-align: center;
	top: 0;
}
/*--------- testimonios -------*/
.comentario{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #484C4C;
}
.nombre-comentario{
	font-family: 'Grand Hotel', cursive;
	font-size: 20px;
	color: #FF0000;
	float: right;
}
.fa{
	font-size: 30px;
	color: #FF0000;
}
/*--------- acciones -------*/
.contenedor-acciones{
	width: 100%;
	height: auto;
	background: url(../images/bg-primavera.jpg) no-repeat center fixed;
	overflow: hidden;
}
.acciones{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 40px;
}
.acciones a{
	text-decoration: none;
}
.accion-1{
	width: 180px;
	height: 180px;
	text-align: center;
	margin: 10px;
}
.accion-text-1{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	display: block;
	height: 100%;
	border-radius: 100%;
	background: #8bc10f;
}
.accion-text-1:hover{
	color: #FFF;
	text-decoration: none;
	background: #85b209;
}
.accion-2{
	width: 180px;
	height: 180px;
	margin: 10px;
	text-align: center;
}
.accion-text-2{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	display: block;
	height: 100%;
	border-radius: 100%;
	background: #328dc1;
}
.accion-text-2:hover{
	color: #FFF;
	text-decoration: none;
	background: #317eb9;
}
.accion-3{
	width: 180px;
	height: 180px;
	margin: 10px;
	text-align: center;
}
.accion-text-3{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	display: block;
	height: 100%;
	border-radius: 100%;
	background: #e7403c;
}
.accion-text-3:hover{
	color: #FFF;
	text-decoration: none;
	background: #c02e2b;
}
.accion-4{
	width: 180px;
	height: 180px;
	margin: 10px;
	text-align: center;
}
.accion-text-4{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	display: block;
	height: 100%;
	border-radius: 100%;
	background: #ffbd23;
}
.accion-text-4:hover{
	color: #FFF;
	text-decoration: none;
	background: #f4ab19;
}
.accion-5{
	width: 180px;
	height: 180px;
	float: left;
	margin-left: 10px;
	text-align: center;
}
.accion-text-5{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	display: block;
	height: 100%;
	border-radius: 100%;
	background: #9d4cb7;
}
.accion-text-5:hover{
	color: #FFF;
	text-decoration: none;
	background: #9032ae;
}
.cont-favoritos{
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}
.cont-favoritos a{
	float: right;
}
.bg-favoritos{
	width: 100%;
	overflow: hidden;
	background: #3D95DB;
	padding: 20px;
}
.titulos-favoritos{
	font-family:'Lato', sans-serif;
	font-size: 20px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.btn-favoritos{
    font-family:'Lato', sans-serif;
	font-size: 13px;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 2px;
    background: #3D95DB;
    float: left;
    margin-top: 20px;
}.btn-favoritos-2{
    width: 100%;
    font-family:'Lato', sans-serif;
    font-size: 13px;
    color: #fff;
    padding: 5px;
    display: block;
    border-radius: 2px;
    background: #3D95DB;
    text-align: center;
}
.btn-favoritos:hover, .btn-favoritos-2:hover{
	color: #fff;
	background-color: #2072B2;
}
/*-------------- asosación --------------*/
.contenedor-asociacion{
	width: 100%;
	max-width: 479px;
	min-width: auto;
	height: auto;
	float: left;
}
.empresas{
	width: 100%;
	height: auto;
}
.empresas p{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #484C4C;
}
.btn-empresas{
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
}
.btn-empresas a{
	font-family: 'Grand Hotel', cursive;
	font-size: 20px;
	display: block;
	background: #E7403C;
	color: #FFF;
}
.btn-empresas a:hover{
	text-decoration: none;
	cursor: pointer;
	background: #D62B2B;
	color: #FFF;
}
.btn-alianza{
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
}
.btn-alianza a{
	font-family: 'Grand Hotel', cursive;
	font-size: 20px;
	display: block;
	background: #14C09C;
	color: #FFF;
}
.btn-alianza a:hover{
	text-decoration: none;
	cursor: pointer;
	background: #11A385;
	color: #FFF;
}
.img-asociacion{
	width: 100%;
	max-width: 429px;
	min-width: auto;
	height: auto;
	float: left;
	margin-left: 40px;
}
.linea{
	width: 100%;
	height: 1px;
	background: #999;
	margin-top: 40px;
	margin-bottom: 40px;
}
/*------ footer ----*/
.linea-footer{
	width: 100%;
	height: 5px;
	background: url(../images/linea-footer.png) center;
}
.footer{
	width: 100%;
	height: auto;
	background: #F1F2F2;
	padding-top: 40px;
	padding-bottom: 10px;
}
.contenedor-footer{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	overflow: hidden;
	padding-bottom: 5px;
}
.contenedor-footer-logo{
	width: 100%;
	max-width: 250px;
	min-width: auto;
	height: auto;
	float: left;
}
.contenedor-footer-servicios{
	width: 100%;
	max-width: 170px;
	min-width: auto;
	height: auto;
	float: left;
}
.contenedor-footer-servicios li{
	text-decoration: none;
	list-style: none;
}
.contenedor-footer-servicios li a{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #999;
	display: inline-block;
	padding: 5px;
	cursor: pointer;
}
.contenedor-footer-servicios li a:hover{
	text-decoration: none;
	background: #27AAE1;
	color: #FFF;
	border-radius: 2px;
}
.contenedor-footer-alianza{
	width: 100%;
	max-width: 300px;
	min-width: auto;
	height: auto;
	float: left;
}
.contenedor-footer-alianza li{
	text-decoration: none;
	list-style: none;
}
.contenedor-footer-alianza ul li a{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #999;
	display: inline-block;
	padding: 5px;
	cursor: pointer;
}
.contenedor-footer-alianza li a:hover{
	text-decoration: none;
	background: #27AAE1;
	color: #FFF;
	border-radius: 2px;
}
.footer-titulos{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #999;
	font-weight: bold;
}
.contenedor-footer-legal{
	width: 100%;
	max-width: 270px;
	min-width: auto;
	height: auto;
	float: left;
	text-align: left;
}
.ayuda{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	line-height: 30px;
	color: #999;
}
.reglamento{
	text-decoration: none;
	margin: 0px;
}
.reglamento:hover{
	text-decoration: none;
}
.face:hover{
	text-decoration: none;
	color: #FFF;
}
.legal{
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	color: #999;
	margin: 12px;
	text-align: center;
	font-weight: bold;
}


/*---------- categorias ----------------*/

.contenedor-botonera-categorias{
	width: 100%;
	max-width: 300px;
	min-width: auto;
	height: auto;
	float: left;
	border: 1px solid #3D95DB;
	margin-bottom: 20px;
}
.contenedor-botonera-categorias-2{
	display: none;
}
.titulo-categorias{
	width: 100%;
	height: 48px;
	background: #3D95DB;
	text-align: center;
	border-bottom: 4px solid #317EB9;
	overflow: hidden;
}
.titulo-categorias p{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #fff;
	display: block;
	padding: 5px
}
.categorias{
	width: 95%;
	height: auto;
	margin: auto;
}
.categorias li a{
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #3D95DB;
	display: block;
	padding: 10px 10px;
}
.categorias li a:hover{
	background: #3D95DB;
	color: #fff;
	cursor: pointer;
}
.categorias #activos a{
	background: #9D4CB7;
	color: #fff;
}
.bordes-submenu{
	border-bottom: 1px solid #3D95DB;
}
.convenio-caracteristicas{
	width: 100%;
	max-width: 680px;
	min-width: auto;
	height: auto;
	float: right;
	overflow: hidden;
	margin-bottom: 20px;
}
.logo-alianza{
	width: 100%;
	max-width: 180px;
	min-width: auto;
	height: auto;
	margin: auto;
}
.contenedor-mapa{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.contenedor-mapa p{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #999;
	font-weight: bold;
}
.mapa{
	width: 100%;
	height: 400px;
	margin-top: 10px;
}
.imprimir-descargar{
	margin-top: 20px;
	float: right;
}
.comentarios{
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
.navegador-sitio ol li{
	font-size: 11px;
}
.navegador-sitio li a:hover{
	text-decoration: none;
}

/*---------- categorias ----------------*/

.bg-categorias{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg-categorias.jpg) center no-repeat fixed;
	padding-bottom: 40px;
}
.contenedor-1{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #e74c3c;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-1 img{
	margin: 30px;
}
.contenedor-1:hover{
	background: #c0392b;
	transform: rotate(360deg);
}
.contenedor-1 a:hover{
	text-decoration: none;
}
/* -- auto --*/
.contenedor-2{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #2EB297;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-2 img{
	margin: 30px;
}
.contenedor-2:hover{
	background: #25A083;
	transform: rotate(360deg);
}
.contenedor-2 a:hover{
	text-decoration: none;
}
/* -- bebe --*/
.contenedor-3{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #F9B233;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-3 img{
	margin: 30px;
}
.contenedor-3:hover{
	background: #DD9828;
	transform: rotate(360deg);
}
.contenedor-3 a:hover{
	text-decoration: none;
}
/* -- tecnologia --*/
.contenedor-4{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #3697D3;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-4 img{
	margin: 30px;
}
.contenedor-4:hover{
	background: #288DBF;
	transform: rotate(360deg);
}
.contenedor-4 a:hover{
	text-decoration: none;
}
/* -- educacion --*/
.contenedor-5{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #ED727B;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-5 img{
	margin: 30px;
}
.contenedor-5:hover{
	background: #DD6271;
	transform: rotate(360deg);
}
.contenedor-5 a:hover{
	text-decoration: none;
}
/* -- salud --*/
.contenedor-6{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #4EB36F;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-6 img{
	margin: 30px;
}
.contenedor-6:hover{
	background: #40A05B;
	transform: rotate(360deg);
}
.contenedor-6 a:hover{
	text-decoration: none;
}
/* -- deporte --*/
.contenedor-7{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #3A7082;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-7 img{
	margin: 30px;
}
.contenedor-7:hover{
	background: #2E6675;
	transform: rotate(360deg);
}
.contenedor-7 a:hover{
	text-decoration: none;
}
/* -- mascota --*/
.contenedor-8{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #A28570;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-8 img{
	margin: 30px;
}
.contenedor-8:hover{
	background: #917561;
	transform: rotate(360deg);
}
.contenedor-8 a:hover{
	text-decoration: none;
}
/* -- vestuario --*/
.contenedor-11{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #E280B3;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-11 img{
	margin: 30px;
}
.contenedor-11:hover{
	background: #B75C90;
	transform: rotate(360deg);
}
.contenedor-11 a:hover{
	text-decoration: none;
}
/* -- restaurant --*/
.contenedor-12{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #FFCC05;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-12 img{
	margin: 30px;
}
.contenedor-12:hover{
	background: #E5B51F;
	transform: rotate(360deg);
}
.contenedor-12 a:hover{
	text-decoration: none;
}
/* -- recreacion --*/
.contenedor-13{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #17D469;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-13 img{
	margin: 30px;
}
.contenedor-13:hover{
	background: #17D469;
	transform: rotate(360deg);
}
.contenedor-13 a:hover{
	text-decoration: none;
}
/* -- belleza --*/
.contenedor-14{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #CE6FF5;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-14 img{
	margin: 30px;
}
.contenedor-14:hover{
	background: #CE6FF5;
	transform: rotate(360deg);
}
.contenedor-14 a:hover{
	text-decoration: none;
}
/* -- legal --*/
.contenedor-15{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: 200px;
	float: left;
	background: #ff9800;
	cursor: pointer;
	text-align: center;
	transition: all 1s;
}
.contenedor-15 img{
	margin: 30px;
}
.contenedor-15:hover{
	background: #fb8c00;
	transform: rotate(360deg);
}
.contenedor-15 a:hover{
	text-decoration: none;
}
/* cetegoria textos */
.categoriatext{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
}

.categoriatext-1:before{
	content: "Hogar";
}

.categoriatext-2:before{
	content: "Transporte Automotriz";
}

.categoriatext-3:before{
	content: "Bebés e Hijos";
}

.categoriatext-4:before{
	content: "Tecnología";
}

.categoriatext-5:before{
	content: "Educación";
}

.categoriatext-6:before{
	content: "Salud";
}

.categoriatext-7:before{
	content: "Deportes";
}

.categoriatext-8:before{
	content: "Mascotas";
}

.categoriatext-11:before{
	content: "Vestuario";
}

.categoriatext-12:before{
	content: "Restaurantes";
}

.categoriatext-13:before{
	content: "Recreación";
}

.categoriatext-14:before{
	content: "Belleza";
}
.categoriatext-15:before{
	content: "Legal";
}
/* ------- cupones estandar -------------*/
.contenedor-sesaclub-cupones{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}
.contenedor-titulos{
	width: 100%;
	max-width: 600px;
	min-width: auto;
	height: auto;
	float: left;
}
.icono-categorias{
	width: 100%;
	max-width: 100px;
	min-width: auto;
	height: auto;
	float: right;
}
.titulos-cupones{
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	color: #fff;
}
.textos-cupones{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	text-align: center;
	color: #3D95DB;
	font-weight: bold;
}
.descuento{
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	color: #3D95DB;
}
.contenedor-descuento{
	width: 100%;
	max-width: 180px;
	min-width: auto;
	height: auto;
	float: left;
	margin: 10px;
}
.logo-cupon{
	border: 1px solid #e74c3c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.alineacion{
	display: flex;
    display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
}
/* ------- Hogar y recreación -------------*/
.bg-hogar{
	background: #e74c3c;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-1{
	background: #e74c3c;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- Transporte automotriz -------------*/
.bg-transporte{
	background: #2EB297;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-2{
	background: #2EB297;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- bebes-hijos -------------*/
.bg-bebes{
	background: #F9B233;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-3{
	background: #F9B233;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- tecnologia -------------*/
.bg-tecnologia{
	background: #3697D3;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-4{
	background: #3697D3;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- educacion -------------*/
.bg-educacion{
	background: #ED727B;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-5{
	background: #ED727B;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- salud y belleza -------------*/
.bg-salud{
	background: #4EB36F;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-6{
	background: #4EB36F;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- deporte -------------*/
.bg-deporte{
	background: #3A7082;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-7{
	background: #3A7082;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- mascota -------------*/
.bg-mascota{
	background: #A28570;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-8{
	background: #A28570;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- vestuario -------------*/
.bg-vestuario{
	background: #E280B3;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-11{
	background: #E280B3;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- restaurant -------------*/
.bg-restaurant{
	background: #FFCC05;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-12{
	background: #FFCC05;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- restaurant -------------*/
.bg-recreacion{
	background: #17D469;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-13{
	background: #17D469;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- belleza -------------*/
.bg-belleza{
	background: #CE6FF5;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-14{
	background: #CE6FF5;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- legal -------------*/
.bg-legal{
	background: #ff9800;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.bg-15{
	background: #ff9800;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}

/* ------- quienes somos -------------*/
.bg-textos{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/bg-categorias.jpg) center no-repeat fixed;
}

/* ------- Trabajo y práctica -------------*/
.contendor-img-form{
	width: 100%;
	max-width: 500px;
	min-width: auto;
	height: auto;
	float: left;
	margin-top: 50px
}
.contenedor-trabajo{
	width: 100%;
	max-width: 490px;
	min-width: auto;
	height: auto;
	overflow: hidden;
	float: right;
	margin-bottom: 40px;
}
.formulario-trabajo-2{
	width: 100%;
	height: auto;
	margin: 0px;
}
.formulario-trabajo{
	/* width: 100%;
	height: auto;
	display: block;*/
	margin-top: 20px;
}
.titulos-formulario-trabajo{
	font-family: 'Grand Hotel', cursive;
	font-size: 20px;
	color: #F00;
}
/* ------- Socio nuevos -------------*/
.textos-nuevos-socios{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	text-align: center;
	color: #E280B3;
}
.llamados{
	font-family: 'Grand Hotel', cursive;
	font-size: 30px;
	color: #F00;
	text-align: center;
	margin: 40px;
}
.mensaje{
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	color: #fff;
}
.contenedor-mensaje{
	width: 100%;
	max-width: 479px;
	min-width: auto;
	height: auto;
	float: left;
}
.contenedor-paso1{
	width: 100%;
	max-width: 250px;
	min-width: auto;
	height: 250px;
	float: left;
	background: #e74c3c;
	text-align: center;
}
.contenedor-paso1 img{
	margin: 5px;
}
.contenedor-paso1:hover{
	background: #c0392b;
	text-decoration: none;
}
/* -- paso 2 --*/
.contenedor-paso2{
	width: 100%;
	max-width: 250px;
	min-width: auto;
	height: 250px;
	float: left;
	background: #2EB297;
	text-align: center;
}
.contenedor-paso2 img{
	margin: 5px;
}
.contenedor-paso2:hover{
	background: #25A083;
}
/* -- paso 3 --*/
.contenedor-paso3{
	width: 100%;
	max-width: 250px;
	min-width: auto;
	height: 250px;
	float: left;
	background: #F9B233;
	text-align: center;
}
.contenedor-paso3 img{
	margin: 5px;
}
.contenedor-paso3:hover{
	background: #DD9828;
}
/* -- paso 4 --*/
.contenedor-paso4{
	width: 100%;
	max-width: 250px;
	min-width: auto;
	height: 250px;
	float: left;
	background: #3697D3;
	text-align: center;
}
.contenedor-paso4 img{
	margin: 5px;
}
.contenedor-paso4:hover{
	background: #288DBF;
}
/* ------- Mi cuenta -------------*/
.cuenta-textos{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}
.cuenta-clave{
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
.contendor-img-cuenta{
	width: 100%;
	max-width: 500px;
	min-width: auto;
	height: auto;
	float: left;
}
.bg-cuenta{
	background: url(../images/bg-cuenta.jpg) center no-repeat fixed;
	width: 100%;
	height: auto;
	margin: 0px;
	overflow: hidden;
}
.bg-cuenta-2{
	background: url(../images/bg-cuenta.jpg) center no-repeat fixed;
	width: 100%;
	height: auto;
	margin: 0px;
	overflow: hidden;
	padding-bottom: 40px;
}
/* ------- Datos personales -------------*/
.datos-personales{
	width: 100%;
	max-width: 500px;
	min-width: auto;
	height: auto;
	float: left;
}
.tarjeta-club{
	width: 100%;
	max-width: 474px;
	min-width: auto;
	height: auto;
	float: right;
}
.tarjeta{
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
}
.tarjeta img{ 
	width: 100%;
	max-width: 474px;
	min-width: auto;
	height: auto;
}
.envio-correo{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.formulario-correo-1{
	width: 100%;
	max-width: 230px;
	min-width: auto;
	height: auto;
	float: left;
}
.formulario-correo-2{
	width: 100%;
	max-width: 230px;
	min-width: auto;
	height: auto;
	float: right;
}
.cargas{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
.linea-cargas{
	width: 20%;
	height: 2px;
	background: #1357A4;
	margin: auto;
	margin-bottom: 40px;
	margin-top: 40px;
}
.contenedor-contrasena{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contenedor-form-contrasena{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.formulario-contrasena-1{
	width: 100%;
	max-width: 490px;
	min-width: auto;
	height: auto;
	float: left;
}
.formulario-contrasena-2{
	width: 100%;
	max-width: 490px;
	min-width: auto;
	height: auto;
	float: right;
}
.regresar-cuenta{
	float: right;
}
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}
/* ------- Promociones -------------*/
.contenedor-promocion{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.contenedor-promocion a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.contenedor-promocion a:hover{
	text-decoration: none;
	color: #fff;
}
.bg-promocion-1{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #8296FF;
	padding-top: 30px;
	border-bottom: 5px solid #4E5A99;
}
.bg-promocion-2{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #9A8BE8;
	padding-top: 30px;
	border-bottom: 5px solid #6E64A8;
}
.promocion-img{
	width: 100%;
	max-width: 500px;
	min-width: auto;
	height: auto;
	float: left;
}
.promocion-texto{
	width: 100%;
	max-width: 470px;
	min-width: auto;
	height: auto;
	float: left;
	margin-left: 30px;
}
.titulos-promocion{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.textos-promocion{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 20px;
}
/* ------- Preguntas frecuentes -------------*/

.boton-acordion a{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #2EB297;
	font-weight: bold;
	margin: 0px;
}
.boton-acordion a:hover{
	text-decoration: none;
}
.contenedor-preguntas{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	margin: auto;
	margin-top: 40px;
	overflow: hidden;
}

/* ------- Saludos tarjeta -------------*/
.contendor-img-tarjeta{
	width: 100%;
	max-width: 500px;
	min-width: auto;
	height: auto;
	float: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.contenedor-saludo{
	width: 100%;
	max-width: 490px;
	min-width: auto;
	height: auto;
	overflow: hidden;
	float: left;
	margin-bottom: 40px;
}
.contenedor-saludo-form{
	width: 100%;
	max-width: 490px;
	min-width: auto;
	height: auto;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}
.saludo-form-left{
	width: 40%;
	height: auto;
	float: left;
}
.saludo-form-right{
	width: 55%;
	height: auto;
	float: right;
}
.saludo-tarjeta{
	width: 100%;
	max-width: 400px;
	min-width: auto;
	height: auto;
	margin: auto;
}
.saludo-tarjeta img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.tajeta-escogida{
	width: 100%;
	max-width: 500px;
	min-width: auto;
	height: 289px;
	background: url(../images/tarjetas-saludo/amistad.jpg) no-repeat center;
	margin: auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.nombre-tarjeta{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 80px;
	padding-left: 10px;
}
.mensaje-tarjeta{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 50px;
	padding-left: 10px;
}
.receptor-tarjeta{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}
form .counter{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #fff;
}
/* ------- Aplicaciones -------------*/

.img-app{
	width: 100%;
	max-width: 300px;
	min-width: auto;
	height: auto;
	float: left;
	overflow: hidden;
}
.img-app img{
	border-radius: 20%;
}
.caracteristicas-app{
	width: 100%;
	max-width: 680px;
	min-width: auto;
	height: auto;
	float: right;
}
.btn-app img{
	margin: 5px;
}
.recarga{
	width: 100%;
	min-height: 798px;
	max-height: auto;
	overflow: hidden;
}


/*================= MEDIA QUERY ====================*/

@media only screen and (max-width: 360px) {
	.img-usuario{
		display: none;
	}
	.acciones-usuario{
		max-width: 100%;
	}
	.tactico-movil{
		display: none;
	}
	.descuento{
		font-size: 18px;
	}
	.textos-cupones{
		font-size: 12px;
	}
}

@media only screen and (max-width: 1000px) {
	.espacio-destacados{
		margin-top: 20px;
	}
	.espacio-tacticos{
		padding-top: 0px;
	}	
}
@media only screen and (max-width: 768px) {
	.concurso-movil{
		display: block;
	}
	.cont-destacado{
	    width: 100%;
	    height: auto;
	    padding: 40px 10px;
	}
	.bg-destacado img {
	    width: 100%;
	}
	.concurso-desktop{
		display: none;
	}
	.iniciar-sesion{
		max-width: 100%;
	}
	.formulario{
		display: none;
	}
	.formulario2{
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.menu-superior{
		display: none;
	}
	.contenedor-callcenter{
		display: none;
	}
	.contenedor-callcenter-2{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
     .btn-principal{
		width: 100%;
		height: auto;
		background: #F1F2F2;
		overflow: hidden;
	}
	.descuento{
		font-size: 18px;
	}
	.textos-cupones{
		font-size: 12px;
	}

	.contenedor-menu-principal-2 label{
		display: block;
	}
	#logo-serbima{
	    background: url(../images/logo-serbima.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 134px;
	}
	#logo-sesa-serbima{
	    background: url(../images/logo-sesaclub.png) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 80px;
	}
	#logo-movipack{
	    background: url(../images/logo-movipack.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 165px;
	}
	#logo-tarragona{
	    background: url(../images/logo-tarragona.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 134px;
	}
	#logo-castano{
	    background: url(../images/logo-castano.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 134px;
	}
	#logo-gabrielamistral{
	    background: url(../images/logo-cajagabrielamistral.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 134px;
	}
	.destacado-1{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
		display: inline-block;
		padding: 20px 10px;
	}
	.destacado-2{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
		display: inline-block;
		padding: 20px 10px;
	}
	.texto-destacado{
		width: 100%;
		height: 135px;
	}
	.texto-destacado p{
		font-family: 'Lato', sans-serif;
		font-size: 15px;
		color: #484C4C;
	}
	.contenedor-acciones{
		background: #077CAA;
	}
	.accion-1{
		width: 180px;
		height: 180px;
		margin: auto;
		margin: 10px;
		text-align: center;
		display: block;
	}
	.accion-2{
		width: 180px;
		height: 180px;
		margin: auto;
		margin: 10px;
		text-align: center;
	}
	.accion-3{
		width: 180px;
		height: 180px;
		margin: auto;
		margin: 10px;
		text-align: center;
	}
	.accion-4{
		width: 180px;
		height: 180px;
		margin: auto;
		margin: 10px;
		text-align: center;
		display: block;
	}
	.accion-5{
		width: 180px;
		height: 180px;
		margin: auto;
		margin: 10px;
		text-align: center;
	}
	.empresas{
		padding: 10px;
	}
	.contenedor-asociacion{
		max-width: 100%;
	}
	.img-asociacion{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}

	/*====== otras páginas ==========*/
	.contenedor-botonera-categorias{
		display: none;
	}
	.destacado-3{
		display: none;
	}
	.contenedor-botonera-categorias-2{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		display: inline-block;
		margin-bottom: 20px;
		border: 1px solid #3D95DB;
	}
	.contenedor-botonera-categorias-2 ul{
		list-style: none;
	}
	.convenio-caracteristicas{
		padding: 10px;
		max-width: 100%;
		height: auto;
		display: inline-block;
	}
	.textos{
		margin: 10px;
	}
	.imprimir{
		display: none;
	}
	.comentarios{
		padding: 10px;
	}
	.contenedor-1{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-2{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-3{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-4{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-5{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-6{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-7{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-8{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-11{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-12{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-13{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-14{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.bg-categorias{
		background: #06756D;
	}
	.contendor-img-form{
		display: none;
	}
	.contenedor-trabajo{
		width: 100%;
		max-width: 100%;
		padding: 10px;
	}
	.contenedor-paso1{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-paso2{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-paso3{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-paso4{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
	}
	.contenedor-mensaje{
		padding: 10px;
	}
	.contenedor-mensaje a{
		float: left;
		margin: 5px;
	}
	.contenedor-preguntas{
		padding: 10px;
	}
	.promocion-texto{
		width: 100%;
		max-width: 100%;
		text-align: left;
		margin: 0px;
		padding: 10px;
	}
	.promocion-img{
		padding: 10px;
	}
	.contenedor-preguntas{
		padding: 10px;
	}
	.espacio{
		padding: 10px;
	}
	.tajeta-escogida{
		background: url(../images/tarjetas-saludo/amistad.jpg) no-repeat center;
		background-size: 100%;
	}
	.contenedor-titulos{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
		padding: 10px;
	}
	.icono-categorias{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin: 0px;
		padding: 10px;
	}
	.datos-personales{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
	}
	.tarjeta-club{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
	}
	.formulario-correo-1{
		width: 100%;
		max-width: 100%;
	}
	.formulario-correo-2{
		width: 100%;
		max-width: 100%;
		padding-top: 5px;
	}
	.contenedor-contrasena{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
	}
	.formulario-contrasena-2{
		padding-top: 5px;
	}
	.regresar-cuenta{
		margin-right: 10px;
	}
	.bg-cuenta-2{
		background: #38BBBF;
	}
	.bg-cuenta{
		background: #38BBBF;
	}
	.contenedor-footer-logo{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
		text-align: center;
		margin-bottom: 40px;
	}
	.contenedor-footer-servicios{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
	}
	.contenedor-footer-alianza{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
	}
	.contenedor-footer-legal{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
	}
	.img-app{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
		text-align: center;
	}
	.caracteristicas-app{
		width: 100%;
		max-width: 100%;
		margin: 0px;
	}
	.recarga{
		width: 100%;
		min-height: 940px;
		max-height: auto;
		overflow: hidden;
	}
	.buscador{
		display: none;
	}
	.buscador-2{
		display: block;
	}
	.buscador-2{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px;
		text-align: center;
		background: #B7B9C7;
	}
	/* ======================= La Polar ====================== */
	.contenedor-callcenter-lapolar{
		display: none;
	}
	#logo-lapolar{
	    background: url(../images/logo-lapolar.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 134px;
	}
	.nav-lapolar{
		position: absolute;
		width: 100%;
		margin-left: -200%;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
	  	z-index: 999999;
	}
	.nav-lapolar ul{
		display: block;
		background: #F1F2F2;
	}
	.nav-lapolar ul li:hover ul{
		display: none;
		position: static;
	}
	#btn-menu2:checked ~ .nav-lapolar{
		margin: 0;
	}
	/* ======================= cumbre dental ====================== */
	.contenedor-callcenter-cumbre{
		display: none;
	}
	#logo-cumbre{
	    background: url(../images/logo-cumbredental.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 134px;
	}
	.btn-cumbre{
		width: 100%;
		height: auto;
		background: #1757FF;
		overflow: hidden;
	}
	.contenedor-menu-cumbre label{
		display: block;
	}
	.nav-cumbre{
		position: absolute;
		width: 100%;
		margin-left: -200%;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
	  	z-index: 999999;
	}
	.nav-cumbre ul{
		display: block;
		background: #1775FF;
	}
	.nav-cumbre ul li:hover ul{
		display: none;
		position: static;
	}
	#btn-menu2:checked ~ .nav-cumbre{
		margin: 0;
	}
	/* ======================= caja ====================== */
	.contenedor-callcenter-caja{
		display: none;
	}
	#logo-caja{
	    background: url(../images/logo-cumbredental.jpg) no-repeat center;
	    display: block;
	    margin: 5px 0px 0;
	    width: 100%;
	    height: 134px;
	}
	.btn-caja{
		width: 100%;
		height: auto;
		background: #033479;
		overflow: hidden;
	}
	.contenedor-menu-caja label{
		display: block;
	}
	.nav-caja{
		position: absolute;
		width: 100%;
		margin-left: -200%;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
	  	z-index: 999999;
	}
	.nav-caja ul{
		display: block;
		background: #001e49;
	}
	.nav-caja ul li:hover ul{
		display: none;
		position: static;
	}
	#btn-menu2:checked ~ .nav-caja{
		margin: 0;
	}
}
@media only screen and (max-width: 500px) {
.contenedor-menu-principal label{
		display: block;
	}
	.contenedor-menu-principal-buscador label{
		display: block;
	}
	.nav-4{
		position: absolute;
		width: 100%;
		margin-left: -200%;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
	  	z-index: 999999;
	}
	.nav-4 ul{
		display: block;
		background: #F1F2F2;
	}
	.nav-4 ul li:hover ul{
		display: none;
		position: static;
		background: #fff;
		padding-left: 20px;
	}
	#btn-menu:checked ~ .nav-4{
		margin: 0;
	}
	.descuento{
		font-size: 18px;
	}
	.textos-cupones{
		font-size: 12px;
	}
}




/* ======================= La Polar ====================== */

#logo-lapolar{
    background: url(../images/logo-lapolar.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 235px;
    height: 134px;
    float: left;
}
.contenedor-callcenter-lapolar{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: auto;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.contenedor-callcenter-lapolar h2{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #fff;
	margin: 0px;
}
.contedor-header-lapolar{
	width: 100%;
	height: auto;
	background: #ff0099;
	overflow: hidden;
}
#btn-menu2{
	display: none;
}
.contenedor-menu-principal-2{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.contenedor-menu-principal-2 label{
	display: none;
	width: 150px;
	height: auto;
	margin:  10px;
	justify-content: flex;
	justify-content: -webkit-flex;
}
.contenedor-menu-principal-2 label{
	cursor: pointer;
}
.nav-lapolar ul{
	display: flex;
	display: -webkit-flex;
	list-style: none;
}
.nav-lapolar ul ul{
	display: none;
}
.nav-lapolar li a{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 11px;
	display: block;
	text-decoration: none;
	padding: 11px 11px;
	color: #2F3133;
}
.nav-lapolar li a:hover{
	color:  #ff0099;
}
.msg_tarjeta{
	display:block;
	width:75px;
	height: 32px;
	background: url(../images/btn-tarjeta1.png) no-repeat center;
	margin: 11px 11px;
}
.msg_tarjeta:hover{
	background: url(../images/btn-tarjeta2.png) no-repeat center;
}
.msg_novios{
	display: block;
	width: 75px;
	height: 32px;
	background: url(../images/btn-novios1.png) no-repeat center;
	margin: 11px 11px;
}
.msg_novios:hover{
	background: url(../images/btn-novios2.png) no-repeat center;
}

/* ======================= La Polar ====================== */

/* ======================= cumbre dental ====================== */
.btn-cumbre{
	width: 100%;
	height: auto;
	background: #0091d4;
}
#logo-cumbre{
    background: url(../images/logo-cumbredental.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 250px;
    height: 134px;
    float: left;
}
.contenedor-callcenter-cumbre{
	width: 100%;
	max-width: 200px;
	min-width: auto;
	height: auto;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.contenedor-callcenter-cumbre h2{
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #fff;
	margin: 0px;
}
.contedor-header-cumbre{
	width: 100%;
	height: auto;
	background:url(../images/bg-cumbre.jpg) repeat center;
	overflow: hidden;
}
#btn-menu2{
	display: none;
}
.contenedor-menu-cumbre{
	width: 100%;
	max-width: 1000px;
	min-width: auto;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.contenedor-menu-cumbre label{
	display: none;
	width: 200px;
	height: auto;
	margin:  10px;
	justify-content: flex;
	justify-content: -webkit-flex;
	color: #fff;
}
.contenedor-menu-cumbre label{
	cursor: pointer;
}
.nav-cumbre ul{
	display: flex;
	display: -webkit-flex;
	list-style: none;
	margin: 0px;
}
.nav-cumbre ul ul{
	display: none;
}
.nav-cumbre ul li:hover ul{
	display: block;
	position: absolute;
	background: #0091d4;
	z-index: 999999;
}
.nav-cumbre li a{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
	display: block;
	text-decoration: none;
	padding: 11px;
	color: #fff;
	margin: 0px;
}
.nav-cumbre li a:hover{
	color:  #fff;
	background: rgba(0, 0, 0, 0.05);
}
/* ======================= cumbre dental ====================== */

/* ======================= caja 18 ====================== */
.btn-caja{
	width: 100%;
	height: auto;
	background: #033479;
}
.icon-caja{
	display: block;
	padding: 15px 15px 15px 15px;
	margin: 0px 5px 0px 0px;
	background: rgba(0, 0, 0, 0.2);
}
#logo-caja{
    background: url(../images/logo-caja-18.jpg) no-repeat 0 0;
    display: block;
    margin: 5px 0px 0;
    width: 300px;
    height: 135px;
    float: left;
}
.contenedor-callcenter-caja{
	width: 100%;
	max-width: 170px;
	min-width: auto;
	height: auto;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.contenedor-callcenter-caja h2{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	margin: 0px;
}
.contedor-header-caja{
	width: 100%;
	height: auto;
	background: #d51d29;
	overflow: hidden;
}
#btn-menu2{
	display: none;
}
.contenedor-menu-caja{
	width: 100%;
	max-width: 850px;
	min-width: auto;
	height: auto;
	overflow: hidden;
	margin: auto;
}
.contenedor-menu-caja label{
	display: none;
	width: 200px;
	height: auto;
	margin:  10px;
	justify-content: flex;
	justify-content: -webkit-flex;
	color: #fff;
}
.contenedor-menu-caja label{
	cursor: pointer;
}
.nav-caja ul{
	display: flex;
	display: -webkit-flex;
	list-style: none;
	margin: 0px;
}
.nav-caja ul ul{
	display: none;
}
.nav-caja ul li:hover ul{
	display: block;
	position: absolute;
	background: #0091d4;
	z-index: 999999;
}
.nav-caja li a{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 12px;
	display: block;
	text-decoration: none;
	padding: 0px 15px 0px 0px;
	color: #fff;
	margin: 0px;
}
.nav-caja li a:hover{
	color:  #fff;
	background: rgba(0, 0, 0, 0.5);
}
/* ======================= caja 18 ====================== */


@media (max-width: 600px) {

	.banner-desktop {
		display: none !important;
	}

	.banner-mobile {
		display: block !important;
	}

}