@font-face {
    font-family: 'rubikblack';
    src: url('/css/fonts/rubik-black-webfont.eot');
    src: url('/css/fonts/rubik-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-black-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-black-webfont.woff') format('woff'),
         url('/css/fonts/rubik-black-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-black-webfont.svg#rubikblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikblack_italic';
    src: url('/css/fonts/rubik-blackitalic-webfont.eot');
    src: url('/css/fonts/rubik-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-blackitalic-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-blackitalic-webfont.woff') format('woff'),
         url('/css/fonts/rubik-blackitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-blackitalic-webfont.svg#rubikblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikbold';
    src: url('/css/fonts/rubik-bold-webfont.eot');
    src: url('/css/fonts/rubik-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-bold-webfont.woff') format('woff'),
         url('/css/fonts/rubik-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-bold-webfont.svg#rubikbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikbold_italic';
    src: url('/css/fonts/rubik-bolditalic-webfont.eot');
    src: url('/css/fonts/rubik-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-bolditalic-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-bolditalic-webfont.woff') format('woff'),
         url('/css/fonts/rubik-bolditalic-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-bolditalic-webfont.svg#rubikbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikitalic';
    src: url('/css/fonts/rubik-italic-webfont.eot');
    src: url('/css/fonts/rubik-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-italic-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-italic-webfont.woff') format('woff'),
         url('/css/fonts/rubik-italic-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-italic-webfont.svg#rubikitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubiklight';
    src: url('/css/fonts/rubik-light-webfont.eot');
    src: url('/css/fonts/rubik-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-light-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-light-webfont.woff') format('woff'),
         url('/css/fonts/rubik-light-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-light-webfont.svg#rubiklight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubiklight_italic';
    src: url('/css/fonts/rubik-lightitalic-webfont.eot');
    src: url('/css/fonts/rubik-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-lightitalic-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-lightitalic-webfont.woff') format('woff'),
         url('/css/fonts/rubik-lightitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-lightitalic-webfont.svg#rubiklight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikmedium';
    src: url('/css/fonts/rubik-medium-webfont.eot');
    src: url('/css/fonts/rubik-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-medium-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-medium-webfont.woff') format('woff'),
         url('/css/fonts/rubik-medium-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-medium-webfont.svg#rubikmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikmedium_italic';
    src: url('/css/fonts/rubik-mediumitalic-webfont.eot');
    src: url('/css/fonts/rubik-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-mediumitalic-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-mediumitalic-webfont.woff') format('woff'),
         url('/css/fonts/rubik-mediumitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-mediumitalic-webfont.svg#rubikmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubikregular';
    src: url('/css/fonts/rubik-regular-webfont.eot');
    src: url('/css/fonts/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/rubik-regular-webfont.woff') format('woff'),
         url('/css/fonts/rubik-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/rubik-regular-webfont.svg#rubikregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html{
	width: 100%;
	font-family: 'Rubik', sans-serif;
	color: #1e1e1e;
}

body {
	width: 100%;
	font-family: 'Rubik', sans-serif;
	color: #1e1e1e;
}



h1 {
	font-family: 'Rubik', sans-serif;
	font-size: 2.4em;
}
h2 {
	font-family: 'Rubik', sans-serif;

	font-size: 2.8em;
}
h3 {
	font-family: 'Rubik', sans-serif;

	font-size: 2.0;
}
h4 {
	font-family: 'Rubik', sans-serif;
	font-size: 1.3em;
	font-weight: 700;
}

.texto14{
	font-size: 14px !important;
}
.texto16{
	font-size: 16px !important;
}
.texto18{
	font-size: 18px !important;
}

.rosa{
	color: #e2007a !important;
}
.fondo-rosa{
	background-color: #e2007a !important;
}
.fondo-blanco{
	background-color: #ffffff !important;
}
.fondo-323232{
  background-color: #323232 !important;
}
.mayusculas{
	text-transform: uppercase;
}
.vmiddle{
	vertical-align: middle;
}
.vcenter {
	display: flex;
    align-items: center;
	justify-content: center;
}
.marginTop10{
	margin-top: 10px !important;
}
.marginTop20{
	margin-top: 20px !important;
}
.marginTop30{
	margin-top: 30px !important;
}
.marginTop40{
	margin-top: 40px !important;
}
.list-error a{
	color: #e2007a !important;
}
.cabecera-cont{
	position: relative;
	background-color: #ffffff;
	background-image: url('/felizydad/imagenes/fondo.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	min-height: 344px;
}
.cabecera{
	position: relative;
	font-family: 'rubikregular', sans-serif !important;
	z-index: 122;
	padding-top: 21px;
}
.cabecera .logo{
	position: absolute;
	top:30px;left:65px;
}
.cabecera .fondo-cabecera{
	position: absolute;
	top:0;left:0;
}
.cabecera .iniciar-sesion{
	padding-top: 25px;
}
.cabecera .iniciar-sesion a:link,.cabecera .iniciar-sesion a:active,.cabecera .iniciar-sesion a:visited{
    color:#1e1e1e;
   	font-family: 'rubikregular', sans-serif !important;
    font-size:17px;
	text-decoration: underline;
	margin-left: 21px;
}
.cabecera .iniciar-sesion a:hover,.cabecera .iniciar-sesion a:focus{
    color:#FFFFFF;
   	font-family: 'rubikregular', sans-serif !important;
    font-size: 17px;
	text-decoration:none;
}
.cabecera .iniciar-sesion img{
	margin-right: 10px;
}
.cabecera .tu-codigo{
	margin-top: 25px;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.cabecera .tu-codigo img{
	margin-right: 10px;
}
.imagen-gratis{
	margin-top: 80px;
}
.prueba-gratis{
	margin-top: 20px;
	margin-bottom: 20px;
}
.contenido{
	margin-left: 50px;
	margin-right: 50px;
}
.nombre-contenedor{
	position: absolute;
	bottom:10px;left: 15px;
}
.nombre-contenedor p{
	margin-bottom: 5px;
}
.precio-mobile{
	font-family: 'rubiklight', sans-serif !important;
    font-size: 14px;
    margin-bottom: 0;
    color: #fff;
}
.precio-mobile .rregular{
	font-family: 'rubikregular', sans-serif !important;
	color: #f27360;
}
.price--line-through{
	background-image: url('/felizydad/imagenes/fondo-precio.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.price--line-through2{
	background-image: url('/felizydad/imagenes/fondo-precio2.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.incluido-suscripcion{
	font-family: 'rubikregular', sans-serif !important;
    color: #f27360;	
	font-size: 15px;
}
.ver-mas{
	font-family: 'rubikregular',Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 17px;
	color:#485868;
	text-decoration: underline;
}
.ver-mas.active, .ver-mas.focus, .ver-mas:active, .ver-mas:focus, .ver-mas:hover{
    color:#323232 !important;
	text-decoration: underline;
}
.mas-autores{
	font-size: 24px;
    color: #f27360;
    font-family: 'rubikmedium', sans-serif !important;
    margin-top: 50px;
    line-height: 15px;
}
.mas-autores .p1d {
    font-size: 40px;
    line-height: 67px;
}
.nombre-contenedor-precio .precio-mensaje{
    color: #e3107f;
	margin-top: -3px;
}
.tipo1 .titulo-mediano{
	font-family: 'rubiklight', sans-serif !important;
	font-size: 17px;
	margin-bottom:0;
	color: #fff;
}
.tipo1 .titulo-autor{
	font-family: 'rubikregular', sans-serif !important;
	font-size: 13px;
	margin-bottom:0;
	color: #fff;
}
.tipo2 .titulo-mediano{
	font-family: 'rubiklight', sans-serif !important;
	font-size: 30px;
	margin-bottom:0;
	color: #fff;
}
.tipo2 .titulo-autor{
	font-family: 'rubikregular', sans-serif !important;
	font-size: 20px;
	margin-bottom:0;
	color: #fff;
}
.sep2{
	width: 35px;
	height: 1px;
	background-color: #e3107f;
	margin-top: 5px;
}
.sep3{
	width: 60px;
	height: 5px;
	margin: 10px auto;
}
.sep4{
	width: 60px;
	height: 5px;
	margin: 5px auto;
}
.texto-grisp{
	font-family: 'rubikmedium', sans-serif !important;
	font-size: 20px;
	color: #969696;
	margin-top: 12px;
}
.boton-crear-cuenta{
	font-family: 'rubikregular',Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    font-size: 17px;
    line-height: 17px !important;
    color: #fff !important;
    background-color: #323232;
    padding: 14px 22px 14px 22px;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
	text-decoration:none !important;
	text-transform: uppercase;
}
.boton-crear-cuenta.active, .boton-crear-cuenta.focus, .boton-crear-cuenta:active, .boton-crear-cuenta:focus, .boton-crear-cuenta:hover{
    background-color: #FFFFFF !important;
    border-color: #1e1e1e !important;
    color:#1e1e1e !important;
	text-decoration:none !important;
}
.boton-crear-cuenta span{
	font-size: 13px;
	position: relative;
	top: 1px;
	vertical-align: middle;
	line-height: 12px;
	margin-left: 14px;
}
.boton-accede{
	font-family: 'rubikregular',Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 13px;
	color:#323232;
	padding: 6px 25px 6px 25px;
	text-decoration: none;
	border:3px solid #9aaaba;
	background-color: #9aaaba !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	position: absolute;
	bottom: 20px;
}
.boton-accede.active, .boton-accede.focus, .boton-accede:active, .boton-accede:focus, .boton-accede:hover{
    background-color: #9aaaba !important;
    border-color: #9aaaba !important;
    color:#323232 !important;
	text-decoration: none;
}
.boton-accede img{
	margin-right: 6px;
}
.boton-suscribirse{
	font-family: 'rubikregular', sans-serif !important;
	font-size: 18px;
	line-height: 18px;
	color: #ffffff;
	padding: 7px 55px 7px 55px;
	text-decoration: none;
	border: 3px solid #da0080;
	background-color: #da0080 !important;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.boton-suscribirse.active, .boton-suscribirse.focus, .boton-suscribirse:active, .boton-suscribirse:focus, .boton-suscribirse:hover{
    background-color: #f27360 !important;
    border-color: #f27360 !important;
    color:#ffffff !important;
	text-decoration: none;
}
.boton-suscribirse img{
	margin-right: 6px;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: 1s ease;
	background-color: #FFFFFF;
	border:10px solid #9aaaba;
	padding: 30px;
}

.content-roll{
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

.containertt{
  cursor: pointer;
}

.containertt:hover .overlay {
  opacity: 1;
}

.borde1{
	border-color: #9aaaba !important;	
}
.fondo1{
	background-color: #9aaaba !important;
	border-color: #9aaaba !important;
}
.elem1 .modal-title{
	color: #9aaaba !important;	
}
.borde2{
	border-color: #f3c766 !important;	
}
.fondo2{
	background-color: #f3c766 !important;
	border-color: #f3c766 !important;
}
.elem2 .modal-title{
	color: #f3c766 !important;	
}
.borde3{
	border-color: #9fc2bb !important;	
}
.fondo3{
	background-color: #9fc2bb !important;
	border-color: #9fc2bb !important;
}
.elem3 .modal-title{
	color: #9fc2bb !important;	
}
.borde4{
	border-color: #f5a46c !important;	
}
.fondo4{
	background-color: #f5a46c !important;
	border-color: #f5a46c !important;
}
.elem4 .modal-title{
	color: #f5a46c !important;	
}
.borde5{
	border-color: #56718c !important;	
}
.fondo5{
	background-color: #56718c !important;
	border-color: #56718c !important;
}
.borde6{
	border-color: #e9d1cb !important;	
}
.fondo6{
	background-color: #e9d1cb !important;
	border-color: #e9d1cb !important;
}
.modal-header{
	border:0;
	padding-bottom:0;
}
.modal-title{
	font-family: 'rubiklight', sans-serif !important;
	font-size: 21px;
}
.close{
	color: #323232;
	opacity: 1;
	font-size: 21px;
}
.close span{
	font-size: 21px !important;
}
#myMultimedia .modal-dialog{
	width: 60%;
}
.text {
  color: #323232;
  font-size: 16px;
  position: absolute;
  top: 15%;
  text-align: left;
  font-family: 'rubikregular',Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.razones{
	background-color: #e1e1e1;
	padding-top: 40px;
	padding-bottom: 50px;
	margin-top: 60px;
}
.razones p{
	font-size: 18px;
	color: #323232;
	font-family: 'rubiklight', sans-serif !important;
	margin-top: 21px;
}
.titulo-grande{
	font-size: 25px;
	color: #485868;
	font-family: 'rubikmedium', sans-serif !important;
}
.boton-iniciar-principal{
	font-family: 'rubikmedium', sans-serif !important;
	font-size: 32px;
	color:#323232;
	letter-spacing: 3px;
	padding: 9px 65px 9px 65px;
	text-decoration: none;
	border:3px solid #ffffff;
	background-color: #ffffff !important;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	margin-top: 21px;
}
.boton-iniciar-principal.active, .boton-iniciar-principal.focus, .boton-iniciar-principal:active, .boton-iniciar-principal:focus, .boton-iniciar-principal:hover{
    background-color: #323232 !important;
    border-color: #323232 !important;
    color:#ffffff !important;
	text-decoration: none;
}
.boton-iniciar{
	font-family: 'rubikmedium', sans-serif !important;
	font-size: 22px;
	color:#ffffff;
	padding: 9px 65px 9px 65px;
	text-decoration: none;
	border:3px solid #da0080;
	background-color: #da0080 !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-top: 21px;
}
.boton-iniciar.active, .boton-iniciar.focus, .boton-iniciar:active, .boton-iniciar:focus, .boton-iniciar:hover{
     background-color: #ffffff !important;
    border-color: #ffffff !important;
    color:#da0080 !important;
	text-decoration: none;
}
.boton-iniciar2{
	font-family: 'rubikmedium', sans-serif !important;
	font-size: 20px;
	color:#ffffff;
	padding: 9px 50px 9px 50px;
	text-decoration: none;
	border:3px solid #da0080;
	background-color: #da0080 !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-top: 21px;
}
.boton-iniciar2.active, .boton-iniciar2.focus, .boton-iniciar2:active, .boton-iniciar2:focus, .boton-iniciar2:hover{
    background-color: #da0080 !important;
    border-color: #da0080 !important;
    color:#ffffff !important;
	text-decoration: none;
}

.boton-iniciar-white{
	font-family: 'rubikmedium', sans-serif !important;
	font-size: 20px;
	color:#323232;
	padding: 9px 50px 9px 50px;
	text-decoration: none;
	border:3px solid #ffffff;
	background-color: #ffffff !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-top: 21px;
}
.boton-iniciar-white.active, .boton-iniciar-white.focus, .boton-iniciar-white:active, .boton-iniciar-white:focus, .boton-iniciar-white:hover{
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color:#323232 !important;
	text-decoration: none;
}

.info-precio {
	font-family: 'rubikregular', sans-serif !important;
    font-size: 16px;
    color: #323232;
}
.boton-gratis {
	width: 100%;
	background-color: #f27360;
    color: #ffffff !important;
    font-family: 'rubikregular', sans-serif !important;
    font-size: 17px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    border-color: #f27360 !important;
    height: auto;
    line-height: initial;
    padding: 12px 35px 12px 35px;
    text-align: center;
	vertical-align:middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid transparent;
}
.boton-gratis.active, .boton-gratis.focus, .boton-gratis:active, .boton-gratis:focus, .boton-gratis:hover{
	background-color: #323232;
    color: #ffffff !important;
    border-color: #323232 !important;
}
.boton-gratis img{
	vertical-align:middle;
	height: 25px;
	margin-left: 5px;
}
.boton-suscribirse {
	width: 100%;
	font-family: 'rubikregular', sans-serif !important;
    font-size: 12px;
	line-height: 18px;
    color: #ffffff;
    padding: 6px 35px 4px 35px;
    text-decoration: none;
    border: 3px solid #da0080;
    background-color: #da0080 !important;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.boton-suscribirse.active, .boton-suscribirse.focus, .boton-suscribirse:active, .boton-suscribirse:focus, .boton-suscribirse:hover{
    background-color: #323232 !important;
    color: #ffffff !important;
    border-color: #323232 !important;
}
.boton-suscribirse  span{
	display: block;
	font-size: 18px;
}

.versiones{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 30px;
}
.versiones img{
	margin: 30px 40px 30px 40px;
}
.textoslegales {
    background-color: #323232;
    min-height: 175px;
    padding-top: 20px;
	color: #fff;
}
.textoslegales .sep {
    padding-left: 10px;
    padding-right: 10px;
}
.textoslegales a:link, .textoslegales a:active, .textoslegales a:hover, .textoslegales a:focus, .textoslegales a:visited {
	color: #fff;
	font-size: 15px;
	text-decoration:none;
}
.legales{
	padding-left: 60px;
}
.contenedorNormas p, .contenedorNormas span,.contenedorNormas  li {
    font-size: 13px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 476px;
	margin-left: -10px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
}
.sin-padding{
	padding: 0 !important;
}
.sin-margin{
	margin: 0 !important;
}
.sin-padding-left{
	padding-left: 0 !important;
}
.sin-margin-left{
	margin-left: 0 !important;
}
.planes{
	border: 5px solid #f5f5f5;
	background-color: #f5f5f5;
	padding: 20px
}
.planesleft{
	padding-right:5px;
	padding-left:0;
}
.planesright{
	padding-left:5px;
	padding-right:0;
}
.planes-periodo{
	color:#da0080;font-size:20px;font-family:rubikmedium
}
.planes-precio{
	color:#485868;font-size:50px;font-family:rubikregular
}
.planes-periodo2{
	color:#485868;font-size:17px;font-family:rubikmedium
}


.texto-cabecera{
  padding-bottom: 20px;
}
.titulo-blanco{
  font-family: 'rubikmedium', sans-serif !important;
  color: #FFFFFF;
  font-size: 16px;
}
.texto-blanco{
  font-family: 'rubiklight', sans-serif !important;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 1;
}
#myMultimediaVideo .modal-dialog {
    width: 915px;
}
#myMultimediaVideo .modal-content{
	background-color: transparent;
	border: 0;
	box-shadow: none;
}
#myMultimediaVideo iframe{
	background-color: transparent;
}
#myMultimediaVideo .close {
    color: red;
}
.video-externo{
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.video-externo iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
	overflow-y:hidden;
	overflow-x:hidden;
	background-color: transparent;
}
.video-externo iframe body{
	background-color: transparent;
}

#mute-video {
    font-size: 30px;
    background: transparent;
    color: white;
    border: none;
    font-weight: bolder;
    font-family: rubikmedium;
    position: absolute;
    top: 38%;
    right: 2vh;
    outline: none;
}
#myMultimediaChat .modal-dialog{
	position: absolute;
	right: 0;
}
#myMultimediaChat .modal-content {
    background-color: #f27360;
	background-image: url('/felizydad/imagenes/fondo.jpg');
	background-size:cover;
}

#myMultimediaChat .close {
    color: #fff;
}

.condiciones a,.condiciones a:active,.condiciones a:hover,.condiciones a:focus,.condiciones a:hover,.condiciones a:focus{
	color: #e2007a !important;
}

/* modals felizydad */
.texto-defecto-modal{
	font-family: 'rubikregular';
	color: #323232;
}
.boton-general-modal {
	width: 50%;
	font-family: 'rubikmedium',Arial,"Helvetica Neue",Helvetica,sans-serif !important;
	font-size: 17px;
	color: #FFFFFF;
	padding: 8px 5px 6px 5px;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 20px;
	border-color: #323232;
	background-color: #323232;
	text-align: center;
	line-height: 1.42857;
	height: 40px !important;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff !important;
    text-decoration: none;
}
/********************/

@media (min-width: 1900px) {	
	.text {
	   top: 29%;
	}
}
@media (min-width: 1280px) {	
	.text {
	  padding-right: 20px;
	}
}
@media (max-width: 1024px) {
	.boton-iniciar-principal{
		font-size: 20px;
		letter-spacing: 3px;
		padding: 9px 65px 9px 65px;
		margin-top: 21px;
	}
	.text {
		font-size: 15px;
		position: absolute;
		top: 20%;left: 6%;
	}
	.boton-accede{
		font-size: 11px;
		padding: 5px 9px 5px 9px;
		position: absolute;
		left: 6%;
	}
	.tipo2 .boton-accede{
		bottom: 25% !important;
	}
	.planes-periodo {
	  font-size: 17px;
 	}
	.planes-precio {
		font-size: 40px;
	}
	.planes-periodo2 {
		font-size: 13px;
	}
	.boton-iniciar2 {
		padding: 3px 50px 3px 50px;
	}
	#myMultimedia .modal-dialog{
		width: 85%;
	}
}

@media (max-width: 768px) {
	.sinmarginTopxs{
		margin-top: 0 !important;
	}
	.cabecera-cont{
		min-height: 400px;
	}
	.iniciar-sesion{
		padding-top: 34px;
	}
	.contenido {
		margin-left: 0;
		margin-right: 0;
	}
	.nombre-contenedor {
		position: absolute;
		bottom: 8px;
		left: 17px;
	}
	.tipo2 .titulo-mediano {
		font-family: 'rubiklight', sans-serif !important;
		font-size: 21px;
		margin-bottom: 0;
		color: #fff;
	}
	.tipo2 .titulo-autor {
		font-size: 17px;
	}
	.text {
		position: absolute;
		top: 12%;
		left: 6%;
	}
	.boton-accede {
		position: absolute;
		left: 6%;
		bottom: 3%;
	}
	#myMultimedia .modal-dialog{
		width: 95%;
	}
	#myMultimediaVideo .modal-dialog {
		width: 700px;
	}
	.boton-iniciar2 {
		padding: 3px 30px 3px 30px;
	}
}
@media (max-width: 480px) {
	.sinmarginTopxs{
		margin-top: 0 !important;
	}
	.sinpadding-left-mobile{
		padding-left:0 !important;
	}
	.sinpadding-right-mobile{
		padding-right:0 !important;
	}
	.texto-mobile11{
		font-size: 11px !important;
	}
	form-control,.acceso-modal input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select,select[name="Fecha"], select[name="Pais"], select[name="Provincia"], select[name="Sexo"], select[name="Franja_edad"] {
	    background-color: #ffffff;
	    border: 1px solid #9b9b9b;
		border-radius: 20px;
	    color: #2b2b2b !important;
	    display: block;
	    font-size: 15px !important;
	    height: 40px !important;
	    line-height: 1.42857;
	    padding: 6px 12px !important;
	    vertical-align: middle;
		text-align: left;
		-webkit-appearance: none;
		text-align-last: left;
	}
	.boton-iniciar2{
		font-family: 'rubikmedium', sans-serif !important;
		font-size: 14px;
		color:#ffffff;
		padding: 9px 20px 9px 20px;
		text-decoration: none;
		border:3px solid #da0080;
		background-color: #da0080 !important;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		margin-top: 21px;
	}
	.boton-iniciar2.active, .boton-iniciar2.focus, .boton-iniciar2:active, .boton-iniciar2:focus, .boton-iniciar2:hover{
	    background-color: #da0080 !important;
	    border-color: #da0080 !important;
	    color:#ffffff !important;
		text-decoration: none;
	}

	.boton-iniciar-white{
		font-family: 'rubikmedium', sans-serif !important;
		font-size: 14px;
		color:#323232;
		padding: 9px 15px 9px 15px;
		text-decoration: none;
		border:3px solid #ffffff;
		background-color: #ffffff !important;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		margin-top: 21px;
	}
	.boton-iniciar-white.active, .boton-iniciar-white.focus, .boton-iniciar-white:active, .boton-iniciar-white:focus, .boton-iniciar-white:hover{
	    background-color: #ffffff !important;
	    border-color: #ffffff !important;
	    color:#323232 !important;
		text-decoration: none;
	}

	.planes-periodo{
		color:#da0080;font-size:15px;font-family:rubikmedium
	}
	.planes-precio{
		color:#485868;font-size:22px;font-family:rubikregular
	}
	.planes-periodo2{
		color:#485868;font-size:18px;font-family:rubikmedium
	}
	.planes {
		padding: 10px;
	}


	/*.planesleft{
		padding:0px
	}
	.planesright{
		padding:0px
	}*/
	.marginTop40{
		margin-top: 20px !important;
	}
	.modal-content {
	  overflow:auto;
	}
	.cabecera-cont{
		background-image: url('/felizydad/imagenes/fondo-mobile.jpg');
		min-height: 400px;
	}
	.cabecera .logo{
		position: absolute;
		top:30px;left:0;
	}
	.cabecera-mobile{
		background-color: #323232;
		min-height: 72px;
		padding-top: 27px;
	}
	.cabecera-mobile .iniciar-sesion-mobile a:link, .cabecera-mobile .iniciar-sesion-mobile a:active, .cabecera-mobile .iniciar-sesion-mobile a:visited {
		color: #ffffff;
		font-family: 'rubikregular', sans-serif !important;
		font-size: 15px;
		text-decoration: underline;
		margin-left: 11px;
	}
	.logo{
		margin-top: 50px;
	}
	.imagen-gratis{
		margin-top: 15px;
	}
	.boton-crear-cuenta{
		font-size: 14px;
		line-height: 14px !important;
		color: #323232 !important;
		background-color: #ffffff;
		padding: 7px 25px 7px 25px;
		border: 0;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		text-align: center;
		text-decoration:none !important;
	}
	.boton-crear-cuenta.active, .boton-crear-cuenta.focus, .boton-crear-cuenta:active, .boton-crear-cuenta:focus, .boton-crear-cuenta:hover{
		background-color: #ffffff !important;
		border-color: #ffffff !important;
		color:#323232 !important;
		text-decoration:none !important;
	}
	.titulo-grande {
	    font-size: 22px;
	}
	.boton-iniciar{
		font-size: 22px;
	}
	.boton-iniciar{
		font-size: 18px;
		padding: 9px 40px 9px 40px;
	}
	.boton-iniciar.active, .boton-iniciar.focus, .boton-iniciar:active, .boton-iniciar:focus, .boton-iniciar:hover{
		background-color: #da0080 !important;
		border-color: #da0080 !important;
		color:#ffffff !important;
		text-decoration: none;
	}
	input[name="Codigo"]::placeholder {
		font-size: 14px !important;
	}
	.contenido{
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px;
	}
	.containertt{
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 10px !important;	 
	}
	.myMultimedia .modal-dialog{
		width: 100%;
	}
	.modal-title {
		font-size: 18px;
		display: none;
	}
	.nombre-contenedor{
		position: absolute;
		bottom:5px;left: 12px;
		padding-right: 10px;
	}
	.nombre-contenedor p{
		margin-bottom: 5px;
	}
	.tipo1 .titulo-mediano {
		font-size: 17px;
	}
	.tipo1 .titulo-autor{
		font-size: 14px;
		letter-spacing: 2px;
	}
	.tipo2 .titulo-mediano {
		font-size: 17px;
	}
	.tipo2 .titulo-autor{
		font-size: 14px;
	}
	.mas-autores{
		font-size: 18px;
		margin-top: 50px;
		line-height: 19px;
	}
	.mas-autores .p1d {
		font-size: 20px;
		line-height: 20px;
	}
	.text {
		font-size: 12px;
		position: absolute;
		top: 10%;left: 6%;
	}
	.boton-accede{
		font-size: 11px;
		padding: 5px 9px 5px 9px;
		position: absolute;
		left: 6%; bottom: 10px;
	}
	.boton-iniciar-principal{
		font-size: 16px;
		letter-spacing: 3px;
		padding: 9px 25px 9px 25px;
		border:3px solid #ffffff;
		margin-top: 21px;
	}
	.titulo {
		font-size: 16px;
	}
	.texto-contenido{
		font-size: 13px;
	}
	.titulo-ficha-seccion p, .titulo-ficha-seccion2 {
		font-size: 16px;
	}
	.boton-gratis {
		width: 100%;
		font-size: 15px;
		padding: 12px 15px 12px 15px;
	}
	.boton-gratis img{
		vertical-align:middle;
		height: 15px;
		margin-left: 5px;
	}
	.boton-suscribirse {
		font-size: 12px;
		line-height: 18px;
		padding: 6px 15px 4px 15px;
		border: 3px solid #da0080;
	}
	.boton-suscribirse  span{
		display: block;
		font-size: 18px;
	}
	.tipo2 .boton-accede{
		bottom: 30% !important;
	}
	.iconos{
		padding: 0;
	}
	.versiones{
		padding-top: 40px;
		padding-bottom: 40px;
		margin-top: 30px;
	}
	.versiones img{
		width: 70px;
		margin: 30px 15px 30px 15px;
	}
	.legales{
		padding-left: 15px;
	}
	.textoslegales, .textoslegales a:link, .textoslegales a:active, .textoslegales a:hover, .textoslegales a:focus, .textoslegales a:visited {
		font-size: 11px;
	}
	.textoslegales .sep {
		padding-left: 2px;
		padding-right: 2px;
		position: relative;
		top: 2px;
	}
	.cpright{
		text-align: center !important;
		margin-top: 21px;
	}
	.stripe-button-el{
		width: 100% !important;
	}
	#myMultimedia .modal-dialog{
		width: 95%;
	}
	#myMultimediaVideo .modal-dialog{
		width: auto;
		top: 122px;
	}
	#myMultimediaChat .modal-dialog{
		position: absolute;
		right: 0;
		left: 0;
	}
	#myMultimedialess .modal-header{
		background-image: url('/canal/templates/felizydad/imagenes/cabecera-modal-mobile.png');
		min-height: 125px !important;
		margin-bottom: 15px;
	}
}

@media (max-width: 320px) {
	.sinmarginTopxs{
		margin-top: 0 !important;
	}
	.planes{
		border: 5px solid #f5f5f5;
		background-color: #f5f5f5;
		padding: 5px
	}

	/*.planesleft{
		padding:0px
	}
	.planesright{
		padding:0px
	}*/
	.cabecera-mobile .iniciar-sesion-mobile a:link, .cabecera-mobile .iniciar-sesion-mobile a:active, .cabecera-mobile .iniciar-sesion-mobile a:visited {
		font-size: 14px;
	}
	.boton-iniciar{
		font-size: 16px;
		padding: 9px 30px 9px 30px;
	}
	.boton-iniciar-principal{
		font-size: 16px;
		letter-spacing: 3px;
		padding: 9px 25px 9px 25px;
		border:3px solid #ffffff;
		margin-top: 21px;
	}
	.text {
		font-size: 11px;
		position: absolute;
		top: 12%;left: 6%;
	}
	.boton-accede{
		font-size: 10px;
		padding: 6px 5px 6px 5px;
		position: absolute;
		bottom: 2px;
	}
	.boton-accede img {
		margin-right: 2px;
	}
	.tipo2 .boton-accede{
		bottom: 25% !important;
	}
	.textoslegales, .textoslegales a:link, .textoslegales a:active, .textoslegales a:hover, .textoslegales a:focus, .textoslegales a:visited {
		font-size: 10px;
	}
}