/* ---------------------------------------------------
	Reseteo
------------------------------------------------------ */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
html, body {
	height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
a img, :link img, :visited img {
	border:none
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* ---------------------------------------------------
	General
------------------------------------------------------ */
body {
	font-family: Georgia;
	background: #808080;
}
h1 {
	font-size: 30px;
	line-height: 1.5;
	color: #fff;
	background: #ad1f25;
}
h2 {
	font-size: 21px;
	line-height: 1.2;
	color: #821517;
}
p {
	font-size: 15px;
	line-height: 1.2;
	color: #231f20;
}
/* ---------------------------------------------------
	Diagramación
------------------------------------------------------ */
#principal {
	width: 676px;
	margin: 20px auto;
	border: 12px solid #fff;
	background: #c9c8c1;
}
#publicaciones {
	padding: 0 20px 20px;
}
#pie {
	padding: 14px 20px;
	font-size: 12px;
	color: #fff;
	background: #1a1a1a;
}
.activar {
	margin-top: 20px;
}
.coleccion {
	overflow: hidden;
}
coleccion:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}
h1 {
	padding: 0 20px;
}
ul {
	height: 100%;
}
li {
	float: left;
	width: 25%;
	text-align: center;
}
li span {	
	display: block;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	color: #1a1a1a;
}
.tapa {
	float:left; 
	margin-right: 20px;
	margin-bottom: 20px;
}
.coleccion li {
	height: 230px
}