/* GENERAL ************************************************** */
* {
	margin:0;
	padding:0;
	outline:none;
}

html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

body {
	background:#F6F6F6;
	color:#00393A;
}

img { border:0; }
p { margin:0 0 10px 0; text-align:justify; line-height:1.4em; font-size:1.1em; }
a { outline:none; }

.floatI { float:left; }
.floatD { float:right; }
/* fin general ********************************************** */
/* ********************************************************** */

/* ESTRUCTURA *********************************************** */
#contenedor {
	width:950px;
	margin:0 auto;
}

#cabecera {
	width:950px;
	overflow:hidden;
}

#contenidos {
	width:950px;
	overflow:hidden;
}

#pie {
	width:950px;
	height:70px;
	background:url(../img/pie.jpg) top left no-repeat;
	position:relative;
}

/* fin estructura ******************************************* */
/* ********************************************************** */

/* CABECERA ************************************************* */
#logo {
	float:left;
	width:252px;
	height:62px;
	padding:15px 0 0 40px;
}
	#logo a {
		background:url(../img/logo.jpg) #F6F6F6 top left no-repeat;
		color:#00393A;
		display:block;
		width:252px;
		height:62px;
		text-indent:-10000px;
	}

#minilanzador {
	background:url(../img/minilanzador_fondo.jpg) #F6F6F6 top left no-repeat;
	color:#CCC;
	float:right;
	width:221px;
	height:30px;
}
	#minilanzador ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#minilanzador li {
		float:left;
	}
		#minilanzador li.contacto a {
			display:block;
			width:58px;
			height:13px;
			background:url(../img/contacto.jpg) top left no-repeat;
			text-indent:-10000px;
			margin:5px 0 0 35px;
		}
		#minilanzador li.mapadelsitio a {
			display:block;
			width:83px;
			height:13px;
			background:url(../img/mapadelsitio.jpg) top left no-repeat;
			text-indent:-10000px;
			margin:5px 0 0 15px;
		}

#menu {
	float:right;
	margin:15px 0 0;
	padding:0;
}

#imagen {
	float:left;
}
	
/* fin cabecera ********************************************* */
/* ********************************************************** */


/* CONTENIDOS *********************************************** */

h1.laempresa {
	background:url(../img/laempresa_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:98px;
	height:19px;
	margin:2px 0 0 47px;
}
h1.areasactividad {
	background:url(../img/areasactividad_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:157px;
	height:20px;
	margin:2px 0 0 16px;
}
h1.proyectos {
	background:url(../img/proyectos_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:81px;
	height:19px;
	margin:2px 0 0 55px;
}
h1.noticias {
	background:url(../img/noticias_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:69px;
	height:16px;
}
h1.enlacesdeinteres {
	background:url(../img/enlacesdeinteres_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:154px;
	height:16px;
}
h1.contacto {
	background:url(../img/contacto_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:74px;
	height:16px;
}
h1.mapadelsitio {
	background:url(../img/mapadelsitio_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:120px;
	height:19px;
}

h2.infraestructurasviarias {
	background:url(../img/infraestructurasviarias_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:156px;
	height:13px;
}
h2.hidraulica {
	background:url(../img/hidraulica_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:70px;
	height:13px;
}
h2.ingenieriaambiental {
	background:url(../img/ingenieriaambiental_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:141px;
	height:15px;
}

h2.imagenesdelproyecto {
	background:url(../img/imagenesdelproyecto_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:152px;
	height:15px;
	margin:40px 0 5px;
}
h2.documentosdelproyecto {
	background:url(../img/documentosdelproyecto_titulo.jpg) #F6F6F6 top left no-repeat;
	color:#E03000;
	text-indent:-10000px;
	width:168px;
	height:15px;
	margin:40px 0 5px;
}

/* columna izquierda */
#colizq {
	float:left;
	width:200px;
}

	#colizq .submenu .cabecera {
		display:block;
		width:200px;
		height:20px;
		background:url(../img/submenu_cabecera.jpg) top left no-repeat;
		color:#00393A;
	}
	#colizq .submenu .cuerpo {
		display:block;
		width:200px;
		overflow:hidden;
		background:url(../img/submenu_cuerpo.jpg) top left repeat-y;
		color:#00393A;
	}

	#colizq .submenu .pie {
		display:block;
		width:200px;
		height:20px;
		background:url(../img/submenu_pie.jpg) top left no-repeat;
		color:#00393A;
	}
	
	#colizq div#accesoclientes {
		width:200px;
		height:120px;
		background:url(../img/accesoclientes_fondo.jpg) top left no-repeat;
		color:#7F9C9C;
	}
		#colizq div#accesoclientes form {
			float:left;
			padding:60px 0 0 35px;
			margin:5px 0 0;
		}
			#colizq div#accesoclientes form .mensaje {
				font-size:0.8em;
				color:#F00;
				float:left;
				clear:both;
				margin:5px 0 0 -8px;
			}
			#colizq div#accesoclientes form label {
				float:left;
				font-size:0.8em;
				clear:both;
			}
			#colizq div#accesoclientes form input.texto {
				float:left;
				font-size:0.8em;
				width:118px;
				clear:both;
			}
			#colizq div#accesoclientes form #btnentrar {
				width:100px;
				height:40px;
				border:0;
				background:url(../img/btn_entrar.jpg) top no-repeat;
				color:#00393A;
				cursor:pointer;
				float:left;
				margin:0 0 0 8px;
				clear:both;
			}

/* columna central */
#colcen {
	float:left;
	width:550px;
}
#colcen.ancho500 {
	width:500px;
}

	#colcen .situacion {
		background:url(../img/situacion_fondo.jpg) top left no-repeat;
		color:#7F9C9C;
		height:36px;
		padding:5px 0 0 20px;
	}
		#colcen .situacion a {
			color:#7F9C9C;
			text-decoration:none;
		}
		#colcen .situacion a:hover {
			text-decoration:underline;
		}
		#colcen .situacion .activa {
			color:#D09417;
		}
		
	#colcen .textos {
		padding:15px 15px 0;
	}
		#colcen .textos .email,
		#colcen .textos .email a {
			color:#7F9C9C;
			text-decoration:none;
		}
		#colcen .textos .email a:hover {
			text-decoration:underline;
		}

#colcen p {
	padding:5px 0;
	margin:0pt;
}

#colcen ul.oficina {
	margin:400px 0 0;
	padding:0;
	list-style:none;
	width:520px;
	overflow:hidden;
}
#colcen ul.galeriafotos {
	margin:10px 0 50px;
	padding:0;
	list-style:none;
	width:520px;
	overflow:hidden;
}
	#colcen ul.oficina li,
	#colcen ul.galeriafotos li {
		float:left;
		margin:0 10px;
	}
	#colcen ul.oficina li a,
	#colcen ul.galeriafotos li a {
		display:block;
		overflow:hidden;
		width:150px;
		text-decoration:none;
		text-align:center;
		color:#7F9C9C;
	}
	#colcen ul.oficina li img,
	#colcen ul.galeriafotos li img {
		width:150px;
	}
	
#colcen ul.listadotexto {
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
}
	#colcen ul.listadotexto li {
		background:url(../img/vineta.jpg) center left no-repeat;
		padding:0 0 0 20px;
	}
	
	
#colcen .textos .itemenlace,
#colcen .textos .itemnoticia,
#colcen .textos .itemproy {
	border-bottom:1px solid #DFDFDF;
	margin:3px 0;
	padding:5px 2px;
	overflow:hidden;
	width:515px;
	float:left;
	clear:both;
}
	#colcen .textos .itemenlace .enlaceimg,
	#colcen .textos .itemenlace .enlaceimg img,
	#colcen .textos .itemnoticia .noticiaimg,
	#colcen .textos .itemnoticia .noticiaimg img {
		float:left;
		width:100px;
	}
	#colcen .textos .itemenlace .enlacetxt,
	#colcen .textos .itemnoticia .noticiatxt {
		float:right;
		width:400px;
	}
		#colcen .textos .itemenlace .enlacetxt h2,
		#colcen .textos .itemnoticia .noticiatxt h2,
		#colcen .textos .itemproy h2 {
			line-height:0.6em;
		}
		#colcen .textos .itemenlace .enlacetxt h2 a,
		#colcen .textos .itemnoticia .noticiatxt h2 a,
		#colcen .textos .itemproy h2 a {
			font-size:0.7em;
			color:#00393A;
			text-decoration:none;
		}
		#colcen .textos .itemenlace .enlacetxt h2 a:hover,
		#colcen .textos .itemnoticia .noticiatxt h2 a:hover,
		#colcen .textos .itemempleo a,
		#colcen .textos .itemproy h2 a:hover {
			color:#095E5F;
		}
		#colcen .textos .itemenlace .enlacetxt p,
		#colcen .textos .itemnoticia .noticiatxt p,
		#colcen .textos .itemproy p {
			font-size:0.7em;
			color:#7E9C9C;
		}
		
		#colcen table thead th {
			border-bottom:1px solid #DFDFDF;
			padding:0 0 5px 0;
			margin:0 0 5px 0;
		}
		#colcen .textos .itemempleo td {
			color:#7E9C9C;
			text-align:center;
			padding:2px 0;
		}
		#colcen .textos .itemempleo a {
			line-height:0.6em;
			color:#7E9C9C;
			text-decoration:none;
		}

#colcen .textos .fechanoticia,
#colcen .textos .clienteproy {
	font-size:0.8em;
	color:#7F9C9C;
	border-bottom:1px solid #DFDFDF;
}
#colcen .textos .imgnoticia {
	float:right;
	margin:10px 0 10px 20px;
}
/*
#colcen .textos .adjuntos {
	border:1px solid #DFDFDF;
	margin:40px 0 3px 0;
	padding:5px 10px;
}*/
	/*#colcen .textos .adjuntos p {
		margin-left:40px;
	}*/
#colcen .textos .adjuntos {
	width:515px;
	height:115px;
	overflow:auto;
	border:1px solid #DFDFDF;
}		
	#colcen .textos .adjuntos p {
		padding:0;
		margin:10px;
	}
	#colcen .textos .adjuntos a {
		text-decoration:none;
		color:#666;
		background:inherit;
	}
	#colcen .textos .adjuntos a:hover {
		text-decoration:underline;
	}


#colcen .textos ul.contacto {
	list-style:none;
}
#colcen .textos ul.contacto .info {
	color:#00393A;
	font-size:1.2em;
}
#colcen .textos ul.contacto .subinfo {
	margin:0 0 5px 20px;
}
#colcen .textos ul.contacto a {
	color:#6C8C8C;
	text-decoration:none;
}

#colcen .textos form#formcontacto p {
	padding:0;
}
#colcen .textos form#formcontacto .campo {
	width:220px;
}

#colcen .textos ul.mapadelsitio {
	width:300px;
	margin:0 auto;
	list-style:none;
}
#colcen .textos ul.mapadelsitio li {
	list-style:none;
}
	#colcen .textos ul.mapadelsitio li.seccion {
		display:block;
		padding:10px;
		border:1px solid #EEE;
		background:#FFF;
	}
	
	#colcen .textos ul.mapadelsitio li.seccion li {
		margin:0 0 0 50px;
	}
	
		#colcen .textos ul.mapadelsitio li h1 {
			margin:5px 0 0 10px;
		}
		#colcen .textos ul.mapadelsitio li.seccion li a {
			color:#7F9C9C;
			text-decoration:none;
		}
		#colcen .textos ul.mapadelsitio li.seccion li a:hover {
			text-decoration:underline;
		}
		
#colcen .textos .areaactividad {
	float:left;
	width:200px;
	height:120px;
}
#colcen .textos .areaactividad a {
	display:block;
	width:200px;
	height:120px;
	text-indent:-10000px;
}
#colcen .textos .areaactividad a:hover {
	background:none;
}
	#colcen .textos .areaactividad.ingenieriacivil {
		margin:0 50px 10px 20px;
		background:url(../img/ingenieriacivil_.jpg) top left no-repeat;
	}
		#colcen .textos .areaactividad.ingenieriacivil a {
			background:url(../img/ingenieriacivil.jpg) top left no-repeat;
		}
		#colcen .textos .areaactividad.ingenieriacivil a:hover {
			background:none;
		}
	#colcen .textos .areaactividad.ingenieriaindustrial {
		margin:0 0 10px 0;
		background:url(../img/ingenieriaindustrial_.jpg) top left no-repeat;
	}
		#colcen .textos .areaactividad.ingenieriaindustrial a {
			background:url(../img/ingenieriaindustrial.jpg) top left no-repeat;
		}
		#colcen .textos .areaactividad.ingenieriaindustrial a:hover {
			background:none;
		}
	#colcen .textos .areaactividad.calculoestructural {
		margin:0 50px 10px 20px;
		background:url(../img/calculoestructural_.jpg) top left no-repeat;
	}
		#colcen .textos .areaactividad.calculoestructural a {
			background:url(../img/calculoestructural.jpg) top left no-repeat;
		}
		#colcen .textos .areaactividad.calculoestructural a:hover {
			background:none;
		}
	#colcen .textos .areaactividad.urbanismo {
		margin:0 0 10px 0;
		background:url(../img/urbanismo_.jpg) top left no-repeat;
	}
		#colcen .textos .areaactividad.urbanismo a {
			background:url(../img/urbanismo.jpg) top left no-repeat;
		}
		#colcen .textos .areaactividad.urbanismo a:hover {
			background:none;
		}


/* columna derecha */
#coldch {
	float:left;
	width:200px;
}
#coldch.ancho250 {
	width:250px;
	.width:240px;
}
	#coldch #noticiasportada {
		width:250px;
		.width:240px;
	}
		#coldch #noticiasportada .cab {
			width:250px;
			.width:240px;
			height:60px;
			background:url(../img/noticiasportada_cab.jpg) top left no-repeat;
		}
		#coldch #noticiasportada .cen {
			width:200px;
			.width:190px;
			padding:0 25px;
			background:url(../img/noticiasportada_cen.jpg) top left repeat-y;
		}
			#coldch #noticiasportada .cen p {
				font-size:0.8em;
				color:#7E9C9C;
			}
			#coldch #noticiasportada .cen a {
				text-decoration:none;
				font-size:1.3em;
				color:#00393A;
			}
		#coldch #noticiasportada .pie {
			width:250px;
			.width:240px;
			height:50px;
			margin:-10px 0 0;
			background:url(../img/noticiasportada_pie.jpg) top left no-repeat;
		}
		
		
/* fin contenidos ******************************************* */
/* ********************************************************** */


/* paginacion ****** */
.paginacion {
	width:520px;
	height:40px;
	padding:15px 0;
	overflow:hidden;
	font-size:0.9em;
	color:#CCC;
	clear:both;
	text-align:center;
}
	.paginacion .inactiva,
	.paginacion .boton {
		border:1px solid #DFDFDF;
		background:#E8E8E8;
		color:#9F9F9F;
		text-decoration:none;
		margin:0 1px 0 0;
		padding:3px 5px;
		width:15px;
		display:inline;
	}
	.paginacion .inactiva:hover,
	.paginacion .boton:hover {
		border:1px solid #7E9C9C;
		background:#DFDFDF;
		color:#9F9F9F;
	}
	.paginacion .activa {
		border:1px solid #DFDFDF;
		background:#F6F6F6;
		color:#666;
		text-decoration:none;
		margin:0 1px 0 0;
		padding:3px 5px;
		display:inline;
	}
	.paginacion .separa {
		display:inline;
		margin:0 1px 0 0;
		padding:3px 5px;
		color:#5E871F;
	}
/* fin de paginacion */


/* PIE ****************************************************** */
#pie div.infolegal {
	position:absolute;
	top:20px;
	left:190px;
	color:#CCC;
	font-size:0.9em;
}
	#pie div.infolegal a { color:#CCC; text-decoration:none; }
	#pie div.infolegal a:hover { color:#00393A; }
#pie div.desarrollo {
	position:absolute;
	top:10px;
	left:730px;
	color:#CCC;
}
	#pie div.desarrollo span { float:left; margin:10px 0 0; }
	#pie div.desarrollo a {
		display:block;
		width:106px;
		height:36px;
		background:url(../img/solucionex.jpg) top left no-repeat;
		text-indent:-10000px;
		float:left;
	}
/* fin pie ************************************************** */
/* ********************************************************** */ 





/* ************************************************************************************ */
/* GENERALES ************************************************************************** */
.alineadoizq { text-align:left; }
.alineadodch { text-align:right; }

.flotadoizq { float:left; }
.flotadodch { float:right; }

.clearizq { clear:left; }
.cleardch { clear:right; }

.cargando { float:left; display:block; margin:160px 0 0 200px; .margin:160px 0 0 100px; }