/*
        //---------------------------------------------------------------------------------------------------------
        // 1/Febrero/2016
        // Versión 1.0 Estilos principales del apartado home
        //---------------------------------------------------------------------------------------------------------
        //
        //*********************************************************************************************************
        //	COLOLES
        //*********************************************************************************************************
        //	Gris oscuro:	#646569 :hover	#979797
        //	Gris letras:	#636363
        //	Naranja fuerte:	#f8972e	
        //	Blanco roto:	#fbf7f8
        //	Salmon:			#fff0db
        //
        //---------------------------------------------------------------------------------------------------------*/

/*
        //------------------------------------------------------------------
        // MIGA Y ORDENACION
        //------------------------------------------------------------------
*/

.selector_elementos_escaparate {
    float: right;
    margin-left: 10px;
}

.ordenaciones {
    float: right;
}

.miga span {
    display: inline-block;
    color: #636363;
    font-weight: normal;
}

.miga form {
    display: inline;
}

.miga form select {
    border-color: #f8972e;
}

/*
        //------------------------------------------------------------------
        //	Lista de articulos
        //------------------------------------------------------------------
*/

.lista_articulos {
    display: -webkit-flex;/* Safari */
    -webkit-flex-wrap: wrap;/* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    /* background: #f8972e; */
    margin-top: 45px;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    overflow: hidden;
}

.lista_articulos div.contenedor_article {
    width: 49.9%;
    margin: 0px auto 1px;
    background: #fff;
    /*min-width: 500px;*/
    display: inline-block;
    vertical-align:top;
    float: left;
}
.lista_articulos div.contenedor_article:nth-child(2n){
    border-bottom:1px solid #f8972e;
    border-left: 1px solid #f8972e;
}
.lista_articulos div.contenedor_article:nth-child(2n-1){
    /* border-right: 1px solid #f8972e; */
    border-bottom:1px solid #f8972e;
}


/*
        //------------------------------------------------------------------
        //	Mini Ficha
        //------------------------------------------------------------------
*/

.portada_mini_ficha .portada {
    float: left;
    margin: 12px 15px 12px 25px;
}

.contenedor_datos_principales h3 {
    margin: 12px 20px 0 0px;
    font-size: 21px;
    font-weight: normal;
}

.contenedor_datos_principales {
    display: flex;
    overflow:hidden;	
    flex-wrap: wrap;
}
.contenedor_datos_principales h3 a {
    position: relative;
    overflow: hidden;
    display: block;
    height: 48px;
    color: #000;
    font-weight: bold;
}
h3 span.ellipsis {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
}

h3 span.fill {
    background: #fff;
    height: 100%;
    position: absolute;      
    width: 100%;
}

.contenedor_datos_principales h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 25px 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height:24px;
}

.contenedor_datos_principales h4 a {

    color: #636363;

    font-weight: bold;
}
.portada_mini_ficha {
    flex: 0 0 180px;
}
.portada_mini_ficha h5 {
	margin: 12px 15px 12px 25px;
	text-align: center;
	font-weight: 500;
}

.contenedor_datos {
    flex: 1 1 ;
    overflow: hidden;
    margin-bottom: 8px;
}
.contenedor_datos div.info{
    height: 250px;
}

.contenedor_datos h5 {
    font-size: 14px;
    color: #636363;
    font-weight: normal;
    margin: 2px 25px 2px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px;
}
.contenedor_datos h5 a{
    color:#636363;
    font-weight: bold;
}
.contenedor_datos .escaparates_articulo{
	
}
.contenedor_datos .escaparates_articulo p{
	margin: 2px 25px 2px 0;
	font-size: 14px;
    color: #636363;
    font-weight: normal;
}
.contenedor_datos .escaparates_articulo ul{
	margin:0;
}
.contenedor_datos .escaparates_articulo li{
	margin: 2px 25px 2px 0;
	font-size: 14px;
    color: #636363;
    font-weight: bold;
}
.contenedor_datos .escaparates_articulo li a{
	color: #f8972e;
}
.contenedor_datos_principales .botones{
    margin:2px 25px 23px;
    width: 100%;
}
.contenedor_datos_principales .botones a {
    background: #f8972e;
    padding: 9px 13px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
}
.contenedor_datos_principales .botones a:hover {
    background:#fff0db;
    color:#f8972e;
}
.contenedor_datos_principales .botones .btnComprar_disabled a:hover {
    background:#f8972e;
    color:#fff;
}
.contenedor_datos_principales .btnComprar, .contenedor_datos_principales .btnComprar_disabled {
    display: inline-block;
    float:right;
}
.btnComprar_disabled a{
    cursor: context-menu;
}
.btnComprar p, p.bt_comprar  {
    margin: 0;
}
.precio_articulo {
    position: relative;
	text-align: right;
}
p.precio_actual {
    margin: 0px 25px 0 0px;
    padding-top: 8px;
    text-align: right;
    font-size: 28px;
    color: #636363;
	display: inline-block;
}
p.precio_anterior {
   display: inline-block;
    top: -3px;
    margin: 0;
	margin-right:5px;
    font-size: 22px;
    color: #f8972e;
    text-decoration: line-through;
}
/*
        //------------------------------------------------------------------
        //	Observaciones
        //------------------------------------------------------------------
*/

.observaciones {
    margin: 5px 25px 25px;
    color: #636363;
    height:62px
}

.observaciones h6 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
    font-weight: bold;
    color:#000;
}

.observaciones div {
    text-align: justify;
    height: 40px;
    overflow: hidden;
    position: relative;
    text-indent: 35px;
}
.observaciones div span.ellipsis {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
}

.observaciones div span.fill {
    background: #fff;
    height: 100%;
    position: absolute;      
    width: 100%;
}
/*
        //------------------------------------------------------------------
        //	Paginador
        //------------------------------------------------------------------
*/

.paginador {
    border-top: 1px solid #f8972e;
    margin-top: 20px;
    overflow: hidden;
    padding: 5px 5px 0;
    text-align: right;
}

.paginador span.texto_normal {
    display: none;
}

.paginador span {
    float: none;
    color: #636363;
}

.paginador span.num_elementos {
    float: left;
    color: #636363;
}

.paginador span span {
    float: none;
}
.paginador span.num_elementos strong {
    font-weight: normal;
}

.paginador a {
    color: #636363;
    margin: 0 2px;
}

.paginador span a.selecionado {
    color: #f8972e;
}

/*
        //---------------------------------------------------------------------------------------------------------
        // MEDIA PARA IE
        //---------------------------------------------------------------------------------------------------------
*/
@media screen\0 {
    .lista_articulos {
        -webkit-box-shadow: inset 0 0 0 2px #fff;
        -moz-box-shadow: inset 0 0 0 2px #fff;
        box-shadow: inset 0 0 0 2px #fff;
    }
}

@media screen and (min-width: 1024px) {	

    .contenedor_datos_principales h3 {
        font-size: 19px;

    }
    .contenedor_datos_principales h3 a {
        height:45px;
    }
    .contenedor_datos h5 {
        font-size: 12px;
    }
    .contenedor_datos_principales h4 {
        font-size: 14px;
    }
    .observaciones h6 {
        font-size: 12px;
    }
    .escaparates_articulo ul {
        font-size: 14px;
    }
}


@media screen and (min-width: 1330px) {
    .contenedor_datos_principales h3 {
        font-size: 23px;

    }
    .contenedor_datos_principales h3 a {
        height:58px;

    }
    .contenedor_datos_principales h4 {
        font-size: 18px;

    }
    .contenedor_datos h5, .contenedor_datos .escaparates_articulo p,.contenedor_datos .escaparates_articulo li  {
        font-size: 16px;
    }
    .observaciones h6 {
        font-size: 16px;
    }
    .escaparates_articulo ul {
        font-size: 18px;
    }
	.escaparates_articulo ul {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .lista_articulos {
        /* background: #fff; 
        min-width: 1010px;*/
        display: block;
        flex-wrap: nowrap;
    }
    .lista_articulos div.contenedor_article{
        /* border:1px solid #f8972e; */
        /* border-top:none; */
        width: 100%;
        float: none;
    }

}