@charset "utf-8";*{box-sizing:border-box}#menu,.item-page,.video,body,div[itemprop=articleBody],html{height:100%;float:left;margin:0;padding:0}#menu,body,html{background:#efecec}#main,.articleBody,.illustrationGallery,.item-page,div[itemprop=articleBody]{background:#fff}#blankBlock,#contact,#main,#menu div,#workBlocks,.buttons,.container,.illustrationGallery,.imageContainer,.page-header,.shortFilm,.video,body,div[itemprop=articleBody],html,input[type=image]{width:100%;margin:0;font-family:'Josefin Slab',serif}h1,h2,h3{margin:0}h1,ul li.current h2{font-weight:600}#mail p span,.workTitle,h2,h3,ul.prices li span{font-weight:700}#main #mail,#main #mail p:hover,#menu #me h2,#menu ul li.active a,#menu ul li.active li.current a,#menu ul li.active li.current a:hover,#menu ul li.current a:hover,.workTitle,a{color:#000;text-decoration:none}#menu{width:18%}#menu ul{list-style:none;padding-left:20%}#menu ul li{padding:30px 0}#menu ul.hideSubmenu{margin-top:100px}#menu ul.hideSubmenu li ul,#workBlocks .tagLine,.hide{display:none}#menu ul li.current a{font-size:32px;cursor:default}#menu ul li a,#menu ul li.active li a,.video h3{font-size:31px;color:#a2a2a2}#menu ul li.active li a{font-size:23px}#menu ul li.active li.current a,#menu ul li.active li.current a:hover{font-size:25px;cursor:default;position:relative}#menu ul li.active li.current a:after{content:"";background:#000;position:absolute;bottom:-7px;left:15px;height:2px;width:44px}#menu ul li a:hover,#menu ul li.active li a:hover,#workBlocks a .workTitleHover{color:#3237ee;-webkit-transition:color 150ms ease-in;-ms-transition:color 150ms ease-in;-o-transition:color 150ms ease-in;transition:color 150ms ease-in}#menu ul li a:hover{font-size:32px;-webkit-transition:all 150ms ease-in;-ms-transition:all 150ms ease-in;-o-transition:all 150ms ease-in;transition:all 150ms ease-in}#menu ul li.active li a:hover,.buttons.esclavas a:hover,.buttons.esclavas form:hover{-webkit-transition:all 150ms ease-in;-ms-transition:all 150ms ease-in;-o-transition:all 150ms ease-in}#menu ul li ul{padding:15px 0 0 15px}#menu ul li.active li{padding:10px 0}#menu ul li.active li a:hover{font-size:24px;transition:all 150ms ease-in}#menu #me{margin:50px auto;padding:0;height:auto;text-align:center}#me img{width:40%;max-width:150px}.illustration img,.imageMask img{position:relative;object-fit:cover;height:100%;width:100%}#menu #me h1{font-size:23px}#menu #me h2{font-size:20px;color:#666}.page-header{margin:50px 0 30px;text-align:center}#blankBlock{height:50px}.item-page{float:left;width:82%}#workBlocks{padding:0 5%}#workBlocks,.illustrationGallery{display:flex;flex-wrap:wrap}#workBlocks a{width:19%;margin-bottom:50px;padding:0 3%;box-sizing:content-box}#workBlocks a:hover{width:20%;margin-bottom:0;padding:0 2.5%;-webkit-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.illustrationGallery.downloads,.illustrationGallery.sketch,.illustrationGallery.tukum{padding:0 15%}.column100 ul li,.illustrationGallery h3,.illustrationGallery p,.shortFilm p{font-size:22px;text-align:right}.illustrationGallery h1{text-align:right}.illustrationGallery div.illustration{width:25%;padding:0 1%;margin-bottom:15px}.column50,.illustrationGallery div.illustration.column50{width:50%}.illustrationGallery div.illustration.column50{padding:15px 5% 20px;margin:0}.illustrationGallery.downloads .illustrationGalleryDescription,.illustrationGallery.sketch .illustrationGalleryDescription{display:table;display:flex;align-items:center}.illustrationGallery.downloads .illustrationGalleryDescription div,.illustrationGallery.sketch .illustrationGalleryDescription p{display:table-cell;vertical-align:middle}.column100 ul li,p.left{text-align:left}#main #mail .imageBlock,.workTitle{text-align:center}.column25,.illustrationGallery div.illustration.column25{width:25%}.column33,.illustrationGallery div.illustration.column33{width:33.33%}.column66,.illustrationGallery div.illustration.column66{width:66.66%}.column75,.illustrationGallery div.illustration.column75{width:75%}.column100,.illustrationGallery div.illustration.column100{width:100%;text-align:center}.imageMask{-webkit-clip-path:circle(48% at center);clip-path:circle(48% at center)}.blue{position:relative}.blue:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;z-index:0;background-color:#3237ee;opacity:0;-webkit-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}.overlay.blue:before{opacity:.3}.workTitle{font-size:17px;margin-top:7px}.subtitle{font-size:25px;color:#a2a2a2;display:inline}.italic{font-style:italic;display:inline}#contact{padding:0 10%}#main #mail{width:100%;margin:0}#main #mail img{border-radius:0;width:100%;max-width:350px}#mail p{font-size:22px}ul.prices{padding:0;max-width:1400px;margin:auto}ul.prices li{display:table}ul.prices li span{display:table-cell;font-size:22px}ul.prices li span:first-child{position:relative;overflow:hidden}ul.prices li span:first-child:after{content:"";position:absolute;bottom:7px;margin-left:.5em;width:100%;border-bottom:1px dashed #000}ul.prices li span+span{text-align:right;width:1%;vertical-align:bottom;padding-left:.5em}.prices h2{font-size:32px;margin-bottom:25px}.prices p{text-align:left;padding-bottom:5%}.shortFilm h3,.shortFilm p{text-align:center}.buttons a,.buttons form{width:44%;margin:3%;padding:1%;text-align:center;border-radius:10px;float:left}#hideLicenseAgreements,#keepReading,#lessReading,#showLicenseAgreements{font-weight:700;text-decoration:underline;cursor:pointer}input[type=image]:focus{outline:0}.buttons h3{margin:0 12px 0 0;color:#fff;line-height:39px}.buttons form h3{margin-top:-44px;line-height:49px}.buttons.esclavas a,.buttons.esclavas form{background-color:#cd1a6b}.buttons.esclavas a:hover,.buttons.esclavas form:hover{background-color:#660d35;transition:all 150ms ease-in}.esclavas .downloadButton{background:url(/images/esclavas/download_icon.png) no-repeat;background-size:35px;height:35px}.esclavas .donateButton{background:url(/images/esclavas/donate_icon.png) no-repeat;background-size:35px;height:35px}.buttons.evangelio a,.buttons.evangelio form{background-color:#a1b493}.buttons.evangelio a:hover,.buttons.evangelio form:hover{background-color:#505a49;-webkit-transition:all 150ms ease-in;-ms-transition:all 150ms ease-in;-o-transition:all 150ms ease-in;transition:all 150ms ease-in}.evangelio .downloadButton{background:url(/images/evangelio_de_juanjo/download_icon.png) no-repeat;background-size:35px;height:35px}.downloadButton{min-height:46px}.evangelio .donateButton{background:url(/images/evangelio_de_juanjo/donate_icon.png) no-repeat;background-size:35px;height:35px}.buttons.rdl a,.buttons.rdl form{background-color:#2b6bb5}.buttons.rdl a:hover,.buttons.rdl form:hover{background-color:#1d4879;-webkit-transition:all 150ms ease-in;-ms-transition:all 150ms ease-in;-o-transition:all 150ms ease-in;transition:all 150ms ease-in}img.rdl-image{border:1px solid}.rdl .downloadButton{background:url(/images/rdl16_2012/download_icon.png) no-repeat;background-size:35px;height:35px}.rdl .donateButton{background:url(/images/rdl16_2012/donate_icon.png) no-repeat;background-size:35px;height:35px}.buttons.esclavas,.buttons.evangelio,.buttons.rdl{padding:0 17%;margin-bottom:15px}.illustrationGallery.downloads img{margin:auto;display:block}.shortFilm{padding:0 5%}.shortFilm h3{margin:-27px 0 10px;color:#666}.container{position:relative;height:0;padding-bottom:56.25%}.video{position:absolute;top:0;left:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.imageMask img{border-radius:50%}.MShover{border:1px solid #3237ee}}@supports (-ms-ime-align:auto){.imageMask img{border-radius:50%}.MShover{border:1px solid #3237ee}}@media only screen and (max-width:1500px){#menu ul{padding-left:18%}#menu{width:22%}.item-page{float:left;width:78%}}@media only screen and (max-width:1440px){ul li.current h2{font-weight:700}#menu ul li{padding:18px 0}#menu ul li a,#menu ul li.active li a,.video h3{font-size:29px}#menu ul li a:hover,#menu ul li.current a{font-size:30px}#menu #me h2,#menu ul li.active li a{font-size:19px}#menu ul li.active li a:hover,#menu ul li.active li.current a,#menu ul li.active li.current a:hover,.subtitle{font-size:20px}.workTitle{font-size:15px}.illustrationGallery,.illustrationGallery.downloads,.illustrationGallery.sketch,.illustrationGallery.tukum{padding:0 5%}.illustrationGallery div.illustration{width:31%;margin-bottom:10px;padding:0 1%}.buttons h3{float:right;width:82px;line-height:100%}.donateButton h3{padding-top:9px}}@media only screen and (max-width:990px){#menu{width:32%}#menu #me{margin-bottom:30px}#menu #me h1{font-size:21px}#menu ul.hideSubmenu{margin-top:80px}#menu ul{padding-left:15%}#menu ul li a,#menu ul li.active li a{font-size:26px}#menu ul li a:hover,#menu ul li.current a{font-size:27px}#menu #me h2,#menu ul li.active li a{font-size:17px}#menu ul li.active li a:hover,#menu ul li.active li.current a,#menu ul li.active li.current a:hover,.subtitle,.video h3{font-size:18px}.item-page{width:68%}#workBlocks,.illustrationGallery{padding:0 5%}#workBlocks a{width:25.33%;margin-bottom:32px}#workBlocks a:hover{width:26.33%;margin-bottom:27px}.illustrationGallery div.illustration{width:48%;margin-bottom:5px;padding:0 1%}.column{flex:31.33%;max-width:31%}.illustrationGallery h1,.illustrationGallery h2,.illustrationGallery h3{text-align:center}.column50,.illustrationGallery div.illustration.column50{width:100%}.illustrationGallery div.illustration.column50{padding:0 0 30px}.illustrationGallery p{text-align:left}.buttons.esclavas,.buttons.evangelio,.buttons.rdl{padding:0}}@media only screen and (max-width:780px){h1{font-weight:700}#menu #me h1{font-size:18px}#menu ul.hideSubmenu{margin-top:50px}#menu ul{padding-left:8%}#menu ul li a,#menu ul li.active li a{font-size:23px;word-spacing:-3px}#menu ul li a:hover,#menu ul li.current a{font-size:24px}#menu ul li ul{padding:5px 0 0}#menu ul li.active li{padding:5px 0}#menu #me h2,#menu ul li.active li a{font-size:17px}#menu ul li.active li a:hover,#menu ul li.active li.current a,#menu ul li.active li.current a:hover,.subtitle,.video h3{font-size:18px}.page-header{margin-bottom:0}.page-header h1{font-size:27px;margin-bottom:27px}.illustrationGallery h1{font-size:27px}#workBlocks a{width:30%;padding:10px 10%}#workBlocks a:hover{width:32%;padding:10px 9%}.subtitle,.workTitle{font-size:15px}.column{flex:50%;max-width:49%}.illustrationGallery p{font-size:20px}.buttons a,.buttons form,.illustrationGallery div.illustration{width:100%}.buttons h3{width:140px}.downloadButton h3{line-height:47px}.esclavas .donateButton,.esclavas .downloadButton,.evangelio .donateButton,.evangelio .downloadButton,.rdl .donateButton,.rdl .downloadButton{background-size:30px}.downloadButton{margin-left:7px;background-position:left center!important}.donateButton{background-position:left bottom!important;margin-left:7px!important}.buttons form h3{margin-top:-35px;line-height:39px}}@media only screen and (max-width:500px){#menu ul li a,#menu ul li.active li a{font-size:19px}#menu ul li a:hover,#menu ul li.current a{font-size:20px}#menu #me h2,#menu ul li.active li a{font-size:15px}#menu ul li.active li a:hover,#menu ul li.active li.current a,#menu ul li.active li.current a:hover,.subtitle,.video h3{font-size:16px}#menu ul li.active li h2{line-height:66%}}@media only screen and (max-width:480px){#me img,#menu,.item-page{width:100%}#menu #me,#menu ul,#menu ul li{height:80px;float:left}#menu ul,#workBlocks,#workBlocks a#mail{padding:0}#menu ul li,p.left{text-align:center}#menu{max-width:100%;height:80px}#me img{max-width:50px;margin:auto}#menu ul{width:85%;margin:0;font-size:22px}#menu ul li{width:33%;padding-top:23px}#menu ul li h1{line-height:33%}#menu ul.hideSubmenu{margin-top:0}#menu #me{width:15%;margin:0;padding:15px 0}#blankBlock{height:30px}.page-header{margin:50px 0 0}.illustrationGallery h1,.page-header h1{font-size:21px}.illustrationGallery .illustrationGalleryDescription h3{margin-bottom:27px}.workTitle{font-size:14px}.subtitle,ul.prices li span{font-size:19px}.column{flex:100%;max-width:100%}.illustrationGallery div.illustration{padding-bottom:2%}.illustrationGallery div.illustration.column50{padding-top:10px}.illustrationGallery p{font-size:19px;margin:0}#me .tagLine,#menu ul li ul,.illustrationGalleryDescription p span{display:none}#workBlocks a:hover{width:32%;padding:0 9%}#workBlocks .tagLine{display:block;text-align:center;width:100%;margin-bottom:27px}#workBlocks .tagLine h1{font-size:21px}#workBlocks .tagLine h2,.illustrationGallery .illustrationGalleryDescription h3,.shortFilm h3{font-size:18px;color:#666}.prices h2{font-size:25px}}@media only screen and (max-width:335px){#menu{height:70px}#menu #me{display:none}#menu ul{width:100%}#menu ul li{padding-top:20px}.workTitle{font-size:12px}.subtitle{font-size:17px}@media only screen and (max-width:250px){#menu{height:50px}#menu ul li{padding-top:10px}#menu ul li h1{line-height:16%}#workBlocks .tagLine{margin-bottom:5px}#mail p,#menu ul li a,#menu ul li a:hover,#menu ul li.current a,#workBlocks .tagLine h1,#workBlocks .tagLine h2,.column100 ul li,.illustrationGallery,.illustrationGallery .illustrationGalleryDescription h3,.illustrationGallery h1,.illustrationGallery h3,.illustrationGallery p,.page-header h1,.prices h2,.shortFilm h3,.shortFilm p,.subtitle,p,ul.prices li span{font-size:12px}.page-header{margin-top:20px}.shortFilm h3{margin-top:-12px}.illustrationGallery .illustrationGalleryDescription h3,.page-header h1{margin-bottom:13px}#main .workTitle{font-size:8px}#blankBlock{height:20px}.buttons a{min-height:50px}.buttons h3{width:74px}.esclavas .donateButton,.esclavas .downloadButton,.evangelio .donateButton,.evangelio .downloadButton,.rdl .donateButton,.rdl .downloadButton{background:0 0}}}