/* CSS Document */
/*  22/07/15 */
@media screen and (min-width:0px) and (max-width: 240px){}
@media screen and (min-width:241px) and (max-width: 320px){}
@media screen and (min-width:321px) and (max-width: 360px){}
@media screen and (min-width:361px) and (max-width: 375px){}
@media screen and (min-width:376px) and (max-width: 480px){}
@media screen and (min-width:481px) and (max-width: 568px){}
@media screen and (min-width:569px) and (max-width: 667px){}
@media screen and (min-width:668px) and (max-width: 768px){}
@media screen and (min-width:769px) and (max-width: 800px){}
@media screen and (min-width:801px) and (max-width: 999px){}



*
	{
	margin:0%;
	padding:0%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			   box-sizing: border-box;
	}

.doscientos
,
#pie .columna01.doscientos
,
.nv
{
	visibility:hidden;
	display:none;
	width:0px;
	height:0px;
	padding:0px;
	margin:0px;
	}	


a{
	text-decoration: none;
}


body
	{
	text-align:center;
	padding:0px;
	margin:0px;
	width:100%;
/*	height:100%;*/
	}

#centro
	{
	display:block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	width:1008px;
	text-align:left;
	}
@media screen and and (max-width: 999px)
	{
#centro
	{
	display:block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:left;
	}
	
	}
	
/*
19/01/16
si sique dando problemas 
	1 un centro para cada resolución
	2 anidar en una franja a las dos columnas y poner le a esa franja el fondo de color  
*/
#columna_derecha
	{
	width: 67%;
	/*height:509px;*/
	
	display:block;
	float:left;
	clear:right;

	margin: 0px;
	padding: 0px;
/*	padding-bottom:5.3%;*/
	text-align:center;
	}

#columna_derecha h1
	{
	padding-top:2%;
	padding-bottom:2%;
	}

#columna_derecha h2
	{
	padding-top:2%;
	padding-bottom:2%;
	font-size:22px;
	}

	
#columna_derecha img.contenidos
	{
	float:right;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 2%;
	}	

#columna_derecha .libro_ficha
	{
	margin-top:20px;
	text-align:left;
	padding-right:3%;
	}

#columna_derecha .libro_ficha p
	{
	margin-bottom:0px;
	}

#columna_derecha .libro_ficha ul
	{
	margin-top:20px;
	padding:0px;
	/*
				column-count: 2;
       -moz-column-count: 2;
    -webkit-column-count: 2;
	*/
	margin-bottom:20px;
	}
	
#columna_derecha .libro_ficha ul li	
	{
	padding-left:25px;
	}

#columna_derecha h1
	{
	text-align:center;
	}

#columna_derecha .libro_ficha ul li .isbn
	{
	/*font-size:12px;*/
	}

	
#columna_derecha p
	{
	margin-bottom:2%;
	padding-left:2%;
	text-align:left;
	}

#columna_derecha ul
	{
	padding-top:5%;
	text-align:left;
	}

#columna_derecha ul.colecciones
	{
				column-count: 3;
       -moz-column-count: 3;
    -webkit-column-count: 3;
	}

@media screen and (min-width:1000px)
	{
#columna_derecha ul.colecciones
	{
				column-count: 3;
       -moz-column-count: 3;
    -webkit-column-count: 3;
	}
	}


#columna_derecha ul li
	{
	padding-left:15%;
	list-style-position: inside;
	list-style-type: square;
}

#columna_izquierda
	{
	width: 33%;
	margin: 0px;
	padding: 0px;
	display:block;
	float:left;
	clear:right;
	}

#columna_izquierda #barra_horizontal
	{
	display:block;
	float:left;
	clear:right;
	width:100%;
	margin:0px;
	padding-left:10%;

	}

#columna_izquierda #barra_horizontal a
	{
	display:block;
	width:100%;
	/*line-height: 42px;*/
	line-height: 35px;
	/*font-size:22px;*/
	font-size:18px;
	
	margin-right:1%;
	margin-bottom:0.25%;
	padding-left:1%;
	padding-right: 1%;
	
	float:left;
	clear:both;
	font-weight: bolder;
	
	}


#columna_izquierda .logo img
	{
	width:90%;
	height:auto;
	margin-left:10%;
	}

form.buscador_php
	{
	display:block;
	float:left;
	clear:both;
	width:95%;
	padding:1%;
	text-align:center;
	}

form.buscador_php input
	{
	display:block;
	float:none;
	clear:both;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	}

form.buscador_php input.boton
	{
	width:33%;
	}

hr{margin:5%;}

#pie
	{
	padding:0px;
	width:100%;
	font-size:14px;
	}

#pie .columna01
,
#pie .columna02
	{
	display:block;
	float:left;
	clear:right;
	width:33%;
	padding:1%;
	padding-right:2%;

	text-align:left;
	}

#pie .columna03
	{
	display:block;
	float:left;
	clear:right;
	width:34%;
	padding:1%;
	text-align:left;
	}

#pie .columna01
,
#pie .columna02
,
#pie .columna03
	{
	height:175px;}

.revista_cuadrado
	{
	display:block;
	float:left;
	clear:right;
	width:21%;
	/*height:280px;*/
	height:320px;
	overflow:hidden;
	margin:2%;
	padding:2%;
	font-family: "Arial Narrow";
	font-size: 16px;
	}

@media screen and (min-width:568px) and (max-width: 998px)
	{ .revista_cuadrado{width:29%;}}

@media screen and (min-width:568px) and (max-width: 667px)
	{
	.revista_cuadrado
		{
		height:280px;
		}
	
	}

@media screen and and (max-width: 999px)
	{
	.revista_cuadrado
		{
		height:320px;
		}
	}


.revista_cuadrado a img
,
.revista_cuadrado a 
	{
	/*
	height:175px;
	width:113px;
	*/
	}

.revista_cuadrado .titu{
/*	background-color: #00FF66;*/
/*	height: 85px;*/
height:106px;
	overflow:hidden;
}