.background-body{
	background-image: url("/_img/main-bg.gif");
}

#contenedor{
	padding: 10px;
	background-color: #fff;
	margin: 0px auto;
	width: 80%;
	overflow: hidden;
}

#header{
	margin-bottom: 1em;
	overflow: auto;
}

/*.logo-header{
	width: 200px;
	float: left;
}*/

.grid{
	width: 100%;
	display: table;
	overflow: auto;
}

.previewBook{
	width: 20%;
	max-width: 90%;
	max-height: 90%;
	margin: 10px 5px 5px 10px;
	float: left;
}

.descripcion-libro{
	width: 50%;
	float: left;
}

.description{
	margin: 2em;
	color: #FF0000;
	text-align: center;
}

.preview-container{
	text-align: center;
	width: 100%;
	float: left;
}

.alignRight{
	float: right;
}

img{
	margin: 0;
}

.wrapimageMax{
	max-width: 40%;
	float: left;
	text-align: center;
}

.container-max{
	display: block;
	height: auto;
	overflow: auto;
}

.imgMax{
	width: 90%;
}

.wrapdescriptionMax{
	width: 55%;
	float: left;
	padding-top: 10%;
	text-align: center;
}

.proximas-publicaciones{
	width: 50%;
	text-align: center;
}
/*
img:hover{
	opacity: 0.5;
}
*/

footer{
	width: 70%;
	margin: 0px auto;
}

form{
	margin-bottom: 0;
}

aside{
	float: right;
}

a{
	color: #981A1A;
}

li{
	list-style: none;
}

.col-full {width: 100%; }
.col-one-half {width: 48%; }
.col-one-third {width: 31%; }
.col-two-thirds {width: 62%; }
.col-one-quarter {width: 23%; }
.col-three-quarters {width: 75%; }


/* -------------------------------------------------------------
======	MEDIA QUERIES
------------------------------------------------------------- */

@media only screen and (max-width: 60em) { /* 13 / 780 */
	.mq1-col-full {width: 100%; }
	.mq1-col-one-half {width: 48%; }
	.mq1-col-one-third {width: 31%; }
	.mq1-col-two-thirds {width: 62%; }
	.mq1-col-one-quarter {width: 23%; }
	.mq1-col-three-quarters {width: 75%; }
}

/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media only screen and (max-width: 48em) { /* 13 / 624 */
	.mq2-col-full {width: 100%;}
	.mq2-col-one-half {width: 48%; }
	.mq2-col-one-third { width: 31%; }
	.mq2-col-two-thirds {width: 62%; }
	.mq2-col-one-quarter {width: 23%; }
	.mq2-col-three-quarters {width: 75%; }
}
    
/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media only screen and (max-width: 30em) { /* 13 / 390 */
	.mq3-col-full { width: 100%; }
	.mq3-col-one-half { width: 48%; }
	.mq3-col-one-third { width: 31%; }
	.mq3-col-two-thirds { width: 62%; }
	.mq3-col-one-quarter { width: 23%; }
	.mq3-col-three-quarters { width: 75%; } 
	.mq3-none {display: none;}
}