/* Theme Name: poselab Author: @poselab */ @import url(http://fonts.googleapis.com/css?family=Lato:300); body,textarea{font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; position:relative;color: #585858;display: block;} h1,h2,h3,h4,h5,h6 {font-family: 'Lato', arial, sans-serif;color: #036;font-weight:300;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#007DF8;} .clear,.clearb {clear:both;} .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .left {float:left;} .right {float:right;} .hidden {display:none;} .margin-bottom {margin-bottom:20px;} .rightalign {text-align:right;} .image-fade img { opacity: 1; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; } .image-fade img:hover{ opacity: .8; -webkit-transition: opacity; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; } input[type=text],input[type=email],textarea { border-radius: 8px;color: #33608B; margin-top:5px; padding: 10px; color: #666; border: 1px solid #E6E6E6; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.7), inset 0 1px 0 rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.2); font-size: 12px; -webkit-transition: box-shadow; -webkit-transition-duration: 200ms; outline: none; } input[type=text]:focus,textarea:focus { outline: none; border: 1px solid #E6E6E6; box-shadow: 0 0 7px rgba(0, 125, 248,0.8), inset 0 -1px 0 rgba(255,255,255,0.7), inset 0 1px 0 rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.2); -webkit-transition: box-shadow; -webkit-transition-duration: 200ms; } /* Sticky Footer - http://ryanfait.com/sticky-footer */ html, body {} #body-wrap {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */} .footer {height: 142px; /* .push must be the same height as .footer */} /* End Sticky Footer */ /*------------------------------------------------*/ /* Header /*------------------------------------------------*/ header {margin-top:20px } #header {margin-bottom:20px;} #top-bg,#copyright-wrap {background:url(images/top-head.jpg);box-shadow: 0 1px 1px #F2F2F2;} #logo {font-size:13px;position: relative;/* overflow: hidden; */} #logo img {width:239px;height:33px;} #logo #desc {color: #C5C5C5;position:absolute;left: 120px;/* top: 38px; */} /*------------------------------------------------*/ /* Navigation /*------------------------------------------------*/ .sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;} .sf-menu{line-height:1.0;} .sf-menu ul{position:absolute;top:-999em;width:200px;margin-top:12px;background:#fff;} .sf-menu ul li{width:100%;} .sf-menu li:hover{visibility:inherit;} .sf-menu li{float:left;position:relative;padding: 13px 0 0 40px;} .sf-menu a{display:block;position:relative;color:#007DF8;} .sf-menu a:hover {color: #3679A6;} .sf-menu .current-menu-item a, .single-portfolio .sf-menu .portfoliomenu a, .projectcat .sf-menu .projectmenu a, .blogcat .sf-menu .blogmenu a{color:#B11C1C;} .sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:2.3em;z-index:99;} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:16.7em;top:0;} .sf-menu {float:right;margin-bottom:1em;} .sf-menu a {font-family:'Lato', arial, serif;font-size: 18px;text-decoration:none;font-weight:300;} .sf-menu ul.sub-menu a {border-bottom:1px dashed #E6E6E6;} /* arrows */ .sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator {position:absolute;display:block;right:1.0em;top:1.05em; /* IE6 only */width:10px;height: 10px;text-indent:-999em;overflow:hidden;background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator { /* give all except IE6 the correct values */top:.9em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul {background: #fff;padding: 0 0 9px 0;border: 1px solid #dbdbdb;width: 200px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* Magic Line */ #top_nav {position:absolute;} #top_nav li {z-index:1000;} .current-menu-item a {} #magic-line{list-style:none;display:inline-block;position: absolute; top: 0; left: 0; width: 100px; z-index: 100; float:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*------------------------------------------------*/ /* Slider Styles /*------------------------------------------------*/ #slider{margin: 20px 0 40px 10px;float:left;position:relative;z-index:1;display:block; overflow: hidden; height: 323px} .slides_container,.slides_control,.slides_control>div,.slide {width:960px;height:323px;} #slider p {color:#A1A1A1;} #slider .hentry{margin:0;width:960px;} #slider .entry-image{background-repeat:no-repeat;display: table-cell;width: 300px;} #slider .entry-image img{} #slider .entry-content{padding-left: 50px;display: table-cell;vertical-align: middle;} #slider img.alignright { margin: 10px 0 0 20px; } #slider img.alignleft { margin: 10px 25px 0 0; } /* Pagination */ #slider .pagination {position: absolute;bottom: 0px;right: 140px;z-index: 1000;} #slider .pagination li{float:left;list-style:none;margin:0 1px;} #slider .pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(images/slider/pagination.png);background-position:0 0;float:left;overflow:hidden;} #slider .pagination li.current a{background-position:0 -12px;} /* Slider Content */ .slide-content {} .slide-content h3 {color:#565656;font-size:18px;} .slide-content p {color:#a1a1a1;text-align: justify;} .slide-content p:first-of-type {margin-top:20px;} .slide-button {margin-top:5px;} .slide-button .fadeThis {position:relative;display:block;height: 42px;width: 140px;background:url(images/button-slider.png) 0 0 no-repeat;} .slide-button .hover {position: absolute;top: 0;left: 0;display: none;height: 42px;width: 140px;background:url(images/button-slider.png) 0 -42px no-repeat;} /* Team Members */ .team-member-bg {background:url(images/bg-team.png) 0 0 no-repeat;width:220px;height:220px;} .first-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/first-member.png) 0 0 no-repeat;} .first-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/first-member.png) 0 -220px no-repeat;} .second-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/second-member.png) 0 0 no-repeat;} .second-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/second-member.png) 0 -220px no-repeat;} .third-member .fadeThis {position:relative;display:block;height: 220px;width: 220px;background:url(images/third-member.png) 0 0 no-repeat;} .third-member .hover {position: absolute;top: 0;left: 0;display: none;height: 220px;width: 220px;background:url(images/third-member.png) 0 -220px no-repeat;} /*------------------------------------------------*/ /* Home Page Content /*------------------------------------------------*/ #body-wrap {height:50%;} .hr-pattern {height:17px; border-top: 1px dotted #B8DBEF;} .blog-page-post .hr-pattern {margin:10px 0;} .post-info-wrap {margin-bottom:10px;} .blog-page-post .featured-image {float:right;} .blog-page-post p,.home-post-content p {margin-bottom:5px;} .related-posts{margin: 10px 0 0 80px;} .related-posts li{list-style: none; overflow: hidden;margin-bottom: 10px;} .related-posts li .imgrel{margin:0 10px 0 0;float:left;} .related-posts li .imgrel img {border: 1px solid #BFCCD9;padding:2px;} .related-posts .post{float: left;width: 408px;} /* Home Portfolio */ .portfoliocaja{box-shadow: 0 0 8px rgba(0,0,0,0.2);border-radius: 10px;} #home-content-wrap {min-height:175px;} #home-portfolio hr {margin-top:10px;} #home-portfolio img:hover {border: 1px solid #CCC;} #home-portfolio h4 {margin:10px 0 5px 0;font-size:16px;} #home-portfolio p {margin-bottom:0;display: none;} #home-portfolio #portfolio {margin-top:5px;} #home-portfolio ul#filter {list-style: none;float: left;border:1px solid #dddddd;padding:5px 20px; } #home-portfolio ul#filter li {float: left;line-height: 16px;margin-right: 10px;padding-right: 10px;margin-left:0;} #home-portfolio ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; } #home-portfolio ul#filter a { color: #999; text-decoration: none;font-family: 'Lato', arial, serif;font-size:12px;text-transform:uppercase;font-weight:300; } #home-portfolio ul#filter li.current a { border-bottom:none; } #home-portfolio ul#filter li.current a { color:#73a4c0; } #home-portfolio span.sort {color:#7f7f7f;text-transform:uppercase;font-family: 'Lato', arial, serif;font-size:12px;position:relative;top:8px;font-weight:300;} #home-portfolio .portfolio h4 {font-size:14px;margin:15px 20px 10px 0;} #home-portfolio ul#portfolio { float: left; list-style: none; padding: 20px 20px 10px 20px;} #home-portfolio ul#portfolio li { float: left; margin-bottom: 10px; width: 225px;} #home-portfolio ul#portfolio li.alpha {margin-right: 20px; } #home-portfolio ul#portfolio li.omega {margin-left: 10px; } #home-portfolio ul.portfolio li {margin-left: 0;padding: 0 0;} #home-portfolio ul.portfolio a {width: 100%; } #home-portfolio ul.portfolio a:hover {text-decoration: none; } #home-portfolio ul.portfolio img {} #home-portfolio .portfolio-details {margin-top:20px;} #home-portfolio .details {margin-left:20px;} #home-portfolio .details h4 {color:#458ab3;} #home-portfolio .details a {padding-left:20px; width:190px;color:#fff;line-height:16px;display:none;} #home-portfolio .details span {padding-right:10px;color:#fff;} #home-portfolio .more-info div {float:left;} #home-portfolio ul.portfolio .portfolio_two_columns {float:left;width:270px;margin-left:0!important;margin-right:10px!important;} .imagenes_proyecto img{box-shadow: 0 0 3px #999} /* Home Blog */ #home-latest-blog {margin-top:15px;} #home-blog {min-height:200px;} #home-blog-post-wrap {margin-top:15px;} #home-latest-blog .hr-pattern, #home-portfolio .hr-pattern {margin-top:4px;} #home-blog h3 {font-size:18px;} #home-blog p.home-meta {color:#666;} #home-blog .home-meta a {color:#333;} #home-blog .home-meta a:hover {color:#000000;} #blog-title h3 {font-size:24px;color:#4a4949;border-bottom:1px solid #d9d9d9;padding-bottom:10px;} #blog-title span, #blog-title a {color:#7b7b7b;} #blog-title a {font-style:italic;} #blog-title p {background:url(images/arrow-circle.png) 200px 0px no-repeat;margin-top:20px;} #blog-title a:hover {color:#4D778F;} #home-blog .home-meta {margin:-5px 0 20px 0;} #home-blog .home-post-content {margin-top:-4px;} #home-blog .image-fade{width: 260px;} #home-blog .home-post-content{width: 340px;} .blog-item img:hover {border:5px solid #cccccc;} .blog-item h4 {color:#5f5f5f;margin:10px 0 5px;font-size:20px;} .blog-item p {color:#8b8b8b;font-size:12px;text-align: justify;} .blog-item p.meta {color:#8b8b8b;font-size:10px;margin-bottom:10px;} .blog-item .meta a {color:#585858;} .blog-item .meta a:hover {color:#000;} #home-blog .read-more {font-style:italic;color:#7b7b7b;margin-left:10px;} #home-blog .read-more:hover {color:#000;} #blog-list ul {list-style:none;margin-top: 50px;width: 250px;} #blog-list li {margin-left:0;border-top: 1px dotted #B8DBEF;padding-top:0px;float:left;padding: 7px 0;} #blog-list li:first-child {border-top:none;} #blog-list li:last-child {border-bottom: 1px dotted #B8DBEF;} #blog-list h3 {border-bottom:1px solid #e7e7e7; margin: 0 0 2px; padding-bottom: 8px;font-size:16px;} #blog-list h4 {line-height:14px;margin: 0; display: table;} #blog-list h4 a{font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;font-size: 12px;} #blog-list h4 a:hover {color:#4d778f;} #blog-list img {border:1px solid #CCCCCC;padding:2px;float:left;margin: 0 10px 0 0;} #blog-list img:hover {border:1px solid #b5b5b5;} /* Image Hover Effect - www.buildinternet.com/project/mosaic */ .mosaic-block-wrap {padding: 0;box-shadow: 0 0 5px #919191;} .mosaic-block{float:left;position:relative;overflow:hidden;width: 225px;height: 120px;background:#111 url(images/progress.gif) no-repeat center center;margin-bottom:10px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); } .mosaic-block:hover {} .mosaic-backdrop{display:none;position:absolute;top:0;height:100%;width:100%;background:#111;} .mosaic-overlay{display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;} .fade .mosaic-overlay {background:url(images/bg-black.png); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); } .circle .mosaic-overlay {background:url(images/hover-magnify.png) no-repeat center center;display:none; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); } .details h4 {font-size:14px;margin: 15px 0 10px 0;color:#fff;} .details p {padding:0 20px;text-align:justify;} .details p {font-size:12px;} /* Home Services */ #home-services {margin-top:15px;} #home-services-wrap {margin:15px 0 10px 0;} #home-services .hr-pattern {margin-top:4px;} .service h4 {border-bottom: 1px solid #dddddd;padding-bottom:10px;margin-bottom:15px;font-size:16px;} .service img {border:none;float:left;padding:0 13px 0 0;margin-top:3px;} .service p {margin-bottom:0;} .service span.read-more {float:right;} .service span.read-more a {color:#333;} .service span.read-more a:hover {color:#458ab3;} /*------------------------------------------------*/ /* Inner Pages /*------------------------------------------------*/ /* Wordpress Styles */ img.alignright,iframe.alignright {float:right; margin:0 0 10px 10px } img.alignleft,iframe.alignleft {float:left; margin:0 10px 10px 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 10px 10px} a img.alignleft {float:left; margin:0 10px 10px 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .wp-caption {margin: 10px 10px 10px 10px;} .wp-caption-text {margin: 0;font-style: normal;padding-left: 0;} .wp-caption-text a{font-size: 0.9em;} .sticky {background:#fff;} .gallery-caption {margin-left: 0;} .wp-caption.alignright{float: right;background: white;margin: 10px 0 10px 10px;} .wp-caption.alignright img{margin-left: 10px;} #content .wp-caption.alignright .wp-caption-text{font-size: 11px;color: #8F8F8F;margin: 5px 0 5px 10px;} .gallery {margin: auto;} .gallery .gallery-item {float: left;margin: 0 10px 10px 0;text-align: center;width: 183px;overflow: hidden;} .gallery .last {margin: 0;} .gallery img {border: none;} .gallery .gallery-icon img{margin-left: -20px} .gallery .gallery-caption {margin-left: 0; font-style: normal; padding-left: 0; background: url(images/top-head.jpg) -400px 0px no-repeat; padding: 2px; } /* Page Title */ h2.inner-title {font-size: 14px;border-bottom: 1px solid #BFCCD9;padding-bottom: 5px;} /* Single */ .blog-content-wrap {margin-top:-10px;} #post-content-wrap h3.post-title {font-size:30px;margin-top:-10px;} #post-content-wrap .featured-image {border: 1px solid #BFCCD9; padding:2px;} .single-post #post-content-wrap .featured-image:hover {border:1px solid #999999;} #post-content-wrap .blog-page-post .featured-image {padding:0;border:none;padding-bottom: 8px;} #post-content-wrap .blog-page-post .featured-image img,#home-blog img {border: 1px solid #BFCCD9;padding:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);} #post-content-wrap .blog-page-post .featured-image img:hover,#home-blog img:hover {border:1px solid #999;} #content {margin:20px 0;font-size: 12px;} #content p {margin: 0 0 20px 0;line-height: 1.5em;} .content li {margin: 5px 0 5px 30px;} .content iframe { border:1px solid #CCC; padding:4px; box-sizing: border-box;} .content .hr-pattern {margin-bottom:20px;} .content h3 {border-bottom: 1px solid #BFCCD9;padding-bottom: 2px;} /* Breadcrumbs */ #breadcrumb-wrap {margin:5px 0 20px 10px;} #breadcrumb-wrap {color:#abaaaa;font-style:italic;margin:10px 0 15px 10px;font-weight:normal;} #breadcrumb-wrap a {color:#666;} #breadcrumb-wrap a:hover {color:#000;} /* Meta */ .meta {margin: -5px 0 20px;color:#999999;font-size: 11px;} .meta ul{list-style:none;margin-bottom:5px;} .meta ul li{margin-left:0;display: inline;} /* Tags Single Post */ #post-tags {border-top:1px solid #E6E6E6;padding-top:10px;margin: 20px 0 25px 0;font-size: 11px;font-style: italic;} /* Author */ .grid-hr {background:url(images/bg-author.png) repeat-x;height:17px;} #post-author {margin-bottom:20px;color:#585858;} #post-author img {margin:25px 15px 25px 0;border:1px solid #ccc;padding:2px;float:left;} #post-author img:hover {border:1px solid #999;} #post-author p {margin-bottom:5px;} #author-details {margin-top:20px;} #post-author a {color:#4D778F;} #post-author a:hover {color:#000;} /* Blog Page */ .hr-blog-page {background:url(images/bg-author.png) repeat-x;height:17px;margin-bottom:20px;} h3.blog-page-title,#home-blog h3 {font-size:30px;color:#3c3c3c;margin-bottom:20px;} .blog-page-meta ul {list-style:none;margin-bottom:0px;} .blog-page-meta ul li {margin-left:0;color:#838383;font-size:11px; border-bottom: 1px dotted #E1E1E1; padding: 5px 0 5px 25px; background-image: url(images/blog.png); background-repeat: no-repeat;} .blog-page-meta ul li a {} .blog-page-meta ul li a:hover {color:#000;} .blog-read-more {position:relative;top:5px;} .calendar {background-position: -60px 0;} .comment-bubble {background-position: -40px -20px;} .cat-icon {background-position: -20px -40px;} .tag-icon {background-position: 0 -60px;} .blog-page-meta .blog-tags {color:#999;} .blog-page-meta p.tags {font: normal 10px/20px sans-serif;margin:5px 0 0 0;} .blog-page-meta p.tags span.jg-tags {padding: 0px 0px 0 5px;margin: 5px 0 0 0;background: #efefef;display: inline-block;border: 1px solid #dadada;} .blog-page-meta p.tags span.jg-tags:hover {border: 1px solid #ccc;} .blog-page-meta p.tags span.jg-tags a {text-decoration: none;padding: 0px 8px 0px 2px;background: #efefef;display: inline-block;color:#a0a0a0;} .blog-page-meta p.tags span.jg-tags a:hover {color: #333;} .blog-excerpt {margin-bottom:20px;} .blog-excerpt p {margin:15px 0;} /* Pagination */ #post-content-wrap .pagination{clear:both;} #post-content-wrap .pagination span.pages{text-transform:uppercase;border:none;color:#565555;font-size:10px;padding:10px 10px 10px 0;} #post-content-wrap .pagination a,#post-content-wrap .pagination a:link,#post-content-wrap .pagination a:visited,#post-content-wrap .pagination span.current,#post-content-wrap .pagination span.extend{background:none repeat scroll 0 0 #FFF;border: 1px solid #BFCCD9;border-radius:3px 3px 3px 3px;color: #458AB3;font-size:11px;margin:1px;padding: 5px 10px;} #post-content-wrap .pagination a:hover{border:1px solid #999;} #post-content-wrap .pagination span.current{border:1px solid #999;color:#777;font-weight:700;} /* Search */ .screen-reader-text {display:none;} /*------------------------------------------------*/ /* Contact Form /*------------------------------------------------*/ .wpcf7-form p {text-align:justify;} .wpcf7-form-control-wrap h3 {font-size:26px;margin:20px 0;} .wpcf7-form-control-wrap label { display: inline-block; float: left; line-height: 26px; width: 120px;} .wpcf7-form-control-wrap label img {border:0 none;margin-left:-9px;} .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {width: 300px;} .your-message textarea {position:relative;bottom:0px;width:400px;} span.wpcf7-not-valid-tip {width:245px!important;height:23px;color: #e4a7a7;font-family: 'Droid Sans';font-size: 12px!important;padding:5px 5px 5px 20px!important;border:2px solid #FF0808!important;top:15%!important;} div.wpcf7-validation-errors {display:none!important;} div.wpcf7-mail-sent-ng {border: 2px solid #FF0000;float: left;margin: 40px 0 0!important;width: 300px;} div.wpcf7-mail-sent-ok {float: left;margin: 40px 0 0!important;width: 230px;height:18px;padding:0.8em 1em!important;} .wpcf7-form-control-wrap legend { padding:20px 0; font-weight:bold; color:#000;} .wpcf7-form-control-wrap span.required{ font-size: 13px; color: #ff0000; float:left; } /* Select the colour of the * if the field is required. */ .wpcf7-form-control-wrap label.addition {font-size:16px;color:#666;width:70px;} .wpcf7-form-control-wrap input#verify {margin:0 0!important;padding:5px;} .wpcf7-form-control-wrap{display: block;} /* Style for the error message */ #message { margin: 10px 0; padding: 0; } .error_message { display: block; line-height: 22px; background: #FBE3E4 url(../includes/assets/error.gif) no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; } ul.error_messages { margin: 0 0 0 15px; padding: 0; } ul.error_messages li { height: 22px; line-height: 22px; color:#333; } .loader { padding: 0 10px; } #contact #success_page h1 { background: url(../includes/assets/success.gif) left no-repeat; padding-left:22px; } /* Contact Sidebar Details */ #contact-sidebar h3 {font-size:22px;padding:25px 0 0 0;margin-bottom:20px;color:#000;} #contact-sidebar h5 {padding:10px 0 0 0;color:#000;} #success_page h3 {padding:10px 10px;background:#E8E8E8;color:#4D778F;} #success_page p {margin:20px 0 0;} /*------------------------------------------------*/ /* Comments - http://cdharrison.com/2008/12/03/threaded-comments/ /*------------------------------------------------*/ .comment-body {border-top:1px solid #e6e6e6;padding-top:10px;} .comment-body p{position:relative;margin:10px 0 10px 60px;} #comments .grid-hr {background:url(images/bg-author.png) repeat-x;height:17px;position:relative;bottom:30px;margin-top:70px;} #comments h3#comments-title {margin: 10px 0 5px 0;} #comments ol.commentlist {list-style:none;} #comments ol.commentlist li {margin-left:0;position:relative;} #comments ol.commentlist .cancel-comment-reply {float:right;} #comments ol.commentlist .cancel-comment-reply a {padding:5px;border:1px solid #efefef;color:#C6C6C6;} #comments ol.commentlist .cancel-comment-reply a:hover {border:1px solid #ccc;color:#333;} #comments ol.commentlist li.comment {min-height:80px;} #comments ol.commentlist li.comment.comment.depth-1 {padding: 0 3px;} #comments ol.commentlist li.comment.depth-1.thread-even {background: url(images/top-head.jpg) 250px 0} #comments ol.commentlist li.comment em.comment-awaiting-moderation {position:absolute;} #comments ol.commentlist li.comment div.vcard {display: inline;} #comments ol.commentlist li.comment div.vcard cite.fn {color:#515151;margin: 0 0 0 60px;font-style:normal;} #comments ol.commentlist li.comment div.vcard img.avatar {position:absolute;left:5px;border: 1px solid #BFCCD9;padding:2px; width: 40px; height: 40px} #comments ol.commentlist li.comment div.vcard img.avatar:hover {border:1px solid #999;} #comments ol.commentlist li.comment div.comment-meta {display:inline-block;} #comments ol.commentlist li.comment div.comment-meta a {display:inline-block;color: #4D778F;} #comments ol.commentlist li.comment div.comment-meta a:hover {color: #4D778F;} #comments ol.commentlist li.comment div.reply a {position:absolute;top:10px;right:5px;color:#A2A2A2;font: italic 10px/18px sans-serif;} #comments ol.commentlist li.comment div.reply a:hover {color:#4D778F;} #comments ol.commentlist li.comment ul.children {list-style:none;margin-left:20px;margin-bottom:0;display:block!important;} #respond h3 {margin-bottom:20px;} /* Comments Form */ #respond { margin-top: 40px;} #respond input[type="text"]{width:205px;margin-right:10px} #respond textarea {margin-right:10px;} /*------------------------------------------------*/ /* Sidebar /*------------------------------------------------*/ #sidebar {margin-top:0px;} #sidebar .widget {margin-bottom:20px;} #sidebar .widget-area ul, .widget-block ul {list-style:none;padding: 0;margin: 0;} #sidebar .widget-area li, .widget-block li {margin-left:0;list-style: none;} #sidebar .widget-area h2,#sidebar .widget-area h4 {border-bottom: 1px solid #BFCCD9;padding-bottom:5px;font-size: 22px;} #sidebar .widget-block,#sidebar .widget_text {margin-bottom:20px;} /*------------------------------------------------*/ /* Portfolio /*------------------------------------------------*/ #post-content-wrap #portfolio {margin-top:20px;} #post-content-wrap #portfolio .featured-image {border:none; padding:0;} #post-content-wrap #portfolio .featured-image a{position: relative;} #post-content-wrap .portfolio h4.details {font-size:16px;margin-top:5px;} #post-content-wrap ul#filter {list-style: none;float: left;border:1px solid #dddddd;padding:5px 20px; } #post-content-wrap ul#filter li {float: left;line-height: 16px;margin-right: 10px;padding-right: 10px;margin-left:0;} #post-content-wrap ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; } #post-content-wrap ul#filter a {font-family: 'Lato', arial, serif;font-size:12px;text-transform:uppercase;font-weight:500; } #post-content-wrap ul#filter li.active a { color:#B11C1C; } #post-content-wrap span.sort {color:#7f7f7f;text-transform:uppercase;font-family: 'Lato', arial, serif;font-size:12px;position:relative;top:8px;font-weight:300;} #post-content-wrap span.sort {color:#7f7f7f;text-transform:uppercase;font-family: 'Lato', arial, serif;font-size:12px;position:relative;top:8px;font-weight:300;} #post-content-wrap .portfolio h4 {font-size:20px;} #post-content-wrap ul#portfolio {list-style: none; margin-left: 0; } #post-content-wrap .three-columns li {margin-bottom: 10px;} #post-content-wrap ul.portfolio li {margin-left: 0;padding: 0 0;} #post-content-wrap ul.portfolio a {width: 100%; } #post-content-wrap ul.portfolio a:hover {text-decoration: none; } #post-content-wrap ul#portfolio img {border: 1px solid #BFCCD9;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);} #post-content-wrap ul#portfolio img:hover {border:1px solid #b5b5b5;} #post-content-wrap .portfolio-details {margin-top:20px;} #post-content-wrap .more-info div {float:left;} #post-content-wrap ul.portfolio .portfolio_three_columns {margin-left:0!important;margin-right:10px!important;} .portfolio_three_columns {height: 350px;overflow: hidden;} .client {background:url(images/client.png) 0 0 no-repeat;padding:0 0 10px 20px;} .services {background:url(images/services.png) 0 0 no-repeat;padding:0 0 10px 20px;} .extra {background:url(images/document.png) 0 0 no-repeat;padding:0 0 10px 20px;} .port-sep{display: block; clear: both; position: relative;} .port-sep div{position: absolute; width:940px;border-top: 1px dotted #B8DBEF;top: -20px;} #post-content-wrap .portfolio_three_columns{padding-right: 20px;margin: 0;} #post-content-wrap .ultimo-port{padding-right: 0;} #post-content-wrap #portfolio{width:960px;} /* Portfolio Video */ .portfolio_one_column .featured-image {margin-bottom: 20px;} li.portfolio_one_column img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 120px;left:200px} li.portfolio_two_column img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 120px;left:200px} li.portfolio_three_columns img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position: absolute;left: 115px;top: -10px;} li.portfolio_gallery img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 120px;left:130px} .portfolio-single img.play-button {height:55px;width:55px;border:none;margin-top:0;padding:0;position:relative;bottom: 170px;left:450px;padding:2px;border:1px solid #CCCCCC;} .portfolio-single img.play-button:hover {border:1px solid #b5b5b5;} /*------------------------------------------------*/ /* 404 Error Page /*------------------------------------------------*/ .error-page {min-height:600px;} .title-404 {font-size: 59px;} .subtitle-404 {font-size: 16px;padding-top:20px; } /*------------------------------------------------*/ /* Footer /*------------------------------------------------*/ footer {margin-top:20px;} .foot1{ border-bottom:1px solid #D1D1D1; margin:20px 0; padding-bottom: 5px;} .foot2{font-size: 11px; margin-bottom:20px;color: #BEBEBE;text-shadow: 0 1px 1px #fff;} /* Widget Blocks */ #toggle-top {background:url(images/bg-expand.png) top left repeat-x #ffffff;height:6px;} #expand-button {background:url(images/expand.jpg) 0 0 no-repeat; height:23px; width:73px;margin-left:10px;} #toggle-top a {font-size: 5px;} #home-widgets-wrap {width:100%;overflow: auto;background:url(images/bg-widget-blocks.png) top left repeat-x #e5e5e5;padding-bottom:10px;} #home-widgets .widget-block {margin-top:20px;} .widget-block h2 {} .widget-block p, .textwidget {color:#777777;} /* top */ #social-wrap {width:100%;height:51px;background:url(images/bg-social.png) 0 0 repeat-x;} .social-search{padding: 5px 0;} .social-search ul {list-style:none;margin-bottom:0; float:right;margin-left: 35px;} .social-search li {display:inline;margin-left:0;float:left;padding:0 0;} #search { float:right; margin-left: 60px; width: auto;} #search fieldset {margin-bottom: 0;float: right;} #search #searchform input {padding: 5px 30px 5px 10px;width: 80px;border-radius: 8px;background: transparent url(images/s.png) no-repeat 95% center;margin: 0;color: #33608B; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.8),inset 0 1px 0 rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.2);border: none;font-size: 12px; -webkit-transition: box-shadow; -webkit-transition-duration: 200ms; } #search #searchform input:focus { outline: none; box-shadow: 0 0 7px rgba(0, 125, 248,0.8), inset 0 -1px 0 rgba(255,255,255,0.8),inset 0 1px 0 rgba(0,0,0,0.1), inset 0 0 10px rgba(0,0,0,0.2); -webkit-transition: box-shadow; -webkit-transition-duration: 200ms; } .social a{ margin-left:25px;float:right;display:block;float:left; height: 25px; width: 25px; background: rgba(0,0,0,0.5) url(images/social.png) no-repeat; border-radius: 25px; text-indent: -9999px; box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-transition: box-shadow; -webkit-transition-duration: 200ms; } .social a:hover{ box-shadow: 0 0 7px rgba(0, 125, 248,0.8), 0 1px 2px rgba(0,0,0,0.5); -webkit-transition: box-shadow; -webkit-transition-duration: 200ms} footer .social a{height: 22px;width: 21px;} .twitter a{background-position: -25px 0;} .facebook a{background-position: 0 0;} .linkedin a{background-position: -50px 0;} .rss a{background-position: -75px 0;} .contact a{background-position: -100px 0;} footer .twitter a{background-position: -27px -1px;} footer .facebook a{background-position: -2px -1px;} footer .linkedin a{background-position: -52px -1px;} footer .rss a{background-position: -77px -1px;} footer .contact a{background-position: -102px -1px;} #twitter a:hover, #facebook a:hover, #dribbble a:hover, #forrst a:hover, #rss a:hover, #contact a:hover {color:#7f7f7f;} .language{ float: right; border-radius: 11px; background: rgba(248, 249, 250, 0.46); box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.79), inset 0 -1px 0 rgba(0, 0, 0, 0.08), inset 0 11px 0 rgba(0, 0, 0, 0.03), inset 0 2px 10px rgba(0, 0, 0, 0.15); position:relative; } .language div{ position: absolute; background: rgba(255, 255, 255, 0.88); height: 18px; width: 18px; right: 0; border-radius: 9px; margin: 3px 4px; box-shadow: inset 0 -7px 11px -3px rgba(0, 0, 0, .15), 0 0 2px 1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.2); pointer-events: none; } .language.en-US div{ left: 0; } .language div span{ background: #C6CACD; width: 6px; height: 6px; position: absolute; left: 50%; top: 50%; margin: -3px; border-radius: 3px; } .language a{ color:#5A7296; text-shadow: 0 1px 0 #fff; display: block; padding: 3px 27px 3px 9px; } .language.en-US a{ padding: 3px 9px 3px 27px; } /*siedebar*/ #sidebar .social li{ list-style: none; margin: 5px 0px;} #sidebar .social a { background:none; display: block; float: none; width:auto; height:auto; box-shadow:none;text-indent:0;} #sidebar .social a span{display: inline-block;background: rgba(0,0,0,0.5) url(images/contacto.png) no-repeat; width:40px; height:40px; border-radius:20px;vertical-align: middle; margin-right:5px; box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-transition: box-shadow; -webkit-transition-duration: 200ms;} #sidebar .social a:hover span { box-shadow: 0 0 7px rgba(0, 125, 248,0.8), 0 1px 2px rgba(0,0,0,0.5); -webkit-transition: box-shadow; -webkit-transition-duration: 200ms} #sidebar .social .twitter span{background-position: -40px 0;} #sidebar .social .skype span{background-position: -80px 0;} /* Copyright */ #copyright-wrap {width:100%;} #copyright { } #copyright p {font-size: 11px;padding-top:10px;float:left;} /* Footer Navivation */ .footer-nav {margin:10px 0 0 0; font-family: 'Lato', arial, sans-serif; font-size: 14px; font-weight: 300;} .footer-nav li {display:inline;margin:0 60px 0 0;} /*------------------------------------------------*/ /* Recent Posts Widget /*------------------------------------------------*/ /* Sidebar */ #sidebar .jg_Recent_Posts ul.recent-posts, #sidebar .jg_Popular_Posts ul.recent-posts {list-style:none!important;} #sidebar .jg_Recent_Posts ul.recent-posts li, #sidebar .jg_Popular_Posts ul.recent-posts li {min-height:65px;list-style:none!important;} #sidebar .jg_Recent_Posts ul.recent-posts img, #sidebar .jg_Popular_Posts ul.recent-posts img {border: 1px solid #BFCCD9;padding:2px;margin:0 10px 0 0;float:left;} #sidebar .jg_Recent_Posts ul.recent-posts img:hover, #sidebar .jg_Popular_Posts ul.recent-posts img:hover {border:1px solid #999;} #sidebar .jg_Recent_Posts ul.recent-posts .most-recent-title a, #sidebar .jg_Popular_Posts ul.recent-posts .most-recent-title a{font-size: 12px;} #sidebar .jg_Recent_Posts ul.recent-posts .most-recent-excerpt, #sidebar .jg_Popular_Posts ul.recent-posts .most-recent-excerpt { font-size: 12px;} /* Footer */ #home-widgets ul.recent-posts {list-style:none!important;} #home-widgets ul.recent-posts li {min-height:65px;list-style:none;} #home-widgets ul.recent-posts img {border:1px solid #ccc;padding:2px;margin:0 10px 0 0;float:left;} #home-widgets ul.recent-posts img:hover {border:1px solid #999;} #home-widgets ul.recent-posts .most-recent-title a {color:#333;} #home-widgets ul.recent-posts .most-recent-title a:hover {color:#458AB3;} #home-widgets ul.recent-posts .most-recent-excerpt {color:#999;} /*------------------------------------------------*/ /* Flickr Widget /*------------------------------------------------*/ ul.flickr {list-style:none;margin-top:10px;} ul.flickr li {display:inline;float:left;margin:0 8px 9px 0;} ul.flickr li.last {margin-right:0;} ul.flickr img {padding:2px;border: 1px solid #BFCCD9;} ul.flickr img:hover {border:1px solid #999;} /*------------------------------------------------*/ /* Video Widgets /*------------------------------------------------*/ #call-to-action .cta-widget h2.widgettitle {display:none;} #call-to-action .cta-widget .jg_youtube {position:relative;left:20px;bottom:17px;} #call-to-action .cta-widget .jg_vimeo {position:relative;left:40px;bottom:18px;} /*------------------------------------------------*/ /* Ads 120x240, 125x125, 300x250 /*------------------------------------------------*/ .jg_ad120x240_widget .sidebar_ad {text-align:center;} .jg_ad120x240_widget .sidebar_ad img {border:1px solid #CCCCCC;padding:2px;} .jg_ad120x240_widget .sidebar_ad img:hover {border:1px solid #999999;} .ads-125 {margin-left:10px;} #home-widgets .ads-125 {margin-left:0px;} .jg_ad125x125_widget ul li {list-style:none;float:left;display:block;margin:0 10px 10px 0;} .jg_ad125x125_widget img {border:1px solid #CCCCCC;padding:2px;} .jg_ad125x125_widget img:hover {border:1px solid #999999;} /*------------------------------------------------*/ /* categories Widget /*------------------------------------------------*/ .widget_categories ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } #sidebar .widget_categories .cat-item { list-style-type: disc; margin-left: 20px; color: #8EB0D1; } /*------------------------------------------------*/ /* Blog Tabs Widget /*------------------------------------------------*/ .jg_blog_widget #tabs {padding: 0;width: 300px;} .jg_blog_widget ul#tab-items {border-bottom: 1px solid #CFCFCF;margin-left: 1px!important;padding-right: 1px;float: left;height: 40px;list-style: none!important;margin: 0;padding: 0;} .jg_blog_widget #tab-items li {background: none repeat scroll 0 0 #E8E8E8;border: 1px solid #CFCFCF ;border-left:none;float: left;height: 40px;line-height: 40px;margin: 0 0 -5px;overflow: hidden;padding: 0;width: 100px;list-style:none!important;} .jg_blog_widget #tab-items li#jg_tab1 { width: 72px; } .jg_blog_widget #tab-items li#jg_tab2 { width: 70px; } .jg_blog_widget #tab-items li#jg_tab3 { width: 90px; } .jg_blog_widget #tab-items li#jg_tab4 { width: 63px;border-right:none; } .jg_blog_widget #tab-items li a{border:1px solid #FFF;color:#5E5E5E;display:block;font-size:12px;text-decoration:none;padding: 0 2em .2em 1.4em;} .jg_blog_widget #tab-items .ui-state-active {border-bottom:none;} .jg_blog_widget .ui-widget-content {border:none!important;} .jg_blog_widget .ui-corner-top {border-top-right-radius:0px;border-top-left-radius:0px;} .jg_blog_widget .ui-corner-all {border-radius:0px;} .jg_blog_widget .ui-widget-header {background:none;border:none;color:#fff;font-weight:normal;} .jg_blog_widget .ui-widget {font: normal 12px/18px 'Droid Sans', arial, sans-serif;} .jg_blog_widget .ui-tabs .ui-tabs-panel {padding: 0 0;} .jg_blog_widget .ui-tabs .ui-tabs-nav li {top:0;} .jg_blog_widget #tab-items li.ui-tabs-selected a, .jg_blog_widget #tab-items li.ui-state-active a {background: #ffffff;text-decoration: none;color: #666;} .jg_blog_widget #tab-items li a:hover {background: #fff;} .jg_blog_widget #tab-items li.ui-state-active a:hover {line-height: 40px;} .jg_blog_widget .tabs-inner {border: 1px solid #d2d2d2;padding: 10px 0 10px 0;background: #fcfbf9;} .jg_blog_widget .ui-tabs-hide { display: none; } .jg_blog_widget .tab ul {list-style-type: none;margin: 40px 0 0!important;margin-bottom: 0;} .jg_blog_widget .tab ul h3 {margin-bottom:5px;} .jg_blog_widget .tab ul li {border-bottom: 1px solid #e2e2e2;padding: 10px 10px 10px 20px;min-height: 60px;list-style:none!important;} .jg_blog_widget .tab ul li:last-child {border-bottom: none;} .jg_blog_widget .tab-thumb { background: #9a9a9a;float: left;margin: 5px 13px 0 0; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .jg_blog_widget .tab-thumb img { vertical-align: bottom; } .jg_blog_widget .entry-title, .jg_blog_widget .entry-title a {font-size: 12px;line-height: 18px;text-transform: none;font-weight: normal;padding: 0;} .jg_blog_widget .entry-meta {float: left;padding: 0;margin: 0;} .jg_blog_widget .entry-meta, .jg_blog_widget .entry-meta a {color: #aaaaaa;background: none;font-size: 11px;} .jg_blog_widget .entry-meta a:hover {text-decoration: none;color: #444444;} .tab-comments .avatar {background: #9a9a9a;float: left;margin: 5px 13px 0 0; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .tab-comments h3, .tab-comments h3 a {font-size: 12px;line-height: 20px;font-weight: normal;font-style: italic;color: #666;text-transform: none;} /* Tag Cloud */ .tab-tags {font: normal 10px/20px 'Droid sans',arial,sans-serif;margin:50px 10px 0 20px;} .tab-tags a {text-decoration: none;padding: 4px 10px;background: #efefef;display: inline-block;color:#A0A0A0;font-style:normal;margin:0 7px 7px 0;background: #efefef;display: inline-block;border: 1px solid #dadada;} .tab-tags a:hover {color: #333;border: 1px solid #ccc;background-color:#ebebeb;} /*------------------------------------------------*/ /* Quote Rotator Widget /*------------------------------------------------*/ .cta-widget #flexi-quote-rotator h4 {display: inline;left: 73px;position: relative;top: 35px;width: 230px;} #quotearea {background: url(images/testimonial-quotes.png) 0 33px no-repeat;width: 230px;height: 100px;padding: 30px 35px 0;margin: 15px auto;} #quoterotator {line-height: 1.5em;} #quoteauthor {display: block;text-align: right;font-style: italic;margin-top:10px;} #home-widgets #quotearea {background: url(images/testimonial-quotes.png) no-repeat scroll 3px 8px transparent;float: left;margin: 0 auto 15px;padding: 5px 35px 0 40px;width: 230px;} /*------------------------------------------------*/ /* Column Shortcodes /*------------------------------------------------*/ .grid_one { width: 60px; } .grid_two { width: 280px; } .grid_three { width: 220px; } .grid_four {width: 300px;} .grid_five { width: 380px; } .grid_six {width: 460px;} .grid_seven{ width: 540px; } .grid_eight { width: 600px; } .grid_nine { width: 680px; } .grid_ten {width:760px;} .grid_one, .grid_two, .grid_three, .grid_four, .grid_five, .grid_six, .grid_seven, .grid_eight, .grid_nine, .grid_ten { position: relative; margin-right: 20px; margin-bottom: 20px; float: left;} .column-last {margin-right:0;} /*------------------------------------------------*/ /* Button Shortcodes /*------------------------------------------------*/ .buttons {font-size: 13px;cursor: pointer;text-shadow: 0px 1px 1px rgb(255, 255, 255);padding: 5px 12px;border-radius: 10px; display: inline-block;} /* Blue Button */ .btn_blue { box-shadow: ; -moz-box-shadow:inset 0px 1px 0px 0px #dcecfb, 0 1px 2px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb, 0 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow:inset 0px 1px 0px 0px #dcecfb, 0 1px 2px 0px rgba(0, 0, 0, 0.2); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea)); background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%); background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%); background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%); background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%); background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0); background-color:#bddbfa; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #84bbf3; text-shadow:0px 1px 0px #528ecc; color:#ffffff; -webkit-transition: background 500ms ease-out 1s; -moz-transition: background 500ms ease-out 1s; -o-transition: background 500ms ease-out 1s; transition: background 500ms ease-out 1s; } .btn_blue:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa)); background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%); background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%); background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%); background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%); background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0); background-color:#80b5ea; color:#ffffff; -webkit-transition: background 500ms ease-out 1s; -moz-transition: background 500ms ease-out 1s; -o-transition: background 500ms ease-out 1s; transition: background 500ms ease-out 1s; } } /*------------------------------------------------*/ /* Alert Shortcodes /*------------------------------------------------*/ .alert {text-align: center;margin: 0 0 25px 0;padding: 10px;} .alert.blue {background: url(images/shortcodes/alert-blue.gif);border-top: 1px solid #89acd1;border-bottom: 1px solid #89acd1;color: #326294;} .alert.red {background: url(images/shortcodes/alert-red.gif);border-top: 1px solid #f9bac7;border-bottom: 1px solid #f9bac7;color: #d54c4c;} .alert.orange {background: url(images/shortcodes/alert-orange.gif);border-top: 1px solid #efd1b1;border-bottom: 1px solid #efd1b1;color: #cc6600;} .alert.green {background: url(images/shortcodes/alert-green.gif);border-top: 1px solid #cadba7;border-bottom: 1px solid #cadba7;color: #5f8b33;} .alert.white {background: #F5FAFD;border: 1px solid #CEDEEE;border-radius: 8px;padding: 10px;margin-bottom: 10px;} .alert.white.right {text-align: left; float: right; margin-left: 10px} .alert.dark {background: url(images/shortcodes/alert-dark.gif);border-top: 1px solid #333333;border-bottom: 1px solid #333333;color: #ffffff;} /*------------------------------------------------*/ /* Info Box Shortcodes /*------------------------------------------------*/ .infobox-wrap {clear: both;} .infobox-wrap p:last-child { margin: 0 } .inner {color: #585858;padding: 20px 15px 20px 15px;border: 1px solid #d3d3d3;border-top: none;overflow: hidden; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .infobox-wrap h4 {font-family: 'Lato', arial, sans-serif;padding: 13px 15px 12px 15px;margin: 0;font-size: 16px;border: 1px solid #d3d3d3;background:#efefef; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /*------------------------------------------------*/ /* Horizontal Rule Shortcodes /*------------------------------------------------*/ .hr-shortcode {background: url("images/hr-pattern.png") repeat-x scroll 0 0 transparent;height: 17px;margin:20px 0;} /*------------------------------------------------*/ /* Tabbed Box Shortcode /*------------------------------------------------*/ .tabs {padding: 10px 10px 10px 0;float: none;} .tabs ul {margin: 0} .tabs li { list-style: none;margin-left:0px; } .tab_wrap {background: #fff;color: #444444;border: 1px solid #d2d2d2; float: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .tabs ul.nav {background: #efefef;width: 100%;height: 39px;font-size: 12px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .tabs ul.nav li a {display: block;padding: 11px 20px 8px 20px;text-align: center;border: none;color: #555555;font-family: 'Lato', arial, sans-serif;} .tabs ul.nav li a:hover {background: url(images/shortcodes/tab_border.gif) repeat-y right #fff } .tabs ul.nav li.ui-tabs-selected a:hover { padding-bottom: 9px } .tabs ul.nav li {float: left;position: relative;padding: 0 0 0 0;background: url(images/shortcodes/tab_border.gif) repeat-y right;} .tabs .padder { padding: 20px 20px; } .tabs .tab p:last-child { margin: 0 } .tabs ul.nav li.ui-tabs-selected a {background: url(images/shortcodes/tab_border.gif) repeat-y right #fff;border: none;padding-bottom: 9px;} .tabs ul.nav li.first a { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } .tabs .tab {float: none;padding: 0;margin: 0;} .ui-tabs .ui-tabs-hide {display:none } /*------------------------------------------------*/ /* Toggle Content Shortcode /*------------------------------------------------*/ .infobox-wrap.toggle h4 {cursor: pointer } #content .callout_box.toggle h4:hover { border: 1px solid #bebebe } .infobox-wrap.toggle h4 span {background: url(images/shortcodes/up_down_sprite.gif) 12px 12px;display: block;float: left;width: 12px;height: 12px;margin: 3px 10px 0 0;} /*------------------------------------------------*/ /* Tooltip /*------------------------------------------------*/ .bubbleInfo {position: relative;margin-top:10px;z-index:80;} .popup {position: absolute;display: none; /* keeps the popup hidden if no JS available */} .popup {position: absolute;display: none;z-index: 50;border-collapse: collapse;background-color:#ffffff;border:1px solid #ccc;padding:10px;text-align:center;} /*plugins*/ #home-portfolio .twitter_themes_widget h4,#home-portfolio h3,.home .title h3 {margin: 0 0 10px 0;font-size:20px;border:none; padding: 0 0 3px 0;border-bottom: 1px solid #DDE1E4;} #home-portfolio .tweet_list {height: 351px!important;} /*wp_syntax*/ .wp_syntax table {border:none; margin-bottom:0} /*c4d youtube*/ ul.ytchagallery a.ytcthumb{ border:0!important; } .ytcthumb-cont{ border: 1px solid #BFCCD9; padding: 2px; } /*------------------------------------------------*/ /* responsive /*------------------------------------------------*/ @media (max-width: 750px){ #sidebar{ display: none; } body{ min-width: 320px; } *{ max-width: 100%; } img{ height: auto!important; } header > a{ display: block; overflow: hidden; margin-bottom: 10px; } #top_nav{ position: relative; float: none; margin: 20px 0 0 0; } #top_nav li{ padding: 0 5px; margin: auto; } #post-content-wrap{ padding: 0 20px 0 10px; box-sizing: border-box; } #logo{ width:100% } #logo #desc{ position: relative; top: inherit; } .sf-menu{ float: none; margin: auto; padding: 0 20px 0 10px; } .social-search ul{ margin-left: 5px; -ms-transform: scale(.8); /* IE 9 */ -webkit-transform: scale(.8); /* Safari */ transform: scale(.8); } .social a{ margin-left: 10px; } .social li:first-child a{ margin-left: 0; } #search{ margin-left: 10px; width: auto; } #search #searchform input{ width: 28px; } .page-template-template-portfolio-three-php .container_12 .grid_4{ width: 220px; } #post-content-wrap ul#portfolio img{ width: 99%; height: auto; } #post-content-wrap .ultimo-port{ padding-right: 20px; } .port-sep{ display: none; } .container_12 .grid_1{ width: calc(1*100%/12); } .container_12 .grid_2{ width: calc(2*100%/12); } .container_12 .grid_3{ width: calc(3*100%/12); } .container_12 .grid_4{ width: calc(4*100%/12); } .container_12 .grid_5{ width: calc(5*100%/12); } .container_12 .grid_6{ width: calc(6*100%/12); } .container_12 .grid_7{ width: calc(7*100%/12); } .container_12 .grid_8{ width: calc(8*100%/12); } .container_12 .grid_9{ width: calc(9*100%/12); } .container_12 .grid_10{ width: calc(10*100%/12); } .container_12 .grid_11{ width: calc(11*100%/12); } .container_16 .grid_9{ width: calc(15.2*100%/16); } #home-portfolio ul#portfolio li { width: 43%;} .mosaic-block{ height:auto} .mosaic-backdrop{ position:relative; height: auto; } .mosaic-overlay { height: auto; } #home-portfolio h4 { clear:both } #slider .entry-content { padding-left: 5px; } #slider .entry-content > h2, #slider .entry-content > p, #slider .entry-content > a { display:none } #slider h1 { font-size:20px; line-height: 1.2; } #slider { margin: 10px 0 0 0; height: 230px; } #blog-list ul { margin-top: 10px; width: 100%; } #home-blog .home-post-content { margin: 10px 0 0 0; } #home-blog-post-wrap .grid_4{ width:100% } }