body{
	background-image: url(../../img/fondo.jpg);
}

#barra-arriba{
	max-width: 900px;
	margin-top: 20px;
	border-radius: 5px;
	background-color: #fff;
	min-height: 45px;
	padding-top: 15px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

#contenedor{
	padding-top: 20px;
	max-width: 930px;
}
#ima-logo{
	margin-bottom: 15px;
}

.span2{
	background-color: #000;
}

.menu-lateral{

	background-color: #000;

} 
.categorias{
	padding-left: 20px;

}
.fondo-destacados{
	background-color:#dededd;
	height:40px;
	width:100%;
	border-top-right-radius:6px;
	}
.destacados{
	width: 100%;
	max-width:150px;
	background-color: #26a2da;
	height: 16;
	padding-left: 18px;
	padding-top: 10px;
	padding-bottom: 11px;
	border-top-left-radius:6px;
	color:#FFF8F8;
	float:left;
	}
.aviso{
	float: left;
	display: inline-block;
	padding-top: 8px;
	padding-left: 10px;
}	
		
.registrarse{
	margin-right:20px;
	display:inline;
	height: 50px;
	}	
.iniciar-sesion{
	margin-right:20px;
	display:inline;
	}	
#categorias{
	padding-bottom:8px;
	width: 200px;
	}
	
#noti{
	max-height:75px;
	min-width:200px;
	border: solid 2px ;
	border-color:#737070 
	}	
#sec-noti{
	border-bottom:solid 1px #D1D0D0;
	}
#telefono{width:60%;}
#contrasena-1{width:60%; }	
#contrasena-2{width:60%; }	
.panel-categorias{ padding-top:10px; padding-left:15px; font-size:12px; color: #837D7D; font-weight: 600;}		
	
	
@media (max-width: 480px) {
  #trama{display:none; }
}

#libro-cate{
	border-radius: 2px;
	background-color: #fff;
	padding-top: 5px;



}

.titulo{
	text-align: center;
font-size: 12px;
color: #fff;
padding-top: 5px;

}
.precios{text-align: center; padding-bottom: 9px;}
.vermas{text-align: center; padding-top: 10px;}

#cate{
	width: 130px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 17px;
	background-color: #fff;
	border-radius: 3px;
	padding: 5px;
}

.enlaces{
	text-align:right;
	float:right;
	}
#imagen-detalle{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

	}	
.social{
	padding-top:10px;
	float: right;
}
#pdf{
	height: 600px;
	border-radius: 10px;
}
#bs-example-navbar-collapse-1 a:hover{

	background-color: gray;
}
.texto-noticias{padding-top: 10px; text-align: justify; margin-bottom: -25px;}
#sociales-noticias{padding-left: 20px;}
#leermas{padding-right: 20px;}
.ima-noticias{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(166,161,166,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(166,161,166,1);
box-shadow: 0px 0px 5px 0px rgba(166,161,166,1);}
.text-left{
	float: left;
	width: 200px;
	padding-top: 5px;

}


.nota-informativa {
padding:5px; /*Espaciado interno*/
width:180px; /*Ancho del contenedor*/
text-align:center; /*Alineación del texto*/
background-color: #000;
opacity: 0.5;
border-radius: 5px;
color: #fff;
font-weight: 600;
position:fixed; /*Permite que se mantenga estático*/
display:none; /*Oculta el contenedor*/
right:10px; /*Separación del borde izquierdo*/
bottom:80px; /*Separación inferior del borde*/
box-shadow:0 0 5px #555; /*Sombras CSS3*/
z-index: 999999;
}

#libros-galeria{
	margin-left: 2px;
	margin-right: 1px;
}

#im{
	margin-top: -25px;
	border-radius: 0px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #535a6c;
	border-radius:5px; 
	min-height: 72px;
}

.imagen-libro{
	border-radius: 0px !important;
}

#preciooferta{
	margin-bottom: 2px;
}
.social{
	float: left;
	margin-top: -21px;
}








.image_carousel {
	position: relative;
	width:690px;
	margin:0px auto;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 4px;
	margin: 2px;
	display: block;
	float: left;
	width: 168px;
	height: 200px;
	margin-top: 7px;
}
.titu{
display: block;
float: left;
margin-top: 211px;
margin-left: -164px;
max-width: 164px;
font-size: 11px;
}

.titu a{
    text-decoration: none;
}


.caroufredsel_wrapper{ width: 688px !important;}

#altura-cate2{
	height:305px;

}
#altura-cate3{
	height:305px;

}
#altura-cate4{
	height:305px;

}
#altura-cate5{
	height:305px;

}


@media only screen and (min-device-width : 320px){
 	.image_carousel {
	position: relative;
	width:97%;
	margin:0px auto;
}

.caroufredsel_wrapper{ width: 100% !important;}
}
.flechas{
	float: right;
	margin-right: 10px;
	margin-top: 7px;
}

.flechas-blanco{
	float: right;
	margin-right: 10px;
	margin-top: -20px;

}