/* -------------   RESET   --------------------*/

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, /*form, input, legend, fieldset,*/ object, embed, param{
 margin:0;
 padding:0;
 border:0;
}

ul li, ol li{list-style-type:none;}

img, fieldset{
 border:0;
}



/* -------------   ESTILOS GENERALES   -----------*/


body{
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	background:#6A6A6A url(images/bg_body.jpg) repeat-x 0 0;
}


.ocult{display:none;}

.limpia{
	float:none;
	display:block;
	clear:both;
}


a{color:#FFFFFF;
	text-decoration:underline;
	}
		
a:hover{
	color:#999999;
}	

/*hr{
  height:1px;
  border:0;
  border-top: 1px dotted #999999;
  }
*/

h1{
	font:normal 18px/25px Verdana, Arial, Helvetica, sans-serif;
	display:none;
}

h2{
	font:normal 13px/25px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	}
	
	h2.tit_empresa{
		margin:65px 25px 0 25px;
		_margin:65px 15px 15px 7px;
		width:280px;
		float:left;
		color:#ffffff;
		}
	
	h2.tit_trayectoria{
		margin:210px 25px 0 25px;
		_margin:200px 7px 15px 7px;
		width:645px;
		color:#ffffff;
		float:left;
		}
		
	h2.tit_sig{
		margin:65px 15px 0 0;
		_margin:65px 15px 15px 7px;
		width:360px;
		float:right;
		color:#333333;
		}
	
	h2.tit_rsc{
		margin:65px 35px 0 0;
		_margin:65px 15px 15px 7px;
		width:390px;
		float:right;
		color:#ffffff;
		}
	

h3{
	color:#3D3C3A;
	font: normal 18px/26px Verdana, Arial, Helvetica, sans-serif;
	margin-left:25px;}

h4{
	font:normal 14px/17px Verdana, Arial, Helvetica, sans-serif;
	display:none;
}

p.derecha{
	float:right;
	text-align:right;
	height:auto;
}

.floatLeft{float:left;}

.floatRight{float:right;}

.txt_grande{font-size:15px;}

.white{color:#ffffff;}
.black{color:#3D3C3A;}
.orange{color:#FEA101;}
.green{color:#00A2B1;}


/* -------------   FIN ESTILOS GENERALES   -----------*/

/* -------------   CAPA WEB - GENERAL   -----------*/

#web{
width:990px;
height:auto;
overflow:hidden;
margin:0 auto;
/*background-color: #3D3C3A;*/
}

	/* Cabecera*/
	
	#web div#cabecera{
	width:100%;
	height:148px;
	margin:0 auto;
	background:url(images/bg_cab.jpg) repeat-x 0 0;
	
	}

		div#cabecera div#logo{
		width:237px;
		height:115px;
		background: url(images/logo.jpg) no-repeat 0 0;
		float:left;
		}

		div#cabecera div#mensaje{
		/*width:790px;*/
		height:115px;
		_margin-top:-4px;
		float:right;
		}

		div#cabecera div#menu{
		width:990px;
		height:33px;
		float:left;
		background:url(images/bg_menu.jpg) repeat-x  0 0;
		}

		
			/* NAVEGACION PRINCIPAL */
			
			
			div#menu ul#nav{
			margin: 7px 0 0 0;
			padding: 0;
			list-style-type: none;
			height:34px;
			position:absolute;
			z-index:10000000;
			}
			
				/*Top level list items*/
				div#menu ul#nav li{
				position: relative;
				display: inline;
				}
			
					/*Top level menu link items style*/
					div#menu ul#nav li a{
					/*width: 90px; Width of top level menu link items*/
					width:auto;
					text-decoration: none;
					padding:10px 15px 9px 15px;
					*padding:11px 15px 8px 15px;
					_padding:11px 15px 8px 15px;
					font: bold 12px/21px Verdana, Arial, Helvetica, sans-serif;
					color: #ffffff;					
					}
					
					div#menu ul#nav li a:hover{
						background:#FFA101 url(images/bg_menu_on_static.jpg) repeat-x 0 0;
						/*background: url(images/bg_menu_inf.jpg) no-repeat top left;*/
						color: #ffffff;
					}
				
						/*1st sub level menu*/
						div#menu ul#nav li ul{
						left: 0;
						position: absolute;
						margin-top:8px;
						*margin-top:0px;
						_margin-top:0px;
						top: 1em; /* no need to change, as true value set by script */
						display: block;
						visibility: hidden;
						z-index:15000000;
						background: url(images/bg_menu_gris.jpg) repeat-y 0 0;
						border-bottom:2px solid #999999;
						/*background: #ffffff url(images/bg_menu_paper.jpg) no-repeat bottom left;*/
						}
						
							/*Sub level menu list items (undo style from Top level List Items)*/
							div#menu ul#nav li ul li{
							display: list-item;
							float: none;
							_border-bottom:1px solid #dadada;
							_border-top:0;
							}
					
			/*All subsequent sub menu levels offset after 1st level sub menu */
			div#menu ul#nav li ul li ul{ 
			left: 170px; /* no need to change, as true value set by script */
			_left: 170px;
			top: -10px;
			*top:-2px;
			_top:-2px;
			width:auto;
			border-top:2px solid #cccccc;
			}
			
			
			
			/* Sub level menu links style */
			div#menu ul#nav li ul li a{
			display: block;
			width: 183px; /*width of sub menu levels*/
			color: #333333;
			font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 8px 15px;
			/*background-color: #f2f2f2;*/
			border-right: none;
			}
			
			
			
			div#menu ul#nav li ul li ul li a:hover{
			/*background:url(images/bg_menu.jpg) repeat-x 0 0;;*/
			background-color:#dedede;
			color: #fff;
			}
			
			/*Background image for top level menu list links */
			div#menu .mainfoldericon{
			background:none;
			margin:0 -3px 0 -4px;
			_margin-left:0;
			}
			
				div#menu .mainfoldericon:hover{
					background:url(images/bg_menu_on_static.jpg) no-repeat  4px 0;
					_background:url(images/bg_menu_on_static.jpg) no-repeat  0 0;
				}
			
			/*Background image for subsequent level menu list links */
			div#menu .subfoldericon{
			background: url(images/bg_menu_gris_arrow.jpg) no-repeat 0 0;
			}
			
			
				
			/* Holly Hack for IE \*/
			/*
			* html div#menu ul li { float: none; height:1%;}
			* html div#menu ul li a { height:1%;}*/
			/* End */			

/* -------------- CONTENIDO -------------------*/

#web div#contenido{
width:990px;
height:auto;
overflow:hidden;
float:left;
/*margin:-16px auto 0 auto;*/
background:#3D3C3A url(images/bg_bullet.gif) repeat-y 0 0;
}


#web div#contenido_index/*Inicio*/{
width:990px;
height:372px;
background: #3D3C3A url(images/bg_contenido.jpg) no-repeat 0 0;
margin:0 auto;
/*margin-top:-16px;*/
}

	div#contenido_index a, div#contenido_index a:hover, div#pie ul li a, div#pie ul li a:hover/*Inicio*/{
	color:#fff;
	text-decoration:none;
	}
	
	
	div#contenido div#cont_xl{
		margin-top:10px;
		padding: 15px 25px;
		background-color:#3D3C3A;
		
	}
	
	div#contenido div#contizq{
		width:690px;
		height:auto;
		float:left;
		
	}

	
	div#contenido_index div#contizq_index /*Inicio*/{
		width:620px;
		height:372px;
		float:left;
	}
	
		div#contizq_index div#fotoprincipal/*Inicio*/{
			width:600px;
			_width: 555px;
			height:350px;
			padding:10px 0 10px 45px;
			}
			
			/*div#contizq_index div#fotoprincipal img{height:350px; width:526px;}Inicio*/
			
			/*div#contizq_index div#destacamosInicio{
			width:120px;
			height:50px;
			float:left;
			margin-top:10px;
			_margin-top:4px;
			padding-left:5px;
			background: url(images/destacamos.gif) no-repeat 5px 0 ;
			}*/
			
				/*div#contizq_index div#tit_destacadoInicio{
				width:408px;
				height:auto;
				float:left;
				}
				
					div#tit_destacado p {
					font-size:11px;
					color:#fff;
					text-align:left;
					padding:15px 10px 10px 10px;
					_padding:10px;
					}
					
					div#tit_destacado p a{
					font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
					}*/
		
		
		div#contizq div#galeria{
		width:620px;			
		_width: 555px;
		height:450px;
		z-index:5;
		margin:10px 0 10px 35px;
		display: none;
		}
		
			div#contizq div#galeria a{
				color:#ffffff;
			}
			
		div#cont_xl div#galeria_interior{
		width:900px;			
		_width: 835px;
		height:500px;
		z-index:5;
		margin:10px 0 10px 22px;
		display: none;
		}

		/*div#contizq div#informacion{
		width:650px;
		height:auto;
		overflow:hidden;
		margin-left:20px;
		margin-top:40px;
		margin-bottom:40px;
		}

			div#informacion p{
			font-size:12px;
			color:#343331;
			font-weight:normal;
			margin-left:25px;
			margin-right:15px;
			margin-bottom:5px;
			}*/

		div#contizq div#arriba{
		width:690px;
		padding-top:25px;
		_padding-top:45px;
		}

		/*Los class del div arriba deben coincidir con el permalink de la seccion*/
		div#contizq .blanco{_height:450px;min-height:450px;_margin-top:-15px;background:#ffffff url(images/bg_esquina.jpg) no-repeat bottom right;/*border-left:1px solid #3D3C3A*/}
		
		div#contizq .empresa{height:383px;background:url(images/secciones/bg_empresa.jpg) no-repeat 0 0;}
		div#contizq .trayectoria{height:418px;background:url(images/secciones/bg_trayectoria.jpg) no-repeat 0 0;}
		div#contizq .sig{height:389px;background:url(images/secciones/bg_sig.jpg) no-repeat 0 0;}
		div#contizq .rsc{height:389px;background:url(images/secciones/bg_rsc.jpg) no-repeat 0 0;}
		div#contizq .valores{height:431px;background:url(images/secciones/bg_valores.jpg) no-repeat 0 0;}
		div#contizq .localizacion{height:734px;background:url(images/secciones/bg_localizacion.jpg) no-repeat 0 0;}
		div#contizq .mantenimiento{height:376px;background:url(images/secciones/bg_mantenimiento.jpg) no-repeat 0 0;}		
		
		div#contizq .proy_int{height:404px;background:url(images/fondo_calidad.jpg) no-repeat 0 0;}
		
		
		div#contizq .blanco a{color:#3D3C3A;}
		div#contizq .blanco a:hover{color:#999999; text-decoration:underline;}
		
			/*div#arriba div#nav_util{
			width:690px;
			height:25px;
			float:left;
			margin-top:15px;
			margin-bottom:10px;
			}

				div#nav_util ul{
				font-size:10px;
				color:#3D3C3A;
				padding-right:15px;
				float:right;
				}
				
					div#nav_util ul li{
					float:left;
					}
					
						div#nav_util ul li a{
						color:#3D3C3A;
						}
				
						div#nav_util ul li.origen{
						text-transform:uppercase;
						font-size:10px;
						color:#3D3C3A;
						}
						
						div#nav_util ul li.actual{
						font-weight:bold;
						font-size:11px;
						}*/

			div#cont_xl{
				color:#FFFFFF;
			}
			
				div#cont_xl p{
					margin-top:10px;
					line-height:18px;
					text-align:justify;
				}
			
			
			
				
			
			div#cont_xl div#seccion{
				margin-left:0;
				float:none;
			}
				
				
				h2.trabajar,
				h2.enlaces,
				h2.noticias,
				h2.actualidad,
				h2.aviso,
				h2.actividad,
				h2.mapa_web,
				h2.acces,
				h2.galeria,
				h2.industrial,
				h2.dotacional,
				h2.deportiva,
				h2.integral,
				h2.mantenimiento,
				h2.clientes,
				h2.area_clientes,
				#privacidad h1{width:665px;
				display:block;
				height:45px;
				margin-bottom:5px;
				_margin-bottom:0;
				margin-left:25px;
				}
				
				h2 span{display:none;}
				
				/*secciones estrechas*/
																
				h2.trabajar{background:url(images/titles/trabajar.gif) no-repeat 0 0;}
				
				h2.enlaces{background:url(images/titles/enlaces.gif) no-repeat 0 0;}
				
				h2.noticias{background:url(images/titles/noticias.gif) no-repeat 0 0;}
				
				h2.actualidad{background:url(images/titles/actualidad.gif) no-repeat 0 0;}
				
				h2.integral{background:url(images/titles/integrales.gif) no-repeat 0 0;}
				
				h2.industrial{background:url(images/titles/Edif_industrial.gif) no-repeat 0 0;}
				
				h2.dotacional{background:url(images/titles/Edif_dotacional.gif) no-repeat 0 0;}
				
				h2.deportiva{background:url(images/titles/Edif_deportiva.gif) no-repeat 0 0;}
				
				
				/*secciones a toda pagina - fondo negro*/
				
				h2.aviso{background:url(images/titles/aviso.gif) no-repeat 0 0;}
				
				h2.actividad{background:url(images/titles/actividad.gif) no-repeat 0 0;}
				
				h2.mapa_web{background:url(images/titles/mapa_web.gif) no-repeat 0 0;}
				
				h2.acces{background:url(images/titles/accesibilidad.gif) no-repeat 0 0;}
				
				h2.galeria{background:url(images/titles/galeria.gif) no-repeat 0 0;}
				
				h2.mantenimiento{background:url(images/titles/mantenimiento.gif) no-repeat 0 0;}
				
				h2.clientes{background:url(images/titles/clientes.gif) no-repeat 0 0;}
				
				h2.area_clientes{background:url(images/titles/area_clientes.gif) no-repeat 0 0;}
				


			
			
			div#arriba div#textos{
			width:675px;
			height:auto;
			margin-left:25px;
			_margin-left:12px;
			}
			
				div#textos p{
				color:#3D3C3A;
				font-size:11px;
				margin-top:10px;
				line-height:18px;
				text-align:justify;
				}

				div#textos img{
				float:right;
				margin-top:10px;
				}

			/*para los proyectos*/
			
			div#arriba div#foto_destacado{
			width:430px;
			height:auto;
			overflow:hidden;
			/*background-color:#3D3C3A; para el pie de proyectos*/ 
			float:right;
			margin-top:15px;
			margin-right: 18px;
			margin-left:10px;
			_margin-right: 9px;
			}

				div#foto_destacado p{
				color:#fff;
				font-size:11px;
				padding:5px 15px;
				}

		
			/*Para las noticias*/
			
			div#arriba div#bloque_negro, div#arriba div#bloque_negro_2{
				width:200px;
				height:285px;
				overflow:hidden;
				background-color:#3D3C3A;
				float:left;
				margin:15px 0 15px 25px;
				_margin: 15px 0 15px 12px;
				color:#FFFFFF;
			}
			
			div#arriba div#bloque_negro_2{height:auto;}
		
				div#arriba div#bloque_negro p, div#arriba div#bloque_negro_2 p{
					color:#ffffff;
					padding:15px;	
					font: italic 13px/18px Verdana, Arial, Helvetica, sans-serif;
				}
				
			
			div#arriba div#noti_cuerpo{
				padding-bottom: 15px;
				text-align:justify;
			}
			
				div#arriba div#noti_cuerpo p{
					padding: 8px 0;
					margin: 0 25px;
					font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
				}
				
			div#arriba div#noti_destacado{
				width:260px;
				height:auto;
				float:right;
			}
			
				div#noti_cuerpo div#noti_destacado p{border-bottom:1px solid #3D3C3A;font-style: italic;}
				
			/* PAGINATION */
			
			
				#contder #pagination, #cont_xl #pagination, #abajo #pagination{
					margin-top:15px;
					width:650px;
					}
					
								
				#contder #pagination ul, #cont_xl #pagination ul, #abajo #pagination ul{
				font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;	
				color:#FFFFFF;
				}
				
					#contder #pagination ul li, #cont_xl #pagination ul li, #abajo #pagination ul li{
						float:left;
						background:none;
						font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;	
						margin:0 1px 0 0;
						padding:0;			
					}
				
				#contder #pagination ul li a, #cont_xl #pagination ul li a, #abajo #pagination ul li a, div#abajo #nav_noti .der a{
				text-align:center;
				font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding: 3px 8px;
				}
				
				#contder #pagination ul li a:hover, #cont_xl #pagination ul li a:hover, #contder #pagination ul li span.current, #cont_xl #pagination ul li span.current, div#abajo #nav_noti .der a, #abajo #pagination ul li a:hover, #abajo #pagination ul li span.current {
					text-align:center;
					font: normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
					text-decoration:none;
					background-color: #FFA101;
					color:#3D3C3A;
					padding: 3px 8px;
				}
				
				div#abajo #nav_noti .der a{color:#3D3C3A; font-weight:bold;}
				
				
					/*#pagination span{
					border:1px solid #003399;padding:3px 6px;
					}
					
					#pagination span.current{
					background-color:#D9E1F0;
					color:#333;
					}
					
					
					#pagination span.recuadro_off{
					border:none;
					} */
				
				
			div#abajo #nav_noti .izq{
				float:left;
			}
			
			div#abajo #nav_noti .der{
				float:right;
			}
			
				div#abajo #nav_noti .der p{font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif;}		
									
		div#contizq div#abajo/*, div#contizq div#abajo2*/{
		/*padding-top:25px;*/
		padding:10px 0;
		color:#ffffff;
		margin-bottom:0;
		background-color:#3D3C3A;
		}
		

			div#abajo ul, div#abajo ul ul, div#textos ul, div#textos ul ul,  div#noti_cuerpo ul, div#noti_cuerpo ul ul,div#opciones_noti ul, div#cont_xl ul, div#cont_xl ul ul{
			margin:10px 0;
			margin-left:35px;
			font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
			}
			
			div#opciones_noti ul{font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;}
			
			 div#noti_cuerpo ul{margin-right:35px;}

				div#abajo ul li, div#textos ul li, div#noti_cuerpo ul li, div#opciones_noti ul li, div#cont_xl ul li{
				background:url(images/bg_flecha.jpg) no-repeat 0 2px;
				padding:0 15px;
				margin-top:5px;
				}
				
				div#textos ul li, div#noti_cuerpo ul li{background:url(images/bg_flecha_blanco.jpg) no-repeat 0 2px;}
				
					div#abajo ul li a, div#textos ul li a, div#noti_cuerpo ul li a, div#abajo ul ul li a, div#textos ul ul li a{
						font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
					}					

				div#abajo p/*, div#abajo2 p*/{
				font: normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				margin-left:25px;
				margin-right:25px;
				padding-bottom:10px;
				text-align:justify;
				}
				
				div#abajo strong, div#privacidad strong, div#cont_xl strong{color:#FFD975; font-size:13px;}
				
								
				div#abajo h3, div#cont_xl h3{color:#F3F5F5;margin: 0 25px;padding:5px 0;}
				
				div#cont_xl h3{margin: 0;}
				
				div#abajo a, div#cont_xl a{
					color:#FFFFFF;
					text-decoration:underline;
				}
				
				div#abajo a:hover, div#cont_xl a:hover{
					color:#999999;
				}
				
					div#abajo div.col{
						float:left;
						width:300px;
						padding:0 15px;
						
					}

				
				/* para el listado de clientes */
				
				div#cont_xl div#fila, div#abajo div#fila{
					margin-top:15px;
					overflow:hidden;
					height:62px;
				}
				
				div#abajo div#fila{padding-left:100px;}
				
					div#fila div.col1, div#fila div.col2, div#fila div.col3, div#fila div.col4{
						float:left;
						width:220px;
						margin-right:15px;
						height:62px;
					}
					
						div#fila div.logo{
							width:65px;
							height:62px;
							float:left;
						}
						
						div#fila a.nombre, div#fila a.nombre_nolink{
							display:inline;
							float:left;
							background-color:#666666;
							text-decoration:none;
							font: normal 11px/21px Verdana, Arial, Helvetica, sans-serif;
							width:155px;
							height:62px;
							
						}
						
						div#fila a.nombre_nolink{cursor:text;}
						
						div#fila a.nombre:hover{
							color:#333333;
							background-color:#cccccc;
							text-decoration:none;
						}
						
						div#fila a.nombre_nolink:hover{color:#ffffff;}
						
						div#fila a.nombre span, div#fila a.nombre_nolink span{padding:0 10px;display:block;}
							
				
				/* FORMULARIO DE TRABAJO */
				
				div#cont_xl div#formopc1{
				width:252px;
				height:auto;
				overflow:hidden;
				float:left;
				margin-right:8px;
				margin-top:15px;
				*margin-top:0px;
				_margin-top:0px;
			}
				
				div#cont_xl div#formopc2{
					margin-top:15px;
					width:404px;
					height:auto;
					overflow:hidden;
					float:left;
					margin-right:8px;
					*margin-top:0px;
					_margin-top:0px;
				}
				
				div#formopc1 div#up1{
					width:252px;
					height:15px;
					background:url(images/formopc1_up.jpg) no-repeat left;
				}
				
				div#formopc2 div#up2{
					width:404px;
					height:15px;
					background:url(images/formopc2_up.jpg) no-repeat left;
				}
				
				div#formopc1 div#cen1{
					width:252px;
					height:auto;
					overflow:hidden;
					background:url(images/formopc1_cen.jpg) repeat-y left;
				}
				
				div#formopc2 div#cen2{
					width:404px;
					height:auto;
					overflow:hidden;
					background:url(images/formopc2_cen.jpg) repeat-y left;
				}
				
				div#cen1 p, div#cen2 p{
					color:#3C3C3C;
					margin-top:15px;
					margin-left:20px;
					font-size:14px;
				}
				
				
				div#cen1 table, div#cen2 table{
					margin-left:30px;
					color:#3C3C3C;
					font:bold 12px Verdana, Arial, Helvetica, sans-serif;
					margin-top:15px;
				}
				
				div#cen2 table{
				margin-left:5px;
				text-align:right;
				}
				
				div#cen2 table input.color{
					background-color:#00A2B1;
					border:none;
					padding:1px;
					color:#ffffff;
					padding: 2px 5px;
				}
				
				div#cen1 td, div#cen2 td{
				padding-left:10px;
				}
				
				div#formopc1 div#down1{
					width:252px;
					height:25px;
					background:url(images/formopc1_down.jpg) no-repeat left;
				}
				
				div#formopc2 div#down2{
					width:404px;
					height:21px;
					background:url(images/formopc2_down.jpg) no-repeat left;
				}
				
				div#cont_xl form table.normal{
					float:left;
					*float:none;
					margin-bottom:10px;
					*margin-top:35px;
					_margin-top:35px;
				}		
					
				div#cont_xl form table p{
					font:bold 15px Verdana, Arial, Helvetica, sans-serif;
					color:#fff;
				}
				
				form table input.enviar{
					background-color:#FFA101;
					border:none;
					padding:2px 10px;
					font:bold 14px Verdana, Arial, Helvetica, sans-serif;
					margin-top:5px;
				}
				
				form table input, div#cont_xl form table select{
				font-size:11px;
				}	
				
				div#cont_xl form table td a.botonico{
					font-size:11px;
					background-color:#00A2B1;
					color:#ffffff;
					padding: 5px 15px;
					text-decoration:none;}
					
				div#cont_xl form table td a.botonico:hover{
					background-color:#FFA101;
					color:#333333;
					}
				
				
				/*Fin del formulario*/	

	div#contenido div#contder{
	width:300px;
	height:auto;
	float:left;
	color:#FFFFFF;
	}
		
		div#contder h3{font: normal 18px/22px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;}
		
	
	div#contenido_index div#contder_index /*Inicio*/{
		width:300px;
		height:372px;
		float:left;
		}
		
		div#contder_index div#opcion /*Inicio*/{
			/*width:265px;*/
			height:auto;
			overflow:hidden;
			/*padding-top:90px;
			margin-top:42px;
			_margin-top:41px;*/
			padding-bottom:1px;
			width:310px;
			}

				div#contder_index div#opcion div#noticia /*Inicio*/{
					height: 130px;
					width: 310px;
					background:url(images/bg_noti_ini.jpg) no-repeat bottom left;
				}
				
					
					div#contder_index  div#noticia .noti /*Inicio*/{
						width:290px;
						float:left;
						margin-top: 20px;
						margin-left:15px;
						_margin-left:7px;
						padding: 0 15px 0 5px;
						font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
					}
					
						div#noticia a.orange{color:#FEA101; text-decoration:none;}
						div#noticia a:hover.orange{color:#999999; text-decoration:underline;}
						
		
							
		
		div#contder div#opciones, div#contder div#opciones_noti{
		background-color:#3D3C3A;
		width:300px;
		height:auto;
		overflow:hidden;
		padding-top:95px;
		margin-top:0px;
		padding-bottom:1px;
		}

			div#opciones div{
			height:80px;
			}
			
			div#opciones div.xs{
			height:78px;
			}
			
			div#opciones p{
				width:300px;
				height:33px;
				background:url(images/conozca_mas.gif) no-repeat top left;
			}
			
			div#opciones p span{display:none;}
			
		
		/*para las noticias*/
		
		div#contder div#opciones_noti{
			padding-top:102px;
			padding-bottom:15px;
		}
			
			div#opciones_noti div.files, div#opciones_noti div.datos_tec{
				margin: 15px 25px;
			}
			
				div#opciones_noti div.files p{
					padding: 0 0 20px 47px;
					margin:0 0 0 5px;
					border-bottom:1px dotted #ffffff;
				}
				
				div#opciones_noti div.datos_tec p{
					padding: 5px 0 5px 10px;
					margin: 0 0 0 5px;
					border-bottom:1px dotted #999999;
				}
				
					div#opciones_noti div.datos_tec p strong{
						color: #fea101;
					}
				
					div#opciones_noti .files p.pdf{background: url(images/pdf.jpg) no-repeat 0 0;}
					div#opciones_noti .files p.word{background: url(images/word.jpg) no-repeat 0 0;}
					div#opciones_noti .files p.excel{background: url(images/excel.jpg) no-repeat 0 0;}
					div#opciones_noti .files p.ppt{background: url(images/ppt.jpg) no-repeat 0 0;}
					
					div#opciones_noti .files p.small{
						font: normal 9px/15px Verdana, Arial, Helvetica, sans-serif;
						border-bottom:0;
						padding: 0 0 20px 0;
						color:#FFFFFF	
					}
			
			div#opciones_noti ul{
				margin: 15px 25px;
			}
			
			div#opciones_noti p{
				margin: 15px 25px;
			}




			/*Para el pop-up del mapa de localizacion*/
			p.ver_mapa{
					width:80px;
					height:23px;
					background: url(images/bg_flecha.jpg) no-repeat 0 3px;
					padding:0 0 0 18px;
					}
					
					
/* -------------- PIE-------------- */

#web div#pie{
width:990px;
height:45px;
background: url(images/bg_bottom.jpg) repeat-x 0 0;
}


	div#pie ul{
	width:990px;
	/*height:30px;*/
	height: 40px; 
	position:absolute;
	list-style: none;
	margin-top:15px;
	}
	
		div#pie ul li {
		  float: left; /*For Gecko*/
		  display: inline;
		  list-style: none;
		  position: relative;
		  height: 36px;
		  z-index: 1000;
		  font-size:12px;
		  color:#fff;
		 
		 /* margin-right:35px;*/
		}
		
			div#pie ul li a, div#pie ul li a:hover{
				border-right: 1px solid #666666;
				padding: 5px 20px;
			}
			
			div#pie ul li a:hover, div#pie ul li a.actual{
				background: url(images/bg_menu_inf.jpg) no-repeat top right;
				text-decoration:none;
			}


#web div#subpie{
width:990px;
height:50px;
margin-top:8px;
padding-bottom:30px;

}

	div#subpie p{
	font-size:11px;
	color:#fff;
	text-align:left;
	float:left;
	padding-left: 20px;
	}
	
		div#subpie p a:hover{
		color:#ffffff;
		text-decoration:none;
		}
	
		
	div#subpie img{
	float:right;
	margin-right:20px;
	padding-top:2px;
	}

	
	/* ERRORES FORMULARIO */ 
	
		div#contenido div#cont_xl div#displayError{
			background-color:#FEA101;
			padding: 15px;
			border: 1px solid #dedede;
			margin:15px 30px;
		}
		
			div#contenido div#cont_xl div#displayError ul li{
				color:#333333;
				font-weight:bold;
				background:url(images/bg_flecha_gris.jpg) no-repeat 0 2px;
				padding:0 15px;
				margin-top:5px;
				}
	
	
	/* POP UPS*/
	
	
	#privacidad{
		width: 340px;
		padding:20px 30px;
		background-color:#3D3C3A;
		color:#ffffff;
	
	}
	
		#privacidad h1{
			width:340px;
			background:url(images/titles/privacidad.gif) no-repeat 0 0;
			margin-left:0;
		}
		
			#privacidad h1 span{display:none;}
																						
		#privacidad h2{
			font: normal 18px/22px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;	
			margin:10px 0;
		}
		
		#privacidad p{
			font-size:11px;
			margin-top:10px;
			line-height:18px;
			text-align:justify;
		}