html, body,div,dl,dt,dd,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td,ul,li,span {margin:0;padding:0;}
/* v1.0 | 20080212 */

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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




@font-face {
	font-family: "Print Bold";
	src: url('/PrintBold_TT.ttf') format('truetype');
}
@font-face {
	font-family: "CAC Champagne";
	src: url('/cac_champagne.ttf') format('truetype');
}
html, body {
	background : #000; 
	height:100%;
	min-height: 600px;
	min-width: 1024px;
	position:absolute;
	width:100%;
}

.cuadrosup {
	background:#b3b6b9;
	height:50%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:1;
}
.barra1 {
	background:#000;
	height:50px;
	left:0px;
	min-width: 1024px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:25;	
}
.barra2 {
	background:#000;
	bottom:0px;
	height:40px;
	left:0px;
	min-width: 1024px;
	padding-top: 10px;
	position:absolute;
	width:100%;
	z-index:25;		
}

.barra2 a,span {
	color: #aaa;	
	font-family:Helvetica;
	margin-left: 60px;
	text-decoration: none;
}
.barra2 a:hover {
	border-bottom: 1px dashed;
	color: #ffffff;
}
.barra2 span {
	/*color:#b57c00;*/
	color:#95FF00;
}
.barra2 span:hover {
	cursor:default;
}

#principal {
	background:url('ventana.png') #fff;
	height:334px;
	left:50%;
	margin-left:-412px;
	margin-top:-167px;
	position:absolute;
	top:50%;
	width:824px;
	z-index:13;	
}
.pared {
	/*margin-top:-160px;*/
	background:#222 ;
	bottom:50%;
	height:50%;
	left:0px;
	min-width: 1024px;
	position:absolute;
	width:100%;
	z-index:3;	
}
.paredReflejo {
	background:#333;
	height:50%;
	left:0px;
	min-width: 1024px;
	position:absolute;
	top:50%;
	width:100%;
	z-index:3;	
}

.sombra {
	/*background-image:url('sombra.png');*/
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAADqCAYAAAAlIIxiAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAH0QAAB9EBa8wFewAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFDSURBVHic7dyxjcNAEATB5Uv556aEnvIJGe3dGlURNA6LocdrZj6zzHtm7tMRT6Kqv9MBv6x8KVGVqEpUJaqy6JWoSlQlqloZZTwrUZWoSlQlqrLolahKVCWqWhm1djz/T0c8rX2pdTclqhJViapEVRa9ElWJqkRVK6OMZyWqElWJqkRVFr0SVYmqRFWiKoteiapEVaKqlVHGsxJViapEVaIqi16JqkRVoqqVUcazElWJqkRVoipRlW9fJaoSVYmqVkYZz0pUJaoSVYmqLHolqhJViapWRhnPSlQlqhJViaoseiWqElWJqkRVFr0SVYmqRFUro4xnJaoSVYmqRFVrF90/YouVNyWqElWJqlZGGc9KVCWqElWJqix6JaoSVYmqVkYZz0pUJaoSVa2Mes3MdTriaeWir3yp1+mAX677Xnfn8wVoHNFvkTP5pAAAAABJRU5ErkJggg%3D%3D');	
	height:234px;
	left:0px;
	min-width: 1024px;
	position:absolute;
	top:50%;
	width:100%;
	z-index:12;	
}
#titulo {
	color:#fff;
	font-family: Helvetica;
	font-size: 1em;
	left:0px;
	letter-spacing: 5px;
	overflow:visible;
	position:absolute;
	text-align: center;
	top:8px;
	white-space: nowrap;
	width:100%;
	z-index:30;
}
.subti {
	font-family:"Print Bold", cursive; 
	font-size:14pt;
	letter-spacing: 15px;
	overflow:visible;
}
#girlsilueta {
	background-image:url('girl-silueta.png'); 	
	display:none;
	height:350px; 
	left:50%; 
	margin-left:200px; 
	margin-top:-80px; 
	position:absolute; 
	top:50%; 
	width:228px; 
	z-index:22;
}
#girlRefsilueta {
	background-image:url('girlref-silueta.png'); 
	display:none;
	height:278px; 
	left:50%; 
	margin-left:200px;
	margin-top:155px;
	overflow:hidden;
	position:absolute;
	top:50%; 
	width:227px; 
	z-index:20;
}
#girl {
	background-image:url('girl.png'); 	
	height:350px; 
	left:50%; 
	margin-left:200px; 
	margin-top:-80px; 
	position:absolute; 
	top:50%; 
	width:228px; 
	z-index:21;
}
#girlRef {
	background-image:url('girlref.png'); 
	height:278px; 
	left:50%; 
	margin-left:200px;
	margin-top:155px;
	overflow:hidden;
	position:absolute;
	top:50%; 
	width:227px; 
	z-index:19;
}
.refff {
	background:#ddd;
	height:50%;
	left:0px;
	position:absolute;
	top:50%;
	width:100%;
}
#silla {
	/*background-image:url('http://img68.imageshack.us/img68/2497/sillarc2.png');*/
	background-image:url('silla.png');
	height:450px;
	left:50%;
	margin-left:-610px;
	margin-top:-70px;
	position:absolute;
	top:50%;
	width:168px;
	z-index:20;
}
#lampara {
	/*background-image:url('menormesa.png');*/
	background-image:url('lampara.png');
	height:173px;
	left:50%;
	margin-left:-180px;
	margin-top:-250px;
	position:absolute;
	top:50%;
	width:59px;
	z-index:20;
}
#lamparar {
	/*background-image:url('menormesa.png');*/
	background-image:url('lamparar.png');
	height:173px;
	left:50%;
	margin-left:-180px;
	margin-top:77px;
	position:absolute;
	top:50%;
	width:59px;
	z-index:19;
}
#mesa {
	/*background-image:url('http://img6.imageshack.us/img6/7172/menormesago8.png');*/
	background-image:url('menormesa.png');
	height:174px;
	left:50%;
	margin-left:-350px;
	margin-top:-30px;
	position:absolute;
	top:50%;
	width:374px;
	z-index:20;
}
.continePortafolios {
	background:#000; 
	border: 0px solid #fff; 
	bottom:50px; 
	position:absolute; 
	right:0px; 
	top:50px; 
	width:830px; 
	z-index:28;
}
.continePortafolios h2 {
	color:#fff; 
	font-family:Helvetica;
	margin-right:15px; 
	text-align:right; 
}
.PortVistaPrev {
	border: 1px solid #fff;
	height:170px; 
	left:40px; 
	overflow:hidden;
	position:absolute; 
	top:40px; 
	width:750px; 
}
.PorIconos {
	border: 0px solid #fff; 
	bottom:30px; 
	left:15px; 
	margin-right: 50px;
	position:absolute; 
	top:240px; 
	width:800px; 
}
.PorDes {

	font-family:Helvetica;
	font-size:0.9em;
	left:12px; 
	position:absolute; 
	text-align:right;
	top:175px; 
	width:475px; 
}
.PorDes a {
	color:#ccc;
}
.PorDes a:hover {
	color:#fff;
}
.PorDes p {
	color:#aaa;
	padding:10px;
}
.PorDes h1 {
	color:#b57c00;
	font-size:medium;
}
.gradtecho {
	/*background:url('gradtecho.png');*/
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAkCAYAAABv2tHkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN7AAADewBECeDLgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABtSURBVEiJ7dU7DsAgDANQF8X3P7I70aE/EsIUwe4nD444WmtC8hnJrJFDJMWRHgo1+Qr9It6Qu0kEvJDZFgBgZjYdfjTZSBXkvikXMhri2tkvbxK9IyOZOj5gH2BxRFIcedvUEPEMsdo3Wut2TlvjOWE/niwTAAAAAElFTkSuQmCC');
	display:none;
	height:36px;
	left:0px;
	margin-top:-206px;
	position:absolute; 
	top:50%;
	width:100%;
	z-index:10;
}
.gradpiso {
	background:url('gradpiso.png');
	bottom:50%;
	display:none;
	height:36px;
	left:0px;
	margin-bottom:-206px;
	position:absolute; 
	width:100%;
	z-index:10;
}
.primeraseccion {
	height:10px; 
	left:50%; 
	margin-left:-400px; 
	margin-top:-210px; 
	position:absolute; 
	top:50%; 
	width:800px;
	z-index:15; 
}
.primeraseccionRef {
	height:10px; 
	left:50%; 
	margin-left:-400px; 
	margin-top:200px; 
	position:absolute; 
	top:50%; 
	width:800px;
	z-index:15; 
}
.segundaseccion {
	height:18px; 
	left:50%; 
	margin-left:-550px; 
	margin-top:-300px;
	position:absolute; 
	top:50%; 
	width:1100px;
	z-index:15; 
}
.segundaseccionRef {
	height:20px; 
	left:50%; 
	margin-left:-550px; 
	margin-top:282px;
	overflow:hidden;
	position:absolute; 
	top:50%; 
	width:1100px;
	z-index:20; 
}
.circulo_nivel1 {
	background-image: url('circulos.png');
	background-position: 0 -43px;
	height:14px;
	left:50%;
	position:absolute; 
	top:0;
	width:45px;
	z-index:15;
}
.circulo_nivel1_ref {
	background-image:url('circulos.png');
	background-position: 0px -58px;
	height:12px;
	left:50%;
	position:absolute; 
	top:0;
	width:45px;
	z-index:15;
}
.circulo_nivel2 {
	background-position:0px 0px;
	background:url('circulos.png');
	height:20px;
	left:50%;
	position:absolute; 
	top:0;	
	width:78px;
	z-index:15;
}
.circulo_nivel2_ref {
	background-position:0px -21px;
	background-image:url('circulos.png');
	height:20px;
	left:50%;
	position:absolute; 
	top:0;
	width:78px;
	z-index:15;
}
.labarra {
	background-color:#000;
	bottom:50px; 
	height:138px; 
	left:50%; 	
	margin-left:-450px;
	position:absolute; 
	width:906px;
	z-index:300; 
}
.lasflecha1 {
	height:60px; 
	left:24px;
	position:absolute; 
	top:35px; 
	width:27px; 
	z-index:20;
}
.lasflecha2 {
	height:60px; 
	position:absolute; 
	right:24px;
	top:35px; 
	width:27px; 
	z-index:20;
}
.porBrilloglossy {
	/*background:url('gloss.png');-*/
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAjCAYAAABy3+FcAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN7AAADewBECeDLgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAA1SURBVEiJY/z//38DA4WAhYGB4e+oIRiG/Bk0Lhk1ZNgbMprYhr0ho1E8agjdDBlNbDQwBABkjyWd1Fn89QAAAABJRU5ErkJggg%3D%3D');
	height:35px; 
	left:0px; 
	position:absolute; 
	top:0px; 
	width:100%; 
}
#micontenedordeIconos {
	height:128px; 
	left:75px; 
	overflow:hidden; 
	position:absolute; 
	top:5px;
	width:90%;
}
html>body #micontenedordeIconos {
	width:auto;
	right:75px;
}
.iconos_preview {
	opacity: 0.5; margin:25px; border:none; width:100px; height:70px; padding:2px; border:1px solid #777;
}
.sombra-vertical {
	/*background:url('2shadow-v.png');*/
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALHRFWHRDcmVhdGlvbiBUaW1lAE1p6SAyNyBKdW4gMjAwNyAxMzo0ODoxMiAtMDYwMMvcC5EAAAAHdElNRQfXBhsSMiLsBcGCAAAACXBIWXMAAB7BAAAewQHDaVRTAAAABGdBTUEAALGPC/xhBQAAACVJREFUeNpjZGBgqALi90D8AQ1/AuJvQPwTiP8xMRAJRhVSRyEAuGUJHMPJnNQAAAAASUVORK5CYII%3D');
	height:100%;
	position:absolute; 
	right:-11px;
	top:0px;
	width:10px;
}
.sombra-vertical-left {
	/*background:url('2shadow-v2.png');*/
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAAd0SU1FB9gKDQUnEqXU9VgAAAArSURBVBjT7cohDgAgDACxMjOCIPD/z86jEEguOdeGjkBiYGId73DZh29gAcieAI6zaSh/AAAAAElFTkSuQmCC');
	height:100%;
	left:-11px;
	position:absolute; 
	top:0px;
	width:10px;
}
.fondoRayado {
	/*background:url('rayado.gif') fixed 0 0;*/
	background:url('data:image/gif;base64,R0lGODlhAwADAKECAJiYmO7u7v///////yH5BAEKAAIALAAAAAADAAMAAAIEDIJwUQA7') fixed 0 0;
	color:#fff;
	height:100%; 
	position:absolute; 
	top:0px; 
	width:100%; 
}	
.cuadroMensaje {
	-moz-border-radius:35px;
	border: 7px solid #292929;
	color:#fff;
	font-family:Helvetica;
	font-size:10pt;
	height:300px; 
	left:50%; 
	margin-left:-300px; 
	margin-top:-150px; 
	overflow:hidden;
	position:absolute; 
	top:50%; 
	width:600px; 
	z-index:2; 
}
.cuadroMensajeInside {
	-moz-border-radius:25px;
	background:#292929;
	bottom:7px; 
	left:7px; 
	padding:7px;
	position:absolute; 
	top:7px; 
	width:572px; 
}

.cuadroMensaje input,textarea {
	-moz-border-radius:15px;
	/*background:url('rayado.gif') fixed 0 0 ;*/
	background:#eee;
	border:1px solid #fff;
	color:#000;
	font-family:Helvetica;
	font-size:1em;
	font-weight:normal;
	padding:3px;
}
.cuadroMensaje textarea {
	font-size:1.3em;
}
.blackopacity {
	background:#000; 
	height:100%; 
	left:0; 
	opacity:0.7; 
	position:absolute; 
	top:0; 
	width:100%; 
}
.portafoliobox {
	background-color:black;
	height:350px; 
	left:50%; 
	margin-left:-250px; 
	margin-top:-175px; 
	position:absolute; 
	top:50%; 
	width:500px; 
	z-index:20; 
}
html>body .portafoliobox {
	background-color:rgba(0,0,0,0.7);
}
.edificios {
	background:url('build.gif');
	bottom:50%; 
	height:249px;
	left:0; 
	position:absolute; 
	width:100%;
}
.barandal {
	background:url('rere.png');
	bottom:50%; 
	height:50px; 
	left:0; 
	position:absolute; 
	width:100%; 
}
#itsok {
	background:#000; 
	color:#fff; 
	display:none;
	font-family:Helvetica, sans; 
	height:200px; 
	left:50%; 
	margin-left:-150px; 
	margin-top:-100px; 
	position:absolute; 
	top:50%; 
	width:300px; 
}
#itsok p {
	left:0; 
	position:absolute; 
	text-align:center; 
	top:50%;
	width:100%; 
}
#cubretodo {
	display:none;
	height:100%; 
	left:0; 	
	position:absolute; 
	top:0px; 
	width:100%; 
	z-index:200;
}
.semi {
	background:#000;
	height:100%; 
	left:0; 	
	opacity:0.7;
	position:absolute; 
	top:0px; 
	width:100%; 
}

#misrayas {
	display:none;
	height:800px; 
	left:0; 
	margin-top:-400px; 
	position:absolute; 
	top:50%; 
	width:100%; 
	z-index:24;
}
#misrayas div {
	background:#000;
	height:80px; 
	left:0; 
	position:absolute; 
	width:100%; 
}
.elipse {
	background:url('elipse.png') no-repeat;
	color:#999;
	font:normal small Helvetica, sans;	
	height:240px;
	left:10px;
	position:absolute; 
	text-align:center;
	top:60px;
	width:331px;
	z-index:23;	
}
.elipse h1 {
	color:#01AFEE;
	font:normal 28pt helvetica,arial,sans;
	margin-bottom:10px;
}	
.elipse p {
	font:normal 15pt Helvetica,sans;
}	
.elipse .conte {
	left:52px; 
	position:absolute; 
	top:60px; 
	width:225px;
}
.elipse span {
	color:white; 
	margin:0;
}
.arbol {
	background:url('arbol5.png');
	height:739px;
	left:-10px;
	position:absolute;
	top:50px;
	width:1160px;
	z-index:10;
}
.linesPort {
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABFAgMAAAD2smRgAAAAAXNSR0IArs4c6QAAAAxQTFRFAAAAQEBAVFRUZmZmQyKHxAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2QICFicI5ZmZOQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAaSURBVAjXY2BgOACHqMABLu6AJkM9HQ0IcQDelRXBryDxBwAAAABJRU5ErkJggg==');
	height:69px;
	left:0px;
	position:absolute;
	top:200px;
	width:100%;
	z-index:9;
}
.sitReading {
	background:url('reading.png');
	bottom:180px;
	height:300px;
	position:absolute;
	right:50px;
	width:163px;
	z-index:10;
}
#espacioBox {
	bottom:20%;
	left:0; 
	position:absolute; 
	width:100%;
	z-index:60; 
	height:80%;
	overflow:hidden;
}
html>body #espacioBox{
	bottom:188px;
	top:50px; 
	height:auto;
}
#mask {
	height:100%;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:100%;
}
#area_gris {
	background-color:#1b1b1b;
	background-image:url('http://img214.imageshack.us/img214/1338/patt4b25416507f57.jpg');
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}