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


/* css coockies */
#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: auto;
    width: 100%;
    text-align:center;
    background-color: #666;
}
#infobox3 p {
    line-height:58px;
    font-size:12px;
    text-align:center;
	color: #FFF;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
	color: #FFF;
}



#boxnewsletter {
    position: fixed;
    bottom: 50px;
    left: 0px;
    width: 50%;
    z-index: 999998;
    display: block;
}


#infonewsletter {
    margin: 0px;
    position: relative;
    top: 0px;
    height: 38px;
    width: 180px;
    text-align:left;
    background-color: #FFF; /* naranja*/
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 5px -4px rgba(179,166,179,1);
    -moz-box-shadow: 10px 10px 5px -4px rgba(179,166,179,1);
    box-shadow: 10px 10px 5px -4px rgba(179,166,179,1);    
}

#infonewsletter p {
    line-height:38px;
    font-size:12px;
    text-align:center;
	color: #ff6a00;
}

#infonewsletter p a {
    /*margin-right:5px;*/
    text-decoration: underline;
	color: #ff6a00;
}

.calendar tr {padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; margin-bottom: 10px;}
.nameAutorSlide {margin-bottom: 20px; margin-top: 20px;}
.ebookhome img {width: 160px !important; height: 215px !important;}

 .diasquefaltan {
             float:  right;
             /*padding-top: 10px;*/
             display: block;
             padding-bottom: 20px;
         }
.textoproximo {float: left; width: 72%; margin-left: 10px;}

@media (max-width: 978px) {
    /* proximos lanzamientos */
    .diasquefaltan {
        float: left;
        padding-top: 10px;
        display: block;
        padding-bottom: 20px;
    }

    .imgproximo {
        display: none;
    }

    .textoproximo {
        float: left;
        width: 100%;
        margin-left: 0px;
    }

    /*para el carrousel del W3 school y bootstrap*/
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        width: 100%;
        margin: auto;
    }
}


.carousel-indicators {
        left: 0;
        right: 0;
        top: auto;
        bottom: 15px;
        text-align: center;
                
}
.carousel-indicators li {
        float: none;
        display: inline-block;
}

.carousel-indicators li {
        background-color: rgba(179,166,179,1) !important;
        /*background-color: rgba(70,70,70,.25) !important;*/
}

.carousel-indicators .active {
    background-color: #FFF !important;
}

hr.hrLittleOrange {height:0px; margin:0px; padding: 0px; background-color: #e0b393;}
hr.hrLittleGrey {height:0px; margin:0px; padding: 0px; background-color: rgba(141, 135, 141, 0.67);}


/* fade activo https://codepen.io/redfrost/pen/QwWMwb */

.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}

.carousel-fade .next.left,
.carousel-fade .prev.right,
.carousel-fade .item.active { opacity: 1; }

.carousel-fade .active.left,
.carousel-fade .active.right {
left: 0;
opacity: 0;
z-index: 1;
}


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}




/* Carousel Control custom */
.carousel-control .control-icon {
font-size: 48px;
height: 30px;
margin-top: -15px;
width: 30px;
display: inline-block;
position: absolute;
top: 50%;
z-index: 5;
}

.carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
.carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;   
    /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
    /* Assigning animation to indicator li will make slides flicker */
    } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active, .carousel-indicators li { border: 0; }

.carousel-indicators li {
    background: #666;
    margin: -10px 3px;
    width: 11px;
    height: 11px;
    }

.carousel-indicators li.active {
    background: #fff;
    margin: -10px 3px;
    }


/* para las novedades papel las flechas deben quedar más arriba */
#novedades-slider .flex-direction-nav a {top: 35% !important;}
        
/* --- sombra portada para carousel */
.sombraimagen {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}