@charset "UTF-8"; @import url(http://fonts.googleapis.com/css?family=Kalam:400,700,300); @import url("https://fonts.googleapis.com/css?family=Rammetto+One"); @import url(fonts/DKLemonYellowSun-Regular.css); input { -webkit-border-radius: 0px; } input { -webkit-appearance: none; } html { -webkit-font-smoothing: antialiased; } body { margin: 0px; padding: 0px; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } p a { color: #41413f; } .img-responsive { width: 100%; height: auto; } .boton { display: inline-block; font-family: 'Rammetto One', cursive; font-size: 28px; font-weight: 700; line-height: 36px; text-align: center !important; text-transform: uppercase; color: #000; outline: none; background: #f6bb3d; position: relative; cursor: pointer; border: none; } .centrar{ text-align: center !important; } .boton.negro { color: #f6bb3d; background: #231F20 } .boton:hover, .boton:focus { color: #FFF; background: #f3f00a } .rot1{ transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg); } .rot2{ transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } .rot3{ transform: rotate(3deg); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); } .rot4{ transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); } /** Donna Galletta | LIGHTBOX MARKUP **/ .lightbox { /** Default lightbox to hidden */ display: none; /** Position and style */ position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8); } .lightbox:target { /** Remove default browser outline */ outline: none; /** Unhide lightbox **/ display: block; } /** videoModal **/ #videoModal { border-radius: 0; width: 80%; margin:auto;} #videoModal .modal-header { background: #000; border: 0; color: #fff; position: relative; height:35px; } #videoModal .modal-header h3 { font-size: 18px; line-height: 22px; font-family:Arial, Helvetica, sans-serif; padding:5px;} #videoModal .modal-body { height: 489px; padding: 0; max-height: none; overflow: hidden; } #videoModal .modal-footer:empty { display: none !important; } #videoModal .close { background: #DB00B8; color: #fff; font-size: 24px; margin: 0; opacity: 1; position: absolute; right: 0; text-shadow: none; top: 0; width: 38px; } :focus { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } #prehome { background: url(../images/fdo.jpg) top center no-repeat #ccb825; } #prehome .interior { position: absolute; width: 924px; min-height: 560px; top: 0px; left: 50%; padding: 0px; margin: 0px 0px 0px -462px; } #prehome .interior ul.preelements { list-style: none; padding: 0px; margin: 0px; width: 924px; min-height: 560px; } #prehome .interior ul.preelements li { margin: 0px; padding: 0px; position: relative; z-index: 10; } #prehome .interior ul.preelements li.prehome-boton1 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 60px; left: 1px; } #prehome .interior ul.preelements li.prehome-boton2 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 220px; left: 2px; } #prehome .interior ul.preelements li.prehome-boton3 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 380px; left: 45px; } #prehome .interior ul.preelements li.prehome-boton4 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 68px; left: 712px; } #prehome .interior ul.preelements li.prehome-boton5 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 220px; left: 740px; } #prehome .interior ul.preelements li.prehome-boton6 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 360px; left: 740px; } #prehome .interior ul.preelements li.prehome-boton7 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 550px; left: 5px; } /*#prehome .interior ul.preelements li.prehome-boton7 a { display: block; padding: 0px; margin: 0px; position: absolute; cursor: pointer; top: 10px; left: 320px; }*/ #prehome .interior ul.preelements .prehome-foto ul li.foto02, #prehome .interior ul.preelements .prehome-foto ul li.foto03, #prehome .interior ul.preelements .prehome-foto ul li.foto04, #prehome .interior ul.preelements .prehome-foto ul li.foto05, #prehome .interior ul.preelements .prehome-foto ul li.foto06 { opacity: 0; } #prehome .interior ul.preelements .prehome-foto { position: absolute; width: 794px; height: 540px; top: 11px; z-index: 6; left: 50%; margin-left: -410px; } #prehome .interior ul.preelements .prehome-foto ul { list-style: none; margin: 0px; padding: 0px; } #prehome .interior ul.preelements .prehome-foto ul li { position: absolute; top: 0px; left: 0px; } #prehome .logo { position: absolute; width: 469px; height: 284px; top: 382px; left: 240px; z-index: 8; } header { background: url(images/bkheader.png) bottom center repeat-x transparent; font-family: 'Rammetto One', cursive; height: 73px; position: relative; /*z-index:999;*/ min-width: 980px; /**/ z-index: 9998; position: fixed; top: 0; width: 100%; } header nav { width: 960px; margin: auto; position: relative; } nav ul { padding: 0px; margin: 14px 0px 0px 0px; list-style: none; left: -18px; float: left; position: relative; } nav ul li { padding: 0px; margin: 0px; list-style: none; float: left; } nav ul li a { background: url(images/over.jpg) -500px center no-repeat transparent; background-size: 100% 100%; color: #fff; font-weight: bold; font-size: 16px; /*18px*/ line-height: 32px; /*width:120px;*/ display: block; padding: 0px 8px; /*0px 17px;*/ text-align: center; cursor: pointer; text-transform: uppercase; } nav ul li a:hover, nav ul li a.activo { background-position: top center; color: #803093; } nav ul li.facebook a { background: url(images/redss.png) left top no-repeat transparent; line-height: 28px; width: 28px; height: 28px; margin: 0px 3px 0px 6px; padding: 0px; display: block; text-align: center; text-indent: -9999px; } nav ul li.facebook a:hover { opacity: 0.7; } nav ul li.twitter a { background: url(images/redss.png) -38px top no-repeat transparent; line-height: 28px; width: 28px; height: 28px; margin: 0px 3px; padding: 0px; display: block; text-align: center; text-indent: -9999px; } nav ul li.twitter a:hover { opacity: 0.7; } nav ul li.youtube a { background: url(images/redss.png) -76px top no-repeat transparent; line-height: 28px; width: 28px; height: 28px; margin: 0px 3px; padding: 0px; display: block; text-align: center; text-indent: -9999px; } nav ul li.youtube a:hover { opacity: 0.7; } nav ul li.instagram a { background: url(images/redss.png) right top no-repeat transparent; line-height: 28px; width: 28px; height: 28px; margin: 0px 3px; padding: 0px; display: block; text-align: center; text-indent: -9999px; } nav ul li.instagram a:hover { opacity: 0.7; } .slicknav_menu { display: none; } .bienvenida { display: none; } .sinloguear { float: right; color: #fff; font-size: 16px; line-height: 32px; margin: 14px 0px 0px 0px; } .logueado { float: right; color: #fff; font-size: 15px; /*16px*/ line-height: 32px; margin: 14px 0px 0px 0px; } .sinloguear a { color: #f196cc; line-height: 32px; cursor: pointer; } .logueado a { color: #f196cc; font-size: 13px; line-height: 32px; cursor: pointer; } .sinloguear a:hover, .logueado a:hover { color: #fff; } #header { position: relative; /*height:370px;335px;*/ height: auto !important; margin-top: 58px; } #header .int { /*position:absolute; top:-33px40px;*/ /*height:370px;335px;*/ background: url(images/bkheader.jpg) top center no-repeat #440350; z-index: 99; overflow: hidden; text-align: center; width: 100%; min-width: 980px; } .srie { height: 370px; } .srie .int { /*height:370px;*/ } #capitulos { position: relative; height: 786px; /*816px;*/ width: 100%; min-width: 980px; } #capitulos .int { position: absolute; top: -21px; /*-95px*/ height: 810px; /*840px;*/ background: url(images/bkcapitulos.png) top center no-repeat transparent; background-size: 100% 100%; z-index: 989; width: 100%; min-width: 980px; } #capitulos .int .textura { background: url(images/captexturas.png) top center no-repeat transparent; width: 100%; min-width: 980px; } #capitulos h2 { /* background:url(images/capitulos-titulo.png) top center no-repeat transparent; width:475px; height:78px;*/ margin: 25px auto 0 auto; /*75px auto 0 auto;*/ /* text-indent:-9999px;*/ text-align: center; } #capitulos .slidecap { width: 835px; margin: auto; } #capitulos .slidecap.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 600px; } #capitulos .slidecap iframe { border: 3px solid #fff; width: 795px; height: 470px; margin: 0px auto 0px auto; /*0px auto 10px auto;*/ display: inline-table; } #capitulos .slidecap h2 { font-family: 'Rammetto One', cursive; font-weight: 700; font-size: 38px; line-height: 44px; color: #fff; padding: 25px 0; margin: 0px; /*max-width:800px;*/ text-align: center; text-transform: uppercase; text-shadow: -2px 4px 0 #5c135e; } #capitulos .slidecap h4 { font-family: 'Rammetto One', cursive; font-weight: 700; font-size: 26px; /*26px;*/ line-height: 28px; color: #fff; padding: 0px; margin: 0px; width: 755px; /*510px; /*455px;*/ text-align: left; /* display:inline-table;*/ clear: both; } #capitulos .slidecap h5 { font-family: 'Rammetto One', cursive; font-size: 17px; line-height: 20px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 755px; /*565px; /*455px;*/ text-align: left /* display:inline-table;*/ } #capitulos .slidecap h5 p { margin-top: 5px; } #capitulos .slidecap .redes { /* display:block;*/ margin: 0px 0px 5px 0px; /*15px 0px 5px 0px;*/ padding: 0px 0px 0px 170px; /*0px 0px 0px 215px;*/ height: 44px; /*51px;*/ /*width:565px; /*455px;*/ text-align: left; /* display:inline-table;*/ background: url(images/compartirrr.png) left 5px no-repeat transparent; float: right; width: 200px; } #capitulos .slidecap .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } #capitulos .slidecap .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } #capitulos .slidecap .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } #capitulos .slidecap .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } #capitulos .slidecap .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } #capitulos .slidecap .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } #capitulos .slidecap .redes .google:hover { background-position: -168px bottom; } #capitulos .slidecap .redes .wapp:hover { background-position: -210px bottom; } #capitulos .slidecap .redes .link:hover { background-position: -84px bottom; } #capitulos .slidecap .redes .fb:hover { background-position: -40px bottom; } #capitulos .slidecap .redes .tw:hover { background-position: bottom left; } #capitulos .slidecap .redes .mail:hover { background-position: -126px bottom; } #capitulos .slidecap .slides li img { float: left; width: 100px; height: 75px; padding: 0px; margin: 0px 5px 0px 0px; } #capitulos .slidecap .slides li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } #capitulos .slidecap #carousel .slides li { background: #784a74; padding: 10px 7px; cursor: pointer; position: relative; } #capitulos .slidecap #carousel .slides li.flex-active-slide { background: #75075e; } #capitulos .slidecap .slides li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } #capitulos #slider .flex-viewport { /* background:url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom:50px; text-align:center*/ } #carousel { margin-top: 25px; } #carousel .flex-direction-nav .flex-next, #carousel .flex-direction-nav .flex-prev { margin-top: -10px; } #adicionales { background: #611463; text-align: center; position: relative; width: 100%; min-width: 980px; } #personajes .textura, #adicionales .textura { background: url(images/textura.png) top center repeat transparent; width: 100%; min-width: 980px; } #adicionales .textura .textint { background: url(images/textura3.png) center 80px no-repeat transparent; width: 100%; min-width: 980px; padding-top: 25px /*45px;*/ } #adicionales .int { text-align: center; width: 970px; position: relative; margin: auto; padding: 40px 0px 0px 0px /*40px 0px 0px 0px;*/ } #adicionales h2 { margin: 0px; } .bn-episodio img { max-width: 100%; } #adicionales h2.material { background: url(images/material-adicional.png) top center no-repeat transparent; width: 426px; height: 84px; margin: 0px auto 0 auto; text-indent: -9999px; position: relative; } #adicionales h2.mundoroxi { background: url(images/mundo-roxi.png) top center no-repeat transparent; width: 295px; height: 84px; margin: 0px auto 0 auto; text-indent: -9999px; position: relative; } #adicionales .cierre { background: url(images/sombraslider-clara.png) top center no-repeat transparent; margin: 20px auto 0 auto; padding-bottom: 20px; } #adicionales a.vermas { background: url(images/btn-vermas.png) top left no-repeat transparent; width: 143px; height: 64px; text-indent: -9999px; display: inline-table; margin: 10px 0px; } #adicionales a.vermas:hover { opacity: 0.7; } ul.videosadic { display: block; padding: 0px; margin: -20px 0px 0px 0px; text-align: center; } ul.videosadic li { display: inline-table; /*width:450px;*/ padding: 0px; margin: 0px; } ul.videosadic li.bkmaterial { background: url(images/bk-materialadicional.png) left top no-repeat transparent; width: 457px; height: 465px; /*550px;*/ float: left; position: relative; } ul.videosadic li.bkmundoroxi { background: url(images/bk-mundoroxi.png) left top no-repeat transparent; width: 509px; height: 550px; /*600px;*/ float: right; position: relative; } ul.videosadic li.bkmaterial .intcont { width: 405px; margin: 0px 0px 0px 30px; /*20px 0px 0px 30px;*/ text-align: left; } ul.videosadic li.bkmundoroxi .intcont { width: 405px; margin: 0px 0px 0px 60px; /*20px 0px 0px 60px;*/ text-align: left; } ul.videosadic li.bkmundoroxi h4, ul.videosadic li.bkmundoroxi h5 { color: #731677; } ul.videosadic li.bkmundoroxi h4 a, ul.videosadic li.bkmundoroxi h5 a { color: #731677; } ul.videosadic li.bkmundoroxi h4 a:hover, ul.videosadic li.bkmundoroxi h5 a:hover { color: #e99fec; } ul.videosadic li.bkmundoroxi span.fecha { color: #8b0e70; } ul.videosadic li iframe { width: 390px; height: 220px; margin: 0px auto 10px auto; display: inline-table; } ul.videosadic li.bkmaterial img { max-width: 310px; max-height: 275px; } .bkbanner { padding-top: 33px !important; } .bkbanner img { border: 7px solid #420d46; box-sizing: content-box; } #roxi .interno .right .wp_bannerize img, #mundorox .interno .right .wp_bannerize img { border: 7px solid #420d46; width: 296px; height: 296px; box-sizing: content-box; } ul.videosadic li span.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 15px 15px 0 0px; text-align: left; } ul.videosadic li h4 { font-family: 'Rammetto One', cursive; font-weight: 700; font-size: 15px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; text-align: left; line-height: 20px; display: inline-table; } ul.videosadic li h4 a { color: #fff; } ul.videosadic li h4 a:hover { color: #e99fec; } ul.videosadic li h5 { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 15px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; text-align: left; display: inline-table; } ul.videosadic li .redes { display: block; margin: 5px 0px; padding: 0px; height: 34px; text-align: left; display: block; } ul.videosadic li .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } ul.videosadic li .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } ul.videosadic li .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } ul.videosadic li .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } ul.videosadic li .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } ul.videosadic li .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } ul.videosadic li .redes .google:hover { background-position: -168px bottom; } ul.videosadic li .redes .wapp:hover { background-position: -210px bottom; } ul.videosadic li .redes .link:hover { background-position: -84px bottom; } ul.videosadic li .redes .tw:hover { background-position: bottom left; } ul.videosadic li .redes .fb:hover { background-position: -40px bottom; } ul.videosadic li .redes .mail:hover { background-position: -126px bottom; } #personajes { /* background:url(images/texturapapel.jpg) top center no-repeat #611463;*/ background: #611463; text-align: center; position: relative; width: 100%; min-width: 980px; } #personajes .int { text-align: center; width: 100%; min-width: 980px; position: relative; padding: 45px 0px 0px 0px /*95px 0px 0px 0px;*/ /* background:url(images/sombra-horizontal.png) top center no-repeat transparent;*/ } #personajes h2 { /*background:url(images/perfiles-titulo.png) top center no-repeat transparent; width:234px;/*449px;*/ /*height:96px;*/ margin: 0px auto 0 auto; /*text-indent:-9999px;*/ position: relative; top: -30px; z-index: 8; } #personajes .imagenes { margin-top: -100px; /*-60px;*/ text-align: center; } #personajes .imagenes img { margin: 0px 0px 0px -35px; padding: 0px; display: inline-block; border: none; } #twitter { position: relative; background: url(images/textura2.png) top center repeat #44044f; width: 100%; min-width: 980px; } #twitter .int { position: relative; width: 100%; min-width: 980px; background: url(images/sombra-horizontal.png) top center no-repeat transparent; } #twitter .int .textura { background: url(images/bktwitter.png) top center no-repeat transparent; padding: 50px 0px 30px 0px; } #twitter .int #globo { background: url(images/globo.png) top center no-repeat transparent; width: 533px; height: 173px; margin: 0px auto; } #twitter .int #globo ul { list-style: none; padding: 0px; margin: 0px; } #twitter .int #globo ul { list-style: none; padding: 0px; margin: 0px; display: inline-block; } #twitter .int #globo ul li { width: 345px; height: 100px; margin: 40px 0px 0px 100px; } #twitter .int #globo ul li .user { display: none; } #twitter .int #globo ul li .interact { display: none; } #twitter .int #globo ul li .tweet { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 16px; /*19px;*/ line-height: 19px; /*21px;*/ color: #fff; padding: 0px; margin: 0px; overflow: hidden; } #twitter .int #globo ul li .tweet a { color: #fff; } #twitter .int #globo ul li .timePosted a { font-family: 'Rammetto One', cursive; font-weight: normal; font-size: 14px; line-height: 18px; color: #fff; font-style: italic; padding: 0px; margin: 10px 0px 0px 0px; } #footer { position: relative; background: url(images/textura.png) top center repeat #75075e; width: 100%; min-width: 980px; } #footer .int { text-align: center; width: 960px; position: relative; margin: auto; padding: 0px; /**/ padding-bottom: 50px; } #footer .int .irarriba { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 119px; height: 57px; display: block; background: url(images/fd_irarriba.png) 0 0 no-repeat; } #footer .int .irarriba:hover { opacity: 0.9; } #footer .int .irarriba img { display: block; margin: 12px auto 6px; } #footer .int .irarriba span { display: block; font-family: 'Rammetto One', cursive; text-transform: uppercase; font-weight: normal; font-size: 14px; text-decoration: none; color: #e99fec; } #footer .int .segunroxi { background: url(images/segunroxi.png) top center no-repeat transparent; width: 159px; height: 91px; text-indent: -9999px; position: absolute; top: -60px; left: 50%; margin-left: -80px; } #footer .int .left { width: 460px; float: left; } #footer .int .right { width: 440px; float: right; text-align: left; } .clear { clear: both; } #footer .int .left h4.seguiaroxi { background: url(images/segui-roxi.png) top left no-repeat transparent; width: 173px; height: 49px; text-indent: -9999px; padding: 0px; margin: 35px 0 0; } #footer .int .left .likebox { background: url(images/bk-likebox.png) top left no-repeat transparent; width: 500px; height: 265px; margin: -35px 0px 0px 0px; text-align: left; } #footer .int .left .likebox iframe { width: 440px; height: 180px; margin: 50px 0px 0px 5px; } #footer .int .left .maldita { display: block; padding: 0px; margin: 10px 0px 20px 0px; position: relative; } #footer .int .left .maldita img { float: left; margin: 0px 30px 0px 0px; } #footer .int .left .maldita p { float: left; font-family: 'Rammetto One', cursive; font-size: 13px; color: #fff; line-height: 16px; padding: 0px; margin: 5px 0px 0px 0px; text-align: left; } #footer .int .left .maldita p a { color: #fff; } #footer .int .left .maldita p a:hover { color: #e99fec; } #footer .int .right h4.suscribite { background: url(images/suscribite.png) top left no-repeat transparent; width: 155px; height: 44px; text-indent: -9999px; padding: 0px; margin: 35px 0px 0px 0px; } #footer .int .right .campo, #mc_signup_form .mc_input { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; max-width: 320px; width: 100%; padding: 0px 5px; height: 35px; float: left; background: #75075e; margin: 0px 5px 0px 0px; box-sizing: unset; } #mc_signup_form .mc_input::-webkit-input-placeholder { content: "Dejá tu email" !important; } #mc_signup_form .mc_input:-moz-placeholder { /* Firefox 18- */ content: "Dejá tu email" !important; } #mc_signup_form .mc_input::-moz-placeholder { /* Firefox 19+ */ content: "Dejá tu email" !important; } #mc_signup_form .mc_input:-ms-input-placeholder { content: "Dejá tu email" !important; } #footer .int .right .enviar, #mc_signup_submit { background: none repeat scroll 0 0 #36053f !important; border: 1px solid #36053f !important; color: #e99fec !important; cursor: pointer !important; float: left !important; font-family: "Kalam",cursive !important; font-size: 19px !important; font-style: italic !important; height: 37px !important; margin-top: 0 !important; padding: 0 !important; text-align: center !important; width: 97px !important; } #footer .int .right .enviar:hover { color: #36053f; background: #e99fec; border: 1px solid #e99fec; } .mc_var_label, .mc_interest_label { display: none !important; } #footer .int .right h4.descargo { background: url(images/descargo.png) top left no-repeat transparent; width: 380px; height: 56px; text-indent: -9999px; padding: 0px; margin: 0px; } #footer .int .right form { margin: 15px 0px 0px 0px; height: 70px; } #footer .int .right p { text-align: left; font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 19px; color: #fff; font-weight: 300; } #footer .int .right a.facebook { background: url(images/redes-top.png) left 8px no-repeat transparent; line-height: 35px; margin: 0px; padding: 0px 0px 0px 14px; display: block; text-align: center; font-family: 'Rammetto One', cursive; font-size: 16px; color: #e99fec; float: left; } #footer .int .right a.facebook:hover { background-position: left -92px; } #footer .int .right a.twitter { background: url(images/redes-top.png) -181px 8px no-repeat transparent; line-height: 35px; font-family: 'Rammetto One', cursive; font-size: 16px; color: #e99fec; margin: 0px 15px; padding: 0px 0px 0px 24px; display: block; text-align: center; float: left; } #footer .int .right a.twitter:hover { background-position: -181px -92px; } #footer .int .right a.youtube { background: url(images/redes-top.png) -382px 3px no-repeat transparent; line-height: 35px; font-family: 'Rammetto One', cursive; font-size: 16px; color: #e99fec; margin: 0px 15px 0 0; padding: 0px 0px 0px 24px; display: block; text-align: center; float: left; } #footer .int .right a.youtube:hover { background-position: -382px -91px; } #footer .int .right a.instagram { background: url(images/redes-top.png) -580px 3px no-repeat transparent; line-height: 35px; font-family: 'Rammetto One', cursive; font-size: 16px; color: #e99fec; margin: 0px; padding: 0px 0px 0px 24px; display: block; text-align: center; float: left; } #footer .int .right a.instagram:hover { background-position: -580px -91px; } footer { background: #44044f; font-family: 'Rammetto One', cursive; font-size: 13px; color: #984ea5; padding: 15px 0px; line-height: 16px; margin: 0px; text-align: center /* width:100%;*/ /* max-width:980px; */ } footer a { color: #984ea5; } footer a:hover { color: #e99fec !important; } footer br { display: none; } #mask { background: rgba(0, 0, 0, 0.7); width: 100%; min-width: 980px; height: 100%; position: fixed; display: none; z-index: 99999; top: 0px; left: 0px; } #mask a.cerrar { background: url(images/cerrar.png) top left no-repeat transparent; width: 34px; height: 34px; margin: 0px; padding: 0px; display: block; float: right; position: absolute; right: 25px; top: 80px; cursor: pointer; text-indent: -9999px; } #mask a.cerrar:hover { background-position: left -100px; } .popregistrarse { background: url(images/bk-popregistrarse.png) top center no-repeat transparent; width: 422px; height: 567px; margin: 0px; position: absolute; top: 50%; left: 50%; display: none; margin: -284px 0px 0px -211px; } .popregistrarse form { width: 265px; margin: auto; padding: 170px 0px 0px 0px; } .popregistrarse form a.fb { background: url(images/login-fb.png) top left no-repeat #880d6c; line-height: 37px; height: 37px; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 55px; display: block; text-align: left; font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; cursor: pointer; } .popregistrarse form a.tw { background: url(images/login-tw.png) top left no-repeat #880d6c; line-height: 37px; height: 37px; margin: 0px; padding: 0px 0px 0px 55px; display: block; text-align: left; font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; cursor: pointer; } .popregistrarse form a.fb:hover, .popregistrarse form a.tw:hover { background-color: #760f5f; } .popregistrarse form h4 { font-family: 'Rammetto One', cursive; color: #e99fec; font-size: 18px; padding: 0px; margin: 20px 0px 5px 0px; line-height: 22px; font-weight: normal; } .popregistrarse form .campo { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; width: 255px; padding: 0px 5px; height: 35px; float: left; background: #440350; margin: 0px 0px 10px 0px; } .popregistrarse form .enviar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 97px; padding: 0px; text-align: center; height: 37px; float: right; cursor: pointer; } .popregistrarse form .enviar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .popuprecuperar { background: url(images/bk-popupingresar.png) top center no-repeat transparent; width: 422px; height: 350px; margin: 0px; position: absolute; top: 50%; left: 50%; margin: -175px 0px 0px -211px; display: none; } .popuprecuperar form { width: 265px; margin: auto; padding: 170px 0px 0px 0px; } .popuprecuperar form h4 { font-family: 'Rammetto One', cursive; color: #e99fec; font-size: 18px; padding: 0px; margin: 20px 0px 5px 0px; line-height: 22px; font-weight: normal; } .popuprecuperar form .campo { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; width: 255px; padding: 0px 5px; height: 35px; float: left; background: #440350; margin: 0px 0px 10px 0px; } .popuprecuperar form .enviar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 97px; padding: 0px; text-align: center; height: 37px; float: right; cursor: pointer; } .popuprecuperar form .enviar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .popupingresar { background: url(images/bk-popupingresar.png) top center no-repeat transparent; width: 422px; height: 508px; margin: 0px; position: absolute; top: 50%; left: 50%; margin: -256px 0px 0px -211px; display: none; } .popupingresar form { width: 265px; margin: auto; padding: 170px 0px 0px 0px; } .popupingresar form a.fb { background: url(images/login-fb.png) top left no-repeat #880d6c; line-height: 37px; height: 37px; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 55px; display: block; text-align: left; font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; cursor: pointer; } .popupingresar form a.tw { background: url(images/login-tw.png) top left no-repeat #880d6c; line-height: 37px; height: 37px; margin: 0px; padding: 0px 0px 0px 55px; display: block; text-align: left; font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; cursor: pointer; } .popupingresar form a.fb:hover, .popupingresar form a.tw:hover { background-color: #760f5f; } .popupingresar form h4 { font-family: 'Rammetto One', cursive; color: #e99fec; font-size: 18px; padding: 0px; margin: 20px 0px 5px 0px; line-height: 22px; font-weight: normal; } .popupingresar form .campo { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; width: 255px; padding: 0px 5px; height: 35px; float: left; background: #440350; margin: 0px 0px 10px 0px; } .popupingresar form a.olvida { font-family: 'Rammetto One', cursive; font-size: 14px; color: #e99fec; line-height: 16px; margin: 5px 0px 10px 0px; padding: 0px; /* float:left*/ cursor: pointer; } .popupingresar form a.olvida:hover { color: #fff; } .popupingresar form a.registrate { /* font-family: 'Rammetto One', cursive; font-size:19px; color:#e99fec; border: 1px solid #880d6c; background:#880d6c; width:118px; padding:0px; text-align:center; height:37px; float: left; cursor:pointer; line-height:37px; clear:both*/ font-family: 'Rammetto One', cursive; font-size: 14px; color: #e99fec; line-height: 16px; margin: 5px 0px 10px 0px; padding: 0px; /* float:left;*/ cursor: pointer; } .popupingresar form a.registrate:hover { /* color:#880d6c; background:#e99fec; border:1px solid #880d6c;*/ color: #fff; } .popupingresar form .enviar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 97px; padding: 0px; text-align: center; height: 37px; float: left; cursor: pointer; line-height: 37px; /**/ margin: 10px 0px 0px 0px; } .popupingresar form .enviar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .popupcontacto { background: url(images/bk-popupcontacto.png) top center no-repeat transparent; width: 683px; height: 505px; margin: 0px; position: absolute; top: 50%; left: 50%; margin: -253px 0px 0px -342px; display: none; } .popupcontacto form { width: 540px; margin: auto; padding: 215px 0px 0px 0px; } .popupcontacto form .campo { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; width: 255px; padding: 0px 5px; height: 35px; float: left; background: #440350; margin: 0px 0px 10px 0px; float: left; } .popupcontacto form .campo.der { float: right; } .popupcontacto form .campo.gde { width: 528px; } .popupcontacto form textarea { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; width: 528px; padding: 0px 5px; height: 95px; float: left; background: #440350; margin: 0px 0px 10px 0px; float: left; resize: none; } .popupcontacto form label { font-family: 'Rammetto One', cursive; font-size: 14px; color: #e99fec; line-height: 16px; margin: 0px 0px 5px 0px; padding: 0px; float: left; } .popupcontacto form label .check { padding: 0px; margin: 0px 10px 0px 0px; } .popupcontacto form .enviar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 97px; padding: 0px; text-align: center; height: 37px; float: right; cursor: pointer; line-height: 37px; } .popupcontacto form .enviar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .wp-polls .Buttons { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 160px; /*97px;*/ padding: 0px; text-align: center; height: 37px; cursor: pointer; line-height: 37px; float: left; margin: 0px 10px 10px 0px; } .wp-polls-ans a { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 160px; padding: 0px; text-align: center; height: 37px; cursor: pointer; line-height: 37px; float: left; margin: 0px 10px 10px 0px; } .wp-polls .Buttons:hover, .wp-polls-ans a:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .wp-polls-ul { margin: 20px 0px 10px 0px; } .wp-polls-ul li { margin-bottom: 10px; } .wp-polls-ul li small { color: #faabe9; font-weight: bold; } .wp-polls .pollbar { border-radius: 5px; background-color: #ac1e8e !important; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12)) !important; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.12)) !important; } .wp-polls-ul li label { color: #e9b5dd; font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; } .wp-polls-ul li .check { width: 25px; vertical-align: top; } .wp-polls-ul li table { width: 100%; } .popupenviaramigo { background: url(images/bk-popupenviaramigo.png) top center no-repeat transparent; width: 683px; height: 405px; margin: 0px; position: absolute; top: 50%; left: 50%; margin: -203px 0px 0px -342px; display: none; } .popupenviaramigo form { width: 540px; margin: auto; padding: 195px 0px 0px 0px /*215px 0px 0px 0px;*/ } .popupenviaramigo form .campo { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; width: 255px; padding: 0px 5px; height: 35px; float: left; background: #440350; margin: 0px 0px 10px 0px; float: left; } .popupenviaramigo form .campo.der { float: right; } .popupenviaramigo form .enviar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 97px; padding: 0px; text-align: center; height: 37px; float: right; cursor: pointer; line-height: 37px; } .popupenviaramigo form .enviar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .popupenviaramigo form h5 { color: #fff; display: block; font-family: "Kalam",cursive; font-size: 17px; font-weight: 700; line-height: 22px; margin: 0 0 5px; padding: 0px; text-align: left; } #peor-mama { position: relative; height: 1290px; width: 100%; min-width: 980px; top: -4px; z-index: 9990; background: white; } #peor-mama .int { position: absolute; height: 1290px; background: url(images/bklibro2.png) top center no-repeat transparent; background-size: cover; z-index: 989; width: 100%; min-width: 980px; } #peor-mama .wp_bannerize{margin: 10px 0 50px;} #peor-mama .int .textura { background: url(images/bg-booktrailer.png) center 312px no-repeat transparent; width: 100%; min-width: 980px; } #peor-mama .booktrailer { width: 810px; margin: -30px auto 0px auto; z-index: 30; } #peor-mama .booktrailer iframe { border: 3px solid #fff; width: 624px; height: 375px; margin: 0px auto 10px auto; display: inline-table; } #peor-mama .booktrailer h4 { background: url(images/booktrailer.png) top center no-repeat transparent; width: 296px; height: 66px; margin: 0px; float: left; text-indent: -9999px; } #peor-mama .booktrailer .redes { display: block; margin: 5px 0px; padding: 0px; height: 60px; text-align: left; float: right; position: relative; z-index: 999; } #peor-mama .booktrailer .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 15px 6px 0px 0px; } #peor-mama .booktrailer .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 15px 6px 0px 0px; } #peor-mama .booktrailer .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 15px 6px 0px 0px; } #peor-mama .booktrailer .redes .fb:hover { background-position: -40px bottom; } #peor-mama .booktrailer .redes .tw:hover { background-position: bottom left; } #peor-mama .booktrailer .redes .mail:hover { background-position: -126px bottom; } #peor-mama .banner { background: url(images/banner-como-ser-la-peor-mama.png) top center no-repeat transparent; height: 385px; position: relative; margin: 0 auto 0 auto; width: 100%; min-width: 980px; z-index: 10; top: -45px;} #peor-mama .banner img{display: none;} #peor-mama .comprar h4.conseguilo { background: url(images/bg-conseguilo-librerias.png) center no-repeat transparent; width: 100%; height: 105px; text-indent: -9999px; padding: 0px; margin: auto; display: inline-block; text-align: center; } #peor-mama .comprar h4.conseguilo a{display:block; width:100%; height: 100%;} #peor-mama .comprar h4.conseguilo-mobile { background: url(images/SegunRoxi_web_libro-small-2.png) center no-repeat transparent; width: 100%; height: 383px; text-indent: -9999px; padding: 0px; margin: auto; display: none; text-align: center; background-size: 480px; } #peor-mama .comprar h4.conseguilo-mobile a{display:block; width:100%; height: 100%;} #online1-mobile{display: none;} #online2-mobile{display: none;} #peor-mama .comprar{text-align:center;} #autobiografia2 { position: relative; height: 645px; width: 100%; min-width: 980px; top: -4px; z-index: 9990; background: white; } #autobiografia2 .int { position: absolute; height: 650px; background: url(images/bg-autobiografia.jpg) top center no-repeat transparent; background-size: cover; z-index: 989; width: 100%; min-width: 980px; } #autobiografia2 .banner { background: url(images/banner-autobiografia2.png) top center no-repeat transparent; height: 410px; position: relative; margin: 50px auto 20px auto; width: 100%; min-width: 980px; z-index: 10; } #autobiografia2 .banner img{display: none;} #autobiografia2 .comprar h4.conseguilo { background: url(images/bg-conseguilo-librerias.png) center no-repeat transparent; width: 100%; height: 105px; text-indent: -9999px; padding: 0px; margin: auto; display: inline-block; text-align: center; } #autobiografia2 .comprar h4.conseguilo a{display:block; width:100%; height: 100%;} #autobiografia2 .comprar{text-align:center;} #autobiografia { position: relative; height: 989px; /*900px;*/ width: 100%; min-width: 980px; } #autobiografia.teatro { height: 2489px; } #autobiografia.teatro .teatrotrailer { width: 940px; margin: 15px auto 0px auto; z-index: 30; } #autobiografia.teatro .teatrotrailer h4.padres { float: left; background: url(images/padres-al-borde.png) top center no-repeat transparent; width: 763px; height: 114px; margin: 0px; text-indent: -9999px; } #autobiografia.teatro .teatrotrailer h4.escrita { background: url(images/escrita-dirigida.png) top center no-repeat transparent; width: 850px; height: 125px; margin: -10% auto 30px; text-indent: -9999px; } #autobiografia.teatro .teatrotrailer h4.trailer { float: right; background: url(images/trailer.png) top center no-repeat transparent; width: 165px; height: 155px; margin: 0px; text-indent: -9999px; } #autobiografia.teatro .teatrotrailer #videobook { margin: -30px auto 0; } #autobiografia.teatro .teatrotrailer .video-container { width: 860px; } #autobiografia.teatro .teatrotrailer .video-container iframe { height: 77% !important; border: 3px solid #fff; } #autobiografia.teatro .int { background: url(images/teatro-bg.png) repeat top left #5f1360; height: 2500px; } #autobiografia.teatro .int .textura { background: url(images/teatro-int-textura.png) center 270px no-repeat transparent; } #autobiografia.teatro .entradas { width: 950px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #autobiografia.teatro .entradas .item { width: 23%; margin: 0 1%; float: left; } #autobiografia.teatro .entradas .item img { width: 100%; } #autobiografia.teatro .galeria { background: url(images/fotos-bg.png) no-repeat top center; width: 950px; height: 300px; margin: 10px auto; padding: 70px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #autobiografia.teatro .galeria img { display: block; float: left; margin-left: -60px; z-index: 100; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #autobiografia.teatro .galeria img:first-child { margin-left: 0; } #autobiografia.teatro .galeria img:nth-child(2) { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } #autobiografia.teatro .galeria img:nth-child(3) { margin-left: -20px; } #autobiografia.teatro .galeria img:nth-child(4) { z-index: 0; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } #autobiografia.teatro .testimonial { width: 970px; margin: 0 auto; } #autobiografia.teatro .testimonial h4 { margin: 5px auto; text-indent: -9999px; width: 970px; height: 45px; } #autobiografia.teatro .testimonial h4.prensa { background: url(images/dijo-la-prensa.png) no-repeat center center; } #autobiografia.teatro .testimonial h4.mamis { background: url(images/dicen-las-mamis.png) no-repeat center center; } #autobiografia.teatro .testimonial .item { text-align: center; color: #fff; width: 46%; padding: 5px 2%; float: left; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } #autobiografia.teatro .testimonial .item p { text-align: left; font-family: 'DKLemonYellowSun-Regular', Arial, sans-serif; font-size: 30px; margin: 0; } #autobiografia.teatro .testimonial .item:nth-child(2n+1) { -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } #autobiografia.teatro .testimonial .item.destacado { -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); margin-bottom: 10px; } #autobiografia.teatro .testimonial .item.destacado p { font-size: 44px; color: #f2a0dd; } #autobiografia.teatro .testimonial .item .pie { font-family: 'DKLemonYellowSun-Regular', Arial, sans-serif; color: #48134f; font-size: 53px; background: url(images/prensa-pie.png) no-repeat; background-size: 100% 100%; padding: 5px 20px; display: inline-block; } #autobiografia.teatro .testimonial .roxi { display: block; width: 420px; height: 52px; margin: 10px auto; background: url(images/todas-somos-roxi.png) no-repeat center center; text-indent: -9999px; } #autobiografia.teatro .testimonial .papis { background: url(images/dicen-los-papis.png) no-repeat top left; background-size: 100% 100%; max-width: 720px; margin: 5px auto; } #autobiografia.teatro .testimonial .papis h4 { display: none; font-family: 'DKLemonYellowSun-Regular', Arial, sans-serif; font-size: 38px; color: #fff; font-weight: normal; } #autobiografia.teatro .testimonial .papis p { font-family: 'DKLemonYellowSun-Regular', Arial, sans-serif; font-size: 38px; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); color: #fff; padding: 40px 70px 40px 310px; } #autobiografia .int { position: absolute; top: -10px; /*-95px;*/ height: 1000px; background: url(images/bklibro.png) top center no-repeat transparent; background-size: 100% 100%; z-index: 989; width: 100%; min-width: 980px; } #autobiografia .int .textura { background: url(images/autotexturas.png) center 312px no-repeat transparent; width: 100%; min-width: 980px; } #autobiografia .banner { background: url(images/banner-autobiografia.png) top center no-repeat transparent; height: 385px; position: relative; margin: 40px auto 0 auto; width: 100%; min-width: 980px; z-index: 10; top: 0; } #autobiografia .banner .oculto { text-indent: -99999px; height: 1px; width: 1px; position: absolute; opacity: 0; } #autobiografia .booktrailer { width: 630px; margin: -80px auto 0px auto; z-index: 30; } #autobiografia .booktrailer iframe { border: 3px solid #fff; width: 624px; height: 375px; margin: 0px auto 10px auto; display: inline-table; } #autobiografia .booktrailer h4 { background: url(images/booktrailer.png) top center no-repeat transparent; width: 296px; height: 66px; margin: 0px; float: left; text-indent: -9999px; } #autobiografia .booktrailer .redes { display: block; margin: 5px 0px; padding: 0px; height: 66px; text-align: left; float: right; position: relative; z-index: 999; } #autobiografia .booktrailer .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 15px 6px 0px 0px; } #autobiografia .booktrailer .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 15px 6px 0px 0px; } #autobiografia .booktrailer .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 15px 6px 0px 0px; } #autobiografia .booktrailer .redes .fb:hover { background-position: -40px bottom; } #autobiografia .booktrailer .redes .tw:hover { background-position: bottom left; } #autobiografia .booktrailer .redes .mail:hover { background-position: -126px bottom; } #autobiografia .comprar { background: url(images/bk-comprar.png) top center no-repeat transparent; width: 720px; height: 158px; position: relative; margin: 0px auto 0 auto; } #autobiografia .comprar .left { float: left; width: 255px; margin: 26px 0px 0px 70px; text-align: center; } #autobiografia .comprar .left h4.conseguilo { background: url(images/conseguilo.png) top left no-repeat transparent; width: 145px; height: 29px; text-indent: -9999px; padding: 0px; margin: 0px; display: inline-block; } #autobiografia .comprar .left img { margin: 10px 0px 0px 0px; text-align: center; } #autobiografia .comprar .right { float: left; width: 310px; margin: 15px 0px 0px 20px; text-align: center; } #autobiografia .comprar .right h4.conseguilo { background: url(images/conseguilo-ebook.png) top left no-repeat transparent; width: 293px; height: 29px; text-indent: -9999px; padding: 0px; margin: 0px; display: inline-block; } #autobiografia .comprar .right img { margin: 10px 0px 0px 0px; text-align: center; } #roxi, #mundorox { background: url(images/sombra-horizontal.png) top center no-repeat #5c135e; text-align: center; position: relative; z-index: 999; } #roxi .textura, #mundorox .textura { background: url(images/textura.png) top center repeat transparent; } #roxi .int, #mundorox .int { text-align: center; width: 970px; position: relative; margin: auto; padding: 0px 0px 25px 0px /*0px 0px 40px 0px;*/ } #roxi h2, #mundorox h2 { background: url(images/contenidosadicionales-titulo.png) top center no-repeat transparent; width: 576px; height: 68px; margin: 0px auto 0 auto; text-indent: -9999px; position: relative; } #roxi .proximamente, #mundorox .proximamente { font-family: 'Rammetto One', cursive; font-size: 60px; line-height: 70px; color: #fff; font-weight: 300; padding: 40px 0 0px 0px; margin: 0px auto; text-align: center; display: block; font-weight: bold; line-height: 1px !important; } .proximamente img { width: 90%; height: auto; max-width: 875px; display: inline-block; } #roxi .cierre, #mundorox .cierre { background: url(images/sombraslider-clara.png) top center no-repeat transparent; margin: 20px auto 0 auto; padding-bottom: 20px; } #roxi a.vermas, #mundorox a.vermas { background: url(images/btn-vermas.png) top left no-repeat transparent; width: 143px; height: 61px; text-indent: -9999px; display: inline-table; margin: 30px 0px; } #roxi a.vermas:hover, #mundorox a.vermas:hover { opacity: 0.7; } #roxi .redes, #mundorox .redes { display: block; margin: 15px 0px 15px 0px; padding: 0px 15px; height: 34px; text-align: left; display: block; } #roxi .redes .fb, #mundorox .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; position: relative; } .redes .fb span.solapa { display: none; position: absolute; bottom: 50px; height: 30px; width: 200px; background-color: #be4da6; padding: 10px 20px 0px 20px; left: -43px; } .redes .fb span.solapa .punta { position: absolute; bottom: -43px; height: 43px; width: 21px; background: url(images/punta.png) 0 0 no-repeat; left: 50px; } .redes .fb span.solapa iframe { display: block !important; } /*.redes .fb:hover > span.solapa{display:block;} .redes .fb span.solapa:hover{display:block;}*/ #roxi .redes .link, #mundorox .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } #roxi .redes .google, #mundorox .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } #roxi .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent !important; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } #mundorox .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent !important; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } #mundorox .videos .redes .wapp, #mundorox .fotos .redes .wapp { background: url(images/redes-ch.png) -216px top no-repeat transparent !important; } #roxi .redes .tw, #mundorox .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; } #roxi .redes .mail, #mundorox .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } #roxi .redes .pinterest, #mundorox .redes .pinterest { background: url(images/redes.png) -246px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } /**/ .intserie .redes { /*background:url(images/firulete.png) left top no-repeat transparent!important;*/ } .intserie .redes .fb, .popupserie .int .redes .fb { background: url(images/redes-ch.png) -86px top no-repeat transparent !important; width: 27px !important; height: 26px !important; float: right !important; } .intserie .redes .fb:hover, .popupserie .int .redes .fb:hover { background-position: -86px bottom !important; } .intserie .redes .link, .popupserie .int .redes .link { background: url(images/redes-ch.png) -120px top no-repeat transparent !important; width: 27px !important; height: 26px !important; float: right !important; } .intserie .redes .link:hover, .popupserie .int .redes .link:hover { background-position: -120px bottom !important; } .intserie .redes .google, .popupserie .int .redes .google { background: url(images/redes-ch.png) -184px top no-repeat transparent !important; width: 27px !important; height: 26px !important; float: right !important; } .intserie .redes .google:hover, .popupserie .int .redes .google:hover { background-position: -184px bottom !important; } .intserie .redes .wapp, .popupserie .int .redes .wapp { background: url(images/redes-ch.png) -184px top no-repeat transparent !important; width: 27px !important; height: 26px !important; float: right !important; } .intserie .redes .wapp:hover, .popupserie .int .redes .wapp:hover { background-position: -184px bottom !important; } .intserie .redes .tw, .popupserie .int .redes .tw { background: url(images/redes-ch.png) -56px top no-repeat transparent !important; width: 27px !important; height: 26px !important; float: right !important; } .intserie .redes .tw:hover, .popupserie .int .redes .tw:hover { background-position: -56px bottom !important; } .intserie .redes .mail, .popupserie .int .redes .mail { background: url(images/redes-ch.png) -152px top no-repeat transparent !important; width: 27px !important; height: 26px !important; float: right !important; } .intserie .redes .mail:hover, .popupserie .int .redes .mail:hover { background-position: -152px bottom !important; } .intserie .redes .pinterest, .popupserie .int .redes .pinterest { background: url(images/redes-ch.png) -244px top no-repeat transparent !important; width: 27px !important; height: 26px !important; float: right !important; } .intserie .redes .pinterest:hover, .popupserie .int .redes .pinterest:hover { background-position: -244px bottom !important; } /**/ #roxi .redes .fb:hover, #mundorox .redes .fb:hover { background-position: -40px bottom; } #roxi .redes .link:hover, #mundorox .redes .link:hover { background-position: -84px bottom; } #roxi .redes .google:hover, #mundorox .redes .google:hover { background-position: -168px bottom; } #roxi .redes .wapp:hover, #mundorox .redes .wapp:hover { background-position: -210px bottom; } #roxi .redes .tw:hover, #mundorox .redes .tw:hover { background-position: bottom left; } #roxi .redes .mail:hover, #mundorox .redes .mail:hover { background-position: -126px bottom; } #roxi .redes .pinterest:hover, #mundorox .redes .pinterest:hover { background-position: -246px bottom; } #roxi .portfolioContainer h4, #mundorox .portfolioContainer h4 { color: #fff; font-family: 'Kalam',cursive; font-size: 17px; font-weight: normal; line-height: 22px; margin: 0 0 5px; padding: 10px 15px 5px 15px; text-align: left; display: block; } #roxi .portfolioContainer h4 a, #mundorox .portfolioContainer h4 a { color: #fff; } #roxi .portfolioContainer h4 a:hover, #mundorox .portfolioContainer h4 a:hover { color: #e99fec; } .bt-mas { clear: both; text-align: center; cursor: pointer; } #roxi .right h4, #mundorox .right h4 { color: #ffffff; font-family: 'Kalam',cursive; font-size: 20px; font-weight: 700; line-height: 22px; margin: 0 0 5px; padding: 10px 8px 5px 8px; text-align: left; display: block; } #roxi .right h4 a, #mundorox .right h4 a { color: #ffffff; } #roxi .right h4 a:hover, #mundorox .right h4 a:hover { color: #e99fec; } #roxi h5, #mundorox h5 { color: #fff; /*display: inline-table;*/ font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 16px; margin: 0; padding: 0 15px; text-align: left; } #roxi span.fecha, #mundorox span.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 15px 8px 0 8px; text-align: left; } #roxi .interno span.fecha, #mundorox .interno span.fecha { padding: 15px 25px 0; } #roxi .interno .right span.fecha, #mundorox .interno .right span.fecha { padding: 5px 0 0; } #roxi span.fecha a, #roxi span.fecha small, #mundorox span.fecha a, #mundorox span.fecha small { background: #41413f; color: #fff; text-transform: uppercase; display: inline-block; padding: 0px 5px; font-size: 14px; } #roxi span.fecha a:hover, #mundorox span.fecha a:hover { background: #420d46; } .portfolioContainer > div { width: 296px; padding: 7px; margin: 0px 5px 10px 5px; background: #420d46; } .portfolioContainer > div img { width: 296px; height: auto; margin: 0; } .portfolioContainer > div iframe { display: inline-table; height: 220px; margin: 0 auto 10px; width: 296px; } .portfolioFilter, .portfolioFiltro { background: url(images/bkfiltro.png) top center repeat-x transparent; height: 67px; color: #fff; padding: 0px; margin: 0px; color: #fff; position: relative; /*top:-50px;*/ top: -20px; width: 100%; } .portfolioFilter a, .portfolioFiltro a { color: #fff; font-weight: normal; font-size: 20px; line-height: 60px; font-family: 'Rammetto One', cursive; text-decoration: none; margin: 0px 10px; padding: 0 10px; /**/ text-transform: uppercase; background: url(images/over2.jpg) -500px center no-repeat transparent; background-size: 100% 100%; } .portfolioFilter a:hover, .portfolioFiltro a:hover { /*opacity: 0.75;*/ background-position: center top; color: #803093; } /*.portfolioFilter a.activo {color:#ffde00;}*/ .portfolioFilter a.activo:hover, .portfolioFiltro a.activo:hover { color: #803093; } .portfolioFilter a.current, .portfolioFilter a.activo, .portfolioFiltro a.current, .portfolioFiltro a.activo { /*color: #ffde00*/ background-position: center top; color: #803093; } .busqueda .portfolioFilter a { display: none; } .isotope img { margin: 5px; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .popupcompartir { background: url(images/bk-popupcompartir.png) top center no-repeat transparent; width: 480px; height: 172px; margin: 0px; position: absolute; top: 50%; left: 50%; margin: -86px 0px 0px -240px; display: none; } .popupcompartir .link { border: 1px solid #bf409e; width: 395px; /*325px;*/ /* height:37px;*/ line-height: 20px; /*37px;*/ text-align: center; display: block; margin: 0; position: absolute; top: 95px; left: 40px; color: #f196cc; font-size: 14px; /*15px;*/ font-family: 'Rammetto One', cursive; } #mask .popupcompartir a.cerrar { top: 20px; } #roxi .int.cargando, #mundorox .int.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 300px; } #roxi .int.cargando div, #mundorox .int.cargando div { opacity: 0; } .divResultado { display: none; } .ajaxLoader { display: none; } a.seguinostwitter { /* background:url(images/seguinostwitter.png) top right no-repeat transparent;*/ /* width:203px; height:204px;*/ float: right; display: block; position: absolute; top: -50px; right: 0px; } a.seguinostwitter:hover { opacity: 0.7; } .copiar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 60px; padding: 0px; text-align: center; height: 37px; float: left; cursor: pointer; line-height: 37px; /**/ margin: 0px; position: absolute; top: 95px; left: 375px; } .copiar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .interno { padding-top: 40px !important; } .interno .left { width: 620px; float: left; } .interno .left .imgppal { max-width: 606px; height: auto; margin: 7px 7px 0 7px; } .interno h3.titulo { font-size: 30px; color: #fff; line-height: 32px; font-family: 'Rammetto One', cursive; text-align: left; padding: 10px 25px 5px 25px; margin: 0px; text-transform: uppercase; } .interno div.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 10px 0px 0 25px; text-align: left; } #roxi .interno .right .redes, #mundorox .interno .right .redes { padding: 42px 18px 10px 18px; margin: 0px; height: 30px; width: auto; text-align: left; background: url(images/compartir-blanco.png) 18px top no-repeat transparent; } #roxi .interno .left .redes, #mundorox .interno .left .redes { padding: 42px 18px 10px 18px; margin: 0px; height: 30px; width: auto; text-align: left; background: url(images/compartir-new.png) 18px top no-repeat transparent; } .contenido { background: #420d46; } #roxi .interno .contenido, #mundorox .interno .contenido { background-color: #FFF; } #roxi .interno .contenido .texton, #mundorox .interno .contenido .texton { color: #420d46; } #roxi .interno h3.titulo, #mundorox .interno h3.titulo { color: #420d46; } .contenido .texton { color: #fff; text-align: left; font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 20px; padding: 0px 12px 25px 12px; } .contenido .texton a { color: #e99fec; } .contenido .texton a:hover { color: #fff; } .contenido .video-container { margin-top: 10px; } .texton { color: #fff; text-align: left; font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 20px; padding: 0px 25px 25px 25px; } .texton a { color: #e99fec; } .texton a:hover { color: #fff; } .formint-enviar { background: url(images/formint-enviar.png) top left no-repeat transparent; width: 652px; height: 340px; margin: 0px 0px 0px -32px; position: relative; } .formint-enviar h4.tit { font-size: 32px; color: #5c135e !important; font-family: 'Kalam',cursive; line-height: 40px; padding: 25px 0px 15px 0px; margin: 0px; text-align: left; display: none; } .formint-enviar form { width: 540px; margin: auto; padding: 120px 0px 0px 0px /*215px 0px 0px 0px;*/ } .formint-enviar form .campo { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #430c45; border: 1px solid #bf409e; width: 255px; padding: 0px 5px; height: 35px; float: left; background: #ffffff; margin: 0px 0px 10px 0px; float: left; } .formint-enviar form .campo.der { float: right; } .formint-enviar form .enviar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #430c45; background: #430c45; width: 97px; padding: 0px; text-align: center; height: 37px; float: right; cursor: pointer; line-height: 37px; } .formint-enviar form .enviar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } .formint-enviar form h5 { color: #5c135e !important; display: block !important; font-family: "Kalam",cursive; font-size: 17px; font-weight: 700; line-height: 22px; margin: 0 0 5px !important; padding: 0px !important; text-align: left; font-weight: bold !important; } .interno .right { width: 310px; float: right; } .titcategoria { width: 90%; max-width: 350px; margin: -34px 0 0 15px; } .comentarios .titulo { background: url(images/tit-comentarios.png) top left no-repeat transparent; width: 229px; height: 41px; text-indent: -9999px; padding: 0px; margin: 20px 0px; } .comentarios .bloque { background: #fff; } .comentarios .bloque .fb-comments, .comentarios .bloque iframe, .comentarios .bloque .fb-comments span { width: 100% !important; } #roxi .interno .right, #mundorox .interno .right { text-align: left; } #roxi .interno .right .nohay, #mundorox .interno .right .nohay { color: #fff; font-family: "Kalam",cursive; font-weight: bold; font-size: 18px; line-height: 22px; text-align: left; display: block; margin: 0 0 0 15px; } .interno .right ul { list-style: none; padding: 0px; margin: 0px; } .interno .right ul li { list-style: none; padding: 7px 7px 0 7px; margin: 0px 0px 18px 0px; background: #420d46; } #roxi .interno .right a.vertodos, #mundorox .interno .right a.vertodos { font-family: 'Rammetto One', cursive; font-size: 22px; font-style: italic; color: #e99fec; background: #420d46; display: block; padding: 0px; text-align: center; line-height: 42px; cursor: pointer; text-transform: uppercase; display: none; } #roxi .interno .right a.vertodos:hover, #mundorox .interno .right a.vertodos:hover { color: #36053f; background: #e99fec; } .anterior { float: left; width: 101px; height: 19px; background: url(images/antsig.png) top left no-repeat transparent; text-indent: -9999px; margin: 10px 0px; padding: 0px; cursor: pointer; } .anterior:hover { background-position: left bottom; } .anterior a { display: block; width: 101px; height: 19px; opacity: 0; } .siguiente { float: right; width: 110px; height: 19px; background: url(images/antsig.png) top right no-repeat transparent; text-indent: -9999px; margin: 10px 0px; padding: 0px; cursor: pointer; } .siguiente:hover { background-position: right bottom; } .siguiente a { display: block; width: 110px; height: 19px; opacity: 0; } #error { background: url(images/sombra-horizontal.png) top center no-repeat #5c135e; text-align: center; position: relative; z-index: 99; margin-top: -33px; } #error .textura { background: url(images/textura.png) top center repeat transparent; } #error .int { text-align: center; max-width: 970px; position: relative; margin: auto; padding: 30px 0px 15px 0px; } #footer .int .right form, .popupcontacto form { position: relative; } span.wpcf7-not-valid-tip { display: none !important; } div.wpcf7-validation-errors { background: none repeat scroll 0 0 #611463; border: medium none !important; color: #fff; font-size: 14px; line-height: 17px; margin: 0 !important; padding: 15px 20px !important; position: relative; /*absolute;*/ text-align: left; top: 0; width: 400px; font-family: "Kalam",cursive; } div.wpcf7-mail-sent-ok { background: none repeat scroll 0 0 #611463; border: medium none !important; color: #fff; font-size: 14px; line-height: 17px; margin: 0 !important; padding: 15px 20px !important; position: relative; /*absolute;*/ text-align: left; top: 0; width: 400px; font-family: "Kalam",cursive; } #menucitoculto { display: none; } #menucitoculto { padding: 0px; margin: 20px auto 0px auto; width: 165px; } #menucitoculto li { display: inline-table; padding: 0px; margin: 0px 0px 20px 0px; list-style: none; } #menucitoculto li img { display: block; } .imgresp { display: none; text-align: center; } .imgresp img { display: inline-block; text-align: center; margin: 20px auto 0px auto; border: none; padding: 0px; width: 318px; height: auto; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 5% !important; width: 90% !important; height: 95% !important; } #videobook { margin: 0 -5%; overflow: initial; } ul.personajesresp { list-style: none; padding: 0px; margin: 0px auto; max-width: 835px; text-align: center; display: none; } ul.personajesresp li { list-style: none; padding: 0px; text-align: left; font-family: 'Rammetto One', cursive; color: #fff; font-size: 16px; display: inline-table; width: 297px; margin: 0px 50px 30px 50px; } ul.personajesresp li img { display: block; margin: 0px auto 10px auto; } ul.personajesresp li div { padding-left: 46px; } ul.personajesresp li.division { margin: 85px 0px 10px 0px; width: 100%; } ul.personajesresp li.division img { width: 90%; margin: auto; max-width: 392px; } ul.personajesresp li.separacion { margin: 0px; width: 100%; } ul.personajesresp li.separacion img { width: 90%; margin: auto; max-width: 337px; } ul.personajesresp li.doble { list-style: none; padding: 0px; text-align: left; font-family: 'Rammetto One', cursive; color: #fff; font-size: 16px; display: inline-table; width: 340px; margin: 0px 0px 30px 0px; } ul.personajesresp li.doble div { padding-left: 5px; } ul.personajesresp li span.tachado { text-decoration: line-through; } a.tutti { position: absolute; display: block; height: 290px; width: 100%; } #autobiografia2 a.tutti { position: absolute; display: block; height: 100%; width: 100%; } #error.legales .int { text-align: left; max-width: 970px; position: relative; margin: auto; padding: 30px 0px 15px 0px; font-family: 'Rammetto One', cursive; color: #fff; font-size: 16px; } @media all and (max-width: 980px) { #menucitoculto { display: block; } } .test .contenido { /*background:none;*/ } #roxi .intro, #mundorox .intro { background: url(images/backintro.png) top left no-repeat transparent; width: 717px; height: 281px; padding: 0px; margin: 0px 0px 0px -60px; color: #611463; font-family: 'Rammetto One', cursive; font-size: 18px; line-height: 22px; text-align: left; } #roxi .intro div, #mundorox .intro div { width: 495px; padding: 100px 0px 0px 125px; } #roxi .intro div p, #mundorox .intro div p { margin: 0px; padding: 0px; } .concurso .contenido { background: url(images/bkconcurso.png) top left no-repeat transparent; width: 1015px; /*1013px;*/ /* height:780px;*/ margin: 0px 0px 0px -30px; padding-bottom: 30px; } .concurso .contenido .dentro { width: 810px; padding: 115px 0px 0px 120px /*115px 0px 0px 90px*/ } .concurso .contenido h3.titulo { color: #611463; float: left; width: 600px; padding-right: 0; } .concurso .contenido .texton { color: #611463; } form .campotri { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #430c45; border: 1px solid #bf409e; width: 230px; padding: 0px 5px; height: 35px; float: left; background: #fff; margin: 0px 10px 10px 0px; float: left; } form .fechanac { float: left; clear: both; color: #611463; width: 240px; font-size: 14px; margin: 0px 10px 10px 0px; line-height: 35px; } form .campomidtri { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #430c45; border: 1px solid #bf409e; width: 95px; padding: 0px 5px; height: 35px; float: left; background: #fff; margin: 0px 0px 0px 0px; float: right; } div.ui-datepicker { font-size: 13px; } form .foto { float: left; color: #611463; width: 745px; /*495px;*/ font-size: 14px; margin: 0px 10px 10px 0px; line-height: 35px; position: relative; } form .foto small { float: left; line-height: 14px; } form .foto span.foto { position: absolute; width: 97px; height: 100%; opacity: 0; display: block; top: 0px; right: 0px; cursor: pointer; margin: 0px; padding: 0px; } form .foto span.foto input { width: 100%; height: 100%; display: block; cursor: pointer; } form .foto div { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #430c45; border: 1px solid #bf409e; width: 626px; /*376px;*/ padding: 0px 5px; height: 35px; float: left; background: #fff; margin: 0px 10px 10px 0px; float: left; } form .foto .examinar { font-family: 'Rammetto One', cursive; font-size: 19px; font-style: italic; color: #efb3df; border: none; background: #bf409e; width: 97px; padding: 0px; text-align: center; height: 35px; float: left; cursor: pointer; } form .foto .examinar:hover { color: #36053f; background: #e99fec; } form .foto p { margin: 0px; padding: 0px; } form .campotrifull { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #430c45; border: 1px solid #bf409e; width: 733px; padding: 5px; height: 75px; float: left; background: #fff; margin: 0px 0px 10px 0px; clear: both; } form .participar { font-family: 'Rammetto One', cursive; font-size: 19px; font-style: italic; color: #e99fec; border: 1px solid #36053f; background: #36053f; width: 97px; padding: 0px; text-align: center; height: 37px; float: right; cursor: pointer; margin: 0px 15px 0px 0px; } form .participar:hover { color: #36053f; background: #e99fec; border: 1px solid #e99fec; } form span.wpcf7-checkbox span { margin-left: 0; line-height: 37px; } form span.wpcf7-checkbox span.wpcf7-list-item { margin-left: 0; } .concurso form { position: relative; width: 760px; } .concurso form p { margin: 0; } .concurso form #campote { display: none; } .bannerconcurso { max-width: 830px; width: 100%; margin: auto; height: auto; } .bannerconcurso img { width: 100%; height: auto; text-align: center; } .sombraconcurso { max-width: 835px; width: 100%; height: auto; } .btnverparticipantes { float: right; max-width: 151px; } .btnverparticipantes:hover { opacity: 0.8; } .btnverparticipantes img { width: 100%; height: auto; } .concurso .recibir { float: left; clear: both; } #resultado #imgTest img { display: none; width: 100%; height: auto; } #resultado #bajadaTest span { display: none; } #frmSubmit { display: none; text-align: center; color: #5c135e; font-family: "Kalam",cursive; line-height: 340px; width: 100%; font-size: 25px; } span.wpcf7-form-control-wrap { display: block; } /* .widget_mailchimpsf_widget This targets the entire widget container. .widget-title This styles the title of your MailChimp widget. Modifying this class will affect your other widget titles. #mc_signup This targets the entirity of the widget beneath the widget title. #mc_subheader This styles the subheader text. .mc_form_inside The guts and main container for the all of the form elements (the entirety of the widget minus the header and the sub header). .mc_header This targets the label above the input fields. .mc_input This attaches to the input fields. .mc_header_address This is the label above an address group. .mc_radio_label These are the labels associated with radio buttons. #mc-indicates-required This targets the “Indicates Required Field” text. #mc_signup_submit Use this to style the submit button. */ /*BANNERS*/ /*.wp_bannerize a { display:block; }*/ .wp_bannerize img { vertical-align: top /*width:100%; height:auto*/ } .infeed .AdGroup1 { padding-bottom: 25px; } .inpost .AdGroup1 { padding-bottom: 25px; } .infeed .AdGroup2 { padding-top: 15px; } .inpost .AdGroup2 { padding-top: 25px; } .inpost .AdGroup5 { padding-bottom: 18px; } .inpost .AdGroup6 { padding-top: 18px; } .buscador { float: right; margin: 14px 0px 0px 6px; } .buscador .field { border: 1px solid #bf409e; background: #75075e; width: 124px; padding: 2px 6px; height: 16px; color: #f196cc; font-size: 14px; font-family: "Kalam",cursive; } /* individual: webkit */ .buscador .field::-webkit-input-placeholder { color: #f196cc; } .buscador .field::-webkit-input-placeholder { color: #f196cc; } /* individual: mozilla */ .buscador .field::-moz-placeholder { color: #f196cc; } .buscador .field::-moz-placeholder { color: #f196cc; } .buscador .submit { font-size: 14px; color: #f196cc; font-weight: bold; font-family: "Kalam",cursive; background: #44044f; border: none; cursor: pointer; height: 24px; padding: 0px 10px; } .buscador .submit:hover { color: #44044f; background: #f196cc; } .nohayresultados { background: none !important; width: 100% !important; font-family: "Kalam",cursive; color: #fff; font-size: 18px; } #roxi h2.resultados, #mundorox h2.resultados { background: url(images/resultados.png) top center no-repeat transparent; width: 464px; height: 70px; margin: 0px 0px 25px 0px; text-indent: -9999px; position: relative; } .btns-usuario { display: none; } .wp-pagenavi { display: none; } .concurso div.wpcf7-mail-sent-ok, .concurso div.wpcf7-validation-errors { position: absolute !important; top: 10% !important; left: 50% !important; margin-left: -240px !important; margin-top: 15px !important; margin-bottom: 10px !important; font-size: 18px; line-height: 20px; color: #f196cc; text-align: center !important; width: 400px !important; height: 172px !important; padding: 0px 40px !important; background: url(images/bkconcursoform.png) top left no-repeat transparent !important; } .concurso div.wpcf7-mail-sent-ok h5, .concurso div.wpcf7-validation-errors h5 { text-align: center !important; color: #fff !important; font-size: 27px !important; line-height: 30px !important; display: block !important; font-weight: bold !important; padding-top: 45px !important; } a.materialadicional { background: url(images/etiqueta-matadicional.png) top right no-repeat transparent; text-indent: -9999px; width: 195px; height: 183px; float: left; } a.materialadicional:hover { opacity: 0.85; } .infotxt { float: left; margin: auto; padding-left: 45px; position: relative; } #capitulos #slider .flex-viewport .infotxt { margin-top: -20px; } .mas { background: url(images/sombrin.png) top center no-repeat transparent; text-align: center; height: 96px; } a.vertutti { background: url(images/vertutti.png) top right no-repeat transparent; text-indent: -9999px; width: 175px; height: 55px; display: inline-block; } a.vertutti:hover { opacity: 0.85; } .blockpersonajes { background: url(images/bkpersonajes-nvo.png) top center no-repeat transparent; width: 910px; margin: auto; height: 610px; /*650px;*/ padding-bottom: 30px; position: relative; } .prevSlide { position: absolute; background: url(images/flechas-nvo.png) top left no-repeat transparent; text-indent: -9999px; left: -20px; width: 57px; height: 57px; top: 40%; cursor: pointer; z-index: 9; } .nextSlide { position: absolute; background: url(images/flechas-nvo.png) top right no-repeat transparent; text-indent: -9999px; right: -20px; width: 57px; height: 57px; top: 40%; cursor: pointer; z-index: 9; } .prevSlide:hover, .nextSlide:hover { opacity: 0.6; } #cat-capitulos .prevSlide { background: url(images/flechas-gde.png) top left no-repeat transparent; width: 147px; height: 134px; left: -79px; top: 36%; } #cat-capitulos .nextSlide { background: url(images/flechas-gde.png) top right no-repeat transparent; width: 147px; height: 134px; right: -79px; top: 36%; } .slidepersonajes { height: 500px; position: relative; z-index: 5; top: -50px; } .slidepersonajes .videin { height: 454px; } .slidepersonajes .videin img { max-height: 454px; } .slidepersonajes #slidepersonajes { width: 817px; margin: auto; margin-top: 8px /*-20px*/ } .slidepersonajes.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 523px; } .slidepersonajes #slidepersonajes .videin { width: 817px; height: 469px; /*379px;*/ clear: both; margin-top: 5px; } .slidepersonajes #slidepersonajes .video-container { padding-top: 0px; } .slidepersonajes #slidepersonajes .video-container iframe, .slidepersonajes #slidepersonajes .video-container object, .slidepersonajes #slidepersonajes .video-container embed { width: 100% !important; left: 0% !important; height: 100% !important; } .slidepersonajes #slidepersonajes h4 { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 17px; /*26px;*/ line-height: 19px; color: #fff; padding: 0px; margin: 0px; width: 460px; /*795px;*/ text-align: left; text-transform: uppercase; /* display:inline-table;*/ float: left; } .slidepersonajes #slidepersonajes h5 { font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 455px; /*795px;*/ text-align: left /* display:inline-table;*/ } #slidepersonajes.infotxt { top: 30px; } .slidepersonajes #slidepersonajes .redes { display: block; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 136px; height: 51px; /*30px;*/ width: auto; /*795px;*/ text-align: left; /* display:inline-table;*/ float: left; background: url(images/compartirrr2.png) top left no-repeat transparent; } .slidepersonajes #slidepersonajes .redes .redes { padding: 0; background: none; } .slidepersonajes #slidepersonajes .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } .slidepersonajes #slidepersonajes .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } .slidepersonajes #slidepersonajes .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidepersonajes #slidepersonajes .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidepersonajes #slidepersonajes .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidepersonajes #slidepersonajes .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidepersonajes #slidepersonajes .redes .google:hover { background-position: -168px bottom; } .slidepersonajes #slidepersonajes .redes .wapp:hover { background-position: -210px bottom; } .slidepersonajes #slidepersonajes .redes .link:hover { background-position: -84px bottom; } .slidepersonajes #slidepersonajes .redes .fb:hover { background-position: -40px bottom; } .slidepersonajes #slidepersonajes .redes .tw:hover { background-position: bottom left; } .slidepersonajes #slidepersonajes .redes .mail:hover { background-position: -126px bottom; } .slidepersonajes #slidepersonajes li img { float: left; width: 100px; height: 75px; padding: 0px; margin: 0px 5px 0px 0px; } .slidepersonajes #slidepersonajes li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } .slidepersonajes #slidepersonajes li { background: none !important; padding: 0px !important; } .slidepersonajes #slidepersonajes li.flex-active-slide { background: none; } .slidepersonajes #slidepersonajes li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } .slidepersonajes #slidepersonajes li { background: url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom: 50px; text-align: center; } .slidepersonajes #slidepersonajes .infotxt { display: block; padding-left: 0px; width: 100%; margin-bottom: 10px; } .slidepersonajes #slidepersonajes .video-container { width: 100%; } .contenidosexclusivos { position: relative; background: url(images/bkcontenidosexclusivos.png) top center no-repeat transparent; width: 1020px; height: 550px; margin: auto; } .contenidosexclusivos h2 { max-width: 910px; padding-top: 10px; } .contenidosexclusivos h2 .der { margin-left: -110px; } .slidecontenido { position: relative; } .slidecontenido .id-slidecontenido { width: 817px; margin: 10px auto 0 auto /*25px auto 0 auto;*/ } .slidecontenido #slidecontenido { width: 817px; margin: 25px auto 0 auto; } .id-slidecontenido.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 392px; } .id-slidecap.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 392px; } .slidecontenido.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 355px; } .slidecontenido .id-slidecontenido .videin { width: 560px; /*490px;*/ height: 365px; /*275px;*/ float: left; } .slidecontenido #slidecontenido .videin { width: 490px; height: 275px; float: left; } .slidecontenido .id-slidecontenido .video-container { padding-top: 0px; } .slidecontenido #slidecontenido .video-container { padding-top: 0px; } .slidecontenido .id-slidecontenido .video-container iframe, .slidecontenido .id-slidecontenido .video-container object, .slidecontenido .id-slidecontenido .video-container embed { width: 100% !important; left: 0% !important; height: 100% !important; } .slidecontenido #slidecontenido .video-container iframe, .slidecontenido #slidecontenido .video-container object, .slidecontenido #slidecontenido .video-container embed { width: 100% !important; left: 0% !important; height: 100% !important; } .slidecontenido .id-slidecontenido h4 { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 20px; /*17px;*/ line-height: 22px; color: #53215f; padding: 0px; margin: 0px; text-align: left; text-transform: uppercase; /* display:inline-table;*/ width: 100%; } .slidecontenido #slidecontenido h4 { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 20px; /*17px;*/ line-height: 22px; color: #53215f; padding: 0px; margin: 0px; text-align: left; text-transform: uppercase; /* display:inline-table;*/ width: 100%; } .slidecontenido .id-slidecontenido span.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 0px 0px 15px 0px; text-align: left; } .slidecontenido #slidecontenido span.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 0px 0px 15px 0px; text-align: left; } .slidefotos .id-slidefotos span.fecha, .slidebackstage .id-slidebackstage span.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 15px 0px 0px 0px; text-align: left; } .slidefotos #slidefotos span.fecha, .slidebackstage #slidebackstage span.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 15px 0px 0px 0px; text-align: left; } .slidecontenido .id-slidecontenido span.fecha a, .slidefotos .id-slidefotos span.fecha a, .slidebackstage .id-slidebackstage span.fecha a { background: #41413f; color: #fff; text-transform: uppercase; display: inline-block; padding: 0px 5px; font-size: 14px; } .slidecontenido #slidecontenido span.fecha a, .slidefotos #slidefotos span.fecha a, .slidebackstage #slidebackstage span.fecha a { background: #41413f; color: #fff; text-transform: uppercase; display: inline-block; padding: 0px 5px; font-size: 14px; } .slidecontenido .id-slidecontenido span.fecha a:hover, .slidefotos .id-slidefotos span.fecha a:hover, .slidebackstage .id-slidebackstage span.fecha a:hover { background: #420d46; } .slidecontenido #slidecontenido span.fecha a:hover, .slidefotos #slidefotos span.fecha a:hover, .slidebackstage #slidebackstage span.fecha a:hover { background: #420d46; } .slidecontenido .id-slidecontenido h5 { font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; color: #53215f; font-weight: 300; padding: 0px; margin: 0px; width: 455px; /*795px;*/ text-align: left; /* display:inline-table;*/ width: 100%; } .slidecontenido #slidecontenido h5 { font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; color: #53215f; font-weight: 300; padding: 0px; margin: 0px; width: 455px; /*795px;*/ text-align: left; /* display:inline-table;*/ width: 100%; } .slidecontenido .id-slidecontenido .redes { display: block; margin: 15px 0; padding: 0px 0px 0px 140px; height: 34px; width: auto; /*795px;*/ text-align: left; /* display:inline-table;*/ background: url(images/compartirrr-ch.png) top left no-repeat transparent; float: right; } .slidecontenido #slidecontenido .redes { display: block; margin: 15px 0; padding: 42px 0px 0px 0px; height: 30px; width: auto; /*795px;*/ text-align: left; /* display:inline-table;*/ background: url(images/compartirrr-ch.png) top left no-repeat transparent; background-size: 170px; } .slidecontenido .id-slidecontenido .prevSlide { left: 30px; } .slidecontenido .id-slidecontenido .nextSlide { right: 30px; } .slidecontenido #slidecontenido .prevSlide { left: 30px; } .slidecontenido #slidecontenido .nextSlide { right: 30px; } .slidecontenido .id-slidecontenido .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } .slidecontenido #slidecontenido .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } .slidecontenido .id-slidecontenido .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } .slidecontenido #slidecontenido .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } .slidecontenido .id-slidecontenido .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidecontenido #slidecontenido .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidecontenido .id-slidecontenido .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidecontenido #slidecontenido .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidecontenido .id-slidecontenido .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidecontenido #slidecontenido .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidecontenido .id-slidecontenido .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidecontenido #slidecontenido .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidecontenido .id-slidecontenido .redes .google:hover { background-position: -168px bottom; } .slidecontenido .id-slidecontenido .redes .wapp:hover { background-position: -210px bottom; } .slidecontenido .id-slidecontenido .redes .link:hover { background-position: -84px bottom; } .slidecontenido .id-slidecontenido .redes .fb:hover { background-position: -40px bottom; } .slidecontenido .id-slidecontenido .redes .tw:hover { background-position: bottom left; } .slidecontenido .id-slidecontenido .redes .mail:hover { background-position: -126px bottom; } .slidecontenido #slidecontenido .redes .google:hover { background-position: -168px bottom; } .slidecontenido #slidecontenido .redes .wapp:hover { background-position: -210px bottom; } .slidecontenido #slidecontenido .redes .link:hover { background-position: -84px bottom; } .slidecontenido #slidecontenido .redes .fb:hover { background-position: -40px bottom; } .slidecontenido #slidecontenido .redes .tw:hover { background-position: bottom left; } .slidecontenido #slidecontenido .redes .mail:hover { background-position: -126px bottom; } .slidecontenido .id-slidecontenido li img { float: left; width: 100px; height: 75px; padding: 0px; margin: 0px 5px 0px 0px; } .slidecontenido #slidecontenido li img { float: left; width: 100px; height: 75px; padding: 0px; margin: 0px 5px 0px 0px; } .slidecontenido .id-slidecontenido li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } .slidecontenido #slidecontenido li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } .slidecontenido .id-slidecontenido li { background: none !important; padding: 0px !important; } .slidecontenido #slidecontenido li { background: none !important; padding: 0px !important; } .slidecontenido .id-slidecontenido li.flex-active-slide { background: none; } .slidecontenido #slidecontenido li.flex-active-slide { background: none; } .slidecontenido .id-slidecontenido li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } .slidecontenido #slidecontenido li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } .slidecontenido .id-slidecontenido li { background: url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom: 50px; text-align: center; } .slidecontenido #slidecontenido li { background: url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom: 50px; text-align: center; } .slidecontenido .id-slidecontenido .infotxt { padding-left: 0px; margin-bottom: 10px; float: right; width: 235px; /*295px;*/ position: inherit; } .slidecontenido #slidecontenido .infotxt { padding-left: 0px; margin-bottom: 10px; float: right; width: 295px; } .slidecontenido .id-slidecontenido .video-container { width: 100%; } .slidecontenido #slidecontenido .video-container { width: 100%; } .slidecontenido .id-slidecontenido a.vermais { background: url(images/btnvermas-ch-nvo.png) top left no-repeat transparent; width: 100px; height: 52px; text-indent: -9999px; float: left; display: block; clear: both; position: absolute; right: 75px; bottom: 40px; } .slidecontenido #slidecontenido a.vermais { background: url(images/btnvermas-ch-nvo.png) top left no-repeat transparent; width: 100px; height: 52px; text-indent: -9999px; float: left; display: block; clear: both; } .slidecontenido .id-slidecontenido a.vermais:hover { background-position: left bottom; } .slidecontenido #slidecontenido a.vermais:hover { background-position: left bottom; } .slidecontenido .id-slidecontenido ul.tags li a { background: #53175f; } .slidefotos .id-slidefotos { width: 380px; margin: 0px auto 0 auto; } .slidefotos #slidefotos { width: 380px; margin: 0px auto 0 auto; } .id-slidefotos.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 382px; } .slidefotos.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 392px; } .slidefotos .id-slidefotos .videin { width: 380px; min-height: 215px; float: left; } .slidefotos #slidefotos .videin { width: 380px; min-height: 215px; float: left; } .slidefotos .id-slidefotos .video-container { padding-top: 0px; } .slidefotos #slidefotos .video-container { padding-top: 0px; } .slidefotos .id-slidefotos .video-container iframe, .slidefotos .id-slidefotos .video-container object, .slidefotos .id-slidefotos .video-container embed { width: 100% !important; left: 0% !important; height: 100% !important; } .slidefotos #slidefotos .video-container iframe, .slidefotos #slidefotos .video-container object, .slidefotos #slidefotos .video-container embed { width: 100% !important; left: 0% !important; height: 100% !important; } .slidefotos .id-slidefotos h4 { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 17px; /*26px;*/ line-height: 19px; color: #53215f; padding: 15px 0; margin: 0px; text-align: left; text-transform: uppercase; /* display:inline-table;*/ display: block; } .slidefotos #slidefotos h4 { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 17px; /*26px;*/ line-height: 19px; color: #53215f; padding: 15px 0; margin: 0px; text-align: left; text-transform: uppercase; /* display:inline-table;*/ display: block; } .slidefotos .id-slidefotos h5 { font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; color: #53215f; font-weight: 300; padding: 0px; margin: 0px; /* width:455px; /*795px;*/ text-align: left; /* display:inline-table;*/ display: block; } .slidefotos #slidefotos h5 { font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; color: #53215f; font-weight: 300; padding: 0px; margin: 0px; /* width:455px; /*795px;*/ text-align: left; /* display:inline-table;*/ display: block; } .slidefotos .id-slidefotos .redes { display: block; margin: 15px 0 25px 0; padding: 42px 0px 0px 0px; height: 30px; width: auto; /*795px;*/ text-align: left; float: left; /* display:inline-table;*/ background: url(images/compartirrr-top.png) top left no-repeat transparent; } .slidefotos #slidefotos .redes { display: block; margin: 15px 0 25px 0; padding: 42px 0px 0px 0px; height: 30px; width: auto; /*795px;*/ text-align: left; float: left; /* display:inline-table;*/ background: url(images/compartirrr-ch.png) top left no-repeat transparent; background-size: 170px; } .slidefotos .id-slidefotos .prevSlide { left: -13px; } .slidefotos .id-slidefotos .nextSlide { right: -19px; } .slidefotos #slidefotos .prevSlide { left: -13px; } .slidefotos #slidefotos .nextSlide { right: -19px; } .slidefotos .id-slidefotos .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } .slidefotos #slidefotos .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } .slidefotos .id-slidefotos .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } .slidefotos #slidefotos .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } .slidefotos .id-slidefotos .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidefotos #slidefotos .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidefotos .id-slidefotos .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidefotos #slidefotos .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidefotos .id-slidefotos .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidefotos #slidefotos .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidefotos .id-slidefotos .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidefotos #slidefotos .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidefotos .id-slidefotos .redes .google:hover { background-position: -168px bottom; } .slidefotos .id-slidefotos .redes .wapp:hover { background-position: -210px bottom; } .slidefotos .id-slidefotos .redes .link:hover { background-position: -84px bottom; } .slidefotos .id-slidefotos .redes .fb:hover { background-position: -40px bottom; } .slidefotos .id-slidefotos .redes .tw:hover { background-position: bottom left; } .slidefotos .id-slidefotos .redes .mail:hover { background-position: -126px bottom; } .slidefotos #slidefotos .redes .google:hover { background-position: -168px bottom; } .slidefotos #slidefotos .redes .wapp:hover { background-position: -210px bottom; } .slidefotos #slidefotos .redes .link:hover { background-position: -84px bottom; } .slidefotos #slidefotos .redes .fb:hover { background-position: -40px bottom; } .slidefotos #slidefotos .redes .tw:hover { background-position: bottom left; } .slidefotos #slidefotos .redes .mail:hover { background-position: -126px bottom; } .slidefotos .id-slidefotos li img { float: left; width: 100px; height: 75px; padding: 0px; margin: 0px 5px 0px 0px; } .slidefotos #slidefotos li img { /*float:left;*/ width: 100px; height: 75px; padding: 0px; margin: 0px auto; max-height: 214px !important; } .slidefotos .id-slidefotos li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } .slidefotos #slidefotos li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } .slidefotos .id-slidefotos li { background: none !important; padding: 0px !important; } .slidefotos #slidefotos li { background: none !important; padding: 0px !important; } .slidefotos .id-slidefotos li.flex-active-slide { background: none; } .slidefotos #slidefotos li.flex-active-slide { background: none; } .slidefotos .id-slidefotos li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } .slidefotos #slidefotos li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } .slidefotos .id-slidefotos li { background: url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom: 50px; text-align: center; } .slidefotos #slidefotos li { background: url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom: 50px; text-align: center; } .slidefotos .id-slidefotos .infotxt { padding-left: 0px; margin-bottom: 10px; float: left; width: 380px; } .slidefotos #slidefotos .infotxt { padding-left: 0px; margin-bottom: 10px; float: left; width: 380px; } .slidefotos .id-slidefotos .video-container { width: 100%; } .slidefotos #slidefotos .video-container { width: 100%; } .slidefotos .id-slidefotos a.vermais { background: url(images/btnmore2.png) center top no-repeat transparent; width: 98px; height: 64px; text-indent: -9999px; float: right; display: block; /* clear:both*/ margin-top: 30px; } .slidefotos #slidefotos a.vermais { background: url(images/btnmore2.png) top left no-repeat transparent; width: 143px; height: 64px; text-indent: -9999px; float: right; display: block /* clear:both*/ } .slidefotos .id-slidefotos a.vermais:hover { opacity: 0.85; } .slidefotos #slidefotos a.vermais:hover { opacity: 0.85; } .slidebackstage .id-slidebackstage { width: 380px; margin: 0px auto 0 auto; } .id-slidebackstage.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 392px; } .slidebackstage .id-slidebackstage .videin { width: 380px; height: 215px; float: left; } .slidebackstage .id-slidebackstage .video-container { padding-top: 0px; } .slidebackstage .id-slidebackstage .video-container iframe, .slidebackstage .id-slidebackstage .video-container object, .slidebackstage .id-slidebackstage .video-container embed { width: 100% !important; left: 0% !important; height: 100% !important; } .slidebackstage .id-slidebackstage h4 { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 17px; /*26px;*/ line-height: 19px; color: #53215f; padding: 15px 0; margin: 0px; text-align: left; text-transform: uppercase; display: block; } .slidebackstage .id-slidebackstage h5 { font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; color: #53215f; font-weight: 300; padding: 0px; margin: 0px; /* width:455px; /*795px;*/ text-align: left; /* display:inline-table;*/ display: block; } .slidebackstage .id-slidebackstage .redes { display: block; margin: 15px 0 25px 0; padding: 42px 0px 0px 0px; height: 30px; width: auto; /*795px;*/ text-align: left; float: left; /* display:inline-table;*/ background: url(images/compartirrr-ch.png) top left no-repeat transparent; background-size: 170px; } .slidebackstage .id-slidebackstage .prevSlide { left: 19px; } .slidebackstage .id-slidebackstage .nextSlide { right: 9px; } .slidebackstage .id-slidebackstage .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } .slidebackstage .id-slidebackstage .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } .slidebackstage .id-slidebackstage .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidebackstage .id-slidebackstage .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidebackstage .id-slidebackstage .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidebackstage .id-slidebackstage .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidebackstage .id-slidebackstage .redes .google:hover { background-position: -168px bottom; } .slidebackstage .id-slidebackstage .redes .wapp:hover { background-position: -210px bottom; } .slidebackstage .id-slidebackstage .redes .link:hover { background-position: -84px bottom; } .slidebackstage .id-slidebackstage .redes .fb:hover { background-position: -40px bottom; } .slidebackstage .id-slidebackstage .redes .tw:hover { background-position: bottom left; } .slidebackstage .id-slidebackstage .redes .mail:hover { background-position: -126px bottom; } .slidebackstage .id-slidebackstage li img { float: left; width: 100px; height: 75px; padding: 0px; margin: 0px 5px 0px 0px; } .slidebackstage .id-slidebackstage li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } .slidebackstage .id-slidebackstage li { background: none !important; padding: 0px !important; } .slidebackstage .id-slidebackstage li.flex-active-slide { background: none; } .slidebackstage .id-slidebackstage li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } .slidebackstage .id-slidebackstage li { background: url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom: 50px; text-align: center; } .slidebackstage .id-slidebackstage .infotxt { padding-left: 0px; margin-bottom: 10px; float: left; width: 380px; } .slidebackstage .id-slidebackstage .video-container { width: 100%; } .slidebackstage .id-slidebackstage a.vermais { background: url(images/btnmore2.png) top right no-repeat transparent; width: 143px; height: 64px; text-indent: -9999px; float: right; display: block /* clear:both*/ } .slidebackstage .id-slidebackstage a.vermais:hover { opacity: 0.85; } .slidebackstage #slidebackstage { width: 380px; margin: 0px auto 0 auto; } .slidebackstage.cargando { background: url(images/cargando.gif) 50% 50% no-repeat transparent; height: 392px; } .slidebackstage #slidebackstage .videin { width: 380px; height: 215px; float: left; } .slidebackstage #slidebackstage .video-container { padding-top: 0px; } .slidebackstage #slidebackstage .video-container iframe, .slidebackstage #slidebackstage .video-container object, .slidebackstage #slidebackstage .video-container embed { width: 100% !important; left: 0% !important; height: 100% !important; } .slidebackstage #slidebackstage h4 { font-family: 'Rammetto One', cursive; font-weight: bold; font-size: 17px; /*26px;*/ line-height: 19px; color: #53215f; padding: 15px 0; margin: 0px; text-align: left; text-transform: uppercase; display: block; } .slidebackstage #slidebackstage h5 { font-family: 'Rammetto One', cursive; font-size: 15px; line-height: 18px; color: #53215f; font-weight: 300; padding: 0px; margin: 0px; /* width:455px; /*795px;*/ text-align: left; /* display:inline-table;*/ display: block; } .slidebackstage #slidebackstage .redes { display: block; margin: 15px 0 25px 0; padding: 42px 0px 0px 0px; height: 30px; width: auto; /*795px;*/ text-align: left; float: left; /* display:inline-table;*/ background: url(images/compartirrr-ch.png) top left no-repeat transparent; background-size: 170px; } .slidebackstage #slidebackstage .prevSlide { left: 19px; } .slidebackstage #slidebackstage .nextSlide { right: 9px; } .slidebackstage #slidebackstage .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; position: relative; } .slidebackstage #slidebackstage .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; } .slidebackstage #slidebackstage .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidebackstage #slidebackstage .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 6px 0px 0px; cursor: pointer; } .slidebackstage #slidebackstage .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidebackstage #slidebackstage .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .slidebackstage #slidebackstage .redes .google:hover { background-position: -168px bottom; } .slidebackstage #slidebackstage .redes .wapp:hover { background-position: -210px bottom; } .slidebackstage #slidebackstage .redes .link:hover { background-position: -84px bottom; } .slidebackstage #slidebackstage .redes .fb:hover { background-position: -40px bottom; } .slidebackstage #slidebackstage .redes .tw:hover { background-position: bottom left; } .slidebackstage #slidebackstage .redes .mail:hover { background-position: -126px bottom; } .slidebackstage #slidebackstage li img { /*float:left;*/ width: 100px; height: 75px; padding: 0px; margin: 0px auto; max-height: 214px !important; } .slidebackstage #slidebackstage li .texto { font-family: 'Rammetto One', cursive; font-size: 13px; line-height: 18px; color: #fff; font-weight: 300; padding: 0px; margin: 0px; width: 150px; float: right; } .slidebackstage #slidebackstage li { background: none !important; padding: 0px !important; } .slidebackstage #slidebackstage li.flex-active-slide { background: none; } .slidebackstage #slidebackstage li .texto strong { font-size: 19px; font-weight: bold; display: block; padding: 0px; margin: 0px 0px 5px 0px; } .slidebackstage #slidebackstage li { background: url(images/tit-cap-thumb.png) bottom center no-repeat transparent; padding-bottom: 50px; text-align: center; } .slidebackstage #slidebackstage .infotxt { padding-left: 0px; margin-bottom: 10px; float: left; width: 380px; } .slidebackstage #slidebackstage .video-container { width: 100%; } .slidebackstage #slidebackstage a.vermais { background: url(images/btnmore2.png) top right no-repeat transparent; width: 143px; height: 64px; text-indent: -9999px; float: right; display: block /* clear:both*/ } .slidebackstage #slidebackstage a.vermais:hover { opacity: 0.85; } #seriemenu { /* background:url(images/sombra-horizontal.png) top center no-repeat #5c135e;*/ text-align: center; position: relative; z-index: 999; } #seriemenu .portfolioFilter { background: url(images/bkfiltro.png) top center repeat-x transparent; height: 49px; color: #fff; padding: 10px 0 0 0; margin: 0px; color: #fff; position: relative; /*top:-50px;*/ top: -20px; width: 100%; } a.maicito { background: url(images/maicito.png) top right no-repeat transparent; width: 143px; height: 61px; text-indent: -9999px; float: right; display: block; position: absolute; bottom: 30px; right: 35px; } .contenidosexclusivos a.maicito { right: 55px; z-index: 3; } .blockpersonajes a.maicito { background: url(images/maicitodos.png) top right no-repeat transparent; width: 172px; height: 51px; position: inherit; margin-top: -50px; /*-25px;*/ z-index: 9999; } a.maicito:hover { opacity: 0.85; } .popupserie { background: url(images/bkpopupserie.png) top left no-repeat transparent; width: 980px; /*1230px;*/ height: auto; /*649px;*/ position: absolute; top: 10px; /*50%;*/ left: 50%; margin-left: -490px; /*-615px;*/ margin-top: 0px; /*-325px;*/ z-index: 999; } .popupserie .int { width: 600px; /*845px;*/ margin: auto; position: relative; padding: 35px 0px 0px 0px; } .popupserie .int a.cerrar { background: url(images/btncerrarserie.png) top left no-repeat transparent !important; width: 34px !important; height: 34px !important; text-indent: -9999px !important; position: absolute !important; top: 40px !important; right: -80px !important; cursor: pointer !important; } .popupserie .int a.cerrar:hover { opacity: 0.8; } .popupserie .int span.fecha { color: #e99fec; display: block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0; padding: 10px 8px 0 0px; text-align: left; } .popupserie .int span.fecha a { background: #41413f; color: #fff; text-transform: uppercase; display: inline-block; padding: 0px 5px; font-size: 14px; } .popupserie .int span.fecha a:hover { background: #420d46; } .popupserie .int h3.titulo { font-size: 18px; color: #fff; line-height: 20px; font-family: 'Rammetto One', cursive; text-align: left; padding: 5px 0px 5px 0px; margin: 0px; text-transform: uppercase; } .popupserie .int h5 { font-size: 14px; color: #fff; line-height: 16px; font-family: 'Rammetto One', cursive; text-align: left; padding: 10px 0px 5px 0px; margin: 0px; font-weight: normal; } .popupserie .int .redes { display: block; margin: 15px 0px 15px 0px; padding: 0px; height: 34px; text-align: left; display: block; } .popupserie .int .redes .fb { background: url(images/redes.png) -40px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; position: relative; } .popupserie .int .redes .fb span.solapa { display: none; position: absolute; bottom: 50px; height: 30px; width: 200px; background-color: #be4da6; padding: 10px 20px 0px 20px; left: -43px; } .popupserie .int .redes .fb span.solapa .punta { position: absolute; bottom: -43px; height: 43px; width: 21px; background: url(images/punta.png) 0 0 no-repeat; left: 50px; } .popupserie .int .redes .fb span.solapa iframe { display: block; } .popupserie .int .redes .fb:hover > span.solapa { display: none; } .popupserie .int .redes .link { background: url(images/redes.png) -84px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .popupserie .int .redes .google { background: url(images/redes.png) -168px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .popupserie .int .redes .wapp { background: url(images/redes.png) -210px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: none; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .popupserie .int .redes .tw { background: url(images/redes.png) top left no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; } .popupserie .int .redes .mail { background: url(images/redes.png) -126px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .popupserie .int .redes .pinterest { background: url(images/redes.png) -246px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .pinterest { background: url(images/redes.png) -246px top no-repeat transparent; width: 34px; height: 34px; text-indent: -9999px; float: left; display: block; padding: 0px; margin: 0px 3px 0px 0px; cursor: pointer; } .popupserie .int .redes .fb:hover { background-position: -40px bottom; } .popupserie .int .redes .link:hover { background-position: -84px bottom; } .popupserie .int .redes .google:hover { background-position: -168px bottom; } .popupserie .int .redes .wapp:hover { background-position: -210px bottom; } .popupserie .int .redes .tw:hover { background-position: bottom left; } .popupserie .int .redes .mail:hover { background-position: -126px bottom; } .pinterest:hover { background-position: -246px bottom; } .popupserie .video-container { border: 3px solid #fff; } .popupserie .video-container iframe, .popupserie .video-container object, .popupserie .video-container embed { height: 100% !important; left: 0% !important; position: absolute; top: 0; width: 100% !important; } .popupserie a.materialadicional { float: right; position: absolute; bottom: -120px; right: -140px; } .popupserie .flechaizq { background: url(images/flechas-popupserie.png) top left no-repeat transparent; width: 147px; height: 67px; text-indent: -9999px; cursor: pointer; display: block; float: left; position: absolute; top: 220px; left: 30px; } .popupserie .flechader { background: url(images/flechas-popupserie.png) top right no-repeat transparent; width: 147px; height: 67px; text-indent: -9999px; cursor: pointer; display: block; float: right; position: absolute; top: 220px; right: 30px; } .popupserie .flechaizq:hover, .popupserie .flechader:hover { opacity: 0.8; } .popupserie .infotxt { padding-left: 0px; } .popupajax { height: 100%; position: absolute; width: 100%; z-index: 9999; display: none; } #slider.sincapitulo .flex-viewport { background: none !important; padding-bottom: 0 !important; } .captitlink { position: absolute; width: 220px; height: 50px; bottom: 0px; z-index: 999; left: 50%; margin-left: -110px; } ul.tags { list-style: none; padding: 0px; margin: 10px 0px 10px 0px; float: left; max-width: 375px; width: 100%; text-align: left; } ul.tags li { list-style: none; color: #e99fec; display: inline-block; font-family: 'Kalam',cursive; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0 0px 5px 5px; padding: 0px 5px 0px 0px; text-align: left; } .interno .right ul.tags { float: none; margin-top: 5px; padding-bottom: 5px; } .interno .right ul.tags li { padding: 0px 5px 0px 0px !important; background: none; margin: 0 0px 5px 0; } ul.tags li a { background: #41413f; color: #fff; text-transform: uppercase; display: block; padding: 0px 5px; font-size: 14px; } ul.tags li a:hover { opacity: 0.85; } #personajes .zonabanner.infeed { padding-bottom: 30px; } .titulotag { color: #fff; font-family: 'Kalam',cursive; font-size: 24px; font-weight: normal; line-height: 28px; margin: 0 0 10px 0; padding: 10px 15px 5px 15px; text-align: left; display: block; } .reemplazo { display: none; } a.btnvermasajax { cursor: pointer; } a.btnvermasajax:hover { opacity: 0.85; } .guiaepisodios { background: url(images/bkguia01.png) top center no-repeat transparent; padding-top: 77px; max-width: 935px; margin-top: -85px; } .guiaepisodios > div { background: url(images/bkguia02.png) top center repeat-y transparent; padding: 15px 40px 0px 40px; } .guiaepisodios > div .redes { margin-bottom: 0px !important; padding-bottom: 15px !important; } .guiaepisodios .bottom { background: url(images/bkguia03.png) top center no-repeat transparent; height: 72px; margin: auto; } .guiaepisodios > div .thumb { float: left; background: url(images/punti.png) top left no-repeat transparent; } .guiaepisodios > div .infor { float: left; width: 440px; margin: 0 0 0 10px; text-align: left; } .guiaepisodios > div .infor h4 { color: #52165f; font-family: 'Kalam',cursive; font-size: 18px; font-weight: bold; line-height: 22px; margin: 5px 0; padding: 0px 0px 0px 15px; text-align: left; display: block; } .guiaepisodios > div .infor h4 a { color: #52165f; } .guiaepisodios > div .infor h5 { color: #52165f; font-family: 'Kalam',cursive; font-size: 15px; font-weight: normal !important; font-style: normal !important; line-height: 20px !important; margin: 0; padding: 0px 0px 0px 15px !important; text-align: left; display: block; } .guiaepisodios > div .infor h5 p { color: #52165f; margin: 0px; font-weight: normal !important; font-style: normal !important; line-height: 20px !important; } .guiaepisodios > div .infor ul.tags { background: url(images/punti.png) bottom left repeat-x transparent; margin-left: 15px !important; margin-bottom: 15px !important; padding-bottom: 15px !important; display: block !important; max-width: 100% !important; width: 100% !important; } .head-subcat { margin-bottom: 15px; } .head-subcat-mobile { margin-bottom: 15px; display: none; } #adicionales .head-subcat, #adicionales .head-subcat-mobile { margin-bottom: 0px; } .head-subcat img, .head-subcat-mobile img { max-width: 100%; height: auto; } .head-subcat-mobile p { margin: 0px; padding: 0px; } .escenasafuera { background: url(images/bk-escenasafuera.png) top center no-repeat transparent; max-width: 996px; height: 359px; margin-bottom: 10px; } .versionesextendidas { background: url(images/bk-versionesextendidas.png) top center no-repeat transparent; max-width: 996px; height: 359px; margin-bottom: 10px; } .webadas { background: url(images/bk-webadas.png) top center no-repeat transparent; max-width: 996px; height: 383px; margin-bottom: 10px; } .mamissoul { background: url(images/bk-mamissoul.png) top center no-repeat transparent; max-width: 996px; height: 387px; margin-bottom: 10px; } .slidevideosseries h3 { color: #52165f; font-family: 'Kalam',cursive; font-size: 40px; font-weight: normal !important; font-style: normal !important; line-height: 50px !important; margin: 0; padding: 45px 0 20px 0 !important; /*45px 0 25px 0*/ text-align: center; display: block; opacity: 0; } .slidevideosseries .flex-viewport { max-width: 825px; margin: auto; } .slidevideosseries .flex-viewport li > div { padding: 0px 10px; } .slidevideosseries .flex-viewport li img { width: 245px; height: 135px; border: 5px solid #fff; box-shadow: 0 5px 5px rgba(3, 3, 3, 0.25); } .slidevideosseries h4 { color: #52165f; font-family: 'Kalam',cursive; font-size: 16px; font-weight: bold !important; font-style: normal !important; line-height: 20px !important; margin: 0; padding: 15px 0 0 0 !important; text-align: left; display: block; } a.vermaisvideos { position: absolute; right: 30px; bottom: -20px; z-index: 999; } .escenasafuera a.vermaisvideos { right: 0px; } a.vermaisvideos:hover { opacity: 0.85; } .loginin form { width: 265px; margin: auto; padding: 0 0 50px 0px; text-align: left; } .loginin form .titulo { text-align: center; } .loginin form a.fb { background: url(images/login-fb.png) top left no-repeat #880d6c; line-height: 37px; height: 37px; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 55px; display: block; text-align: left; font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; cursor: pointer; } .loginin form a.tw { background: url(images/login-tw.png) top left no-repeat #880d6c; line-height: 37px; height: 37px; margin: 0px; padding: 0px 0px 0px 55px; display: block; text-align: left; font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; cursor: pointer; } .loginin form a.fb:hover, .loginin form a.tw:hover { background-color: #760f5f; } .loginin form h4 { font-family: 'Rammetto One', cursive; color: #e99fec; font-size: 18px; padding: 0px; margin: 20px 0px 5px 0px; line-height: 22px; font-weight: normal; } .loginin form .campo { font-family: 'Rammetto One', cursive; font-size: 14px; font-style: italic; color: #f196cc; border: 1px solid #bf409e; width: 255px; padding: 0px 5px; height: 35px; float: left; background: #440350; margin: 0px 0px 10px 0px; } .loginin form a.olvida { font-family: 'Rammetto One', cursive; font-size: 14px; color: #e99fec; line-height: 16px; margin: 5px 0px 10px 0px; padding: 0px; /* float:left*/ cursor: pointer; } .loginin form a.olvida:hover { color: #fff; } .loginin form a.registrate { /* font-family: 'Rammetto One', cursive; font-size:19px; color:#e99fec; border: 1px solid #880d6c; background:#880d6c; width:118px; padding:0px; text-align:center; height:37px; float: left; cursor:pointer; line-height:37px; clear:both*/ font-family: 'Rammetto One', cursive; font-size: 14px; color: #e99fec; line-height: 16px; margin: 5px 0px 10px 0px; padding: 0px; /* float:left;*/ cursor: pointer; } .loginin form a.registrate:hover { /* color:#880d6c; background:#e99fec; border:1px solid #880d6c;*/ color: #fff; } .loginin form .enviar { font-family: 'Rammetto One', cursive; font-size: 19px; color: #e99fec; border: 1px solid #880d6c; background: #880d6c; width: 97px; padding: 0px; text-align: center; height: 37px; float: left; cursor: pointer; line-height: 37px; /**/ margin: 10px 0px 0px 0px; } .loginin form .enviar:hover { color: #880d6c; background: #e99fec; border: 1px solid #880d6c; } div.wp_bannerize div, .wp_bannerize img { max-width: 100%; height: auto; } .right-dsktp { display: block; } .right-mobile { display: none; } .ytseguir { background: url(images/ytseguir.png) top left no-repeat transparent; width: 159px; height: 96px; display: inline-table; text-align: left; position: relative; top: -20px; } .ytseguir > div { margin-top: 50px !important; } .ytseguirgde { background: url(images/ytseguirgde.png) top left no-repeat transparent; width: 163px; height: 103px; display: inline-table; text-align: left; position: relative; top: -20px; } .ytseguirgde > div { margin-top: 50px !important; } .oculto { display: none; } .ytseguirch { display: inline-table; text-align: left; position: relative; float: right; }