/*
Theme Name:Yourself
Theme URI:http://themeyourself.com/
Description:Your site, your style
Author:Marcos Fdez Villauriz
Author URI:http://marcos.villauriz.com
License:GNU General Public License version 3.0
License URI:http://www.gnu.org/licenses/gpl-3.0.html
Version:1.0
*/
/*
Content:

0. CSS Reset 
1. Basic
2. Blog
2.1.- Layout
2.2.- Entry content
3. Comments
4. Templates
4.1. Home
4.2. 404
4.3. Contact
4.2. Portfolio
5. Menus
5.1. Primary
5.2. Secondary
6. Social
7. Sliders
6.1. Flex Slider
6.2. Cycle Slider
8. Buttons
9. Footer
10. Widgets
10.1. Tabs and Recent
10.2. Twitter and Flickr
10.3. Screenshot and Screencast
10.4. Ads 
10.5. Login and Contact Form
10.6. Search and Text
10.7. Menus
10.8. Sliders
11. Shortcodes
 11.1. Columns
 11.2. Typograpfy
 11.3. Alerts
 11.4. Testimonials and call to action
 11.5. Icons
 11.6. Buttons
 11.7. Tabs
 11.8. Toggle
 11.9. Posts and Portfolios
 11.10. Lists
 11.11. Price Tables
12. Other styles
13. Media Queries
*/
/*-----------------------------------------------------------------------------------*/
/*0.CSS Reset - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}/* Hide from IE Mac \*/ .clearfix{display:block}/* End hide from IE Mac */ .none{display:none}/* End Clearfix */

/*-----------------------------------------------------------------------------------*/
/*1.- Typography
/*-----------------------------------------------------------------------------------*/

  /*
	  14 / 16 =     0.875em     (14px equivalent)
	  15 / 16 =     0.9375em     (14px equivalent)
	  16 / 16 =     1em         (16px equivalent)
	  18 / 16 =     1.125em     (18px equivalent)
	  20 / 16 =		1.25em		(20px equivalent)
	  21 / 16 =     1.3125em    (21px equivalent)
	  22 / 16 = 	1.375em		(22px equivalent)
	  24 / 16 =     1.5em       (24px equivalent)
	  26 / 16 =		1.625em		(26px equivalent)	
	  30 / 16 =     1.875em     (30px equivalent)
	  32 / 16 = 	2em			(32px equivalent)
	  72 / 16 =     4.5em       (72px equivalent)
  */

body, 
input, 
textarea{color:#767676; font:100% "Open Sans",serif; -webkit-font-smoothing:antialiased;}

body{ text-rendering:optimizeLegibility; /* Turns on ligatures and kerning */-moz-font-feature-settings:"liga=1, dlig=1"; -ms-font-feature-settings:"liga", "dlig"; -o-font-feature-settings:"liga", "dlig"; -webkit-font-feature-settings:"liga", "dlig"; font-feature-settings:"liga", "dlig"; /* For more refined (but less supported) ligature control */ }

p, 
ul, 
ol, 
dt, 
dd{margin-top:10px}

p, 
dl, 
dd, 
dt, 
ul li, 
ol li, 
table, 
textarea{line-height:1.65}

h1, 
h2, 
h3, 
h4, 
h5, 
h6{color:#1e4743; font-family:"Droid Sans",sans-serif; line-height:1.4; padding:0}
h1{font-size:1.25em}
h2{font-size:1.125em}
h3{font-size:1em}
h4{font-size:0.875em}
h5{font-size:0.8125em}
h6{font-size:0.75}

#logo, 
#logo h1{font:bold 1em "Ubuntu"; white-space: nowrap;}

h1.header-title, 
h1.portfolio-title{ font: normal 2.375em Oswald; color:#fff; text-transform: uppercase; white-space: nowrap; margin: 0px 0px;}
#portfolio-nav{color:#333; font-family:Oswald; font-weight:normal}
#portfolio-nav li{font-size:0.875em;}

.post .entry-title{ font:bold 1.625em Bitter;}
.widget-title{ font-size: 1em; }
.widget h5.entry-title{ font-size: 0.9375em; }
.widget .entry-meta{ font-size: 0.875em;}

.note{color:#8d7825; font-weight:bold;}


pre, 
code{white-space:pre; font-family:"Courier New"; line-height:1.6}

blockquote, 
.pull{font-weight:bold;}

.dropcap{font-size:4em; line-height:40px;}

h2.impact-header{ font: normal 2.375em "Oswald";}

.error404 .post .entry-title{font-size:2em; line-height:1.3;}

.filter-posts h2.entry-title{font-size: 0.9375em;}

h3.social-foo-call{font: normal 1.25em  "Bitter"; color:#fff;}

#footer-social-profiles li h4{ font: normal 0.875em "Oswald";}

#footer{font: 0.9375em "Droid Sans"; color:#aaa;}
#footer button{color:#fff; font-size: 0.9em; font-weight:bold;}

a.btn{ font-size:11px; }
#content button.btn span.left{ font-size:11px; }
#sidebar button.btn span.left{ font-size:11px; }

.price_table .table_price{font-size:1.875em; font-weight: bold; text-align:center}

#sidebar{ font-size: 0.9375em; }

.pi_tabs_widget .tabs h4{font-size:0.9375em;}

/*-----------------------------------------------------------------------------------*/
/*1.- Basic
/*-----------------------------------------------------------------------------------*/
body{
	background-color:#fefefe;
	background: url(resources/img/footer-bg.jpg) repeat-x bottom;
}

img,
embed,
object,
video{ max-width: 100%; height: auto;}

a{color:#333; text-decoration:none; transition:color 0.2s linear; -moz-transition:color 0.2s linear; -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear}

a:hover{color:#6e99b9}

a img{border:none;  vertical-align:bottom}

input, 
textarea{border:1px solid #e0e0e0; padding:5px}

#container{margin:0px auto; width: 90%; max-width:1280px; min-width: 980px;}

#header{position: relative; min-height: 40px; padding: 0; }

#logo, 
#logo h1{float:left; margin:6px 10px 5px 10px}

h1.no-logo{padding-top: 15px; padding-bottom: 15px;}
a.no-logo{padding:20px 0 21px 10px; display: block; }

.no-logo a:hover,
a.no-logo:hover{color: #fff;}

#content{position: relative;}

#featured-home{position: relative; width: 100%;}

#tagline{position:relative; z-index: 10; margin: 0 30px;}

#tagline h1,
#tagline h2,
#tagline h3{ padding:0 40px; }

#portfolio-tagline{position:relative; border-bottom:1px solid #f0f0f0; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-transform:uppercase; -webkit-box-shadow:0px 1px 2px #f7f7f7;  -moz-box-shadow:0px 1px 2px #f7f7f7;  box-shadow:0px 1px 2px #f7f7f7; z-index: 10;}

h1.header-title, 
h1.portfolio-title{float:left; display:inline;  padding:3px 0 3px 2.4%; white-space: nowrap;}

.custom-h1{height:0px; display:none}

h1.portfolio-title{margin-top:9px; margin-bottom:7px}

#portfolio-nav{float:right; color:#333; font-weight:normal}

/*-----------------------------------------------------------------------------------*/
/*2.- Blog
/*-----------------------------------------------------------------------------------*/
/*----------------------------*/
/*2.1- Layout
/*-----------------------------*/

/* full width */
.layout-1col-fixed #blog-posts{width: 100%}

/* right sidebar */
.layout-2c-r-fixed #blog-posts{padding-right: 320px;}

.layout-2c-r-fixed #sidebar{width: 320px; position: absolute; top: 0; right: 0; border-left: 1px solid #f0f0f0;}

/* left sidebar */
.layout-2c-l-fixed #blog-posts{padding-left: 320px;}

.layout-2c-l-fixed #sidebar{width: 320px; position: absolute; top: 0; left: 0; border-right: 1px solid #f0f0f0;}

/* Default Blog style */
.post-thumb{ padding-top: 20px; }

.post-thumb{margin:0px 1.5625% 0px 1.5625%}

.post-video{padding:20px 2.1% 0px 2.1%}

.layout-2c-r-fixed .post-thumb, 
.layout-2c-l-fixed .post-thumb{ margin-left: 2.08333%; margin-right: 2.08333%; }

.entry-title, 
.entry-content, 
.entry-meta{margin-left:3%; margin-right:3%}

.entry-title{margin-top:20px}

#blog-posts >.post, 
#blog-posts >.page, 
#blog-posts >.portfolio{padding-bottom:20px;}

/* author bio */
.author-bio{border-top:1px solid #f0f0f0; margin-top:20px; padding:20px 20px 0 20px}

.author-bio .author-thumb{float:left}

.author-bio .author-detail{margin-left:80px}

.page-navigation{padding: 20px 2.5% 20px 1.5625%; float:right;}

.page-navigation.type-comments{float:left; margin-left:-10px; padding:10px 0 10px 0px}

.empty-post{padding-bottom:20px}

.empty-post a:hover{border-bottom:1px solid transparent !important}

/*------------------------------*/
/*2.2.- Entry content
/*------------------------------*/
.entry-content ul, 
.entry-content ol{padding-left:50px}

.entry-content ul li{list-style-type:disc}

.entry-content ol li{list-style-type:decimal}

#blog-posts >.post a, 
#blog-posts >.page a, 
#blog-posts >.portfolio a, 
#blog-posts >#post-0 a{border-bottom:1px dotted}

#blog-posts >.post a:hover, 
#blog-posts >.page a:hover, 
#blog-posts >.portfolio a:hover, 
#blog-posts >#post-0 a:hover{border-bottom:1px solid transparent}

#blog-posts >.post a img, 
#blog-posts >.page a img, 
#blog-posts >.portfolio a img, 
#blog-posts >#post-0 a img{border:0; display:block}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6{padding-top:20px}

.note{position:relative; background-color:#fef9c7; margin:20px 30px; padding: 10px 15px 20px 20px}

pre, 
code{overflow:auto; margin:20px 30px; padding:10px; clear:both; background:#f7f7f7;}

blockquote, 
.pull{background:url(resources/img/ui.png) no-repeat 0 -140px;  padding:0 30px 0 50px;  margin:20px 0 30px 30px; min-height:40px;}

.edit-message{padding:12px 5% 12px 5%;  font-style:italic;  text-align:center; position: relative; top:20px; margin-bottom: 10px; border-top:1px solid #ffc40d;  border-bottom:1px solid #ffc40d;  background-color:#fff6d9;  color:#ffc40d}

.alignright{ float:right;  margin:20px 0 20px 20px}

.alignleft{ float:left;  margin:20px 20px 20px 0}

.aligncenter{ display:block;  margin:20px auto 20px auto; text-align: center;}

.aligncenter .wp-caption,
.aligncenter .gallery-caption{ margin-left: auto; margin-right:auto;}

.wp-caption, 
.gallery-caption{padding:5px; border:1px solid #f0f0f0 !important}

.wp-caption-text{font-weight:bold; color:#333; text-align:center}

.media-video{margin-top: 20px;}

.entry-title a{border-bottom:none !important}

/* meta */
.entry-meta{ margin-top:10px; margin-bottom: 10px; padding-bottom: 5px; line-height: 1.8;}

.entry-meta span{ margin-right: 15px; padding-left: 25px; background: url(resources/img/mini-icons.png) no-repeat; }

span.post-date{ background-position: 0 -20px; }
span.post-categories{ background-position: 0 -40px; }
span.post-comments{ background-position: 0 -60px; }

.btn.more-link{margin-top:5px; text-transform:uppercase}

/*-----------------------------------------------------------------------------------*/
/* 3.- Comments
/*-----------------------------------------------------------------------------------*/
#respond{padding:20px}

#respond input{width:70%; margin-right:1%}

#respond textarea{width:80%}

.respond-message{margin-bottom:20px}

#comments-wrap{padding:20px 20px 0 20px; border-bottom:1px solid #f0f0f0}

li.comment .vcard{float:left}

.comment-wrap{margin:20px 0}

.comment-content{margin-left:80px}

ul.commentslist li ul.children li{border:none; margin-left:30px}

.nocomments{padding:0 0 10px 20px}

/*-----------------------------------------------------------------------------------*/
/* 4.- Templates
/*-----------------------------------------------------------------------------------*/
/*----------------------*/
/* 4.1- Home
/*----------------------*/
.call-to-action{padding:10px 0px 50px 40px;}

h2.impact-header{margin-bottom:10px}

.call-to-action p{float:left; width:80%}

.call-to-action a.btn{float:right; margin:20px 10px 0 20px}

/*------------------------*/
/* 4.2- Error 404
/*------------------------*/
.error404.layout-1col-fixed #blog-posts, 
.error404.layout-2c-l-fixed #blog-posts, 
.error404.layout-2c-r-fixed #blog-posts{width:100%; border:0}

.error404 .post{width:50%; height:400px; margin:0 auto; padding-top:100px; text-align:center}

.error404 .post .entry-title{ margin-bottom:20px}

/*------------------------*/
/* 4.3- Contact
/*------------------------*/

.page-template-template-contact-php .one_half{width:43.8%; padding: 20px 2.3%;}

.one_half .entry-content{ margin: 0; }

.page-template-template-contact-php .last{ border-left: 1px solid #f0f0f0; }

#contact-form textarea{ width: 90%; }

#contact-form input{width: 60%;min-width:300px; margin-right:5px}

#contact-form button.btn{margin-top:0}

/*------------------------*/
/* 4.4- Portfolio
/*------------------------*/

.filter-posts h2.entry-title{text-align:center}

.layout-2c-l-fixed .filter-posts li:last-child .entry-title, 
.layout-2c-r-fixed .filter-posts li:last-child .entry-title{padding-bottom:20px}

.filter-posts .post-thumb{position:relative; margin:0; padding-top: 0;}

.filter-posts li{margin:0}

/* full width layout */
.layout-1col-fixed #portfolio-content .filter-posts{padding-top:25px; margin-top: 0;}

.layout-1col-fixed .filter-posts li{float:left; position:relative;margin-left: 2.2%; padding-bottom: 25px;}

/* one column */
.layout-1col-fixed .one-column li{width:95.6%}

/* two columns */
.layout-1col-fixed .two-columns li{width:46.7%}

/* three columns */
.layout-1col-fixed .three-columns li{width:30.5%}

/* four columns */
.layout-1col-fixed .four-columns li{width:22.35%;}

/* 2 columns fixed layout */
 
.layout-2c-r-fixed .filter-posts{padding-right: 320px; padding-top: 25px; margin-top: 0;}

.layout-2c-l-fixed .filter-posts{padding-left: 320px; padding-top: 25px; margin-top: 0;}

.layout-2c-r-fixed .filter-posts li, 
.layout-2c-l-fixed .filter-posts li{float:left; position:relative;margin-left: 3%;}

.layout-2c-r-fixed .one-column li, 
.layout-2c-l-fixed .one-column li{width:94%}

.layout-2c-r-fixed .two-columns li, 
.layout-2c-l-fixed .two-columns li{width:45.8%}

.layout-2c-r-fixed .three-columns li, 
.layout-2c-l-fixed .three-columns li{width:29.5%}

.layout-2c-r-fixed .four-columns li, 
.layout-2c-l-fixed .four-columns li{width:21.2%}

.screencast-play{position:absolute; top: 50%; left:50%; margin-top:-26px; margin-left:-26px; height:53px}

/* single portfolio */
.single-portfolio.layout-1col-fixed #blog-posts, 
.single-portfolio.layout-2c-r-fixed #blog-posts, 
.single-portfolio.layout-2c-l-fixed #blog-posts{border:0; width:100%; padding: 0;}

.single-portfolio #blog-posts >.portfolio{padding:0}

.single-portfolio #blog-posts >.portfolio a{border:0}

.single-portfolio .post{border:1px solid red !important}

#portfolio-meta{width: 100%; border-bottom:1px solid #f0f0f0; padding-bottom: 25px;}

#portfolio-meta #slider{ margin-bottom: 5px; }

#portfolio-meta .post-thumb{padding-top: 25px}

#portfolio-meta-slider{ padding: 25px 2.3% 0 2.3%;}

#related-portfolio{float:left; width:50%}

#related-portfolio ul{margin:0; padding:5px 5px 0 5px}

#related-portfolio .post-thumb{ padding-top: 0; }

.related-portfolio-title{margin:20px 15px 0 15px}

#related-portfolio .portfolio-item{float:left; width:45.8%; margin:10px;}

#related-portfolio .portfolio-item .post-thumb{ margin: 0 !important;}

#related-portfolio .portfolio-item:last-child{min-height:0}

#related-portfolio .portfolio-item .post-thumb{margin:0}

#related-portfolio .portfolio-item .entry-title{margin:10px 0 0 0; text-align:center}

#portfolio-content-single{float:left; padding:10px 2.3% 20px 2.3%}

.parcial-content{width:45.3%; border-right:1px solid #f0f0f0}

/*-----------------------------------------------------------------------------------*/
/* 5.- Menus
/*-----------------------------------------------------------------------------------*/
#primary-menu-toggle{display: none; background: url('resources/img/display-menu.png') no-repeat right top; text-shadow:1px 1px 2px #111}
#secondary-menu-toggle{display: none; text-align: right; background: url('resources/img/display-menu.png') no-repeat right bottom;}
h3#primary-menu-toggle,
h3#secondary-menu-toggle{ line-height: 1; margin: 0; padding: 0; }
h3#secondary-menu-toggle{ padding:0 35px 0 0;}
.menu-toggle-wrap{display: none; padding: 14px 3% 14px 0; }

/*-----------------------------------------------------------------------------------*/
/*6.- Social
/*-----------------------------------------------------------------------------------*/
.social-profiles{margin:0 1.5625% 0 0}

.social-profiles li{float:left; margin-left:7px}

.social-icon{float:left; width:25px; height:25px; text-indent:-9999px}

/* grey */
.grey a.social-icon{background:url('resources/img/social-grey.png') no-repeat}

/* black */
.dark a.social-icon{background:url('resources/img/social-dark.png') no-repeat}

/* black */
.light a.social-icon{background:url('resources/img/social-light.png') no-repeat}

a.social-icon{transition:all .3s linear;  -o-transition:all .3s linear;  -moz-transition:all .3s linear;  -webkit-transition:all .3s linear}

.social-profiles a.social-icon:hover, 
.social-profiles li:hover a.social-icon{opacity:0.75; filter:alpha(opacity=85)}

.social-profiles a.delicious, 
.social-profiles a.delicious:hover, 
.social-profiles li:hover a.delicious{background-position:-5px -5px}

.social-profiles a.deviantart, 
.social-profiles a.deviantart:hover, 
.social-profiles li:hover a.deviantart{background-position:-35px -5px}

.social-profiles a.digg, 
.social-profiles a.digg:hover, 
.social-profiles li:hover a.digg{background-position:-65px -5px}

.social-profiles a.dribbble, 
.social-profiles a.dribbble:hover, 
.social-profiles li:hover a.dribbble{background-position:-95px -5px}

.social-profiles a.email, 
.social-profiles a.email:hover, 
.social-profiles li:hover a.email{background-position:-125px -5px}

.social-profiles a.facebook, 
.social-profiles a.facebook:hover, 
.social-profiles li:hover a.facebook{background-position:-5px -35px}

.social-profiles a.formspring, 
.social-profiles a.formspring:hover, 
.social-profiles li:hover a.formspring{background-position:-35px -35px}

.social-profiles a.flickr, 
.social-profiles a.flickr:hover, 
.social-profiles li:hover a.flickr{background-position:-65px -35px}

.social-profiles a.foursquare, 
.social-profiles a.foursquare:hover, 
.social-profiles li:hover a.foursquare{background-position:-95px -35px}

.social-profiles a.forrst, 
.social-profiles a.forrst:hover, 
.social-profiles li:hover a.forrst{background-position:-125px -35px}

.social-profiles a.github, 
.social-profiles a.github:hover, 
.social-profiles li:hover a.github{background-position:-5px -65px}

.social-profiles a.google, 
.social-profiles a.google:hover, 
.social-profiles li:hover a.google{background-position:-35px -65px}

.social-profiles a.grooveshark, 
.social-profiles a.grooveshark:hover, 
.social-profiles li:hover a.grooveshark{background-position:-65px -65px}

.social-profiles a.instagram, 
.social-profiles a.instagram:hover, 
.social-profiles li:hover a.instagram{background-position:-95px -65px}

.social-profiles a.linkedin, 
.social-profiles a.linkedin:hover, 
.social-profiles li:hover a.linkedin{background-position:-125px -65px}

.social-profiles a.reddit, 
.social-profiles a.reddit:hover, 
.social-profiles li:hover a.reddit{background-position:-5px -95px}

.social-profiles a.rss, 
.social-profiles a.rss:hover, 
.social-profiles li:hover a.rss{background-position:-35px -95px}

.social-profiles a.skype, 
.social-profiles a.skype:hover, 
.social-profiles li:hover a.skype{background-position:-65px -95px}

.social-profiles a.tumblr, 
.social-profiles a.tumblr:hover, 
.social-profiles li:hover a.tumblr{background-position:-95px -95px}

.social-profiles a.twitter, 
.social-profiles a.twitter:hover, 
.social-profiles li:hover a.twitter{background-position:-125px -95px}

.social-profiles a.vimeo, 
.social-profiles a.vimeo:hover, 
.social-profiles li:hover a.vimeo{background-position:-5px -125px}

.social-profiles a.wordpress, 
.social-profiles a.wordpress:hover, 
.social-profiles li:hover a.wordpress{background-position:-35px -125px}

.social-profiles a.youtube, 
.social-profiles a.youtube:hover, 
.social-profiles li:hover a.youtube{background-position:-65px -125px}

/*-----------------------------------------------------------------------------------*/
/*7.- Sliders
/*-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*7.1- Flex Slider
/*----------------------------------------*/

#featured-blog-posts{ width: 96%; padding: 20px 2%; }
#featured-blog-posts #slider{ margin-bottom: 5px; }
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}
.home-flex.flexslider{ margin-bottom: 5px; }

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; display: none; background: url(resources/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0;}
.flex-direction-nav .flex-prev{ left: 10px; }
.flex-direction-nav .flex-next {background-position: 100% 0; right: 10px;}
.flexslider:hover .flex-next {opacity: 0.8;}
.flexslider:hover .flex-prev {opacity: 0.8;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {cursor: pointer;}
.flexslider:hover .flex-direction-nav a{ display: block; }
#carousel.flexslider:hover .flex-direction-nav a{ display: none; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flex-caption{ 
	position: absolute; 
	top: 60px; 
	font: 2.125em "Bitter";
	left: 100px;
	max-width: 450px;
	font-style: italic;
	color: #fff;
}

.home-flex .slides li{
	position: relative;
}

#featured-blog-posts .flex-caption{
	left: auto;
	margin-left: 10%;
}

.flex-caption a{
	color: #fff;
	line-height: 52px;
	padding: 0 0 2px 0;
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8);
	-webkit-transition-property:box-shadow, background;  
	 -webkit-transition-duration: 0.5s, 0.5s;  
	 -webkit-transition-timing-function: linear, ease-in; 
}

.flex-caption a:hover{
	background: rgba(242, 58, 11, 0.7);
	box-shadow: 10px 0 0 rgba(242, 58, 11, 0.7), -10px 0 0 rgba(242, 58, 11, 0.7);	
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

#featured-blog-posts .flex-caption{
	margin-left: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*7.2.- Nivo sliderfeature
/*-----------------------------------------------------------------------------------*/

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	background:#fff url(resources/img/loading.gif) no-repeat 50% 50%;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a {
	border:0;
	display:block;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:50px;
	background:#000;
	color:#fff;
	width:50%;
	margin-left: 5%;
	z-index:8;
	padding: 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	font: italic 2em "Bitter";
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	color:#fff;
	border-bottom:1px dotted #fff;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute; bottom:5px; z-index:9; cursor:pointer; display:block; width:25px; height:25px; text-indent:-9999px; border:0; background-color: #111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.nivo-prevNav{top:48%; left: 15px; background:url('resources/img/ui.png') no-repeat -25px 0}
.nivo-nextNav{top:48%; right:15px; background:url('resources/img/ui.png') no-repeat -50px 0}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position:absolute; right:15px; bottom:12px;}
.nivo-controlNav a {position:relative; cursor:pointer; z-index:9; width:10px; height:10px; background:url('resources/img/ui.png') no-repeat; text-indent:-9999px; border:0; margin-right:8px; float:left; border-bottom: none !important;}
.nivo-controlNav a.active { font-weight:bold; background-position:-12px 0 }

.nivoSlider .nivo-directionNav a { opacity: 1; }

.nivo-wrap{ position: relative; }

/*-----------------------------------------------------------------------------------*/
/*8.- Buttons
/*-----------------------------------------------------------------------------------*/
#content button.btn{margin-left:0; margin-top:10px; line-height:1.2em !important; background:none; border:none; cursor:pointer; padding:0}

#content button.btn span.left{background:url(resources/img/ui.png) 5px 0;     display:block;     padding:0 0 0 5px;     height:32px;     float:left;     font-family:"Droid Sans";     font-weight:bold;     color:#555;  text-transform:uppercase;     text-shadow:0px 1px 1px #eee;     text-align:center;     border:none}

#content button.btn span.right{    height:22px;     background:url(resources/img/ui.png) 100% -70px;     display:block;     padding:10px 15px 0 8px}

#content button:hover.btn span.left{background:url(resources/img/ui.png) 5px -35px}

#content button:hover.btn span.right{background:url(resources/img/ui.png) 100% -105px}

/*-----------------------------------------------------------------------------------*/
/*9.- Footer
/*-----------------------------------------------------------------------------------*/
/* social footer */
#footer-social-area{min-height:65px; background-color:#121314}

h3.social-foo-call{display:inline; float:left; padding-top:20px; margin-left: 2.35%;}

#footer-social-profiles, 
#footer-social-profiles-mini{float:right; margin-top: 10px;}

#footer-social-profiles li{float:left; padding:19px 10px; margin:0}

#footer-social-profiles-mini li{float:left; padding:11px 3px; margin:0}

#footer-social-profiles li a{float:left; color:#fff}

#footer-social-profiles li:hover a{color:#fff}

#footer-social-profiles li h4{display:inline; float:left; padding:4px 0 0 5px}

/* widgetized footer */
#footer{background-color:#009EE1; min-height:48px; text-shadow:1px 1px 2px #000}

#footer input, 
#footer textarea{background-color:#111; border:1px solid #1a1a1a}

#footer button{float:left; background-color:transparent; border:none; cursor:pointer; text-shadow:1px 1px 2px #000; transition:color 0.2s linear; -moz-transition:color 0.2s linear; -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear}

#footer button:hover{color:#6e99b9}

#footer .widget{margin-bottom:20px}

#footer .widget a{color:#fff; font-weight:bold}

#footer .widget a:hover{color:#6e99b9}

#footer .widget-title{color:#fff; padding-bottom:5px; text-transform:uppercase; border-bottom:1px solid #1a1a1a}

/* widgetized footer */
#widgets-wrap{padding-bottom:20px; border-bottom:1px solid #1a1a1a}

.widget-wrap{float:left}

#footer .layout-1col-fixed .widget-wrap{width:95.3%}

#footer .layout-2col-fixed .widget-wrap{width:46.15%; margin:0 1.5%}

#footer .layout-2c-r-fixed .column-1, 
#footer .layout-2c-l-fixed .column-2{width:61.2%}

#footer .layout-2c-r-fixed .column-2, 
#footer .layout-2c-l-fixed .column-1{width:31.1%}

#footer .layout-2c-r-fixed .column-1, 
#footer .layout-2c-l-fixed .column-1{margin-right:3%}

#footer .layout-3col-fixed .widget-wrap{width:29.7%; margin:0 1.5%}

#footer .layout-3c-r-fixed .column-2, 
#footer .layout-3c-r-fixed .column-3, 
#footer .layout-3c-l-fixed .column-1, 
#footer .layout-3c-l-fixed .column-2, 
#footer .layout-3cm-fixed .column-1, 
#footer .layout-3cm-fixed .column-3{width:22%;}

#footer .layout-3c-r-fixed .column-1, 
#footer .layout-3c-l-fixed .column-3, 
#footer .layout-3cm-fixed .column-2{width:45.3%;}

#footer .layout-4col-fixed .widget-wrap{width:21.575%; margin:0 1.5%}

#footer .layout-3c-r-fixed .widget-wrap, 
#footer .layout-3c-l-fixed .widget-wrap, 
#footer .layout-3cm-fixed .widget-wrap{margin:0 1.5%}

#footer .widget-wrap.margin-left-none{margin-left:2.35%}

#footer .widget-wrap.margin-right-none{margin-right:0}

/* copy and credits */
#credits-wrap{margin-top:5px; padding:3px 2.35% 0 2.35%; font-style: italic;}

#credits-wrap a{color:#fff}

#credits-wrap a:hover{color:#6e99b9}

#copy{display:inline; float:left; color:#fff; text-shadow: none;}

#credits{float:right; display:inline; white-space: nowrap;}

/*-----------------------------------------------------------------------------------*/
/*10.- Widgets
/*-----------------------------------------------------------------------------------*/
/* general */
#sidebar .widget{padding:10px; border-bottom:1px solid #f0f0f0}

.widget_search h4, 
.widget.pi_ad300_widget h4, 
.widget.pi_flickr_widget h4, 
.widget.pi_featured_post_widget h4, 
.widget.pi_posts_slider_widget h4{margin-bottom:10px}

/*----------------------------*/
/* 10.1- Tabs and Recent
/*----------------------------*/
#sidebar .widget.pi_tabs_widget{padding:0}

.pi_tabs_widget .post-thumb, 
.pi_recent_posts_widget .post-thumb{float:left; padding:0 10px 0 0; margin:0}

.pi_tabs_widget ul, 
.pi_tabs_widget .entry-meta, 
.pi_recent_posts_widget .entry-meta, 
.pi_tabs_widget .entry-title, 
.pi_recent_posts_widget .entry-title{margin:0}

.pi_tabs_widget .entry-title, 
.recent-posts-widget .entry-title{margin-bottom:5px}

.pi_tabs_widget .tab_content li{padding:10px}

#footer .pi_tabs_widget .tab_content li{padding:10px 0}

#sidebar .pi_tabs_widget .tab_content li{border-bottom:1px solid #f0f0f0}

#sidebar .pi_tabs_widget .tab_content li:last-child{border-bottom:none}

#sidebar .pi_tabs_widget .tabs{border-bottom:1px solid #f0f0f0}

.pi_tabs_widget .tabs li{float:left}

.pi_tabs_widget .tabs li.active a{color:#6e99b9}

.pi_tabs_widget .tabs h4{display:inline}

.pi_tabs_widget .tabs li a{display:block; padding:10px}

#sidebar .pi_tabs_widget .tabs li a{border-right:1px solid #f0f0f0}

.pi_recent_posts_widget li{padding:5px 0}

.pi_recent_posts_widget li:last-child{padding-bottom:0}

/* tab tags and tag cloud */
#tab4{padding:10px}

#tab4 a, 
.tagcloud a{background-color:#444; padding:5px; color:#fff; margin:5px; line-height:2.6; -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  -moz-transition:background 0.1s linear; -webkit-transition:background 0.1s linear; -o-transition:background 0.1s linear; transition:background 0.1s linear}

#footer #tab4 a, 
#footer .tagcloud a{background-color:#202020}

/* footer tabs */
.tagcloud{margin-top:10px}

#tab4 a:hover, 
.tagcloud a:hover, 
#footer #tab4 a:hover, 
#footer .tagcloud a:hover{color:#fff; background-color:#6e99b9}

#footer .pi_tabs_widget .tabs li a{padding:5px}

/*-------------------------------*/
/* 10.2- Twitter and Flickr
/*-------------------------------*/
ul.twitter li{ margin-bottom: 10px; }
.follow-me{margin-top:10px}
.pi_twitter_widget a{ font-weight: bold; }

/* flickr */
.pi-flickr-widget *{float:left}

/*------------------------------------*/
/* 10.3- Screenshot and Screencast
/*------------------------------------*/
.pi_video_widget .excerpt, 
.pi_screenshot_widget .excerpt{text-align:center; font-weight:bold;}

#footer .layout-3col-fixed .pi_video_widget .excerpt, 
#footer .layout-3col-fixed .pi_screenshot_widget .excerpt{text-align:center}

#footer .pi_video_widget .excerpt, 
#footer .pi_screenshot_widget .excerpt{color:#aaa}

.pi_video_widget .description, 
.pi_screenshot_widget .description{margin-bottom:10px}

.pi_video_widget .post-thumb, 
.pi_screenshot_widget .post-thumb{margin:0; position:relative}

/*----------------------------*/
/* 10.4- Ads
/*----------------------------*/
/* ads 125 */
.pi_ads125_widget .ads-125 li{float:left; padding:12px}

/*------------------------------------*/
/* 10.5- Login and Contact Form
/*------------------------------------*/
#sidebar button.btn{margin:0 10px 0 0; float:left}

#sidebar .login-options{display:block; padding-top:4px}

#footer .login-options{display:block; padding-top:2px}

.login-options a{margin-left:10px}

#footer .login-options a{margin-left:5px}

a.user-focus{border-bottom:1px dotted}

a.user-focus:hover{border-bottom:1px transparent}

.pi_login_form_widget input.input-text, 
.pi_contact_form_widget input{width:198px; margin-right:10px}

.pi_contact_form_widget textarea{width:260px}

#footer .layout-4col-fixed textarea, 
#footer .layout-3c-r-fixed .column-2 textarea, 
#footer .layout-3c-r-fixed .column-3 textarea, 
#footer .layout-3c-l-fixed .column-1 textarea, 
#footer .layout-3c-l-fixed .column-2 textarea, 
#footer .layout-3cm-fixed .column-1 textarea, 
#footer .layout-3cm-fixed .column-3 textarea{width:198px}

/*----------------------------*/
/* 10.6- Search and Text
/*----------------------------*/
.textwidget{margin-top:10px; line-height:1.65}

#searchform input{float:left; height:18px; width:214px; font-size: 0.875em;}

#searchform .btn{margin:0 0 0 -3px !important; float:none}

#footer #searchform .btn{margin-left:5px !important; padding-top:7px}

#footer .layout-4col-fixed #searchform input, 
#footer .layout-3c-r-fixed .column-2 #searchform input, 
#footer .layout-3c-r-fixed .column-3 #searchform input, 
#footer .layout-3c-l-fixed .column-1 #searchform input, 
#footer .layout-3c-l-fixed .column-2 #searchform input, 
#footer .layout-3cm-fixed .column-1 #searchform input, 
#footer .layout-3cm-fixed .column-3 #searchform input{width:130px}

/*----------------------------*/
/* 10.7- Menus
/*----------------------------*/
.widget_nav_menu h4, 
.widget_nav_menu h3{padding:10px}

.widget_nav_menu ul{margin:0; font-weight:bold}

.widget_nav_menu ul li{border-bottom:1px solid #f0f0f0}

#footer .widget_nav_menu ul li{border-bottom:1px solid #1a1a1a}

.widget_nav_menu ul li a{display:block; padding:5px 15px}

.widget_nav_menu ul li.current-menu-item a{color:#6e99b9}

.widget_nav_menu ul li:last-child{border-bottom:0}

#sidebar .widget_nav_menu.widget{padding:0}

.widget_nav_menu ul ul li{padding-left:30px}

/*-----------------------------------------------------------------------------------*/
/*11.- Shortcodes
/*-----------------------------------------------------------------------------------*/
/*----------------------------*/
/* 11.1.- Columns
/*----------------------------*/
.one_half, 
.one_third, 
.one_fourth, 
.one_fifth, 
.two_third, 
.three_fourth, 
.two_fifth, 
.three_fifth, 
.four_fifth{position:relative; float:left; line-height:1.6; margin-right:3%; margin-bottom: 10px;}

.one_half{width:48%}

.one_third{width:31%}

.one_fourth{width:22.5%}

.one_fifth{width:17.5%}

.two_third{width:66%}

.three_fourth{width:74%}

.two_fifth{width:38%}

.three_fifth{width:59%}

.four_fifth{width:79%}

.last{margin-right:0; clear:right}

.clear{clear:both; display:block; font-size:0; height:0; line-height:0; width:100%}

/*----------------------------*/
/* 11.2.- Typography
/*----------------------------*/
/* highlight */
.highlight{background-color:#fef9c7; padding:3px 5px}

/* dropcap */
.dropcap{color:#333 !important; display:block; float:left; margin:0 8px 0 0}

/* pull */
.pull{line-height:1.65; margin-bottom:20px; width:40%}

/* divider */
.divider{margin-top:10px; border-top:1px solid #f0f0f0}

.custom-divider{border-top:1px solid #f0f0f0; margin-left:-3.2%; margin-right:-3.2%}

.slider-divider{border-top:1px solid #f0f0f0}

/*----------------------------*/
/* 11.3.- Alerts
/*----------------------------*/
.alert{font-weight:bold; margin-top:0px; padding:0 20px 10px 20px}

.alert.green{ border-top:1px solid #46a546;  border-bottom:1px solid #46a546;  background-color:#e9eed5;  color:#46a546}

.alert.red{ border-top:1px solid #9d261d;  border-bottom:1px solid #9d261d;  background-color:#fae5e3;  color:#9d261d}

.alert.green{ border-top:1px solid #46a546;  border-bottom:1px solid #46a546;  background-color:#e9eed5;  color:#46a546}

.alert.yellow{ border-top:1px solid #ffc40d;  border-bottom:1px solid #ffc40d;  background-color:#fff6d9;  color:#ffc40d}

.alert.blue{border-top:1px solid #049cdb; border-bottom:1px solid #049cdb; background-color:#e6f8ff; color:#049cdb}

/*-------------------------------------------*/
/* 11.4.- Testimonials and call to action
/*-------------------------------------------*/
.testimonials{padding:0 !important}

.testimonials li{list-style:none !important;     background:url(resources/img/ui.png) no-repeat 0 -140px;  padding:0 30px 0 50px;  margin:20px 0 20px 20px;  min-height:40px;  color:#333}

.testimonials.cycle-slider li:first-child{display:block; width:85%}

.testimonial_author{font-weight:bold; display:block; margin-top:10px}

/* call to action */
.call_content{float:left; max-width:70%}

.call_to_action .btn{margin-top:25px}

.testimonials.cycle-slider{margin:0}

.testi-nav.cycle-nav{margin-top:0}

/*----------------------------*/
/* 11.5.- Icons
/*----------------------------*/
.icons{margin-bottom:20px}

.icons h1, 
.icons h2, 
.icons h3, 
.icons h4, 
.icons h5, 
.icons h6{margin:0 0 10px 0}

.entry-content >.icons .icon-content{line-height:1.65}

.icon-content{margin-left:60px}

.icon{height:52px; width:48px; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}

.icon.dark{background-image:url(resources/img/icons-dark.png)}

.icon.light{background-image:url(resources/img/icons-light.png)}

.icon.grey{background-image:url(resources/img/icons-grey.png)}

.icon.address_book{background-position:0 0}
.icon.clock{background-position:-48px 0}
.icon.alert_icon{background-position:-96px 0}
.icon.american_express{background-position:-144px 0}
.icon.android{background-position:-192px 0}
.icon.archive{background-position:-240px 0}
.icon.blackberry{background-position:-288px 0}
.icon.bluetooth{background-position:-336px 0}
.icon.calendar{background-position:-381px 1px}
.icon.chart{background-position:-432px 0}
.icon.chemical{background-position:0 -52px}
.icon.clapboard{background-position:-48px -52px}
.icon.clipboard{background-position:-96px -52px}
.icon.cloud{background-position:-144px -52px}
.icon.cog{background-position:-192px -52px}
.icon.cup{background-position:-240px -52px}
.icon.file_cabinet{background-position:-288px -52px}
.icon.film{background-position:-336px -52px}
.icon.firefox{background-position:-384px -52px}
.icon.flag{background-position:-432px -52px}
.icon.folder{background-position:0 -104px}
.icon.globe{background-position:-48px -104px}
.icon.help{background-position:-96px -104px}
.icon.image{background-position:-144px -104px}
.icon.info{background-position:-192px -104px}
.icon.ipad{background-position:-240px -104px}
.icon.iphone{background-position:-288px -104px}
.icon.light_bulb{background-position:-336px -104px}
.icon.link{background-position:-384px -104px}
.icon.mail{background-position:-432px -104px}
.icon.mastercard{background-position:0 -156px}
.icon.megaphone{background-position:-48px -156px}
.icon.microphone{background-position:-96px -156px}
.icon.note_book{background-position:-144px -156px}
.icon.paypal{background-position:-192px -156px}
.icon.pencil{background-position:-240px -156px}
.icon.piggy_bank{background-position:-288px -156px}
.icon.presentation{background-position:-336px -156px}
.icon.price_tags{background-position:-384px -156px}
.icon.tools{background-position:-432px -156px}
.icon.trash{background-position:0 -208px}
.icon.shopping_basket{background-position:-48px -208px}
.icon.shopping_cart{background-position:-96px -208px}
.icon.sign_post{background-position:-144px -208px}
.icon.sound{background-position:-192px -208px}
.icon.speech_bubbles{background-position:-240px -208px}
.icon.suitcase{background-position:-288px -208px}
.icon.tags{background-position:-336px -208px}
.icon.visa{background-position:-384px -208px}
.icon.wifi{background-position:-432px -208px}

/*----------------------------*/
/* 11.6.- Buttons
/*----------------------------*/
p a.btn, 
ul a.btn{line-height:1.3em}
a.btn{background:url(resources/img/buttons.png);     display:block;     height:32px;     padding:0 0 0 5px; font-weight:bold;     color:#fff;  text-shadow:0px 1px 1px #555;     border:0 !important;     margin-top:10px}
a.btn:hover{color:#fff}
a.btn span{float:left; background:url(resources/img/buttons.png);     padding:8px 15px 9px 8px}
a:hover.btn, 
a:hover.btn span{background:url(resources/img/buttons.png)}

/* brown */
a.btn.brown{background-position:5px 0}
a.btn.brown span{background-position:100% -70px}
a:hover.btn.brown{background-position:5px -35px}
a:hover.btn.brown span{background-position:100% -105px}

/* brown */
a.btn.orange{background-position:5px -140px}
a.btn.orange span{background-position:100% -210px}
a:hover.btn.orange{background-position:5px -175px}
a:hover.btn.orange span{background-position:100% -245px}

/* blue */
a.btn.blue{background-position:5px -280px}
a.btn.blue span{background-position:100% -350px}
a:hover.btn.blue{background-position:5px -315px}
a:hover.btn.blue span{background-position:100% -385px}

/* green */
a.btn.green{background-position:5px -420px}
a.btn.green span{background-position:100% -490px}
a:hover.btn.green{background-position:5px -455px}
a:hover.btn.green span{background-position:100% -525px}

/* dark */
a.btn.dark{background-position:5px -560px}
a.btn.dark span{background-position:100% -630px}
a:hover.btn.dark{background-position:5px -595px}
a:hover.btn.dark span{background-position:100% -665px}

/* yellow */
a.btn.yellow{background-position:5px -720px}
a.btn.yellow span{background-position:100% -790px}
a:hover.btn.yellow{background-position:5px -755px}
a:hover.btn.yellow span{background-position:100% -825px}

a.btn.grey{background:url(resources/img/ui.png) 5px 0; text-shadow:0px 1px 1px #eee; color:#555; float:right;}
a.btn.grey span{background:url(resources/img/ui.png) 100% -70px}
a:hover.btn.grey{background:url(resources/img/ui.png) 5px -35px}
a:hover.btn.grey span{background:url(resources/img/ui.png) 100% -105px}

a.btn.left{margin-right:10px}

a.btn.right{margin-left:10px}

/*----------------------------*/
/* 11.7.- Tabs
/*----------------------------*/
.tabs{margin-top:20px}

.tabnav li{display:inline; list-style:none; padding-right:5px}

.tabnav li a{font-weight:bold; padding:8px 14px; outline:none; border:0 !important}

.tabnav li.selected, 
.tabnav li.ui-tabs-selected a{background-color:#f9f9f9; color:#6e99b9; text-decoration:none}

.tabdiv{background-color:#f9f9f9; padding:5px 20px 15px 20px}

.ui-tabs-hide, 
.start-tabs{display:none}

/*----------------------------*/
/* 11.8.- Toggle
/*----------------------------*/
.toggle-container{position:relative; margin-bottom:4px;  cursor:pointer; overflow:hidden}

.toggle-icon{float:left; margin:15px 15px 0 0; width:25px; height:25px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#222 url(resources/img/ui.png) no-repeat}

.toggle-icon:hover{background-color:#6e99b9}
.toggle{background-position:-75px 0px}
.active{background-position:-100px 0px}
 
.toggle-content{margin:0px 10px 10px 40px; display:none}

#portfolio-content-single .toggle-container h4{margin-top:18px}

/*-----------------------------------*/
/* 11.9.- Posts and Portfolio
/*-----------------------------------*/
/* posts */

.recent_posts .post-thumb{position:relative; float:left; margin:0 20px 10px 0}

.recent_posts .entry-content{margin:0}

.recent_posts .entry-title{margin:0}

/* portfolio */
.filter-posts.portfolio-shortcode{width:auto !important; margin:0 -20px; padding:0 !important}

.filter-posts.portfolio-shortcode li{margin:20px 0 20px 20px}

.filter-posts.portfolio-shortcode li h4.entry-title{margin: 10px 0; text-align:center}

.filter-posts.portfolio-shortcode li a{border:0 !important}

/*-----------------------------------*/
/* 11.10.- Lists
/*-----------------------------------*/
ul.list.square li{list-style-type:square}

ul.list.check li, 
ul.list.delete li, 
ul.list.warning li, 
ul.list.clasic li.check, 
ul.list.clasic li.delete, 
ul.list.clasic li.warning{padding-left:20px; list-style-type:none}

ul.list li.check, 
ul.list li.delete, 
ul.list li.warning{margin-left:-20px}

ul.list.check li, 
ul.list li.check{background:url(resources/img/check.png) no-repeat 0px 5px}

ul.list.delete li, 
ul.list li.delete{background:url(resources/img/delete.png) no-repeat 0px 5px}

ul.list.warning li, 
ul.list li.warning{background:url(resources/img/warning.png) no-repeat 0px 5px}

/* Price Tables */
ul.price_table{margin:0; padding:0}

ul.price_table li{list-style:none}

.price_table ul{padding-left:20px}

.price_table h3{margin-top:10px; background-color:#f0f0f0; padding:10px 0; text-align:center}

.table_column{float:left; margin-left:-1px; border:1px solid #f0f0f0; padding-bottom:20px}

.columns_2 .table_column{width:49.8%}

.columns_3 .table_column{width:33.1%}

.columns_4 .table_column{width:24.8%}

.table_column{margin-top:20px}

.table_column.featured{z-index:10; margin-top:0; padding-bottom:40px; -webkit-box-shadow:0px 1px 2px #f5f5f5;  -moz-box-shadow:0px 1px 2px #f5f5f5;  box-shadow:0px 1px 2px #f5f5f5}

.table_column.featured .list{padding-top:10px; padding-bottom:10px}

.price_table .list{margin-left:20px}

.price_table a.btn.left, 
.price_table a.btn.right{float:none !important; position:relative}

.price_table a.btn{margin-left:10%}

.price_table a.btn span{width:80%; text-align:center}

.price_table.columns_2 a.btn span{width:85% !important}

.entry-content .flexslider ul{padding-left: 0; }

.entry-content .flexslider ul li{ list-style-type: none; }

.entry-content .nivoSlider a,
.entry-content .flexslider a{ border-bottom: 0 !important; }

/*-----------------------------------------------------------------------------------*/
/*12.- Other
/*-----------------------------------------------------------------------------------*/
.left{float:left}

.right{float:right}

.custom-hr{border-bottom:1px solid #f0f0f0}

hr{color:#f0f0f0; height:1px; background-color:#f0f0f0; border:0; margin:0}

.error, 
.required-message{color:#f00}

.hidden{display:none}

.headclear{ clear: both; height: 10px; }

.form-error{ border:1px solid #6e99b9}

#path{margin-bottom:10px}

/*-----------------------------------------------------------------------------------*/
/*13.- Media Queries
/*-----------------------------------------------------------------------------------*/

/* 1200 */
@media screen and (max-width:1200px){
	.entry-meta,
	.entry-title, 
	.entry-content, 
	.layout-2c-r-fixed #blog-posts .post-thumb,
	.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:2.8%; margin-right:2.8%}
	.post-video{ padding-left:2.8%; padding-right:2.8% }
	.recent_posts .post-thumb,
	.recent_posts .entry-title, 
	.recent_posts .entry-content{ margin-left: 0px; }
	.filter-posts .post-thumb,
	.filter-posts .entry-title{ margin-left: 0; margin-right: 0; }
}

/* 1024 */
@media screen and (max-width:1024px){
	#container{margin:0px auto; width: 100%; min-width: 0px;}
	#content,
	#tagline,
	#portfolio-tagline{border-left:none; border-right:none;}
	.custom-divider{margin-left:-2.8%; margin-right:-2.8%}
	#credits-wrap{ padding-bottom: 5px; }
}

/* <1024 */
@media screen and (max-width:1023px){
	.layout-2c-r-fixed #blog-posts,
	.layout-2c-l-fixed #blog-posts{border-bottom: 1px solid #f0f0f0; padding-right: 0; padding-left: 0;}
	.layout-2c-r-fixed #sidebar,
	.layout-2c-l-fixed #sidebar{position: relative; float: left; width: 100%; border-left: 0; border-right: 0;}
	.layout-2c-l-fixed #blog-posts{margin-left: 0;}
	.entry-meta,
	.entry-title,
	.entry-content,
	.layout-1col-fixed #blog-posts .post-thumb,
	.layout-2c-r-fixed #blog-posts .post-thumb,
	.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:10.15625%; margin-right:10.15625%}
	.custom-divider{margin-left:-12.5%; margin-right:-12.5%}
	.post-video,
	.author-bio,
	#respond,
	#comments-wrap,
	#portfolio-content-single,
	#tagline h1,
	#tagline h2{ padding-left:10.15625%; padding-right:10.15625% }
	#sidebar .widget{padding:20px 10.15625%;}
	.pi-video-widget,
	.pi-screencast-widget,
	.pi-screenshot-widget{ width: 300px; }
	#sidebar .tabs,
	#sidebar .tab_content,
	#sidebar .widget_nav_menu li,
	#sidebar .widget_nav_menu .widget-title{ padding-left: 10.15625%; }
	.page-template-template-contact-php .one_half{padding-left: 10.15625%; padding-right: 10.15625%; width: 79.5%;}
	.page-template-template-contact-php .last{ border-left: none; padding-top: 0; padding-bottom: 40px; }
	#contact-form textarea{ width: 95%; }
	#contact-form input{width: 60%;min-width:0px;}
	.layout-1col-fixed .filter-posts,
	.layout-2c-r-fixed .filter-posts,
	.layout-2c-l-fixed .filter-posts{margin: 0 8.93125% 0 8.93125%; padding-right: 0; padding-left: 0;}
	.layout-1col-fixed .filter-posts li,
	.layout-2c-r-fixed .filter-posts li, 
	.layout-2c-l-fixed .filter-posts li{margin-left: 1.8382%; margin-right: 1.8382%;}
	.layout-1col-fixed .three-columns li,
	.layout-1col-fixed .two-columns li,
	.layout-2c-r-fixed .two-columns li, 
	.layout-2c-l-fixed .two-columns li{width:46.3236%}
	.layout-2c-l-fixed #portfolio-content .filter-posts,
	.layout-2c-r-fixed #portfolio-content .filter-posts{ border: none; }
	.filter-posts .post-thumb,
	.filter-posts .entry-title{ margin-left: 0; margin-right: 0}
	.layout-1col-fixed .four-columns li{width:21.3%;}
	#footer .widget-wrap.margin-left-none{ margin-left: 0px; }
	#footer .widget-wrap{ clear: both; padding-left: 10.15625%; }
	#footer .layout-2col-fixed .widget-wrap{width:46.15%; min-width: 560px;}
	#footer .layout-3col-fixed .widget-wrap{width:37.1%; min-width: 380px;}
	#footer .layout-4col-fixed .widget-wrap{width:26.96%; min-width: 276px;}
	#footer .layout-2c-r-fixed .column-1,
	#footer .layout-2c-l-fixed .column-2{ width: 79.6875%; }
	#footer .layout-2c-l-fixed .column-1,
	#footer .layout-2c-r-fixed .column-2{ width:38.875% ; min-width: 398px; }
	#footer .layout-3c-r-fixed .column-2, 
	#footer .layout-3c-r-fixed .column-3, 
	#footer .layout-3c-l-fixed .column-1, 
	#footer .layout-3c-l-fixed .column-2, 
	#footer .layout-3cm-fixed .column-1, 
	#footer .layout-3cm-fixed .column-3{min-width: 281px;}
	#footer .layout-3c-r-fixed .column-1, 
	#footer .layout-3c-l-fixed .column-3, 
	#footer .layout-3cm-fixed .column-2{min-width: 580px;}
	#footer .layout-1col-fixed .widget-wrap{width:79.6875%}
	h3.social-foo-call{display: none;}
	#footer-social-profiles, 
	#footer-social-profiles-mini{ float: left; padding-left:10.15625%; }
	/* menu */
	#primary-menu-toggle{ position: absolute; top: 27px; right: 3%; display: block; width: 80px; cursor: pointer;}
	#secondary-menu-toggle{ display: block; cursor: pointer;}
	#primary-nav{ float: left; width: 100%; margin: 0; padding: 0; display:none;}
	#primary-nav ul li{ text-align: center; text-transform: uppercase; border-top: 1px solid #1a1a1a; padding: 5px 0;}
	ul#menu-primary{ margin-top: 0;}
	#secondary-nav{position:relative; border-bottom:1px solid #f0f0f0; -webkit-box-shadow:0px 1px 2px #f7f7f7;  -moz-box-shadow:0px 1px 2px #f7f7f7;  box-shadow:0px 1px 2px #f7f7f7; z-index: 20; }
	.menu-secondary{ margin-top: 0; display: none; }
	ul.menu-secondary li,
	#portfolio-nav li{ text-align: center; text-transform: uppercase; border-top: 1px solid #f0f0f0; padding: 5px 0;}
	#portfolio-tagline{ padding: 8px 0; }
	h1.portfolio-title{ float: right; display: block; cursor: pointer; padding: 0 35px 0 0; margin-right: 3%; background: url('resources/img/display-menu.png') no-repeat right -18px; line-height: 1em;}
	#portfolio-nav{ width: 100%; display: none; }
	.menu-toggle-wrap{ display: block; }
	.pi_posts_slider_widget.widget{ width: 300px; }
	#portfolio-meta-slider{ padding: 0;}
	.parcial-content,
	#related-portfolio{ width: auto; }
	.related-portfolio-title{ margin: 0; }
	#related-portfolio{ margin-left:10.15625% }
	#related-portfolio .portfolio-item{ width: 27%; }
	.error404 .post{ width: 100%; }
	.call-to-action{border-left:none; border-right:none;}
}

@media screen and (min-width:1024px){
	/* primary nav */
	#primary-nav{position:relative; float:right; display: block; margin-right: 20px; clear: right;}
	#primary-nav ul{float:left; }
	#primary-nav ul li{position:relative; float:left;  margin:20px 12px 0 0; z-index:99}
	#primary-nav ul li a{padding-bottom:7px}
	#primary-nav ul a{border:none;  color:#535353;  float:left;  font-family:"Droid Sans",sans-serif;  font-size:0.75em;  font-weight:bold;}
	#primary-nav ul li:hover{visibility:inherit}
	#primary-nav ul ul{position:absolute; top:-9999em; background-color:#121314; padding:0; width:150px; z-index:89;  -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
	#primary-nav ul ul ul{border-top:1px solid #121314; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px}
	#primary-nav ul li:hover ul, 
	#primary-nav ul li.sfHover ul{top: 0px; left:-15px; padding-top: 15px; border-top:1px solid #121314;}
	#primary-nav ul ul li{position:relative; border-bottom:1px solid #1a1a1a}
	#primary-nav ul ul li a{display:block; width:120px; padding:6px 15px}
	#primary-nav ul li li:hover ul, 
	#primary-nav ul li li.sfHover ul, 
	#primary-nav ul li li li:hover ul, 
	#primary-nav ul li li li.sfHover ul, 
	#primary-nav ul li li li li:hover ul, 
	#primary-nav ul li li li li.sfHover ul{left:150px; top:-28px; padding-top: 0;}
	#primary-nav ul a:hover, 
	#primary-nav li.sfHover a{color:#fff}
	#primary-nav ul li.sfHover li a, 
	#primary-nav ul li.sfHover li.sfHover li a, 
	#primary-nav ul li.sfHover li.sfHover li.sfHover li a{color:#757575}
	#primary-nav li.sfHover a:hover, 
	#primary-nav li.sfHover li.sfHover a, 
	#primary-nav li.sfHover li.sfHover a:hover, 
	#primary-nav li.sfHover li.sfHover li.sfHover a, 
	#primary-nav li.sfHover li.sfHover li.sfHover a:hover{color:#fff}
	#primary-nav ul ul li:last-child{border-bottom:none}
	#primary-nav ul ul li span.sf-sub-indicator{position:absolute; right:15px}
	#primary-nav ul li.current-cat a, 
	#primary-nav ul li.current_page_item a, 
	#primary-nav ul li.current-menu-item a{color:#fff}
	#primary-nav ul li.current-cat li a
	#primary-nav ul li.current_page_item li a, 
	#primary-nav ul li.current-menu-item li a, 
	#primary-nav ul li ul li.current-cat a, 
	#primary-nav ul li ul li.current_page_item a, 
	#primary-nav ul li ul li.current-menu-item a{color:#757575}
	
	/* secondary nav */
	#secondary-nav{position:relative; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom:1px solid #f0f0f0; -webkit-box-shadow:0px 1px 2px #f7f7f7;  -moz-box-shadow:0px 1px 2px #f7f7f7;  box-shadow:0px 1px 2px #f7f7f7; z-index: 10;}
	.menu-secondary-container{ display: table; width: 100%; }
	ul.menu-secondary{ margin:0; display: table-row; }
	ul.menu-secondary li{border-right:1px solid #f0f0f0; display: table-cell; text-align: center; position: relative;}
	#secondary-nav ul li:last-child{border-right:0}
	#secondary-nav ul li a{display:block; padding:10px 0 8px 0}
	#secondary-nav ul a{border:none;  color:#333;  font-family:Oswald;  font-size:0.875em;  text-transform:uppercase}
	#secondary-nav ul a:hover{color:#6e99b9}
	#secondary-nav ul li:hover{visibility:inherit}
	#secondary-nav ul ul{position:absolute; top:-9999em; background-color:#fff; border:1px solid #f0f0f0; width:150px; padding:0; z-index:89; -webkit-box-shadow:0px 1px 2px #f7f7f7;  -moz-box-shadow:0px 1px 2px #f7f7f7;  box-shadow:0px 1px 2px #f7f7f7;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px}
	#secondary-nav ul li:hover ul, 
	#secondary-nav ul li.sfHover ul{top:auto; left:auto; margin-top: 0px;}
	#secondary-nav ul ul li{position:relative; border-right:0; border-bottom:1px solid #f0f0f0; padding:7px 0; display: block; text-align: left;}
	#secondary-nav ul ul li a{display:block; padding:0 15px; width:120px; font-size:0.8125em}
	#secondary-nav ul li li:hover ul, 
	#secondary-nav ul li li.sfHover ul, 
	#secondary-nav ul li li li:hover ul, 
	#secondary-nav ul li li li.sfHover ul, 
	#secondary-nav ul li li li li:hover ul, 
	#secondary-nav ul li li li li.sfHover ul{left:150px; top:-1px}
	#secondary-nav li.sfHover a{color:#6e99b9}
	#secondary-nav ul li.sfHover li a, 
	#secondary-nav ul li.sfHover li.sfHover li a, 
	#secondary-nav ul li.sfHover li.sfHover li.sfHover li a{color:#333}
	#secondary-nav li.sfHover a:hover, 
	#secondary-nav li.sfHover li.sfHover a, 
	#secondary-nav li.sfHover li.sfHover a:hover, 
	#secondary-nav li.sfHover li.sfHover li.sfHover a, 
	#secondary-nav li.sfHover li.sfHover li.sfHover a:hover{color:#6e99b9}
	#secondary-nav ul li.current-cat a, 
	#secondary-nav ul li.current_page_item a, 
	#secondary-nav ul li.current-menu-item a{color:#6e99b9}
	#secondary-nav ul li.current-cat li a
	#secondary-nav ul li.current_page_item li a, 
	#secondary-nav ul li.current-menu-item li a, 
	#secondary-nav ul li ul li.current-cat a, 
	#secondary-nav ul li ul li.current_page_item a, 
	#secondary-nav ul li ul li.current-menu-item a{color:#333}
	#secondary-nav ul ul li span.sf-sub-indicator{position:absolute; right:15px}
	
	#portfolio-nav ul{margin:0}
	#portfolio-nav li{float:left; border-left:1px solid #f0f0f0}
	#portfolio-nav li a{display:block; color:#333; padding:10px 15px 10px 15px}
	#portfolio-nav li.active a{border:none; color:#6e99b9}
}

/* 800 */
@media screen and (max-width:800px){
	.entry-meta,
	.entry-title, 
	.entry-content,
	.layout-1col-fixed #blog-posts .post-thumb, 
	.layout-2c-r-fixed #blog-posts .post-thumb,
	.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:5%; margin-right:5%}
	.flex-caption,
	.nivo-caption,
	.post .entry-title{ font-size: 1.5em;}
	.flex-caption{ left: 5%; }
	.nivo-caption{ bottom: 20px; }
	.flex-caption a{ line-height: 38px; }
	.entry-meta{ margin-top:5px; padding-bottom: 5px; line-height: 1.5;}
	.entry-meta span{ background: none; padding-left: 0px; margin:0}
	.entry-meta span:after{content:" /"}
	.custom-divider{margin-left:-5.3%; margin-right:-5.3%}
	.layout-2c-r-fixed .recent_posts .post-thumb,
	.layout-2c-l-fixed #blog-posts .recent_posts .post-thumb{ margin-left: 0px;} 
	.post-video,
	.author-bio,
	#respond,
	#comments-wrap,
	#portfolio-content-single,
	#tagline h1,
	#tagline h2{padding-left:5%; padding-right:5%}
	#sidebar > .widget{padding:20px 5%;}
	#sidebar .widget_nav_menu li,
	#sideabr .widget_nav_menu .widget-title,
	#sidebar .tabs,
	#sidebar .tab_content{ padding-left: 4%; }
	.alignright,
	.alignleft{ float: none; margin:20px 0; text-align: center;}
	.alignright .wp-caption,
	.alignleft .wp-caption{ margin-left: auto; margin-right: auto;}
	.wp-caption, 
	.gallery-caption{padding:0; border:0 !important}
	.page-template-template-contact-php .one_half{padding-left: 5%; padding-right: 5%; width: 90%;}
	.layout-1col-fixed .filter-posts,
	.layout-2c-r-fixed .filter-posts,
	.layout-2c-l-fixed .filter-posts{margin: 0 4% 0 4%;}
	.layout-1col-fixed .filter-posts li,
	.layout-2c-r-fixed .filter-posts li, 
	.layout-2c-l-fixed .filter-posts li{margin-left: 1.8382%; margin-right: 1.8382%;}
	.layout-1col-fixed .filter-posts.three-columns .post-thumb{margin: 0;}
	.layout-2c-r-fixed .filter-posts.four-columns li,
	.layout-2c-l-fixed .filter-posts.four-columns li{width:29.65%;}
	#footer .widget-wrap{ padding-left: 5%;}
	#footer .layout-4col-fixed .widget-wrap{width:34.52%; min-width: 276px;}
	#footer .layout-2c-r-fixed .column-1,
	#footer .layout-2c-l-fixed .column-2{width: 90%; }
	#footer .layout-3c-r-fixed .column-1, 
	#footer .layout-3c-l-fixed .column-3, 
	#footer .layout-3cm-fixed .column-2{width:72.5%; min-width: 555px;}
	#footer .layout-1col-fixed .widget-wrap{width:90%}
	#footer-social-profiles, 
	#footer-social-profiles-mini{ float: left; padding-left:4%; }
	#related-portfolio{ margin-left:5% }
	#related-portfolio .portfolio-item{ width: 45%; }
}

/* 768 */
@media screen and (max-width:768px){
	
}

/* 600 */	
@media screen and (max-width:600px){	
	.entry-meta,
	.entry-title, 
	.entry-content,
	.layout-1col-fixed #blog-posts .post-thumb, 
	.layout-2c-r-fixed #blog-posts .post-thumb,
	.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:4%; margin-right:4%}
	.custom-divider{margin-left:-4.3%; margin-right:-4.3%}
	.recent_posts .post-thumb{ margin-left: 0px; margin-right: 20px; } 
	.post-video,
	.author-bio,
	#respond,
	#comments-wrap,
	#portfolio-content-single,
	#tagline h1,
	#tagline h2{padding-left:4%; padding-right:4%}
	#sidebar > .widget{padding:20px 4%;}
	#sidebar .widget_nav_menu li,
	#sideabr .widget_nav_menu .widget-title,
	#sidebar .tabs,
	#sidebar .tab_content{ padding-left: 2%; }
	ul.tabnav{ padding-left: 0; }
	.tabnav li{display:block; padding:8px 14px; padding-right:0px; background-color: #f0f0f0; text-align: center;}
	.tabnav li a{font-weight:bold; padding:0; outline:none; border:0 !important}
	.tabnav li.selected, 
	.tabnav li.ui-tabs-selected a{color:#6e99b9; text-decoration:none; background-color: inherit;}
	.tabnav li.ui-tabs-selected{ background-color: #e9e9e9; }
	.page-template-template-contact-php .one_half{padding-left: 4%; padding-right: 4%; width: 91%;}
	.layout-1col-fixed .filter-posts,
	.layout-2c-r-fixed .filter-posts,
	.layout-2c-l-fixed .filter-posts{margin: 0; padding-right: 0; padding-left: 0;}
	.layout-1col-fixed .filter-posts.three-columns,
	.layout-2c-r-fixed .filter-posts.three-columns, 
	.layout-2c-l-fixed .filter-posts.three-columns{ padding-left: 2%; padding-right: 2%;}
	.layout-1col-fixed .filter-posts.four-columns,
	.layout-2c-r-fixed .filter-posts.four-columns, 
	.layout-2c-l-fixed .filter-posts.four-columns{ padding-left: 13.666%; }
	.layout-1col-fixed .filter-posts li,
	.layout-2c-r-fixed .filter-posts li, 
	.layout-2c-l-fixed .filter-posts li{margin-left: 12.5%; margin-right: 12.5%; width: 75%;}
	.layout-1col-fixed .filter-posts.three-columns li,
	.layout-2c-r-fixed .filter-posts.three-columns li, 
	.layout-2c-l-fixed .filter-posts.three-columns li{ margin-left: 2%; margin-right: 2%; width: 46%;}
	.layout-1col-fixed .filter-posts.four-columns li,
	.layout-2c-r-fixed .filter-posts.four-columns li, 
	.layout-2c-l-fixed .filter-posts.four-columns li{ margin-left: 2%; margin-right: 2%; width: 34.5%;}
	#footer .widget-wrap{ padding-left: 3%; }
	#footer .layout-3col-fixed .widget-wrap{width:63.33%;}
	#footer .layout-2col-fixed .widget-wrap{width:94%; min-width: 0;}
	#footer .layout-4col-fixed .widget-wrap{width:46%; min-width: 276px;}
	#footer .layout-3c-r-fixed .column-2, 
	#footer .layout-3c-r-fixed .column-1, 
	#footer .layout-3c-l-fixed .column-3, 
	#footer .layout-3cm-fixed .column-2{width:94%; min-width: 0px;}
	#footer .layout-1col-fixed .widget-wrap{width:94%}
	#footer-social-profiles, 
	#footer-social-profiles-mini{ padding-left:2%; }
	#related-portfolio{ margin-left:4% }
	#related-portfolio .portfolio-item{ width: 40%; }
}

/* 480 */	
@media screen and (max-width:480px){
	#sidebar .widget.pi_tabs_widget{ padding: 0; }
	.one_half, 
	.one_third, 
	.one_fourth, 
	.one_fifth, 
	.two_third, 
	.three_fourth, 
	.two_fifth, 
	.three_fifth, 
	.four_fifth{margin-right:0%; width: 100%;}
	.column{ clear: both; }
	.table_column{float:left; margin-left:-1px; border:1px solid #f0f0f0; padding-bottom:20px}
	.columns_2 .table_column,
	.columns_3 .table_column,
	.columns_4 .table_column{width:100%}
	.layout-1col-fixed .filter-posts li,
	.layout-2c-r-fixed .filter-posts li, 
	.layout-2c-l-fixed .filter-posts li{margin-left: 3.5%; margin-right: 3.5%; width: 93%;}
	.layout-1col-fixed .filter-posts.three-columns li{ margin-left: 9.375%; width: 81.25%; }
	.layout-2c-r-fixed .filter-posts.three-columns li, 
	.layout-2c-l-fixed .filter-posts.three-columns li{ margin-left: 20.625%; width: 58.75%;}
	.layout-1col-fixed .filter-posts.four-columns,
	.layout-2c-r-fixed .filter-posts.four-columns, 
	.layout-2c-l-fixed .filter-posts.four-columns{ padding-left: 3.5%; }
	.layout-1col-fixed .filter-posts.four-columns li,
	.layout-2c-r-fixed .filter-posts.four-columns li, 
	.layout-2c-l-fixed .filter-posts.four-columns li{ width: 45%;}
	#footer .layout-3col-fixed .widget-wrap{width:79.16%; padding-left: 3%;}
	#footer .layout-4col-fixed .widget-wrap{width:57.5%; padding-left: 3%; min-width: 276px;}
	#footer-social-profiles, 
	#footer-social-profiles-mini,
	#footer .widget-wrap{ padding-left:3%; }
	#footer .layout-2c-r-fixed .column-1,
	#footer .layout-2c-l-fixed .column-2{ width: 94%;}
	#footer .layout-2c-l-fixed .column-1,
	#footer .layout-2c-r-fixed .column-2,
	#footer .layout-3col-fixed .widget-wrap{ width: 94%; min-width: 0;}
	.flex-caption,
	.nivo-caption{ display: none !important;}
	#related-portfolio{ width: 80%;}
	#related-portfolio .portfolio-item{ width: 100%;}
}	
	
/* 320 */	
@media screen and (max-width:320px){
	body, 
	input, 
	textarea{ font-size: 95%; }
	.post .entry-title{ font-size: 1.375em;}
	.pi-video-widget,
	.pi-screencast-widget,
	.pi-screenshot-widget,
	.pi_posts_slider_widget.widget{ width: 280px }
	.pi_login_form_widget input.input-text{ width: 180px; }
	#searchform input{ width: 195px; }
	#featured-blog-posts{ display: none; }
}

#primary-nav ul li{
/*
	height: 100px;
	width: 120px;
	*/
}


#primary-nav ul li a{
	display:block;
	padding:30px 20px;
	background-color :#B4E4F4;
	color: #fff;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;
}

#primary-nav ul li a:hover{
	background-color :#009EE1;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;
}


#primary-nav ul li.current_page_item a{
	background-color :#009EE1;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;
}

p, .icon-content{
	font-size: 15px;
}

.page  {
	font-size: 15px;
}

#tagline h1.header-title{
	background: url(resources/img/title-bg.jpg) 2px 11px no-repeat;
	color: #009EE1;
}

#contact-info {
	padding: 0px 2.3% !important;
}


#contact-info .entry-content h2{
	color: #009EE0;
	padding-top: 0px;
	font-size: 1.600em;

}

#post-5 .one_half .entry-content h2 {
	padding-top: 0px !important;
}

.ni_p_ni_br p,
.ni_p_ni_br br {
	display: none;
}

.ni_p_ni_br h2{
	padding-top: 0px !important;
}

.page-id-7 h4{
	font-size: 1.6em;
	padding-bottom: 2px;
}

.page-id-7 .entry-content{
	font-size: 80%;
}


.page-id-7 h4{
	font-size: 1.6em;
	padding-bottom: 2px;
}

.page-id-7 .entry-content{
	font-size: 80%;
}


.page-id-6 .entry-content p{ 
	font-size: 80%;
}

#lang_sel_list ul li {
	margin-left: 15px;
}

#lang_sel_list ul li a{
	height: 30px;
	width: 30px;
	background-color: #BCE4F7;
	color: #fff;
	text-align: center;
}

#lang_sel_list ul li a:hover{
	background-color: #009EE1;
}

#carousel {
	display: none;
}

.page-id-5 #content img{ 
	border: 1px solid #AFAFAF;
}


.negretas {
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}

img.parking {
	float:left;
	margin-right: 8px;
}