html {
	margin: 0;
	padding: 0;
	}
body, td, th, input {
	font:small arial,sans-serif;
	voice-family:inherit;
	}
body {
	line-height:1.3em;
	margin:0;
	padding:0;
	color:#424242;
	}
input, textarea, select{
	font:normal 1em Verdana;
	vertical-align:middle;
	}

img {border:0;}

acronym {
	border-bottom: none;
	}

p {margin:0 0 1em 0; padding:0;}

a:link {
	color:#ff0000;
	}
a:hover {
	color:#ff0000;
	}
a:visited {
	color:#ff0000;
	}
ul {
	margin:0;
	padding:0;
	}
li {
	margin:0;
	padding:0;
	}
h1 {
	margin:0;
	padding:0;
	}
h2, h3, h4 {
	margin:0;
	padding:0;
	}

#wrap {
	margin:20px auto 0 auto;
	width:950px;
	background-color:#FFF;
	}
#header {
	padding:0 0 .8em 0;
	}
	#header #logo {
		width:30%;
		float:left;
		padding:0 0 8px 0;
		}
	#helpNav {
		padding:0;
		width:68%;
		float:right;
		text-align:right;
		}
		#helpNav ul {
			}
		#helpNav li {
			display:inline;
			font-size:85%;
			}		
#mainNav {
	float:left;
	width:32%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:220%;
	line-height:1em;
	padding:10px 0 0 0;
	margin:0 0 .4em 0;
	border-top:#ccc 1px dashed;
	}
	#mainNav ul {
		border-bottom:#ccc 1px dashed;
		padding:0 0 .4em 0;
		}
	#mainNav li {
		list-style:none;
		}
	#mainNav li a {
		text-decoration:none;
		display:block;
		width:98%;
		color:#6c6b6b;
		padding:3px 0 3px 0;
		*padding:2px 0 2px 0;
		}
	#mainNav li a:Hover {
		background-color:#ff0000;
		color:#fff;
		padding-left:2%;
		}
	#mainNav li.active a {
		background-color:#ff0000;
		color:#fff;
		padding-left:.2em;
		}
/*#breadcrumb {
	padding:.3em 0 .3em 0;
	margin:0 0 2em 0;
	}
	#breadcrumb .current {
		font-weight:bold;
		}
	#breadcrumb a {
		padding:0 12px 0 0;
		margin:0 .3em 0 0;
		}*/
.homeBG {
	background:url(../images/structure/portada_bg.jpg) right 60px no-repeat;
	}
.genericBG {
	background:url(../images/structure/generic_bg.jpg) 0 265px no-repeat;
	}
.sideHeight {
	height:14em;
	}
#contentHome {
	font-size:85%;
	width:33%;
	clear:both;
	text-align:justify;
	}
	#homeFotoIcons {
		padding:5px 0 0 0;
		}
#content {
	font-size:85%;
	float:right;
	width:63%;
	text-align:justify;
	}
	#content h2 {
		margin:0 0 1em 0;
		color:#000;
		font-size:160%;
		}
	#content h3 {
		margin:1.5em 0 .5em 0;
		color:#000;
		font-size:120% !important;
		}
	#content h4 {
		margin:0;
		color:#000;
		font-size:100% !important;
		}
	#content ul {
		margin:0 0 1em 1.5em;
		}
		#content ul li {
		margin:0 0 .5em 0;
		}
	#brandFoto {
		padding:0 0 19px 0;
		*padding:0 0 25px 0;
		}
#footer {
	clear:both;
	margin:1.5em 0 0 0;
	padding:1em 0 0 0;
	font-size:85%;
	color:#636363;
	border-top:#ff0000 1px dashed;
	}
	#footer a {
		color:#636363;
		text-decoration:none;
		}
	#footer #legalCopy {
		float:left;
		width:80%;
		}
	#footerNav {
		width:20%;
		float:right;
		text-align:right;
		}
		#footerNav li {
			display:inline;
			}
			
/* Misc Styles */
.projectTypesWrap {
	width:100%;
	overflow:hidden;
	}
	.projectType {
		width:135px;
		margin:0 19px 1em 0;
		background-color:#CCC;
		float:left;
		}
		.projectType h2 {
			text-align:center;
			color:#000;
			font-size:110% !important;
			margin:0 !important;
			padding:0 !important;
			}
			.projectType h2 a {
				display:block;
				padding:10px 0 0 0;
				height:247px;
				color:#000 !important;
				text-decoration:none;
				}
			.last {
				margin-right:0 !important;
				float:right;
				}
			.projectTypesWrap .arquitectura {
					background:url(../images/structure/proyectos_arquitectura_bg.jpg) -50px 0 no-repeat;
					}
			.projectTypesWrap .urbanismo {
					background:url(../images/structure/proyectos_urbanismo_bg.jpg) 0 0 no-repeat;
					}
			.projectTypesWrap .medioambiente {
					background:url(../images/structure/proyectos_medioambiente_bg.jpg) 0 0 no-repeat;
					}
			.projectTypesWrap .ingenieria {
					background:url(../images/structure/proyectos_ingenieria_bg.jpg) -5px 0 no-repeat;
					}
.projectBox {
	width:100%;
	overflow:hidden;
	padding:0 0 1em 0;
	margin:0 0 2em 0;
	border-bottom:#ccc 1px dashed;
	}
	.projectBox .projectFoto {
		float:left;
		width:310px;
		}
		.projectBox .projectFoto img {
			padding:7px;
			border:#ccc 1px solid;
			display:block;
			}
	.projectBox .projectDetails {
		float:right;
		width:280px;
		}
		.projectBox .projectDetails h3 {
			border-bottom:#ccc 1px solid;
			padding:0 0 .5em 0 !important;
			margin:0 0 .3em 0 !important;
			text-align:left !important;
			}
	.projectPlans {
		clear:both;
		width:100%;
		overflow:hidden;
		}
		.projectPlans .plan {
			float:left;
			width:130px;
			margin:10px 33px 10px 0;
			border:#CCC 1px solid;
			}
		.projectPlans .plan img {
			display:block;
			}
/*.projectBox1 {
	width:100%;
	overflow:hidden;
	padding:0 0 1em 0;
	margin:0 0 2em 0;
	border-bottom:#ccc 1px dashed;
	}
	.projectBox1 .projectFoto {
		float:left;
		width:297px;
		margin:0 2px 1em 0;
		display:inline;
		}
		.projectBox1 .projectFoto h3 {
			font-weight:bold;
			font-size:100%;
			padding:0 !important;
			margin:0 0 .5em 0 !important;
			}
		.projectBox1 .projectFoto img {
			padding:7px;
			border:#ccc 1px solid;
			display:block;
			}*/
.contactBox {
	}
	.contactBox .contactDetails {
		float:left;
		width:29%;
		}
	.contactBox .contactMap {
		float:right;
		width:69%;
		text-align:right;
		padding:0 0 1em 0;
		}
		.contactBox .contactMap iframe {
			border:#ccc 1px solid;
			}
.projectTable {
	width:100%;
	border:0;
	}
	.projectTable th {
		padding:.2em .5em .2em 0;
		text-align:left;
		font-size:100%;
		color:#000;
		font-weight:bold;
		vertical-align:top;
		white-space:nowrap;
		}
	.projectTable td {
		padding:.2em;
		text-align:left;
		font-size:100%;
		vertical-align:top;
		}

/* Form Styles */
form {margin:0; padding:0;}
fieldset {border:none; margin:0; padding:0;}

.genericForm {}
	.genericForm fieldset {margin:2em 0 0 0; clear:both;}
	.genericForm legend {
		margin:0;
		padding:0;
		font-weight:bold;
		font-size:1em;
		}
	/* divs for .formField, .select, etc. cleared so padding works. Clearing done in Hacks */
	.genericForm .formField, .genericForm .inputRadio, .genericForm .inputCheckbox {
		clear:left;
		padding:0 0 1em 0;
		display:block;
		}
	.genericForm .formField label {
		width: 200px;
		float:left;
		display:block;
		}
	.genericForm .formField input {
		float:left;
		width: 200px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		}
	.genericForm .formField input, .genericForm .formField select, .genericForm .formField textarea {
		border:1px solid #0094c6;
		}
	.genericForm .inputRadio, .genericForm .inputCheckbox {
		padding-left:200px;
		}
	.genericForm .formButton {
		margin:.5em 0 0 0;
		}
		.genericForm .formButton input {
			margin:0 0 0 200px;
			}
/* Special Styles */
.clear {clear:both;}

.hide,
#controls a,
#controls a:hover,
#controls a:visited,
#contentHome h1 {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
#controls a:active, #controls a:focus {
	position:static;
	width:auto;
	height:auto;
	background-color:#000;
	color:#FFFF00;
	padding:.5em;
	display:block;
	}
/*********** Hacks ***********/
.clearfix:after, #header:after, #content:after, #footer:after, .formField:after, .inputRadio:after, .inputCheckbox:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #header, #content, #footer, .formField, .inputRadio, .inputCheckbox {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, html #header, html #content, html #footer, html .formField, html .inputRadio, html .inputCheckbox {height: 1%;}
.clearfix, #header, #content, #footer, .formField, .inputRadio, .inputCheckbox {display: block;}
/* End hide from IE-mac */