html * {
		margin:				0;
		padding: 			0;
		border: 			none;
		list-style: 		none;
		font-size: 			1em;
	}

	body {
		font-family: 		Arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size:			74.2%;
		color: 				#333;
		background: 		url(images/fondo.jpg);
	}
	
	a {
		color: 				#747577;
		text-decoration: 	none;
	}
	
	.red {
		color: 				#e13361;
	}
	
	.gris {
		background: 		#fff;
	}
	
	.floatLeft {
		float: 				left;
	}
	
	.clear {
		clear: 				both;
	}
	
	address {
		font-style:			normal; 		
	}
	
	.wrapper {
		width: 				900px;
		margin:				0 auto;
		position: 			relative;
	}
	
	#header {
		background: 		white;
		position: 			relative;
	}
	
	#logo {
		float: 				right;
		position: 			relative;
		top:				10px;
	}
	
	#nav a:hover,
	body.estudio .web_nav_estudio,
	body.proyectos .web_nav_areas,
	body.proyectosWEB .web_nav_areas,
	body.proyectoWEB .web_nav_areas,
	body.proyecto .web_nav_areas,
	body.clientes .web_nav_clientes,
	body.equipo .web_nav_equipo
	 {
		border-bottom:		1px dotted #e13361;
	}
	
	#nav a {
		color: 				black;
	}
	
	#nav li {
		line-height: 		60px;
		display: 			inline;
		font-size: 			1.3em;
		font-weight: 		bold;
		position: 			relative;
		top:				12px;
	}
	#nav li + li + li:before {
		content: 			"/ ";
		color: 				#747577;
		margin-left: 		1px;
		margin-right: 		1px;
	}
	
	#footer {
		background: 		white;
	}
	
	#about {
		line-height: 		40px;	
	}
	
	#tematicas {
		background: 		#d6d6d6;
	}
	
	#tematicas .wrapper {
		padding:			0px;
		width:				878px;
		padding-top:		20px;
		padding-bottom:		20px;
	}

	body.proyectos #tematicas .wrapper, body.proyecto #tematicas .wrapper {
		width:			900px;
	}

	#tematicas h1 {
		margin-bottom: 		10px;
		font-size: 			1.4em;
		color: 				black;
	}
	
	#tematicas li {
		width:				30%;
		margin-right: 		28px;
		float:				left;
	}
	
	#tematicas a {
		color: 				#333;
	}
	
	#tematicas a:hover {
		color: 				#555;
	} 
	
	#footer address {
		float:				right;
		font-size: 			1.2em;
		font-weight: 		bold;
		background: 		url(images/e_ayllon.gif) no-repeat right 13px;
		padding-right: 		20px;
	}
	
	#content {
		position: 			relative;
	}
	
	body.index #content {
		/*background: 		url(images/e_fondo.png) no-repeat top center;*/
	}
	
	#promo {
		height: 			210px;
		overflow: 			hidden;
		position: 			relative;
	}
	
	#slogan {	
		color: 				black;
		text-align: 		right;
		padding-right:		11px;
		padding-top:		77px;
	}
	
	#promo h1 {
		font-size: 			1.7em;
	}
	
	#promo h1 .coletilla {
		font-size: 			.7em;
	}
	
	#promo .desc {
		font-size: 			1.8em;
	}
	
	#promo form {
		height:				50px;
		width:				298px;
		overflow: 			hidden;
		position: 			absolute;
		bottom:				0;
		right:				0;
	}
	
	#promo form div.submit {
		position:			absolute;
		bottom:				17px;
		right: 				8px;
		color: 				#999;
	}
	
	#promo form div.submit input {
		background: 		none;
		cursor: 			pointer;		
	}
	
	#promo label {
		position: 			relative;
		width:				127px;
		display: 			block;
		float:				left;
		margin-right: 		12px;
	} 
	
	#promo label span {
		position: 			relative;	
		top:				36px;
	}
	
	#promo label input {
		position: 			absolute;
		width:				127px;
		top:				15px;
		left:				0;
		border-right:		1px solid #999;
		border-bottom:		1px solid #999;
		padding:			1px;
	}
	#main {
		background: 		white;
		margin-bottom: 		50px;
		padding:			0 11px 20px 11px;
		margin-top: 		15px;
		position: 			relative;
	}
	
	body.index #main {
		position: 			static;
	}

	body.proyectos #main, body.proyecto #main {
		padding-left:		0;
		padding-right:		0;
	}
	
	body.index #main h1, body.proyecto #main h1 .red, body.proyectos #main h1 .red, body.proyectosWEB #main h1 .red {
		font-size: 			1.4em;
		color: 				#e13361;
	}
	
	#main h1 {
		clear:				both;
		line-height: 		27px;
		background: 		url(images/fondoTitulo.jpg) center bottom repeat-x white;
		margin-bottom: 		10px;
		padding-top: 		20px;
		position: 			relative;
		z-index:			1000;
		color: 				black !important;
	}
	
	body.index #main h1 a {
		margin-left: 		4px;
		font-size: 			.6em;
		letter-spacing: 	0;
		text-transform: 	none;
		position: 			relative;
		top:				-1px;
	}
	
	body.index #main li {
		float: 				left;
	}
	
	
	#webs li {
		width:				200px;
		margin-right: 		25px;
	}
	
	#webs li img {
		margin-bottom: 		5px;
	}
	
	#interes li {
		width:				30%;
		float: 				left;
		margin-right: 		28px;
	}
	
	#interes h2 {
		font-size: 			1.2em;
		margin-bottom: 		5px;
	}
	
	#categorias li {
		display: 			inline;
		position: 			relative;
		top:				10px;
	}
	
	#categorias li + li:before {
		content: 			" / ";
	}
	
	#listaWEBs {
	}
	
	#listaWEBs .project {
		position: 			relative;
		height: 			90px;
		padding-top:		10px;
	}
	
	#listaWEBs ul {
		position: 			absolute;
		top:				10px;
		left:				0;	
		white-space:		nowrap;
	}
	
	#listaWEBs ul li {
		display: 			inline;
		margin-right: 		5px;
	}
	
	#listaWEBs h2, #listaWEBs a.red {
		margin-left: 		570px;
	}
	
	#listaWEBs h2 span {
		display: 			block;
		font-weight: 		normal;
	} 
	
	#listaWEBs a.red {
		position: 			relative;
		top:				10px;
	}
	
	
	
	#article {
		margin-left: 		210px;
	}
	
	#article h1 {
		background: 		none;
		text-transform: 	none;
		font-size: 			1.3em;
		margin-bottom: 		0px;
		padding:			0;
		padding-top:		10px;
		line-height: 		auto;
	}
	
	#article p {
		margin-bottom: 		15px;
	}
	
	#listaInteres {
		position: 			relative;
		top:				20px;
		left:				0px;
		float:				left;
		
	}
	
	#listaInteres h2 {
		width: 				200px;
	}
	
	body.interes #top img {
		margin-top: 		20px;
	}
	
	li.category {
		margin-bottom: 		10px;
	}
	
	#outerWrapper {
		background: 		white;
	}
	
	#show {
		width:				900px;
		margin:				0 auto;
	}
	
	#info {
		position:			relative;
		font-weight: 		bold;
	}
	
	#imagenes {
		display: 			none;
	}
	
	#gente {
		padding-top: 		10px;
		margin-bottom: 		15px;
	}
	
	#gente li {
		display: 			inline;
		word-spacing: 		9px;
	}
	
	body.equipo #listaInteres {
		font-weight: 		bold;
		left:				12px;
	}
	
	body.equipo #listaInteres li {
		margin-bottom: 		10px;
	}

	body.estudio #listaInteres {
		font-weight: 		bold;
		left:				12px;
	}
	
	body.estudio #article {
		margin-top: 		20px;
	} 
	
	body.estudio #listaInteres li {
		margin-bottom: 		10px;
	}
	
	body.estudio #main img {
		margin-top:			10px;
	}

	body.proyecto #listaProyectos, body.proyectos #listaProyectos {
		padding-top: 		10px;
		padding-bottom:		30px;
	}
	
	body.proyecto #listaProyectos li, body.proyectos #listaProyectos li {
		width:				21%;
		margin-right: 		28px;
		float:				left !important;
		float:				none;
		margin-bottom: 		5px;
		text-transform: 	uppercase;
	}
	
	body.proyecto #listaProyectos li a, body.proyectos #listaProyectos li a {
		color: 				#666;
		font-size: 			1.1em;
	}
	
	.person {
		padding-left:		78px;
		padding-right:		10px;
		text-align: 		justify;
	}

	.projectListado {
		font-size:		.8em;
	}

	#main #article h1 {
		clear:			none;
	}

	body.contacto #main {
		padding-top:	10px;	
	}
	
	body.contacto #main h2 {
		margin-top: 	20px;
	}
	
	body.proyecto div.wrapper, body.proyecto #tematicas, body.proyecto {
		background: 	white;
	}
	
	body.proyecto #tematicas {
		display: 		none;
	}
	
	h1#categorias {
		background: 	none;
	}
	
	#enviaForm {
		display: 		block;
		overflow: 		hidden;
		text-indent: 	-9000px;
		width: 			16px;
		height:			18px;
		border-right:	1px solid #ccc;
		border-bottom:	1px solid #ccc;
		background: 	url(images/boton_entrar.jpg) !important;
	}
	
	#info {
		background: 	#eee;
	}
	
	#info dl {
		padding:		4px;
		width:			49%;
		position:		relative;
		float:			left;
	}
	
	#info dl + dl  {
		border-left:	1px solid #ccc;
	}
	
	#info dd {
		clear:			both;
	}
	
	#info .floatLeft {
		display:		block;
		width:			180px;
		margin-right: 	20px;
	}
	
	#info dt, #info dd {
		padding: 		6px;
	}
	
	#info dt {
		padding-bottom: 	2px;
	}
	
	#info dd {
		font-weight: 	normal;
		padding-top: 	2px;
	}
	
	#abreInfo {
		line-height: 	14px;
		padding-right: 	22px;
		background: 	url(images/abreInfo.jpg) no-repeat bottom right;
		
	}
	
	#abridor {
		border-bottom:	1px solid #ddd;
		margin-top: 	-5px;
		clear:			both;
	}
	
	#projectTitle {
		display: 		block;
		line-height: 	50px;
		margin-top: 	10px;
	}
	
	#nextPhoto {
		float:			right;
		display: 		block;
		height: 		49px;
		width:			33px;
		background: 	url(images/avanzar.jpg);
		overflow: 		hidden;
		text-indent: 	-9000px;
		position:		relative;
		left:			-2px;
	}
	
	#nav li {
		position: 		relative;
	}
	
	body.index #nav #homeContainer {
		display: 		none;
	}