/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {box-sizing:content-box;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, ub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


input, textarea {border:0;}
input[type=submit], input[type=button]{cursor:pointer;}

textarea {resize:none;}

/* -Clear Floats- */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* -Clear Focus- */
:focus {outline:0;}
* {font-weight:normal; text-decoration:none; border:none;}

#cssawards{ position:fixed; top:0px; left:0px; z-index:555; }
#cssawards a{ width:115px; height:115px; text-indent:-8000px; display:block; background:url(../images/cssawards_featured_red.png) no-repeat; }
#csswinner{ position:fixed; bottom:10px; right:10px; z-index:555; }
#csswinner a{ width:77px; height:59px; text-indent:-8000px; display:block; background:url(../images/nominee-brown-right.png) no-repeat; }
#cssdesignawards{ position:fixed; top:0px; left:150px; z-index:555; }
#cssdesignawards a{ width:164px; height:69px; text-indent:-8000px; display:block; background:url(../images/css-design-award.png) no-repeat; }

/* Sitio Web */
body {font-family: Quicksand, Arial, Helvetica, sans-serif; background:#99CA3C;}
.loader {position:fixed; top:50%; left:50%; margin:-66px 0 0 -75px; width:150px; height:0; overflow:hidden;}
.loader img {display:block; width:150px; height:132px; }
.container {opacity:0; filter:alpha(opacity=0);}
.container > nav, .container > menu, .container > aside, .container > footer {position:fixed; background:rgba(0,102,0,0.7); z-index:300; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; color:#fff;}
.lt-ie9 .container > nav, .lt-ie9 .container > menu, .lt-ie9 .container > aside, .lt-ie9 .container > footer {background:url(../images/back-menues.png) repeat;}

.container > nav, .container > menu {width:50px; height:300px; top:50%; margin-top:-150px;}
.container > nav {-moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; left:0; z-index:101;}
.container > nav ul, .container > menu ul {padding-left:9px;}
.container > nav li, .container > menu li {width:32px; height:32px; margin:23px 0; cursor:pointer;position:relative;}
.container > menu li {margin:23px 0; cursor:pointer;}
.container > nav li {margin:35px 0; position:relative;}
.container > nav li .normal, .container > nav li .hover {background:url(../images/buttons-nav.png) no-repeat; text-indent:-9999px; position:absolute; top:0; left:0; width:32px; height:32px;}
.container > nav li .normal {z-index:320;}
.container > nav li .hover {z-index:311; opacity:0;}

.container > nav li .tooltip, .container > menu li .tooltip {display:block; position:absolute; height:20px; font-size:12px; padding:2px 10px; top:5px; background:rgba(0,102,0,0.7); -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; line-height:22px; opacity:0; filter:alpha(opacity=0); z-index:1;-moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000;}
.lt-ie9 .container > nav li .tooltip, .lt-ie9 .container > menu li .tooltip {background:url(../images/back-menues.png) repeat;}
.container > nav li .tooltip {left:0px;}
.container > menu li .tooltip {right:0px;}

.container > nav li[title=Home] a .normal {background-position:-32px 1px!important;}
.container > nav li[title=About] a .normal {background-position:-32px -75px!important;}
.container > nav li[title=Projects] a .normal {background-position:-32px -155px!important;}
.container > nav li[title=Contact] a .normal {background-position:-32px -237px!important;}

.container > nav li[title=Home] a .hover {background-position:0 1px!important;}
.container > nav li[title=About] a .hover {background-position:0 -75px!important;}
.container > nav li[title=Projects] a .hover {background-position:0 -155px!important;}
.container > nav li[title=Contact] a .hover {background-position:0 -237px!important;}

.container > nav li.selected .normal { opacity:0!important; filter:alpha(opacity=0)!important;}
.container > nav li.selected .hover { opacity:1!important; filter:alpha(opacity=100)!important;}

.container > nav li a {width:100%; height:100%; display:block; position:relative; z-index:10;}
.container > menu {-moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; right:0;}
.container > aside, .container > footer {width:60%; height:50px;}
.container > aside {-moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; -o-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px; right:0; top:0; line-height:33px;}
.container > aside dl {min-width:600px;}
.container > aside dl dt {font-size:14px; display:inline-block; padding:0 20px; position:relative; top:-6px;}
.container > aside dl dd {display:inline-block; padding-top:16px;}
/*.ie7 .container > aside dl dd {width:101px; display:block; float:left;}*/

.container > footer {-moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; -o-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; position:fixed; left:0; bottom:0;}
.container > footer small {font-size:12px; float:right; padding:20px 20px 0 0;}
.container > footer dl {float:left;}
.container > footer dl dt {font-size:12px; float:left; padding:20px 0 0 20px;}
.container > footer dl dd {background:url(../images/icons-follow.png) no-repeat; width:32px; height:32px; float:left; margin:9px 0 0 20px; position:relative;}
.lt-1280 .container > footer dl dd {background:url(../images/lt-1280-icons-follow.png) no-repeat; width:16px; height:16px; margin:16px 0 0 10px;}
.container > footer dl dd .tooltip {background:rgba(0,102,0,0.7); width:293px; font-size:12px; line-height:21px; padding:4px 10px 0 10px; position:absolute; top:40px; left:50%; margin-left:-156px; text-align:center; opacity:0; filter:alpha(opacity=0); -moz-box-shadow:0 0 5px #333333 inset; -webkit-box-shadow:0 0 5px #333333 inset; box-shadow:0 0 5px #333333 inset; height:27px;}
.lt-ie9 .container > footer dl dd .tooltip {background:url(../images/back-menues.png) repeat;}
.container > footer dl dd .tooltip a {color:#fff;}
.container > footer dl dd#linkedin {background-position:0 0;}
.container > footer dl dd#skype {background-position:-32px 0;}
.container > footer dl dd#gplus {background-position:-64px 0;}
.lt-1280 .container > footer dl dd#linkedin {background-position:0 0;}
.lt-1280 .container > footer dl dd#skype {background-position:-16px 0;}
.lt-1280 .container > footer dl dd#gplus {background-position:-32px 0;}
.container > footer dl dd > a {width:100%; height:100%; display:block; text-indent:-9999px; position:relative; z-index:100;}
section {width:100%; height:100%; position:relative; overflow:hidden;}

	/* -- HOME -- */
	section#home {background:url(../images/background.jpg) no-repeat center center; background-size: cover; z-index:100; background-color:#99CA3C!important;}
	.ios section#home {background:url(../images/ios-background.jpg) no-repeat center center;}
	section#home header {background:url(../images/diego-diaz-logo.png) no-repeat; width:334px; height:290px; position:absolute; top:50%; left:50%; margin:-141px 0 0 -162px;}
	section#home header h1 {text-indent:-9999px;}
	section#home header h2 {background:url(../images/globe.png) no-repeat; width:329px; height:108px; text-align:center; font-size:25px; line-height:37px; padding:72px 28px 90px 33px; position:absolute; top:300px; left:340px; opacity:0; filter:alpha(opacity=0);}
	.lt-1280 section#home header h2 {background:url(../images/lt-1280-globe.png) no-repeat; width:247px; height:108px; font-size:19px; line-height:28px; padding:45px 13px 43px 19px;}
	
	/* -- ABOUT -- */
	section#about {background:url(../images/about/background-about.jpg) no-repeat center center fixed; background-size: cover; }
	section#about article {width:100%; height:400px; left:0%; background:url(../images/about/background-about-color-blur.jpg) no-repeat center center fixed; background-size: cover;  position:fixed; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000;}
	.ie section#about article {border-top:solid 1px #999;border-bottom:solid 1px #999;}
	section#about article h1 {width:900px; height:300px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -450px; font-size:42px; line-height:1.8em; font-weight:normal; color:#fff; text-shadow:0px 0px 7px #000; filter:dropshadow(color=#999999,offX=2,offY=2);}
	/*.ie section#about article h1 {background:url(../images/about/text.png) no-repeat; text-indent:-9999px;}*/

	/* -- CONTACT -- */
	section#contact{background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; display:none; z-index:200;}
	.lt-ie9 section#contact {background:url(../images/contact/background-fix.png) repeat;}
	section#contact article {background:url(../images/projects/background1.jpg) center center; height:350px; width:600px; border:solid 10px #99CA3C; position:absolute; top:50%; left:50%; margin:-175px 0 0 -300px; -moz-box-shadow:0px 0px 7px #000;	-webkit-box-shadow:0px 0px 7px #000; box-shadow:0px 0px 7px #000;}
	section#contact article a.close {display:block; position:absolute; top:-27px; right:-26px; background:url(../images/contact/close.png) no-repeat; width:40px; height:40px; text-indent:-9999px;}
	section#contact article figure {display:block; position:absolute; width:180px; height:180px; overflow:visible; top:10px; left:10px;}
	section#contact article figure img {border:solid 5px #333;}
	section#contact article figure figcaption {display:block; background:url(../images/contact/error-box.png) no-repeat; width:123px; height:95px; padding:17px 29px 18px 70px; position:absolute; left:160px; top:10px; text-align:center; font-size:14px; line-height:23px;}
	section#contact article form {display:block; width:180px; position:absolute; top:10px; right:10px; color:#fff;}
	section#contact article dl {display:block; width:580px; position:absolute; top:205px; left:10px; color:#030;}
	section#contact article dt {font-size:20px; margin-bottom:15px;}
	section#contact article dd {font-size:14px; margin-bottom:10px;}
	section#contact article form p {margin-bottom:20px;}
	section#contact article form p label {font-size:14px; margin-bottom:5px; display:block; color:#030;}
	section#contact article form p input {display:block; background:url(../images/contact/inputs.png) repeat; width:170px; padding:0 5px; height:25px; font:12px/24px 'Mate SC', Verdana, Geneva, sans-serif; color:#333; -moz-box-shadow:inset 0 0px 5px #666; -webkit-box-shadow:inset 0 0px 5px #666; box-shadow:inset 0 0px 5px #666;}
	section#contact article form .placeholderColor {color:#6E7496!important;}
	section#contact article form p textarea {display:block; background:url(../images/contact/inputs.png) repeat; width:170px; padding:0 5px; height:100px; font:12px/20px 'Mate SC', Verdana, Geneva, sans-serif; color:#333; overflow:hidden; -moz-box-shadow:inset 0 0px 5px #666; -webkit-box-shadow:inset 0 0px 5px #666; box-shadow:inset 0 0px 5px #666;}
	section#contact article .mail {background:url(../images/contact/mail.png) no-repeat; width:76px; height:61px; position:absolute; top:234px; left:76px; z-index:10;}
	section#contact article .mailbox {background:url(../images/contact/mailbox.png) no-repeat; width:118px; height:148px; position:absolute; top:202px; left:238px; z-index:1;}
	section#contact article .loader {background:url(../images/projects/ajax-loader.gif) no-repeat; width:31px; height:31px; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; display:none;z-index:999;}
	section#contact article small {position:absolute; left:10px; bottom:10px; display:block; font:12px/14px 'Mate SC', Verdana, Geneva, sans-serif; color:#fff;}
	
	
	section#projects {z-index:100; background-color:#99CA3C!important;}
	.pxs_container{ width:100%; height:420px; position:relative; border-top:7px solid #333; border-bottom:7px solid #333; overflow:hidden; -moz-box-shadow:0px 0px 7px #000; -webkit-box-shadow:0px 0px 7px #000; box-shadow:0px 0px 7px #000; }
	.pxs_bg{/*background:transparent url(../projects/images/bg.png) repeat top left;*/}
	.pxs_bg div{position:absolute;top:0px;left:0px; width:7584px; /*1264px window width times number of images*/height:100%;background-repeat:repeat;background-position:top left;background-color:transparent;}
	.pxs_bg .pxs_bg1{background:url(../images/projects/background1.jpg) repeat-x left center!important; }
	.pxs_bg .pxs_bg2{background:url(../images/projects/background-middle.png) repeat-x left 10px!important;}
	.pxs_bg .pxs_bg3{background:url(../images/projects/background-front.png) repeat-x left bottom!important;}
	.pxs_slider_wrapper{display:none;}
	.pxs_container ul{margin:0px;padding:0px;list-style:none;}
	ul.pxs_slider{position:absolute;left:0px;top:50%;height:420px;margin-top:-210px;}
	ul.pxs_slider li{height:420px;float:left;position:relative;}
	ul.pxs_slider li figcaption {position:absolute; top:360px; left:50%; font-size:16px; margin-left:-388px; display:block; width:757px; padding:10px; background:#99CA3C; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
	ul.pxs_slider li figcaption .left {float:left;}
	ul.pxs_slider li figcaption .right {float:right;}
	ul.pxs_slider li a {display:block; width:760px; height:300px;margin:35px auto 0px auto; -moz-box-shadow:0px 0px 7px #222; -webkit-box-shadow:0px 0px 7px #222; box-shadow:0px 0px 7px #222; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:8px; background:#99CA3C;}
	ul.pxs_slider li a img{display:block;}
	ul.pxs_thumbnails{
		height:35px;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:210px;
	}
	ul.pxs_thumbnails li{
		position:absolute;
		display:block;
	}
	ul.pxs_thumbnails li img{
		border: 5px solid #FFFFFF;
		-moz-box-shadow:1px 1px 7px #555;
		-webkit-box-shadow:1px 1px 7px #555;
		box-shadow:1px 1px 7px #555;
		cursor:pointer;
		display:block;
		opacity:0.7;
		filter:alpha(opacity=70)
	}
	ul.pxs_thumbnails li.selected img{
		opacity:1.0;
		filter:alpha(opacity=100)
	}
	.pxs_navigation span{
		position:absolute;
		width:30px;
		height:60px;
		-moz-box-shadow:0px 0px 2px #000;
		-webkit-box-shadow:0px 0px 2px #000;
		box-shadow:0px 0px 2px #000;
		top:50%;
		margin-top:-30px;
		opacity:0.6;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		cursor:pointer;
	}
	.pxs_navigation span:hover{
		opacity:0.9;
	}
	.pxs_navigation span.pxs_prev{
		background:#000 url(../images/projects/prev.png) no-repeat center center;
	}
	.pxs_navigation span.pxs_next{
		background:#000 url(../images/projects/next.png) no-repeat center center;
	}
	.pxs_loading{
		color:#fff;
		font-size:20px;
		padding:15px 15px 15px 50px;
		position:absolute;
		background:#333 url(../images/projects/ajax-loader.gif) no-repeat 10px 50%;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		opacity:0.7;
		width:180px;
		position:absolute;
		top:150px;
		left:50%;
		margin-left:-90px;
	}

	/* -- PARTNERS -- */
	section#partners {background:url(../images/partners/background4.jpg) repeat;}
	section#partners article {width:600px; margin:30px auto; background:rgba(255,255,255,0.7); border:solid 1px #333; -moz-box-shadow:0px 0px 7px #222; -webkit-box-shadow:0px 0px 7px #222; box-shadow:0px 0px 7px #222; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; padding:26px;}
	.lt-ie9 section#partners article{background:url(../images/about/background-fix.png) repeat;}
	section#partners article h1 {font-size:18px; line-height:22px; color:#333;}
	section#partners article ul {margin:0; list-style-type:square; list-style-position:inside;}
	section#partners article ul, section#partners article a{font-size:16px; color:#333;}
	section#partners article ul li {margin-top:27px;}
	
/* -- For iOS -- */
.ios section, .ios .pxs_bg .pxs_bg1, .ios section#about article {background-size:cover;}
.ios .tooltip {display:none!important;}

/*@media screen and (orientation: portrait){
	
}

@media screen and (orientation: landscape){
	 
}*/
.iphone.portrait section:not(#partners), .iphone.portrait .QOverlay {height:1400px!important;}
.iphone.portrait #pxs_container {height:1000px!important; margin-top:200px;}

.iphone.landscape section:not(#partners) {height:920px!important;}
.iphone.landscape #pxs_container {height:700px!important; margin-top:150px;}

.ipad.portrait section:not(#partners), .ipad.portrait .QOverlay {height:1280px!important; width:850px!important; background-size:auto;}
.ipad.portrait #pxs_container {height:800px!important; margin-top:200px;}
/*.ipad.portrait #pxs_container li { width:840px!important;}
*/
.ipad.landscape section:not(#partners) {width:1280px!important; height:850px!important; background-size:auto;}
.ipad.landscape #pxs_container {height:600px!important; margin-top:150px;}
/*.ipad.landscape #pxs_container li {width:1280px!important;}*/