/*---------- Para resetear los valores del navegador -----------*/
		html * {  margin: 0; padding: 0; border: 0; }
		html,body {margin: 0px 0px 0px 0px;}
		a img, :link,:visited {text-decoration: none; border: none; color: #FF6600;}
		title{ border-color: #ff6600; background-color: Blue; color:red;}
		form {}
/*---------- Valores Generales -----------*/
		h2{ font-size: 14px;}
		.estilo1, .resaltado, .resaltadoplus {color:#ff6600;}
		.estilo2{color:#4D4D4D;}
		
		.resaltadoplus {font-weight:bold;}
		.resaltadoplus2 {font-weight:bold; color:#003163;}			
		ul li {list-style:none;}
		.foto{font-family: Lucida Sans Unicode; font-size: 10px;}	
		.co2{font-family: Lucida Sans Unicode; font-size: 8px;}
		.mapa{font-family: Lucida Sans Unicode; font-size: 11px;}
		
/*---------- Estructura Principal -----------*/

		#contenedor_principal{ width: 985px;  color: #003163; margin: 0 auto; font-family: Lucida Sans Unicode; font-size: 11px;}

/*---------- Opciones Superiores -----------*/		

		#opciones_superior{ padding: 5px 10px 0px 0px;  height: 22px; color:#909090; text-align:right;}
		#opciones_superior input{ height: 12px; font-size:10px;  border: 1px; border-color: Gray; border-style: solid;}
		#opciones_superior a{color:#909090;}
		
/*---------- Caja Izquierda -----------*/	

		#caja_izquierda{width: 295px; float: left;}
		#caja_izquierda #textos{padding: 0px 35px 0px 40px;}
		
		#menu{background-color: #FEFBF0; text-align: left; margin: 0px 40px 0px 30px;}
		#menu ul li{list-style: url(../imagenes/img_triangulo1.gif); list-style-position: inside; background-image: url(../imagenes/linea_menuizq.gif); background-repeat: no-repeat;}		
		#menu ul li a{color:#003163; }
		#menu ul li a:hover, div#menu ul li a.activo{color:#FF6600;}
		#menu ul ul li{list-style-image:none; padding-left:11px; background:#FFF8DF; background-image: url(../imagenes/linea_menuizq.gif); background-repeat: no-repeat;}		

/*---------- Caja Derecha -----------*/	

		#linea { text-align:right; padding-right:40px;}
		#contenedor_derecho{width:660px; float:left; padding-right:20px;  padding-top:15px; overflow: hidden;}
		/*--- el siguiente contenedor es el mismo que el anterior pero incluye el ancho del contenedor izquierdo, usado en sercvicios.htm----*/
		#contenedor_derecho_extendido{width:800px; float:left; padding-right:70px;  padding-top:15px; margin-left:15px; padding-left:50px; background: #FEFBF0; }		
		#caja_derecha{width:690px; height:154px; background:url(../imagenes/img_cabecera02.gif) no-repeat top; float: left;}
		#caja_derecha_empleo{width:690px; height:154px; background:url(../imagenes/img_cabecera_empleo02.gif) no-repeat top; float: left;}
		#caja_derecha_comunicacion{width:690px; height:154px; background:url(../imagenes/img_cabecera_comunicacion02.gif) no-repeat top; float: left;}
		#caja_imagen_fondo_derecha{width:690px; height:34px; background-image:url(../imagenes/fondo_derecho01.gif); background-repeat:no-repeat; float:left;}
		#caja_imagen_fondo_derecha p { padding:10px 0 0 50px;}		
				
		#caja_derecha ul { float: left; display: inline; margin: 0px 0px 0 0; padding:116px 0px 0 55px; text-align:center;}
		#caja_derecha ul li { display: inline; font-size: 11px;}
		#caja_derecha ul li a { float: left; display: block; color: #003163; text-decoration: none; padding: 15px 0px 0px 0px;  margin: 0 0px 3px 0px;}
		#caja_derecha ul li img { float: left; display: inline; color: #003163; text-decoration: none; padding: 5px 5px 3px 2px;  margin: 0 3px 10px 5px;}
		#caja_derecha ul li a:hover, div#caja_derecha ul li a.activo { color: #003163; border-bottom: solid 1px #FF6600; }		
		
		#caja_derecha_empleo ul { float: left; display: inline; margin: 0px 0px 0 0; padding:116px 0px 0 55px; text-align:center;}
		#caja_derecha_empleo ul li { display: inline; font-size: 11px;}
		#caja_derecha_empleo ul li a { float: left; display: block; color: #003163; text-decoration: none; padding: 15px 0px 0px 0px;  margin: 0 0px 3px 0px;}
		#caja_derecha_empleo ul li img { float: left; display: inline; color: #003163; text-decoration: none; padding: 5px 5px 3px 2px;  margin: 0 3px 10px 5px;}
		#caja_derecha_empleo ul li a:hover, div#caja_derecha_empleo ul li a.activo { color: #003163; border-bottom: solid 1px #FF6600; }		
		
		#caja_derecha_comunicacion ul { float: left; display: inline; margin: 0px 0px 0 0; padding:116px 0px 0 55px; text-align:center;}
		#caja_derecha_comunicacion ul li { display: inline; font-size: 11px;}
		#caja_derecha_comunicacion ul li a { float: left; display: block; color: #003163; text-decoration: none; padding: 15px 0px 0px 0px;  margin: 0 0px 3px 0px;}
		#caja_derecha_comunicacion ul li img { float: left; display: inline; color: #003163; text-decoration: none; padding: 5px 5px 3px 2px;  margin: 0 3px 10px 5px;}
		#caja_derecha_comunicacion ul li a:hover, div#caja_derecha_comunicacion ul li a.activo { color: #003163; border-bottom: solid 1px #FF6600; }		
		
		#caja_contenido_textos{ width: 620px; margin: 0px 20px 0px 20px; padding-left: 20px; background-color: #FEFBF0;  }
		#caja_contenido_izquierda{ width: 280px; margin: 0px 0px 0px 0px; padding:0px 20px 0px 40px; float:left;  background-image: url(../imagenes/20PX.gif); background-repeat: repeat-y;}
		#caja_contenido_derecha{ width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; float:left; }
		#caja_contenido_textos_blanco{ width: 620px; margin: 0px 20px 0px 20px; padding-left: 20px; background-color: #FFF;  }		
		#caja_contenido_izquierda_blanco{ width: 280px; margin: 0px 0px 0px 0px; padding:0px 20px 0px 40px; float:left; background-color: #FFFFFF; background-image: url(../imagenes/20PX.gif); background-repeat: repeat-y;}
		#caja_contenido_derecha_blanco{ width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; float:left; background-color: #FFFFFF;}
		#caja_contenido_izquierda_amarillo{ width: 280px; margin: 0px 0px 0px 0px; padding:0px 20px 0px 40px; float:left; background-color: #FEFBF0; background-image: url(../imagenes/20PX.gif); background-repeat: repeat-y;}
		#caja_contenido_derecha_amarillo{ width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; float:left; background-color: #FEFBF0;}
		
/*---------- Historia  -----------*/	

		#menu_historia ul li{list-style: url(../imagenes/img_flecha.gif); list-style-position: inside; }		

/*---------- Pie de Pagina -----------*/	

		#pie{height: 22px; padding: 5px 10px 0px 0px; color:#909090; text-align:right; font-family: Lucida Sans Unicode; font-size: 10px;}

/*---------- Pie de Pagina -----------*/	
		
/*---------- cuadros desplegables------------*/

		.comment {display:none;}
		.comment1 {display:none;}
		.comment1 h4 {padding-left:10px; background:url(../img/li_areas.gif) 0 12px no-repeat; color:#476B8F;}		

		.cerrar a{ color: #FF6600; text-decoration: none;}
		.cerrar_ie {display:none;}
		span.cerrar_ie { color: #FF6600; background:transparent url(../img/plegar.gif) bottom left no-repeat; padding:5px 0 0px 0px; margin:1em 0;}
		
		h4.desplegables a{color: #003163; font-size:11px; font-weight:normal; padding-bottom:10px;}
		h4.desplegables {padding-bottom:10px;  background:transparent url(../img/desplegar.gif) center right no-repeat; width:490px; padding-right:22px;}
		p.desplegables {padding-left:0px; background:url(../imagenes/li_areas.gif) 0 5px no-repeat;}
		ul.desplegables{list-style: url(../imagenes/img_triangulo.gif); margin:0 0 2px 20px; padding-left:10px; font-size:11px;}
		.desplegables li{list-style: url(../imagenes/img_triangulo.gif); margin-bottom:7px;}
		#historico{width:600px; background:url(../imagenes/img_fondo_historia.gif) top right no-repeat;}
		#historico ul{  margin: 0px 0px 0 0; padding:0px 0px 0 0px; text-align:left; width:600px;}
		#historico ul li{ display:inline; margin:0; padding:0;}
		#historico ul li h4{display:inline; margin:0; padding:0 13px 0 0px;}
		#historico ul li a{font-weight:bold;}
		#historico ul li a:hover{border-bottom:solid 1px #FF6600; color:#FF6600;}
		h4.desplegables2 a{color: #003163; font-size:10px; font-weight:normal; padding-bottom:10px;}
		h4.desplegables2 {padding-bottom:10px;  background:transparent url(../img/desplegar.gif) center right no-repeat; width:468px; padding-right:22px;}
		.desplegables2 li{list-style: url(../imagenes/img_triangulo.gif); margin-bottom:7px;}		
		.pulsar/* a a:link a:hover a:visited*/{font-size:9px; font-weight:normal; color:#1D5F9F;}	

/*-------------- mosaico ---------------------------*/		
		
		div#mosaico{padding:0px; width:925px; text-align:center;}
		div#mosaico p.foto { text-align: left; margin: 5px 0 10px 0; padding: 0px 0 10px 0; }
		div#mosaico p.foto img { padding: 0; margin: 0; }
		div#mosaico p.piefoto { text-align: right; color: #003163; font-size: 11px; padding: 0 0 5px 0; }
		div#servicios {float:left; text-align:center; width:192px; padding-left: 10px; margin-right:10px; margin-left: 10px;}
		div#servicios2 {float:left; text-align:center; width:180px; margin-right:25px;}
		div#servicios3 {text-align:left; width:265px; padding: 10px 10px 10px 10px; margin-right:10px; margin-left: 10px; margin-bottom: 10px;}
		div#servicios3b {text-align:left; width:200px; padding: 10px 10px 10px 10px; margin-right:10px; margin-left: 10px; margin-bottom: 10px;}
		div#servicios3c {text-align:left; width:400px; padding: 10px 10px 10px 10px; margin-right:10px; margin-left: 10px; margin-bottom: 10px;}
		div#servicios3d {text-align:left; width:190px; padding: 0px 0px 0px 0px; margin-left:10px; margin-bottom: 10px; float:left;}
		div#servicios3e {text-align:left; width:170px; padding: 0px 0px 0px 0px; margin-left:10px; margin-bottom: 10px; float:left;}
		div#servicios4{float:left}
		div#servicios4b{float:left; width:440px;}
		div#servicios p {font-size:11px; text-align:left;}				

/*--------------- lista de artículos.htm --------------------------*/
		
		#lista_articulos ul{  margin: 0px 0px 0 0; padding:0px 0px 0 0px; text-align:left;}
		#lista_articulos ul li{list-style: url(../imagenes/img_triangulo.gif); margin:0; padding:0 0 10px 5px;}
		#lista_articulos ul li a{}
		#lista_articulos ul li a:hover{color:#FF6600;}
		#lista_articulos .archivo_kb {font-size:9px; font-weight:normal; color:#1D5F9F;}			
		
		
/*---------- formulario----------------*/
		
		form { width:546px;}
		#formulario{ overflow:hidden; padding:10px 20px 10px 5px; width:545px; border: solid #FF822F 1px; color:#003163; background: #FFFFFF;}
		#formulario table { margin:0; padding:0;}
		#formulario td {padding-top:5px;}
		#formulario td.enviar {text-align:center; vertical-align:middle; height:20px;}
		#formulario p.info{ font-size:11px; margin:10px 5px 10px 0 ;}
		#formulario .boton {background:#003163 url(../imagenes/bg_enviar.jpg) no-repeat; width: 52px; height: 20px; margin: 0 0 20px 0; cursor: pointer;}
		#formulario .textbox {height:1.5em; font-size: 11px; color:#003163; background-color: #ffffff; border: #003163 solid 1px; padding:0 0 2px 0;}
		#formulario .textarea { font-family: "Lucida Sans Unicode"; color: #003163; height: 10em; font-size: 11px; color:#003163; background-color: #ffffff; border: #003163 solid 1px; padding:0 2px 0 0px;}
		#formulario ul li {list-style: circle; padding: 0 0 3px 0; }
		#formulario ul{margin:0 0 0 30px;}
		
/*---------- Nueva Index ----------------*/		

		#contenedor_central{width:925px; float:left; padding-right:20px; padding-left: 20px;  padding-top:15px; overflow: hidden;}
		#caja_contenidocentral_textos{ width: 885px; margin: 0px 20px 0px 20px; background-color: #FEFBF0;;  }
		html:not([lang*=""]) #caja_contenidocentral_textos{width:925px; }
		
		
/*---------- ¿Quienes somos? flechas ----------------*/

		#caja_flechas{ width: 570px; height: 120px;  background-image: url(../imagenes/flechas.jpg); background-repeat: no-repeat;}
		#caja_flechas_textos{ width: 85px; height: 95px; float: left; font-family: Lucida Sans Unicode; font-size: 10px;  color:#ff6600; text-align: left; padding-top: 25px; padding-left: 25px;}
		#caja_flechas_textos2{ width: 84px; height: 95px; float: left; font-family: Lucida Sans Unicode; font-size: 10px; color:#ff6600; text-align: left; padding-top: 25px;  padding-left: 5px;}
		
