/* 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;
}


hr{
  margin:10px 10px;
  height:1px;
  border:0;
  border-top: 1px dotted #333333;
  }
  
 h5{font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	}

.ocult{display:none;}

a {color:#333333;}

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

a.no_link{text-decoration:none; color:#666666;}
a:hover.no_link{background-color:#f2f2f2; color:#333; text-decoration:underline;}

a.doc, a.rss, a.mail{
	display:block;
	color:#999999;
	text-decoration:none;
}	

a.rss{background: #FFFFFF url(images/rss.gif) no-repeat 0 0; padding-left: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;}


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

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

p.txiki{font-size:9px;}

/* -------------   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:225px;
		margin:25px 0 0 30px;
		_margin:25px 0 0 19px;
		font: normal 25px/25px Verdana, Arial, Helvetica, sans-serif;
		background:url(images/logo.gif) no-repeat 0 0;
	}
	
		#cabecera h1 span{
			display:none;
		}
	
	#cabecera h2{
		float:left;
		height:135px;
		width:250px;
		margin:60px 0 0 0;
		font: italic bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
		color:#333333;
	}
	
	
	
	#cabecera h3{
		float:right;
		height:135px;
		width:270px;
		margin:20px 25px 0 0;
		padding:52px 0 0 8px;
		font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif;
		background:url(images/logo_helios_IT.gif) no-repeat 0 0;
	}
	
		#cabecera h3 span{
			display:none;
		}
	
	#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;
				_margin:10px 8px 0 0;
			}
			
				#cabecera #der ul li a{
				color:#999999;
				text-decoration:none;
				}
				
				#cabecera #der ul li a:hover, #cabecera #der ul li a.active{
				color:#333333;
				background-color:#ffffff;
				text-decoration:underline;
				}
				
			#cabecera #der form{
				float:right;
				padding:15px 15px 0 0;
				text-align:right;
			}
			
				#cabecera #der form input{
					border: 1px solid #BBBBBB;
					margin-bottom:5px;
					text-align:right;
				font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
				}
				
				#cabecera #der form input.button{
					border: 1px solid #e5e5e5;
					background-color: #f9f9f9;
					text-align:center;
				}

/* -------------   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: 900px;
	}
	
	
	#content #cuerpo{
		width: 900px;
		_width: 819px;
		overflow:hidden;
		padding: 30px 40px;
		_padding:30px 0 30px 40px;
	}
				
			#cuerpo .destacado{
				float:left;
				width:233px;
				margin:0 40px 0 0;
			}
			
				#cuerpo .destacado p{
					color:#333333;
					padding:10px 15px;
				}
				
				#legale {
				
				width: 170px;
				float: left;
				
				}
				
				#operativa {
				
				width: 170px;
				float:right;
				
				}
				
				#limpia{
				clear:both;
				}
				
				
				a.boton_gris, a.boton_gris_mas{
					font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					text-decoration:none;
					background-color:#F9F9F9;
					padding:5px;
					border:1px solid #E5E5E5;
				}
				
				a.boton_gris_mas{
					background: #F9F9F9 url(images/mas.gif) no-repeat 5px 7px;
					padding: 5px 5px 5px 18px;
				}
				
				a:hover.boton_gris, a:hover.boton_gris_mas{
					background-color:#4C89C0;
					color:#ffffff;
				}
				
				 a:hover.boton_gris_mas{
				 	background: #4C89C0 url(images/mas_hover.gif) no-repeat 5px 7px;
					padding: 5px 5px 5px 18px;
				 }
								
				.destacado .box{
					width:233px;
					min-height:120px;
					_height:120px;
					/*overflow:hidden;*/
					display:block;
					margin:10px 0;
					padding: 5px 0 15px 0;
					border-top:2px solid #DEDEDE;
					background:url(images/bg_destacado_blank.jpg) no-repeat bottom;
				}
				
				.destacado object, .destacado embed{
					margin-top:10px;
				}
				
								
				.destacado .proyectos{background:url(images/bg_destacado_proyectos.jpg) no-repeat bottom;}
								
				.destacado .mapa{background:url(images/bg_destacado_localizacion.jpg) no-repeat bottom;}
				
			
	/* INTERIORES*/
	
		
	/*Contenidos con submenu */
	
		/*A la izquierda*/
		#content #cuerpo_submenu{
			width: 900px;
			overflow:hidden;
		}
		
		#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;
				}
		
					#submenu ul li a
					{
						font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
						text-decoration:none;
						color:#333333;
						padding:5px 15px;
						height:28px;
						_height:18px;
						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:190px;
				height: 20px;
				background: url(images/bg_destacado_news2_top.gif) no-repeat 0 0;
				margin-bottom: -10px;
			}
			
			.noti .bottom{
				width:190px;
				height: 10px;
				background: url(images/bg_destacado_news2_bottom.gif) no-repeat bottom left;
			}
							
			.noti .center{
				width:190px;
				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;
				 }
		
				div.rss_float_inside{
					float:right;
					height:25px;
					margin-top:-18px;
					padding:0 10px 0 0;
					overflow:hidden;
				}
				
		
		/* A la derecha*/
		
		#cuerpo_submenu #texto{
		width: 637px;
		overflow:hidden;
		padding: 20px 10px;	
		text-align:justify;
	}
							
	/*Resto contenidos*/
		
		#cuerpo #texto{
			float:left;
			overflow:hidden;
			text-align:justify;
			font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
		}
		
		#cuerpo .texto_s{width: 390px;}
		#cuerpo .texto_xl{width: 810px; float:none }
		
			#texto h2{
				font: bold 18px/25px Verdana, Arial, Helvetica, sans-serif;
				color:#666;
				padding-bottom: 5px;
				margin-bottom:15px;
				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;
					}	
		
			
			#texto p{
				margin: 5px 0 15px 0;
			}
			
				#texto p strong, #texto ul strong{color:#666666; font-weight:bold;}
	
			
			#texto ul{
				margin: 5px 15px;
			}
			
				#texto ul ul{
				margin: 5px 15px;
				}
				
			#texto ul li, #texto ul li ul li{
				background:url(images/bg_li.gif) no-repeat 0 8px;
				padding: 3px 15px;
			}
			
				#texto ul ul{
				margin: 0 15px;
				}
				
				#texto ul li ul li{
				background:url(images/bg_li_li.gif) no-repeat 0 10px;
				padding: 3px 10px;
				}

			
			#texto .sumario{
				width: 95%;
				color: #005594;
				font: italic bold 17px/23px Verdana, Arial, Helvetica, sans-serif;
			}
			
		
		#cuerpo #elementos, #cuerpo #elementos2, #cuerpo_submenu #texto #elementos{
			width: 372px;
			float:right;
			overflow:hidden;
			margin-left: 40px;
			margin-top: -15px;
		}
		
		
		#cuerpo #elementos2{float:left;}
		#cuerpo_submenu #texto #elementos{margin-left: 20px;}
		
		
		
			p.pie_foto{background:#f7f7f7 url(images/bg_dot.gif) repeat-x bottom left; padding: 5px 10px; text-align:right; }
			
			#files{
				width:372px;
			}
			
				#files h5{
					width:100%;
					text-align:right;
					padding-bottom:5px;
				}
			
				#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:332px;
					_margin:-4px 0;
					background: url(images/bg_destacado_files_center.gif) repeat-y 0 0;
					padding: 2px 20px;
				}
				
					#files .center ul{text-align:left;}
					
					#files .center 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: 12px;
					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, table#tabla_50por{
				width: 630px;
				background-color: #f2f2f2;	
				margin-bottom: 15px;
			}
			
			table#tabla_50por {width: 390px; font-size: 10px;}
			
				table#oferta_instalaciones th, table#tabla_50por th{
					background-color: #6A8D02;
					border-bottom: 1px solid #f2f2f2;
					color:#FFF;
				}
				
				table#oferta_instalaciones td, table#tabla_50por td{
					border-bottom: 1px solid #6A8D02;
					padding: 5px;
				}
				
			
					
		/* Noticias */
		
		#cuerpo #noti_list ul{margin:10px 0;}
		
		#cuerpo #noti_list ul li{background-color: #EEEEEE; background-image:none; margin:15px 0; border-left: 5px solid #79A22F;}
			
			
		
		
		
		
		/* PAGINATION */
			
				#pagination{
				height:34px;
				/*width:600px;*/
				font-weight:bold;
				padding: 10px 1px 0 0;
				}		

					#pagination p{
					text-align:right;
					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{
						float:left;
						width:150px;
						height:140px;
						margin-right:8px;
					}
										
						#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%;}

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 DE LA WEB --------------------*/
	
#pie
{
	text-align:center;
	width:850px;
	background-color:#DEDEDE;
	padding: 5px 25px;
}	



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