/*
 * style.css
 * Contiene los estilos generales del site
 *
 * @package exe
 * @subpackage css
 * @author Oscar Iglesias Lopez
 */

/******************************/
body{
	background-color: #F0F0F0;
	padding:0px !important;
	margin:0px !important;
	font-family: Verdana, Helvetica, sans-serif;
	line-height:1.0em;
	text-align:center;
	overflow: auto;
	overflow-x: auto;
	#overflow:auto !important;
	background-color: #d5d5d5;
}

#contentPral{
	margin:100px auto !important;
	width: 980px;
	height: 660px;
	text-align:left;
	}
	#columnsPral{
		width:944px;
		height:559px;
		padding:18px !important;
		background: #737373 url(../img/varias/bg.gif) no-repeat center;
		}
		#contentMenu{
			width:175px;
			height:559px;
			margin-right:18px !important;
		}
		#contentContenido{
			width:751px;
			height:559px;
		}
/******************************/

/**** Genericos ***************/
.lineElem{
	clear:both;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
	}
	.elemLeft{
		position:relative;
		float:left; 
		top:0px;
		margin: 0px !important;
		padding: 0px !important;
	}
	.elemRight{
		position:relative;
		float:right; 
		top:0px;
		margin: 0px !important;
		padding: 0px !important;
	}

a{ outline: 0; }

img{ border:none; }

p{ 
	padding:0 !important;
	margin:0 0 15px 0 !important;
}

.btnPrev{
	width:10px !important;
	height:11px !important;
	margin-right:10px !important;
}
.textPaginador{
	width:9px !important;
	height:11px !important;
}
.btnNext{
	width:10px !important;
	height:11px !important;
	margin-left:10px !important;
}

.contentPaginadorActualidad{
	width:751px;
	height:11px;
	padding-top:10px;
	border-top:1px solid #333;
}

.contentItemActualidad{
	width:751px;
	height:113px;
	padding:10px 0 10px 0 !important;
	border-top:1px solid #333;
	}
	.contentItemActualidad div{ margin-bottom:5px; }
/******************************/

/******* Menu *****************/
#menuPral{
	width:175px;
	height:185px;
	text-align:left;
}

#menuSecundario{
	width:175px;
	margin-top:30px;
	text-align:left;
}

#listProyectos{
	width:175px;
	height:114px;
	margin-top:58px;
	text-align:left;
}
#paginadorProyectos{
	width:175px;
	height:16px;
	text-align:left;
}
/******************************/

/******* Header ***************/
#contentHeader{
	width: 980px;
	height:35px;
	margin-bottom: 7px !important;
	}
	#contentHeader .elemLeft{
		width:264px;
		height:35px;
	}
	#contentHeader .elemRight{
		padding-top:20px !important;
	}
/******************************/

/******* Index ****************/
#contentImgEntrada{
	width:980px;
	height:565px;
	overflow:hidden;
}
#contentEntrar{
	width:100%;
	height:25px;
	padding-top:5px;
	background-color:#333;
	text-align:center;
	font-weight:bold;
	}
/******************************/

/******* Quienes Somos ********/
#contentQuienesSomos{
	width:370px;
	height:559px;
	}
	#textQuienesSomos{
		width:360px;
		text-align:justify;
	}
/******************************/

/******* CV *******************/
#contentCV{
	width:751px;
	height:399px;
	margin-top:10px;
	}
	#textCV{
		width:740px;
		text-align:justify;
	}
/******************************/

/******* Equipo Humano ********/
#contentPralEquipoHumano{
	width: 751px;
	height: 274px;
	margin-top: 10px !important;
	}
	#contentListEquipo{
		width: 370px;
		height: 274px;
		}
		.contentPersona{
			width:350px;
			height:105px;
			margin-top:10px !important;
			margin-right:10px !important;
			padding-bottom:10px !important;
			border-bottom:1px solid #333;
			}
			#contentListEquipo .contentPersona .elemLeft{
				width:105px;
				height:105px;
				margin-right: 10px !important;
			}
			#contentListEquipo .contentPersona .elemRight{
				width:235px;
				height:85px;
				padding-top:20px !important;
				text-align:left;
				line-height:1.9em;
			}
	#contentListColaboradores{
		width: 370px;
		height: 274px;
		}
		.contentColaborador{
			width:350px;
			height:41px;
			margin-top:10px !important;
			margin-right:10px !important;
			padding-bottom:10px !important;
			border-bottom:1px solid #333;
			}
			#contentListColaboradores .contentColaborador .elemLeft{
				width:153px;
				height:41px;
				margin-right: 10px !important;
				text-align:left;
			}
			#contentListColaboradores .contentColaborador .elemRight{
				width:187px;
				height:41px;
				text-align:left;
			}
	.titleListEH{
		width:350px;
		padding-bottom:10px;
		border-bottom:1px solid #333;
		text-align:left;
	}
/******************************/

/******* Equipos Informaticos */
#contentEI{
	width:751px;
	height:274px;
	margin-top:10px;
	}
	#textEI{
		width:740px;
		text-align:justify;
	}
/******************************/

/******* Centro de trabajo ****/
#centrosTrabajo{
	width:751px;
	height:559px;
	}
	#centrosTrabajo .elemLeft{
		width:370px;
		height:559px;
		margin-right:11px !important;
		}
	#centrosTrabajo .elemRight{
		width:370px;
		height:559px;
		}
	.separadorImgLocation{
		width:44px;
		height:16px;
		padding:5px 0 0 326px !important;
		}
		
.datosCentro{
	line-height:1.1em;
	}
/******************************/

/* Obras, Planeamiento, Concursos */
#contentVisorImgProyecto{
	width:751px;
	height:430px;
	overflow:hidden;
}

#contentDatosProyecto{
	width:751px;
	height:119px;
	margin-top:10px;
	}
	.datoProyecto{
		width:250px;
	}
/******************************/

/******* Productos ************/
#contentVisorImgProducto{
	width:751px;
	height:475px;
	overflow:hidden;
}

#contentDatosProducto{
	width:751px;
	height:74px;
	margin-top:10px;
}
/******************************/

/******* Premios **************/
.imgPremio{
	width:143px;
	height:113px;
	margin-right:10px !important;
	overflow:hidden;
}
.datosPremio{
	width:598px;
	height:113px;
	}
	.datosPremio div{ margin-bottom:5px; }
/******************************/

/******* Ficha Noticias *******/
#contentFotosNoticia{
	width:701px;
	height:227px;
	background-color:#d5d5d5;
	padding:25px !important;
}

#contentDatosNoticia{
	width:751px;
	height:155px;
	padding:20px 0 20px 0;
	}
	#contentDatosNoticia div { margin-bottom:5px; }

#footerFichaNoticia{
	width:751px;
	padding-top:10px;
	border-top:1px solid #333;
	text-align:right;
}
/******************************/

/******* Contacto *************/
#contentDatosContacto{
	width:750px;
	height:134px;
	margin-top:10px !important;
	}
	#contentDatosContacto li{
		width:375px;
		height:134px;
	}
	#contentDatosContacto li p{ margin-bottom:5px !important; }
/******************************/

/******* Footer ***************/
#contentFooter{
	width: 980px;
	height:18px;
	}
/******************************/

/******* Loading **************/
#loadDiv{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#3A3A3A;
	opacity: .90;
	filter: alpha(opacity=90);
	z-index: 100;
}

#loadImg{
	position:absolute;
	left:50%;
	top:50%;
	margin-top: -55px;
	margin-left: -55px;
 	width:110px;
	height:110px;
}
/******************************/

/****** Fonts *****************/
.textHeadFoot{
	font-size:11px;
	color: #737373;
	}
	
.linkHeadFoot{
	font-size:11px;
	color: #737373;
	text-decoration:none;
	}
	.linkHeadFoot:hover{
		font-size:11px;
		color: #F00;
	  text-decoration:none;
	}

.linkWhite{
	font-size:14px;
	color: #FFF;
	text-decoration:none;
	}
	.linkWhite:hover{
		font-size:14px;
		color: #F00;
	  text-decoration:none;
	}

.linkHeadFoot_OFF{
	font-size:11px;
	color: #737373;
	text-decoration:none;
	}
	.linkHeadFoot_OFF:hover{
		font-size:11px;
		color: #F00;
	  text-decoration:none;
	}
	.linkHeadFoot_ON{
		font-size:11px;
		color: #F00;
	  text-decoration:none;
	}
	
.textSTD{
	font-size:11px;
	color:333;
	}

.linkSTD{
	font-size:11px;
	color: #333;
	text-decoration:none;
	}
	.linkSTD:hover{
		font-size:11px;
		color: #F00;
	  text-decoration:none;
	}
	.linkSTD_ON{
		font-size:11px;
		color: #F00;
		text-decoration:none;
	}

.linkMenuPral_OFF{
	font-size:18px;
	color: #333333;
	text-decoration:none;
	}
	.linkMenuPral_OFF:hover{
		font-size:18px;
		color: #F00;
	  text-decoration:none;
	}
	.linkMenuPral_ON{
		font-size:18px;
		color: #F00;
	  text-decoration:none;
	}
	
.linkMenuSecundario_OFF{
	font-size:14px;
	color: #333333;
	text-decoration:none;
	}
	.linkMenuSecundario_OFF:hover{
		font-size:14px;
		color: #F00;
	  text-decoration:none;
	}
	.linkMenuSecundario_ON{
		font-size:14px;
		color: #F00;
	  text-decoration:none;
	}
	
.title{
	font-size:20px;
	color: #333;
}

.titleMini{
	font-size:14px;
	font-weight:bold;
	color: #333;
}
.linkTitleMini{
	font-size:14px;
	font-weight:bold;
	color: #333;
	text-decoration:none;
	}
	.linkTitleMini:hover{
		font-size:14px;
		font-weight:bold;
		color: #F00;
		text-decoration:none;
	}

/******************************/

/****** styles default ********/
.separador5{
	clear:both;
	margin:0px;
	height:5px;
}

.separador10{
	clear:both;
	margin:0px;
	height:10px;
}

.separador12{
	clear:both;
	margin:0px;
	height:12px;
}

.marginLess{ margin:0px !important; }