/*======
La Tienda Saniplast
Copyright

Acciona
#ff190f;

Aqualia
#ff190f
======== */
/*===================================================================*/
/************************* CSS EXTERNOS ******************************/
/*===================================================================*/

/******** FONTFACE *********/


/******** FIN FONTFACE **********/



/********** PLUGINS ************/
/******* Yamm Megamenu **********/
/*@import url("/app_support/css/yamm_3/yamm.css");
/*** carga animate.css ****/
@import url("/app_support/css/animate.css");
/** Reveal on scroll **/
/*.revealOnScroll { opacity: 0; }*/
/** Others **/
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*!

/** fin reveal ***/

/************ BXSLIDER *************/
.bx-viewport{}
.bxslider li{height:350px; left:0}

/***********************************/
/******* Affix **************/
.affix
	{
	top:0;
	width:100%;
	z-index:999;
}


.affix-top .navbar{}

.menuFixedPadding{padding-top:90px}

/********** FIN PLUGINS ***********/

/*===================================================================*/
/*********************** FIN CSS EXTERNOS ****************************/
/*===================================================================*/


/*===================================================================*/
/****************** DEFINICIÓN ETIQUETAS HTML ************************/
/*===================================================================*/
html, html a{/*fontface*/-webkit-font-smoothing: antialiased !important; }
body{/*color:#333*/ font-style:normal; font-weight:400;  font-family: 'Open Sans', sans-serif; font-size:14px}


p{margin:0px 0px 20px 0px; line-height:25px; color:#444}
h1,h2,h3,h4,h5,h6{}
strong{font-weight:bold;}
h1{font-size:3.2em; font-family:  'Teko', sans-serif; margin-bottom:30px}
h1 a{}
h2{font-size:30px; margin-bottom:30px; margin-top:30px; font-family:  'Teko', sans-serif; font-weight:300; text-transform:uppercase}
h2 a{}
h3{font-size:26px; margin-bottom:20px; font-family:  'Teko', sans-serif;}
ul {list-style:none; margin:0; padding:0}

html a{color:#ff190f}
html a:hover{color:#333}

.content-condiciones h2, .content-condiciones h3, .content-condiciones h4, .content-condiciones h5, .content-condiciones h6 {
    font-weight: bold;
}
.content-condiciones ul, .content-condiciones ol{margin:15px 0 15px 15px;font-family:'Open Sans', sans-serifzen.css:65}
.content-condiciones ul li, .content-condiciones ol li{line-height: 21px;margin-bottom: 5px;list-style-type: disc;margin-left: 30px;}



/*============================================================*/
/****************FIN DEFINICIÓN ETIQUETAS HTML ****************/
/*============================================================*/

/*============================================================*/
/************************** PANES *****************************/
/*============================================================*/

.ThreePanes{padding-bottom:100px;padding-top: 30px;}

/*============================================================*/
/********************** FIN PANES *****************************/
/*============================================================*/

/*============================================================*/
/************************ MÓDULOS *****************************/
/*============================================================*/
.zm{}
.zm-hdr{ }
.zm-hdr h2{}
.zm-hdr h2 span {}
.zm-content {}
.zm-ftr{margin-bottom:50px}
/*============================================================*/
/************************ FIN MÓDULOS *************************/
/*============================================================*/

/*============================================================*/
/************************** ANIMACIÓN *************************/
/*============================================================*/

.anim{
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 300ms ease-out;
}

.zoom{transition: all .2s ease-in-out;}
.zoom:hover{transform: scale(1.03)}
/*============================================================*/
/************************** FIN ANIMACIÓN *************************/
/*============================================================*/

/*============================================================*/
/******************* INTERFAZ DE USUARIO COMÚN ****************/
/*============================================================*/
.content-block.productos h2 {font-size:1.4em; font-weight:500}
/************* text colors ***************/
.text-white {color:#FFFFFF}
/*****************************************/
/************** Márgenes ***************/
/***************************************/

.marginTop2  { margin-top: 2px; }
.marginTop5 { margin-top: 5px; }
.marginTop10 { margin-top: 10px; }
.marginTop15 { margin-top: 15px; }
.marginTop30 { margin-top: 30px; }
.marginTop40 { margin-top: 40px; }
.marginTop60 { margin-top: 60px; }
.marginTop80 { margin-top: 80px; }
.marginTop100 { margin-top: 100px;}
.marginTop150 { margin-top: 150px;}
.marginBottom2  { margin-bottom: 2px; }
.marginBottom5 { margin-bottom: 5px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom15 { margin-bottom: 15px; }
.marginBottom30 { margin-bottom: 30px; }
.marginBottom40 { margin-bottom: 40px; }
.marginBottom60 { margin-bottom: 60px; }
.marginBottom80 { margin-bottom: 80px; }
.marginBottom100 { margin-bottom: 100px;}
.marginBottom150 { margin-bottom: 150px;}

.nopadding{padding: 0 !important;
   margin: 0 !important;}
  .nopaddingRight{padding-right: 0 !important;}
/************** MENUES ****************/
/**************************************/
.navbar-brand {
    height: 90px !important;
}
.navbar-brand img { 
  height: 100%;
  float:left;
  margin-right: 30px; 
}
.cabeceraMenu{
	background-color:#fff; 
	border-bottom:1px solid #CCC;
	-webkit-box-shadow: 0px 3px 9px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 9px -1px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 9px -1px rgba(0,0,0,0.2);
}
.cabeceraMenu .navbar-header:after{clear:none}
.cabeceraMenu .bgPAMcabecera:after{clear:both}
.cabeceraMenu .bgPAMcabecera{float:left}

.bgBannerPAM{background:url(/Portals/b2csaniplast/images/bgBannerPAM.jpg) no-repeat;height: 245px;}
.bgBannerPAM .wrapperBannerPAM a.btn-primary{background-color:#bcd8f1;border-color:#bcd8f1;color: #000;}
.bgBannerPAM .wrapperBannerPAM img{width:120px}
.bgBannerPAM .wrapperBannerPAM{width: 90%;background-color: #6a96cd;padding: 15px;bottom: 20px;position: absolute;left: 5%;}
.bgBannerPAM .wrapperBannerPAM p{color: #fff;font-size: 18px;padding-top: 24px;font-style: italic;padding-left: 25px;}

.bgPAMcabecera{margin-top:30px}
.bgPAMcabecera img{width:85px}
.bgPAMcabecera a.btn-primary{background-color:#bcd8f1;border-color:#bcd8f1;color: #000;padding:6px}


.cabeceraMenu .navbar-default .navbar-nav>.active>a{color: #fff;background-color: #ff190f;}
.navbar-default {background:rgba(255, 255, 255, 0.96)}
.navbar-nav{font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase; font-weight:700; font-style:normal ;}
.navbar {/*z-index:9999;*/ margin-bottom:0px; border-top:2px solid #DBDBDB; border-bottom:1px solid #DBDBDB}

.MMtabs li{font-size:1.4em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #FFFFFF}
/*
.navbar .dropdown-menu {background-color:rgba(21, 67, 132, 0.98); color:#FFFFFF; text-transform:none; font-size:0.7em; border:none}
.navbar .dropdown-menu a{color:#FFFFFF}
*/
.dropdown-menu h3 {font-size:1em}
.dropdown-menu a:hover{color:#66D1FF}
/*.navbar-nav .open .dropdown-menu {background-color:rgba(21, 67, 132, 0.96); color:#FFFFFF;}*/

select.buscadorItemSelected{border-color: #ff190f;background-color: #ff190f;color: #fff;}

/************* menuPie ************/
.copyright{color:#fff;line-height: 21px;}
.copyright a:link, .copyright a:visited, .copyright a:active{color:#1c2d44; text-decoration:none }
.copyright a:hover{text-decoration:underline}
#pie ul.menuPie{    text-transform: uppercase;line-height:30px}
#pie ul.menuPie li a{text-decoration:underline}
#pie .redes-sociales i{background-color: #fff;border-radius: 9px;padding: 5px;}

.pieChangePortal a.btn-primary {
    background-color: #bcd8f1;
    border-color: #bcd8f1;
    color: #000;
    padding: 6px;
}
.pieChangePortal img{width:100px}

#pie .telefono {font-size:2em; margin-top:-20px; padding-bottom:20px}
.siguenos ul li {float:left; margin-right:5px; }
.siguenos {display:inline-block; margin-bottom:10px}
.paypal {margin-bottom: 20px; }
.pie .menu ul {font-family:  'Teko', sans-serif; font-size:0.8em; color:#000; font-weight:900; list-style:none; margin-left:-20px; padding-bottom:30px}
.pie .menu ul li{float:left;  font-size:20px}
.pie .menu ul li a {color:#fff; padding-right:15px; padding-bottom:10px; line-height:24px}
.pie .pieChangePortal{text-align: right;}
.pie .pieChangePortal a{color:#000 !important}
	
.menuPie {margin-bottom:30px}
.menuPie>ul>li {float:left; font-family:  'Open Sans', sans-serif; font-size:14px; list-style:none; text-transform:uppercase; font-weight:700}
.menuPie>ul>li a{color:#FFFFFF; padding:0 11px}
.menuPie:after {
	content:"";
	display:block;
	clear:both;
	float:none
}
	
.pie .redes-sociales{margin-top:20px}	
.pie .redes-sociales span{margin-right:20px}	
.pie .redes-sociales a{color:#fff;font-size:32px}	
/************ FIN MENUES **************/
/**************************************/

/*********** FORMS *************/
.campo select, textarea, .campo input{padding:6px; font-size:1em; color:#666; width:100%}
/********** FIN FORMS ***********/

/******* Headings - titulos ********/
.mTitle {background:#E8E8E8; padding:4px 0; margin-bottom:30px}

/******* Fin Headings - titulos ********/

/******** Listas ********/
.lista{font-size:1em; margin:20px 0 }

.lista li {
	margin-left: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
	text-align: left;
}

.itemIco {margin-bottom:10px}

/********  fin Listas ********/

/********** BOTONES **********/
.btn-mg{font-size:1em; padding:15px 60px}

/******** FIN BOTONES ********/


/******** FORMULARIOS ********/


/****** FIN FORMULARIOS ******/


/********** ICONOS ***********/

/******** FIN ICONOS ********/

/*********** ENCABEZADOS ************/
.bannerFW {padding:100px 0; margin:40px 0}
.bannerFW .textoDest{font-size:3em; color:#FFFFFF; font-family:  'Teko', sans-serif; font-weight:300 }
/*********** FIN ENCABEZADOS ************/

/********* BREADCRUMBS **********/

/********* FIN BREADCRUMBS **********/

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

/*********** fin ver más *************/

/************ BUSCADOR ****************/
.buscador {font-family: 'Teko', sans-serif; font-size:2em; color:#3274fb; font-weight:500; border-top:1px #000000 solid; border-bottom:1px #000000 solid; padding:20px}
.wrapper { position:absolute; top:97px; z-index:998; margin:0 auto; left:0; right:0}
/* Aqualia
.buscadorTop { background:#89c01c; padding:30px; width:100%;margin-top:30px;margin-bottom:30px}
.titleField {color:#222; line-height:30px; font-family:'Teko', sans-serif; font-size:24px}
.buscadorTop h3{color:#222}
 */
.buscadorTop { background:#000; padding:30px; width:100%;margin-top:30px;margin-bottom:30px}
.buscadorTop .fila div {}
.buscadorTop .fila select, .buscadorTop .fila input {width:100%;height: 34px;}
.titleField {color:#fff; line-height:30px; font-family:'Teko', sans-serif; font-size:24px}
.buscadorTop h3{color:#fff}
.buscadorTop .separadorBuscador{border-right:1px solid #FFF}
.buscadorTop .btn {}
/**************************************/

/*============================================================*/
/************************* CABECERA *************************/
/*============================================================*/
.cabecera { width:100%; background:#FFFFFF; top:0; z-index:998;}
.cabecera .container {position:relative}
.cabeceraMenu .navbar,.cabecera .navbar {min-height: 90px;border: none;border-radius: 0px; background-color: #fff;}
.cabeceraMenu .navbar-default .navbar-collapse, .cabeceraMenu .navbar-default .navbar-form {margin-top: 20px;}
.jumbotronSmall{ height:40px}

.lema {font-family:  'Teko', sans-serif; font-size:2.3em; color:#8baed9; font-weight:500; position:absolute; left:250px; top:60px }
/*============================================================*/
/************************* FIN CABECERA ***********************/
/*============================================================*/

/*============================================================*/
/************************* CONTENIDO *************************/
/*============================================================*/

/******** INICIO **********/
/************ JUMBOTRON (AÑADIDO: 21/05/19 **************/
.jumbotron{ 
	height:350px; 
	z-index:1;
	position:relative;
	padding:0;
	
}

.jumbotron.interior{height:150px; margin-bottom:0}

#pID29651 .jumbotron.interior {background:url(/Portals/saniplast/images/Slide1.jpg); background-size:cover} 
#pID29652 .jumbotron.interior {background:url(/Portals/saniplast/images/Slide2.jpg) center; background-size:cover} 
#pID29654 .jumbotron.interior {background:url(/Portals/saniplast/images/Slide2.jpg); background-size:cover} 

#pID29838 .jumbotron.interior {background:url(/Portals/saniplast/images/productos.jpg) center; background-size:cover} 
#pID29653 .jumbotron.interior {background:url(/Portals/saniplast/images/productos.jpg) center; background-size:cover} 
#pID29721 .jumbotron.interior {background:url(/Portals/saniplast/images/productos.jpg) center; background-size:cover} 
#pID29722 .jumbotron.interior {background:url(/Portals/saniplast/images/productos.jpg) center; background-size:cover} 

#pID29655 .jumbotron.interior {background:url(/Portals/saniplast/images/Slide1.jpg); background-size:cover} 
#pID29656 .jumbotron.interior {background:url(/Portals/saniplast/images/Contacto.jpg); background-size:cover} 
#pID29821 .jumbotron.interior {background:url(/Portals/saniplast/images/Slide2.jpg); background-size:cover}
#pID34238 .jumbotron.interior {background:url(/Portals/saniplast/images/Contacto.jpg); background-size:cover} 



.jumbotron h1{font-size:2em}

.jumbotron .caption {position:absolute; padding:30px; background:rgba(255,25,15,0.89); color:#FFFFFF; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:1.8em; bottom:30px; z-index:990; width:1170px; }

.itemIco h3{font-size:1.6em; margin:0px }
.itemIco {margin-bottom:20px}


a.ficha .item{height:330px;overflow:hidden}
a.ficha .item .wrapperItem{border: 1px solid #c5c5c5;margin-bottom: 15px;background-color: #f7f7f7;padding:5px}
a.ficha .item .wrapperItem h3{height: 43px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    padding: 5px 15px;
    color: #333;
    line-height: 21px;
    text-transform: lowercase !important;}
a.ficha .item .wrapperItem .imagen{height:180px;overflow:hidden}
a.ficha .item .wrapperItem .imagen img{max-height:180px;}
a.ficha .item .wrapperItem .precio{font-weight: bold;font-size:16px;color:#333;margin-top:5px; padding:10px 0}
.ficha h3{font-family: "Open Sans", sans-serif;font-size: 14px;height: 51px;overflow: hidden;line-height: 18px;margin-bottom: 5px;}
.bloqueContenido h2{font-size: 30px;margin-top: 20px;}
.soluciones h3 {margin-top:30px !important}
.wrapperListadoCat{background-color: #E8E8E8;padding: 25px;}

#mID72366 .imagen img{max-width:220px}
#mID72270{margin-top:70px}
#mID72372 .bx-wrapper{margin: 30px 0 0 0;}
/*************** LISTADO PRODUCTOS **************/
.infoSaniplast{margin-bottom: 20px;padding: 5px;border-bottom: 2px solid #ddd;text-align: center;font-size: 18px;}
.wrapperGroupReferencias{clear: both;}
.wrapperGroupReferencias .celdaCategoria{ margin: 0px 0 20px;font-size: 24px;font-weight: bold;border-bottom: 1px solid; font-family:'Teko', sans-serif; text-transform:uppercase; font-size:30px; font-weight:normal}
.contentResultadoProductos .wrapperGroupReferencias:first-child .celdaCategoria{margin-top: 0px}

.itemProducto{    margin-bottom: 15px;
    line-height: 10px !important;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;}
.itemProducto .precio .precioAnterior{text-decoration: line-through;}
.itemProducto .noVisiblePrecio{margin: 10px auto;text-align: center;}
.itemProducto .imagen{height: 200px;overflow:hidden}
.itemProducto .imagen img{max-width: 100%;max-height: 200px;}
.itemProducto .wrapperItem{padding: 5px;border: 1px solid #ccc;}
.itemProducto .referencia{background: #ddd;padding: 5px;}
.itemProducto .precio{margin: 10px 0 5px;
    font-size: 21px;
    font-family: 'Teko', sans-serif;}

.contentResultadoProductos h3 {
    font-size: 13px;
    line-height: 36px;
    margin-left: 0px !important;
    margin-bottom: 0;
  font-weight:normal;
  font-family: 'Open Sans', sans-serif;
}

.cabeceraMenu .navbar-default .navbar-nav>li>a {
        color: #333;
    font-family: 'Lako', sans-serif;
    font-size: 18px;
}


/****************** MARCAS *********************/
.itemMarca h4 {font-size:26px; font-weight:500; font-family:'Teko', sans-serif}
.detalleMarca .descripcion ol, .detalleMarca .descripcion ul{margin:10px 0 10px 40px}
.detalleMarca .descripcion ol li, .detalleMarca .descripcion ul li{line-height: 24px;
    margin-bottom: 10px;
    list-style-type: disc;}
/************* DETALLE ***************/
.detalleProducto .tituloDetalle {margin-bottom:30px}
.detalleProducto .encabezado {margin-bottom:20px}
.detalleProducto .encabezado .icono{float:left; width:23%} 
.detalleProducto .encabezado .imagen {float:left; width:77%}
.detalleProducto .encabezado:after {
	content:"";
	display:block;}
	
.input-group-addon.formato {
    color: #fff;
    background-color: #ff190f;
    border-color: #11366b;
}
.contentDescargas .itemDescargas{margin-left: 10px;line-height: 18px;font-size: 16px;margin-bottom: 10px;    text-transform: lowercase;}
.detalleProducto p.claim{font-style: italic; font-size: 16px; color: #808080;}
.detalleProducto .descripcion{margin-top:20px;font-size: 15px;line-height: 21px;}
.detalleProducto h1{font-size: 32px;}
.detalleProducto .archivosAsociados{margin: 25px 0;padding: 5px;background-color: #eaeaea;border: 1px solid #ddd;}
.contentDescargas .agrupamiento h3{font-size: 24px;margin-bottom: 10px;}

ul.listaCategorias{margin: 10px 0px 20px 15px;}
ul.listaCategorias li{margin-bottom: 10px; font-style:italic}
.detalleProducto ul.listaCategorias li i{font-size: 12px;}
#modal-resumenCarrito .modal-body .imagen img{max-height:180px}
#modal-resumenCarrito .modal-body .titulo{font-size: 18px;color: #ff190f;font-weight: 500;margin-bottom:5px}
#modal-resumenCarrito .modal-body .referencia{margin-bottom: 20px;}
#modal-resumenCarrito .modal-body .formato{font-size: 16px;margin-bottom: 15px;}
#modal-resumenCarrito .modal-body .precio{font-size: 18px;margin-bottom: 15px;font-weight:bold}
/*************************** PASOS DEL CARRITO ***********************/
.carritoCabecera{background-color: #ff190f;}
.carritoCabecera h2{font-size:38px;font-weight:normal;letter-spacing: 2px; color:#FFF}

.tablaResumenCarrito thead{color: #fff;background-color: #333;}
.tablaResumenCarrito table{border: 1px solid #ddd;margin-bottom: 50px;margin-top: 30px;}

.contentResumenCarrito{border: 1px solid #ddd;margin-top: 30px;}
.contentResumenCarrito h3{color: #fff;background-color: #333;text-align: center;padding: 15px;text-transform: lowercase;font-weight: 100;}
.contentResumenCarrito h3.otroTlo{background-color: #cecece;color: #000;}
.wrapperResumenCarrito{padding:15px}
.wrapperResumenCarrito hr{border-top: 1px solid #ccc;}
.wrapperResumenCarrito .totalesCarrito{margin: 20px;font-size: 16px;}
.wrapperResumenCarrito .totalesCarrito .total{font-size: 18px;}
.wrapperResumenCarrito .divBotonesCarrito a.btn{text-transform: uppercase;font-size: 18px;}

.btnContinuarPaso2{margin-top: 30px;font-size:18px; text-transform: uppercase}
.btnContinuarPaso2 a.btn{font-size:18px; text-transform: uppercase}
.tblShippingData td{padding: 5px 0 15px;}
.direccionResumenCarrito p{margin-bottom:10px}

.contentControlesCompra{border: 1px solid #ddd;margin-bottom: 30px;}
.contentControlesCompra h3{color: #fff;background-color: #333;text-align: center;padding: 5px;text-transform: lowercase;font-weight: 100;font-size:24px}
.contentControlesCompra .wrapperCompra{padding:15px}
.contentControlesCompra .precio{font-size:24px;margin:10px 0;font-weight:bold}

ul.step {
  margin-bottom: 30px;
  overflow: hidden;
}
@media (min-width: 768px) {
  ul.step {
    border: 1px solid #ccc;
  }
}
ul.step li {
  float: left;
  width: 25%;
  text-align: left;
  border: 0px;
  height: 48px;
}
ul.step li.first {width:20%}
ul.step li.third {width:30%}

@media (max-width: 767px) {
  ul.step li, ul.step li.first, ul.step li.third {
    width: 100%;
  }
}
ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
  display: block;
  padding: 13px 10px 14px 13px;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  /**text-shadow: 1px 1px #fff;*/
  position: relative;
}
    ul.step li a {
    padding:0 !important}
@media (max-width: 992px) {
  ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
    content: ".";
    position: absolute;
    top: 0;
    right: -31px;
    z-index: 0;
    text-indent: -5000px;
    display: block;
    width: 31px;
    height: 52px;
    margin-top: -2px;
  }
}
ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus {
  text-decoration: none;
  outline: none;
}
ul.step li.first {
  
}
@media (min-width: 768px) {
  ul.step li.first {
    
  }
}
ul.step li.first span, ul.step li.first a {
  z-index: 5;
  padding-left: 13px !important;
}
@media (min-width: 768px) {
  ul.step li.first span, ul.step li.first a {
    
  }
}
ul.step li.second span, ul.step li.second a {
  z-index: 4;
}
ul.step li.third span, ul.step li.third a {
  z-index: 3;
}
ul.step li.four span, ul.step li.four a {
  z-index: 2;
}
ul.step li.last span {
  z-index: 1;
}
@media (min-width: 768px) {
  ul.step li.last {
    
  }
  ul.step li.last span {
    
  }
}
ul.step li.step_current {
  font-weight: bold;
  background: #ff190f;
  
}
ul.step li.step_current span {
  color: #fff;
  text-shadow: 1px 1px #444;
  
  position: relative;
}
@media (min-width: 992px) {
  ul.step li.step_current span {
    padding-left: 38px;
  }
  ul.step li.step_current span:after {
    background: #ff190f url(/Design/Themes/SaniplastB2C/Images/order-step-a2.png) right 0 no-repeat;
  }
}
ul.step li.step_current_end {
  font-weight: bold;
}
ul.step li.step_todo {
  background: #f7f7f7;
}
ul.step li.step_todo span {
  display: block;
  
  position: relative;
}
@media (min-width: 992px) {
  ul.step li.step_todo span {
    padding-left: 38px;
  }
    
  ul.step li.step_todo span:after {
    background: url(/Design/Themes/SaniplastB2C/Images/order-step-current.png) right 0 no-repeat;
  }
  ul.step li.step_todo.last span:after {background:none
    }
}
ul.step li.step_done {
  
  background: #727171;
  
}
ul.step li.step_done a {
  color: #fff;
  /*text-shadow: 1px 1px rgba(0, 0, 0, 0.3);*/
  
}
@media (min-width: 992px) {
  ul.step li.step_done a {
    padding-left: 38px;
  }
  ul.step li.step_done a:after {
    background: url(/Design/Themes/SaniplastB2C/Images/order-step-done.png) right 0 no-repeat;
  }
}
@media (min-width: 992px) {
  ul.step li.step_done.step_done_last a:after {
    background: url(/Design/Themes/SaniplastB2C/Images/order-step-done-last.png) right 0 no-repeat;
  }
}
@media (min-width: 992px) {
  ul.step li#step_end span:after {
    display: none;
  }
}
ul.step li em {
  font-style: normal;
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.step li em {
    display: none;
  }
}


/****************************************/
.numItems{margin:9px 0;font-weight:bold;clear: both;}
.noItems{margin:25px 0;clear: both;padding: 50px 150px;border: 1px solid #ddd;}
.scrollup{
    width:40px;
    height:40px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity:0.8;
    position:fixed;
    bottom:10px;
    right:10px;
    display:none;
    text-indent:-9999px;
    background: url('/Design/Themes/saniplast/Images/arriba.png') no-repeat;
}

/* CONTACTO */
.form-group label {font-family:'Teko', sans-serif; font-size:18px; font-weight:normal}



/************* DELEGACIONES ***************/

/*Estilo añadido para corregir que no se vea la doble línea roja*/
.mTitle:first-of-type{
    margin-top:-60px;
}

.mTitle{
    background-color:red !important;
    text-align:center;
    
}

.mTitle h2{
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #FFF;

}

#mapaDelegaciones{width: 100%;height: 500px;}
.itemSucursal{margin-bottom: 10px;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;line-height: 27px;margin-left:30px}
h3.delegacionGroup {margin-top:15px;color:#ff190f}
.modSeparacion {margin-top:40px}

.contentDelegaciones .destacado strong{color: #ff190f;font-weight: bold;}

.wrapperDatosGenerales{text-align: center;}
.wrapperDatosGenerales .img-responsive{display: inline;}
.wrapperDatosGenerales h3{text-transform: uppercase;margin-bottom: 10px;}
.wrapperDatosGenerales p{margin-bottom:10px}
/****************************************/





/*============================================================*/
/************************ FIN CONTENIDO ***********************/
/*============================================================*/

/*============================================================*/
/************************** PIE *******************************/
/*============================================================*/
#pie{padding:45px 0 25px 0; background:#ff190f; color:#fff;}
.wrapperPieLogo{padding:20px 10px;background-color:#fff;font-weight: 700;}
.copyright{color:#fff}
.copyright a:link, .copyright a:visited, .copyright a:active{color:#57b4a7; text-decoration:none }
.copyright a:hover{text-decoration:underline}

#pie .telefono {font-size:2em; margin-top:-20px; padding-bottom:20px}
.siguenos ul li {float:left; margin-right:5px; }
.siguenos {display:inline-block; margin-bottom:10px}
.paypal {margin-bottom: 20px; }
.pie .menu ul {font-family:  'Teko', sans-serif; font-size:0.8em; color:#000; font-weight:900; list-style:none; margin-left:-20px; padding-bottom:30px}
.pie .menu ul li{float:left;  font-size:20px}
.pie .menu ul li a {color:#fff; padding-right:15px; padding-bottom:10px; line-height:24px}
/*.copyright {margin-left:32px}*/
/*============================================================*/
/************************** FIN PIE ***************************/
/*============================================================*/

/*============================================================*/
/******************* CLASES PERSONALIZADAS ********************/
/*============================================================*/
.marcas>div{margin-bottom:10px}

.listaCategorias ul {margin-bottom:20px}
.listaCategorias ul li{padding:4px 0; font-size:16px; text-decoration:underline; font-style:italic}
.listaCategorias h4 {text-transform:uppercase; font-weight:bold}
.itemCategoria {background:#fff; color:#FFF; text-align:center; padding:10px; display:block; margin-bottom:15px;}
.itemCategoria h3{font-size:15px; font-weight:normal; color:#ff190f; font-family:"Open Sans", sans-serif;}
.listaCategorias ul li{padding:6px 0; }
.listaCategorias {}

.bannerRegistro {background:#ff190f; padding:40px; margin-bottom:40px}
.bannerRegistro h1 {color:#FFF; font-weight:300}

.bannerRegistroPAM {
    background: #6a96cd;
    padding: 40px;
    margin-bottom: 40px;margin-top:40px
}
.bannerRegistroPAM h1 {color:#FFF; font-weight:300}
.bannerRegistroPAM img{background-color: #fff;padding: 25px 35px;border-radius: 10px;}

.error .form-control{background-color:#cc0000;color:#fff}
/*============================================================*/
/************** FIN CLASES PERSONALIZADAS *********************/
/*============================================================*/




/*====================================================================================================================================================================*/
/********************************************************************************** GESTIÓN ****************************************************************************/
/*====================================================================================================================================================================*/

/*  =====================================================
    =            Bootstrap 3.3 Media Queries            =
    =====================================================   */
@media only screen and (min-width : 1200px) {
    .text-left-lg { text-align: left; }
    .text-right-lg { text-align: right; }
    .text-center-lg { text-align: center; }
    .text-justify-lg { text-align: justify; }    
    .padding_lg_10-0-0-0 { padding: 10px 0 0 0; }
	.wrapper {width:1170px}



}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .text-left-md { text-align: left; }
    .text-right-md { text-align: right; }
    .text-center-md { text-align: center; }
    .text-justify-md { text-align: justify; } 
	.jumbotron .caption {width: 95%;}
	.bannerFW {padding: 70px 0;}
	.content-block.productos h2 {font-size: 1.3em;}
	.wrapper {}
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
	.cabecera .lema{display:none;visibility:hidden}
    .text-left-sm { text-align: left; }
    .text-right-sm { text-align: right; }
    .text-center-sm { text-align: center; }
    .text-justify-sm { text-align: justify; } 
	.bannerFW {padding: 60px 0;}
    .jumbotron .caption {width: 95%;}
	.content-block.productos h2 {font-size: 1.2em;}
	
	/** collapsa menu antes de lo predefinido en Bootstrap 3 (para menúes largos) ***/
	
	.navbar-header {
        float: none;
		height:100px !important;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	.navbar-right .dropdown-menu {left:0}
	.panel .ribbon{width:300px !important; margin-left:20px}
	.navbar-nav {background:#fff}
	.bxslider {display:none}
	.bx-controls {display:none}
	.wrapper {top:100px;}
	/*.jumbotron {height:439px}*/
	

}

@media only screen and (min-width: 768px)
{
    #SearchParameters
    {
        display: block !important;
		height: auto !important;
    }
	
}

@media only screen and (max-width : 767px) {
	.topBar .otrosDatos.pull-right{color:#fff}
	/*.topBar .otrosDatos.pull-right a{color:#fff}*/
    .text-left-xs { text-align: left; }
    .text-right-xs { text-align: right; }
    .text-center-xs { text-align: center; }
    .text-justify-xs { text-align: justify; }    
    
	h2{margin: 15px 0;font-size: 1.4em;}
	.mTitle{padding: 1px 0;}
	.bannerFW {padding: 20px 0;margin: 0px 0 40px;}
	.itemIco {margin-bottom: 10px;}
	.itemIco h3 {font-size: 1.3em;}
	.bannerFW .textoDest{font-size:1.6em}
	.content-block.productos h2{font-size: 1.1em;text-transform: none;}
	.buscador {font-size: 1.2em;}
	.buscador .buscador{padding: 10px 20px;}
	#mID69092{margin-top:30px}
	.marcas>div{margin-bottom:15px}
	.itemDescarga {font-size: 1.0em;line-height: 1.1em;}
	.navbar-default .navbar-nav>li>a {font-size: 0.9em;line-height: 0.7em;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;font-weight: 100;padding: 5px 15px;}
	.navbar-nav .open .dropdown-menu {margin-bottom: 1px;}
	.lnkDescargaPdf{text-align: left;}
	.detalleProducto .listado{margin-top:20px}
	.buscadorTop .btn {width:100%}
	.bxslider {display:none}
	.bx-controls {display:none}
	.wrapper {}
	.cabeceraMenu .navbar-default .navbar-collapse, .cabeceraMenu .navbar-default .navbar-form {margin-top: 52px;clear:both}
	.buscadorTop .separadorBuscador{border:none; }
	/*.jumbotron {height:439px}*/
	#mID72366 .imagen img{max-width:100%}
	.wrapperItem h3{font-size: 21px;}
	.ficha h3{font-size:14px}
	
	ul.step li {height: 33px;}
	ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
    display: block;
    padding: 9px 6px 4px 13px;
    font-size: 16px;
    line-height: 11px;
    font-weight: normal; }
}

/************* fix para bootstrap rotación móvil horizontal/vertical *****************/
@media (max-width: 480px){
.buscadorRightpane h3{padding:10px;background-color:#ff190f;color:#fff}
	.cabeceraMenu .bgPAMcabecera {margin: 15px;}
	.col-xxs {width:100%}
	.col-xxs-6{width:50%}
	.categorias .imagen{width:140px; overflow:hidden}
	.categorias .ribbon {width:140px}
	#stickyFooter p{margin: -10px 5px 0px 0px !important;
    font-size: 11px !important;
    line-height: 18px !important;
    padding: 10px 5px !important;}
}
/**************************/

/*====================================================================================================================================================================*/
/********************************************************************************** Cookies ****************************************************************************/
/*====================================================================================================================================================================*/
#stickyFooter{position:fixed;width:100%;left:0;margin:auto;bottom:-25000px;height:0px;background:#000;text-align:center;color:#fff;z-index:1000;padding-top:3px;}
#stickyFooter p{padding:20px; color:#fff}
#stickyFooter a{color:red}
.aceptarCookies{background-color: #4d90fe;background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);border: 1px solid #3079ed;border-radius: 2px;color: #fff;cursor: default;display: inline-block;font-size: 11px;height: 20px;line-height: 20px;margin-right: 0px;min-width: 26px;outline: 0;padding: 0 8px;text-align: center;white-space: nowrap;}
.aceptarCookies:hover{background-color: #357ae8;background-image: -webkit-linear-gradient(top,#4d80fe,#357ae8);	border: 1px solid #2f5bb7;border-bottom-color: 2f 5bb 7;}