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-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } #social-bar{ display: block; overflow: hidden; } #social-bar li{ display: block; float: right; width: 36px; height: 36px; margin-left: 5px; } #social-bar li a{ display: block; width: 100%; height: 100%; } #comments-wrap{ padding-top: 40px; } .heading{ margin-bottom: 21px; } #comments-wrap a{ text-decoration: none; } .comment { border-bottom: 1px #ccc solid; margin: 0 0 18px; padding: 0px; } .commentlist .odd{ } .commentlist .even{ } .v-card{ color: #ccc;} .comment .avatar { float: left; margin: 2px 15px 0 0; height: 60px; width: 60px; } .respond-title-wrap, .comment-title-wrap { border-bottom: 1px solid #484848; padding: 0 0 15px 0; margin: 0 0 30px 0; } #respond-title, #comments, .add-comment-link { font-size: 15px; color: #2c2d31; font-weight: bold; } .respond-caption { font-size: 11px; } .add-comment-link a { font-size: 12px; padding: 0 15px 0 0; } .commentlist { margin: 0 0 30px 0; list-style-type: none; font-size: 13px; } .comment-body{ position: relative; margin-bottom: 20px; } .commentlist ul li { padding: 0 0 0px 0; } .commentlist ul li:first-child .comment-border { border-bottom: 1px #ccc solid; margin: 18px 0 0 0; height: 18px; width: 430px; } .children .comment { border-bottom: none; border-top: 1px #ccc solid; } .children { list-style-type: none; } .children .comment .avatar { height: 35px; width: 35px; } .comment p:last-child { margin: 0; } .comment-author cite a { padding: 0 15px 0 0; color: #2C2D31; } .comment .children li{ background: none no-repeat 10px 40px; } .comment .children .comment-body { margin: 20px 0 0 50px; } .nocomments { text-align: center; padding: 20px; } .comment-body ul { list-style-type: disc; } .comment-body ol { list-style-type: decimal; } .reply { position: absolute; right: 0; top: -5px; } .comment-reply-link { display: block; color: #444; font-size: 11px; background: #eaeaea; padding: 3px 10px; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); -o-box-shadow: 0px 0px 2px rgba(0,0,0,.3); box-shadow: 0px 0px 2px rgba(0,0,0,.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .comment-reply-link:hover{ background: ; color: #fff; } .comment-reply-link-wrap { position: absolute; right: 0; top: -18px; } .comment-meta { margin: 0 0 12px 50px; color: #a4a5aa; font-size: 11px; position: relative; } .children .comment-meta { margin-left: 40px; } .comment-author cite { font-weight: bold; font-style: normal; color: #2C2D31; margin: 0; padding: 0; } .comments-pagination { clear:both; overflow: hidden; padding:20px 0; position:relative; font-size:11px; line-height:13px; margin-bottom: 10px; } .comments-pagination span, .comments-pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; } .comments-pagination a:hover{ color:#fff; background: #000000; } .comments-pagination .current{ padding:6px 9px 5px 9px; background: #000000; color:#fff; } #commentform, #contactForm{ margin-bottom: 18px; color: #484848; } #commentform h4, #contactForm h4{ margin-top: 20px; margin-bottom: 20px; } #contactForm input, #contactForm textarea, #commentform input, #commentform textarea{ padding: 10px 15px; background: #eaeaea; color: #484848; border: 1px solid #ccc; font-size: 13px; font-family: Helvetica, Arial; line-height: 1.5em; overflow: auto; } #contactForm input:focus, #contactForm textarea:focus, #commentform input:focus, #commentform textarea:focus{ background: #fff; -webkit-box-shadow: 0px 0px 3px rgba(234,76,136,.4); -moz-box-shadow: 0px 0px 3px rgba(234,76,136,.4); -o-box-shadow: 0px 0px 3px rgba(234,76,136,.4); box-shadow: 0px 0px 3px rgba(234,76,136,.4); } #contactForm input[type="text"], #commentform input[type="text"]{ overflow: auto; width: 200px; margin-bottom: 20px; overflow: hidden; } #contactForm textarea, #commentform textarea{ width: 90%; height: 230px; } #contactForm input[type="submit"], #commentform input[type="submit"], #contactForm input[type="button"]{ margin: 21px 0px; width: auto; color: #444; font-size: 11px; background: #eaeaea; padding: 3px 10px; border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); -o-box-shadow: 0px 0px 2px rgba(0,0,0,.3); box-shadow: 0px 0px 2px rgba(0,0,0,.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } #contactForm input[type="submit"]:hover, #commentform input[type="submit"]:hover, #contactForm input[type="button"]:hover{ background: #77c7c6; color: #fff; } #contactForm label, #commentform label{ padding-left: 7px; color: #484848; } #respond{ margin: 25px 0 0px 0px; } #respond .cancel-comment-reply a{ float: right; color: #444; text-decoration: none; background: #eaeaea; padding: 3px 10px; border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); -o-box-shadow: 0px 0px 2px rgba(0,0,0,.3); box-shadow: 0px 0px 2px rgba(0,0,0,.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #respond .cancel-comment-reply a:hover{ background: #77c7c6; color: #fff } #error{ margin-left: 10px; } #sent-form-msg{ padding: 5px 10px; margin-bottom: 40px; background: rgba(0, 0, 0, 0.1); color: #444; } .recent-post{ margin-bottom: 21px; overflow: hidden; } .recent-post .thumb{ display: block; float: left; } .recent-post .post-head{ width: 153px; display: block; float: right; } .recent-post span{ display: block; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } .clearfix{ clear:both; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .wrapper{ margin: 0 auto; position: relative; } body{ font-family: Helvetica, Arial, sans-serif; font-size: 13px; } body p{ margin-bottom: 21px; } body a{ text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } #logo{ display: inline-block; padding-top: 5px; padding-bottom: 15px; } #logo:hover{ opacity: 0.8;} h1,h2,h3,h4,h5,h6{ font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-weight: 400; } h1{ font-size: 48px;} h2{ font-size: 36px; } h3{ font-size: 24px; } h4{ font-size: 21px; } h5{ font-size: 18px; } h6{ font-size: 14px; } #main, footer, aside{ line-height: 1.5em; } .wrapper { width: 940px; } .right{ float: right; } .left{ float: left; } .right:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #top-widget-holder, footer, aside{ font-size: 12px; line-height: 1.5em; } .page-heading{ text-align: left; margin-bottom: 15px; background: url(/img/div-line.png) repeat-x center center; } .page-heading span{ padding: 0px 20px; margin-left: 20px; } #top-widget-holder{ z-index: 1000; position: relative; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); -o-box-shadow: 0px 1px 2px rgba(0,0,0,.5); box-shadow: 0px 1px 2px rgba(0,0,0,.5); } #top-widget{ display: none; } #top-widget .padding{ padding-top: 20px; padding-bottom: 30px; } #top-open{ position: absolute; bottom: -42px; right: 0px; display: block; width: 42px; height: 42px; background: url(/img/top-open.png) no-repeat 0px 0px ; text-indent: -9000px; } #top-open.tab-closed{ background-position: -44px 0px; } .widget-cols h4{ margin-bottom: 21px; } .widget-cols>li{ width: 220px; float: left; margin-right: 20px; } .widget-cols>li.fourth-col{ margin-right: 0px; } #comboNav { width: 100%; margin-top: 40px; margin-bottom: 30px; float: left; } nav{ margin-top: 0px; height: 30px; } nav a{ text-decoration: none; } #nav li{ margin-right: 20px; } #nav>li>a{ font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size: 18px; font-weight: 500; display: block; overflow: hidden; padding: 0px 0px 7px 0px; color:#FFFFFF; } #nav>li.current-menu-item>a, #nav>li.current_page_item>a{ border-bottom: solid #ebebe8 5px; } #nav>li ul{ display: block; margin-top: -10px; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); } #nav>li ul li a{ display: block; padding: 15px 20px; display: block; font-size: 11px; text-decoration: none; } #nav>li ul li a span{ display: block; } .breadcrumbs{ position: absolute; overflow: hidden; top: -18px; left: 0px; height: auto; font-size: 11px; } .breadcrumbs a{ text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .breadcrumbs li{ display: inline; } .breadcrumbs li strong{ font-weight: bold; font-size: 21px; } #contactForm{ position: relative; width: 700px; float: left; margin-right: 20px; } #contact-sidebar{ position: relative; width: 350px; float: left; padding: 20px 10px 20px 10px; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); } #sidebar{ position: relative; width: 200px; float: left; padding: 45px 10px 20px 10px; margin-top: -58px; margin-bottom: 40px; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); } #sidebar .block{ margin-bottom: 18px; padding-bottom: 5px; } #sidebar .block:last-child{ border-bottom: none; } #sidebar h4, #contact-sidebar h4{ margin-bottom: 20px; } #sidebar li{ margin-bottom: 7px; } #page-content .portfolio-thumbs figure:not(:has(img)){display:none} #page-content .floated-content>br{display:none} .home-block{ margin-bottom: 20px; } .home-block-heading{ text-align: center; margin-bottom: 40px; background: url(/img/div-line.png) repeat-x center center; } .home-block-heading span{ padding: 0px 20px; } .home-block figure{ float: left; margin-right: 20px; margin-bottom: 20px; position: relative; overflow: hidden; line-height: 1.2em; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2); -o-box-shadow: 0px 0px 2px rgba(0,0,0,.2); box-shadow: 0px 0px 2px rgba(0,0,0,.2); } .home-block figure .thumb{ display: block; } .home-block figure img{ max-width: 100%; opacity: .999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .home-block figure a:hover img{ opacity: 0.1; line-height: 0em; } .home-block figure.last{ margin-right: 0px; } .home-block figcaption{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .no-opacity .home-block figcaption{ display: none; } .no-opacity .home-block figure:hover figcaption{ display: block; } .home-block figure .opener{ display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; } .opacity .home-block figure .opener{ display: none; } .home-block figcaption strong, .home-block figcaption span, .home-block figcaption em{ display: block; margin-left: 17px; margin-right: 17px; } .home-block figcaption strong{ font-weight: bold; line-height: 1.3em; margin-bottom: 7px; margin-top: 17px; } .home-block figcaption span{ font-size: 11px; margin-bottom: 7px; } .home-block figcaption em{ font-size: 11px; font-weight: bold; font-style: normal; position: absolute; bottom: 10px; } .home-block figcaption em{ font-weight: bold; } .one-third-thumbs figure{ width: 300px; } .one-fourth-thumbs figure{ width: 220px; } .more-link{ margin-bottom: 0px; } #main{ padding-top: 40px; background: url(/img/oblique-lines.png) repeat-x; margin-bottom: 60px; } .portfolio-thumbs{ width: 960px; padding-top: 20px; } .portfolio-thumbs figure{ width: 150px; height:120px;} .portfolio-thumbs figure{ float: left; margin-right: 20px; margin-bottom: 20px; position: relative; overflow: hidden; line-height: 1.2em; } .portfolio-thumbs figure .thumb{ display: block; } .portfolio-thumbs figure img{ max-width: 100%; opacity: .999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolio-thumbs figure a:hover img{ line-height: 0em; } .portfolio-thumbs figcaption{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: ; } .portfolio-thumbs figcaption strong, .portfolio-thumbs figcaption span, .portfolio-thumbs figcaption em{ display: block; margin-left: 17px; margin-right: 17px; } .portfolio-thumbs figcaption strong{ font-weight: bold; line-height: 1.3em; margin-bottom: 7px; margin-top: 17px; } .portfolio-thumbs figcaption span{ font-size: 11px; margin-bottom: 7px; } .portfolio-thumbs figcaption em{ font-size: 11px; font-weight: bold; font-style: normal; position: absolute; bottom: 10px; } .no-opacity .portfolio-thumbs figcaption{ display: none; } .no-opacity .portfolio-thumbs figure:hover figcaption{ display: block; } .portfolio-thumbs figure .opener{ display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 999; } .opacity .portfolio-thumbs figure .opener{ display: none; } .project-heading{ margin: 44px 24px 44px 0px; } .project-heading h2{ float: left; margin-right: 20px; } .project-heading .launch{ display: block; float: left; text-decoration: none; padding-top: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .project-description{ float: left; width: 700px; margin-bottom: 70px; margin-right: 20px; } .project-info{ float: left; width: 220px; margin-bottom: 70px; } .project-info strong{ font-weight: bold; } .project-pager{ overflow: hidden; margin: 0px; padding-bottom: 24px; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 24px; } .project-pager a{ text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .project-pager a:hover{ text-decoration: none; } .project-pager .prev-project{ float: left; } .project-pager .next-project{ float: right; } .related-projects{ display: block; width: 940px; padding: 24px 0px 50px 0px; } .related-heading{ font-weight: bold; margin: 0px 0px 24px 0px; } .related-projects .related-list{ display: block; } .related-projects figure{ display: block; float: left; width: 410px; margin-right: 40px; margin-bottom:20px; } .related-projects figure .last{ margin-right: 0px; } .related-projects .thumb{ display: block; margin-bottom: 12px; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); } .related-projects .thumb:hover img{ opacity: 0.15; } .related-projects figure img{ max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #map_canvas{ display: block; height: 300px; width: 100%; margin-bottom: 24px; margin-top: 40px; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); } .map-content{ width:100%; float:left; margin-bottom: 60px; border-bottom: 1px solid #ccc; } .direccion{ background-color:#e2e0d7; padding:10px; width:87%; } .address-block li{ padding-left: 20px; } .address-block .address{ background: url(/img/icon-address.png) no-repeat top left } .address-block .phone{ background: url(/img/icon-phone.png) no-repeat top left} .address-block .mobile{ background: url(/img/icon-mobile.png) no-repeat top left } .address-block .whatsapp{ background: url(/img/what.png) no-repeat top left; } .address-block .email{ background: url(/img/icon-email.png) no-repeat top left } .floated-content, .fullwidth-content{ } .floated-content, #posts-list, #post-content{ position: relative; width: 700px; float: left; margin-right: 20px; } #posts-list .page-heading, .fullwidth-content .page-heading, .floated-content .page-heading{ margin-bottom: 35px; } #posts-list .entry-date{ position: absolute; top: 50px; left: 74px; width: 24px; height: 35px; background: url(/img/date.png) no-repeat; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; } #posts-list .entry-date .number{ font-size: 50px; padding-top: 25px; text-align: center; } #posts-list .entry-date .year{ text-align: center; padding-top: 10px; } #posts-list article{ position: relative; padding-left: 100px; margin-bottom: 40px; } #posts-list .feature-image, #post-content .feature-image{ width: 540px; margin-bottom: 21px; line-height: 0em; } #posts-list .feature-image img, #post-content .feature-image img{ max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #posts-list .post-heading{ margin-bottom: 20px; line-height: 1.0em; } #posts-list .post-heading2{ margin-bottom: 20px; line-height: 1.0em; cursor:pointer; } #posts-list .post-heading3{ margin-bottom: 20px; line-height: 1.0em; } #posts-list .excerpt, #posts-list .read-more{ display: block; margin-bottom: 20px; text-align:justify; } article .meta div{ padding: 15px 10px 15px 30px; float: left; max-width: 170px; } article .meta .comments{ border-left: 1px solid #cecece; border-right: 1px solid #cecece; background: url(/img/icon-comments.png) no-repeat; } article .meta .user{ background: url(/img/icon-user.png) no-repeat; } article .meta .categories{ background: url(/img/icon-tags.png) no-repeat; } article .meta .categories, article .meta .comments, article .meta .user{ background-position: 5px 12px; } .post-content{ margin-bottom: 20px; } .single-post .meta{ margin-bottom: 50px; } .page-navigation{ display: block; margin-left: 160px; margin-bottom: 0px; } .page-navigation a{ display: block; padding: 14px 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.8); } .page-navigation .nav-next{ float: left; } .page-navigation .nav-previous{ float: right; } .pager{ overflow: hidden; display: block; font-size: 11px; margin: 0px 0px 0px 0px; padding-bottom: 70px; } .pager li{ display: block; margin-right: 5px; float: left; } .pager li a{ display: block; width: 100%; height: 100%; text-align: center; text-decoration: none; width: 20px; border: 1px solid #ccc; line-height: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pager .paged{ float:right; font-style:italic; } #slider-holder{ padding-bottom: 50px; } .home-slider{ float: left; } #slider-holder #headline{ position: relative; float: right; width: 260px; min-height: 275px; margin-top: -58px; padding: 20px 20px 20px 20px;; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8); } #headline h1{ margin-bottom: 10px; line-height: 1.0em; } #headline em#corner, #sidebar em#corner{ display: block; position: absolute; top:0px; left: -14px; width: 14px; height: 18px; background: url(/img/sidebar-corner.png) no-repeat; } .consejos{ width:40%; float:left; padding:10px; margin-bottom:40px; border: 1px solid #ccc; } .consejosder{ width:40%; float:right; padding:10px; margin-bottom:40px; border: 1px solid #ccc; } .pieconsejos{ width:89%; background-color:#e2e0d7; padding:5px; } .promociones{ width:29%; height:330px; float:left; padding:10px; margin-right:20px; margin-bottom:40px; border: 1px solid #ccc; } .promocionesder{ width:29%; height:330px; float:right; padding:10px; margin-bottom:40px; border: 1px solid #ccc; } .piepromociones{ width:89%; background-color:#e2e0d7; padding:5px; } #container4 { clear:left; float:left; width:100%; overflow:hidden; } #container3 { clear:left; float:left; width:100%; position:relative; right:25%; } #container2 { clear:left; float:left; width:100%; position:relative; right:25%; } #container1 { float:left; width:100%; position:relative; right:25%; } #col1 { float:left; width:21%; position:relative; left:77%; overflow:hidden; vertical-align: middle; } #col2 { float:left; width:21%; position:relative; left:81%; overflow:hidden; vertical-align: middle; } #col3 { float:left; width:21%; position:relative; left:85%; overflow:hidden; vertical-align: middle; } #col4 { float:left; width:21%; position:relative; left:89%; overflow:hidden; } @media (max-width:782px){ img,svg,video,iframe,embed,object,table,pre{max-width:100%;height:auto} table{display:block;overflow-x:auto} body{overflow-x:hidden} *{overflow-wrap:break-word;word-break:break-word} .item-related img,.post-related img,.list-item img,.item-small img,.item-latest img,.post-thumb img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover!important} } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { } .sf-menu ul { position: absolute; top: -999em; width: 10em; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; } @font-face { font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: url(/assets/fonts/yanonekaffeesatz-v30-3y976aknfjLm_3lMKjiMgmUUYBs04Y8VH-qVHQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Yanone Kaffeesatz'; font-style: normal; font-weight: 400; src: url(/assets/fonts/yanonekaffeesatz-v30-3y976aknfjLm_3lMKjiMgmUUYBs04Y8bH-o.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img {border: 0;} #comboNav { display: none; } .wrapper { width: 940px; -webkit-text-size-adjust: 100%; } @media only screen and (min-width: 768px) and (max-width: 991px) { #nav { display: block; } #comboNav { display: none; } .wrapper { width: 712px; } .home-slider{ width: 712px; } .home-slider-clearfix { clear: both; } #slider-holder #headline{ float:none; width: 672px; padding: 50px 20px 20px 20px; margin-top: 0px; min-height: 100px; border-top: 1px solid #ccc; } #headline em#corner{ display: none; } .widget-cols>li{ width: 160px; float: left; margin-right: 24px; } .recent-post .post-head { width: 95px; } .one-third-thumbs figure { width: 224px; } .one-fourth-thumbs figure{ width: 160px; margin-right: 24px; } .home-block figcaption em, .home-block figcaption span{ display: none; } #sidebar{ position: relative; background: #e2e0d7; width: 532px; float: right; padding: 20px 10px 20px 10px; margin-top: 30px; margin-bottom: 60px; } #sidebar em#corner{ display: none; } #posts-list .feature-image, #post-content .feature-image{ width: 552px; } .portfolio-thumbs{ width: 732px; } .portfolio-thumbs figure{ width: 224px; } .project-description{ width: 528px; margin-right: 24px;} .project-info{ width: 160px; } .related-projects{ width: 712px; } .related-projects figure{ width: 45%; margin-right: 24px; } .related-projects figure.last{ margin-right: 0px; } #contactForm{ width: 528px; margin-right: 24px; } #contact-sidebar{ width: 140px; } } @media only screen and (max-width: 767px) { #nav { display: none; } #comboNav { display: block; } .wrapper { width: 252px; } .page-heading{ text-align: center; background-position: 0px 15px; } .page-heading span{ font-size: 21px; margin-left: 0px; } .home-slider{ width: 252px; } .home-slider-clearfix { clear: both; } .one-third-thumbs figure, .one-fourth-thumbs figure { width: 100%; } #nav>li{ display: block; width: 252px; margin-right: 15px; } #nav>li a{ border-bottom: solid #333 1px; padding: 10px 0px; text-align: center; } #nav>li.current-menu-item>a, #nav>li.current_page_item>a{ border-bottom: solid #333 1px; background: rgba(0,0,0,.2); } #nav>li ul{ float:left; position:relative; width: 100%; } #slider-holder #headline{ float:none; width: 212px; padding: 50px 20px 20px 20px; margin-top: 0px; min-height: 100px; border-top: 1px solid #ccc; } #headline em#corner{ display: none; } #headline h1, .home-block-heading{ font-size: 24px; line-height: 1.2em; margin-bottom: 15px; } .widget-cols>li{ width: 252px; float: left; margin-right: 0px; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 35px; } .widget-cols>li.fourth-col{ border-bottom: none; margin-bottom: 0px; } header .widget-cols>li{ border-bottom-color: #4f4f4f; } #sidebar{ position: relative; background: #e2e0d7; width: 232px; float: right; padding: 20px 10px 20px 10px; margin-top: 30px; margin-bottom: 60px; } #sidebar em#corner{ display: none; } .floated-content, #posts-list, #post-content{ width: 252px; margin-right: 0px; } #posts-list article{ padding-left: 0px; } #posts-list .feature-image, #post-content .feature-image{ width: 252px; } #posts-list .post-heading{ font-size: 24px; } article .meta .comments{ border-left: none; border-right: none; } #posts-list .entry-date{ position: static; width: 100%; height: auto; background: #444; padding: 10px 0px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: center; -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 0px rgba(0,0,0,.2); } #posts-list .entry-date .number{ display: inline; padding-top: 0px; font-size: 12px; } #posts-list .entry-date .year{ display: inline; padding-top: 5px; font-size: 12px; } article .meta div{ padding: 10px 10px 10px 30px; } .heading{ font-size: 21px; } .page-navigation{ display: block; margin-left: 0px; margin-bottom: 60px; } .page-navigation a{ padding: 7px 9px; } .portfolio-thumbs{ width: 100%; } .portfolio-thumbs figure{ width: 100px; } .project-description{ width: 252px; margin-right: 0px;} .project-info{ width: 252px; } .project-heading .launch{ padding-top: 20px; clear: both; } .related-projects{ width: 252px; } .related-projects figure{ width: 252px; margin-right: 0px; margin-bottom: 20px; } .related-projects .heading{ font-size: 13px; } #contactForm{ width: 252px; } #contactForm label, #commentform label{ padding-left: 0px; padding-bottom: 10px; margin-top: -15px; display: block; } #contact-sidebar{ width: 232px; } .consejos{ width: 100%; } .consejosder{ width: 100%; float:right; } .promociones{ width: 100%; height:380px; float:left; } .promocionesder{ width: 100%; height:380px; float:left; } .piepromociones{ width: 77%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .wrapper { width: 436px; } .home-slider{ width: 436px; } .home-slider-clearfix { clear: both; } #slider-holder #headline{ width: 396px; } .widget-cols>li{ width: 436px; float: left; margin-right: 0px; } .recent-post .post-head { width: 372px; } #nav>li{ width: 436px; } #sidebar{ width: 416px; } .floated-content, #posts-list, #post-content{ width: 416px; } #posts-list .feature-image, #post-content .feature-image{ width: 416px; } .portfolio-thumbs{ width: 436px; } .portfolio-thumbs figure{ width: 40%; } .project-description{ width: 436px; margin-right: 0px;} .project-info{ width: 436px; } .related-projects{ width: 436px; } .related-projects figure{ width: 436px; margin-right: 0px; margin-bottom: 20px; } .related-projects .heading{ font-size: 13px; } #contactForm{ width: 436px; } #contact-sidebar{ width: 416px; } .map-content{ width: 100%; } .consejos{ width: 95%; float:left; } .consejosder{ width: 95%; float:left; } .pieconsejos{ width: 77%; } .promociones{ width: 100%; height:380px; float:left; } .promocionesder{ width: 100%; height:380px; float:left; } .piepromociones{ width: 77%; } } @media only screen and (max-width: 360px) { .map-content{ width: 100%; } .consejos{ width: 100%; float:left; } .consejosder{ width: 100%; float:left; } .promociones{ width: 100%; float:left; } .promocionesder{ width: 100%; float:left; } .home-block figcaption span{ font-size: 0.9em; margin-bottom: 7px; } .cabecera{ font-size: 18px; margin-top:35px; } .cab{ width:60% } #posts-list .post-heading2{ font-size:24px; margin-bottom: 20px; line-height: 1.0em; cursor:pointer; } #posts-list .post-heading3{ font-size:24px; margin-bottom: 20px; line-height: 1.0em; } } body{ color: #777; } body, .home-block-heading span, .page-heading span{ background: #fff; } body a{ color: #444; } body a:hover, #top-widget-holder a:hover, #nav>li>a:hover, .project-heading .launch:hover{ color: #999; } h1,h2,h3,h4,h5,h6{ color: #444444; } ::selection {background: #77c7c6; color: #fff; } ::-moz-selection {background: #77c7c6; color: #fff; } img::selection {background: transparent;} img::-moz-selection {background: transparent;} body {-webkit-tap-highlight-color: #77c7c6;} header{ background: #fff url(/img/header.png) bottom left repeat-x; } #top-widget-holder{ background: #333; color: #aaaaaa; } #top-widget-holder h4{ color: #ebebe8; } #top-widget-holder a{ color: #fff; } nav a{ color: #E2E0D7; } #nav>li.current-menu-item>a, #nav>li.current_page_item>a{ color: #E2E0D7; } #nav>li ul{ background: #77c7c6; } #nav>li ul li a{ color: #717171; } #nav>li ul li a:hover, #nav>li ul li:nth-child(even) a:hover{ background: #77c7c6; color: #fff; } #nav>li ul li:nth-child(even) a{ background: #333333; } .breadcrumbs{ color: #444; } .breadcrumbs a{ color: #888; } #contact-sidebar{ background: #e2e0d7; } #sidebar{ background: #e2e0d7; } #sidebar .block{ border-bottom: 1px solid #bcbcba; } .home-block figcaption{ background: #77c7c6; color: #f1f1f1; } .portfolio-thumbs figcaption{ background: #77c7c6; color: #f1f1f1; } .project-heading .launch{ color: #888; } .project-info strong{ color: #444; } .project-pager a{ color: #444; } .project-pager a:hover{ color: #77c7c6; } .related-heading{ color: #444; } .related-projects .thumb{ background: #77c7c6 url(/img/plus.png) center center no-repeat; } article .meta{ border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; overflow: hidden; } #posts-list .entry-date{ color: #f1f1f1; } .page-navigation a{ background: #444 url(/img/noise.png) repeat; color: #f1f1f1; } .page-navigation a:hover{ background: ; color: #fff; } .pager li a{ color: #444; } .pager li:hover a{ color: #fff; background: ; } .pager li.active a{ background: #444; color: #fff; } #slider-holder #headline{ background: #FFF; } footer .wrapper{ background: url(/img/footer.png) repeat-x top center; } .footer-bottom{ border-top: 1px solid #ccc; } #home-nav a#pull,.mobile-nav-toggle{display:none} @media (max-width:600px){.left,.flexslider{float:none!important;width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} .left img,.flexslider img{max-width:100%!important;height:auto!important}} @media (min-width:601px) and (max-width:1024px){ #main>.wrapper{box-sizing:border-box;padding-left:16px!important;padding-right:16px!important} } @media (max-width:767px){ #main>.wrapper{box-sizing:border-box;padding-left:12px!important;padding-right:12px!important} .mobile-nav{height:auto!important;background:#efb400!important;border-bottom:0!important} .mobile-nav #combo-holder{display:none!important} .mobile-nav ul#nav{display:none;width:100%;height:auto;margin:0;padding:0} .mobile-nav ul#nav li{display:block;float:none;width:100%;height:40px!important;position:relative} .mobile-nav ul#nav li a{display:block;width:100%;height:40px!important;box-sizing:border-box;text-align:left;text-indent:25px;line-height:40px!important;padding:0!important;background:#efb400!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.35)} .mobile-nav ul#nav li.current-menu-item a{background:#cfcfcf!important;color:#fff!important} .mobile-nav .mobile-nav-toggle{display:block!important;width:100%;height:40px;line-height:40px;color:#fff;text-align:left;text-indent:25px;text-decoration:none;position:relative;font-size:0;background:#efb400} .mobile-nav .mobile-nav-toggle:before{content:"Menu";font-size:12px} .mobile-nav .mobile-nav-toggle:after{content:"";width:18px;height:14px;display:inline-block;position:absolute;right:15px;top:13px;background:linear-gradient(to bottom,currentColor 0 2px,transparent 2px 6px,currentColor 6px 8px,transparent 8px 12px,currentColor 12px 14px)} .sidebar,#sidebar .block{font-size:13px!important} #sidebar{float:none!important;width:100%!important;box-sizing:border-box;margin:20px 0 0!important;padding:20px 12px!important} .promociones,.promocionesder{width:100%!important;max-width:100%!important;box-sizing:border-box;float:none!important;left:auto!important} textarea.inputTextarea{width:100%!important;max-width:100%!important;box-sizing:border-box} .consejos,.consejosder{width:100%!important;max-width:100%!important;box-sizing:border-box;float:none!important} .homepage_widgets img[src*="iconos/"]{width:77px!important;height:77px!important;max-width:77px!important} }