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


body{
	width:100%;
	margin:0 !important;
	padding:0 !important;
	font-family: Verdana, Geneva, sans-serif;
	}
	.bgBody{ background-color:blue; }

#contentPral{
	position:absolute;
	width:960px;
	min-height:100%;
	left:50%;
	padding:0 10px 0 10px !important;
	margin-left:-490px;
	background-color:white;
	}

.listLine{
	clear:both;
	margin: 0px !important;
	padding: 0px !important;
	list-style:none !important;
	}
	.listElemL{
		position:relative;
		float:left;
		margin: 0px !important;
		padding: 0px !important;
	}
	.listElemR{
		position:relative;
		float:right;
		margin: 0px !important;
		padding: 0px !important;
	}

h1, h2{
  margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-weight:normal;
	text-decoration:none;
}

.tituloApartado{
	width:100%;
	height:16px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	color:blue;
	border-bottom:1px solid blue;
}
/********* Header ********/
#contentHeader{
	width:960px;
	margin-top:10px !important;
	}
	#contentIdioma{
		width:960px;
		height:11px;
		}
		#contentIdioma li.listElemR{
			display:block;
			width:16px;
			height:11px;
			margin-left:10px !important;
			}
			.icon_en{ background:url(../img/iconos/idioma/en_OFF.gif) center no-repeat; }
				.icon_en:hover{ background:url(../img/iconos/idioma/en_ON.gif) center no-repeat; }
				.icon_en_ON{ background:url(../img/iconos/idioma/en_ON.gif) center no-repeat; }
			.icon_es{ background:url(../img/iconos/idioma/es_OFF.gif) center no-repeat; }
				.icon_es:hover{ background:url(../img/iconos/idioma/es_ON.gif) center no-repeat; }
				.icon_es_ON{ background:url(../img/iconos/idioma/es_ON.gif) center no-repeat; }
			.icon_ca{ background:url(../img/iconos/idioma/ca_OFF.gif) center no-repeat; }
				.icon_ca:hover{ background:url(../img/iconos/idioma/ca_ON.gif) center no-repeat; }
				.icon_ca_ON{ background:url(../img/iconos/idioma/ca_ON.gif) center no-repeat; }
			.icon_fr{ background:url(../img/iconos/idioma/fr_OFF.html) center no-repeat; }
				.icon_fr:hover{ background:url(../img/iconos/idioma/fr_ON.html) center no-repeat; }
				.icon_fr_ON{ background:url(../img/iconos/idioma/fr_ON.html) center no-repeat; }
	#bannerMini{
		width:960px;
		margin-top:10px !important;
	}
	#bannerBig{		
		position: relative;
		width:960px;
		margin-top:10px !important;
		overflow:hidden;
		}
		#bannerBig div{ 
			position: absolute;
			left: 0;
			top: 0;
		}
	#contentMenu{
		width:958px;
		height:28px;
		margin-top:10px !important;
		border:1px solid white;
		background-color:blue;
		}
		.menuNivel_1{
			height:21px;
			padding:7px 10px 0 10px !important;
			border-right:1px solid white;
			background-color:blue;
			z-index:5;
			}
			.menuNivel_1:hover{
				height:21px;
				padding:7px 10px 0 10px !important;
				border-right:1px solid white;
				background-color:#03035f;
				z-index:5;
			}
			.menuNivel_1_ON{
				height:21px;
				padding:7px 10px 0 10px !important;
				border-right:1px solid white;
				background-color:#03035f;
				z-index:5;
			}
			.menuNivel_2{
				position:absolute !important;
				visibility:hidden;
				margin:7px auto auto -11px !important;
				border-top:1px solid white;
				border-left:1px solid white;
				border-right:1px solid white;
				background-color:blue;
				z-index:5;
				}
				.elemMenuNivel_2{
					width:200px;
					height:21px;
					padding:7px 20px 0 20px !important;
					border-bottom:1px solid white;
					z-index:5;
				}
/*************************/

/******* Index ***********/
#contentInicio{
	width:960px;
	}
	#contentInicio .listElemL{ width:700px; }
		#imgIndex{ 
			width:345px !important; 
			margin-right:10px !important; 
			overflow: hidden;
		}
		#textIndex{ width:345px !important; }
		#textIndex2{ width:310px !important; }
		#videoIndex2{ width:640px !important; }
	#contentInicio .listElemR{ width:250px;	}
/*************************/

/******* Filosofia *******/
#contentFilo{ width:960px; }
	#contentFilo .listElemL{ width:700px; }
		#contentFilo .listElemL .textSTD{ text-align:justify; }
		#contentImgFilo{ 
			width:700px;
			height:320px;
			overflow:hidden;
		}
	#contentFilo .listElemR{ width:250px;	}
/*************************/

/******* quienesSomos ****/
#contentQS{ width:960px; }
	#contentQS .listElemL{ width:700px; }
		#contentQS .listElemL .textSTD{ text-align:justify; }
		#contentImgsQS{
			width:700px;
			height:99px;
			}
			#contentImgsQS li{
				width:132px !important;
				height:99px !important;
				}
				#contentImgsQS li.listElemL{ margin-right:10px !important; }
	#contentQS .listElemR{ width:250px;	}
/*************************/

/******* misionVision ****/
#contentMV{	width:960px; }
	#contentMV .listElemL{ width:700px; }
		#contentMV .listElemL .textSTD{ text-align:justify; }
		#contentImgsMV{
			width:700px;
			height:99px;
			}
			#contentImgsMV li{
				width:132px !important;
				height:99px !important;
				}
				#contentImgsMV li.listElemL{ margin-right:10px !important; }
	#contentMV .listElemR{ width:250px;	}
/*************************/

/******* Proyecto ********/
#contentPralProj{
	width:960px;
	height:398px;
	}
	#contentGralListProj{
		width:261px;
		height:398px;
		background-color:#666;
		}
		.contentListProj{ width:245px; }
			.contentYearGroup{
				width:240px;
				height:11px;
				color: #bbb !important;
				border-bottom:1px solid #bbb;
				margin-bottom:10px;
				padding-bottom:2px !important;
				padding-left:5px !important;
			}
			.elemProj{
				width:245px;
				height:52px;
				margin-bottom:10px !important;
				}
				.elemProj:hover{
					width:245px;
					height:52px;
					margin-bottom:10px !important;
					background-color:blue;
				}
				.elemProj_ON{
					width:245px;
					height:52px;
					margin-bottom:10px !important;
					background-color:white;
				}
				.elemProj .listElemL, .elemProj_ON .listElemL{
					width:69px;
					height:52px;
				}
				.elemProj .listElemR, .elemProj_ON .listElemR{
					width:166px;
					height:52px;
				}
	#contentVisorProj{
		width:688px;
		height:398px;
		background-color:#FFF;
		}
		#projHeader{
			width:688px;
			height:24px;
			background-color:blue;
			}
			#projHeader .listElemL{
				padding-left:10px !important;
				padding-top:4px !important;
			}
			#projHeader .listElemR{
				padding-right:10px !important;
				padding-top:1px !important;
				}
		#projBody{
			width:688px !important;
			height:348px;
			margin-top:1px !important;
			}
			#projBody .listElemL{
				width:203px;
				height:328px;
				padding:10px !important;
				background-color:#C0C0C0;
				overflow:hidden;
				}
				#textProj{
					width:203px;
					height:328px;
					overflow:hidden;
				}
			#projBody .listElemR{
				width:464px;
				height:348px;
				}
				#slideshow { position: relative; width: 464px; height: 348px; }
				#slideshow div { position: absolute; left: 0px; top: 0; }
		#projFooter{
			width:678px;
			height:20px;
			padding-top:4px !important;
			padding-right:10px !important;
			margin-top:1px !important;
			background-color:#666;
			text-align:right;
			}
			#projFooter li{ margin-left:20px !important; }
/*************************/

/******* Proyectos *******/
#contentPralProjs{
	width:960px;
	height:397px;
	}
	#contentScrollProjs{
		width:700px;
		height:387px;
		}
		#listFichaProyectos{
			width:685px;
			height:387px;
			}
			.contentProj{
				width:685px;
				height:194px;
				overflow:hidden;
				}
				.contentProj .listElemL{
					width:259px;
					height:194px;
				}
				.contentProj .listElemR{
					width:416px;
					height:194px;
					overflow:hidden;
					text-align:justify;
					}
					.tituloProj{
						width:416px;
						height:18px !important;
					}
					.tituloProj .listElemL{ width:300px; height:18px !important; }
					.tituloProj .listElemR{ width:116px; height:18px !important; text-align:right !important; }	
			.contentProjMinisL{
				width:685px;
				height:207px;
				}
				.contentProjMinis{
					width:220px;
					height:207px;
					margin-bottom:12px !important;
					}
					.contentProjMinis.listElemL{ margin-right:12px!important; }
					.contentProjMinis .header{
						width:220px;
						height:20px;
						text-align:right;
					}
					.contentProjMinis .foto{
						width:220px;
						height:165px;
						overflow:hidden;
					}
					.contentProjMinis .tituloReg{
						width:220px;
						height:21px;
						padding-top:1px !important;
						text-align:center;
					}
					
	#contentBannerProjs{
		width:250px;
		height:387px;
	}
/*************************/

/******* Equipo *******/
#contentPralEquipo{
	width:960px;
	height:397px;
	}
	#contentScrollEquipo{
		width:700px;
		height:387px;
		}
		#listFichaEquipo{
			width:685px;
			height:387px;
			}
			.contentEquipo{
				width:685px;
				height:165px;
				overflow:hidden;
				}
				.contentEquipo .listElemL{
					width:220px;
					height:165px;
					overflow:hidden;
				}
				.contentEquipo .listElemR{
					width:452px;
					height:165px;
					overflow:hidden;
					text-align:justify;
					}
					.tituloEquipo{
						width:452px;
						height:18px !important;
					}
					.tituloEquipo .listElemL{ width:400px; height:18px !important; }
					.tituloEquipo .listElemR{ width:52px; height:18px !important; text-align:right !important; }
	#contentBannerEquipo{
		width:250px;
		height:387px;
		}
/*************************/

/******* Noticias ********/
#contentNoticiasPral{
	width:960px;
	height:430px;
	}
	#contentFilters{
		width:250px;
		height:430px;
		}
		.filterBox{
			width:248px;
			border:1px solid #000;
			}
			.filterBox .tituloFiltro{
				width:238px;
				height:22px;
				padding:8px 0 0 10px;
				background-color:#000;
				font-size:12px;
				color:#FFF;	
			}	
			.filterBox .elemFilter{
				width:240px;
				height:22px;
				padding:4px 0 0 8px;
			}
	#contentNoticiasVisible{
		width:700px;
		height:430px;
		}
		#contentNoticias{
			width:690px;
			}
			.contentNoticia{
				width:690px;
				height:190px;
				padding-top:10px!important;
				}
				.contentNoticiaImg{
					width:250x;
					height:180px;
				}
				.contentNoticiaDts{
					width:430px;
					height:180px;
					font-size:11px;
					color:#666;
				}
/*************************/

/******* Contacto ********/
#contentContacto{
	width:960px; 
	height:387px;
	}
	#contentContacto .listElemL{ width:700px; height:387px; }
	#contentContacto #contentDatosContacto{ 
		width:230px;
	 	height:367px;
		padding:10px !important;
		background-color:white;
		text-align:justify;
		overflow:hidden;
	}
		#comoLlegar{
			width:230px;
			height:170px;
			overflow:hidden;
		}
/*************************/

/******* formConacto *****/
.formConactoUL{
	width:710px;
	height:35px;
	}
	.formConactoUL li{
		width:345px;
		height:35px;
		}
		.inputStyle{
			width:343px;
			height:17px;
			border:1px solid #010101;
		}
		.textareaStyle{
			width:710px;
			height:150px;
			border:1px solid #010101;
		}
		#contentBtnForm{
			width:710px;
			height:30px;
			text-align:right;
		}
/*************************/

/******* lightwindows ****/
.bgLightWindow{
	background-color:white;
}
/*************************/

/******* Footer **********/
#contentFooter{
	width:960px;
	height:25px;
	border-top:1px solid blue;
	}
	#contentFooter{ padding-top:10px !important; }
	#contentFooter .listElemR{ text-align:right; }
/*************************/

/******* Mapa ************/
#mapaRoot{
	
	}
	.mapa_level1{
		font-weight:bold;
		margin-bottom:10px !important;
		}
		.mapa_level2{
			font-style:oblique;
			}
/*************************/

/******* Loading *********/
#loadDiv{
	position:fixed;
	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;
}
/*************************/

/******* Scroll **********/
.scroll-track{
	width:5px;
 	height:10px;
 	background-color:blue;
	margin:0px !important;
	padding:0px !important;
}

/*.scroll-track-top {
	width:9px !important;
	height:8px !important;
	background: url(../img/upScroll.gif) left no-repeat;
	margin-top: 550px;
	#margin-top: 0px !important;
	cursor: pointer;
}

.scroll-track-bot {
	width:9px !important;
	height:8px !important;
	background: url(../img/downScroll.gif) left no-repeat;
	margin-top: 5px;
	cursor: pointer;
}*/

.scroll-handle-top {
	width:5px;
 	height:1px;
 	background-color:#03035f;
}

.scroll-handle{
 	width:5px;
 	height:10px;
	margin:0px !important;
	padding:0px !important;
 	background-color:#03035f;
 	cursor:pointer;
}

.scroll-handle-bot {
	width:5px;
 	height:1px;
 	background-color:#03035f;
}
/*************************/

/******** fonts **********/
.textSTD{
	font-size:11px;
	color:blue;
	}
	
.textMicro{
	font-size:9px;
	color:blue;
	}

.linkSTD{
	font-size:11px;
	color:blue;
	text-decoration:none;
	}
	.linkSTD:hover{
		font-size:11px;
		color:#03035f;
		text-decoration:none;
	}

.linkSTD2{
	font-size:11px;
	color:#FFF;
	text-decoration:none;
	}
	.linkSTD2:hover{
		font-size:11px;
		color:#F00;
		text-decoration:none;
	}
	.linkSTD2_ON{
		font-size:11px;
		color:#e56b15;
		text-decoration:none;
	}

.titulo{
	font-size:14px;
	color:blue;
	font-weight:bold;
	}

.tituloFicha{
	font-size:12px;
	color:blue;
	}

.linkMenu{
	font-size:10px;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	}

.textoFooter{
	font-size:10px;
	color:blue;
	}
	
.linkFooter{
	font-size:10px;
	color:blue;
	text-decoration:none;
	}
	.linkFooter:hover{
		font-size:10px;
		color:#03035f;
		text-decoration:underline;
	}

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

img{ border:none; }
a{ outline: 0; }

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

#bannerLateral{		
	position: relative;
	width:250px;
	overflow:hidden;
	}
	#bannerLateral div{ 
		position: absolute;
		left: 0;
		top: 0;
	}