.yeseva, #fic .top .right h2, #coc #cic #content .widget h2, #coc #cic #content #comments .comment-form #comment-post-message, body.archive #coc #cic #content h1 { font-family: "Yeseva One", arial, serif; text-transform: uppercase; font-size: 16px; } .josefin, #fic, #menu ul, #coc #cic #content .widget.HTML .widget-content.search input, #coc #cic #content .widget.BlogArchive .widget-content, #coc #cic #content .widget.LinkList .widget-content, #coc #cic #content h3.upper, #coc #pager, #coc #cic #content .post-outer .hentry h3.lower, #coc #cic #content .post-outer .hentry .jump-link, #coc #cic #content .post-outer .hentry .share-comments, #coc #cic #content .post-outer .hentry .photo-container .caption-wrapper .caption-container .caption, .categoria, .botoslider { font-family: "Josefin Sans", georgia, sans-serif; text-transform: uppercase; letter-spacing: 1px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } button, input, select, textarea { font-family: sans-serif; color: #222222; } button:-moz-selection, button:selection, input:-moz-selection, input:selection, select:-moz-selection, select:selection, textarea:-moz-selection, textarea:selection { background: #fe57a1; color: white; text-shadow: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } img { border: 0; -ms-interpolation-mode: bicubic; } label { cursor: pointer; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button { cursor: pointer; -webkit-appearance: button; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; } body * { outline: 0; margin: 0; padding: 0; } body a { text-decoration: none; color: inherit; } body a:hover { text-decoration: underline; } body a:visited, body a:active, body a:hover { color: inherit; } body #coc #cic { font-family: georgia; color: #444444; font-size: 12px; } .footer-icon-sprite, #fic .top .right ul li .footer-icon-bloglovin, #fic .top .right ul li .footer-icon-facebook, #fic .top .right ul li .footer-icon-rss, #fic .top .right ul li .footer-icon-twitter, #fic .top .right ul li .footer-icon-vimeo, #fic .top .right ul li .footer-icon-youtube { background: url("../images/tira-iconos-blanco.png") no-repeat; background-size: cover; } #fic .top { padding-bottom: 8px; border-bottom: 4px solid white; margin-bottom: 28px; overflow: hidden; } #fic .top .left { float: left; } #fic .top .left .footer-links { float:none; width: 720px; left: 50%; margin-left: -360px; position: absolute; top:64px; } #fic .top .left .footer-links a { padding: 8px 34px; display: block; height: 10px; line-height: 10px; } #fic .top .right { float: right; width: 164px; } #fic .top .right h2 { background: url("../images/h2-bg.png") center bottom no-repeat; height: 25px; line-height: 25px; margin-bottom: 13px; } #fic .top .right ul { overflow: hidden; } #fic .top .right ul li { float: left; margin-right: 4px; } #fic .top .right ul li .footer-icon-bloglovin { background-position: 0 -145px; height: 29px; width: 29px; } #fic .top .right ul li .footer-icon-facebook { background-position: 0 -116px; height: 29px; width: 29px; } #fic .top .right ul li .footer-icon-rss { background-position: 0 -29px; height: 29px; width: 29px; } #fic .top .right ul li .footer-icon-twitter { background-position: 0 -87px; height: 29px; width: 29px; } #fic .top .right ul li .footer-icon-vimeo { background-position: 0 0; height: 29px; width: 29px; } #fic .top .right ul li .footer-icon-youtube { background-position: 0 -58px; height: 29px; width: 29px; } #fic .top .right ul li.last { margin-right: 0; } #fic .top .right ul li a { display: block; } #fic .bottom { overflow: hidden; font-size: 10px; } #fic .bottom .left { float: left; text-align: left; } #fic .bottom .copyright { line-height: 29px; } #fic .bottom .right { float: right; width: 164px; } #fic .bottom .right a { background: url("../images/fic-bottom-a-bg.png") no-repeat right center; display: block; padding: 13px 46px 8px 0; height: 8px; line-height: 8px; text-align: right; } #menu ul { background: white; padding-bottom: 39px; font-size: 17px; } #menu ul li { border-bottom: 1px dashed #cccccc; } #menu ul li.categorias { border: none; } #menu ul li a { padding-left: 5px; display: block; height: 30px; line-height: 32px; padding-top: 3px; } #menu ul li a.active, #menu ul li a:hover { background: url("../images/menu-active-bg.png") no-repeat right center; color: black; text-decoration: none; background-size: 8px; background-position: 140px; } #menu ul li a.categorias { background: transparent !important; } #menu ul li.last { border-bottom: 0; } .follow-sprite, #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-bloglovin, #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-facebook, #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-rss, #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-twitter, #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-vimeo, #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-youtube { background: url("../images/tira-iconos-negro.png") no-repeat; background-size: cover;} body.archive .widget.HTML .widget-content.search, body.index .widget.HTML .widget-content.search { display: block; } body.news #content .widget.HTML .widget-content.search { display: none; } #coc #cic #content .widget { margin: 0 0 65px 0; } #coc #cic #content .widget h2 { height: 25px; line-height: 25px; text-align: center; background: url("../images/h2-bg.png") center bottom no-repeat; color: black; font-size: 12px; letter-spacing: 3px; } #coc #cic #content .section { margin: 0; } #coc #cic #content .widget.Gadget { height: auto; } #coc #cic #content .widget.HTML { margin: 0; } #coc #cic #content .widget.HTML .widget-content.search { overflow: hidden; background: #e7e7e7; padding: 3px; margin-top: 50px;} #coc #cic #content .widget.HTML .widget-content.search button { background: url("../images/search-btn-bg.png"); width: 25px; height: 24px; border: 0; float: left; margin-right: 3px; margin-top: 4px; text-indent: -999px; } #coc #cic #content .widget.HTML .widget-content.search input { float: left; width: 106px; height: 11px; font-size: 11px; border: 1px solid #c9cacc; padding: 10px 8px; } #coc #cic #content .widget.HTML .widget-content.follow { text-align: center; padding-bottom: 21px; } #coc #cic #content .widget.HTML .widget-content.follow h2 { margin-bottom: 13px; margin-top: 50px;} #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-bloglovin { background-position: 0 -110px; height: 22px; width: 22px; } #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-facebook { background-position: 0 -88px; height: 22px; width: 22px; } #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-rss { background-position: 0 -22px; height: 22px; width: 22px; } #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-twitter { background-position: 0 -66px; height: 22px; width: 22px; } #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-vimeo { background-position: 0 0; height: 22px; width: 22px; } #coc #cic #content .widget.HTML .widget-content.follow ul li .follow-youtube { background-position: 0 -44px; height: 22px; width: 22px; } #coc #cic #content .widget.HTML .widget-content.follow ul li.last { margin-right: 0; } #coc #cic #content .widget.HTML .widget-content.follow ul li a { display: block; } #coc #cic #content .widget.BlogArchive { background: #e7e7e7 url("../images/archive-bg.png") center top no-repeat; padding-top: 29px; text-align: center; border-bottom: 6px solid black; padding-bottom: 50px; } #coc #cic #content .widget.BlogArchive h2 { margin-top: 35px; margin-bottom: 23px; } #coc #cic #content .widget.BlogArchive .widget-content { width: 72px; margin: 0 auto; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy { text-align: center; background: url("../images/archive-li-bg.png") center bottom no-repeat; color: #444444; margin: 0 0 5px 0; padding: 0 0 5px 0; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy:last-child { background: none; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate { text-indent: 0; margin: 0; padding: 0; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate .toggle, #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate .post-count { display: none; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate .post-count-link { display: block; font-size: 17px; padding: 5px 0; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded { background: none; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded .post-count-link { font-weight: bold; background: #555555; color: white; margin-bottom: 8px; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded .hierarchy { background: none; padding: 0; margin: 0; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded .hierarchy .archivedate { padding: 5px 0; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded .hierarchy .archivedate .post-count-link { font-size: 11px; background: none; color: #444444; display: inline; margin: 0; font-weight: normal; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded .hierarchy .archivedate .post-count { font-weight: normal; font-size: 11px; display: inline; color: #aaaaaa; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded .hierarchy .archivedate.expanded { background: #cccccc; } #coc #cic #content .widget.BlogArchive .widget-content .hierarchy .archivedate.expanded .hierarchy .archivedate.expanded .post-count { color: white; } #coc #cic #content .widget.LinkList .widget-content { text-align: center; margin-top: 18px; } #coc #cic #content .widget.LinkList .widget-content ul { margin: 0; padding: 0; } #coc #cic #content .widget.LinkList .widget-content ul li { height: 20px; line-height: 20px; } #coc #cic #content h3.upper { border-style: solid; background: black; color: white; font-size: 12px; font-weight: bold; height: 25px; line-height: 28px; text-align: center; letter-spacing: 3px; margin: 0 auto; margin-top: 50px; background-clip: content-box; border-width: 0 9px; -moz-border-image: url("../images/h3-bg.png") 2% repeat repeat; -webkit-border-image: url("../images/h3-bg.png") 2% repeat repeat; border-image: url("../images/h3-bg.png") 2% repeat repeat; } .b414 { margin: 4px; border: 1px solid #ccc; padding: 4px; } #coc #cic #content #comments .comments-list { margin: 0; padding: 0; } #coc #cic #content #comments .comments-list li .comment-title { padding-bottom: 4px; margin-bottom: 9px; border-bottom: 1px dashed #cccccc; } #coc #cic #content #comments .comments-list li .comment-title .author { color: #c85e2d; font-size: 14px; font-weight: bold; } #coc #cic #content #comments .comments-list li .comment-title .timestamp { color: #aaaaaa; font-style: italic; } #coc #cic #content #comments .comments-list li .comment-body { margin: 0 0 26px 0; color: #777777; font-size: 12px; line-height: 18px; } #coc #cic #content #comments > .comment-footer { border-top: 4px solid black; margin: 34px 0 0; padding: 3px 0 0; } #coc #cic #content #comments .comment-form { max-width: none; border: 1px dashed #929090; padding: 20px 18px; } #coc #cic #content #comments .comment-form #comment-post-message { height: 25px; line-height: 25px; text-align: center; } #coc #cic #content #comments .comment-form iframe { height: 240px; } #coc #cic #content #comments .comment-form iframe input, #coc #cic #content #comments .comment-form iframe textarea { background: #f0f0f0; border: 1px solid #929090; } body.archive #coc #cic #content .widget.PopularPosts, body.archive #coc #cic #content .widget.LinkList { display: none; } body.archive #coc #cic #content h1 { text-align: center; font-size: 24px; margin: 24px 0; } body.archive #coc #cic #content #archive_list li a { background: url("../images/loading.gif") no-repeat center center; display: block; position: relative; overflow: hidden;} .archive_thumb { background-position: center; width: 100%; height: 100%; display: inline-block; background-size: cover; } div.inflater { padding-top:150%; width: 100%; } #coc #pager li { float: left; height: 18px; line-height: 18px; } #coc #pager li.page-links { width: 266px; text-align: center; } #coc #pager li.page-links a { padding: 0 6px; } #coc #pager li.page-links a.active { font-weight: bold; } #coc #pager li.home, #coc #pager li.archive { width: 160px; } #coc #pager li.newer, #coc #pager li.older { width: 200px; } #coc #pager li.home, #coc #pager li.newer { text-align: left; } #coc #pager li.older, #coc #pager li.archive { text-align: right; } #coc #pager li a { padding: 0 4px; } #coc #pager li a strong { vertical-align: 2px; } .share-sprite, #coc #cic #content .post-outer .hentry .share-comments .buttons a.share .icon, #coc #cic #content .post-outer .hentry .share-comments .buttons a.comments .icon, #coc #cic #content .post-outer .hentry .share-comments .share-links a.twitter .icon, #coc #cic #content .post-outer .hentry .share-comments .share-links a.facebook .icon, #coc #cic #content .post-outer .hentry .share-comments .share-links a.mail .icon { background: url("../images/share-sbf0c9f65d8.png") no-repeat; } .box_rotate90, #coc #cic #content .post-outer .hentry .share-comments .buttons a.share:hover .icon, #coc #cic #content .post-outer .hentry .share-comments.active .buttons a.share .icon { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .box_transition, #coc #cic #content .post-outer .hentry .share-comments .buttons a.share:hover .icon, #coc #cic #content .post-outer .hentry .share-comments.active .buttons a.share .icon { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #coc #cic #content .post-outer { border-bottom: 2px solid #534741; padding-bottom: 3px; } #coc #cic #content .post-outer:last-child { border: 0; } #coc #cic #content .post-outer:last-child .hentry { border: 0; } #coc #cic #content .post-outer .post-labels { display: none; } #coc #cic #content .post-outer .hentry { border-bottom: 1px solid #bfc2bf; } #coc #cic #content .post-outer .hentry .post-body { color: #656565; letter-spacing: 1px; } #coc #cic #content .post-outer .hentry .post-body img { display: block !important; width: 100%; height: auto !important; } #coc #cic #content .post-outer .hentry .post-body a { margin: 0 !important; padding: 0 !important; } #coc #cic #content .post-outer .hentry .post-body a[name=more] { border-top: 1px solid #bfc2bf; border-bottom: 1px solid #534741; height: 3px; display: block; margin: 30px 0 10px !important; text-indent: -999px; width: 100%; } #coc #cic #content .post-outer .hentry .post-body span[style*=large] { color: #999999; font-size: 19px !important; font-style: italic; letter-spacing: 1px; } #coc #cic #content .post-outer .hentry .post-body iframe { margin-bottom: 38px; } #coc #cic #content .post-outer .hentry .post-body .separator { overflow: hidden; clear:none !important;} #coc #cic #content .post-outer .hentry .post-body .tr-caption-container { margin: 0 !important; padding: 0 !important; } #coc #cic #content .post-outer .hentry .post-body .tr-caption-container .tr-caption { display: none; } #coc #cic #content .post-outer .hentry .timestamp { color: #999999; height: 47px; line-height: 47px; text-align: center; font-style: italic; text-transform: capitalize; letter-spacing: 1px; } #coc #cic #content .post-outer .hentry h2.upper, #coc #cic #content .post-outer .hentry h3.upper, #coc #cic #content .post-outer .hentry .jump-link { display: none; } #coc #cic #content .post-outer .hentry h2.upper, #coc #cic #content .post-outer .hentry h2.lower { background: none; color: black; font-size: 32px; height: auto; width: 100%; line-height: 32px !important;} #coc #cic #content .post-outer .hentry h2.upper { padding: 25px 0; } #coc #cic #content .post-outer .hentry h2.lower { padding: 20px 0 12px; } #coc #cic #content .post-outer .hentry h3.lower, #coc #cic #content .post-outer .hentry .jump-link { background: url("../images/dashed-bg.png") no-repeat top center; font-size: 11px; font-weight: bold; padding: 14px 0 0px; text-align: center; width: 100%; color: #4d4d4d; letter-spacing:0.150em;} #coc #cic #content .post-outer .hentry .share-comments .buttons a, #coc #cic #content .post-outer .hentry .share-comments .buttons span, #coc #cic #content .post-outer .hentry .share-comments .share-links a, #coc #cic #content .post-outer .hentry .share-comments .share-links span { text-decoration: none; } #coc #cic #content .post-outer .hentry .share-comments .buttons a { clear: none; line-height: inherit; margin: 0; float: left; display: block; } #coc #cic #content .post-outer .hentry .share-comments .buttons a .icon, #coc #cic #content .post-outer .hentry .share-comments .buttons a .label { float: left; display: block; } #coc #cic #content .post-outer .hentry .share-comments .buttons a .label { padding: 0 22px 0 8px; letter-spacing: 0.270em;} #coc #cic #content .post-outer .hentry .share-comments .buttons a.share .icon { background-position: 0 0; height: 27px; width: 27px; } #coc #cic #content .post-outer .hentry .share-comments .buttons a.comments .icon { background-position: 0 -27px; height: 27px; width: 27px; } #coc #cic #content .post-outer .hentry .share-comments .buttons a:hover { color: black; } #coc #cic #content .post-outer .hentry .share-comments .share-links { color: #999999; line-height: 19px; height: 0px; -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; } #coc #cic #content .post-outer .hentry .share-comments .share-links a { margin-top: 23px; float: left; display: block; } #coc #cic #content .post-outer .hentry .share-comments .share-links a .label { padding: 0 7px; } #coc #cic #content .post-outer .hentry .share-comments .share-links a .icon, #coc #cic #content .post-outer .hentry .share-comments .share-links a .label { float: left; display: block; margin-left: 3px; } #coc #cic #content .post-outer .hentry .share-comments .share-links a.twitter .icon { background-position: 0 -70px; height: 16px; width: 16px; } #coc #cic #content .post-outer .hentry .share-comments .share-links a.facebook .icon { background-position: 0 -86px; height: 16px; width: 16px; } #coc #cic #content .post-outer .hentry .share-comments .share-links a.mail .icon { background-position: 0 -54px; height: 16px; width: 16px; } #coc #cic #content .post-outer .hentry .share-comments .share-links a:hover { color: #444444; } #coc #cic #content .post-outer .hentry .photo-container { position: relative; text-decoration: none; display: block; overflow: hidden;} #coc #cic #content .post-outer .hentry .photo-container .caption-wrapper { position: absolute; bottom: 0; display: block; height: 100%; width: 100%; overflow: hidden;} #coc #cic #content .post-outer .hentry .photo-container .caption-wrapper .caption-container { position: absolute; bottom: 0; background: white; height: 0px; width: 100%; display: block; } #coc #cic #content .post-outer .hentry .photo-container .caption-wrapper .caption-container .caption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: block; color: black; font-size: 10px; text-align: center; background: url("../images/post-img-caption-bg.png") no-repeat center left; height: 40px; line-height: 15px; padding: 20px 80px; } #coc #cic #content .post-outer .hentry .photo-container .caption-wrapper .caption-container .caption br { display: inherit;} #coc #cic #content .post-outer.news .hentry h2.upper, #coc #cic #content .post-outer.news .hentry h3.upper, #coc #cic #content .post-outer.news .hentry .jump-link { display: block; } #coc #cic #content .post-outer.news .hentry h2.lower, #coc #cic #content .post-outer.news .hentry h3.lower { display: none; } body.static_page #coc #cic #content .post-outer .hentry h2.upper { display: block; margin: 137px 0 0 0; border-top: 1px dashed #cccccc; padding: 35px 0 25px; font-size: 24px; letter-spacing: 1px; text-align: left; } body.static_page #coc #cic #content .post-outer .hentry .timestamp, body.static_page #coc #cic #content .post-outer .hentry .share-comments, body.static_page #coc #cic #content .post-outer .hentry h2.lower, body.static_page #coc #cic #content .post-outer .hentry h3.lower, body.static_page #coc #cic #content .post-outer .hentry h3.upper, body.static_page #coc #cic #content .post-outer .hentry .jump-link { display: none; } body.static_page #coc #cic #content .post-outer .hentry .post-body { line-height: 1.5; } body.static_page #coc #cic #content .post-outer .hentry .post-body b { line-height: 1; letter-spacing: 0; padding-bottom: 4px; margin-bottom: -10px; border-bottom: 1px dashed #cccccc; color: #c85e2d; font-size: 16px; font-weight: bold; display: block; } body.static_page #coc #cic #content .post-outer .hentry .post-body a { color: #999999; font-style: italic; } body.static_page #coc #cic #content .post-outer .hentry .post-body ol { list-style: decimal inside none; font-weight: bold; color: black; } body.static_page #coc #cic #content .post-outer .hentry .post-body ol li { margin: 0; } body.static_page #coc #cic #content .post-outer .hentry .post-body ol li span { color: #656565; font-weight: normal; } body #navbar { height: 0px; visibility: hidden; display: none; } #coc { background: white; } #hoc { height: 6px; position: fixed; top: 0; width: 100%; z-index: 999; } #hoc #hic .left, #hoc #hic .center, #hoc #hic .right { height: 6px; float: left; overflow: hidden; } #hoc #hic .left { background: white; margin-right: 93px; width: 160px; } #hoc #hic .center { margin-right: 93px; width: 100%; } #hoc #hic .right { width: 160px; } #content { overflow: hidden; text-align: left; } .status-message { border: 1px solid #cccccc; background: #e7e7e7; padding: 15px; text-align: center; } .status-message a { display: block; margin-top: 10px; text-decoration: underline; } body { margin: 0; padding: 0; background: white; overflow-x: hidden; } #hoc { display: none; } #fic, #hic, #cic { clear: both; margin: 0 auto; } @media (min-width: 1240px) { /* DESKTOP */ #fic, #hic, #cic { max-width: 1440px; min-width: 1240px; } #content .center { margin: 0 320px;} a.archive .flecha { display: none !important; } } @media (max-width: 1240px) { /* TABLET and smaller */ #fic, #hic, #cic { max-width: 1240px; min-width: 768px; } #content .center { margin: 0 320px 0 80px;} #content .left { display: none;} .center div#menu { border-width: 6px 0px 3px 0px; border-style: solid; padding-top: 0px !important; margin-top: 50px; } .center #menu li { float: left; text-align: center; width: 33%; border: none; } .center #menu li a:hover, .center #menu li a.active { background: none; } li.categoria, li.botoslider { display: inline-block; padding: 12px 8px 10px 8px !important; font-size: 13px; } #Label1 .clear { display: none; } #menu ul li a { line-height: 36px; } ul.categorias, .scroller.botoslider { border: solid; border-width: 0 0 1px 0; white-space: nowrap; overflow: hidden;} #coc #cic #content h3.upper { margin-top: 35px; } #menu li.categorias a.categorias { overflow: hidden; } .scroller > .arrow { top: 44%}; @media (min-width: 768px) { /* TABLET BUT NOT MOBILE */ .scroller > .arrow { margin-top: -8px !important; } } } @media (max-width: 768px) { /* MOBILE */ #fic, #hic, #cic { max-width: 768px; min-width: 0px; } #content .center { margin: 0 20px; } #fic > div { margin: 0px 20px !important;} ul#pager { margin: 0px 20px !important;} #content .right { display: none;} .center #logo a.logo { padding-top: 0px; } .center #logo img { width:80px !important; margin-top: 0px; } .center #logo { width: 88px; float:left;} .center div#menu {margin-left: 110px; margin-top:20px; } #coc #cic #content .center #Label1, #archivebar {margin-left: 110px;} #coc #cic #content .center .widget.HTML .widget-content.search { overflow: hidden; padding: 4px; width: 154px; margin: 26px auto 10px; } .center #main { clear: both; } .center #menu ul li a.proyecto {display:none;} li.botoslider { padding: 16px 8px 14px 8px !important; } ul.botoslider { white-space: nowrap; text-align: center; } #Label1 ul.categorias { padding: 23px 0 !important; white-space: nowrap; text-align: center; } .center #menu li { width: 50% !important; } li.categoria { padding: 14px 8px 11px 8px !important; } .scroller > .arrow { top: 50%}; span.flecha.unfolded, a:hover .flecha:not(.unfolded), a .flecha:not(.unfolded):hover { visibility: hidden; } } @media (min-width: 1000px) { .pie1001 { display: block;} .pie999 { display: none;} } @media (max-width: 1000px) { #fic .pie999 { display: block;} #fic .pie999 td:first-child a { text-align: right; } #fic .pie999 .logo.wide { float: none; background: url("../images/footer-logo-wide.png") no-repeat; display: inline-block; width: 225px; height: 22px; } #fic .pie999 .top .left { float: none;} #fic .pie999 .top .right { float: none; margin: 0 auto 20px auto;} #fic .pie999 .top .left .footer-links { width: auto; left: inherit; margin: 0 auto; position: inherit; } #fic .pie999 .top .left .footer-links table { display: inline-block; margin: 20px 0; } #fic .pie999 .top .left .footer-links a { padding: 8px 16px; max-width: 220px; height: 20px; line-height: 15px; } #fic .pie999 .logoec { text-align: center; float: none; width: initial; } #fic .pie999 .logoec a{ display: inline-block; margin-top: 20px; } #fic .pie999 .copyright span { display: block; line-height:14px; } .pie1001 { display: none;} } #foc, #hoc, #coc { width: 100%; text-align: center; } #content .left { position: fixed; z-index: 10;} #content .left, #content .right { width: 160px; margin: 0 80px;} #content .right { float:right;} #logo img { width: 102%; height: auto; margin-left: -3px;} #logo {background: url("../images/menu-bg.png") repeat-x bottom center; padding-bottom: 8px; top: 6px; z-index: 1000; } #coc #cic #content .widget.HTML .widget-content.follow ul { display: table; padding: 0; width:80%; margin: 0 auto !important;} #coc #cic #content .widget.HTML .widget-content.follow ul li { display: table-cell;} li .follow-bloglovin, li .follow-facebook, li .follow-rss, li .follow-twitter, li .follow-vimeo, li .follow-youtube { margin: 0 auto; height: 22px; width: 22px; } #coc #pager { clear: both; overflow: hidden; float: none; font-size: 14px; border-top: 4px solid black; padding: 27px 0 25px 0; margin: 0 80px; background: white;} #fic { padding: 40px 0 60px; } #fic > div { font-size: 12px; margin: 0px 80px;} #foc { background: black; color: white; } #foc, #pager { position:relative; z-index: 9001;} #coc #cic #content .post-outer .hentry .share-comments .buttons, #coc #cic #content .post-outer .hentry .share-comments .share-links { margin-left: 20px; overflow: hidden; } #coc #cic #content .post-outer .hentry .share-comments .buttons { line-height: 27px; width: 350px; } #coc #cic #content .post-outer .hentry .share-comments.active .share-links { height: 42px; } #saw { background: transparent url("../images/saw-bg.png") repeat-x center top; height: 6px; position: fixed; top: 0; width: 100%; z-index: 10000; } #coc #cic #content .post-outer .hentry .share-comments { text-align: center; font-weight: bold; font-size: 7px; display: inline-block; margin: 22px auto 58px; left: 50%; position: relative; margin-left: -127px; width: 260px; } #logo a.logo { display:block; padding-top:48px;} #fic .top .left .logo { float: left; background: url("../images/footer-logo.png") no-repeat; display: block; width: 58px; height: 90px; } #menu {padding-top: 60px;} #menu ul.categorias, #menu ul.botoslider { padding-left: 5px; padding-bottom:0; } #menu ul.categorias li.categoria, #menu ul.botoslider li.botoslider { padding:0; border: none; height:20px; } #menu ul.categorias li.categoria a, #menu ul.categorias li.categoria span, #menu ul.botoslider li.botoslider a, #menu ul.botoslider li.botoslider span { padding:0; letter-spacing:0; font-size:12px; } #coc #cic #content #Label1 { margin:0 0 0 0; /* danger que sea 0? perdemos algun margen?? */ } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } div.categorias{ text-align: center; } span.categoria { background: black; color: white; display: inline-block; margin: 2px 2px; } span.categoria span { border: 1px solid white; margin: 1px; font-weight: bold; font-size: 7px; padding: 6px; display: inline-block; } a .flecha { top: 6px; left: 11px; width: 20px; height: 20px; display: inline-block; position: relative; background-position: 4px 0px; } span.flecha.unfolded, a:hover .flecha:not(.unfolded), a .flecha:not(.unfolded):hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; transition: transform 0.5s ease-out; background: url("../images/menu-active-bg.png") no-repeat center center; background-size: 8px; } div.slidepager { margin-top: 10px; text-align: center; overflow-x: hidden; } .slidepager div { display: inline-block; } .slidethumb .inflater { padding-top:100%; width: 100%; } .slidepager div:hover { border-color: #999; cursor: pointer; } .slidethumb { width:150px; display:inline-block; background-repeat: no-repeat; background-size: cover; background-position: center; } .slidecontainer .bigslide { position:absolute; top:0; left:0; display:inline-block; background-repeat: no-repeat; background-size: cover; background-position: center; } #archive_wrapper { text-align: left; margin-bottom: 60px; } body.archive #coc #cic #content #archive_list { width: 100%; display: inline-block; } body.archive #coc #cic #content #archive_list:after { clear: both; content: ""; display: table; } body.archive #coc #cic #content #archive_list li { display:inline-block; width:25%; } .post-body:not(.campari) br { display: none; } body.index .post-body.campari { text-align: center; } .sliderflecha { width: 30px; height: 20px; background: url("../images/slider-arrow.png") no-repeat center center; background-size: contain; position: absolute; opacity:0.8; } .sliderflecha:hover { cursor:pointer; opacity:1; } .sliderflecha.izq { left: -56px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sliderflecha.der { right: -56px; } .slidethumbswrap { white-space: nowrap; } .slidethumbswrap .b414:last-child { margin-right: 0; } .slidethumbswrap .b414:first-child { margin-left: 0; } .descripcion-cursiva { font-family: georgia !important; text-transform: none !important; letter-spacing: normal !important; font-style: italic !important; font-weight: normal !important; font-size: 14px !important; } li.categoria a:hover { text-decoration: none; } .scroller { overflow: hidden; position: relative; } .scrollable, .scrolling { display: inline-block; position: relative !important; margin: 0 20px; z-index: 1; } .scroller > .arrow { cursor: pointer; display: inline-block; position:absolute; height:20px; width:20px; margin-top: -10px; z-index: 10; background: url("../images/menu-dbl-arrow.png") no-repeat center center; background-size: 20px; } .scroller > .leftarr.arrow { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .scroller > .rightarr.arrow { right: 0;} li.botoslider.year { cursor:pointer; } li.botoslider.year.selected { background: #eee; } .post-outer .comments#comments, .post-outer .comments .comment-footer .comment-form { clear: none; }