* {
margin: 5px;
padding: 0px;
}

header, section, footer, aside, nav, article, figure, figcaption,
hgroup{
display: block;
}

h1 {
font: bold 22px verdana, sans-serif;
}
h2 {
font: bold 14px verdana, sans-serif;
}

body {
text-align: center  ;

}
A:link {text-decoration:none;color:#0000cc;} 


A:visited {text-decoration:none;color: #000;} 


A:active {text-decoration:none;color: #F60;} 


A:hover {text-decoration:underline;color: #06C;} 



#agrupar {
	width: 800px; /*Ancho del contenedor*/
	margin: 1px  auto; /*auto= margen superior e inferior*/
	text-align: center; /*text-align es hereditaria por lo tanto 
	                    debemos regresarla a su configuración normal*/
}

#agrupar1 {
	width: 500px; /*Ancho del contenedor*/
	margin: 0px  auto; /*auto= margen superior e inferior*/
	text-align: center; /*text-align es hereditaria por lo tanto 
	                    debemos regresarla a su configuración normal*/
}

#cabecera {
	text-align: center;
	color: #FFF ;
	background: #FC0;
	border: 2px dashed #000 ;
	padding: 5px;
	margin: 0px  auto;
}

#menu {
	background: #FFF;
	border: 0px solid ;
	padding: 0px 5px;
	margin: 0px  auto;
}
#menu li {
	display: inline-block;
	list-style: none;
	border: 1px;
	padding: 0px ;
	font: bold 25px Tahoma, Geneva, sans-serif;
}

#seccion {
	width: 100%;
	margin: 0px;
	float: none;
}

#columna {
	width: 20%;
	margin: 20px 0px;
	float: left;
	padding: 20px;
	background: #CCCCCC;
}

#pie {
	clear: both;
	background: #CCCCCC;
	text-align: center;
	padding: 20px;
	border-top: 2px solid #999999;
	width: 100%; /*Ancho del contenedor*/
}

article {
	background: #FFFBCC;
	border: 1px solid #999999;
	padding: 20px;
	margin-bottom: 15px;
}

article footer {
	text-align: center;
}

article article {
	text-align: center;
}
time {
	color: #999999;
}

figcaption {
	font: italic 14px verdana, sans-serif;
}