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

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

#contentPral{
	margin:100px auto !important;
	width: 984px;
	height: 622px;
	background-color:#161513;
	text-align:left;
	}
	#contentHeader{
		width:984px;
		height:22px;
	}
	#contentBody{
		width:984px;
		/* height:578px; */
		height:577px;
		}
		#contentBody #contentLineMenu{
			width:136px;
			/* height:578px; */
			height:577px;
			background-color: #67625c;
		}
		#contentBody #contentLineContent{
			width:848px;
			/* height:578px; */
			height:577px;
			background-color:#25221d;
		}
	#contentFooter{
		width:984px;
		height:22px;
	}

/**** Genericos **************/
.elemLine{
	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;
}

h3{ 
	margin-bottom:5px !important;
	padding-bottom:0px !important;
}

#slideshow { position: relative; width: 848px; height: 578px; }
#slideshow div { position: absolute; left: 0px; top: 0; }
/*****************************/

/******* Menu ****************/

#menuNivel_1{
	width:116px;
	height:108px;
	background-color: #403c33;
	padding:10px;
	}
	#menuNivel_1 div{ margin-bottom:2px; }

#menuNivel_2{
	width:126px;
	background-color: #534e48;
	padding:0 0 0 10px;
}
	
#menuNivel_3{
	width:126px;
	background-color: #67625c;
	padding:0 0 0 10px;
}

#menuNivel_4{
	width:126px;
	padding:0 0 0 10px;
	}
	#menuNivel_4_scroll{
		width:122px;
		overflow: hidden;
	}

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

/******* Index ***************/
#contenedorIdiomas{
	width:210px;
	height:20px;
	margin:-215px auto auto 400px !important;
	}
	#contenedorIdiomas li{ 
		width:50px;
		margin-right:20px !important;
	}
/*****************************/

/******* Equipo **************/
#contentEquipo{
	width:848px;
	height:578px;
	}
	#contentListEquipo{
		width: 335px;
		height:528px;
		padding:25px !important;
		}
		#columnsDepLine{
			width: 335px;
			height:528px;
			}
			.columnsDep{
				width:162px;
				height:528px;
				}
				.contentDept{
					margin-bottom: 20px;
					}
					.tituloDep{
						width:100%;
						/* height:16px; */
						text-transform:uppercase;
						border-bottom: 1px solid #2e4851;
						margin-bottom: 5px;
					}
	#contentFichaPersona{
		width: 463px;
		height:578px;
		}
		#contentTextAdapPersona{
			width: 463px;
			height:578px;
			margin-top:-578px;
			z-index:5;
			}
			#contentTextPersona{
				padding: 25px;
				line-height:0.8em;
			}
/*****************************/

/******* Colaborador *********/
#contentColaboradorPral{
	width:798px;
	height:220px;
	margin:25px 25px 0 25px !important;
	border-bottom:1px solid #2e4851;
	}
	#contentColaboradorPral .logo{
		width:113px;
		height:220px;
		margin-right:25px !important;
	}
	#contentColaboradorPral .descrip{
		width:270px;
		height:220px;
		margin-right:25px !important;
	}
	#contentColaboradorPral .personal{
		width:364px;
		height:220px;
	}
#contentColaboradores{
	width:813px;
	height:292px;
	margin:15px 10px 25px 25px !important;
	overflow:hidden;
	}
	#contentColaboradores ul{
		width:798px;
		}
		#contentColaboradores ul .elemLeft{
			width:250px;
			margin-right:24px !important;
		}
		#contentColaboradores ul .elemRight{
			width:250px;
		}
/*****************************/

/******* Mapa Mundi **********/
#mapa{
	width:100%;
	height:100%;
}
/*****************************/

/******* Proyecto ************/
#contentProyecto{
	width:848px;
	height:600px;
	z-index:5;
	}
	#capaBgDatosProyecto{
		width:848px;
		height:578px;
	}
	#capaDatosProyecto{
		width:450px;
		height:528px;
		margin: 25px auto auto 25px;
		}
		#capaDatosProyecto div{ position:relative; }
			#descripcionProyecto{
				height:230px;
				overflow:hidden;
			}
	#contentControlFichaProyecto{
		width:848px;
		height:20px;
		margin-top:2px !important;
		}
		#contentControlFichaProyecto li{
		}
		#contentControlFichaProyecto .separador{
			margin-right: 5px !important;
			margin-left: 5px !important;
		}
/*****************************/

/******* Data ****************/
#contentListado{
	width:815px;
	height:523px;
	margin:25px auto auto 25px;
	overflow:hidden;
	}
	.contentListadoGrupo{
		width:797px;
		border-top:1px solid #2e4851;
		}
		.idGrupo{
			width:60px;
		}
		.listaGrupo{
			width:737px;
			}
			.listaGrupo div.textoGris{
				width:730px;
				padding-left:7px;
				border-bottom:1px solid #36322d;
			}
/*****************************/

/******* Servicios ***********/
.imgApartado{
	width:848px;
	height:578px;
}
.descApartado{
	width:330px;
	height:528px;
	margin: -553px auto auto 25px;
	overflow:hidden;
}
/*****************************/

/******* Noticias ************/
#contentNoticias{
	width:815px;
	height:523px;
	margin:25px auto auto 25px;
	overflow:hidden;
	}
	#contentListNoticias{
		width:797px;
		height:104px;
		}
		#contentListNoticias li{
			width: 390px;
			height:84px;
			margin-top:-1px !important;
			padding-top:10px !important;
			padding-bottom:10px !important;
			border-top:1px solid #386d85;
			border-bottom:1px solid #386d85;
			overflow:hidden !important;
			}
			.tituloNoticia{
				height:33px;
			}
/*****************************/

/******* Noticia ************/
#contentNoticia{
	width:798px;
	height:528px;
	margin:25px 25px 25px 25px !important;
	}
	#noticiaBody{
		width:576px;
		height:528px;
		}
		#contentImg{
			width:577px;
			height:171px;
			padding-bottom:18px;
			border-bottom:1px solid #386d85;
			overflow:hidden;
		}
	#noticiaLinks{
		width:190px;
		height:528px;
		}
		#contentLink{
			width:190px;
			height:15px;
			}
			#contentLink .iconLink{
				width:16px;
				height:15px;
				margin-right:5px !important;
				padding-top:2px !important;
			}
/*****************************/

/******* Contacto *************/
.contentContacto{
	width:430px;
	height:170px;
	margin-top: 80px !important;
	margin-left:185px !important;
	margin-bottom: 50px !important;
	}
	.contentContacto li{
		width:215px;
		height:170px;
	}
/*****************************/

/******* Footer **************/
#contentFooter ul{
	width:984px;
	height:20px;
	margin-top:2px !important;
	}
	#contentFooter ul li{
		height:20px;
		margin-right:5px !important;
		}
/*****************************/

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

#loadImg{
	position:absolute;
	left:50%;
	top:50%;
	margin-top: -5px;
	margin-left: -60px;
 	width:120px;
	height:9px;
}
/*****************************/

/****** font styles **********/
.linkBlanco{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	}
	.linkBlanco:hover{
		font-size:11px;
		color:#FFFFFF;
		text-decoration:underline;
	}	

.linkGris1{
	font-size:11px;
	color:#67625c;
	text-decoration:none;
	}
	.linkGris1:hover{
		font-size:11px;
		color:#FFFFFF;
		text-decoration:none;
	}

.linkGris2{
	font-size:11px;
	color:#67625c;
	text-decoration:none;
	}
	.linkGris2:hover{
		font-size:11px;
		color:#4ab8ed;
		text-decoration:none;
	}
	.linkGris2_ON{
		font-size:11px;
		color:#4ab8ed;
		text-decoration:none;
	}

.linkMenu{
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:18px;
	color:#161513;
	font-weight:normal !important;
	text-decoration:none;
	}
	.linkMenu:hover{
		font-family:Georgia, "Times New Roman", Times, serif !important;
		font-size:18px;
		color:#0091c1;
		font-weight:normal !important;
		text-decoration:none;
	}
	.linkMenu_ON{
		font-family:Georgia, "Times New Roman", Times, serif !important;
		font-size:18px;
		color:#0091c1;
		font-weight:normal !important;
		text-decoration:none;
	}
	
.linkMenuPeque{
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:11px;
	color:#25221d;
	font-weight:normal !important;
	text-decoration:none;
	}
	.linkMenuPeque:hover{
		font-family:Georgia, "Times New Roman", Times, serif !important;
		font-size:11px;
		color:#FFFFFF;
		font-weight:normal !important;
		text-decoration:none;
	}	
	.linkMenuPeque_ON{
		font-family:Georgia, "Times New Roman", Times, serif !important;
		font-size:11px;
		color:#FFFFFF;
		font-weight:normal !important;
		text-decoration:none;
	}
	
.linkTituloAzul{
	font-size:16px;
	color:#0091c1;
	text-decoration:none;
	}

.linkAzul{
	font-size:11px;
	color:#0091c1;
	text-decoration:none;
	}

.tituloBigBlanco{
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:24px;
	color:#FFF;
	}

.tituloBlanco{
	font-size:16px;
	color:#FFF;
	}

.textoBlanco{
	font-size:11px;
	color:#FFF;
	}
	
.textoBlancoGrande{
	font-family:Georgia, "Times New Roman", Times, serif !important;
	font-size:17px;
	color:#FFF;
	}	
	
.textoGris{
	font-size:11px;
	color:#797671;
	}

.textoGrisOscuro{
	font-size:11px;
	color:#534e48;
	}
/*****************************/

/****** styles default *******/

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

.separador15{
	clear:both;
	margin:0px;
	height:15px;
}

.marginLess{ margin:0 !important; }