html {margin:0;padding:0;background:#fff;height:100%;}
	body {margin:0 50px 0 0;padding:0;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;background:#fff;font-size:11px;height:100%;min-width:990px;}
	
	h1 {margin:0;padding:0;position:absolute;top:0;left:-3000em;height:1px;width:1px;z-index:-1;text-indent:-3000em;overflow:hidden;}
	h2 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:bold;font-size:11px;line-height:30px;}
	h3 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:bold;font-size:11px;line-height:14px;}
	h4 {margin:0;padding:0 0 10px 0;border:0;color:#555;font-weight:bold;font-size:11px;line-height:14px;}
	p  {margin:0;padding:0 0 10px 0;border:0;color:#7a7a7a;font-weight:bold;font-size:11px;line-height:14px;}
	
	span {line-height:1.4em;}
	
	a {text-decoration:none;color:#abaaa6;font-weight:bold;outline:none;}
	a:link, a:visited {text-decoration:none;color:#abaaa6;}
	a:hover, a:active {text-decoration:none;color:#636363;}
	
	li {font-weight:normal; font-size:11px; line-height:1.4em; letter-spacing:0.01em; color:#000;}
	ul {padding:0 0 10px 0;}
	
	table, tr {}
	th, td {font-size:11px;line-height:1.4em;}
	
	em {font-style:italic}
	strong {font-weight:bold;}
	address {color:#7a7a7a; font-weight:bold; font-style:normal; font-size:11px; line-height:1.4em; letter-spacing:0.01em;}
	
	input {padding:2px;font-size:11px;}
	fieldset {margin:0;border:0;padding:0;}
	label {padding:0 0 10px 0; color:#000; font-weight:normal; font-size:11px; line-height:1.4em;}
	textarea {font-size:11px;font-family:verdana, helvetica, arial, sans-serif;}

/* layout - note: for 'sticky nav' to work #content margin-bottom, #push height and #nav height need to the same dimension */

	#content {min-height:100%;height: auto !important;height:100%;margin:0 0 -200px 50px;position:relative;overflow:hidden;}
	#push {height:200px;background:url(images/preload.gif) -999px -999px no-repeat;overflow:hidden;z-index:2;}
	#nav {margin:0;padding:0;height:200px;position:relative; background:none;z-index:2;overflow:hidden;font-size:11px;}

	.sub #content {margin:0 0 -146px 50px;position:relative;overflow:hidden;}
	.sub #push {height:146px;}
	.sub #nav {height:146px;}



/* nav */

	#nav .frame {background: #fff url(images/lineg.gif) no-repeat 250px 15px ;position:absolute;bottom:0;width:100%;z-index:3;}
	
	#nav .frame h2 {padding:0;height:20px;width:250px;position:absolute;top:20px;left:0;background: url(images/logo.gif) no-repeat 50px 0;z-index:3;text-indent:3000em;overflow:hidden;}
	#nav .frame h2 a {height:20px;width:200px;display:block;text-indent:3000em;overflow:hidden;}
	#nav .frame a {font-weight:bold;color:#abaaa6;}
	#nav .frame a:hover {font-weight:bold;color:#636363;}
	
	#nav .frame ul.main {position:absolute;top:20px;left:250px;padding:0;width:580px;height:45px;z-index:2;background:#fff;}
	#nav .frame ul.main li {float:left;width:170px;margin:0;}
	#nav .frame ul.main li a {display:block;width:180px;height:1.3em;background:#fff;margin:0;}
	
	#nav .frame p.copyright {position:absolute;right:0;top:20px;z-index:2;}
	#nav .frame p.copyright a:hover {text-decoration:underline;}
	#nav .frame p.copyright .creditbox {display:none;position:absolute;right:0;top:18px;width:300px;text-align:right;}
	#nav .frame p.copyright a.tweeto {color:#219edf;}
	
	/*logo home*/
	p.logo_proyectos-all {background: url(images/LogoCentraldd.jpg) no-repeat 0 0 #fff;margin:0 0 0 0;position:absolute;z-index:9;top:0px;right:0px;width:55px;height:70px;padding:0;}
		
	p.logoproy {background: url(images/LogoCentraldd.jpg) no-repeat 0 0 #fff;margin:0 0 0 0;position:absolute;z-index:9;top:0px;right:40px;width:55px;height:70px;padding:0;}
	p.logo {background: url(images/LogoCentraldd.jpg) no-repeat 0 0 #fff;margin:0 0 0 0;position:fixed;z-index:9;top:40px;right:90px;width:55px;height:70px;padding:0;}
	
		/*icos*/
	p.sobre {background: url(icos/ico_mail.png) no-repeat 0 0;margin:0 0 0 0;position:fixed;z-index:9;bottom:60px;right:40px;width:16px;height:16px;padding:0;}
	p.facebook {background: url(icos/ico_f.png) no-repeat 0 0;margin:0 0 0 0;position:fixed;z-index:9;bottom:40px;right:40px;width:16px;height:16px;padding:0;}
	p.book {background: url(icos/ico_note.png) no-repeat 0 0;margin:0 0 0 0;position:fixed;z-index:9;bottom:20px;right:40px;width:16px;height:16px;padding:0;}
	
	#nav p.sesame {height:35px;margin:0 0 0 250px; background: url(images/lineg.gif) no-repeat 0 0 #fff;position:absolute;z-index:3;bottom:0;width:100%;padding:0;}
	#nav p.sesame a {position:absolute;top:5px;left:0;color:#}
	#nav p.logopin {width:100%;height:15px;position: absolute;bottom:0;left:0;height:40px;background: #fff;}
	#nav p.logopin a {background: url(images/logo.gif) no-repeat 0 0 #fff;width:200px;height:20px;position: absolute;bottom:15px;left:50px;display:block;overflow:hidden;text-indent:-3000em;}
	#nav p.logopin span {width:250px;height:12px;position:absolute;bottom:0;left:0;z-index:4;background:#fff;display:block;}
	
	#showcase #nav li.showcase {}
	#about #nav li.about {}
	#contact #nav li.contact {}
	#projects #nav li.projects {}
	#portfolio #nav li.portfolio {}
	#downloads #nav li.downloads {}
	
	#showcase #nav li.showcase a, 
	#about #nav li.about a, 
	#contact #nav li.contact a, 
	#projects #nav li.projects a, 
	#portfolio #nav li.portfolio a, 
	#downloads #nav li.downloads a {text-decoration:underline;color:#666;}
	
	#showcase #nav li.showcase a:hover, 
	#about #nav li.about a:hover, 
	#contact #nav li.contact a:hover, 
	#projects #nav li.projects a:hover, 
	#portfolio #nav li.portfolio a:hover, 
	#downloads #nav li.downloads a:hover {color:#ccc;}
	
	/* folio nav */
	
	#nav .sticky {background: #fff url(images/lineg.gif) no-repeat 250px 15px ;position:absolute;bottom:0;width:100%; overflow:hidden;z-index:1;}
	#nav .sticky h2 {padding:0;height:20px;width:250px;position:absolute;top:20px;left:0;background: url(images/logo.gif) no-repeat 50px 0;z-index:1;}
	#nav .sticky h2 a {height:20px;width:200px;display:block;text-indent:-3000em;overflow:hidden;}
	
	#nav .sticky #views {position:relative;background:#fff;}
	#nav .sticky #views h3 {padding:0;color:#aaa;line-height:15px;}
	#nav .sticky #views h4 {padding:0;line-height:15px;}
	#nav .sticky #views .options {position:absolute;top:17px;left:250px;width:150px;}
    #nav .sticky #views .options h3 {position:absolute;top:1px;left:0;}
	#nav .sticky #views .options p span {display:block;height:20px;float:left;margin:16px 3px 0 0;}
	#nav .sticky #views .options p span.current {}
	#nav .sticky #views .options p span.total {color:#999;margin-right:15px;}
	
	#nav .sticky #views .options p a {width:100px;height:16px;display:block;margin:0;position:absolute;top:17px;left:48px;}
	#nav .sticky #views .options p a.grid {left:44px;text-indent:14px;background:url(images/arse.png) no-repeat 0 4px;}
	#nav .sticky #views .options p a.lrge {left:98px;}
	
	#nav .sticky #views .options p a.thmb {left:98px;width:80px;background:url(images/arse.png) no-repeat 46px -37px;}
	#nav .sticky #views .options p a.thmb.proj {left:44px;width:80px;}
	
	#nav .sticky #views .options p a.grid:hover {color:#219edf;background:url(images/arse.png) no-repeat 0 -16px;}
	#nav .sticky #views .options p a.thmb:hover {color:#219edf;background:url(images/arse.png) no-repeat 46px -57px;}
	#nav .sticky #views .options p a.lrge:hover {color:#219edf;}
	
	#nav .sticky #views .options p a.grid.active {color:#219edf;}
	#nav .sticky #views .options p a.thmb.active {color:#219edf;background:url(images/arse.png) no-repeat 46px -97px;}
	#nav .sticky #views .options p a.lrge.active {color:#219edf;}
	
	#nav .sticky #views .options p a.gridlist {position:absolute;top:15px;left:0px;width:100px;overflow:visible;color:#666;}
	#nav .sticky #views .options p a.thmblist {background:none;position:absolute;top:15px;left:48px;width:100px;overflow:visible;text-indent:0em;color:#666;}
	
	#nav .sticky #views .options p a.gridlist:hover {color:#219edf;}
	#nav .sticky #views .options p a.gridlist.active {color:#219edf;}
	#nav .sticky #views .options p a.thmblist:hover {color:#219edf;}
	#nav .sticky #views .options p a.gridlist.active {color:#219edf;}
	#nav .sticky #views .options p a.thmblist.active {color:#219edf;}
	

	#nav .sticky #views .cats {position:absolute;top:17px;left:420px;}
	#nav .sticky #views .cats li {display:inline;font-weight:bold;}
	#nav .sticky #views .cats li a {color:#666;}
	#nav .sticky #views .cats li a:hover {color:#aaa;}
	#nav .sticky #views .cats li.selected a {color:#219edf;}
	#nav .sticky #views .cats li.selected a:hover {text-decoration:underline;}
	
	#nav .sticky #views .context {float:left;padding:18px 12px 0 0;}
	#nav .sticky #views #client.context {padding:18px 12px 0 380px}
	#nav .sticky #views #pdf.context a, #nav .sticky #views #proj.context a {color:#666;border-bottom:1px solid #219edf;}
	#nav .sticky #views #pdf.context a:hover, #nav .sticky #views #proj.context a:hover {color:#333;}
	
	#nav .thumbCut {position:absolute;left:250px;bottom:50px;height: 90px; right: 0; border-top:1px solid #abaaa6;z-index:2;overflow:hidden;}
	#nav .thumbCut .nextBtn, #nav .thumbCut .prevBtn {position:absolute;top:15px;display:block;width:22px;height:90px;z-index:3;text-indent:-3000em;overflow:hidden;}
	#nav .thumbCut .nextBtn {right:0;background: url(images/arr-thumbs.png) -22px 0;}
	#nav .thumbCut .prevBtn {left:0;background: url(images/arr-thumbs.png) 0 0;}

	#nav .thumbslide {position: absolute; left: 0; width: 10000px; margin: 0; height: 100%; background:#fff;}
	#nav .ts.nextBtn, #nav .ts.prevBtn {position:absolute;left:250px;top:50%;z-index:100;display:block;background:#fff;}
	#nav .ts a {color:#333;}
	#nav .ts.nextBtn {top:55%;}
	#nav .thumbslide li {float:left;display:block;margin:15px 10px 0 0;}

/* showcase (home) */

	#showcase #container {width:100%;height:100%;position:absolute;overflow:hidden;z-index:1;background:#fff;margin:0 auto 150px auto;}
	#showcase #container img {background:#fff;margin:0;}
	#showcase #loaderOverlay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;}
	#showcase img {display:none;}
	#showcase #content img {display:block;margin:0 0 50px 0;}
	#showcase .gallery {display:none;}
	
	#content #container {margin:50px 0 150px 0;} 
	#content #container a.prevBtn, 
	#content #container a.nextBtn {position:absolute;width:525px;height:100%;top:-50px;margin:0;z-index:50;display:block;overflow:hidden;text-indent:-1000em;top:-50px;outline:none;}
	#content #container a.prevBtn {left:0;background:url(images/sprite-trans.png) -145px center no-repeat;} 
	#content #container a.nextBtn {right:0;background:url(images/sprite-trans.png) 365px center no-repeat;}
	#content img {height: auto !important;height:100%;z-index:1;position:absolute;top:0;left:0;overflow:hidden;}

/* folio / projects */

	#content #wall {position:absolute;top:50px;right:0;bottom:200px;left:0;background:#fff;} 
	
	/***************************************************************************************************
	
	Amend above to left:200px; to align to grid
	
	***************************************************************************************************/
	
	#content #wall .wall {}
	#content #wall ul {margin:0;padding:0;}
	#content #wall img {display:block; position: relative;margin:0 auto 50px auto;}
	#content #wall .wall .prevBtn, #content #wall .wall .nextBtn {position:absolute;top:0;z-index:2;width:400px;height:100%;overflow:hidden;text-indent:-3000em;}	
	#content #wall .wall .prevBtn {left:0px;background:url(images/arr-lrg-l.png) no-repeat left center;}
	#content #wall .wall .nextBtn {right:0;background:url(images/arr-lrg-r.png) no-repeat right center;}

	img.imgLoader {position: absolute; top: -3000em;visibility:hidden;}

/* thumbs (downloads / projects) */

	#thumbs {margin:50px 0 0 200px;background:#fff;padding:0;float:left;padding:0 0 1px 0;}
	
		/*for IE7 > */
		#thumbs {*padding-bottom:150px;*background:#000;}
		
		#thumbs .prevBtn, #thumbs .nextBtn {position:absolute;width:30px;height:100%;margin:0;z-index:2;display:block;overflow:hidden;text-indent:-3000em;top:-100px;}
	
	#thumbs .prevBtn {left:150px;background:url(images/arr-lrg.png) #fff no-repeat 5px center;}
	#thumbs .nextBtn {right:00px;background:url(images/arr-lrg.png) #fff no-repeat -75px center;}
	
	.thumb {width:150px;height:104px;margin:0 20px 20px 0;float:left;background-repeat:no-repeat;display:block;}
	.thumb h3 a {width:150px;height:104px;display:block;margin:0;padding:0;font-weight:bold;position:relative;cursor:pointer;color:#636363;}
	.thumb h3 a span {display:none;background:#fff;color:#636363;text-transform: capitalize;padding:0 0 7px 0;position:absolute;top:-3px;width:150px;font-size:12px;line-height:1.25em;cursor:pointer;}
	.thumb h3 a span strong {display:block;}
	.thumb h3 a span em {display:block;color:#ccc;font-style:normal;cursor:pointer;}
	.thumb h3 a span em.by {display:block;color:#999;font-style:normal;cursor:pointer;}
	.thumb h3 a span em.dt {display:block;color:#ccc;font-style:normal;cursor:pointer;}
	.thumb h3 a:hover span em {cursor:pointer;}
	
	.thumb h3 a span strong.selected,
	.thumb h3 a span em.selected,
	.thumb h3 a span em.by.selected,
	.thumb h3 a span em.dt.selected {color:#219edf}
	
	#downloads .thumb h3 a span {background:url(images/dnld.gif) 30px 3px no-repeat #fff;cursor:pointer;}
	
	/*ticket view */
	
	.ticket {float:left;width:194px;margin:0 16px 10px 0;background:#fff;height:80px;border-top:3px solid #eee;}
	.ticket h3 {font-size:11px;padding:5px 0;margin:0 0 5px 0;font-style:normal;line-height:1.1em;border-bottom:1px solid #eee;}
	.ticket h3 a {color:#777;}
	.ticket h3 a:hover {color:#bbb;}
	.ticket h3.selected a {color:#219edf;}
	.ticket h3.selected a:hover {color:#666;}
	
	.ticket a.cat-selected {color:#219edf;}
	.ticket a.cat-selected:hover {color:#666;}
	
	.ticket p {font-size:11px;padding:0;}
	.ticket p a {text-decoration:underline;}
	.ticket p span.selected {color:#219edf;}
	.listop {padding:0;background:#fff;float:left;margin:0;}
	h2.listomatic {float:left;display:block;width:100%;margin:10px 0 3px 0;padding:0 0 2px 0;border-bottom:1px solid #eee;}
	h3.listomatic {font-size:11px;margin:0;padding:0 0 4px 0;color:#999;width:auto;float:left;width:100%;overflow:hidden;position:relative;z-index:1;}
	h3.listomatic a {text-decoration:underline;color:#555;}
	h3.listomatic a:hover {text-decoration:none;color:#999;}
	h3.listomatic .date {padding:1px 10px 0 0;font-weight:normal;color:#bbb;width:60px;display:block;float:left;font-weight:bold;}
	h3.listomatic .selected {color:#219edf;}
	h3.listomatic em {display:block;z-index:2;top:0;right:0;width:85px;height:80px;background:url(images/sprite-trans-w.png) repeat-y;position:absolute;}

	
/* logo effects */

	.sub #nav p.logopin, .sub #nav .frame h2, .sub #nav p.logopin a,
	#portfolio #nav .frame h2 a,
	#projects #nav .frame h2 a {background:#fff;}
	#projects .frame h2 {display:block;}


/* about / contact */
	
	.sub #content {min-width:990px;}	
	.sub .cola {width:200px;background:#fff;float:left;padding:0 0 50px 0;position:relative;}
	.sub .colb {width:480px;background:#fff;float:left;padding:0 0 50px 0;position:relative;}
	.sub .colb p {margin-right:20px;}
	.sub .colc {width:230px;background:#fff;float:left;padding:0 0 50px 0;position:relative;}		
	.sub .colc p {clear:both;margin:0 0 20px 0;}
	
	.sub #content address {width:170px;float:left;background:#fff;}
	.sub #content em {display:block;color:#aaa;font-style:normal;font-weight:bold;padding:0;margin:0;}
	.sub #content span {color:#aaa;}
	.sub #content address a span {border-bottom:0;}
	.sub #content p a, .sub #content address a {border-bottom:1px solid #219edf;padding:0;margin:0 0 3px 0;display:block;float:left;clear:both;line-height:16px;color:#636363;}
	.sub #content p a:hover, .sub #content address a:hover {border-bottom:1px solid #888;color:#aaa;}
	
	.sub .cola p, .sub .colb p, .sub .colc p, .sub .cola li, .sub .colb li, .sub .colc li, .sub address {font-size:11px;} 

	.sub #clip {margin:50px 0 0 0;background:#fff;}
	.sub .sub-logo a {padding:0;height:20px;width:200px;position:absolute;top:5px;left:0;background: url(images/logo.gif) no-repeat 0 0 #fff ;z-index:2;overflow:hidden;text-indent:-3000em;}
	
	.sub .titling {background:#fff;margin:0 0 0 200px;height:250px;border-bottom:1px solid #aaa;position:relative;width:100%;}
	.sub .titling h2 {height:0px;width:480px;font-size:6em;font-weight:bold;overflow:hidden;text-indent:-3000em;padding:0;margin:0;}
	#contact.sub .titling h2 {background: url(images/texto_centraldd.gif) no-repeat 0 -120px;}
	#about.sub .titling h2 {background: url(images/texto_centraldd.gif) no-repeat 0 0;}
	.sub #content .titling img {
	height:auto;
	margin:0;
	padding:0;
	z-index:1;
	position:absolute;
	top:0;
	left:0px;
	overflow:hidden;
	background:#aaa;
	display:block;
	width:152px;
}
	
	
	.sub h4 {margin:2px 0 15px 0;color:#aaa;}

	.sub .linkomat {background:#eee;display:block;float:left;overflow:auto;height:336px;padding:0;margin:0;background:none;width:230px;z-index:999;position:absolute;top:46px;left:0;}
	.sub .linkomat li a {border-bottom:1px solid #219edf;padding:0;margin:0;display:block;float:left;clear:both;line-height:15px;color:#636363;}
	.sub .linkomat li a:hover {border-bottom:1px solid #888;color:#aaa;}
	
/* generic classes */

	.bye {margin:0;padding:0;position:absolute;top:-500em;left:-500000em;height:1px;width:1px;z-index:-1;text-indent:-1000em;overflow:hidden;}
	.clear {clear:both;}
	.left {float:left;}
	.right {float:right;}