/* -----------------------
Base styles
------------------------*/



body
{
    
   /*font-family: 'Minion Pro', sans-serif;*/
   /*font-family: 'Montserrat', sans-serif;*/


    margin: 0;
	padding: 0;
    
	color: #333;
	background-color: #eee;
	font: 1em/1.2 ;/*"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;*/
    
}

/* newsletter */
.altaNewsletter {
    padding: 10px 20px !important;
    border-radius: 2px !important; 
    font-size: inherit !important;
    color: white !important;
    font-weight: normal !important;
    margin-bottom: 20px;
}
/* imagen de promo*/
.promoListado {position:absolute; text-align:center;right:78px;left:auto;}
.promoListadoTexto {position:absolute; text-align:left;right:0px;left:0px; color: white;}

.copyright {font-size: 0.75em; padding-top: 5px; text-align: center;}

.catalogo-list-edicion {
    position: absolute;
    top: 6px;
    float: right;
    margin-right: 7px;
    right: 59px;
    height: 0;
    overflow: visible;
    z-index: 11;
}




.edicion {
    z-index:9; width:100%;height:100%;position: absolute;overflow: visible;top:0;left:0;
    /*padding: 4px 0 0 9px;*/
    width: 38px;
    height: 55px;
    background-image: url(../images/iconos.png);
    background-position: -48px -125px;
    color: #f0f0f0;
    font-size: 1.0em;
    font-weight: 600;

}




.corner-ribbon-ebook {
 width: 100px;
 position: relative;
 text-align:center;
 line-height:27px;
 color:#f0f0f0;
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 z-index:10;
 font-family:'Noto Sans',sans-serif;
 letter-spacing:0.5px;
 top: 15px;
 left: -20px;
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 background: #e43;
 font-size: 0.75em;
}


.corner-ribbon {
 width:200px;
 position:absolute;
 text-align:center;
 line-height:27px;
 color:#f0f0f0;
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 z-index:10;
 font-family:'Noto Sans',sans-serif;
 letter-spacing:0.5px;
 top:22px;
 right:78px;
 left:auto;
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
}
.corner-ribbon.green {
 background:#2c7;
}
.corner-ribbon.red {
 background:#e43;
}
.corner-ribbon.black {
 background:#333;
}
.corner-ribbon.orange {
 background:#ffcc00;
 color:#660000;
}




h1,h2,h3,h4,h5,h6
{
	margin: 0 0 .5em;
	font-weight: 500;
	line-height: 1.1;
}

h1 { font-size: 2.25em; } /* 36px */
h2 { font-size: 1.75em; } /* 28px */
h3 { font-size: 1.375em; } /* 22px */
h4 { font-size: 1.125em; } /* 18px */
h5 { font-size: 1em; } /* 16px */
h6 { font-size: .875em; } /* 14px */

p
{
	margin: 0 0 1.5em;
	line-height: 1.5;
}

blockquote
{
	padding: 1em 2em;
	margin: 0 0 2em;
	border-left: 5px solid #eee;
}

hr
{
	height: 0;
	margin-top: 1em;
	margin-bottom: 2em;
	border: 0;
    border-top: 1px solid #ddd;
}

table
{
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	/*border-top: 1px solid #ddd;*/
}

th, td
{
	padding: .5em 1em;
	vertical-align: top;
	text-align: left;
	/*border-bottom: 1px solid #ddd;*/
}

a:link { color: grey; }
a:visited { color: grey; }
a:focus { color: white; }
a:hover { color: grey; }
a:active { color: black; }

/* -----------------------
Layout styles
------------------------*/

.container
{
	max-width: 70em;
	margin: 0 auto;
}

.header
{
	color: #fff;
	background: #000; /*old: 555*/
	/*padding: 1em 1.25em;*/
    margin: 0;
    padding: 0;
}

.header-heading { margin: 0; }

.nav-bar
{
	background: #000;
	padding: 0;
    margin: 0;/*nuevo*/
}

/*.container{min-height: 450px;} /* siempre pie de pagina abajo con contenido minimo*/

.content
{
	padding: 1em 1.25em;
	background-color: #fff;
    
}

.altominimo {min-height: 500px;}


img.center {
    position: absolute;
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}

.footer
{
	color: #808080; /* #fff*/
	background: #000;
	padding: 1em 1.25em;
    bottom: 0;
    /*
    right: 0;
    left: 0;
    */
  
}

/* -----------------------
Nav old
------------------------*/
/*
.nav {    margin: 0;    padding: 0;    list-style: none;}
.nav li{	display: inline;	margin: 0;    padding: 0.5em;}
.nav a{	display: block;	padding: .7em 1.25em;	color: #fff;	text-decoration: none;	border-bottom: 1px solid gray;}
.nav a:visited { color: white; }
.nav a:focus{	color: black;	background-color: white;   padding: 0.5em;}
.nav a:hover{	color: black;	background-color: gray;    padding: 0.5em;}
.nav a:active{	color: black;	background-color: gray;    padding: 0.5em;}
*/


.FloatRight {	float: right;}
.FloatLeft {	float: left;}
.inline {display: inline;}

/* -----------------------
Single styles
------------------------*/

.img-responsiveNone { max-width: 100%; min-width: 25%; max-height: 100%; min-height: 25%; }



.btn
{
	color: #fff !important;
	background-color: royalblue;
	border-color: #222;
	display: inline-block;
	padding: .5em 1em;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: .2em;
	text-decoration: none;
}

.btn:hover
{
	color: #fff !important;
	background-color: green;
}

.btn:focus
{
	color: #fff !important;
	background-color: black;
}

.btn:active
{
	color: #fff !important;
	background-color: grey;
}

.table
{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.list-unstyled
{
	padding-left: 0;
	list-style: none;
}

.list-inline
{
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}

.list-inline > li
{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}


/* listados bambu*/
.box_up{
	overflow: auto; /* none */
	margin-bottom: 10px;
	float: left;
    width: 100%;
}


#caracteristicasFicha{
    font-size: 1.150em; 
}
.etiq {font-weight: 800; margin-right: 10px;}


/*-------------------
    Novedades listado
-------------------*/


.novedad {float: left;overflow-wrap: break-word;text-align: left;height: 400px; width: 25%; padding: 0;margin: 0; border-bottom: 1px dotted #ccc;/*padding: 20px;font-size: 11px;*/}
.novedadnew {
    float: left;
    display: inline-block;
    text-align: left;
    height: 450px;
    width: 240px;
    padding: 0;
    margin: 0;
} /*padding: 20px;font-size: 11px;}*/


.dropshadowficha {
    -webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		   -moz-box-shadow:0 15px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow:0 15px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}


.dropshadowlistado {
    -webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		   -moz-box-shadow:0 4px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow:0 4px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}


.sombraimagen:before {
		left:80px;
		bottom:5px;
		width:50%;
		height:35%;
		max-width:200px;
		max-height:50px;
		-webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
		   -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
				box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
		-webkit-transform:skew(50deg);
		   -moz-transform:skew(50deg);
			-ms-transform:skew(50deg);
			 -o-transform:skew(50deg);
				transform:skew(50deg);
		-webkit-transform-origin:0 100%;
		   -moz-transform-origin:0 100%;
			-ms-transform-origin:0 100%;
			 -o-transform-origin:0 100%;
				transform-origin:0 100%;
	}

	.sombraimagen:after {
		display:none;
	}



.subtitulo {font-size:1.8em; font-weight: bold;}
.subtituloEvento {font-size:1.8em; font-weight: bold;line-height: normal;}


a.titulo, a:hover.titulo {
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 1.375em; 
    text-decoration: none;
    width: 100px;
}

.autornovedades {
    color: #6b5f4d; font-size:  1.0em; overflow-wrap: break-word;
}






/* -----------------------
Wide styles
------------------------*/

/*

@media (min-width: 42em)
{
	.header { padding: 1.5em 3em; }
	.nav-bar { padding: 1em 3em; }
	.content { padding: 2em 3em; }
	.footer { padding: 2em 3em; }
	
	.nav li
	{
		display: block;
		margin: 0 1em 0 0;
	}
	
	.nav a
	{
		display: block;
		padding: 0;
		border-bottom: 0;
	}

    .img-responsive { min-width: 80%;}

}

*/

/*------------------------
 Efecto imagen info new generica
------------------------*/

/* para los ebook simula el canto del libro, tambien en la ficha */
.textura { background-image:url(../images/textura-portada.png); background-size:100% 100%; position: absolute;}

.ebookhome {height: 215px !important;}

.pitch {color: white; font-size: 0.90em;font-weight: 100;} /* texto info libro*/
.hovereffect {width:90%;height:100%;float:left;overflow: hidden;position:relative;text-align:center;cursor: pointer;} /* pointer hace que funcione en moviles y tablets*/

/* z-index: 10 promocion 11 sobrepone encima y queda oculto*/
.hovereffect .overlay {z-index:11; width:100%;height:100%;position: absolute;overflow: visible;top:0;left:0;opacity:0;background-color: rgba(0,0,0,0.6);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect h2 {text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;background:rgba(0,0,0,0.6);-webkit-transform:translatey(-100px);-ms-transform:translatey(-100px);transform:translatey(-100px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:10px;}
.hovereffect a.info {text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;border:1px solid #fff;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:0px 0 0;padding:7px 14px;}
.hovereffect a.info:hover {box-shadow:0 0 5px #fff;}
.hovereffect:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.hovereffect:hover .overlay {opacity: 1;filter:alpha(opacity=100);}
.hovereffect:hover h2, .hovereffect:hover a.info {opacity: 1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffect:hover a.info {-webkit-transition-delay:.2s;transition-delay:.2s;}
.hovereffect p {margin: 20px 10px;color: #FFFFFF;}

/*------------------------
    FINAL EFECTO IMAGEN
------------------------*/
/*------------------------
 Efecto imagen info home NOVEDADES
------------------------*/

.pitch {color: white; font-size: 0.90em;font-weight: 100;} /* texto info libro*/
.hovereffectnew {width:90%;height:100%;float:left;overflow: hidden;position:relative;text-align:center;/*cursor: pointer;*/} /* pointer hace que funcione en moviles y tablets*/

/* z-index: 10 promocion 11 sobrepone encima y queda oculto*/
.hovereffectnew .overlaynew {z-index:11; width:100%;height:100%;position: absolute;overflow: visible;top:0;left:0;opacity:0;background-color: rgba(0,0,0,0.6);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.hovereffectnew img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffectnew h2 {text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;background:rgba(0,0,0,0.6);-webkit-transform:translatey(-100px);-ms-transform:translatey(-100px);transform:translatey(-100px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:10px;}
.hovereffectnew a.info {text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;border:1px solid #fff;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:0px 0 0;padding:7px 14px;}
.hovereffectnew a.info:hover {box-shadow:0 0 5px #fff;}
.hovereffectnew:hover img {-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);}
/*.hovereffectnew:hover img {-ms-transform:scale(1.2,1);-webkit-transform:scale(1.2,1);transform:scale(1.2,1);}*/
.hovereffectnew:hover .overlaynew {opacity: 1;filter:alpha(opacity=100);}
.hovereffectnew:hover h2, .hovereffectnew:hover a.info {opacity: 1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffectnew:hover a.info {-webkit-transition-delay:.2s;transition-delay:.2s;}
.hovereffectnew p {margin: 20px 10px;color: #FFFFFF;}

/*------------------------
    FINAL EFECTO IMAGEN
------------------------*/






/*-------------
    Autores
  --------------*/

.nombreautor {
       font-size: 1.475em;
       font-weight:bold;
       padding: 0;
       text-decoration: none;
       color: #B09257;
    }

.subtituloautor {font-size:1.375em; font-weight: bold; padding: 0;}
.tituloautor {text-align: center; font-weight: bold; font-size: 1.375em;}
.biografiaLabel {font-size:1.0em;}

.FotoAutorNone {background:transparent;}
.FotoAutorNone:hover {
    opacity: 1.0;
                  transition: opacity .55s ease-in-out;
                  -moz-transition: opacity .55s ease-in-out;
                  -webkit-transition: opacity .55s ease-in-out;
                 background-image: url("../../images/autorReverso.png");
                 
                 width: 120px;
}

/*-------------------
    REsultado busqueda
    -----------------*/
.resultadobusqueda { font-size:1.375em; font-weight: bold; padding: 0; color: #1040ad;}



/* link foot*/ 
.linkfoot a:link {text-decoration: none;}
.linkfoot a:hover {text-decoration: none; color: white;}



/*----------------------
    promociones y otros Pendiente
   -------------------*/
/*
.edicion { padding:4px 0 0 9px; width:38px; height:55px; background-image: url(/images/promocion.png); background-position: -48px -125px; }
a.libro .edicionNum, a.libro .edicionTxt { color:#FFF; }
.edicionNum { display:flex; font-family:'TitilliumWeb-Bold',Arial, Helvetica, sans-serif; font-size:1.4em; }
.superindice { vertical-align:super; font-size:0.6em; }
.edicionTxt { font-size:0.6em; }
    */



/*----------------------
     dias que faltan 
 -----------------------*/

diasQueFaltan {
    float: right;
    padding-top: 10px;
}


@media (min-width: 1000px)   {
    .slide { height: 350px; }
     .carousel-indicators {bottom: -15px;
    }
}

@media (max-width: 768px) {
    .slide {
        height: 150px;
    }

    .carousel {
        margin-bottom: 0px;
    }

    .carousel-indicators {
        bottom: -4px;
    }


    diasquefaltan {
    float: left;
    padding-top: 10px;
    display: block;
}


}


/* ipad */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .slide {
        height: 350px;
    }

    .carousel-indicators {
        bottom: -15px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .slide {
        height: 350px;
    }

    .carousel-indicators {
        bottom: -15px;
    }
}