/* CSS Document */

/* CSS Document */

/* ---- 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{
 border:0;
}


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


body
{
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	background-color: #f2f2f2;
	color:#333333;
}
#lang {left:50%; margin:0 0 0 -440px; list-style:none; position:absolute; top:1em; padding:0; width:8em;}
#lang li { display:inline; margin:0; padding:0 .2em;}
#lang li a { text-decoration:none;}
#lang li img { padding-right:.3em;}
#lang li+li { border-left:1px solid #ccc;}

hr{
  height:1px;
  border:0;
  border-top: 1px dotted #333333;
  }

h3{font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0; color:#666666;}

a {color:#333333;}

a:hover, a.active{background-color:#666666; color:#FFFFFF;}

a.no_link{border-bottom:0; padding-bottom:0;}
a:hover.no_link{background-color:transparent;}

a.boton_gris{
	font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#E6F1CA;
	padding:5px;
	border:1px solid #E5E5E5;
	width:auto;
}

a:hover.boton_gris{
	background-color:#999; 
	color:#FFFFFF;
	padding:5px;
}

a.doc, a.rss, a.mail, a.quest{
	display:block;
	color:#333333;
}	

a.rss{background: #FFFFFF url(images/rss.gif) no-repeat 0 0; padding:0 0 0 20px;
font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;}
a.doc{background: url(images/doc.gif) no-repeat 0 0; padding: 0 0 0 25px;
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;}
a.mail{background: url(images/mail.gif) no-repeat 0 4px; padding: 0 0 0 25px;
font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;}
a.quest{background: url(images/quest.gif) no-repeat 0 0; padding: 0 0 0 25px;
font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif; cursor:help; }


a:hover.doc, a:hover.rss, a:hover.mail, a:hover.quest{
	color:#999;
	text-decoration:none;
	background-color: transparent;
}		
								
	
.ocult{display:none;}

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

.floatLeft{float:left; margin: 5px 20px 5px 0; }
.floatRight{float:right; margin: 5px 0 5px 20px; }

.text_small{font-size:10px;}



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

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

#web
{
	width:900px;
	margin:0 auto;
	border:1px solid #DEDEDE;
	background-color:#FFFFFF;
}

/* -------------   CABECERA   -----------*/

#cabecera{
	height:135px;
	float:none;
	overflow:hidden;
}

	/*LOGO*/
	
	#cabecera h1{
		float:left;
		height:135px;
		width:235px;
		margin-top:25px;
		font: normal 25px/25px Arial, Helvetica, sans-serif;
		background:url(images/logo_helios.jpg) no-repeat 0 0;
	}
	
		#cabecera h1 span{
			display:none;
		}
	
	#cabecera h2{
		float:left;
		height:135px;
		width:320px;
		margin:45px 0 0 0;
		font: italic 12px/18px Arial, Helvetica, sans-serif;
		color:#666666;
	}

	#cabecera #der{
		width:330px;
		overflow:hidden;
		float:right;
	}
	
		#cabecera #der ul{
			float:right;
		}
		
			#cabecera #der ul li{
				float:left;
				color:#999999;
				margin:10px 15px 0 0;
			}
				
			#cabecera #der form{
				float:right;
				padding:15px 15px 0 0;
				text-align:right;
			}
			
				

/* -------------   MENU PRINCIPAL   ----------- */

#menu
{
	width:900px;
	height:28px;	
	background: url(images/bg_menu.gif) repeat-x 0 0;
}
		#menu ul{}
		
			#menu ul li
			{
				float:left;
				margin-right:1px;
			}
	
				#menu ul li a
				{
					display:block;
					background: url(img/bg_menu.gif) repeat-x 0 0;	
					text-decoration:none;
					color:#333333;
					padding: 6px 12px;
	
				}
				
				
				#menu ul li a:hover, #menu ul li a.active
				{
					background: url(images/bg_menu_active.gif) repeat-x 0 0;
					color:#FFFFFF;
				}

/* -------------   CUERPO PRINCIPAL  --------------------*/
	
#content
{
	width:900px;
}				
					
	/* PORTADA */
	
	#content #carousel{
		width: 820px;
	}
	
	
	#content #cuerpo_index{
		width: 820px;
		overflow:hidden;
		padding: 40px 40px 15px 40px;
	}
	
	
		#cuerpo_index #col_01{
			width: 233px;
			float:left;	
			padding: 0;	
		}
		
		#cuerpo_index #col_02{
			width: 530px;
			float:left;	
			padding-left:50px;
		}
		
			#cuerpo_index .destacado{
				float:left;
				width:200px;
			}
							
				#cuerpo_index h3{padding:0;}
				
				#cuerpo_index .destacado h3.col_01{}
				#cuerpo_index .destacado h3.col02_1{}
				#cuerpo_index .destacado h3.col02_2{
				margin-left:53px;
				}

				.destacado .box_proyectos, .destacado .box_id, .destacado .box_financiero{
					width:180px;
					min-height:100px;
					overflow:hidden;
					margin-top:10px;
					border-top:2px solid #DEDEDE;
				}
				
				.destacado .box_proyectos{
					background:url(images/bg_destacado_proyectos.jpg) no-repeat bottom;
				}
				
					.destacado .box_proyectos hr{
					margin:10px 20px;
					}
					
					
				.destacado .box_id{
					background:url(images/bg_destacado_i+d.jpg) no-repeat bottom left;
				}
				
				.destacado .box_financiero{
					background:url(images/bg_destacado_financiero.jpg) no-repeat bottom;
					margin-left:53px;
				}
				
					#cuerpo_index .destacado p{
					font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
					color:#333333;
					line-height:20px;
					padding: 10px 20px;
					}
				
					#col_02 #destacado_news{
						width:460px;
						margin:25px 0;
					}
					
						#destacado_news h3{
						margin-bottom:5px;
						}
					
						#destacado_news .top{
							width:460px;
							height: 20px;
							background: url(images/bg_destacado_news_top.gif) no-repeat 0 0;
							margin-bottom: -10px;
						}
						
						#destacado_news .bottom{
							width:460px;
							height: 10px;
							background: url(images/bg_destacado_news_bottom.gif) no-repeat bottom left;
						}
						
						#destacado_news .center{
							width:450px;
							background: url(images/bg_destacado_news_center.gif) repeat-y 0 0;
							padding: 0 20px;
						}
						
							
							#destacado_news .center ul{}
							
							#destacado_news .center ul li{
								padding-bottom: 3px;
								margin: 10px 30px 10px 0;
							}
							
							#destacado_news .center hr{
								width:92%;
								margin:10px 0;
								text-align:left;
							}
							
							div.rss_float, div.rss_float_inside, div.rss_float_leftside{
								float:right;
								height:25px;
								margin-top:-35px;
								padding:0 40px 10px 0;
								overflow:hidden;
							}
							
							div.rss_float_leftside{margin-top:-18px; padding:0 10px 0 0;}
							div.rss_float_inside{padding:0; height:auto;}
							 
								
			
	/* INTERIORES*/
	
	#content #submenu{
		float:left;
		width:220px;
		height:auto;
		overflow:hidden;
	}
	
		#submenu ul
		{
			padding:20px 10px;
		}
		
			#submenu ul li
			{
				font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
				border-bottom:1px solid #CCCCCC;
				padding:0;
				height:28px;
				background:#E4EDCE;
			}
	
				#submenu ul li a
				{
					font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#333333;
					padding:5px 15px;
					height:28px;
					
					width:170px;
					display:block;
				}
				
				
				#submenu ul li a:hover, #submenu ul li a.active
				{
					background: url(images/bg_menu_active.gif) repeat-x 0 0;
					color:#FFFFFF;
				}
				
		
		#submenu .banner{
			margin: 20px 0 20px 15px ;
			overflow:hidden;
		}
		
		#submenu .noti .top{
			width:170px;
			height: 20px;
			background: url(images/bg_destacado_news2_top.gif) no-repeat 0 0;
			margin-bottom: -10px;
		}
		
		.noti .bottom{
			width:170px;
			height: 10px;
			background: url(images/bg_destacado_news2_bottom.gif) no-repeat bottom left;
		}
						
		.noti .center{
			width:170px;
			background: url(images/bg_destacado_news2_center.gif) repeat-y 0 0;
		}
			.noti .center p{padding: 5px 10px;}
			
			 .noti .center hr{ 
				width:92%;
				margin:5px 0 10px 10px;
				text-align:left;
			 }
			
	
	#content #cuerpo, #content #cuerpo_xl{
		width: 627px;
		overflow:hidden;
		padding: 40px 25px;	
	}
	
	#content #cuerpo_restringida{
		width: 860px;
		overflow:hidden;
		padding: 40px 25px;
	}
	
	#content #cuerpo_xl{width:840px;}
									
			h2{
				font: bold 18px/25px Verdana, Arial, Helvetica, sans-serif;
				color:#666;
				padding-bottom: 5px;
				background: url(images/bg_dot.gif) repeat-x bottom left;
			}
						
				div.print_float{
					float:right;
					height:25px;
					margin-top:-20px;
					padding:0 5px 10px 0;
					overflow:hidden;
				}
				
				 
					a.print{
						font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
						background: #FFFFFF url(images/print.gif) no-repeat 0 0;
						padding-left:20px;
						display:block;
						color:#999999;
						text-decoration:none;
					}	
					
					a:hover.print{
						color:#333333;
						text-decoration:underline;
						background:#FFFFFF url(images/print.gif) no-repeat 0 0;
					}	
			
			#cuerpo p, #cuerpo_xl p, #cuerpo_restringida p{
				margin: 10px 0;
				font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
			}
			
				#cuerpo p strong, #cuerpo_xl p strong, #cuerpo_restringida p strong{color:#333333; font-weight:bold;}
	
			/*#cuerpo img{border:1px solid #999999;}*/
			
			#cuerpo ul, #cuerpo_restringida ul{
				margin: 5px 15px;
			}
			
				#cuerpo ul ul, #cuerpo_restringida ul ul{
				margin: 5px 15px;
				}
				
			#cuerpo ul li, #cuerpo ul li ul li{
				background:url(images/bg_li.gif) no-repeat 0 8px;
				padding: 3px 15px;
			}
			
			#cuerpo_restringida ul li{
				padding: 3px 15px;
			}
			
			#cuerpo_restringida ul li ul li{
				padding: 3px 15px;
			}
			
				#cuerpo ul ul, #cuerpo_restringida ul ul{
				margin: 0 15px;
				}
				
				#cuerpo ul li ul li{
				background:url(images/bg_li_li.gif) no-repeat 0 10px; 
				}

				#cuerpo_restringida ul li ul li{
				 background:none;
				}

			#cuerpo .sumario, #cuerpo_xl .sumario, #cuerpo_restringida .sumario{
				width: 95%;
				color: #79A22F;
				font: italic bold 17px/23px Verdana, Arial, Helvetica, sans-serif;
			}
							

		#cuerpo #elementos, #cuerpo_xl #elementos, #cuerpo_restringida #elementos{
			float:right;
			width: 372px;			
			overflow:hidden;
			margin:-10px 0 20px 20px;
			text-align:right;
		}
				
			
			#elementos #files{
				width:340px;
			}
			
				#files h3{text-align:right;}
			
				#files .top{
					width:372px;
					height: 10px;
					background: url(images/bg_destacado_files_top.gif) no-repeat 0 0;
				}
				
				#files .bottom{
					width:372px;
					height: 10px;
					background: url(images/bg_destacado_files_bottom.gif) no-repeat bottom left;
				}
				
				#files .center{
					width:320px;
					background: url(images/bg_destacado_files_center.gif) repeat-y 0 0;
					padding: 2px 20px;
					text-align:left;
				}
				
					#files ul{}
					
					#files ul li{
						padding: 0 20px 3px 20px;
						margin: 10px 0;
						text-align:left;
					}
					
					#files .center ul li.archive{background:url(images/doc.gif) no-repeat 0 0;}
					#files .center ul li.link{background:url(images/monitor.gif) no-repeat 0 0;}
					
			#destacados_simulacion{
				text-align:center;
			}
				
					
				#destacados_simulacion a{
					float: left;
					width: 146px;
					height: 118px;
					background: url(images/bg_simulador_off.jpg) no-repeat 0 0;
					color:#666666;
					font: bold 12px/25px Arial, Helvetica, sans-serif;
					padding-top:25px;
					margin-right: 8px;
					cursor:hand;
					cursor:pointer;
				}
				
				#destacados_simulacion a:hover{
						background: url(images/bg_simulador_on.jpg) no-repeat 0 0;
						color:#FFFFFF;
						font: bold 12px/25px Arial, Helvetica, sans-serif;
					}
					
				div#destacados_simulacion:hover{
						background: url(images/bg_simulador_on.jpg) no-repeat 0 0;
						color:#FFFFFF;
						font: bold 12px/25px Arial, Helvetica, sans-serif;
					}
				
				#destacados_simulacion a span{
					color:#0057A6;
					font: italic bold 32px/32px Arial, Helvetica, sans-serif;
				}
				
				div#destacados_simulacion a:hover span{
						color:#FFFFFF;
					}
			
			
			
			table#oferta_instalaciones{
				width: 630px;
				background-color: #f2f2f2;	
				margin-bottom: 15px;
			}
			
				table#oferta_instalaciones th{
					background-color: #0057A6;
					color:#FFF;
				}
				
				table#oferta_instalaciones td{
					border-bottom: 1px solid #0057A6;
					padding: 5px;
				}		
					
		/* PORTADAS DE SECCION */
		
		#cuerpo #fila{
				margin-bottom:12px;
				overflow:hidden;
				height:180px;
			}
						
					#fila .col1, #fila .col2{
						float:left;
						width:275px;
						height:180px;
					}
					
					#fila .col2{margin-left:30px;}
						
						#cuerpo #fila img{
						margin-bottom:5px;
						border:none;
						}
		
		/* Noticias */
		
		#cuerpo_xl #noti_list ul{margin:10px 0;}
		#cuerpo_xl #noti_list ul li{
		width:430px;
		background-color: #EEEEEE; background-image:none; margin:15px 0; border-left: 5px solid #79A22F; padding:5px;}
		
		
		/* PAGINATION */
			
		#pagination{
			height:34px;
			/*width:600px;*/
			font-weight:bold;
			padding: 10px 1px 0 0;
			}		

			#pagination p{
				color:#000000;
				padding-bottom: 5px;
				}							

			#pagination a{
				text-align:center;
				}							

			#pagination span{
				background-color: #EEEEEE; padding:3px 6px;
				}					

			#pagination span.current{
				background-color: #79A22F;
				color:#FFFFFF;
				}					

			#pagination span.recuadro_off{
				background-color: #FFFFFF;
				} 
						
		
		/* PORTADA DE SECCION - PROYECTOS  */
		
		#cuerpo #fila_pro{
				margin-bottom:12px;
				overflow:hidden;
				height:150px;
			}
						
					#fila_pro .col1, #fila_pro .col2, #fila_pro .col3, #fila_pro .col4, #fila_pro .col5, #fila_pro .col6, #fila_pro .col7, #fila_pro .col8 {
						float:left;
						width:150px;
						height:140px;
						margin-right:5px;
					}
										
						#fila_pro h3{
							font: normal 10px/17px Verdana, Arial, Helvetica, sans-serif;
							text-transform:uppercase;
							color:#333333;
						}
						
							
							#cuerpo #fila_pro img{
							border:none;
							}
						
	
		
/*----------- FORMULARIOS -------------*/

form input, form textarea{
	border: 1px solid #BBBBBB;
	margin-bottom:5px;
	text-align:left;
	padding:3px;
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

form textarea{
	width: 630px;
	height: 130px;
	font: normal 11px/18px  Verdana, Arial, Helvetica, sans-serif;
}


form input.button{
	border: 1px solid #e5e5e5;
	background-color: #f9f9f9;
	text-align:center;
}


/* Mensajes de error */

div#displayError{
padding:5px 15px;
margin:10px 0;
width:auto;
}

#cuerpo div#displayError{width:25%;}
#cuerpo #texto div#displayError{width:85%;}

div#displayError h4{color:#CC0033; font-size: 12px;}
div#displayError ul{margin: 0 25px;}
div#displayError ul li, #cuerpo_xl div#displayError ul li, #cuerpo div#displayError ul li{
background: 0;
border:0;
color:#333;
margin:5px 25px;
list-style-type:circle;
background: none;
font-size: 10px;
font-weight: bold;
}


/*----------- PIE CON LOGOS -------------*/

#pie_logos{
	width:870px;
	height:35px;	
	/*background: url(images/bg_menu.gif) repeat-x 0 0;*/
	background-color:#f9f9f9;
	padding: 10px 15px;}
	
	#pie_logos p{
		float:left;
		font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
		margin: 6px 15px 0 0;
	}
	
	#pie_logos img{
		float:left;
		margin-right: 20px;
	}
	
/* -------------   PIE DE LA WEB --------------------*/
	
#pie
{
	text-align: left;
	width:850px;
	/*background-color:#DEDEDE;*/
	padding: 10px 15px;
}	

	#pie p{
		font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
		margin: 6px 0 6px 0;
	}



/* ------------------------ ZONA RESTRINGIDA ------------------------*/

#div cuerpo_restringida{
width:880px;
heigt:auto;
overflow:hidden;
}

#title{	background: url(images/back_title.jpg) no-repeat bottom left;height:50px;padding:0; margin:0;}
#title h1 {	font:bold 17px Verdana, Arial, Helvetica, sans-serif;color:#0C5320;padding: 30px 0 5px 60px;	margin:0;}

#tabla_centro, #tabla_centro_ini{padding:0;text-align:justify;width:600px;}
#tabla_centro_ini{height:496px; } 


#tabla_centro h2 {font:bold 15px/17px Verdana, Arial, Helvetica, sans-serif;padding:0; margin:0;color:#8FB63F;text-align:left;}
#tabla_centro h3 {font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif;padding:0; margin:0;color:#0C5320;}
 
#tabla_centro .texto{float:left;clear:none;font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;color:#0C5320;margin:0;padding: 8px 10px 20px 0px;width: 265px;}
#tabla_centro .texto_completo{width:auto;float:none; padding-bottom:0;font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;color:#0C5320;margin:0;padding: 8px 10px 20px 35px;}

#tabla_centro .texto_completo ul.noti{margin-left:0; padding:0;}
#tabla_centro .texto_completo ul.noti li{margin-bottom:8px; font: normal 13px/16px Verdana, Arial, Helvetica, sans-serif;list-style-type:none;padding:0 0 5px 22px;}

#tabla_centro .img_centro{float:right; clear:none;padding:8px 10px 0 0;}
#tabla_centro .img_centro div.pie_foto{/*color:#0C5320; */color:#333;width:215px;padding: 5px;font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;/* border-bottom:1px doteted #8FB63F;border-top:0;*/ text-align:right; background-color:#D8E7BB;}
#tabla_centro .img_centro a h3{text-align:right; text-decoration:underline; background: #8FB63F no-repeat right 4px; padding-right: 36px;}
#tabla_centro .img_centro a:hover h3{text-align:right; background-color:#614A2F;}

#tabla_centro .mi_menu{width:100%;}
#tabla_centro .mi_menu ul{margin:10px 0 0 0; padding:0; width:100%; }
#tabla_centro .mi_menu ul li{float:left; width:auto; height:20px; padding:4px 14px 0 12px; margin-right:3px; background-color:#8FB63F;}
#tabla_centro .mi_menu ul li.salir{background-color:#599BD1;}
#tabla_centro .mi_menu ul li a{color:#fff; font-size:11px; text-decoration:none;text-transform:uppercase;}
#tabla_centro .mi_menu ul li a:hover, #tabla_centro .mi_menu ul li a.activo{color:#0C5320;background-color:transparent;}
#tabla_centro .mi_menu ul li.salir a:hover{text-decoration:underline; color:#FFF;}


#tabla_centro .menu_img img{border:1px solid #8FB63F; padding:1px; margin-bottom:5px; }

#tabla_centro .datos {margin:0; padding:10px 5px 5px 5px; border:1px solid #BBB; border-top:1px solid #BBB;overflow:auto; height:330px; width:498px;}
#tabla_centro ul.datos li { margin-left:5px; padding:2px}
#tabla_centro ul.datos li blockquote { display:block; margin:0 15px 0 0; padding:0;}
#tabla_centro .datos h2 { font-size:12px; color:#0C5320; border-bottom: 1px dotted #8FB63F; padding: 0 0 3px 3px;}
#tabla_centro .datos h3 { font-size:11px;margin:5px 0; padding:0}
#tabla_centro .datos #tab_produ, #tabla_centro #tab{text-align:center; background-color:#F2F2F1;}
#tabla_centro .datos #tab_produ .cab, #tabla_centro #tab .cab{background-color:#8FB63F; color:#FFF; font-weight:bold;}
#tabla_centro .datos #tab_produ td, #tabla_centro #tab td{border-left:1px solid #FFF;}
#tab_produ td{
padding:2px;
}

#tabla_derecha{width:300px;}
#tabla_derecha h3, #tabla_centro .img_centro h3{width:auto; height:auto; background-color:#8FB63F; font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:5px; margin:0 0 4px 0;}

#tabla_derecha form{margin:0;padding:0;}
.content_dcha{margin:0 0 10px 0; padding:5px 10px; font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color:#0C5320}
.content_dcha p{margin:0 0 5px 0; padding:0;}

#tabla_derecha #noti_dcha {margin:0; padding:5px; font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color:#0C5320}
#tabla_derecha #noti_dcha h4{font-size:13px; font-weight:bold;color:#0C5320; margin:0; padding: 5px 0;}
#tabla_derecha #noti_dcha p{margin:0 0 10px 0 ; padding:0;}

#tabla_inferior{height:21px;}
#tabla_inferior_ini{height:21px;}


/*---------------------------FIN ZONA RESTRINGIDA -----------------------*/

/* -------------   FIN WEB   -----------*/