/*
***Reset for control "Cross Browsing"***
Adapted from YUI Yahoo!
*/
*, 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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1}
:focus {outline: 0;color: #0CA8E5;text-decoration:none;}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0;padding: 0}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
strong{font-family:inherit;font-size:inherit;color:inherit;}

/* CSS DOCUMENTATION:

* GENERAL
** THE WALL
*** CONTENT
**** FOOTER
***** SPECIAL
****** TYPOGRAPHY
******* COLOR SCHEME

*/

/*ALL THESE STYLES ARE FOR SCREEN 1440X900 AND HIGHER RESOLUTIONS.
  FOR MINOR RESOLUTIONS SEE STYLES IN ASSETS FOLDER*/

/*********************************************
* GENERAL
*********************************************/
/*reduce the default browser font size from 16px to 10px because
we are working in em and we need a rounded measure*/
body{font-size: 62.5%;background-color:#000;}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/*shorts for floats and clears*/
.float-left{float:left;}
.float-right{float:right;}
.hidden{visibility:hidden;}
/* advanced clearfix for fix floating elements */
.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 */

.clear{clear:both;}/*basic way for clearing floats*/
.clear-block{clear:both;display:block;}/*basic way for clearing floats throw spans*/


body {
  font-family: font-family: 'Maven Pro', Helvetica, arial, sans;
  font-size: 1em;
  #font-size: .7em;
  font-style: normal;
  font-weight: 700;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
  overflow-x:hidden;
}

nav, #wrapper {
	 -webkit-text-shadow: 0 1px 1px rgba(255,255,255,.3);
	 -moz-text-shadow: 0 1px 1px rgba(255,255,255,.3);
     -webkit-font-smoothing: subpixel-antialiased;
     -moz-font-smoothing: subpixel-antialiased;
     -o-font-smoothing: subpixel-antialiased;
     font-smoothing: subpixel-antialiased;
}
#wrapper{margin-top:-40px;}/*anterior -20px*/
body#top-nav #wrapper{margin-top:0;}/*Editado anterior margin-top:0*/


/*********************************************
* THE WALL // HOME SECTION WITH WORKS
*********************************************/
#top-title-bar{display:block;position:fixed;top:0;height:40px;background:#000;width:100%;z-index:2000;}
#top-title-bar-sdevice{position:fixed;top:0;width:100%;height:20px;background:#000;z-index:2000;display:none; visibility:hidden;}/*Editado Oculta*/
#top-title-bar-sdevice figure{width:250px;margin:0 auto;}
#top-title-bar figure{width:240px;margin:8px auto 0 auto;}
h1{position:absolute;text-indent:-9999px;}

#thumb-wrapper{margin-top:40px;*padding-top:40px;width:100%;overflow:hidden;background:#000;}/*Editado Original - margin-top:40px;*padding-top:40px;width:100%;overflow:hidden;background:#000; - Linea tablets horizontal*/
#top-nav .the-margin{margin-top:0px !important;}/*this class is only for cover the little margin when menu slides in top navigation mode. Class is add it using js*/
#thumbs{width: 100%;}
.thumb{float: left;width: 175px;/*Set default width*/opacity:0.4;overflow:hidden;}
.thumb:hover{-moz-transition: opacity 0.3s;-webkit-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;opacity:1;}
.thumb a img{
/*Flexible image size with border*/
	width: 100%;  /*Took 1% off of the width to prevent IE6 bug*/
	margin: 0 auto;
	display:none;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
	overflow:hidden;
}
.thumb:hover{cursor:pointer;}
.thumb a img:hover{cursor:pointer;}

ul#thumbs li.thumb img#imgLoad{
    height: auto;
    margin-left: 95px;
    margin-top: -75px;
    opacity: 1;
    position: absolute;
    visibility: visible;
    width: auto;
    z-index: 99999999;
}
#work-detail-wrapper{position:relative;height:0;display:block;background:#000;background-position:center center;display:none;overflow:hidden;}
#work-detail-wrapper p{display:block;}

#wrapper{position:relative;overflow:hidden;}

/*top navigation rule. All the rules starting with body#top-nav are refernt to this mode.*/
body#top-nav #thumb-wrapper{margin-top:0px 0 0 0;*padding-top:0px;width:100%;overflow:hidden;background:#000;}


/*********************************************
*** NAVIGATION
*********************************************/

/*********NAV DEFAULT**************/
nav#main-nav{position:fixed;display:block;background-color: #fff ;height:100%;top:0;left:0;z-index:1000;box-shadow: 2px 0 10px rgba(0,0,0,0.30);}
#main-nav #tab-nav{display:block;position:absolute;right:-40px;top:46%;width:42px;height:42px;}
#main-nav #tab-nav img{display:block;width:42px;height:42px;background:url(../images/tab-nav-single.svg) no-repeat;margin-left:20px;}/*Editado Agregando SVG*/
#main-nav #nav-menu{position:relative;font-family:'Terminal Dosis Light', 'Raleway', 'Maven Pro', Helvetica, arial, sans;width:200px;height:100%;padding:0 10px 0 20px;*font-size:1.5em;/*fix size in IE7*/}
#main-nav #nav-menu h4{font-size:.75em;margin:0 0 8px 10px;text-transform:uppercase;}
#main-nav #nav-menu #filters{position:relative;margin-top:10%;}
#main-nav #nav-options{position:absolute;height:400px;bottom:5%;margin-left:5%;}/*original bottom:5%*/

#main-nav #nav-menu #logo{
	display:block;
	position:absolute;
	margin:-240px 0 0 -4px;/*Original -80px 0 0 -175px*/
	width:178px;/*356px*/
	height: 40px;/*40px*/
	display:block;
	text-indent:-9999px;
	padding:0;
	-moz-box-shadow: -5px 5px rgba(255,255,255,1);/*-moz-box-shadow: -5px 5px rgba(255,228,64,1);*/
	-webkit-box-shadow: -5px 5px rgba(255,255,255,1);/*-webkit-box-shadow: -5px 5px rgba(255,228,64,1);*/
	box-shadow: -5px 5px rgba(255,255,255,1);}/*box-shadow: -5px 5px rgba(255,228,64,1);}*/
#main-nav #nav-menu #logo img{display:block;width:100%;}
nav#main-nav #nav-options ul{display:block;margin-bottom:15%;width:220px;}
nav#main-nav #nav-options ul li{display:block;padding:0 0 0 0px;}
nav#main-nav #nav-options ul li a{
	display:inline;
	-moz-transition: all .7s; 
	-webkit-transition: all .7s; 
	-o-transition: all .7s; 
	transition: all .7s;
	width:90%;
	background:transparent;
    font-size: 1.45em;
    *font-size: 2em;
    /*font-style: italic;*/
	font-weight:100;
	font-weight:300\9;
    line-height: .95em;
	color:#313131;
	display:block;
	text-decoration:none;
	padding-left:10px;
	}
nav#main-nav #nav-options ul li a:hover{
	-moz-transition: all 0.2s; 
	-webkit-transition: all 0.2s; 
	-o-transition: all 0.2s; 
	transition: all 0.2s;
	background:#ffea00;
	color:#000;
	width:75%;
	padding-left:15px;
	}
nav#main-nav #nav-options ul li.active{padding-left:0px;}
nav#main-nav #social-wrapper{position:relative;font:normal .85em/1.7em 'Maven Pro', sans;height:30px;margin:10px 0 50px -5px;padding:0;}/*anterior margin: 50px 0 50px -5px;*/
nav#main-nav #social-wrapper ul#network-menu{font-size:.75em;*font-size:.5em;/*fix size in IE7*/position:relative;width:250px;margin:0;padding:0;}
nav#main-nav ul#network-menu li{*width:55px;#float:left;#font-size:1.2em;}
nav#main-nav ul#network-menu li a{display:block;height:23px;float:left;margin-right:10px;color:#000;border-top:0px solid #fff;text-decoration:none;-moz-transition: all .2s; -webkit-transition: all .2s;-o-transition: all .2s;transition: all .2;}/*Editado Original ffea00*/
nav#main-nav ul#network-menu li a:hover{border-top:5px solid #fff;-moz-transition: all .2s; -webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}/*Editado Original ffea00*/

/* DESACTIVADO

Custom - Social Media - Twitter
li.pajarito{width:24px; float:left; padding:6px;}
li.pajarito a{background:url(../images/twitter_perroamarillo.svg) 0 0;}
li.pajarito a:hover{background:url(../images/twitter_perroamarillo.svg) 0 -24px; display:block; height:24px;}

Custom - Social Media - Facebook
li.caritadelibro{width:24px; float:left; padding:6px;}
li.caritadelibro a{background:url(../images/facebook_perroamarillo.svg) 0 0;}
li.caritadelibro a:hover{background:url(../images/facebook_perroamarillo.svg) 0 -24px; display:block; height:24px;}

Custom - Social Media - Tumblr
li.tumblr{width:24px; float:left; padding:6px;}
li.tumblr a{background:url(../images/tumblr_perroamarillo.svg) 0 0;}
li.tumblr a:hover{background:url(../images/tumblr_perroamarillo.svg) 0 -24px; display:block; height:24px;}

Custom - Social Media - Linkedin
li.linkedin{width:24px; float:left; padding:6px;}
li.linkedin a{background:url(../images/linkedIn_perroamarillo.svg) 0 0;}
li.linkedin a:hover{background:url(../images/linkedIn_perroamarillo.svg) 0 -24px; display:block; height:24px;}

Custom - Social Media - Google+
li.google{width:24px; float:left; padding:6px;}
li.google a{background:url(../images/googleplus_perroamarillo.svg) 0 0;}
li.google a:hover{background:url(../images/googleplus_perroamarillo.svg) 0 -24px; display:block; height:24px;}

Termina*/

nav#main-nav p#copyright{position:absolute;top:98%;margin-left:0px;font-size:.55em;color:#989898;padding-left:20px;}
nav#main-nav #nav-options ul li #filters-launcher{display:none;}
nav#main-nav #tap-close{display:none;}
nav#main-nav .close-sub{display:none;}

/*TOP NAVIGATION STYLES*/

body#top-nav #slide-controls{display:none;}
body#top-nav #slide-controls{display:block;width:34px;margin-top:5px;position:fixed;z-index:2000;}/*Editado Anterior margin-top:25px;*/
body#top-nav #slide-controls p{position:absolute;}
body#top-nav p.launch-nav a{position:relative;display:block;width:34px;height:34px;background:url(../images/btn-open-top-nav.svg) no-repeat center;margin:0 auto;padding:20px 0 0 0;text-indent:-9999px;}/*Editado Anterior padding:50px 0 0 0; | padding:10px 0 0 0; | Agregando SVG*/
body#top-nav nav#main-nav{position:relative;display:block;height:350px;width:100%;top:0;left:0;z-index:1000;}
body#top-nav p.scroll-to-menu{display:none;}
body#top-nav p.show{display:block;}
body#top-nav p.scroll-to-menu a{position:relative;display:block;width:34px;height:34px;background:url(../images/btn-scroll-top-nav.svg) no-repeat center;margin:0 auto;padding:20px 0 0 0;text-indent:-9999px;}/*Editado Agregando SVG | Anterior padding:50px 0 0 0;*/
body#top-nav p.open-nav a{background:url(../images/btn-close-top-nav.svg) no-repeat center;}/*Editado Agregando SVG*/
body#top-nav p.thepixels{color:#000;left:100px;}
body#top-nav nav#main-nav{display:none;}
body#top-nav #main-nav #nav-menu{width:97%;height:300px;padding-top:50px;}
body#top-nav #main-nav #nav-menu h4{margin:0 0 10px 0;}
body#top-nav #main-nav #nav-menu #filters{position:relative;margin-top:0%;width:auto;float:left;}
body#top-nav #main-nav ul{display:block;width:250px;display:block;float: left;}
body#top-nav #main-nav #nav-options{width:90%;height:210px;margin-left:10%;top:135px;}
body#top-nav #main-nav #nav-menu #logo{margin-left:80%; margin-top:10px; display:none;}/*Esta linea es para tablets horizontal | Editado Anterior | margin: -70 0 0 -35px | margin:-70px 0 0 740px;*/
body#top-nav #main-nav #nav-menu #main-logo{margin:35px 0 30px -85px;}
body#top-nav nav#main-nav #nav-options #filter{margin-top:-100px;}
body#top-nav nav#main-nav #nav-options ul{position:relative;display:block;float:left;}
body#top-nav nav#main-nav #social-wrapper{position:absolute;width:100%;top:25px;z-index:100;}
body#top-nav nav#main-nav #social-wrapper ul{float:right;}
body#top-nav nav#main-nav p#copyright{margin:-30px 0 0 10%;}


/*********************************************
**** WORKS SECTION
*********************************************/

/**** GALLERY V1 SYTLES (#work-gal) ****/

#work-detail-wrapper .item-wrapper .item .info-work {
font-family: 'Terminal Dosis Light', 'Raleway', 'Maven Pro', Helvetica, arial, sans;
position: absolute;
width: 100%;
min-height:225px;
background-color: white;
color: #999;
border-top: 1px solid #fff; /*Editado*/
padding: 35px 15px 50px 80px;
top: 100%;
overflow: visible;
}
#work-detail-wrapper span#closebt{
	position:absolute;
	display:block;
	top:4%;
	right:4%;
	width:39px;/*Editado Original width:39px*/
	height:39px;/*Editado Original height:39px*/
	z-index:200;
	cursor: pointer;
}
#work-detail-wrapper span#closebt a{transition: opacity 0.4s;-webkit-transition: opacity 0.4s;-moz-transition: opacity 0.4s;display:block;width:34px;height:34px;background:url(../images/btn-close-black.svg) no-repeat;text-indent:-9999px;}/*Editado Agregando SVG -  opacity:.3;*/
#work-detail-wrapper span#closebt a:hover{opacity:1;}
#work-detail-wrapper .item-wrapper span#closebt a{display:block;width:30px;height:30px;background:url(../images/btn-close-white.svg) no-repeat;text-indent:-9999px;margin-left:-55px;}/*Editado Agregando SVG | W & H cambiaron | width:15px;height:15px; | width:34px;height:34px;background:url(../images/btn-close-white.svg) no-repeat;*/
#work-detail-wrapper .item-wrapper span#closebt a:hover{background:url(../images/btn-close-yellow.svg) no-repeat;}/*Editado Agregando SVG*/
#work-gal{font-family:'Terminal Dosis Light', 'Raleway', 'Maven Pro', Helvetica, arial, sans;font-size:.8em;}
#work-gal p{font-family:'Maven Pro', helvetica, arial, sans;font-size:1em;*font-size:1.4em;width:510px;margin:10px 50px 0 0;float:left;}
#work-gal p a{text-decoration:none;text-transform:uppercase;font-size:.8em;padding:2px;color:#ffea00;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#work-gal p a:hover{-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;background:#ffea00;color:#000;}
#work-gal #overview{display:block;text-transform:uppercase;font-size:.9em;}
#work-gal h3{display:inline;font-size:1.9em;*font-size:1.8em;color:#999;/*border-bottom:1px solid #ffea00;*/padding-bottom:8px;line-height:2em; /*background-color:#fce800;*/}/*Titulo proyectos*/
#work-gal #pagination{margin-left:40px;}
#work-gal #pagination a{text-decoration:none;line-height:15px;padding:8px;color:#999;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#work-gal #pagination a:hover{color:#ffea00;}
#work-gal dl.info-extended{
	float:left;
	width:400px;
	margin:15px 0 10px 0;
	padding:0;
	overflow:hidden;
	}
#work-gal dl.info-extended dt{
	clear:left;
	float:left;
	width:65px;
	margin:0;
	padding:1px;
	font-weight:bold;
	color:#ffea00;
	}
	
#work-gal dl.info-extended dd{
	float:left;
	width:300px;
	margin:0;
	padding:1px;
	color:#999;
	}
#work-gal dl.info-extended dd a{color:#999;text-decoration:none;border-bottom:1px dotted #EEE;}

#work-gal dl.info-extended dd ul, #work-gal dl.info-extended dd ul li{display:block;float:left;}
#work-gal dl.info-extended dd ul li{margin-right:10px;}
#work-gal dl.info-extended dd ul li a{border:none;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#work-gal dl.info-extended dd ul li a#twitterBtn:hover{color:#0CF;}
#work-gal dl.info-extended dd ul li a#facebookBtn:hover{color:#06C;}
#work-gal dl.info-extended dd ul li a#googleBtn:hover{color:#F30;}

.gal-v1 #fdgNav span {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#work-gal-photo #fdgNav span#fdgPrev{float:left;background:url(../images/slide-pixel-l-arrow-release-photo.png) no-repeat center center;}
#work-gal-photo #fdgNav span#fdgPrev:hover{background:url(../images/slide-pixel-l-arrow-hover-photo.png) no-repeat center center}
#work-gal-photo #fdgNav span#fdgNext{float:right;background: url(../images/slide-pixel-r-arrow-release-photo.png) no-repeat center center;}
#work-gal-photo #fdgNav span#fdgNext:hover{background:url(../images/slide-pixel-r-arrow-hover-photo.png) no-repeat center center}
#work-gal-photo #fdgNav span#fdgPrev.hide, #work-gal-photo #fdgNav span#fdgNext.hide{background:none;cursor: default;}

#work-detail-wrapper{position:relative;z-index:20;background:#f2f2f2;}
#work-detail-wrapper .item-wrapper .item{position:relative;z-index:10;}
#work-detail-wrapper .item-wrapper .item #slideshow{width:100%;height:100%;overflow:hidden;}
#work-detail-wrapper .item-wrapper .item .info-work h3{position:relative;}
.item-wrapper{position: absolute;z-index:50;width:100%;height:100%;overflow:hidden;}

.gal-v1 .item-wrapper{opacity:0;}
.gal-v1 div#divThumbs{opacity:0;}


/*********************************************
*** SECTIONS
*********************************************/

/**** SECTION - DEF SKIN (base styles based on higher reolutions to 1440px. Rest resolutions are managed in media queries)****/
.section{position:relative;font:normal 1em/1.7em 'Terminal Dosis Light', 'Raleway', 'Maven Pro', Helvetica, sans;font-weight:100;width:100%;height:100%;background:#f2f2f2;}
.section-wrapper{position:relative;width:960px;left:12%;top:16%;color:#414141;text-transform:uppercase;}
.section-wrapper .breadcrumbs{font-size:1em;font:normal .7em/1.7em 'Arvo', Georgia, serif;}
h2{font:normal 1em/1.7em 'Terminal Dosis Light', 'Raleway', 'Maven Pro', Helvetica, sans;display:block;width:960px;font-size:2em;line-height:1.8em;border-top:2px solid #ffea00;border-bottom:2px solid #ffea00;padding:0;margin:10px 0 60px 0;}

/**** ABOUT - DEF SKIN ****/
#about .section-intro{font-family:'Terminal Dosis Light', 'Raleway', 'Maven Pro', Helvetica, sans;font-size:2.5em;line-height:1.1em;font-style:normal;margin:20px 0 0px 0;width:960px;}
#about .claim{font-family:'Arvo', serif;font-weight:600;font-style:normal;}
#about .section-content{margin-right:40px;float:left;}
#about .section-content p{font:normal .85em/1.7em 'Maven Pro', sans;text-transform:none;margin:10px 0 15px 0;}
#about figure{float:left;margin:10px 0 0 70px;}
#about figure#dark{display:none;}/*Only for demo styles proposals*/


/**** NEWS - DEF SKIN ****/
#news .breadcrumbs{margin-bottom:20px;}
#news h2{display:inline;padding:0 10px 0 10px;text-transform:uppercase;}
.section-wrapper ul{width:360px;float:left;margin-right:100px;}
.section-wrapper ul li{text-transform:none;font:normal .85em/1.7em 'Maven Pro', sans;*font-size:1.2em;line-height:1.5em;}
#news .section-wrapper ul li h2{font-family:'Terminal Dosis Light', 'Raleway', 'Maven Pro', sans;font-size:2.35em;}
.section-wrapper ul li small{display:block;margin:20px 0 10px 0;color:#bbb;}
.section-wrapper ul li a{text-decoration:none;text-transform:uppercase;font-size:.8em;background:#ffea00;padding:2px;color:#000;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.section-wrapper ul li a:hover{-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;background:#000;color:#ffea00;}
/* #wdgt-twitter h2{margin-bottom:30px;}
.tweet .tweet_list li{margin-top:30px;} - Anterior margin-top:30px;
.tweet .tweet_list li>*{}
.tweet .tweet_list li:first-child{margin-top:20px;}
#wdgt-twitter .jta-tweet-list-item{padding:0px;margin:0px;}
#wdgt-twitter .jta-tweet-text{font-style:italic;}
#wdgt-twitter .jta-tweet-hashtag{background-color:transparent}
#wdgt-twitter .jta-tweet-timestamp a{display:block;background-color:transparent;text-align:right;color:#bbb;}
#wdgt-twitter .tweet_avatar img{display:none;} - Disable estilos widget twitter */

/**** DRIBBBLE - DEF SKIN ****/
#work-detail-wrapper #mydribbble span#closebt{
	position:absolute;
	display:block;
	right:0%;
	margin-top:300px;
	margin-right:110px;
	width:15px;
	height:15px;
	z-index:99;
	cursor: pointer;
}
#mydribbble h2{line-height:1.3em;margin:20px 0 20px 0;width:400px;}
#mydribbble .avatar{width:85px;border:5px solid #fff;float:left;margin:0 20px 20px 0;}
#mydribbble #mydribbble-stats{font:normal .7em/1.7em 'Maven Pro', sans;line-height:1.5em;font-style:italic;line-height /*\**/: .5em\9}
#mydribbble #mydribbble-stats{line-height:1.5em \0/IE9;}
#mydribbble #mydribbble-stats a{text-decoration:none;text-transform:uppercase;font-style:italic;background:#ffea00;padding:2px;color:#000;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#mydribbble #mydribbble-stats a:hover{-moz-transition: all .7s;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;background:#000;color:#ffea00;}
#mydribbble #username{padding-top:40px;line-height /*\**/: .5em\9}
#mydribbble #username{padding-top /*\**/: 30px\9}
#mydribbble #username{padding-top:40px \0/IE9;line-height:1.5em \0/IE9;}
#mydribbble #mydribbble-drafts{position:absolute;left:530px;margin:-18px 0 0 -45px;z-index:1000;display:none\9;}
#mydribbble #mydribbble-drafts{display /*\**/: none\9}
#mydribbble #mydribbble-drafts .plus-following{display:block;width:10px;text-align:center;padding:1px 3px 1px 3px;font-size:1em;background:#ffea00;color:#000;display:none\9;}
#mydribbble #mydribbble-drafts ul{display:none;padding-top:15px;display:none\9;}
#mydribbble #mydribbble-drafts ul li a{background:#000;color:#ffea00;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size:1.3em;line-height:1.5em;}
#mydribbble #mydribbble-drafts ul li a:hover{background:#ffea00;color:#000;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#mydribbble #mydribbble-shots{width:1350px;margin-top:0px;}
#mydribbble ul.shots{width:440px;margin-top:50px;}
#mydribbble ul.shots li{width:400px;display:block;float:left;margin-right:50px;}
#mydribbble ul.shots li a.in-shot{display:block;width:400px;height:300px;border:10px solid #FFF;background:transparent;overflow:hidden;}
#mydribbble ul.shots li #date-shot{color:#808080;font-size:.65em;text-align:center;margin-top:10px;text-transform:uppercase;}

#mydribbble #slide-navigation{position:absolute;right:-350px;margin-top:-65px;}
#mydribbble .btn-next, #mydribbble .btn-prev{position:relative;opacity:.6;font-family:'Terminal Dosis Light', 'Raleway', 'Maven Pro', Helvetica, arial, sans;font-size:2em;text-decoration:none;color:#313131;margin-right:35px;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#mydribbble .btn-next:hover, .btn-prev:hover{opacity:1;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}


/**** CONTACT - DEF SKIN ****/
#contact h2{width:610px;}
#contact ul{display:block;width:200px;position:relative;float:left;}
#contact li.list-section{margin-bottom:30px;}
#contact li small{display:inline;padding-left:0px;text-transform:uppercase;font-size:.6em;}/*Editado Anterior padding-left:20px;font-size:.7em;*/
#contact li:last-child{font-size:.8em;}
div.contact-form{
	float:left;
	width:300px;
	height:305px;
	height /*\**/: 280px\9;
	font:normal 1em "Maven Pro", Helvetica, sans;
	background-color:#a3a3a3;
	color:#e5e5e5;
	border:1px solid #FFF;
	border-top:5px solid #ffea00;
	border-bottom:none;
	margin-left:0px;
	-moz-transition:color 0.2s ease-in, background-color 0.2s linear;
    -webkit-transition:color 0.2s ease-in, background-color 0.2s linear;
    -o-transition:color 0.2s ease-in, background-color 0.2s linear;
	transition:color 0.2s ease-in, background-color 0.2s linear;
	}
div.contact-form:hover{background:#000;color:#ffea00;}
div.contact-form form div#form-wrapper{margin:15px;}
div.contact-form form div#field-name{margin-top:0px;}
div.contact-form form label{display:block;letter-spacing:1px;text-transform:uppercase;margin:20px 0 10px 10px;font-size:.7em;}
div.contact-form form input,textarea{width:250px;line-height:20px;padding:10px;color:#a3a3a3;}
div.contact-form form input:focus,textarea:focus{color:#474747;border:none;font-style:italic;}
div.contact-form form input#comments-submit{margin-left:190px;}
div.contact-form form input.form-submit{
	font-style:italic;
	color:#a3a3a3;
	width:100px;
	margin:40px 10px 0 170px;
	background:#e5e5e5;
	-moz-transition:color 0.2s ease-in, background-color 0.1s linear;
    -webkit-transition:color 0.2s ease-in, background-color 0.1s linear;
    -o-transition:color 0.2s ease-in, background-color 0.1s linear;
	transition:color 0.2s ease-in, background-color 0.1s linear;
	/*Editado estilo agregado*/
	margin-left: 185px;
	}
div.contact-form form input.form-submit:hover{background:#ffea00;color:#000;cursor:pointer;}

div.contact-form form label.error {
	position:absolute;
	left:20px;
	font-size:1em;
	z-index:2000;
	display:none;
	text-indent:-9999px;
	visibility:hidden;
}
div.contact-form div.error {position:absolute;font-size:.65em;margin:-22px 0 0 100px;color:#d1d1d1; }
div.contact-form #success{text-align:center;margin-top:45%;}
div.contact-form form input:focus {background-color:#F8E6A9;}

/*********************************************
**** SCROLLABLE AREAS
*********************************************/

/* Styles based in particular parts of the theme*/
#about .scrollable .content, #about .section-wrapper .content {width:580px;float:left;width:580px\9;_width:580px;*width:580px;margin-right:55px\9;_margin-right:55px;*margin-right:55px;}
#about .scrollable, #about .section-wrapper {width:1280px;height:65%;overflow:auto;}

#news .scrollable .content, #news .section-wrapper .section-content {width:920px;float:left;width:920px\9;_width:920px;*width:920px;margin-right:55px\9;_margin-right:55px;*margin-right:55px;}
#news .scrollable, #news .section-wrapper {width:960px;height:75%;overflow:auto;}

.gal-v1 .info-work .scrollable, .gal-v1 .info-work #scrollArea {width:40% !important;height:93px !important;overflow:auto;margin:7px 0 20px -3px;float:left;}
.gal-v1 .info-work #scrollArea{padding-right:10px;margin-right:10px;}
.gal-v1 .info-work .jspContainer {width:100% !important;height:200px !important;width:1500px\9;_width:1500px;*width:1500px;}
.gal-v1 .info-work .jspPane{width:93% !important;}

.gal-v2 .info-work .scrollable,
.gal-v2 .social-panel .scrollable {width:1280px !important;height:55%;overflow:auto;}
.gal-v2 .info-work .jspContainer,
.gal-v2 .social-panel .jspContainer {width:1280px !important;width:1500px\9;_width:1500px;*width:1500px;}
.gal-v2 .info-work .jspPane, 
.gal-v2 .social-panel .jspPane {width:80% !important;}

/*.scrollable .viewport { width: 99999px;height:300px;overflow:auto;*overflow-y:auto; position: relative;-webkit-overflow-scrolling: touch;}*/

/* General styles for scrollable areas*/

.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width: 5px;height: 120%;display:none;padding-right:20px;}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;display:none;}
.jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #ededed;position: relative;-webkit-border-radius: 3px;}
.jspDrag{background: #474747;position: relative;top: 0;left: 0;cursor: pointer;-webkit-border-radius: 3px;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}


@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) {
::-webkit-scrollbar{width: 5px;height: 6px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display: block;height: 10px;}
::-webkit-scrollbar-button:vertical:increment{background-color: #fff;}
::-webkit-scrollbar-track-piece{background-color: #eee;-webkit-border-radius: 3px;}
::-webkit-scrollbar-thumb:vertical{height: 50px;background-color: black;-webkit-border-radius: 3px;}
::-webkit-scrollbar-thumb:horizontal{width: 50px;background-color: #ccc;-webkit-border-radius: 3px;}
}
::selection{background: #ffea00;color:#404040;}
::-moz-selection{background: #ffea00;color:#404040;}


/*****backgrounds fit for two galleries******/
#work-detail-wrapper #work-gallery.expanded-bg {background-repeat:no-repeat;background-size:cover;}
#work-detail-wrapper #work-gallery.pattern-bg {background-repeat:repeat;}
#work-detail-wrapper #work-gal.expanded-bg {background-repeat:no-repeat;background-size:cover;}
#work-detail-wrapper #work-gal.pattern-bg {background-repeat:repeat;}

img#gal-bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img#gal-bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}



/* iPhone 4 ----------- */
/*@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {#main-nav{width:150px;background:#FFF;}}*/


@media only screen and (-webkit-min-device-pixel-ratio: 0) and (min-device-width: 1025px) {
::-webkit-scrollbar{width: 5px;height: 6px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display: block;height: 10px;}
::-webkit-scrollbar-button:vertical:increment{background-color: #fff;}
::-webkit-scrollbar-track-piece{background-color: #eee;-webkit-border-radius: 3px;}
::-webkit-scrollbar-thumb:vertical{height: 50px;background-color: #ffea00;-webkit-border-radius: 3px;}
::-webkit-scrollbar-thumb:horizontal{width: 50px;background-color: #ccc;-webkit-border-radius: 3px;}
}
::selection{background: #ffea00;color:#404040;}
::-moz-selection{background: #ffea00;color:#404040;}


/*********************************************
**** ADD YOUR CUSTOM STYLES FROM HERE
*********************************************/

/*fondo dennis catering*/
li.fondodennis{
	background-color:#84184c;
}
li.fondoimgdennis{background:url(../images/backgrounds/perroamarillo_denniscatering_brand_bg.jpg) no-repeat;)
}
/*fondo diefabrik*/
li.fondodiefabrik{
	background-color:black;
}

/*fondo cardniall*/
li.fondocard{
	background-color:black;
}

/*fondo sabor a cabo*/
li.fondosabor{
	background-color:black;
}

/*fondo eduardo mendizabal*/
li.fondoeduardo{
	background-color:black;
}

/*fondo eduardo mendizabal*/
li.fondoeduardo2{
	background-color:black;
	text-align: right !important;/*No sé por que le puse !important jajaja*/
}

/*fondo de corazón*/
li.fondodecorazon1{
	background-color: #cf4645;
}

/*fondo de corazón*/
li.fondodecorazon2{
	background-color: #c1eaff;
}

/*fondo big party*/
li.fondobig1{
	background-color:#912c8d;
}

li.fondobig2{
	background-color:#bbe782;
}

li.fondobig3{
	background-color:#95298c;
}

/*fondo expresso cafe*/

li.fondoexpresso1{
	background-color:#d1bdaf;
}

li.fondoexpresso2{
	background:url(../images/backgrounds/perroamarillo_expresso_cafe_logotipo_bg.jpg) no-repeat;)
}

/*fondo the main event*/

li.fondomain{
	background-color: black;
}

/*fondo el burro en primavera*/
li.fondoburro{
	background-color:#d34548;
}

/*fondo bodypaint*/
li.fondobody{
	background-color: black;
}

/*fondo bodypaint black swan*/
li.fondobodyblackswan{
	background-color: black;
	text-align: right !important;/*No sé por que le puse !important jajaja*/
}

/*fondo galerias*/
li.galeriasa{
	background-color:#73b2f9;
}

li.galeriasb{
	background-color:#ff8c2f;
}

/*Editando textos de proyectos*/
p.edit{
	visibility:hidden;
}

/*Estilo frame twitter*/
p.twitter{
	float:right;
}

/*Estilo social GOOGLE*/
li.socialgoogle{
	visibility:hidden;
}

/*Estilo body monster*/
li.bodymonster{
	background-color:black;
	text-align: right !important;/*No sé por que le puse !important jajaja*/
}

/*Estilo salsameneo*/
li.salsameneo{
	background-color:black;
}

/*Estilo floral*/
li.cabofloral{
	background-color:#e0dbe2;
}

/*Estilo floral*/
li.cabofloral2{
	background-color:#e0dbe2;
}

/*Estilo floral*/
li.cabofloral3{
	background-color:#e0dbe2;
	text-align:left !important;/*No sé por que le puse !important jajaja*/
}