
* {
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: auto; /*auto= margen superior e inferior*/
	text-align: center; /*text-align es hereditaria por lo tanto 
	                    debemos regresarla a su configuración normal*/
}


.agrupar44 {
	width: 1000px; /*Ancho del contenedor*/
	margin: auto; /*auto= margen superior e inferior*/
	
	text-align: center; /*text-align es hereditaria por lo tanto 	                    debemos regresarla a su configuración normal*/
	border: 2px dashed #000 ;

}




#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*/
}

#agrupar22 {
	width: 900px; /*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: #ffcc00;
	border: 2px dashed #000 ;
	padding: 0px;
	margin: 0px  auto;
}

.perro33{
	/* background: #76bce1; */
	size: 4px;
	padding: 20px;
	text-align: center;
	
}

.cabecera44 {
	width:800px;
	text-align: center;
	color: #FFF ;
	background: #FC0;
	border: 2px dashed #000 ;
	padding: 5px;
	margin: 0px auto;
}


.tabla44>td{
	/* width: 20px; */
	/* height: 20px; */
	width: auto;
	/* padding: 5px; */
}

#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;
}

.input{
	font-size: 20px;
	/* border: 1px solid #999999; */
	padding: 5px;
	/* margin-bottom: 15px; */
	width: 150px;
	background: #80d685;


	}
	
	
#pie {
	clear: both;
	background: #CCCCCC;
	text-align: center;
	padding: 20px;
	border-top: 2px solid #999999;
	width: 100%; /*Ancho del contenedor*/
}

article {

	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;
}

.boton{
			background:#0033cc;
			color:#FFF;
			font-weight:bold;
			font-size:15px;
			padding:10px;
			
			}
			
			.boton:hover{
				cursor: pointer;				
				
				}
	
	
