/* ---------------------------- */
/*   Maquetacion de la pagina   */
/* ---------------------------- */

/* Engloba a todo */
#pagina{
	width: 62.7em;
}

/* ------------------------------------------------------------- */
/*                  Para la cabecera de la pagina                */
/* ------------------------------------------------------------- */

#cabecera{
	z-index: 0;
	margin-top: 0em;
	height: 10.3em;
}

	#fondoCabecera{
		width:62.7em;
		height:6.5em;
	}
		
		#logoCabecera{
			float:left;
			padding-left: 1.9em;
			padding-top: 0.4em;
		}
	
			object.logoCabecera{
				width: 12.9375em;
				height: 5.9375em;
			}
			img.logoCabecera{
				width: 12.9375em;
				height: 5.9375em;
			}

		#bannerCabecera{
			float:right;
			padding-top: 0.4em;
			padding-right:0.5em;
		}
	
			img.bannerCabecera{
				width: 45.5em;
				height: 5.625em;
			}
	
	/* Para el menu de la Cabecera */
	
	#fondoMenuCabecera{
			height:2.5em;
			position:absolute;
			width:62.7em;
			z-index:1;
	}
	
		img.fondoMenuCabecera{
			margin-left:0.2em;
			height:2.5em;
			width: 62em;

		}
		
	#menuCabecera{
		background-color:transparent;
		clear:both;
		color:#CCCCCC;
		position:relative;
		text-align:left;
		width:62.6em;
		height:2.5em;
		z-index:2;
	}
		
		img.ladoIzqMenuCab{
			float:left;
			width: 1.5625em;
			height:2.5em;
			padding-left:0.05em;
		}
			
			
		div.itemMenuCabecera{
			float:left;
			display:inline;
			text-align: center;
			padding-top:0.7em;
			margin-right: 2em;
			margin-left: 1em;
			color: White;
		}
			
			a.enlaceMenuCab{
				color: White;
				text-decoration:none;
			}
			
			a.enlaceMenuCab:hover{
				color: #99E7FF;
			}
	
		img.separadorMenu{
			float:left;
			width:0.125em;
			height:2.5em;
			margin-right:1em;
		}
			
		img.ladoDechMenuCab{	
			float:right;
			width: 1.5625em;
			height:2.5em;
			padding-right: 0.1em;
		}
	
						
	#fondoInferiorCabecera{
		width: 62.7em;
		height:1.375em;
	}
		
		img.fondoInferiorCabecera{
			width: 62.7em;
			height:1.375em;
		}
	
/* ------------------------------------------------------------- */
/*                     Para la parte central                     */
/* ------------------------------------------------------------- */

#contenido {
	width: 37em;
	background-color: #FFFFFF;
	float:left;
	min-height: 30em;
	padding-left:1.5em;
	/*margin-top:1em;*/
}

/*-----------------------------------------------
-					Página Home								-
-------------------------------------------------*/

div#todasCategorias{
	float:left;
	margin-top:0.8em;
}


	div.categoriasHome{
		float:left;
		width: 11em;
		height: 8em;
		margin-right:0.5em;
	}

		img.circuloGrande{
			width: 0.6875em;
			height: 0.6875em;
		}

		a.letraNombreCategoria{
			color: #676767;
			margin-left:0.2em;
			margin-bottom:1em;
			text-decoration:none;
		}
		
		div.SubCategoriasHome{
			padding-top:0.5em;
		}	
		
			.itemSubcategoriaHome{
				padding-left:1.1em;
			}
			
			a.letraNombreSubcategoria{
			text-decoration: none;
			}
			
			a.letraNombreSubcategoria:hover, a.letraNombreCategoria:hover{
			text-decoration: underline;
			color:#0170DB;
			}



/*-----------------------------------------------
-					Página de Categoria					-
-------------------------------------------------*/

#categoria{
	float:left;
	height:auto;
	width:37em;
}

		span.letraNombreCategoria{
			margin-left:0.2em;
		}

		.itemSubcategoria{
			padding-left:1.1em;
			padding-top: 0.7em;
			float:left;
			width:16.5em;
		}
			
		div.separadorCategoria{
			border-top-style: dotted;
			border-top-width: thin;
			float:left;
			width:100%;
			margin-top:1.5em;
			margin-bottom: 1.5em;
			line-height: 0;
		}

#paginas{
	float:left;
	height:auto;
}
	
		img.circuloPequeno{
			width: 0.5em;
			height: 0.5em;
			padding-left:0.1em;
		}
		
		span.letraTituloPagina{
			margin-left:0.4em;
		}
		
		
/*-----------------------------------------------
-					Página de Noticias					-
-------------------------------------------------*/		
#noticias{
	float:left;
	height:auto;
}

		#tituloNoticias{
			margin-bottom: 1.5em;
		}
		
			span.letraNombrePaginaNoticias{
				margin-left:0.1em;
			}
		
		
		#cajaNoticia{
			float:left;
			height:auto;
		}

				a.letraTituloNoticia{
					margin-left:0.3em;
					text-decoration:none;
				}
				
				span.letraFechaNoticia{
					margin-left:0.4em;
				}
		

		div.resumenNoticia{
			padding-left: 0.3em;			
			margin-top:0.5em;
			width:36em;
			height:auto;
		}
		
			p.resumenNoticia{
				margin:0;
				padding:0;
			}
			
			div.separadorNoticia{
				border-top-style: dotted;
				border-top-width: thin;
				float:left;
				width:100%;
				margin-bottom:1em;
				margin-top:1em;
				line-height: 0;
			}
	
/*-----------------------------------------------
-					Para el Camino							-
-------------------------------------------------*/			

div#camino{
	margin-bottom:1em;
}
		
	a.enlaceCamino{
		text-decoration: none;
		color: #676767;
	}	
	a.enlaceCamino:hover{
		text-decoration: underline;
		color:#0170DB;
	}
	
	span.finalCamino{
		color:black;
	}
	
/*-----------------------------------------------
-					Banners Parte Central				-
-------------------------------------------------*/		

#bannerDerecha{
	float:right;
	width:21em;
	height: 37.5em;
	padding-right:0.5em;
}

	img.bannerDerecha{
		width:21em;
		height: 17.5em;
		margin-bottom: 2.5em;
	}