@charset "utf-8";
/*
Proyecto EDEA | Arquitectura Experimental
http://www.proyectoedea.com
LMMS 2009

Versión: 1.0

 - CSS realizada y testeada para IE 6/7, Firefox 2.0.17/3.03, Opera 9.27/9.52 y Safari 3.1.2
 - Hacks y código específico para IE en la CSS: screenIE.css
*/


/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */

/* Eric Meyer's Reset incluido en el archivo reset.css */
html {
	font-size:125%;
	height:100%;
}
body {
	background:#FFF;
	font:normal 50%/140% Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	border-top:1px solid #FFF;
}
a {
	text-decoration:none;
}

a:link,
a:visited {
	color:#194646;
}
a:hover,
a:active {
	color:#FC0;
}

hr {
	display:none;
	visibility:hidden;
}
	hr.separator {
		display:block;
		visibility:visible;
		border:0pt none;
		width:100%;
		margin:0;
		padding:0;
		height:1px;
		color:#DDD;
		background-color:#DDD;
	}

table { 
	margin:0em auto;
	border-collapse:collapse; 
	border-spacing:0; 
}
	th {
		background-color:#ebebeb;
		font:bold 1em Arial, Helvetica, sans-serif;
	}
	th,td {
		padding:0.25em;
		vertical-align:top;
		font:normal 1em Arial, Helvetica, sans-serif;
	}
	caption, th {
		text-align:center;
	}
	

/* PÁGINA (#page)
--------------------------------------------- */
#page {
	width:100%;
	min-width:96em;
	text-align:center;
}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	width:100%;
	background: #1A4747 url(../img/bgHeader.gif) 0 0 repeat-x;
	border-bottom:1px solid #A9BABA;
}
	#header #esquina {
		position:absolute;
		top:1px;
		right:0;
		width:10px;
		height:20px;
		background:transparent url(../img/bgHeaderInner.gif) no-repeat;
	}
#headerInner {
	width:96em;
	height:80px;
	margin:0 auto;
	position:relative;
	overflow:visible;
}
	#utilsNav {
		display:none;
		visibility:hidden;
	}
	h1 {
		position:absolute;
		width:350px;
		height:92px;
		left:-55px;
		top:5px;
	}
		 h1 a {
			display:block;
			width:350px;
			height:92px;
			background:transparent url(../img/logoEdea.png) 0% 0% no-repeat;
			overflow:hidden;
			text-indent:-9999px;
		}
		 h1 a:hover {
			background:transparent url(../img/logoEdea.png) 100% 0% no-repeat;
		}
		.home h1 a,
		.home h1 a:hover {
			cursor:default !important;
			background:transparent url(../img/logoEdea.png) 0% 0% no-repeat;

		}
		
		#headerInner p {
			display:block;
			position:absolute;
			width:152px;
			height:9px;
			left:280px;
			top:20px;
			background:transparent url(../img/txtArquitecturaExperimental.gif) no-repeat;
			overflow:hidden;
			text-indent:-9999px;
		}

	#topNav {
		position:absolute;
		right:0;
		top:1.3em;
	}
		#topNav li {
			float:left;
			height:1.5em;
			font:normal 1.1em/1.5em Arial, Helvetica, sans-serif;
			padding:0 0.75em;
			border-right:1px solid #b2b2b2;
			text-align:right;
		}
		#topNav li.last {
			border-right:0;
		}
			#topNav li a {
				float:left;
				font-weight:bold;
				color:#FC0;
				border-bottom:1px dotted #FC0;
			}
			#topNav li a:hover {
				color:#FFF;
				border-bottom:1px solid #FFF;
			}


/* NAVEGACIÓN (#nav, #mainNav, #secondaryNav)
--------------------------------------------- */
#nav {
	background: #DCE3E2 url(../img/bgNav.jpg) 0% 100% repeat-x;
	height:2.9em;
}
	#navInner {
		width:96em;
		margin:0 auto;
		text-align:left;
		position:relative;
	}
	#languages {
		position:absolute;
		right:10px;
		top:7px;
	}	
		#languages li,
		#languages a {
			float:left;
			display:block;
			}
		#languages li {
			width:20px;
			height:15px;
			margin-left:7px;
		}
		#languages .ES {
			background:transparent url(/img/langES.gif) center center no-repeat;
		}
		#languages .EN {
			background:transparent url(/img/langEN.gif) center center no-repeat;
		}
		#languages .PT{
			background:transparent url(/img/langPT.gif) center center no-repeat;
		}
			#languages a {
				border:2px solid #ABBCBA;
				display:block;
				width:16px;
				height:11px;
				text-indent:-9999px;
			}
			#languages a:hover {
				border:2px solid #FC0;
			}
			#languages a.selected {
				border:2px solid #FFF;
			}
			

	#mainNav {
		position:absolute;
		top:0.3em;
		left:12em;
		height:2.6em;
		overflow:hidden;
	}
		#mainNav li {
			float:left;
			margin-right:0.4em;
		}
			#mainNav li a {
				color:#194646;
				display:block;
				float:left;
				font:bold 1.5em/1em Arial, Helvetica, sans-serif;
				padding-left:0.4em;
			}
				#mainNav li a span {
					display:block;
					padding:0.4em 0.4em 0.4em 0;
				}
			#mainNav li a:hover {
				background:transparent url(../img/navHoverLeft.gif) left top no-repeat;;
				color:#FC0;
				text-decoration:underline;
			}
				#mainNav li a:hover span {
					background:transparent url(../img/navHoverRight.gif) right top no-repeat;
				}
			#mainNav li a.selected,
			#mainNav li a.selected:hover {
				background:#FFF url(../img/navSelectedLeft.gif) left top no-repeat;
				color:#333;
				text-decoration:none;
			}
				#mainNav li a.selected span,
				#mainNav li a.selected:hover span {
					background:#FFF url(../img/navSelectedRight.gif) right top no-repeat;
					cursor:default;
				}

	
	#secondaryNav {
		position:absolute;
		top:0;
		left:0;
		font:normal 1.4em/100% Arial, Helvetica, sans-serif;
		color:#999;
	}
		#secondaryNav a {
			font-weight:bold;
		}
		#secondaryNav a:hover {
			border-bottom:1px solid;
		}
		#secondaryNav a.active {
			font-weight:normal;
			color:#999;
		}
		#secondaryNav a.active:hover {
			border-bottom:none;
			color:#999;
		}
		#secondaryNav span {
			word-spacing:0.75em;
		}


/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	margin:0 auto;
	width:96em;
	text-align:left;
	background:#FFF url(../img/bgContent.jpg) left bottom repeat-x;
	clear:both;
}
	#contentInner {
		padding:1em;
		padding-bottom:0;
		clear:both;
	}
	
#main {
	float:left;
	position:relative;
	padding-bottom:1em;
}
	#mainInner {
		padding-left:1em;
	}
	#main h2 {
		font:normal 2.8em/130% Arial, Helvetica, sans-serif;
		color:#8CA4A0;
		margin-top:1em;
		margin-bottom:0.5em;
		border-bottom:1px dotted #DDD;
	}
	#main h4 {
		font:bold 1.4em/130% Arial, Helvetica, sans-serif;
		margin:0;
		color:#666;
	}
	#main h3 {
		font:bold 1.6em/130% Arial, Helvetica, sans-serif;
		margin:1.5em 0 0;
		color:#333;
	}
	#main p,
	#sidebar p {
		margin:0.75em 0;
		font:normal 1.2em/130% Arial, Helvetica, sans-serif;
		/*text-indent:1.5em;*/
	}
		#main p.new {
			text-indent:0;
		}
	#main #intro {
		margin:0 0 0.75em 0;
		font:italic bold 1.4em/130% Arial, Helvetica, sans-serif;
		color:#666;
		text-indent:0;
	}
	#main ol,
	#main ul,
	#sidebar ol,
	#sidebar ul {
		margin:1em 0;
		padding-left:3em; 
	}
	#main ul li,
	#main ol li,
	#sidebar ol li,
	#sidebar ul li {
		font:normal 1.2em/130% Arial, Helvetica, sans-serif;
		margin-top:0.3em;
	}
	#main ol,
	#sidebar ol {
		list-style:decimal;
	}
	#main ul,
	#sidebar ul {
		list-style: disc;
	}
	#main ol ul,
	#main ul ul{
		list-style:circle;
	}
	#main ol ol,
	#main ul ul,
	#main ol ul,
	#main ul ol  {
		margin-top:0;
		margin-bottom:0;
	}
	#main ol li ol li,
	#main ul li ul li,
	#main ol li ul li,
	#main ul li ol li{
		font:normal 1em/140% Arial, Helvetica, sans-serif;
		margin-top:0.3em;
	}
	#main .arrow {
		font:bold 1.1em/130% Tahoma, Arial, Helvetica, sans-serif;
	}
	#main a {
		font-weight:bold;
	}
	
	#main blockquote {
		margin:1em 0;
		padding-left:3em; 
	}
	
	#main p#contactData {
		width:23em;
		margin:0 auto 1em;
		padding:7px 0 15px 110px;
		text-indent:0;
		background:transparent url(../img/logo.gif) left top no-repeat;
	}
	
/* Formularios */
#main fieldset {
	width:40em;
	padding:1em 2em;
	margin:2em auto;
	border:1px solid #DDD;
}
	#main fieldset legend {
		padding:0 0.5em;
		font:bold 1.4em/130% Arial, Helvetica, sans-serif;
		color:#666;
		text-transform:uppercase;
	}
	#main fieldset label {
		font:bold 1em/140% Arial, Helvetica, sans-serif;
		color:#666;
	}	
	#main fieldset p {
		text-indent:0;
	}
	#main fieldset input[type=text],
	#main fieldset textarea {
		font:normal 0.9em Arial, Helvetica, sans-serif;
		width:33.5em;
	}
	
	#main #new {
	}
		#main #new h3 {
			margin-top:0;
		}
		#main #new .newResume {
			font:bold 1.4em/130% Arial, Helvetica, sans-serif;
			color:#444;
		}
		#main #new .newDate {
		}
		#main #new .newContent img {
			padding:0.5em;
			margin: 0 1em 1em;
			border:1px solid #eee;
			
		}

#main .galeriaFotos {}
	#main .galeriaFotos a {
		display:block;
		float:left;
		border:1px solid #ccc;
		background:#FFF;
		padding:6px;
		margin:0.75em;
	}
	#main .galeriaFotos a:hover {
		border:1px solid #FC0;
	}
		

/* BARRA LATERAL (#sidebar)
--------------------------------------------- */
#sidebar {
	float:right;
	margin-bottom:1em;
}
	#sidebar .box {
		margin-bottom:1em;
		border:1px solid #8EA4A2;
	}
		#sidebar .box h2 {
			font:bold 1.6em Arial, Helvetica, sans-serif;
			margin:-0.1em 0 0.5em;
			color:#666;
			text-transform:uppercase;
		}

	#sidebar .box .boxInner{
		padding:0.9em;
		border-bottom:3px solid #FC0;
	}
	#sidebar .box p {
		font:normal 1.1em/130% Arial, Helvetica, sans-serif;
		margin-bottom:0.75em;
	}
	#sidebar .box .newList p a {
		font:bold 1.1em/130% Arial, Helvetica, sans-serif;
	}

/* MAPA WEB (#siteMap)
--------------------------------------------- */
#siteMap {
}
	#siteMap div.floatLeft {
		border-right:1px dotted #FC0;
		width:23.4em;
		min-height:7.5em;
		height:auto !important;
		height:7.5em;

	}
	#siteMap div.floatLeft.last {
		border-right:none;
	}
		#siteMap div.floatLeft div {
			padding:0 2em;
		}
	#siteMap p {
		font:normal 1.2em/130% Arial, Helvetica, sans-serif;
		color:#1A4747;
	}
	#siteMap ul {
		list-style:disc;
		margin:0.5em 0 0;
		padding-left:2em;
		color:#777;
	}
		#siteMap li {
			font:normal 1.1em/150% Arial, Helvetica, sans-serif;
		}
			#siteMap li a {
				color:#777;
				border-bottom:1px dotted #777;
			}
			#siteMap li a:hover {
				color:#FC0;
				border-bottom:1px solid #FC0;
			}

/* PIE (#footer)
--------------------------------------------- */
#footer {
	margin:0 auto;
	width:96em;
	height:7.4em;
	border-top:1px solid #FFF;
	clear:both;
	text-align:left;
	background:#8EA4A2 url(../img/bgFooter.jpg) left bottom repeat-x;
}
	#footerInner {
		position:relative;
	}
	#footer a {
		color:#FFF;
	}
	#footer a:hover {
		color:#FC0;
		border-bottom:1px dotted #FC0;
	}
	#footer ul {
	}
		#footer ul#logos li {
			position:absolute;
			overflow:hidden;
			top:1.2em;
		}
			#footer ul#logos li a {
				display:block;
				text-indent:-9999px;
			}
		#footer ul#logos li#lifeLogo {
			right:12px;
			width:50px;
			height:50px;
			background:transparent url(../img/logoLife.gif) no-repeat; 
		}
			#footer ul#logos li#lifeLogo a {
				width:50px;
				height:50px;
			}
		#footer ul#logos li#edeaLogo {
			left:12px;
			width:142px;
			height:51px;
			background:transparent url(../img/logoEdeaFooter.png) no-repeat; 
		}
			#footer ul#logos li#edeaLogo a {
				width:142px;
				height:51px;
			}
		#footer ul#logos li#edeaLogo {
			/*display:none;
			visibility:hidden;*/
		}
	#footer ul#standards {
		position:absolute;
		top:1.4em;
		left:168px;
		border-left:1px solid #FFCC00;
		padding-left:1.5em;
	}
		#footer ul#standards li {
			font:bold 1.1em/140% Arial, Helvetica, sans-serif;
			color:#1A4747;
		}
	#footer p#lifeTexto {	
		position:absolute;
		top:1.2em;
		right:74px;
		width:12em;
		text-align:right;
		font:bold 1.1em/140% Arial, Helvetica, sans-serif;
		color:#1A4747;
	}

/* ESTILOS/CLASES AUXILIARES
--------------------------------------------- */
.center {
	margin-left:auto;
	margin-right:auto;
}
.block {
	display:block;
}
.inline {
	display:inline;
}
.inlineBlock {
	display:block;
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.alignJustify {
	text-align:justify;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.margin {
	margin:1em;
}
.marginLeft {
	margin-left:1em;
}
.marginRight {
	margin-right:1em;
}
.marginBottom {
	margin-bottom:1em;
}
.marginTop {
	margin-top:1em;
}
.padding {
	padding:1em;
}

/* Columnas - Sobre una retícula de 960px (96em) incluyendos los espacios, glutter, entre columnas */
.col22em { /* 1/4 */
	width:22em;
}
.col46em { /* 2/4 */
	width:46em;
}
.col70em { /* 3/4 */
	width:70em;
}
.col30em { /* 1/3 */
	width:30em;
}
.col62em { /* 2/3 */
	width:62em;
}

.smallText {
	font:1em/130% Arial, Helvetica, sans-serif;
}
.upperCase {
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.noDisplay {
	display:none;
	visibility:hidden;
}
.externalLink {
	background: url(../img/icoExternalLink.gif) center right no-repeat;
	padding-right: 13px;
}
.clearAll {
	clear:both;
}
/* "Easy Clearing Hack" */
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix {
	display:inline-block;
}
.clearFix {
	display:block;
}
* html .clearFix {
	height:1px;
}