/*--------------------------------------------------------------------------- General --------------------------------------------------------------------------*/ html, body {height:100%;} .fl {float: left;} .fr {float: right;} .align-left {text-align: left;} .align-right {text-align: right;} .m0 {margin:0px!important;} .p0 {padding:0px!important;} .boxed-layout img, .boxed-layout iframe, .boxed-layout .image_styled, .boxed-layout object { max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .post-full-thumb img, .post-thumb img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } img.marco, div.marco { border: 1px solid #bbbaba !important; padding: 6px !important; } .style-navigation-preview .wpv-caption .helper-caption-1 strong { color: #e1bf47 !important; } /*--------------------------------------------------------------------------- Forms --------------------------------------------------------------------------*/ .input-holder, .dynform p, .form-input { position: relative; margin: 3px 0px; } label { display: inline !important; width: auto !important; float: none !important; /* float: left; width: 100%; */ } input[type=text], input[type=email], input[type=password] { height: 17px; padding: 9px 7px 7px 7px; width: 75%; } input[name=s] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 85px; padding-left: 9px; height: 33px; width: 100% !important; } input[type=radio], input[type=checkbox] { margin-right: 5px; } .ie7 input[name=s] { padding-right: 0 !important; padding-left: 0 !important; height: 17px !important; } .page-404 input[name=s] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[name=s].adminbar-input { width: 140px !important; } textarea { min-height: 120px; margin-bottom: 6px; width: 100%; padding: 3px 0px; text-indent: 5px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } .searchform {position: relative} input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { font-style: normal !important; } .small-btn, .widget_search input[type=button], .widget_search input[type=submit] { position: absolute; right: 3px; top: 3px; } .small-btn { right: 2px; } .button, input[type=button], input[type=submit] { padding: 10px 25px; height: 20px; display: inline-block; text-align: center; cursor: pointer; overflow: hidden; background: #8D8B84 url('../images/boton_bg.gif') 10% center no-repeat !important;; text-transform: none !important; font-size: 24px; text-shadow: none !important; } .button.small { padding: 5px 20px; height: 22px; } .button.medium { padding: 5px 30px; height: 35px; } .button.large { padding: 10px 30px; height: 24px; } input[type=button], input[type=submit] { height: 36px; } input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: 0; padding: 0; } .contact_form input[type=submit]::-moz-focus-inner { margin-top: -1px; } .grid_364 input[type=text] { max-width: 344px; width: 100%; } .dynform input[type=text], .contact-form input[type=text], #commentform input[type=text], input[type=email], input[type=password] { max-width: 300px; width: 100%; margin-bottom: 6px; } footer.main-footer input[type=button], footer.main-footer input[type=submit], .widget_search input[type=button], .widget_search input[type=submit] { height: 27px; padding: 0px 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; } .wpcf7-not-valid { border-color: #FF0000 !important; } div.wpcf7-response-output, span.wpcf7-not-valid-tip { left: 0 !important; position: relative !important; margin-left: 0 !important; color: #FF0000 !important; margin: 0 !important; padding: 0 !important; display: block; background-color: #fff; border: 0 !important; } div.wpcf7-mail-sent-ok { color: #060 !important; } /*--------------------------------------------------------------------------- Main Header --------------------------------------------------------------------------*/ header.main-header { text-transform: uppercase; } header.main-header, .fixed-header-box { width: 100%; } header.main-header .container_16 { position: relative; height: 100%; } header.main-header .container_16 > div { height: 100%; } .fixed-header .fixed-header-box { position: fixed; z-index: 1001; top: 0px; } .fixed-header.admin-bar .fixed-header-box { position: fixed; z-index: 1001; top: 28px; } .boxed.fixed-header .fixed-header-box { width: auto; margin-left: 0px; padding: 0; } .boxed.fixed-header .main-header { padding: 0 0px; } .boxed.fixed-header .top-nav-box { padding: 0 20px; background: red; } .logo { width: 100%; height: 100%; vertical-align: middle; display: table-cell; position: relative; top: 3px; filter: none !important; } .logo:hover { filter: none !important; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .logo img { border: 0 !important; padding: 0 !important; filter: none !important; width: 100% !important; /* For FF only */ } @media screen and (-webkit-min-device-pixel-ratio:0) { .logo img { width: auto !important; max-width: 100% !important; } } .ie7 .logo img, .ie8 .logo img, .ie9 .logo img, .ie10 .logo img { width: auto !important; max-width: 100% !important; } .menu ul {} nav .menu ul li ul { margin-top: 0px; } nav ul { float: right; z-index: 9999; } nav ul li { float: left; padding-right: 15px; position: relative; margin-bottom: -1px; } nav ul li a { margin-bottom: 0px !important; } .classic nav ul li a { margin-bottom: -2px !important; } nav ul li .sub-menu, nav ul li ul { border-top: 1px solid transparent; margin-top: -1px !important; } .classic nav ul li .sub-menu, .classic nav ul li ul { margin-top: 0px !important; } nav ul li:last-child {padding-right: 0px} nav ul li.hover, nav ul li:hover { position: relative; } nav ul li a { display: inline; /*height: 22px;*/ border-bottom: none; overflow: hidden; /*padding: 0px 0px 30px 0px;*/ letter-spacing: -1px; } nav ul li a:hover { border-bottom: none !important; } nav ul li.hover a { border-bottom: none !important; } nav ul li.current_page_item a, nav ul li.current_page_item a:hover { border-bottom: 3px solid !important; } nav ul ul { /*width: 250px;*/ display: none; position: absolute; /*top: 100%;*/ top: 48px; left: 0; margin-top: -2px; } nav ul ul ul { margin-top: 0px; } nav ul ul li { float: none; height: auto !important; line-height: 2em !important; margin: 0px; padding: 0px; } nav ul ul li a { width: 100% !important; /*146px;*/ height: auto !important; line-height: 2em !important; padding: 3px 7px; border-right: none; display: block; overflow: hidden; /*margin: -9px 0px !important;*/ margin: 0px !important; white-space: nowrap; /* If it's commented the longer titles're going to be on 2 lines */ } nav ul ul ul { left: 100%; top: 0; z-index: 1001; } nav ul li:hover > ul { display: block; } nav ul ul ul li { display: block !important; } /* Main nav */ .main-nav { position: absolute; right: 0; top: 50px; } /* Top nav */ .top-nav-box { background: #fff; } .top-nav { position: absolute; right: 55px; top: 10px; } .top-nav ul, .top-nav ul li, .top-nav ul li a { height: 30px !important; line-height: 30px !important; margin: 0px; font-size: 10px; z-index: 2; padding: 0; } .top-nav ul li, .top-nav ul li a { cursor: pointer; } .top-nav ul { float: left; } /* .top-nav ul li { margin-right: -8px; } */ .top-nav ul li a { padding: 0px 10px; margin: 0px 3px; border-radius: 0px 0px 1px 1px; } .top-nav ul li a:hover { border: 0 !important; } /* ----------------------------------------- Slider ----------------------------------------- */ .header-slider-wrapper { width: 100%; position: relative; z-index: 1; overflow: hidden; margin: 0 auto; padding-bottom: 0px; } .boxed .header-slider-wrapper.halfwidth, .header-slider-wrapper.halfwidth { width: 940px !important; } /* .dgrid.halfwidth { width: 940px !important; margin: 0 auto; padding: 0; } */ .boxed .dgrid { background: none; } .boxed .header-slider-wrapper.style-side-caption { width: 940px; padding: 30px 30px 0 30px !important; } .header-slider-wrapper.style-side-caption { width: 940px; padding-top: 0px !important; } .header-slider-wrapper.halfwidth { padding-top: 30px; position: relative; float: none; z-index: 1; } .header-slider-wrapper.halfwidth.style-navigation-preview .wpv-caption { top: 30px; } .boxed-bgr { display: none; } .boxed .header-slider-wrapper.halfwidth { padding: 30px 30px 0 30px; } /*--------------------------------------------------------------------------- Header widget areas --------------------------------------------------------------------------*/ #header-sidebars { margin: 0px 10px -5px 10px; padding-bottom: 32px; } /*--------------------------------------------------------------------------- Content --------------------------------------------------------------------------*/ #main { padding-top: 30px; padding-bottom: 53px; } .no-header-sidebars.has-page-header #main { padding-top: 20px; } .page-wrapper { padding: 0 10px; width: 940px; } /* .page-wrapper.clearfix { border: 1px solid red; } */ /* .has-header-sidebars .page-wrapper { padding-top: 36px; } */ .has-header-sidebars #header-sidebars { margin-bottom: 36px !important; } .page-wrapper > .page-wrapper { padding: 0px; } .loop-wrapper:first-child { margin-top: -32px; } .no-page-header .loop-wrapper:first-child { margin-top: -32px; } .has-header-slider.no-header-sidebars.no-page-header .loop-wrapper:first-child { margin-top: 0; } .has-header-sidebars.no-page-header .loop-wrapper:first-child { margin-top: -32px; } .sep { max-width: 960px; height: 12px; margin: 20px auto 25px auto; clear: both; } .page-wrapper .sep {} .sep.fix100 { width: 100% !important; } .grid_600 .sep { height: 48px; } .mfix { top: -13px; position: relative; margin-bottom: -14px; } .sep-2 { background: #aaa; width: 100%; height: 1px; margin: 24px 0px 20px 0px !important; font-size: 1px; float: none; clear: both; } .shadow, .sep-3 { width: 100%; height: 21px; display: block; margin: 0; } .ie9 .shadow { width: auto !important; } .slider-shadow { /* helpers */ background-position: center bottom !important; background-size: auto !important; width: 960px; margin: 0px auto; height: 10px; display: block; position: relative; zoom: 1; margin-bottom: -10px !important; display: none; position: relative; top: -2px; } .has-header-slider .slider-shadow { display: block; } .more-btn { height: 19px !important; line-height: 1em !important; padding-right: 25px; border: 0px !important; display: inline-block; position: relative; top: -1px; } .portfolios .more-btn { position: relative; top: -5px; margin-top: 0; } .portfolio_desc .more-btn { bottom: 24px !important; } .slogan .button-wrp { float: left; } .quote { width: 100%; height: 100%; position: relative; } .bquote { padding: 20px; position: relative; z-index: 2; top: 0px; left: 0px; } .quote-pad { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; margin-bottom: 36px; /* :after bottom value */ } .quote-pad:after { content:""; position:absolute; bottom:-36px; /* value = - border-top-width - border-bottom-width */ left:0px; /* controls horizontal position */ border-width:36px 36px 0px 0px; /* vary these values to change the angle of the vertex */ border-style:solid; display:block; width:0; } /* ----------------------------------------- Services / Projects listing ----------------------------------------- */ .projects .grid_4, .projects .grid_8, .projects .grid_11 { margin-bottom: 12px; } .thumbnail { display: block; position: relative; } .thumbnail, .thumbnail:hover { border: none; } .thumbnail {} .thumbnail-url { width: 100%; height: 100%; display: block; border: 0px none !important; } .thumbnail-pad { display: block; width: 100%; position: absolute; left: 0px; bottom: 5px; z-index: 2; } .thumbnail-pad span { display: block; padding: 10px; margin: 0px 5px; } .thumbnail img, .size-thumbnail img, .frame, .frame-fl iframe, .image_styled img { display: block; padding: 3px; padding: 4px; overflow: hidden; position: relative; left: 0px; bottom: 0px; z-index: 1; } .graphic-label-big { width: 58px; height: 49px; display: block; position: absolute; right: -2px; bottom: -3px; z-index: 2; } .graphic-label { width: 41px; height: 35px; display: block; position: absolute; right: -2px; bottom: -3px; z-index: 2; } .info-pad { background: rgba(255,255,255,0.8); z-index: -1; position: absolute; display: block; height: 100%; overflow: hidden; left: 0; right: 1px; } .thumbnail:hover .info-pad, li:hover > .thumbnail > .info-pad { display: block; z-index: -1; } .info-pad .info { margin: 10px; display: block; overflow: hidden; } .info-pad .category { width: 100%; display: block; float: left; margin-top: 12px; font-size: 18px !important; } .info-pad .title { color: #353535; width: 100%; display: block; float: left; font-size: 38px !important; line-height: 35px; } .info-pad .description { width: 100%; margin-top: 10px; float: left; font-style: normal !important; font-size: 13px !important; line-height: 12px !important; } .partner { width: 170px; height: 110px; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #d5d5d5; } .partner img { vertical-align: middle; } .partner-box { margin-bottom: 20px; } /* ----------------------------------------- Info snippet ----------------------------------------- */ .info-snippet {} /* ----------------------------------------- 2 Column Page Structure ----------------------------------------- */ .page-header { padding: 0px; margin-top: 0px; margin-bottom: 0px; clear: both; } .page-header h1 { margin-bottom: 20px; letter-spacing: -4px; } .page-header .description { width: 700px; padding-bottom: 17px; } /* ----------------------------------------- Text Content ----------------------------------------- */ blockquote, code, .wire-pad, .form-submit { position: relative; /* padding: 20px 20px 10px 20px; */ padding: 20px; z-index: 1; margin-bottom: 8px; } blockquote { padding: 20px 80px 20px 20px; } .wire-pad, .form-submit { padding: 10px; margin-bottom: 0px; clear: both; } .wire-pad.share-btns { margin-top: 20px; clear: both; float: left; } .wire-pad.share-btns.alignnone { margin: 20px 0px 0px 0px !important; } blockquote:before, code:before, .wire-pad:before, .form-submit:before { width: 100% !important; height: 100%; display: block; position: absolute; left: 0; top: 0; content: ""; z-index: -1; } code { margin: 0px; padding: 20px; display: block; } .toggle_content code { margin-left: -12px; margin-bottom: -20px; } code:before { } .quote-post-format blockquote { margin: -5px 20px 10px 0px; } .standard-post-format blockquote { /* margin-left: -100px; */ } .aside-post-format { margin-top: -8px; } .image-post-format img:last-child { margin: 0px !important; } .post-content, .post-video, .post-full-thumb, .post-audio { margin-right: 0; width: 100%; } .post-video, .post-full-thumb, .post-audio { margin-bottom: 18px; } .video-post-format .post-content, .video-post-format .entry-utility, .audio-post-format .post-content, .audio-post-format .entry-utility, .fullimage-wrapper .post-content, .fullimage-wrapper .entry-utility { float: none; } .video_frame iframe { float: left; } .post-content.no-image { margin-top: -2px; } /* ----------------------------------------- Toggle ----------------------------------------- */ .toggle_title { margin: 0px !important; float: left; clear: both; display: block; } .toggle_title:last-child {} .toggle_content { float: left; clear: both; margin: 10px 10px 10px 13px; padding: 10px; border: 1px solid #cfcfcf; } .toggle-ul { margin: 0px; } .toggle-ul li:last-child { margin-bottom: 10px; } /* ----------------------------------------- Accordion ----------------------------------------- */ .accordion .tab { position: relative; margin-bottom: 0 !important; padding: 0; border: 0; } .accordion .tab .inner { padding: 10px; margin: 0px; z-index: 2; } .accordion .tab .ui-icon { width: 8px; height: 9px; display: block; position: absolute; right: 12px; top: 16px; } .accordion .pane .inner { padding: 15px 10px 10px 10px; z-index: 1; position: relative; } /* ----------------------------------------- Accordion - Mini ----------------------------------------- */ /* .accordion.mini .tab .inner { margin: 0px; padding: 5px 5px 5px 0px; } .accordion.mini .tab .ui-icon { width: 8px; height: 9px; margin: 6px 5px 0px 0px; display: block; float: left; } .accordion.mini .pane .inner { margin: 0px 10px 5px 13px; padding: 0px 0px 10px 0px; } */ /* ----------------------------------------- Tabs ----------------------------------------- */ .tabs .ui-tabs-nav { width: 100%; float: left; margin: 0px; padding: 0px; list-style: none; } .tabs .ui-tabs-nav li { float: left; display: block; margin: 0px; padding: 0px; margin-right: 2px; } .tabs .ui-tabs-nav li a { padding: 10px 15px; display: block; } .tabs .ui-tabs-nav .ui-state-active a, .tabs .ui-tabs-nav .ui-state-selected a { margin-bottom: -1px; position: relative; padding-top: 11px; } .tabs .pane { clear: both; padding: 10px 10px 0px 10px; } .tabs.vertical .ui-tabs-nav { width: 30%; float: left; } .tabs.vertical .ui-tabs-nav li { float: none; } .tabs.vertical .ui-tabs-nav .ui-state-active a, .tabs.vertical .ui-tabs-nav .ui-state-selected a { margin-bottom: 0px; position: relative; } .tabs.vertical .pane { clear: none; float: left; width: 67%; margin-left: -3px; } .tabs.vertical .ui-tabs-nav li:last-child a { margin-bottom: 18px; } .ui-tabs-hide { display: none; } /* ----------------------------------------- Tables ----------------------------------------- */ table { width:100%; border-collapse: collapse; border-spacing: 0; } thead th { padding: 10px; vertical-align: bottom; text-align: left; padding: 15px 10px 10px 10px; } th, td, caption { padding: 10px; } /* ----------------------------------------- Styled boxes ----------------------------------------- */ .msgbox.info, .msgbox.success, .msgbox.error, .msgbox.notice, .unapproved { padding: 6px 8px; } .info { margin: 0px; } .unapproved { margin: 2px 0px 5px 0px; display: inline-block; } .framed_box { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 10px 0; } .framed_box { border: 5px solid #fff; } .framed_box.rounded, .framed_box.rounded > .framed_box_content { -moz-border-radius: 5px; border-radius: 5px; } .framed_box_content { padding: 10px; } /* ----------------------------------------- Page Services ----------------------------------------- */ .item { margin-top: 24px; } .item:first-child { margin-top: 0px; } .item:last-child { padding-bottom: 0px; } .services:first-child { /* margin-top: -4px; */ } .services h3 { line-height: 1em !important; } .services:last-child { margin-bottom: 0; } .services .more-btn { clear: both; display: block; float: left; margin-top: 10px; margin-bottom: 0; } /* .services > .thumbnail, */ .services > .shadow { margin-bottom: 0px !important; } /* ----------------------------------------- Pagination ----------------------------------------- */ .pagination ul { float: left; list-style: none; margin: 0; position: relative; width: 100%; } .pagination > ul { margin-bottom: 24px; } .pagination:last-child > ul { margin-bottom: 0; } .portfolios .pagination > ul { margin-bottom: 24px !important; } .pagination ul li { float: left; margin-right: 1px; padding-bottom: 0; } .pagination ul li a { display: block; padding: 3px 10px; } .pagination ul li.current { display: inline-block; padding: 3px 10px; } .pagination ul li a.prev-btn, .pagination ul li a.next-btn, .prev-btn a, .next-btn a { margin: 4px; padding: 0; } .prev-btn a, .next-btn a { padding-top: 1px !important; } .pagination ul li a.prev-btn, .prev-btn a { padding-left: 24px !important; } .pagination ul li a.next-btn, .next-btn > a { padding-right: 24px !important; text-align: right; } .pagination > ul > li { padding: 10px 0 0 0; /* width: 300px; */ } .pagination > ul > li.middle { margin: 0 20px; } .pagination > ul > li.middle:first-child { margin-left: 0; } .pagination ul li.middle { text-align: center; } .pagination ul li ul { float: none; margin: 0 auto; width: 150px; } .pagination .next-btn, .pagination .prev-btn { margin-bottom: 0; padding-bottom: 0; } /* ----------------------------------------- Sortable ----------------------------------------- */ .sort_by_cat { float: right; margin-bottom: 15px; } .sort_by_cat .cat { padding: 0px 10px 1px 10px; } .sort_by_cat .cat:last-child { padding-right: 0px; } .portfolios > ul { margin: 0; } .portfolios > ul >li { float: left; list-style: none; margin: 0 20px 20px 0; position: relative; } .portfolios > ul > .last { margin-right: 0; } .more-btn.inside { position: absolute; top: auto; height: 20px; bottom: 8px; left: 12px; z-index: 6; display: none; text-shadow: none; } .more-btn.inside * { text-shadow: none; } .portfolio_image .thumbnail:hover .more-btn.inside { display: block; } /*--------------------------------------------------------------------------- GLOBAL STUFF --------------------------------------------------------------------------*/ .widget { padding: 0 0 30px 0; margin-bottom: 30px; } .widget:last-child { background: transparent; padding-bottom: 0; margin-bottom: 0; border-bottom: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } aside.left { float: left; margin-right: 20px; min-height: 1px; position: relative; } aside.right { float: right; margin-left: 20px; min-height: 1px; position: relative; } aside.left .widget:last-child, aside.right .widget:last-child { margin-bottom: 0; } .left-right, .left-only, .right-only { float: left; } .team-member {margin-bottom: 14px} .team-member .description { display: block; clear: both; margin-top: -5px; margin-bottom: 10px; } .team-member .description:empty {display: none} .team-member-info > div {margin-bottom: 2px} .team-member-info > div:last-child {margin: 0px} .team-member-wrapper { display: block; float: left; clear: both; position: relative; width: 100%; } /*--------------------------------------------------------------------------- jQuery Scripts --------------------------------------------------------------------------*/ /* ----------------------------------------- Anything Slider - Image only ----------------------------------------- */ .slider-content { position: relative; } .slider-content .shadow, .slider-content .sep-3 { position: relative; bottom: 60px; } .slider-content div.anythingSlider { display: block; width: 940px; height: 300px; } .anythingSlider .sep { position: absolute; bottom: -26px; z-index: 1; } .anythingWindow { position: relative; z-index: 2; } .anythingControls { position: relative; z-index: 3; } div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a { width: 13px; height: 15px; padding: 0px; display: block; float: left; } /* Custom */ .curl { width: 146px; height: 95px; display: block; position: absolute; left: -9px; top: -5px; z-index: 3; background: url(../images/curl.png) no-repeat; } /* ----------------------------------------- Anything Slider - Portfolio ----------------------------------------- */ .slider-portfolio { height: 400px; position: relative; } .slider-portfolio h2 { margin-top: 0px; } .slider-portfolio div.anythingSlider { display: block; width: 940px; height: 320px; } .project-preview-pad { width: 640px; height: 322px; float: left; margin: 0px; position: relative; } .project-preview-pad img { width: 640px; height: 300px; position: absolute; } .project-preview-pad .shadow, .project-preview-pad .sep-3 { position: absolute; bottom: 0px; } .project-preview-pad .graphic-label-big { bottom: 19px; } .type-portfolio .portfolio_image_wrapper { float: left; } .portfolio-small { margin: 10px 0 0 10px; border-bottom: 0; display: inline-block; } .ie8 .portfolio-small { width: 125px; } .portfolio-small:hover { border-bottom: 0; } .portfolio-small.first-in-line { margin-left: 0; } .project-info-pad { width: 260px; height: 260px; float: left; padding: 20px; position: relative; overflow: hidden; } .project-info-pad.folio { width: 280px; padding: 20px 0px; margin-left: 20px; margin-top: 1px; } .project-info-pad.single { height: auto; } .project-info-pad .more-btn { position: absolute; top: auto; bottom: 18px; } /* ----------------------------------------- Anything Slider - Sidebar ----------------------------------------- */ .slider-sidebar { height: auto; position: relative; } .slider-sidebar ul { list-style: none; } .slider-sidebar.big div.anythingSlider { height: 370px; padding: 0px; } .slider-sidebar.medium div.anythingSlider { height: 300px; padding: 0px; } .slider-sidebar.small div.anythingSlider { height: 200px; padding: 0px; } .slider-sidebar.big ul li img { max-width: 290px !important; max-height: 360px !important; } .slider-sidebar.medium ul li img { max-width: 290px !important; max-height: 290px !important; } .slider-sidebar.small ul li img { max-width: 290px !important; max-height: 190px !important; } .slider-sidebar .thumbNav { position: absolute; left: 37%; bottom: 8px; z-index: 5; } /* ----------------------------------------- Anything Slider - Slider columns ----------------------------------------- */ .slider-items { position: relative; } .slider-items .grid_172.main { position: relative; padding-bottom: 30px; } .slider-items div.anythingSlider { width: 767px; min-height: 110px; height: 110px; /* TEMPORARY */ padding: 0px !important; float: right; } div.anythingSlider .arrow, .slider-items .arrow { display: block; position: absolute; bottom: 0px; z-index: 3; } div.anythingSlider .arrow a, .slider-items .arrow a { width: 20px; height: 20px; display: block; } div.anythingSlider .arrow.back, .slider-items .arrow.back { left: 50%; margin-left: -22px; } div.anythingSlider .back a, .slider-items .back a { } div.anythingSlider .arrow.forward, .slider-items .arrow.forward { right: 50%; margin-right: -22px; } /* ----------------------------------------- Anything Slider - Twitter widget ----------------------------------------- */ .twitter_wrap { position: relative; } .twitter_wrap:last-child { background: none; } .twitter_wrap div.anythingSlider { padding: 0px !important; float: right; } .twitter_wrap .arrow { display: block; position: absolute; bottom: 0px; z-index: 3; } .twitter_wrap .arrow a { width: 20px; height: 20px; display: block; } .twitter_wrap .arrow.back { left: 50%; margin-left: -22px; } .twitter_wrap .back a {} .twitter_wrap .arrow.forward { right: 50%; margin-right: -22px; } /* Twitter Widget Styling */ .tweet_list { margin: 0px; padding: 0px; list-style: none; } .tweet_list li { width: 100%; padding: 10px 0px; float: left; } .tweet_list li.tweet_first { padding-top: 0; } .tweet_user, .tweet_text, .tweet_time { width: 100%; float: left; margin-bottom: 5px; } .tweet_text { width: auto; float: none; } .tweet_time { margin: 0px; } .tweet_avatar { float: left; width: 50px; margin-right: 10px; border: 0px !important; } /* Posts widget */ .posts_list li { width: 100%; float: left; clear: both; } .posts_list li .thumbnail { float: left; margin-right: 10px; } .ie8 .posts_list li .thumbnail { width: 50px; } .posts_list .title { display: inline-block; margin-bottom: 5px; } .posts_list .title a { font-size: 14px; } .posts_list .post_extra_info { box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 60px; } .posts_list .post_extra_info.nothumb { margin-left: 0; } .posts_list .sep { margin: 14px 0 10px 0; } /* Flickr widget */ .flickr_badge_image { float: left; margin-right: 5px; } .ie8 .flickr_badge_image { width: 75px; } /* Ad widget */ .wpv_advertisement img { max-width: 100%; } /* ----------------------------------------- Pricing ----------------------------------------- */ .price { width: 100%; position: relative; overflow: hidden; } .value-box { width: 100%; height: 140px; overflow: hidden; text-align: center; } .value-box .value { position: relative; display: inline-block; margin-top: 5px; } .value-box .meta { width: 100%; display: block; } .content-box { padding: 18px; } .meta-box { padding: 18px; text-align: center; } /* ----------------------------------------- Blog ----------------------------------------- */ .side-post-info { width: 75px; padding: 30px 0px 0px 0px; float: left; text-align: center; position: relative; margin-bottom: -40px; } .post-article { padding: 36px 0px 28px 21px; float: left; } .post-article article, .post-content .the-content {} .entry-utility {} .post-article header { margin-top: -12px; } .sideimage-wrapper.post-article header { margin-top: -6px; } .sideimage-wrapper.post-article { padding-top: 31px; padding-bottom: 28px; } .sideimage-wrapper header, .sideimage-wrapper footer { text-align: left; width: 100%; } .sideimage-wrapper footer, .sideimage-wrapper .post-content-outer { float: left; } .post-article header { margin-bottom: 15px; } .post-thumb, .post-content { float: left; display: inline; } .post-thumb { margin-right: 20px; } .post-thumb.alignright { margin-bottom: 0 !important; } .widget_post_formats > ul { margin-top: 0 !important; } .post-format-pad { width: 35px; height: 35px; position: relative; display: block; left: 50%; margin-left: -17px; } .widget_post_formats .post-format-pad { position: relative; left: auto; float: left; margin: 0px 3px 0px 0px; } .post-format-pad .standard, .post-format-pad .aside, .post-format-pad .image, .post-format-pad .link, .post-format-pad .quote, .post-format-pad .audio, .post-format-pad .video { width: 35px; height: 35px; display: block; float: left; } .entry-date { display: block; clear: both; margin-top: 7px; } .post-edit-link { clear: both; width: 100%; display: block; margin: 10px 0px 24px 0px; border: 1px solid rgba(0,0,0,0.15) !important; border-radius:3px; visibility: hidden; } .side-post-info:hover .post-edit-link { visibility: visible; } .post-edit-link:hover { border: 1px solid rgba(0,0,0,0.3) !important; } .icomment-box { width: 26px; height: 25px; display: inline-block; text-align: center; } .entry-utility { clear: both; margin-top: 24px; height: 15px; width: 100%; float: left; } .entry-utility span { margin-right: 10px; font-style: normal !important; } .entry-utility span a:first-child { margin-left: -8px; } .entry-utility span a { margin-right: 2px; font-style: italic !important; } .comments-link { margin: 0px -3px 0px 0px !important; } .comments-link .icomment-box { margin: -2px -1px -10px 0px !important; } .widget_pages > ul { margin-top: -5px !important; } .widget_pages .children { padding-left: 5px; } .widget_tag_cloud .tagcloud { margin-top: -8px !important; } /* ----------------------------------------- Comments ----------------------------------------- */ .respond-box { margin-top: 24px; margin-bottom: 30px; padding-top: 20px; position: relative; } .respond-box h4 { margin-bottom: 10px; } #comments, .comments { clear: both; } .comments-title { clear: both; margin-top: 20px; display: none; } .comments ol { margin: 0px; } .comments ol li { list-style: none; padding: 0px 0px 0px 0px; margin-top: 24px; clear: both; } .comments > ol > li:first-child { margin-top: 0px; } .comments .children { margin: 0px; } .comments .children li { margin-left: 77px; clear: both; } .avatar { max-width: 50px !important; max-height: 50px; } .comment-author { width: 67px; float: left; padding-top: 20px; padding-right: 10px; } .comment-content { position: relative; padding: 20px 20px 0px 94px; } .comment-meta { margin-bottom: 6px; margin-top: -3px; } .comment-reply-link { position: absolute; right: 10px; top:7px; } #cancel-comment-reply-link { position: absolute; right: 20px; top: 36px; } .comment-form-comment label, .form-input label, .contact_form label, .dynform label { display: none !important; } .comment-form-comment { margin: 0px; } .comment-notes { margin-bottom: 14px; } /* ----------------------------------------- Widgets ----------------------------------------- */ .authors_list li { position: relative; min-height: 50px; } .authors_list li:last-child { margin-bottom: 0; } .wpv_authors .gravatar { float: left; margin-right: 10px; } .wpv_authors .author_info { float: left; } .wpv_authors .author_desc { clear: both; margin-left: 1px; } .widget_calendar th, .widget_calendar td { padding: 4px !important; text-align: center; } .widget > ul, .widget > div > ul { margin-top: -5px; margin-bottom: 0; } /*--------------------------------------------------------------------------- Footer --------------------------------------------------------------------------*/ footer.main-footer { padding: 30px 0px 0px 0px; } .no-footer-sidebars footer.main-footer { padding-top: 0; } footer.main-footer .widget_nav_menu { margin-bottom: 0px !important; } footer.main-footer h5, footer.main-footer h4 { padding-bottom: 0; margin-bottom: 6px; } footer.main-footer ul { margin: 0px; list-style: none; } footer.main-footer ul li { display: block; padding: 3px 0px; margin: 0px; } footer.main-footer ul li:first-child { padding-top: 0px !important; } footer.main-footer ul li a { display: inline-block; padding: 0px 0px; margin: 0px; clear: both } footer.main-footer ul li a { margin: 0px; padding: 0px; } footer.main-footer ul.menu li a { text-transform: none; font-weight: bold; } footer.main-footer .tweet_list { margin-top: 0px; } footer.main-footer .tweet_list .tweet_avatar { margin: 7px 7px 0px 0px; padding: 0px; } footer.main-footer .tweet_list .tweet_text {} .copyrights { margin-top: 0px; } .copyrights .alignright, .copyrights .alignleft, .copyrights .aligncenter { margin: 0px !important; } .no-footer-sidebars .copyrights { margin: 0; } .copyrights .container_16 { padding: 20px 30px 21px 30px; width: 940px; margin: 0px auto; } .no-footer-sidebars .copyrights .container_16 { padding: 18px 30px; min-height: 14px; } .copyrights .last { text-align: right; } #footer-sidebars .content { padding: 0px 10px; } /* Boxed layout */ .boxed .boxed-layout { width: 1000px; /*margin: 0px auto -300px;*/ margin: 0px auto; padding: 0px; } footer.main-footer .widget { padding: 0px; } /* tooltip */ .shortcode-tooltip .tooltip { display: none; } /* rss button */ .icons-top, .icons-top2 { position: absolute; top: 0; right: 20px; } .icons-top2 { right: 0; } .icons-top a, .icons-top2 a { display: block; background: url(../images/sbtn_rss.png) 0 -2px no-repeat; width: 42px; height: 41px; cursor: pointer; z-index: 9998; border: 0 !important; float: right; z-index: 9998; position: relative; margin-right: 0px; } #ifb { background: url(../images/sbtn_fb.png) 0 -2px no-repeat; } #itwitter { background: url(../images/sbtn_twitter.png) 0 -2px no-repeat; } #iyoutube { background: url(../images/sbtn_youtube.png) 0 -2px no-repeat; } #iflickr { background: url(../images/sbtn_flickr.png) 0 -2px no-repeat; } #ilinkedin { background: url(../images/sbtn_linkedin.png) 0 -2px no-repeat; } body.admin-bar .icons-top { top: 28px; } .icons-top a:hover, .icons-top2 a:hover { background-position: 0 0 !important; } #scroll-to-top { background: url(../images/sbtn_top.png) no-repeat; width: 30px; height: 30px; position: fixed; bottom: 20px; right: 20px; cursor: n-resize; display: none; } #feedback { background: url(../images/sbtn_feedback.png) -2px 0px no-repeat; width: 33px; height: 84px; position: absolute; top: auto; bottom: 0; right: -33px; border: none !important; } #feedback:hover {background-position: 0px 0px} #feedback-wrapper { position: fixed; /* top: 30%; bottom: auto; */ bottom: 10%; left: -200px; z-index: 9002; background: #a8a8a8; width: 200px; min-height: 84px; color: #eee; } #feedback-wrapper h4, #feedback-wrapper h4 a { color:#eee; margin-bottom: 0px; } #feedback-wrapper section {margin: 10px} #feedback-wrapper .widget {padding: 0} #phone-num { display: block; float: right; height: 23px; padding-top: 7px; } #phone-num .icon_small { display: inline; float: left; margin-right: 3px; } #contact_name, #contact_email { max-width: 294px; height: 25px; padding: 3px; text-indent: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-field-wrapper { position: relative; clear: both; display: inline-block; } .searchform .form-field-wrapper { position: static; } .error-message { display: none !important; } .icon, .icon_small, .icon_medium, .icon_large, .icon img, .icon_small img, .icon_medium img, .icon_large img { border: 0px !important; } .twitter-share-button {float: left} /* author.php */ #author-avatar, #author-description { float: left; } #author-avatar { margin-right: 4px; } #author-description h4 { margin-left: 6px; } .contact_info_wrap ul li { height: 12px; padding: 6px 0px 8px 0px !important; display: block; float: left; width: 100%; } .contact_info_wrap a { border: 0px !important; } /* tooltip */ .shortcode-tooltip { position: relative; border-bottom: 1px dotted; } .shortcode-tooltip .tooltip { position: absolute; left: -120px; bottom: 35px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); background: #f8f8f8; border: 1px solid #DBDBDB; color: #6D6E6E; display: none; padding: 20px; width: 235px; } .shortcode-tooltip .tooltip-arrow { position:absolute; bottom: -13px; left:129px; background: url(../images/tooltip-arrow.png) no-repeat; display:block; height:13px; width:24px; } /* shortcode margins */ .accordion, .slogan, .team-member, .contact_info_wrap, .contact_form_wrap, .flickr_wrap, .tabs, .msgbox.info, .msgbox.success, .msgbox.error, .msgbox.notice, .unapproved, .services, .twitter_wrap, .blockquote, .toggle, .slider-shortcode-wrapper { margin-bottom: 20px; } .accordion:last-child, .slogan:last-child, .team-member:last-child, .contact_info_wrap:last-child, .contact_form_wrap:last-child, .flickr_wrap:last-child, .tabs:last-child, .msgbox.info:last-child, .msgbox.success:last-child, .msgbox.error:last-child, .msgbox.notice:last-child, .unapproved:last-child .services:last-child, .twitter_wrap:last-child, .blockquote:last-child, .toggle:last-child, .slider-shortcode-wrapper:last-child { margin-bottom: 0; } /* Search results page */ .search-results .page.page-content {} .search-results .page.page-content.post-head, .search-results .page.post-article { padding-left: 0px; padding-right: 0px; } .search-results .page.page-content.post-head .side-post-info, .search-results .page.page-content.post-head .author, .search-results .page.page-content.post-head footer, .search-results .page .sort_by_cat, .search-results .page.page-content.post-head .post-content .pagination { display: none; } .search-results .page.page-content.post-head .post-article { background: none; width: 100% !important; padding-left: 0px; padding-right: 0px; } .loop-wrapper.one_half .side-post-info, .loop-wrapper.one_third .side-post-info, .loop-wrapper.two_thirds .side-post-info, .loop-wrapper.three_fourths .side-post-info, .loop-wrapper.one_fourth .side-post-info, .loop-wrapper.one_fifth .side-post-info, .loop-wrapper.two_fifths .side-post-info, .loop-wrapper.three_fifths .side-post-info, .loop-wrapper.four_fifths .side-post-info, .loop-wrapper.one_sixth .side-post-info, .loop-wrapper.five_sixths .side-post-info { display: none !important; } .loop-wrapper.one_half .post-article, .loop-wrapper.one_third .post-article, .loop-wrapper.two_thirds .post-article, .loop-wrapper.three_fourths .post-article, .loop-wrapper.one_fourth .post-article, .loop-wrapper.one_fifth .post-article, .loop-wrapper.two_fifths .post-article, .loop-wrapper.three_fifths .post-article, .loop-wrapper.four_fifths .post-article, .loop-wrapper.one_sixth .post-article, .loop-wrapper.five_sixths .post-article { background: none !important; padding-left: 0; } .loop-wrapper.one_half .post-article .entry-utility, .loop-wrapper.one_third .post-article .entry-utility, .loop-wrapper.two_thirds .post-article .entry-utility, .loop-wrapper.three_fourths .post-article .entry-utility, .loop-wrapper.one_fourth .post-article .entry-utility, .loop-wrapper.one_fifth .post-article .entry-utility, .loop-wrapper.two_fifths .post-article .entry-utility, .loop-wrapper.three_fifths .post-article .entry-utility, .loop-wrapper.four_fifths .post-article .entry-utility, .loop-wrapper.one_sixth .post-article .entry-utility, .loop-wrapper.five_sixths .post-article .entry-utility { display: none; } .loop-wrapper.one_half .post-article .author, .loop-wrapper.one_third .post-article .author, .loop-wrapper.two_thirds .post-article .author, .loop-wrapper.three_fourths .post-article .author, .loop-wrapper.one_fourth .post-article .author, .loop-wrapper.one_fifth .post-article .author, .loop-wrapper.two_fifths .post-article .author, .loop-wrapper.three_fifths .post-article .author, .loop-wrapper.four_fifths .post-article .author, .loop-wrapper.one_sixth .post-article .author, .loop-wrapper.five_sixths .post-article .author { display: none; } .loop-wrapper.one_half .post-head:last-child, .loop-wrapper.one_third .post-head:last-child, .loop-wrapper.two_thirds .post-head:last-child, .loop-wrapper.three_fourths .post-head:last-child, .loop-wrapper.one_fourth .post-head:last-child, .loop-wrapper.one_fifth .post-head:last-child, .loop-wrapper.two_fifths .post-head:last-child, .loop-wrapper.three_fifths .post-head:last-child, .loop-wrapper.four_fifths .post-head:last-child, .loop-wrapper.one_sixth .post-head:last-child, .loop-wrapper.five_sixths .post-head:last-child { border-bottom: none !important; box-shadow: none !important; } .loop-wrapper.force-full-width > .post-head { float: left; margin-right: 20px; } /*--------------------------------------------------------------------------- Flags --------------------------------------------------------------------------*/ img.flag { margin-left: 6px; } /*--------------------------------------------------------------------------- Formulario de contacto --------------------------------------------------------------------------*/ .fileinputs { overflow: hidden; position: relative; } span.file-cv { overflow: hidden; position: relative; } .fakebutton { cursor: pointer; display: inline-block; } .filepdf { cursor: pointer; font-size: 80px; position: absolute; top: -12px; width:355px; filter: alpha(opacity=1); -moz-opacity: 0.01; opacity: 0.01; }