/*
 * 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: #242424 ; }
	
a{
	text-decoration: none;
	font-size:11px;
	color:#FFF;
}	

	.a:hover{
		font-size:11px;
		color:#e56b15;
		text-decoration:none;
	}
	
#contentPral{
	position:absolute;
	width:960px;
	min-height:100%;
	left:50%;
	padding:0 10px 0 10px !important;
	margin-left:-490px;
	background: #242424 ;
	border-left: ;
	border-right: ;
	}

.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:#BBBBBB;
	border-bottom:1px solid #54bdc8;

}
/********* 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.gif) center no-repeat; }
				.icon_fr:hover{ background:url(../img/iconos/idioma/fr_ON.gif) center no-repeat; }
				.icon_fr_ON{ background:url(../img/iconos/idioma/fr_ON.gif) center no-repeat; }
		#contentIdiomaText{
			width:960px;
			height:11px;
			text-align:right;
			}
			#contentIdiomaText li.listElemR{
				display:block;
				width:40px;
				height:11px;
			}
	#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 #54bdc8;
		background:#54bdc8 ;
		}
		.menuNivel_1{
			height:21px;
			padding:7px 10px 0 10px !important;
			border-right:1px solid #54bdc8;
			background: #54bdc8 ;
			z-index:150;
			}
			.menuNivel_1:hover{
				height:21px;
				padding:7px 10px 0 10px !important;
				border-right:1px solid #54bdc8;
				background: #8ce4ed ;
				z-index:150;
			}
			.menuNivel_1_ON{
				height:21px;
				padding:7px 10px 0 10px !important;
				border-right:1px solid #54bdc8;
				background: #62ecfa ;
				z-index:150;
			}
			.menuNivel_2{
				position:absolute !important;
				visibility:hidden;
				margin:7px auto auto -11px !important;
				border-top:1px solid #54bdc8;
				border-left:1px solid #54bdc8;
				border-right:1px solid #54bdc8;
				background-color:#54bdc8;
				z-index:150;
				}
				.elemMenuNivel_2{
					width:250px;
					padding:7px 20px 7px 20px !important;
					background: #54bdc8 ;
					border-bottom:1px solid #54bdc8;
					z-index:150;
				}
				.elemMenuNivel_2:hover{
					width:250px;
					padding:7px 20px 7px 20px !important;
					background: #8ce4ed ;
					border-bottom:1px solid #54bdc8;
					z-index:150;
				}
/*************************/

/******* 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;
		}
	#contentFilo .listElemR{ width:250px;	}
/*************************/

/******* quienesSomos ****/
#contentQS{ width:960px; }
	#contentQS .listElemL{ width:700px; }
		#contentQS .listElemL .textSTD{ text-align:justify; }
		#contentImgsQS{
			width:700px;
			height:99px;
			text-align: center;
			}
		.gran{
			margin: 0 auto !important;
		}		
			#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:#333;
		}
		.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;
				padding: 5px 0 5px 10px !important;
				}
				.elemProj:hover{
					width:245px;
					height:52px;
					background-color:#444;
				}
				.elemProj_ON{
					width:245px;
					height:52px;
					background-color:#444;
				}
				.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:#333;
		border: 1px solid #333;
		}
		#projHeader{
			width:688px;
			height:24px;
			background-color:#1f1a17;
			}
			#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:1px 0 1px 0 !important;
			}
			#projBody .listElemL{
				width:203px;
				height:348px;
				padding: 0 10px 0 10px !important;
				background-color:#333;
				overflow:hidden;
				}
				#textProj{
					width:203px;
					height:328px;
					overflow:hidden;
				}
			#projBody .listElemR{
				width:464px;
				height:328px;
				}
			#projBody .listElemR_gran{
				width:687px;
				height:328px;
				float: right;
				margin: 0 !important;
				padding: 0 !important;
				position: relative;				
				}				
				#slideshow { position: relative; width: 464px; height: 348px; }
				#slideshow div { position: absolute; left: 0px; top: 0; }
		#projFooter{
			width:688px;
			height:24px;
			background-color:#E56B15;
			}
			#projFooter li{ margin-left:20px !important; }
/*************************/

/******* Proyectos *******/
#contentPralProjs{
	width:960px;
	height:397px;
	}
	#contentScrollProjs{
		width:700px;
		height:387px;
		}
	#contentScrollProjs_gran{
		width:960px;
		height:387px;
		}		
		#listFichaProyectos{
			}
			.contentProj{
				min-height: 194px;
				clear: both;
				}
				.contentProj .listElemL{
					width:259px;
					height:194px;
				}
				
				.contentProj .listElemL img{
					border: ;
				}
				
				.contentProj .listElemL .ampliar{
					position: absolute;
					top: 174px;
					left: 239px;
					width: 16px;
					height: 16px;
					background:  2px 2px;
				    opacity: .70;
				    -moz-opacity: .70;
				    filter:alpha(opacity=70);
					padding: 2px;
				}	
        				
				.contentProj .listElemR{
					width:416px;
					text-align:justify;
					padding-bottom: 10px;
					}
				.contentProj .granR{
					width:680px;
					text-align:justify;
					padding-bottom: 10px;
					}						
					.tituloProj{
						height:18px !important;
					}
					.tituloProj .listElemL{ width:300px; height:18px !important; }
					.tituloProj .listElemR{ width:116px; height:18px !important; text-align:right !important; }	
			.contentProjMinisL{
				height:207px;
				}
				.contentProjMinis{
					width:220px;
					height:207px;
					margin-bottom:12px !important;
					}
					.contentProjMinis.listElemL{ margin: 0px 5px 0px 5px !important; }
					.contentProjMinis .header{
						width:220px;
						height:20px;
						text-align:right;
					}
					.contentProjMinis .foto{
						width:220px;
						height:165px;
						overflow:hidden;
					}
					
				.contentProjMinis .foto img{
					border: ;
					width:218px;
				}
				
				.contentProjMinis .foto .ampliar{
					position: absolute;
					top: 163px;
					left: 198px;
					width: 16px;
					height: 16px;
					background:  2px 2px;
				    opacity: .70;
				    -moz-opacity: .70;
				    filter:alpha(opacity=70);
					padding: 2px;
				}					
					.contentProjMinis .tituloReg{
						width:220px;
						height:21px;
						padding-top:1px !important;
						text-align:center;
					}
/*************************/

/******* Equipo *******/
#contentPralEquipo{
	width:960px;
	height:397px;
	}
	#contentScrollEquipo{
		width:700px;
		height:387px;
		}
		#listFichaEquipo{
			width:685px;
			}
			.contentEquipo{
				height:165px;
				overflow:hidden;
				}
				.contentEquipo .listElemL{
					width:220px;
					height:165px;
					overflow:hidden;
				}
				.contentEquipo .listElemR{
					width:452px;
					height:165px;
					overflow:hidden;
					text-align:justify;
					}
				.contentEquipo .listElemR_gran{

					height:165px;
					overflow:hidden;
					text-align:justify;
					}					
					.tituloEquipo{
						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;
			}
			.tituloFiltro{
				height:22px;
				padding:8px 0 6px 10px;
				background-color:#000;
				font-size:12px;
				color:#FFF;	
				margin-bottom: 15px;
			}	
			
			.tituloFiltro .titulo{
				font-weight: normal !important;	
				color:#FFF;
			}
			
			.filterBox .elemFilter{
				width:240px;
				height:22px;
				padding:4px 0 0 8px;
			}
	#contentNoticiasVisible{
		width:960px;
		height:430px;
		}
		#contentNoticias{
			width:930px;
			margin-top: 15px;
			}
			.contentNoticia{
				width:930px;
				height:190px;
				padding-top:10px !important;
				}
				.contentNoticiaImg{
					width:250x;
					height:180px;
				}
				.contentNoticiaDts{
					width:660px;
					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:#1f1a17;
		text-align:justify;
		overflow:hidden;
		}
		#comoLlegar{
			width:230px;
			height:170px;
			overflow:hidden;
		}
/*************************/

/******* formConacto *****/
.mapaWeb {
    background-color: #1f1a17;
}

.mapaWeb .titulo{
	color: #FFF;
}

.mapaWeb li{
	margin-right: 10px;
}


#ventanaemergente { 
	margin: 5px 0px 0px 30px;	
}

.mapaWeb .contenedor{
	padding-right: 20px;
	font-size:10px;
	color: #FFF;	
}

.mapaWeb .contenedor h2{
	font-size:24px;
}

#mapaRoot {
    margin: 20px;
}
#mapaRoot li {
    font-size: 12px;
    list-style: square outside none;
    margin-bottom: 10px;
	padding-right: 10px;
}
#mapaRoot ul {
    margin: 10px 0 0 20px;
}
.inputStyle {
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 5px;
    width: 300px;
}
.textareaStyle {
    font-size: 12px;
    height: 140px;
    margin-bottom: 15px;
    margin-top: 5px;
    width: 640px;
}


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

/******* lightwindows ****/
.bgLightWindow{
	background-color:#1f1a17;
}
/*************************/

/******* Footer **********/
#contentFooter{
	width:960px;
	height:25px;
	border-top:1px solid #54bdc8;
	}
	#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 **********/
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #191919;
	position: relative;
}

.jspDrag
{
	background: #BBB;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #191919;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #191919;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #191919;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.scroll-pane
{
	width: 100%;
	height: 386px;
	overflow: auto;
}

.scroll-mapa
{
	width: 100%;
	height: 385px;
	overflow: auto;
}

.horizontal-only
{
	height: auto;
	min-height: 386px;
}

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

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

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

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

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

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

.linkMenu{
	font-size:12px;
	color:#242424;
	text-decoration:none;
	}

.textoFooter{
	font-size:10px;
	color:#54bdc8;
	}
	
.linkFooter{
	font-size:10px;
	color:#54bdc8;
	text-decoration:none;
	}
	.linkFooter:hover{
		font-size:10px;
		color:#8ce4ed;
		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;
	}
	
/*#### CAROUSEL ###*/
.image_carousel {
	padding: 0px;
	width: 700px;
	overflow: hidden;
}
.image_carousel img {
	padding: 0px;
	margin-right: 10px;
	display: block;
	float: left;
}
.image_carousel a {
	display: block;
	float: left;
}
.clearfix {
	float: none;
	clear: both;
}



.clear {
   clear: both;
} 	

/* #### WOW SLIDER ####*/

#wowslider-container1 .ws_images{
	height:387px;
}

#wowslider-container2 .ws_images{
	height:250px;
}

.linea{
	height: 1px;
	border-top: 1px dotted #CCC;
}

/*#### FANCY BOX - inicio ####*/

#fancybox-outer{
	background: #1f1a17 !important;
}

/*#### FANCY BOX - inicio ####*/