/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {

	color: #000;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



html,body {
	height:100%;
	/* necesario para las sub-alturas */
}

body {
	margin:0;
	padding:0;
	Zoverflow-x: hidden;
	/* Para evitar el feo scroll horizontal de explorer 7 */
	background:#ffffff url(../images/fondo.jpg) left top repeat-x;
}

body#segem, body#segem2  {
	background:#ffffff url(../images/fondo_segem.jpg) left top repeat-x;
}

body#botamavi {
	background:#ffffff url(../images/fondo_botamavi.jpg) left top repeat-x;
}

body, div, p {
	font-family: verdana;
	font-size:12px;
	color:#000;
}

blockquote {
	margin:10px;
	padding:10px;
	border: 1px solid #ccc;
	background: #eee;
}

span.negrita { font-weight: bold;}

div#layout {
	position:relative;					/* necesario para el posicionamiento */
	margin:0 auto;						/* lo centramos, aunque no funciona para explorer 5 */
	width:1047px;
	height:auto !important;				/* para los navegadores de verdad */
	height:100%;						/* Para que explorer lo interprete como alto mínimo */
	min-height:100%;					/* para los navegadores de verdad */
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background:#fff;
}

div#cabecera {
	background:#fff;
	height: 375px;
	color: #fff;
	border-bottom: 1px solid #fff;
	/* text-indent: -1000em;*/
}
	div#cabecera img {
		height: 375px;
		width: 1047px;
	}

body#segem div#cabecera, body#segem2 div#cabecera { background: #fff}
body#botamavi div#cabecera { background: #fff;}

div#menu {
	position:relative;
	height: 120px;
	background: url(../images/menu.jpg) left top no-repeat;
}

body#segem div#menu { background: url(../images/menu_segem.jpg) left top no-repeat;}
body#segem2 div#menu { background: url(../images/menu_segem02.jpg) left top no-repeat;}
body#botamavi div#menu { background: url(../images/menu_botamavi.jpg) left top no-repeat;}

	div#menu a, div#menu span {
		position: absolute;
		display: block;
		text-indent: -1000em;
		/* tanto el alto como el top es comun para todos */
		top: 0px;
		height: 71px;
		
		/* Transparencia para montar el menu
		filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
		background:#cc0000;  */
	}
	
	div#menu a:hover {
		background-image:url(../images/menu.jpg);
	}
	
	body#segem div#menu a:hover {
		background-image:url(../images/menu_segem.jpg);
	}
	body#segem2 div#menu a:hover {
		background-image:url(../images/menu_segem02.jpg);
	}
	
	
	body#botamavi div#menu a:hover {
		background-image:url(../images/menu_botamavi.jpg);
	}

	/* menu inicio */
	div#menu a.menu01, div#menu span.menu01 {
		left: 20px;
		width: 50px;
	}
	div#menu a.menu01:hover {	background-position: -20px -133px;}
	div#menu span.menu01 {	
		background-image:url(../images/menu.jpg);
		background-position: -20px -266px;
		cursor: default;
	}
	
	div#menu a.menu02, div#menu span.menu02{
		left: 85px;
		width: 110px;
	}
	div#menu a.menu02:hover {	background-position: -85px -133px;}
	div#menu span.menu02 {	
		background-image:url(../images/menu.jpg);
		background-position: -85px -266px;
		cursor: default;
	}
	
	div#menu a.menu03, div#menu span.menu03 {
		left: 210px;
		width: 100px;
	}
	div#menu a.menu03:hover {	background-position: -210px -133px;}
	
	div#menu span.menu03 {	
		background-image:url(../images/menu.jpg);
		background-position: -210px -266px;
		cursor: default;
	}
	
	div#menu a.menu04, div#menu span.menu04 {
		left: 325px;
		width: 90px;
	}
	div#menu a.menu04:hover {	background-position: -325px -133px;}
	div#menu span.menu04 {	
		background-image:url(../images/menu.jpg);
		background-position: -325px -266px;
		cursor: default;
	}
	
	div#menu a.menu05, div#menu span.menu05 {
		left: 430px;
		width: 75px;
	}
	div#menu a.menu05:hover {	background-position: -430px -133px;}
	div#menu span.menu05 {	
		background-image:url(../images/menu.jpg);
		background-position: -430px -266px;
		cursor: default;
	}
	
	div#menu a.menu06, div#menu span.menu06 {
		left: 515px;
		width: 75px;
	}
	div#menu a.menu06:hover {	background-position: -515px -133px;}
	div#menu span.menu06 {	
		background-image:url(../images/menu.jpg);
		background-position: -515px -266px;
		cursor: default;
	}
	
	div#menu a.menu07, div#menu span.menu07 {
		left: 600px;
		width: 95px;
	}
	div#menu a.menu07:hover {	background-position: -600px -133px;}
	div#menu span.menu07 {	
		background-image:url(../images/menu.jpg);
		background-position: -600px -266px;
		cursor: default;
	}
	
	/* Menues antiguos
	
	div#menu a.menu_segem {
		left: 935px;
		width: 100px;
		height: 81px;
	}
	
	div#menu a.menu_segem:hover {	background-position: -935px -133px;}
	
	div#menu a.menu_botamavi {
		left: 815px;
		width: 119px;
		height: 81px;
	}
	
	div#menu a.menu_botamavi:hover {	background-position: -815px -133px;}
	
	*/
	
	div#menu a.menu_segem {
		left: 920px;
		width: 80px;
		height: 71px;
	}
	
	div#menu a.menu_segem:hover {	background-position: -920px -133px;}
	
	div#menu a.menu_botamavi {
		left: 805px;
		width: 95px;
		height: 71px;
	}
	
	div#menu a.menu_botamavi:hover {	background-position: -805px -133px;}
	
	
	div#menu a.menu_intranet {
		left: 10px;
		top: 88px;
		width: 11px;
		height: 13px;
		background: url(../images/candado.gif) left top no-repeat;
	}
	
	div#menu a.menu_intranet:hover,
	body#segem div#menu a.menu_intranet:hover,
	body#segem2 div#menu a.menu_intranet:hover,
	body#botamavi div#menu a.menu_intranet:hover
	{ 
		background: url(../images/candado.gif) left top no-repeat;	
	}
	

div#contenido {
	margin-top: 10px;
	padding-bottom: 50px;
	/* Este padding debe ser igual a la altura del footer */
}
	
	div#contenido div#textos {
		position: relative;
		margin-right: 350px;
		margin-left: 45px;
		line-height: 20px;
	}
		div#contenido div#textos div.titulo {
			position: relative;
			width: 350px;
			height: 23px;
			line-height: 23px;
			padding-left: 36px;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #77787b;
			cursor: default;
			background: #ececec url(../images/titulo_textos.png) left top no-repeat;
		}
		
		div#contenido div#textos div.titulo_principal { width: 610px;background: #ececec url(../images/titulo_textos_principal.png) left top no-repeat;}
		
		body#segem div#contenido div#textos div.titulo, body#segem2 div#contenido div#textos div.titulo 	{ color: #37b8d1;}
		body#botamavi div#contenido div#textos div.titulo 													{ color: #ff6633;}
			
			div#contenido div#textos div.titulo span {
				color: #003366;
				padding-left: 14px;
				background: url(../images/separador_noticias.png) 7px center no-repeat;
			}
			
			div#contenido div#textos div.titulo_principal div.responsable {
				position: absolute;
				left: auto;
				right: 10px;
				top: -22px;
				font-weight: normal;
			} 
				div#contenido div#textos div.titulo_principal div.responsable a{
					position: absolute;
					left: auto;
					right: 0px;
					top: 22px;
					text-decoration: none;
					color: #003366;
					background: none;
					
				}
			
			
		div#contenido div#textos div.subtitulo {
			width: 600px;
			
			padding-left: 36px;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #003366;
			margin-top: 10px;
		}
		
		div#contenido div#textos div.fecha {
			width: 600px;
			padding-left: 36px;
			font-family: verdana;
			font-size: 10px;
			color: #77787b;
		}
		
			div#contenido div#textos div.fecha span{
				color: #003366;
			}
			
			div#contenido div#textos div.fecha a{
				color: #003366;
				font-weight: bold;
				text-decoration: none;
			}
		
			
		div#contenido div#textos div.texto, div#contenido div#textos div.texto p {
			color: #003366; 
			font-size: 12px;
			text-align: justify;
		}
		
		div#contenido div#textos div.texto {
			padding-top: 30px;
		}
			
			div#contenido div#textos div.texto p {
				margin:0;
				margin-bottom: 15px;
				padding:0;
			}
			
			div#contenido div#textos div.texto img.izquierda, div#contenido div#textos div.texto div.izquierda {
				float: left;
				margin-right: 10px;
				margin-bottom: 10px;
			}
			
			div#contenido div#textos div.texto img.derecha, div#contenido div#textos div.texto div.derecha {
				float: right;
				margin-left: 10px;
				margin-bottom: 10px;
			}
			
			div#contenido div#textos div.texto img.borde {
				border: 1px solid #000;
				padding:1px;
			}
			
			div#contenido div#textos a.volver {
				position: absolute;
				left: 575px;
				top: 0px;
				width: 65px;
				height: 23px;
				text-indent: -1000em;
				background: url(../images/volver.png) center center no-repeat;
				z-index: 20000;
			}
			div#contenido div#textos div.texto ol.lista {
				margin-left:40px;
				margin-right: 40px;
				padding:0;
			}
				div#contenido div#textos div.texto ol.lista li {
					margin-bottom: 10px;
					list-style-type:decimal;
					color: #003366;
					background: none;
				}
				
					div#contenido div#textos div.texto ol.lista li ul {
						margin-left:40px;
						margin-right: 40px;
						margin-top: 10px;
						margin-bottom: 20px;
						padding:0;
					}
						div#contenido div#textos div.texto ol.lista li ul li{
							margin-bottom: 10px;
							list-style-type:disc;
							color: #003366;
							background: none;
						}
			
			
			div#contenido div#textos div.texto ul.lista {
				margin-left:40px;
				margin-right: 40px;
				padding:0;
			}
				div#contenido div#textos div.texto ul.lista li {
					margin-bottom: 10px;
					list-style-type:disc;
					color: #003366;
					background: none;
				}
					div#contenido div#textos div.texto ul.lista ul {
						margin-left:40px;
						margin-right: 40px;
						margin-top: 5px;
						padding:0;
					}
					
						div#contenido div#textos div.texto ul.lista ul li {
							margin-bottom: 10px;
							list-style-type:circle;
							color: #003366;
							background: none;
						}
		
		div#contenido div#textos div.texto ul.listado {
			margin:0;
			padding:0;
		}
			div#contenido div#textos div.texto ul.listado li {
				padding-bottom: 20px;
				margin-bottom: 10px;
				background: url(../images/puntos_noticias.png) left bottom repeat-x;
			}
			
			div#contenido div#textos div.texto ul.listado_opciones li {
				width: 45%;
				padding-top: 15px;
				padding-bottom: 20px;
				margin-bottom: 10px;
				padding-left: 30px;
				background: url(../images/bullet.png) left 4px no-repeat;
				float: left;
			}
			
			div#contenido div#textos div.texto ul.listado_opciones li.asmaritima { background: none; width: 186px;}
			
			div#contenido div#textos div.texto ul.listado_opciones li.asmaritima a{ 
				display: block;
				width: 186px;
				height: 102px;
				text-indent: -1000em;
				background: url(../images/segem_ico_04.gif) left top no-repeat;
			}
			
			div#contenido div#textos div.texto ul.listado_opciones li.gesplayas { background: none; width: 186px;}
			
			div#contenido div#textos div.texto ul.listado_opciones li.gesplayas a{ 
				display: block;
				width: 186px;
				height: 102px;
				text-indent: -1000em;
				background: url(../images/segem_ico_05.gif) left top no-repeat;
			}
			
			div#contenido div#textos div.texto ul.listado_opciones li.reacondicionamiento { background: none; width: 186px;}
			
			div#contenido div#textos div.texto ul.listado_opciones li.reacondicionamiento a{ 
				display: block;
				width: 186px;
				height: 102px;
				text-indent: -1000em;
				background: url(../images/segem_ico_03.gif) left top no-repeat;
			}
			
			div#contenido div#textos div.texto ul.listado_opciones li.contingencia { background: none; width: 186px;}
			
			div#contenido div#textos div.texto ul.listado_opciones li.contingencia a{ 
				display: block;
				width: 186px;
				height: 102px;
				text-indent: -1000em;
				background: url(../images/segem_ico_02.gif) left top no-repeat;
			}
			
			div#contenido div#textos div.texto ul.listado_opciones li.seauxiliares { background: none; width: 186px;}
			
			div#contenido div#textos div.texto ul.listado_opciones li.seauxiliares a{ 
				display: block;
				width: 186px;
				height: 102px;
				text-indent: -1000em;
				background: url(../images/segem_ico_01.gif) left top no-repeat;
			}
			
			div#contenido div#textos div.texto ul.listado_opciones li.marpol { background: none; width: 186px;}
			
			div#contenido div#textos div.texto ul.listado_opciones li.marpol a{ 
				display: block;
				width: 186px;
				height: 102px;
				text-indent: -1000em;
				background: url(../images/segem_ico_06.gif) left top no-repeat;
			}
			
			
						
			div#contenido div#textos div.texto ul.listado_enlaces {
				width: 565px; 
				margin:0px;
				padding:0px;
			}
			
			div#contenido div#textos div.texto ul.listado_enlaces li.titulo {
				padding-top: 15px;
				padding-bottom: 20px;
				margin-bottom: 10px;
				padding-left: 0px;
				width: 590px;
				clear: left;
				background: none;
				font-weight: bold;
			}
				div#contenido div#textos div.texto ul.listado li span.fecha {
					display: block;
					font-family: verdana;
					font-size: 11px;
					color: #999999;	
				}
				
				div#contenido div#textos div.texto ul.listado li a {
					text-decoration: none;
					color: #003366;	
				}
				
				div#contenido div#textos div.texto ul.listado li a:hover {
					text-decoration: underline;
					color: #77787b;
				}
				
				div#contenido div#textos div.texto ul.listado_enlaces li {
					padding-top: 15px;
					padding-bottom: 20px;
					margin-bottom: 10px;
					padding-left: 30px;
					background: url(../images/bullet.png) left 4px no-repeat; 
				}
			
				div#contenido div#textos div.texto ul.listado_enlaces li.captura {
					position: relative;
					padding:0px;
					margin-top: 0px;
					margin-bottom: 20px;
					margin-left: 0px;
					margin-right: 80px;
					width: 200px;
					height: 190px;
					float: left;
				}
			
					div#contenido div#textos div.texto ul.listado_enlaces li.captura span {
						position: absolute;
						display: block;
						left: 0px;
						top: 155px;
						width: 200px;
						line-height: 14px;
						font-size: 10px;
						cursor: default;
					}
					
					div#contenido div#textos div.texto ul.listado_enlaces li.captura a {
						position: absolute;
						display: block;
						left: 204px;
						top: 111px;
						width: 32px;
						height: 39px;
						text-decoration: none;
						text-indent: -1000em;
						font-size: 10px;
						background: url(../images/enlace_icono.gif) center center no-repeat;
					}
					
					div#contenido div#textos div.texto ul.listado_enlaces li.captura a:hover {
						text-decoration: none;
					}
				
			div#contenido div#textos div.texto ul.contacto {
				margin-left: 20px;
				background: url(../images/contacto_iconos.png) left top no-repeat;
			}
				div#contenido div#textos div.texto ul.contacto li {
					height: 20px;
					line-height: 20px;
					padding-left: 25px;
				}
					div#contenido div#textos div.texto ul.contacto li a {
						text-decoration: none;
						color: #003366;
					}
					
					div#contenido div#textos div.texto ul.contacto li a:hover {
						text-decoration: underline;
						color: #77787b;
					}
	
	/* Lateral con noticias 
	
	div#contenido div#lateral {
		float: right;
		width: 260px;
		margin-right: 45px;
		.margin-right: 25px;
		background: #ececec url(../images/esq_dersup.png) left top no-repeat;
	}
		div#contenido div#lateral div.titulo {
			margin-left: 36px;
			padding-top: 11px;
			font-family: verdana;
			font-size: 11px;
			font-weight: bold;
			color: #77787b;
			background: #ececec url(../images/esq_izqsup.png) right top no-repeat;
		}
			body#segem div#contenido div#lateral div.titulo 		{ color: #37b8d1;}
			body#botamavi div#contenido div#lateral div.titulo 		{ color: #ff6633;}
			
			div#contenido div#lateral div.titulo span {
				color: #003366;
				padding-left: 14px;
				background: url(../images/separador_noticias.png) 7px center no-repeat;
			}
		
		div#contenido div#lateral div.noticias {
			background: url(../images/esq_derinf.png) left bottom no-repeat;
		}

			div#contenido div#lateral div.noticias ul {
				margin:0;
				padding:26px 36px 26px 36px;
				background: url(../images/esq_izqinf.png) right bottom no-repeat;
			}
			
				div#contenido div#lateral div.noticias ul li {
					font-size: 9px;
					color: #003366;
					list-style: none;
					padding-bottom: 15px;
					margin-bottom: 10px;
					background: url(../images/puntos_noticias.png) left bottom repeat-x;
				}
					div#contenido div#lateral div.noticias ul li a {
						text-decoration: none;
						color: #003366;
					}
					div#contenido div#lateral div.noticias ul li a:hover {
						text-decoration: underline;
						color: #77787b;
					}
	*/
	
	/* Lateral con fotos */
	div#contenido div#lateral {
		position: relative;
		float: right;
		height: 382px;
		width: 260px;
		margin-right: 45px;
		
		/* Si, si queremos que se vea bien en explorer, hack al instante */
		.margin-right: 25px;
		
		text-indent: -1000em;
	}
		/* A continuacion todos los fondos aplicados como clases */
		.lateral_medioambiente 		{ background: url(../images/lateral_medioambiente.jpg) left top no-repeat;}
		.lateral_organigrama 		{ background: url(../images/lateral_organigrama.jpg) left top no-repeat;}
		.lateral_noticias 			{ background: url(../images/lateral_noticias.jpg) left top no-repeat;}
		.lateral_contacto 			{ background: url(../images/lateral_contacto.jpg) left top no-repeat;}
		.lateral_puertos 			{ background: url(../images/lateral_puertos.jpg) left top no-repeat;}
		.lateral_inicio 			{ background: url(../images/lateral_inicio.jpg) left top no-repeat;}
		.lateral_segem 				{ background: url(../images/lateral_segem.jpg) left top no-repeat;}
		.lateral_botamavi 			{ background: url(../images/lateral_botamavi.jpg) left top no-repeat;}
	
	div.lateral_logos {
		position: absolute;
		left: 0px;
		top: 400px;
		width: 260px;
		height: auto;
		margin-bottom: 20px;
		text-align: center;
		text-indent: 0em;
		clear: left;
		
	}
	
div#pie {
	position:absolute;
	display: none;
	width:100%;
	/* 750px del ancho del layout menos 20px del padding */
	height: 20px;
	color: #fff;
	bottom:0;
	/* lo encajamos al fondo de todo */
	background:#006699;
}


/* Estilos para el formulario de curriculum */

form table.formulario {
	margin-bottom: 30px;
	margin-top: 10px;
}

form ul.formulario {
	position: relative;
	margin:0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:0;
}
	form ul.formulario li {
		position: relative;
		margin-left: 263px;
		_margin-left: 260px;
		width: 250px;
		float: none;
		height: 48px;
	}
	
	form ul.formulario li.izquierda {
		margin-left: 0px;
		float: left;
	}

	form ul.formulario li.largo {
		width: 500px;
		margin-left: 0px;
		float:none;
	}
	
	form ul.formulario li.texto {
		width: 500px;
		margin-left: 0px;
		height: 124px;
		float:none;
	}
	
		form ul.formulario li label {
			position: absolute;
			left: 0px;
			top: 0px;
			height: 24px;
			line-height: 24px;
			width: 245px;
		}
		
		form ul.formulario li.largo label, form ul.formulario li.texto label {
			width: 500px;
		}
		
		form ul.formulario li input.texto {
			position: absolute;
			left: 0px;
			top: 24px;

			height: 16px;
			width: 247px;
			margin:0;
			padding:2px;
			border: 1px solid #003366;
		}
		
		form ul.formulario li input.requerido {
			border: 1px solid #cc0000;
			background:#FEE;
			
		}
		
		form input.itext {
			height: 16px;
			margin:0;
			padding:2px;
			border: 1px solid #003366;
		}
		
		form ul.formulario li.largo input.texto {
			width: 510px;
		}
		
		form ul.formulario li.texto textarea {
			position: absolute;
			left: 0px;
			top: 24px;
			width: 510px;
			height: 100px;
			border: 1px solid #003366;
		}
		
		form div.clausula { 
			font-size: 9px; 
			color: #777;
			text-align: justify;
			border: 1px solid #ccc;
			padding:10px;
			background: #eee;
		}
			form div.clausula a{
				color: #777;
				font-size: 9px;
				font-weight: bold;
				text-decoration: none;
			}
		
		form div.clausula label {
			position: relative;
			display: block;
			height: 24px;
			line-height: 24px;
			font-size: 11px;
			font-weight: bold;
			padding-left: 20px;
			color: #003366;
		}
			form div.clausula label input {
				position: absolute;
				left: 0;
				top: 2px;
			}
		
		form input.enviar_curriculum {
			margin:0;
			margin-top: 20px;
			padding:0;
			width: 110px;
			height: 35px;
			border: 0px none;
			background: url(../images/enviar_solicitud.gif) left top no-repeat;
			cursor: pointer;
			
		}
		
		form input.cancelar {
			margin:0;
			margin-top: 20px;
			padding:0;
			width: 110px;
			height: 35px;
			border: 0px none;
			background: url(../images/cancelar.gif) left top no-repeat;
			cursor: pointer;
			
		}
		
		a.enviaCurric{
			text-decoration: none;
			font-weight: bold;
			color: #006699;
		}


		/* Configuramos el campo upload del formulario */

		form ul.formulario li.fotografia {
			position: absolute;
			display: block;
			left: 530px;
			_left: 280px;
			top: 50px;
			width: 150px;
			height: 190px;
			margin:0;
			padding:0;
			background: #fff url(../images/enviar_foto_fondo.gif) left top no-repeat;
		}
			form ul.formulario li.fotografia div.upload {
			   position: absolute;
			   display: block;
			   left: 20px;
			   top: 155px;
			   width: 110px;
			   height: 35px;
			   overflow:hidden;
			   background: url(../images/enviar_foto.gif) left top no-repeat;
			   clip:rect(0px, 110px, 35px, 0px );
			}  
			
			form ul.formulario li.fotografia div.upload input {
			   position: absolute;
			   left: auto;
			   right: 0px;
			   top: 0px;
			   margin:0;
			   padding:0;
			   height: 35px;
			   filter: Alpha(Opacity=0);
			   -moz-opacity: 0;
			   opacity: 0;
			}
/* Fin del formulario de curriculum */


/* Organigrama BOTAMAVI */
ul.organigrama {
	margin:0;
	padding:0;
	width: 630px;
}

	ul.organigrama li {
		margin-bottom: 20px; 
		height: 122px;
		width: 305px;
		float: left;
	}
	
	ul.organigrama li.impar {
		margin-right: 20px;
	}
	
		ul.organigrama li div.foto {
			float: left;
			display: block;
			width: 90px;
			height: 120px;
			border: 1px solid #000;
			overflow: hidden;
		}
		
		ul.organigrama li div.nombre {
			margin-left: 100px;
			font-weight: bold;
			color: #003366;
		}
		
		ul.organigrama li div.puesto {
			margin-left: 100px;
			font-weight: bold;
			font-size: 10px;
			line-height: 16px;
			color: #006699;
		}
		
		ul.organigrama li div.telefono {
			margin-left: 100px;
			font-weight: bold;
			font-size: 10px;
			line-height: 16px;
			color: #666666;
		}
		
		ul.organigrama li a {
			margin-left: 8px;
			
			padding-top:2px;
			font-weight: normal;
			font-size: 10px;
			text-decoration: none;
			color: #003366;
			line-height: 16px;
			/* padding-left: 20px;
			background: url(../images/mail.gif) left 3px no-repeat;*/
		}


/* Fin del organigrama */

/* Video */
div.video {
	position: relative;
	padding-left: 100px;
}

	div.video div.flashvideo {
		/*position: absolute;
		display: block;
		left: 50%;
		padding-left: -240px; 
		width: 480px; border: 2px solid #cc0000;*/
	}

/* Fin del video */

/* Inicio del paginador de noticias */
ul.paginador {
	margin:0;
	margin-top: 10px;
	padding: 0;
}

ul.paginador_top { height: 20px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}

	ul.paginador li {
		float: left;
		border: 1px solid #003366;
		margin-left: 5px;
	}
	
	ul.paginador li.txt {
		border: 0px none;
		margin-left: 10px;
	}
	
	ul.paginador li.primero {
		margin-left: 10px;
	}
	
	ul.paginador li.ultimo {
		margin-right: 0px;
	}
	
	ul.paginador li a, ul.paginador li span {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		font-size: 11px;
		text-decoration: none;
		color: #003366;
	}
	
	ul.paginador li a:hover { background: #0D7B8C; color: #fff;}
	
	ul.paginador li span {
		color: #fff;
		background: #003366;
		cursor: default;
	}
	
	ul.paginador li.txt a {
		display: inline;
		width: auto;
		height: 20px;
		line-height: 20px;
		text-align: left;
		font-size: 11px;
		text-decoration: none;
		color: #003366;
	}
	
	ul.paginador li.txt span {
		display: block;
		_display: inline-block;
		width: auto;
		height: 20px;
		line-height: 20px;
		text-align: left;
		font-size: 11px;
		text-decoration: none;
		color: #aaa;
		background: none;
	}
	
	ul.paginador li.txt a:hover { color: #0D7B8C; background: none;}





/* Fin del paginador de noticias */

/* Para las ventanas modales */
#jDialogOverlay {
	background:#000;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index:1000;
	display:none;
}

div.ventanaModal {
	background:#fff;
	text-align:left;
	width:580px;
	height: 436px;
	float:left;
	position:relative;
	padding:6px 0;
	z-index:1001;
	display:none;
}

div.ventanaModalG {
	background:#fff;
	text-align:left;
	width:740px;
	height: 536px;
	float:left;
	position:relative;
	padding:6px 0;
	z-index:1001;
	display:none;
}

div.ventanaModalI {
	background:#fff;
	text-align:left;
	width:811px;
	height: 576px;
	float:left;
	position:relative;
	padding:6px 0;
	z-index:1001;
	display:none;
}

div.ventanaVideo {
	background:#fff;
	text-align:left;
	width:500px;
	height: 466px;
	float:left;
	position:relative;
	padding:6px 0;
	z-index:1001;
	display:none;
}
	div.ventanaModal a.close, div.ventanaVideo a.close, div.ventanaModalG a.close, div.ventanaModalI a.close {
		position: absolute;
		top: 10px;
		left: auto;
		right: 17px;
		width: 63px;
		height: 26px;
		text-indent: -1000em;
		background: url(../images/close.gif) center center no-repeat;
	}
	
	div.ventanaModal iframe {
		position: absolute;
		left: 10px;
		top: 46px;
		width: 560px;
		height: 390px;
		background: #eee;
	}
	
	div.ventanaModalG iframe {
		position: absolute;
		left: 10px;
		top: 46px;
		width: 720px;
		height: 490px;
		background: #eee;
	}
	
	div.ventanaModalI iframe {
		position: absolute;
		left: 10px;
		top: 46px;
		width: 791px;
		height: 530px;
		background: #eee;
	}
	
	div.ventanaModal div.obras {
		position: absolute;
		display: block;
		left: 10px;
		top: 46px;
		width: 560px;
		height: 390px;
		text-indent: -1000em;
		background: #eee url(../images/obras.jpg) center center no-repeat;
	}
	
	div.ventanaVideo iframe {
		position: absolute;
		left: 10px;
		top: 46px;
		width: 480px;
		height: 420px;
		background: #eee;
	}
	
	div.ventanaModal div.cntnt {
		position: absolute;
		left: 10px;
		top: 46px;
		width: 560px;
		height: 390px;
		background: #eee;
		overflow: auto;
	}
		div.ventanaModal div.cntnt p {
			color: #666666;
			margin-bottom: 15px;
			line-height: 16px;
			text-align: justify;
		}

/* Fin de las ventanas modales */


/* Varios */
a.masinfo {
	text-decoration: none;
	font-weight: bold;
	color: #006699;
}

a.enlace {
	text-decoration: none;
	color: #003366;
}

a.enlace_doc {
	padding:4px;
	padding-left: 20px;
	background: url(../images/ico_docs.gif) left center no-repeat;
}

a.enlace_video {
	padding:4px;
	padding-left: 20px;
	background: url(../images/ico_videos.gif) left center no-repeat;
}

/* Fin de Varios */



/* CSS para LightBox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}