/**
* Estilos Home fotoque 27/04/2017
*/
@import 'colores';
@import 'ficha_conf';
@import 'carrousel';
@import 'banner';
/*
* Comezamos CSS
*/
/*------------------------------
*		MediaQuery
--------------------------------*/
/*******************************************************************************
separadores de los escaparates con los titulos de los escaparates
********************************************************************************/

h4.title_block{
    margin: 30px 0 9px;
    padding:0px 40px 16px 20px;
    font-weight: 400;
    text-align: left;
    font-size: 28px;
    font-family: $fuente3;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0em;
    color: $titulo_escaparate_fuente;
    border-bottom: 1px solid $gris;
    a{
        color:$titulo_escaparate_fuente;
        position:relative;
        &:hover{
            color:$titulo_escaparate_fuente_hover;
        }
        i{
            font-style: normal; 
        }
    }
}
.group{
    overflow: hidden;
}
.box-desc-esca {
    position:  relative;
}
span.mdi.mdi-chevron-up {
    position:  absolute;
    left: 16.5%;
    width: 67%;
    text-align: center;
    border-top: 1px solid $terciario;
    color:$terciario;
    &:before{
        position: relative;
        top: -10px;
        display: inline-block;
        width: 11px;
        margin-left: -2px;
    }
}
.texto-esca-home{
    font-family: $fuente3;
    text-align: left;
    font-size: 1em;
    font-style: normal;
    margin-top:10px;
    &::first-letter{
        font-size: 1.2em;
    }
}
#center_column1, #center_column3{
    padding-right: 0px;
    padding-left: 0px;
}

.center_column {
    @media (max-width:600px){
        padding-right: 0px;
        padding-left: 0px;
    }
}
.lista_articulos {
    margin: 30px 0 0;
    overflow:hidden;
    @include FichaSemaforo();
}

.slider-productos{
    h4.title_block{

    }
    .carrousel{
        margin-top: 15px;
		width:90%;
        margin:auto;
    }
    @include FichaSemaforo();

}
#left_column{
    @include nano_ficha();
}
/************************************************
Slider productos
*************************************************/

@include banner_ancho();
@include bannersMultiples();
@include banner_esca_home_mezcla();
@include carousel_control();
@include product_carousel(452px, 6, 4, 2, 1);
@include imagen_carousel(525px);


.banner_ancho {
    margin-bottom:0;
    .footer{
        height:110px;
        background-attachment: fixed;
        background-position: bottom center;
        background-size: cover;
        p {
            margin: 15px 50px;
            text-align: right;
            color: white;
            font-weight: bold;
            font-size: 34px;
            text-shadow: 1px 1px #000;
            line-height: 95px;
        }
    }
}