@charset "utf-8";
/* == Reset y Layout == */
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;}

html {
	overflow-x: auto;
	overflow-y:	hidden;
}

body {
	
	color:			#716558;
	font-family:	Baskerville, Times New Roman, Serif;
	font-size:		14px;
	
	height:			100%;

}

	a {
		color:				#716558;
		text-decoration:	none;
	}
		a:hover {
			text-decoration:	underline;
		}

#contenido-principal {
	
	z-index:	10;
	
	position:	fixed;
	bottom:		0px;
	left:		50px;
	
	width:		240px;
	padding:	10px 15px;
	
	background:	#FFF;
	
}

	#contenido-principal h1 {
		background:		url('../imgs/logo.png') no-repeat left center;
		text-indent:	-9000px;
		height:			60px;
		margin-bottom:	10px;
	}
	
	#contenido-principal h1 a {
		display:	block;
		width:		100%;
		height:		60px;
	}
	
#contenido-principal .navegacion {
	padding-top:	10px;
	border-top:	1px solid #c6c1bc;
}

#contenido-principal .navegacion h2 {
	text-transform:	uppercase;
	font-size:		16px;
	font-weight:	normal;
}

	#contenido-principal .navegacion h2 {
		padding:	5px 10px;
	}

	#contenido-principal .navegacion ul li {
		padding-left:	30px;
		padding-right:	10px;
		position:		relative;
		left:			-15px;
		width:			230px;
	}
	
	#contenido-principal .navegacion ul li > a {
		font-size:	12px;
		padding:	3px;
		display:	block;
	}
	
	#contenido-principal .navegacion ul li.activo {
		background:	url('../imgs/active.png') no-repeat left -1px;
	}
	
		#contenido-principal .navegacion ul li.activo a {
			color:	#FFF;
		}
		
	#contenido-principal .descripcion {
		margin-top:	5px;
		position:	relative;
		left:		-10px;
	}

	#contenido-principal #contacto {
		margin-top:	10px;
		border-top:	1px solid #c6c1bc;
		padding:	10px 10px 0px;
		font-size:	12px;
		line-height:120%;
	}
	
		#contenido-principal #contacto a {
			font-weight:	bold;
		}

#contenido-secundario {
	
	z-index:	10;
	
	width:		380px;
	padding:	10px;
	
	position:	fixed;
	bottom:		0px;
	left:		330px;
	
	background:	#fff;
}
	#contenido-secundario .tagline {
		font-style:		italic;
	}
	
	#contenido-secundario blockquote {
		text-align:	right;
		font-style:	italic;
		margin-bottom:	20px;
	}
	
	#contenido-secundario p,
	#contenido-principal .navegacion li p {
		color:			#888077;
		font-family:	Helvetica, Arial, sans-serif;
		font-size:		11px;
		line-height:	130%;
		margin-bottom:	10px;
	}
	
	#contenido-principal .navegacion li p {
		padding:	0px 20px 0px 15px;
	}


#contenedor-fondo {
	position:	absolute;
	left:		0px;
	top:		0px;
	height:		100%;
	z-index:	1;
	overflow:	hidden;
}
	
	#contenedor-fondo img {
		width:	100%;
	}
	
	#proyectos #contenedor-fondo img {
		float:	left;
		height:	100%;
		width:	auto;
	}
	
#toggle {
	position:	absolute;
	right:		10px;
	top:		10px;
	color:		#888077;
	font-size:	11px;
}

	#toggle:hover { text-decoration: none; }