@charset "utf-8";
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	width: 1150px;
	float: none;
    }
	#articulos-destacados {
	position:absolute;
	top:177px;
	margin-left:-120px;
	width:240px;
	left: 268px;
	}
	#articulos-destacados h5 {
		width:256px;
		background-color:#009966;
		display:block;
		padding:3px;
		margin:0;
		color:#fff;
	}
	#articulos-destacados ul {
		margin-left:8px;
		padding:0;
		width:100%;
	}
	#articulos-destacados ul li {
		list-style:none;
		float:left;
		width:100%;
		font-size:12px;
		padding-left:13px;
		background:url(imagenes/listado-flechita.gif) no-repeat top left;
	}
	#articulos-destacados ul li a, a:visited {
		color:#000;
		text-decoration:none;
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	#articulos-destacados ul li a:hover {
		color:#006633;
		text-decoration:underline;
		display:block;
	}
img {
		border:0px;
}
    .oneColFixCtrHdr #container {
    	width: 990px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
		margin:0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	background: #FFFFFF;
    	padding: 0 0 0 10px;
    	/*border: 1px solid #000000;*/
    	text-align: justify; /* esto anula text-align: center en el elemento body. */
    }
    .oneColFixCtrHdr #header {
    	padding: 0 10px 0 0px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    .oneColFixCtrHdr #mainContent {
    	padding: 0; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    }
    .oneColFixCtrHdr #mainContent h1 {
    	margin-top: 5px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    }
    .oneColFixCtrHdr #mainContent2 h1 {
	float:left;
    	margin-top: 5px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	padding:5px 0 0 315px;
		width:677px;
		background-color:#04af76;
		height:25px;
		color:#fff;
		font-size:18px;	
		font-weight:normal;
	}
    .oneColFixCtrHdr #mainContent2 {
	    background:url(imagenes/fondo-container.jpg) repeat-x bottom;
		height:100%;
	}
    #submenu {
	position:absolute;
	top:178px;
	margin-left:-845px;
	width:237px;
	left: 931px;
	}
	#submenu ul {
		margin:0;
		padding:0 0 0 15px;
		width:100%;
		background:url(imagenes/fondo-submenu.jpg) repeat-y;
		text-align:left;
		overflow: auto
	}
	#submenu ul li {
		list-style:none;
		float:left;
		width:185px;
		font-size:12px;
		padding-left:13px;
		background:url(imagenes/listado-flechita.gif) no-repeat top left;
		text-transform:uppercase;
		font-weight:bold;
	}
	#submenu ul li a, a:visited {
		color:#006633;
		text-decoration:none;
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	#submenu ul li a:hover {
		color:#34669b;
		text-decoration:underline;
		display:block;
	}
    .oneColFixCtrHdr #footer {
    	padding: 0; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background:#fff;
    }
    .oneColFixCtrHdr #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
    a.iempresa {
		padding: 8px 0;
		font-size: 10px;
		text-decoration: none;
		floaT:left;
    }
	a.iempresa:hover {
		text-decoration:underline;
	}
	.logotipo {
		float:left;
		padding-left:60px;
	}
	.ver-articulos {
		width:147px;
		float:left;
		margin-left:10px;
	}
	.direccion-cabecera {
		width:450px;
		float:left;
		font-size:12px;
		text-align:right;
		padding-top:10px;
		margin-left:10px;
		color:#01534f;
		font-family:Tahoma;
		line-height:20px;
	}	
	.direccion-cabecera a {
		font-size: 12px;
		text-decoration: none;
		color: #444;
	}	
	.direccion-cabecera a:hover {
		background-color:#fff;
		text-decoration:underline;
	}
	#navbar {
		margin: 0;
		padding: 0;
		float:left;
		background: #028b5d;
		width: 990px;
		border:solid 1px #048157;
	}
	#navbar li {
		list-style: none;
		float: left;
		border-right: 1px solid #048157;
	}
	#navbar   li   a  {
		display: block;
		padding: 8px 8px 8px 8px;
		margin:0px;
		font-size: 12px;
		text-decoration: none;
		color: #FFF;
		width:auto;
	}
	#navbar a:hover, #navbar a:focus, #navbar a:active {
		background-color:#fff;
		color: #444;
	}
	#navbarpie {
		margin: 0;
		padding: 0;
		float:left;
		background: #fff;
	}
	#navbarpie li {
		list-style: none;
		float: left;
	}
	#navbarpie   li   a  {
		display: block;
		padding: 8px 8px;
		font-size: 12px;
		text-decoration: none;
		color: #444;
		border-right: 1px solid #fff;
		width:auto;
	}
	#navbarpie a:hover, #navbar a:focus, #navbar a:active {
		background-color:#fff;
		text-decoration:underline;
	}
	#bloques-index {
		margin:0 0 10px 0;
		float:left;	
		width:988px;
    	background:url(imagenes/fondo-container.jpg) repeat-x bottom;
	}
	.bloque {
		width:295px;
		height:186px;
		float:right;
		margin-left:22px;
		font-size:12px;
    	background:url(imagenes/fondo-bloque.jpg) repeat-x bottom;
	}
	.bloque p {
		width:96px;
		line-height:15px;
		margin:14px 0 0 15px;
		font-size:11px;
		float:left;
		text-align:left;
	}
	.bloque img {
		margin:8px 7px 0 0;
	}
	#texto-seccion {
		float:left;
		margin:20px 0;
		padding:0 0 60px 320px;
		position:relative;
	}	
	#texto-seccion .imagen{
		float:left;
		width:575px;
		margin:10px 0 25px 0;
	}	
	#texto-seccion .texto{
		float:left;
		width:580px;
		font-size:12px;
		line-height:18px;
		color:#666;
	}	
	#texto-seccion .texto strong{
		color:#006633;
	}		
	#texto-seccion .texto ul{
		margin-left:25px;
		list-style-type:circle;
	}		
	#texto-seccion .texto h2{
		color:#34669b;
		line-height:22px;
	}	
	#texto-seccion .texto .bloque-articulo{
		display:block;
		width:100%;
		float:left;
		border-bottom:solid 1px #d3d3d3;
		padding-bottom:10px;
	}	
	#texto-seccion .texto .imagen-articulo{
		position:relative;
		width:170px;
		float:left;
		padding-top:5px;
	}
	#texto-seccion .texto .texto-articulo{
		position:relative;
		width:420px;
		float:left;
		padding-left:20px;
	}		
	#texto-seccion .texto .texto-articulo .titular-articulo {
		display:block;
		width:100%;
		float:left;
		padding-top:5px;
		color:#006633;
		font-weight:bold;
		font-size:14px;
		text-decoration:none;
	}
	.titular-articulo a{
		color:#006633;
		text-decoration:none;
	}				
	.titular-articulo a:hover {
		color:#006633;
		text-decoration:underline;
	}				
	#texto-seccion .texto .texto-articulo .fecha-articulo{
		display:block;
		width:100%;
		float:left;
		font-size:11px;

		font-style:italic;
	}	
	#texto-seccion .texto .texto-articulo .entradilla-articulo{
		display:block;
		width:100%;
		float:left;
		padding-top:10px;
		font-size:12px;
	}		
	#texto-seccion .texto .texto-articulo .entradilla-articulo a {
		font-size:12px;
		text-decoration:none;
		color:#666;
		font-weight:normal;
	}		
	#texto-seccion .texto .texto-articulo .entradilla-articulo a:hover{
		text-decoration:underline;
	}		
	#texto-seccion .texto .texto-articulo .descripcion-articulo{
		display:block;
		width:100%;
		float:left;
		padding-top:8px;
		font-size:12px;
	}	
	 #mapMa
 {
/*     position:absolute;*/
     float:left;
     width: 280px; 
     height: 350px;
     margin-bottom:10px;
     
 }
 .margen {
 	margin-top:5px;
	margin-right:10px;
 }