#nombre_proyectoApp .center {
  float: none!important;
  margin-left: auto!important;
  margin-right: auto!important;
}
#nombre_proyectoApp .container {
  width: 100%!important;
  padding-left: 5px!important;
  padding-right: 0!important;
}

/********    AJUSTE DE "gutter width"    ********/
/* Lo correcto es personalizar la clase .row >
.row.gutter-20 {
  margin-right: -10px;
  margin-left: -10px;
}
o bien >
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
 */
.row {
  margin-right: -5px!important;
  margin-left: -5px!important;
/* A la vez hay que ajustar de igual modo el espacio entre filas*/
  margin-bottom: 0px;
}
[class*="col-"] {
  padding-right: 0px!important;
  padding-left: 0px!important;
}

/********    FORMATEO de enlaces    ********/
a:-webkit-any-link {
  text-decoration: none!important;
  cursor: auto;
}
/* ============== solución problema clase de LEROY
              que jode el funcionamiento del offset   ==========*/
.jodofset1 {
  margin-left: 8.33333%!important;
}
.jodofset2 {
  margin-left: 16.66667%!important;
}
.jodofset3 {
  margin-left: 25%!important;
}
.jodofset4 {
  margin-left: 33.33333%!important;
}
.jodofset5 {
  margin-left: 41.66667%!important;
}

/********    Problema MENU visible de MAGNOLIA    ********/
#nav-sec-productos-sub {
  display: none;
}

/********    Quitar PADDING    ********/
.sinpad {
  padding-right: 0px!important;
  padding-left: 0px!important;
}

/*=======================================*/
/*=============   secciones     =============*/
/*=======================================*/


.carrusel{ width: 100%;}
#seccions + .articulo{
  margin: 20px 0px ;
}


 .banner_listadoProductos{
    width: 936px!important;
    height: 150px;

}

.banner_listadoProductos h2{

    /*font-family: 'Helvetica',Arial, sans-serif !important;*/

    margin-top: -180px !important;
    font-size: 48px !important;
    font-weight: bold !important;
    color: #fff !important;
    letter-spacing: 1px;
    margin-left: 4%;
    text-shadow: 0.3px 1px 0.3px #888;

  }

 .banner_listadoProductos > div {
  
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 0px 0px 46px;
    background-color: rgba(0, 0, 0, 0.10);
  }

.formativo, .banner{margin-bottom: 4%}
.banner{

    width: 936px!important;
    height: 316px;
}

#seccions{ text-align:center; }

.articulo-inner > p{
    font-family: 'Helvetica',Arial, sans-serif !important;
    font-size: 17px;
    font-weight: 100;
    color: #666666;
    max-width: 80%;
  }

#seccions > h3{     
    line-height: 1px;
    font-weight: 300;
    color: #333;
    font-size: 30px;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 60px }



#seccions > p{ 

    color: #999999;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 13px;
    margin-bottom: -5px !important;

  }


  #dm #art_destacado{

    height:360px;
    margin-top: 26px;
    margin-bottom: 14px;

  }


div#art_destacado a:hover img.contenido_prd {
    opacity: 0.5;
}

div#art_destacado a img.contenido_prd{
    width: 65%;
    margin-top: -19px;
    margin-left: 50px;
  
}

.titulo{margin-top: 12px}
.banner{width: 100%;margin-bottom:12px !important;}

#dm .banner > img {width: 100%;text-align: center}
#dm .banner > div {
  
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 14px 0px 0px 46px;
    background-color: rgba(0, 0, 0, 0.10);
  }
.banner > div > h2 {
   /*font-family: 'Helvetica',Arial, sans-serif !important;*/
    top: 5%;
    font-size: 46px !important;
    font-weight: bold !important;
    color: #fff !important;
    letter-spacing: 1px;
    line-height: 56px;
    text-shadow: 0.3px 1px 0.3px #888;
}

.banner > div > h3{ 

    font-family: 'Helvetica',Arial, sans-serif !important;
    color: #fff !important;
    font-weight: bolder !important;
    font-size: 24px !important;
    text-shadow: 0.5px 0.5px 0px #888;

}

#decoradoras .banner > div {
    background-color:rgba(45, 70, 17, 0.4);
    width: auto;
    height: auto;
    position: absolute;
    top: 16px;
    left: 14%;
    border: 6px solid #92e02a !important;
    padding: 10px;
    text-align: center;}


 /*div#dm > div{ margin:5px 10px !important;}*/
 div#dm> div > div{ padding:0px 0px 0px 0px !important;}
 


 #seccions > hr{
  color: #f2f2f2; 
  width: 100%;/*
  display: inline-block;
  float: right;*/
  border: 1.5px solid #f2f2f2;
  margin: 20px 0px 10px 0px}

 .linea_claim2 {
    width: 577px;
    height: 3px;
    background: #efefef;
    margin-left: 25px!important;
    margin-top: 32px;
    float: left;
}

/*=======================================*/
/*=============   destacado  =============*/
/*=======================================*/

div.box-precio{    
    text-align: right;
    margin-right: 20px;}

div.box-precio .precio{
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 500;
    margin-left: 6px !important;

}
.precio_oferta{}

.articulo-inner{

  height: 250px;
  display: table;
  padding-left: 50px

}

  .articulo-inner > p.tit {
    font-size: 2.5em;
    color: #71c85a;
    font-weight: 300;
    max-width: 90%;
}
  }
  .articulo-inner > p.descripcion{
    font-family: initial;
    font-weight: normal;
    width: 85%;
    font-size: 1.5em;
    margin: 20px 0px;
    font-family: Helvetica,Arial, sans-serif !important;
    line-height: normal;
    font-weight: lighter
    height: 0px;
    overflow: hidden;
  }

  .articulo-inner > p.descripcion + ul.listado_descripcion > li{

  color:#5f9302 !important;
  list-style: disc;
  left: 30px;
  width:80%;
}

#imgProduct + img{
   
    display: table-cell;
    vertical-align: middle;

  }

.articulo p.box-precio{text-align: right;padding-right: 8%; }
.articulo p.box-precio .precio{ 
    font-size: 1.9em !important;
    font-weight: 600;
    color:#666;}
.articulo p.box-precio .oferta-ecommerce {
    background-color: #FFE600;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
    color: #FF0000!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    border-radius: 4px;
    font-size: 1.5em !important;
}
.articulo p.box-precio .viejo-ecommerce {
    color: #666;
    /* margin-left: 10px; */
    background-image: url('../img/del-preciounidadviejo.png');
    background-repeat: no-repeat;
    background-position: left 5%;
    background-size: content;
    font-size: 1.5em !important;
    margin-left: 3%;
  }
.articulo .precio_producto {
    height: 30px;
    width: 450px;
    margin-top: 30px !important;
  }

.articulo-inner{
  display: table-cell;
  vertical-align: middle;

}


/*=======================================*/
/*============= productos home ==========*/
/*=======================================*/



/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}


.productos-home.caption{

  width: 90%;
  padding:4px !important;
  text-align: left !important;
}


.productos_home .thumbnail
{
    background-color: #fff;
    border: none;
    height:50%;
    overflow: hidden;
    padding: 0px !important;
    border-radius: 1px !important;
    border:none !important;
    text-align: left;
    margin: 5px 0px 5px 0px!important;


  }

.productos_home .thumbnail > img{

  max-width: 90% !important;
  height: auto;


}

.productos_home .caption h4{
    font-size: 14px !important;
    color: #333 !important;
    padding: 2px 6px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 500 !important;
    letter-spacing:0px;
    overflow: hidden;
    line-height: 18px !important;
    height: 37px !important;
    overflow:hidden;
}

.productos_home h3{
  
    color: #333 !important;
    padding: 3px 0px 38px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 300 !important;
    letter-spacing: 0px;
    overflow: hidden;
    line-height: 18px !important;
    text-align: center;
}

.productos_home h5{

    color: #999999 !important;
    font-weight: 500 !important;
    letter-spacing: 3px;
    font-size: 13px !important;
    line-height: 14px!important;
    text-align: center;
    padding-top: 20px;
    
}


.productos_home p{
    height: 56px;
    color: #b4b4b4;
    line-height: 18px;
    font-size: 14px !important;
    color: #999 !important;
    padding: 0px 5px !important;
    font-weight: 300 !important;
    letter-spacing: 0px;
    overflow: hidden;
    margin-top: 5px !important
}


.productos_home li:hover{
 -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.54);
 -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.54);
 box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.54);
 -webkit-box-shadow: 0px 13px 17px -5px rgba(0,0,0,0.20);
 -moz-box-shadow: 0px 13px 17px -5px rgba(0,0,0,0.20);
 box-shadow: 0px 13px 17px -5px rgba(0,0,0,0.20);
}


.caption .box-precio{

  text-align: right;
  font-size: 0.8em;
  margin-right: 11px !important;
}


.productos_home .caption .precio_producto{

  width: 200px

}

.caption .box-precio .viejo-ecommerce{

  background-position: left 0px;
}
  

.productos_home> a + span:empty {
    
  border-top: 100px solid transparent;
  border-right: 100px solid #f3f3a1;
}

.btn_centrado{
  text-align: center;
}

.productos_home a.btn
 {

    box-shadow: none;
    border-radius: 0px 2px 2px 0px !important;
    text-shadow: inherit;
    padding: 2px 11px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    text-transform: uppercase;

  }


.btn-mam {

    background-color: #5f9302 !important;
    color: white !important;
    border-radius:0px;
    position: absolute;
    left: 0px !important;
    color: #f2f2f2 !important;
    /*border-radius: 0px 2px 2px 0px !important;*/
    position: absolute;
    bottom: 150px;
    text-shadow:none !important;
    box-shadow:none !important; 
}

a.btn.btn-mam:hover {
    /*border-right: 1px solid #43651e !important;
    border-bottom: 2px solid #43651e !important;*/
    opacity: 1;
    }

/*=======================================*/
/*=============   ver más   =============*/
/*=======================================*/


.flecha{

  border-top: 100px solid transparent;
  border-right: 100px solid #f3f3a1;

}

#verCat{

margin-top: 50px;
padding-bottom: 20px

}

span a.verCat {

    text-align: center;
    padding: 13px 46px;
    font-family: 'Helvetica',Arial, sans-serif !important;
    border-radius: 2px;
    color: #71c85a !important;
    font-size: 14px;
    font-weight: 400;
    margin-top: 70px;
    border: 2px solid #71c85a;
    border-radius: 2px;



}


  a.verCat:hover{

    /*background-color:#666; 
    color:#71b433;
    border-right: 3px solid #71b433 !important;
    border-bottom:3px solid #71b433 !important;
    border-left: none;
    border-top: none*/
    opacity: 0.8;

  }


/*=======================================*/
/*=============   ideas     =============*/
/*=======================================*/



  .ideas{

    /*margin-top: 30px;*/
    padding: 1% !important;
    /* background-color: #750f2d; ---- rosa*/
    /*background-image: url(../img/bg_md4.png);*/
    /*height: 350px !important;*/
  }

  #ideasmam>div{

      margin-top:0px;
      text-align: center;

    }

  .ideas + div > img{

    width: 462px;
    /*background-color: #282828;*/
    /*height: 430px;*/
    border:none !important;
  }

  .ideasTap {
    
    width: 100%;
    margin-top: 0px;
    padding: 0px !important;

  }

  .ideas > p:nth-child(1) {
   
    color: #999999 !important;
    font-weight: 500 !important;
    letter-spacing: 3px;
    font-size: 13px !important;
    line-height: 14px!important;
    text-align: center;

  }

  .ideasTap > img{

    border: 1px solid #f2f2f2 !important;
    margin-top: -47px;
  }


  .ideas > p + h2 + p{

    font-size: 17px;
    font-weight: 100;
    color: #666666;

}

  .ideas > h2{

    font-weight: 300 !important;
    color: #333  !important;
    font-size: 30px !important;
    margin-left: 20px !important;
    margin-top: 30px !important;

}



 #ideasmam{ margin-top:29px; padding-right: 20px;height: 285px}


div#menuMam{
  height: 80px;
  margin-top: 80px;
}

#menuMam > div {text-align: center;min-height: 20px}
#menuMam > div > a > span, .btn-volver{
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin: 2px;
    width: 90%;
    font-family: 'Helvetica',Arial, sans-serif !important;
    border-radius: 4px;
    color: #b11b26;
    font-size: 20px;
    font-weight: 300;
    background-color: #efefef;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/*=======================================*/
/*============= pedagogía =============*/
/*=======================================*/


.pedagogia{
  width: 936px!important;
  height: 460px;
  margin-top: 38px;
  text-align: center;
  margin-bottom: 5px;
}

/*.pedagogia h4{
  font-size: 15px;
  color: #b4b4b4!important;
  letter-spacing: 3px!important;
  padding-top: 15px;
}

.pedagogia h2{

    line-height: 1px;
    font-weight: 300;
    color: #333;
    font-size: 30px;
    margin-left: 20px 60px 20px;
}
*/
.entrada{
  width: 278px!important;
  height: 350px;
  text-align: left;
  border:1px solid #f6f6f6;
}

.entrada.exterior:hover,.entrada.interior:hover {
    opacity: 0.5;
}



.entrada_foto{
  width: 278px!important;
  height: 200px!important;
  background: #000!important;
  overflow: hidden;
  text-align: center;
}

.entrada_foto img{
  height: 100%;

}

.entrada h4{
  color: #999!important;
  font-weight: 500;
  letter-spacing: 3px;
  font-size: 13px !important;
  margin-top: 15px!important;
  margin-left: 15px;
}

.entrada h3{
    font-size: 19px!important;
    font-weight: 400 !important;
    color: #333!important;
    margin-top: 0px!important;
    margin-left: 15px;
}

.entrada p{
  font-size: 17px!important;
  color: #666!important;
  margin-top: 0px!important;
  margin-left: 15px!important;
  max-width: 250px;
 font-weight: 100;
}


.exterior{
  margin-left: 40px!important;
}

.interior{
   margin-left: 10px!important;
}


/*=======================================*/
/*=============  menu verde =============*/
/*=======================================*/

#menuMam > div > a span:hover {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    opacity: 0.8;
    color: #fff;

}

#menuMam > div > a span {
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin: 2px;
    width: 90%;
    font-family: 'Helvetica',Arial, sans-serif !important;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    background-color: rgb(125, 188, 57);
    border-right: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    margin-top: 35px;
    margin-bottom: 35px;
  }


/*================================================*/
/*=============   listado productos =============*/
/*================================================*/

#listProd a .col-md-4{
    height: 345px !important;
    width: 31% !important;
    margin-left: 1.6% !important;
    background-color: #fff;
    /* background: #fff url(../img/bg_md4_a.png); */
     -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.09)
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.09);
    margin: 10px 0px;
}



#listProd a:hover .col-md-4{
    box-shadow: 1px 1px 5px 1px rgba(209, 209, 209, 0.8);
    opacity: 0.8 !important;
}

#listProd a .col-md-4:hover > img{
  opacity: 0.7 !important;

}

#listProd a > div .img_producto{
    background-color: #fff;
    border: none;
    height: 50%;
    overflow: hidden;
    padding: 0px !important;
    border-radius: 1px !important;
    vertical-align: middle !important;

}

#listProd a > div .img_producto >img {
    display: block;
    width: auto;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}


#listProd a .col-md-4 > div{
    padding: 0px;
    font-family: 'Helvetica',Arial, sans-serif !important;
    width: 100%;
    border: none;
}

#listProd a .col-md-4 > div > div{
   text-align: right;
}
#listProd a .col-md-4 > div > div > span:first-of-type{
   margin-right: 5px;
}


#listProd a .col-md-4 > img{
  padding: 5px;
  height: 290px;

}

#listProd a .col-md-4 > div > p:first-of-type{
    font-size: 17px !important;
    color: #282828 !important;
    height: 40px;
    padding: 0px 10px 0px 10px !important;
    margin-top: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0px;
    line-height: 19px !important;
    overflow: hidden;

}
#listProd a .col-md-4 > div > p:nth-of-type(2){
    height: 66px;
    width: 100%;
    color: #8c8c8c;
    line-height: 18px;
    font-weight: 500;
    font-size: 14px !important;
    padding: 0px 10px 0px 10px !important;
    font-weight: 100 !important;
    overflow: hidden;
    border-radius: 1px !important;


}
/*     box-shadow: none;
    border-radius: 0px 2px 2px 0px !important;
    text-shadow: inherit;
    padding: 2px 17px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    background-color: #5f9302 !important;
    color: white !important;
    border-radius:1px !important;
    left: 0px !important;
    color: #f2f2f2 !important;
    /*border-radius: 0px 2px 2px 0px !important;
    position: absolute;
    bottom: 160px !important;
    text-shadow:none !important;
    box-shadow:none !important; 
    display: none
}

#listProd a.col-md-4 > div .btn.btn-mam:hover{
    border-right: none !important;
    border-bottom: none !important;
    opacity:0.7;
    display: none
  
}*/

.btn-volver{

    display: inline-block;
    text-align: center;
    padding: 13px 46px;
    font-family: 'Helvetica',Arial, sans-serif !important;
    border-radius: 2px;
    color: #71c85a !important;
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    border: 2px solid #71c85a;
    border-radius: 2px;
    background-color: #fff;
    width: 20%;
    margin-bottom: 20px
  }

#prod > div.box-precio span.viejo-ecommerce {

  background-position: -15px;

}

/*================================================*/
/*=============== productos home =================*/
/*================================================*/


.productos_home{
  width: 936px!important;
  height: 550px;
  background: #f6f6f6;
}

.productos_home h4{
  font-size: 14px;
  color: #b4b4b4!important;
  padding-top: 15px;
}

.productos_home h2{
  font-size: 21px;
  margin-top: 10px!important;
  margin-bottom: 30px!important;
  width: 100%;
  padding: 0 40px;
}

.productos_home ul{
  list-style-type: none!important;
  left: 10px!important;
}

.productos_home li{
  display: inline-block !important;
  width: 171px!important;
  height: 300px!important;
  background: #fff!important;
  margin-left: 10px;
}

.productos_home li a{
  text-decoration: none!important;
}