@charset "UTF-8";
/* CSS Document */

.unit {
	float:left;
}

.float-right {
	float:right;
}

.xs-c100 {
	width:100%;
}

.xs-c90 {
	width:90%;
}

.xs-c50 {
	width:50%;
}

.xs-c33 {
	width:33.33%;
}


@media (min-width: 768px) {
	.c100 {
		width:100%;
	}

	.c33 {
		width:33.33%;
	}

	.c50 {
		width:50%;
	}

	.c55 {
		width:55%;
	}
}

/*MENU IDIOMES*/
.barra-superior{
	display:block;
	float:right;
	width:60px;
	height:25px;
	margin:0 13px 9px 0px;
	font-size:10px;
	color:#7ea7d4;
	position: relative;
	z-index: 99999;
	right: 25px;
	}

@media (min-width: 768px) {
	.barra-superior {
		right: 10px;
	}
}

#idiomes {
	width: 60px;
	margin: 0px 5px 0 0;
	padding:18px 0 13px 0px;
	position:absolute;
	right: 50px;
	top: 0;
	bottom: 0;
	z-index:100;
	border-left:1px solid #c1dcf8;
	font-size:9px;
}
	@media (min-width: 600px) {
		#idiomes { 
			right: 85px;
		}
	}

	@media (min-width: 1024px) {
		.barra-superior {
			right: 0;
		}
	}

	@media (min-width: 1170px) {
		#idiomes { 
			right: 0;
			height: 10px;
			padding:10px 0 10px 5px;
			top: 22px;
		}
	}

#cssdropdown, #cssdropdown ul { 
	list-style: none;
	}
#cssdropdown, #cssdropdown * { 
	padding: 0; 
	margin: 0;
	}
#cssdropdown li.headlink { 
	width: 50px; 
	float: left; 
	text-align: center; 
	background:url(../img/menu/arrow-down.png) no-repeat top left;
	}
#cssdropdown li.headlink a { 
	display: block; 
	padding: 1px; 
	color:#6188b2;
	}
#cssdropdown li.headlink ul { 
	display: none;
	text-align: left;
	margin-top:5px; 
	}
#cssdropdown li.headlink:hover ul { 
	display: block;
	-moz-box-shadow: 0px 0px 3px #adadad;
	-webkit-box-shadow: 0px 0px 3px #adadad;
	box-shadow: 0px 0px 3px #adadad;
	behavior:url(../es/css/css/PIE.htc);
	}
#cssdropdown li.headlink ul li a {
	padding: 6px 0 4px 10px;
	height: 14px;
	background-color: #333;
	color:#FFF;
	opacity:0.9;
	}
#cssdropdown li.headlink ul li a:hover { 
	background-color: #f47d2c;
	}
/*FI MENU IDIOMES*/

/*PROFESIONALES - BUSCADOR*/
.profesionales{
	display:block;
	float:right;
	margin-top:5px;
	}
.profesionales input{
	background:#f3f6f8;
	border:1px solid #fff;
	width:86px;
	height:20px;
	font-size:10px;
	padding:0 0 0 5px;
	color:#8c8c8c;
	}
.profesionales input.login{
	margin-left:4px;
	}
.login-bt{
	display:block;
	float:right;
	width:19px;
	height:20px;
	margin:1px 0 0 2px;
	background:url(../img/menu/login-bt.png);
	}
	/*HACK PER SAFARI*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
			.login-bt{
			margin-top:-21px;
			}
		}
.login-bt:hover{
	cursor:pointer;
	background:url(../img/menu/login-bt.png) 0 20px;
	}
.buscador{
	position:absolute;
	margin:-33px 0 0 732px;
	width:208px;
	height:20px;
	z-index:50;
	}
input.search{
	width:183px;
	height:20px;
	background:url(../img/menu/buscador-bckgrnd.png) no-repeat;
	border:none;
	color:#8c8c8c;
	font-size:10px;
	padding:0 0 0 25px;
	}

/*HOME*/
#banner-principal {
	display:block;
	float:left;
	width:100%;
	margin-bottom:15px;
	}

.cycle-slide {
	width: 100%;
}

#banner-principal img,
#banner-principal .banner-text {
	float: left;
}
	#banner-principal img {
		max-width: 80px;
	}

	#banner-principal .banner-text {
		margin: 10px 0;
		width: 100%;
	}

	#banner-principal .banner-text h3,
	#banner-principal .banner-text h2 {
		font-family: "aktiv-grotesk-std-1", "aktiv-grotesk-std-2", Helvetica, Arial;
		text-transform: uppercase;
	}

	#banner-principal .banner-text h3 {
		color: #1bbbe9;
		font-weight: 300;
		font-size: 15px;
	}

	#banner-principal .banner-text h2 {
		color: #005193;
		font-size: 28px;
		line-height: 1;
	}

	@media (min-width: 600px) {
		#banner-principal .banner-text {
			margin: 15% 0 0 20px;
			max-width: 430px;
		}

		#banner-principal .banner-text h3 {
			font-size: 17px;
		}

		#banner-principal .banner-text h2 {
			font-size: 32px;
		}
	}

	@media (min-width: 768px) {
		#banner-principal img {
			height: 310px;
			max-width: 100%;
			margin-left: 10%;
		}

		#banner-principal .banner-text {
			margin: 20% 0 0 30px;
			max-width: 430px;
		}

		#banner-principal .banner-text h3 {
			font-size: 22px;
		}

		#banner-principal .banner-text h2 {
			font-size: 38px;
		}
	}

.banner-dreta, .banner-dreta-info{
	display:block;
	float:left;
	width:100%;
	margin-bottom:10px;
	background:#FFF;
	-moz-box-shadow: 0px 0px 3px #adadad;
	-webkit-box-shadow: 0px 0px 3px #adadad;
	box-shadow: 0px 0px 3px #adadad;
	behavior:url(../es/css/css/PIE.htc);
	}
	
	.banner-dreta:hover{
		cursor:pointer;
		-moz-box-shadow: 0px 0px 4px #3d4955;
		-webkit-box-shadow: 0px 0px 4px #3d4955;
		box-shadow: 0px 0px 4px #3d4955;
		behavior:url(../es/css/css/PIE.htc);
		}
	#productos-columna-esquerra .banner-dreta
	{
		width:200px;
		margin:20px 0 0 0;
	}

	.banner-dreta img,
	.banner-dreta-info img {
		width: 100%;
		float: left;
	}

	@media (min-width: 768px) {
		.homepage .banner-dreta {
			width: 32%;
			margin: 0 0 10px 1.9%;
		}
		.banner-dreta:nth-child(1) {
			margin-left: 0;
		}
	}

	@media (min-width: 1024px) {
		.banner-dreta,
		.homepage .banner-dreta {
			width: 100%;
			margin: 0 0 10px 0;
		}
	}

.banner-dreta-historia {
	display:block;
	float:right;
	width:100%;
	margin-top:10px;
	}
	
	.banner-dreta-historia img {
		width: 100%;
	}

	@media (min-width: 480px) {
		.banner-dreta-historia { 
			width:30%;
		}
	}

	@media (min-width: 1024px) {
		.banner-dreta-historia {
			width:239px;
		}
	}

	.banner-dreta-historia:hover{
		cursor:pointer;
		-moz-box-shadow: 0px 0px 4px #3d4955;
		-webkit-box-shadow: 0px 0px 4px #3d4955;
		box-shadow: 0px 0px 4px #3d4955;
		behavior:url(../es/css/css/PIE.htc);
		}
.box-noticias, .box-spots{
	display:block;
	float:left;
	width:100%;
	min-height:314px;
	margin-bottom:10px;
	background:#FFF;
	-moz-box-shadow: 0px 0px 3px #adadad;
	-webkit-box-shadow: 0px 0px 3px #adadad;
	box-shadow: 0px 0px 3px #adadad;
	behavior:url(../es/css/css/PIE.htc);
	}

	@media (min-width: 600px) {
		.box-noticias, .box-spots {
			width:48.5%;
		}
	}

.box-spots{
	float:right;
	position: relative;
	}
	.box-txt{
		display:block;
		float:left;
		width:84%;
		min-height:110px;
		padding: 14px 8% 16px;
		}
.play{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 40%;
	background-image:url(../img/home/home-videos-play.png);
	background-repeat: no-repeat;
	background-size: 100%;
	}
	.play:hover{
		cursor:pointer;
		background-image:url(../img/home/home-videos-play-over.png);
	}

.box-noticias img,
.box-spots img {
	width: 100%;
	height: auto;
}
	
.boto{
	display:block;
	float:left;
	height:14px;
	margin:4px 4px 0 0;
	padding:4px 8px 2px 8px;
	background:url(../img/bt-bckgrnd.png) repeat-x top left;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:9px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	}
	.suscribete-box .boto, .suscribete-box-eng .boto{
		height:15px;
		padding:3px 8px 0px 8px;
		background:url(../img/contacto/suscribete-bt-bckgrnd.png) repeat-x top left;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border:1px solid #eca66f;
		}
	.comunicacion-box .boto{
		height:15px;
		padding:3px 8px 0px 8px;
		background:url(../img/comunicacion/comunicacion-bt-bckgrnd.png) repeat-x top left;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border:1px solid #4d5ca0;
		}
.boto:hover{
	cursor:pointer;
	background:url(../img/bt-bckgrnd.png) repeat-x 0 -19px;
	}
	.suscribete-box .boto:hover, .suscribete-box-eng .boto:hover{
		background:url(../img/contacto/suscribete-bt-bckgrnd.png) repeat-x 0 -18px;
		}
	.comunicacion-box .boto:hover{
		background:url(../img/comunicacion/comunicacion-bt-bckgrnd.png) repeat-x 0 -18px;
		}
	.boto a{
		color:#FFF;
		}

.video01{
	background:url(../es/img/home/home-videos-big-01-over.jpg);
	}
.video01:hover{
	cursor:pointer;
	}


/* OVERLAYED ELEMENTS */

	/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(../img/home/video-overlay.png);
		color:#efefef;
		height:450px;
	}
	
	.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	background-image:url(../img/home/video-overlay.png);
	width:560px;		
	padding:35px;
	font-size:11px;
	}
	
	.apple_overlay .close{
		margin:17px;
		}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}


/*EMPRESA*/
.empresa-txt-box, .empresa-txt-box-small{
	display:block;
	float:left;
	margin:5% 7%;
	width: 86%;
	}

	@media (min-width: 768px) {
		.empresa-txt-box-small{
			width:60%;
			margin:20px 5%;
		}
	}

.col-dreta-title{
	display:block;
	float:left;
	background:#333;
	width:86%;
	height:10px;
	padding:8px 7%;
	}
.col-dreta-txt{
	display:block;
	float:left;
	margin:10px 7%;
	}
.historia-box{
	display:block;
	float:left;
	width:90%;
	padding:40px 5% 25px;
	}
.historia-txt{
	display:block;
	float:left;
	width:100%;
	}
	
	@media (min-width: 768px) {
		.historia-txt {
			width:66.66%;
		}
	}

.buenas-practicas .consejo{
	float:left;
	width:48%;
	margin:0 0 15px 0;
	}
	.buenas-practicas .consejoRight{
		float:right;
	}
.buenas-practicas .consejo .infoTxt{
	float:left;
	width:65%;
	}
.buenas-practicas .consejo img{
	float:left;
	margin:0 5px 0 0;
	}

/*FI EMPRESA*/

/*BUSCADOR DE MANCHAS*/

.buscador-menu
{
	width:88%;
	margin:20px auto;
	overflow:auto;
}

.select-box
{
	float:left;
	width:141px;
	height:67px;
	margin:0 2px;
}
	.title
	{
		text-align:center;
		font-family: "mentone-1","mentone-2",sans-serif;
		font-weight:700;
		color:#f47d2c;
		font-size:15px;
		margin:10px 0 0 10px;
	}
	.comida
	{
		background:url('../img/atencion-consumidor/buscador-de-manchas/menu-select-comida.jpg') no-repeat;
	}
	.bebida
	{
		background:url('../img/atencion-consumidor/buscador-de-manchas/menu-select-bebida.jpg') no-repeat;
	}
	.personal
	{
		background:url('../img/atencion-consumidor/buscador-de-manchas/menu-select-personal.jpg') no-repeat;
	}
	.otros
	{
		background:url('../img/atencion-consumidor/buscador-de-manchas/menu-select-otros.jpg') no-repeat;
	}

.buscador-menu select
	{
		background:transparent;
		padding:1px 5px;
		border:none;
		font-family: "mentone-1","mentone-2",sans-serif;
		font-weight:400;
		font-size:11px;
		line-height:11px;
		color:#999;
		width:135px;
		text-align:left;
		-webkit-appearance: none;
	}
		
		.buscador-menu select:hover
		{
			cursor:pointer;
		}
		

.styled-select
	{
		background:url('../img/atencion-consumidor/buscador-de-manchas/select-box-bckgrnd.png') no-repeat right #fff;
		width:114px;
		height:19px;
		margin:5px auto;
		overflow: hidden;
	}
		
		.styled-select:hover
		{
			cursor:pointer;
		}

.buscador-de-manchas
{
	overflow:auto;
	padding:0 0 20px 0;
}

.mancha-img
{
	float:left;
	width: 50%;
	max-width:155px;
	margin:0 5% 0 0;
}

.mancha-description
{
	float:left;
	width:45%;
}

.mancha-info
{
	float:right;
	width:50%;
	margin:10px 5% 0 0;
}

@media (min-width: 768px) {
	.mancha-info {
		width:20%;
	}
}


/*FI BUSCADOR DE MANCHAS*/

/*HOME PRODUCTOS*/
.intro-seccio{
	display:block;
	padding-bottom:10px;
	border-bottom:1px solid #bbd9e9;
	}
	.intro-seccio.no-border {
		border: none;
	}
.intro-seccio h2{
	margin-top:40px;
	font-size:16px;
	}
.intro-seccio p{
	font-size:12px;
	line-height:18px;
	margin-bottom:8px;
	}

#scroll {
	position:relative;
	overflow:hidden;
	width:926px;
	padding:0;
	height:431px;
	margin-bottom:20px;
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
}

.tool {
	float:left;
	width:926px;
	height:335px;
	text-align:center;
}

.details {
	position:absolute;
	background-color:transparent;
	*clear:left;
	*margin-left:-500px;
}

#thumbs {
	background:url(../img/productos/productos-home-menu.jpg) 0 -388px;
	height:96px;
	position:absolute;
	top:335px;
	width:926px;
}

.t {
	padding:0 !important;
	border:0 !important;
}

.t a {
	background:transparent url(../img/productos/productos-home-menu.jpg) no-repeat scroll 0 -96px;
	margin-left:0px;
	display:block;
	width:159px;
	float:left;
	height:96px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:0px;
	_margin-left:200px;
	*margin-left:200px;
}

/* CSS sprite for the navigation */

/*kh-7*/
#t0			{ margin-left:46px;width:190px;background-position:-43px -97px; }
#t0:hover 	{ background-position:-43px -194px; }
#t0:active	{ background-position:-43px -291px; }
#t0.active	{ background-position:-43px 0 !important; }

/*zas*/
#t1			{ width:126px;background-position:-233px -97px; }
#t1:hover 	{ background-position:-233px -194px; }
#t1:active	{ background-position:-233px -291px; }
#t1.active	{ background-position:-233px 0 !important; }

/*sinmanchas*/
#t2			{ width:102px;background-position:-360px -97px; }
#t2:hover 	{ background-position:-360px -194px; }
#t2:active	{ background-position:-360px -291px; }
#t2.active	{ background-position:-360px 0 !important; }

/*desic*/
#t3			{ width:71px;background-position:-462px -97px; }
#t3:hover 	{ background-position:-462px -194px; }
#t3:active	{ background-position:-462px -291px; }
#t3.active	{ background-position:-462px 0 !important; }

/*kh profesional*/
#t4			{ width:193px;background-position:-535px -97px; }
#t4:hover 	{ background-position:-535px -194px; }
#t4:active	{ background-position:-535px -291px; }
#t4.active	{ background-position:-535px 0 !important; }

/*Ocultar l'últim element*/
#t5			{ display:none; }

.spira-banner {
	position:absolute;
	bottom:0;
	right:58px;
	z-index:9999;
	width:151px;
	height:95px;
	background:url("../img/productos/spira-banner.png") no-repeat left top;
}

	.spira-banner:hover {
		cursor:pointer;
		background:url("../img/productos/spira-banner.png") no-repeat left bottom;
	}


/*PRODUCTOS*/
.visit-web{
	position:absolute;
	width:64px;
	height:64px;
	right: 10px;
	top: 200px;
	}
	.web-bt{
		background:url(../img/productos/visita-web-bt-over.png);
		}
		.web-bt-eng{
			background:url(../eng/img/productos/visit-web-bt-over.png);
			}
	.web-bt:hover{
		cursor:pointer;
		}
		.web-bt-eng:hover{
			cursor:pointer;
			}

.ver-spot{
	display:block;
	float:left;
	margin-top:10px;
	}
.boto-spot{
	display:block;
	float:left;
	width:170px;
	height:19px;
	margin:5px 0 0 0;
	padding:6px 0 0 30px;
	background:url(../img/productos/productos-bt-spot-bckgrnd.png) no-repeat;
	font-size:9px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	}
	.boto-spot:hover{
	cursor:pointer;
	background:url(../img/productos/productos-bt-spot-bckgrnd.png) 0 25px;
	}

#submenu-productos, #submenu-noticias, #submenu-cultura, #submenu-un-mundo, #submenu-cultura {
	display:block;
	float:left;
	width:84%;
	margin:20px 8% 30px 8%;
	font-family: "mentone-1","mentone-2",sans-serif;
  	font-weight:600;
	font-size:12px;
	color:#f47d2c;
	}

	@media (min-width: 768px) {
		#submenu-productos, #submenu-noticias, #submenu-cultura, #submenu-un-mundo{
			width:90%;
			margin:20px 0 30px 10%;
		}
		 #submenu-cultura {
		 	width: 25%;
		 	margin: 20px 0 0 5%;
		 }
	}

	
	#submenu-productos.quitagrasas li.quitagrasas, #submenu-productos.vajillas li.vajillas, #submenu-productos.antical li.antical, #submenu-productos.vitroespuma li.vitroespuma, #submenu-productos.vitrocrema li.vitrocrema, #submenu-productos.motor li.motor, #submenu-productos.bricojardin li.bricojardin,
	#submenu-productos.multisuperficies li.multisuperficies, #submenu-productos.cocinas li.cocinas, #submenu-productos.banos li.banos, #submenu-productos.salones li.salones,
	#submenu-productos.sinmanchas li.sinmanchas, #submenu-productos.coloreadas li.coloreadas, #submenu-productos.seco li.seco,
	#submenu-productos.khprobanos li.khprobanos, #submenu-productos.khprococinas li.khprococinas, #submenu-productos.khpromulti li.khpromulti, #submenu-productos.khproinsecticida li.khproinsecticida, #submenu-productos.cincolitros li.cincolitros
		{
		color:#373330;
		}
		#submenu-cultura.politica li.politica, #submenu-cultura.valores li.valores, #submenu-cultura.etica li.etica, #submenu-cultura.sig li.sig, #submenu-cultura.equipo li.equipo{
			color:#373330;
			}
		#submenu-un-mundo.hogar li.hogar, #submenu-un-mundo.cocina li.cocina, #submenu-un-mundo.ropa li.ropa, #submenu-un-mundo.motor li.motor, #submenu-un-mundo.bicicletas li.bicicletas, #submenu-un-mundo.embarcaciones li.embarcaciones, #submenu-un-mundo.jardin li.jardin, #submenu-un-mundo.deportes li.deportes, #submenu-un-mundo.ocio li.ocio
		{
			color:#373330;
		}
	
		#submenu-productos a li{
			color:#959595;
			}
	#submenu-productos ul, #submenu-noticias ul, #submenu-cultura ul, #submenu-un-mundo ul{
		margin:5px 0 0 0;
		padding:0;
		list-style:none;
		border-bottom:1px solid #f5e5d9;
		}
	#submenu-productos ul li, #submenu-noticias ul li, #submenu-cultura ul li, #submenu-un-mundo ul li{
		color:#959595;
		border-top:1px solid #f5e5d9;
		padding:4px 0 4px 0;
		}
		#submenu-productos ul li:hover, #submenu-noticias ul li:hover, #submenu-cultura ul li:hover, #submenu-un-mundo ul li:hover{
			color:#373330;
			cursor:pointer;
			}	


/*HOJA DE INGREDIENTES*/

/*Botó*/
.hoja-ingredientes{
	display:block;
	float:right;
	width:157px;
	margin:15px 0;
	}	
	img.ingredientes{
		background:url(../img/productos/hoja-ingredientes-bt-over.png);
		}
		img.ingredientes-cat{
			background:url(../cat/img/productos/hoja-ingredientes-bt-CAT-over.png);
			}
		img.ingredientes-eng{
			background:url(../eng/img/productos/hoja-ingredientes-bt-over.png);
			}
		img.ingredientes-por{
			background:url(../por/img/productos/hoja-ingredientes-bt-por-over.png);
			}
		img.ingredientes-fra{
			background:url(../fra/img/productos/hoja-ingredientes-bt-over-fra.png);
			}			
	img.ingredientes:hover, img.ingredientes-cat:hover, img.ingredientes-eng:hover, img.ingredientes-por:hover, img.ingredientes-fra:hover{
		cursor:pointer;
		}
		

/* Estils Pop-up */
.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	background-image:url(../img/productos/hoja-ingredientes-overlay-white.png);
	width:640px;		
	padding:35px;
	font-size:11px;
}
div.apple_overlay.historia {
	background-image:url(../img/empresa/historia-overlay-background.png);
	width:1181px;
	padding:20px;
}
/* default close button positioned on upper right corner */
.apple_overlay .close{
	background-image:url(../img/productos/hoja-ingredientes-overlay-close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.apple_overlay .taula-ingredientes{
	margin:30px;
	}

.apple_overlay .taula-ingredientes h3{
	font-size:12px;
	margin:10px 0 2px 0;
	}

.apple_overlay .taula-ingredientes .filet-gris{
	background:#666;
	margin-bottom:10px;
	}

.apple_overlay .taula-ingredientes .prod-img{
	display:block;
	float:left;
	width:181px;
	}

.apple_overlay .taula-ingredientes .llista-ingredients{
	display:block;
	float:right;
	width:365px;
	}

.apple_overlay .taula-ingredientes table{
	margin-top:20px;
	}
	
.apple_overlay .taula-ingredientes table tr:nth-child(odd)		{ background-color:#eaeaea; }
.apple_overlay .taula-ingredientes table tr:nth-child(even)		{ background-color:#CCC; }

.apple_overlay .taula-ingredientes table td{
	padding-left:5px;
	}

.apple_overlay .taula-ingredientes table thead td{
	background-color:#FFF;
	border-bottom:1px solid #333;
	}	
.apple_overlay .taula-ingredientes table thead td h2{
	font-size:11px;
	}

/* ESTILS INGREDIENTES EN SHADOWBOX */
#sb-player .taula-ingredientes {
	padding: 0 20px;
}

#sb-player .taula-ingredientes p {
	width: 100%;
	margin-bottom: 20px;
}

#sb-player .filet-gris {
	margin-bottom: 5px;
}

#sb-player .taula-ingredientes h3 {
	margin: 5px 0;
}

#sb-player ul.ingredientes {
	margin-bottom: 30px;
}


/* SPIRA */
.spira-products-wrapper {
	padding:30px;
}

.spira-single-product-wrapper {
	padding:20px 0;
	border-top:1px solid #eeeeee;
}

.spira-single-product-wrapper .image-wrapper img {
	width:100%;
}

.spira-single-product-wrapper .product-description {
	padding: 0 10%;
}
@media (min-width: 768px) {
	.spira-single-product-wrapper .product-description {
		padding: 0 8% 0 0;
	}
}

.spira-header {
	float:left;
	width:100%;
	padding-top:80px;
	margin-bottom:20px;
	background:url("../img/productos/spira-header.jpg") no-repeat center top;
}

.spira-header.ocedar {
	background:url("../img/productos/ocedar-logo.png") no-repeat right top;
	background-size: 120px;
	min-height: 12px;
}

.spira-logo {
	margin-bottom:10px;
}


/*ACTUALIDAD*/
.titol-seccio{
	display:block;
	float:left;
	width:84%;
	margin:40px 8% 0;
	}
.box-actualidad {
	display:block;
	float:left;
	width:100%;
	min-height:330px;
	margin:10px 0 0 0;
	background:url(../img/actualidad/actualidad-box-bckgrnd.png);
	}

	@media (min-width: 768px) {
		.box-actualidad {
			width:47.5%;
			margin:10px 2.5% 0 0;
		}
		.titol-seccio {
			width:90%;
			margin:40px 5% 0;
		}
	}

	.box-actualidad img {
		width: 100%;
		height: auto;
	}
	.box-actualidad .box-txt{
		width:84%;
	}
#submenu-noticias{
	float:right;
	width:84%;
	margin:15px 8% 25px 0;
	}
	#submenu-noticias.dosmil-setze li.dosmil-setze, #submenu-noticias.dosmil-quinze li.dosmil-quinze, #submenu-noticias.dosmil-catorze li.dosmil-catorze, #submenu-noticias.dosmil-tretze li.dosmil-tretze, #submenu-noticias.dosmil-onze li.dosmil-onze, #submenu-noticias.dosmil-dotze li.dosmil-dotze, #submenu-noticias.dosmil-deu li.dosmil-deu, #submenu-noticias.dosmil-nou li.dosmil-nou, #submenu-noticias.dosmil-vuit li.dosmil-vuit, #submenu-noticias.dosmil-set li.dosmil-set, #submenu-noticias.dosmil-sis li.dosmil-sis, #submenu-noticias.dosmil-cinc li.dosmil-cinc{
		color:#373330;
		}

@media (min-width: 768px) {
	#submenu-noticias{
		width:20%;
		margin:15px 5% 0 0;
	}
}

.noticia{
	display:block;
	float:left;
	width: 100%;
	max-width:470px;
	}
	.noticia img{
		margin-bottom:7px;
		width: 100%;
		}
	.noticia-footer{
		display:block;
		float:left;
		width:100%;
		margin-top:15px;
		}
	.noticia-footer .item{
		display:block;
		float:left;
		width:170px;
		margin-top:5px;
		font-size:11px;
		line-height:15px;
		color:#7e8086;
		}
	.noticia-footer .item .txt{
		display:block;
		float:left;
		margin:1px 4px 0 0;
		}
	
	.noticias-compartir-bt, .noticias-facebook-bt, .noticias-twitter-bt{
		display:block;
		float:left;
		width:17px;
		height:15px;
		margin:0;
		}
		.noticias-compartir-bt{
			background:url(../img/actualidad/compartir-bt.png);
			}
		.noticias-compartir-bt:hover{
			background:url(../img/actualidad/compartir-bt.png) 0 -15px;
			}
		.noticias-facebook-bt{
			background:url(../img/actualidad/compartir-facebook-bt.png);
			}
		.noticias-facebook-bt:hover{
			background:url(../img/actualidad/compartir-facebook-bt.png) 0 -15px;
			}
		.noticias-twitter-bt{
			background:url(../img/actualidad/compartir-twitter-bt.png);
			}
		.noticias-twitter-bt:hover{
			background:url(../img/actualidad/compartir-twitter-bt.png) 0 -15px;
			}

	.noticia-title{
		display:block;
		float:left;
		width:100%;
		padding-bottom: 10px;
		}
		.noticia-subtitle{
			display:block;
			float:left;
			width:400px;
			}
	
	.navegador-noticia{
		display:block;
		float:right;
		margin:0;
		}
		.navegador-noticia .next{
			display:block;
			float:left;
			width:17px;
			height:17px;
			background:url(../img/actualidad/arrow-right.png) no-repeat top;
			}
			.navegador-noticia .next:hover{
				cursor:pointer;
				background:url(../img/actualidad/arrow-right.png) no-repeat bottom;
				}
		.navegador-noticia .prev{
			display:block;
			float:left;
			width:17px;
			height:17px;
			margin-right:1px;
			background:url(../img/actualidad/arrow-left.png) no-repeat top;
			}
			.navegador-noticia .prev:hover{
				cursor:pointer;
				background:url(../img/actualidad/arrow-left.png) no-repeat bottom;
				}


/*COMUNICACIÓN - WEBS*/
.web-txt-intro{
	margin-bottom:20px;
	}
.web-box {
	display:block;
	float:left;
	width:90%;
	background:#fff;
	margin:0 0 10px 0;
	border:1px solid #daecf7;
	}
	.web-box:hover{
		cursor:pointer;
		background:#f3f9fc;
		border:1px solid #b7d8ec;
		-moz-box-shadow: 0px 0px 2px #bababa;
		-webkit-box-shadow: 0px 0px 2px #bababa;
		box-shadow: 0px 0px 2px #bababa;
		behavior:url(../es/css/css/PIE.htc);
		}

.social-plugin {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
}

	@media (min-width: 400px) {
		.web-box {
			width:47%;
			margin:0 1% 10px 0;
		}
	}

	@media (min-width: 1024px) {
		.web-box {
			width: 31%;
		}
	}

	

.web-box img {
	width: 100%;
}

.web-box-info{
	height:105px;
	width: 90%;
	padding:8px 5% 5px;
	}
.web-footer{
	width:90%;
	height:10px;
	padding:6px 5% 10px;
	font-size:10px;
	font-weight:bold;
	color:#6a767e;
	background: #daecf7;
	}

/*COMUNICACIÓN - PUBLICACIONES*/
#nav {
		display:block;
		float:left;
		width:202px;
	}
	
	#nav ul {	
		width:202px;
		margin:0 auto;	
		padding:0;
	}
	
	#nav li {	
		float:left;
		width:202px;
		list-style-type:none;
		text-align:left;
		margin:0;
	}
	
	#nav a {
		color:#333333;
		background:#f5f5f5;
		display:block;
		padding:0;
		position:relative;
		font-size:11px;		
		height:65px;
		margin-bottom:0px;
		text-decoration:none;
		border:2px solid #FFF;
		border-bottom:none;
		/*-moz-box-shadow:inset -3px 3px 3px #c3d1dc;
		-webkit-box-shadow:inset -3px 3px 3px #c3d1dc;
		box-shadow:inset -3px 3px 3px #c3d1dc;
		behavior:url(./css/PIE.htc);*/
	}	
	
	#nav a:hover {
		background:#e8e8e8;
		/*-moz-box-shadow:inset 0px 0px 3px #c3d1dc;
		-webkit-box-shadow:inset 0px 0px 3px #c3d1dc;
		box-shadow:inset 0px 0px 3px #c3d1dc;
		behavior:url(./css/PIE.htc);*/
		}
		
	#nav a.current {
		background:#daeefa;
		border:none;
		border-top:2px solid #FFF;
		/*-moz-box-shadow: 0px 0px 5px #c3d1dc;
		-webkit-box-shadow: 0px 0px 5px #c3d1dc;
		box-shadow: 0px 0px 5px #c3d1dc;
		behavior:url(./css/PIE.htc);*/
	}
	
	
	#nav img {
		display:block;
	}
	
	#nav strong {
		display:block;		
		font-size:13px;
	}
	
	.publicaciones-box-info{
		float:left;
		display:block;
		margin:15px 0 0 15px;
		}
	.publicaciones-box-img{
		float:left;
		display:block;
		padding:10px 0 0 12px;
		}
	
	
	/* panes */
	#panes {
		display:block;
		float:left;
		background:#fff;
		width:620px;	
		height:330px;
		
		/* must be relative so the individual panes can be absolutely positioned */
		position:relative;
	}
	
	@media (min-width: 400px) {
		#panes {
			height:400px;
		}
	}

	@media (min-width: 768px) {
		#panes {
			height:241px;
		}
	}

	/* crossfading effect needs absolute positioning from the elements */
	#panes div {
		display:none;		
		position:absolute;
		font-size:13px;
		color:#444;	
		padding:10px;
		background:#daeefa;
		border-top:2px solid #FFF;
	}
	
	#panes div h2{
		font-size:18px;
		margin:4px 0 6px 0;
		}
		
	#panes div hr{
		float:left;
		width:330px;
		margin:0 20px 8px 0;
		}
	
	#panes div p{
		margin-right:10px;
		}
	
	#panes img {
		float:left;
		margin-right:30px;		
		border:1px solid #dee4e8;
	}
	
	
	.overlay {
		display:none;
		width:500px;
		padding:20px;
		background-color:#ddd;
	}

/*COMUNICACIÓN - VIDEOS*/
.comunicacion-box{
	display:block;
	float:left;
	width:95%;
	background:url(../img/comunicacion/videos-box-bckgrnd.png);
}

	@media (min-width: 768px) {
		.comunicacion-box {
			width:100%;
		}
	}

	.comunicacion-box .fade{
		float:left;
		}
	
	.comunicacion-box .box-txt{
		margin:0;
		width:90%;
		padding: 25px 5%;
		}
		@media (min-width: 768px) {
			.comunicacion-box .box-txt {
				width:40%;
				padding: 25px 5%;
			}
		}
		.comunicacion-box .box-txt .box-title{
			width:100%;
			border-bottom:1px solid #7c90b1;
			margin-bottom:8px;
			}
	.comunicacion-box img.sinmanchas{
		cursor:pointer;
		background:url(../img/comunicacion/videos-01-sinmanchas-big-over.jpg);
		}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}



	@media (min-width: 768px) {
		.comunicacion-box .video-container {
			padding-bottom: 29%;
		}
		.comunicacion-box iframe{
			float:right;
			border-left:2px solid #fff;
		}
	}

  .video-container iframe,
  .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .video-container.publicaciones object {
  	max-width: 600px;
  }

#comunicacion-columna-principal #nav {
	display:block;
	float:left;
	width:100%;
}

#comunicacion-columna-principal #nav ul {	
	display:block;
	width:100%;
	height:200px;
	margin:0 auto;	
	padding:0;
}

#comunicacion-columna-principal #nav li {	
	float:left;
	width:100%;
	list-style-type:none;
	text-align:left;
	margin:0;
}

	@media (min-width: 768px) {
		#comunicacion-columna-principal #nav li {
			width:33.3%;
		}
	}

#comunicacion-columna-principal #nav a {
	color:#333333;
	background:#fff;
	display:block;
	padding:0;
	position:relative;
	font-size:11px;		
	height:65px;
	margin-bottom:0px;
	text-decoration:none;
	border:none;
	border-top:1px dotted #ccc;
	margin-right:12px;
	/*-moz-box-shadow:inset -3px 3px 3px #c3d1dc;
	-webkit-box-shadow:inset -3px 3px 3px #c3d1dc;
	box-shadow:inset -3px 3px 3px #c3d1dc;
	behavior:url(./css/PIE.htc);*/
}	

#comunicacion-columna-principal #nav a:hover {
	background:#f3f3f3;
	/*-moz-box-shadow:inset 0px 0px 3px #c3d1dc;
	-webkit-box-shadow:inset 0px 0px 3px #c3d1dc;
	box-shadow:inset 0px 0px 3px #c3d1dc;
	behavior:url(./css/PIE.htc);*/
	}
	
#comunicacion-columna-principal #nav a.current {
	background:#daeefa;
	border:none;
	border-top:1px dotted #ccc;
	/*-moz-box-shadow: 0px 0px 5px #c3d1dc;
	-webkit-box-shadow: 0px 0px 5px #c3d1dc;
	box-shadow: 0px 0px 5px #c3d1dc;
	behavior:url(./css/PIE.htc);*/
}


#comunicacion-columna-principal #nav img {
	display:block;
}

#comunicacion-columna-principal #nav strong {
	display:block;		
	font-size:13px;
}

/* panes */
#comunicacion-columna-principal #panes {
	display:block;
	float:left;
	background:#fff;
	width:100%;	
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#comunicacion-columna-principal #panes div {
	display:none;		
	position:absolute;
	font-size:13px;
	color:#444;	
	padding:0px;
	background:url(../../img/comunicacion/videos-box-bckgrnd.png);
	border:none;
}

#comunicacion-columna-principal .videos-menu-box{
	display:block;
	float:left;
	margin:20px 0px 0 0;
	width:100%;
	}
	#comunicacion-columna-principal .videos-menu-box h2{
		margin-bottom:7px;
		}



/*ATENCIÓN CONSUMIDOR*/
.correo-electronico-box, .correo-box{
	display:block;
	float:left;
	width:270px;
	height:100px;
	padding:3px 0 0 0;
	background:url(../img/atencion-consumidor/email-ico.png) no-repeat;
	margin:5px 25px 0 0;
	}
	.correo-box {
		margin-right:0;
		background:url(../img/atencion-consumidor/correu-ico.png) no-repeat;
		}
	
/*CONTACTO*/
.mapa-box{
	display:block;
	float:left;
	width:90%;
	margin:5px 0 25px 0;
	padding:30px 5% 0;
	}
.contacto-box{
	display:block;
	float:left;
	width:90%;
	padding:0 5%;
	margin-top:7px;
	background:url(../img/contacto/contacto-box-bckgrnd.png);
	}
	
	.contacto{
		display:block;
		}
	.contacto img{
		display:block;
		float:left;
		margin:0 12px 0 0;
		border:1px solid #ececec;
		}
	.contacto-tel{
		display:block;
		float:left;
		width:100%;
		margin-top:6px;
		padding-top:5px;
		border-top:1px solid #fff;
		}
#map_canvas, #map_canvas_2{
	display:block;
	float:left;
	width:100%;
	height:280px;
	margin-top:7px;
	}

	@media (min-width: 1024px) {
		.mapa-box {
			width: 847px;
			padding:30px 30px 0 50px;
		}
		.contacto-box {
			float: right;
			width:281px;
			height:280px;
			padding:0 20px 0 25px;
		}
		#map_canvas, #map_canvas_2 {
			width:519px;
			height:280px;
		}
	}

.suscribete{
	display:block;
	float:left;
	width:100%;
	margin:0;
	}
	.suscribete-box, .suscribete-box-eng{
		display:block;
		float:left;
		width:80%;
		margin:25px 0 0 5%;
		padding:20px 5% 0;
		background:#f47d2c;
		}
		/*.suscribete-box-eng{
			background:url(../eng/img/contacto/suscribete-box-bckgrnd-eng.png);
			}
		.suscribete-cat{
			background:url(../cat/img/contacto/suscribete-box-bckgrnd-CAT.png);
			}*/
.trabajar-box, .vacantes-box{
	display:block;
	float:left;
	width:193px;
	height:310px;
	margin:0 2px 0 5px;
	padding:18px 25px 0 25px;
	background:url(../img/contacto/trabajar-box-bckgrnd.png) no-repeat;
	}
	.trabajar-box {
		width: auto;
		background: #e6f5fc;
	}
	.vacantes-box{
		background:url(../img/contacto/vacantes-box-bckgrnd.png);
		margin:0;
		display: none;
		}
	.vacante{
		display:block;
		float:left;
		margin:6px 0 0 0;
		border-top:1px dotted #fff;
		}
.formulari-box{
	display:block;
	float:left;
	width:90%;
	margin:0;
	padding:25px 5% 30px 5%;
	}

	@media (min-width: 1024px) {
		.suscribete {
			width:335px;
		}
		.formulari-box {
			float: right;
			border-left:1px solid #d8d8d8;;
			width:495px;
			padding:25px 30px 30px 25px;
		}
		.suscribete-box, .suscribete-box-eng {
			width:245px;
			height:220px;
			margin:25px 0 0 50px;
			padding:20px 25px 0 25px;
		}
	}

	.formulari{
		display:block;
		float:left;
		margin:15px 0 25px 0;
		padding-top:5px;
		border-top:1px dotted #CCC;
		}
	.formulari-camp{
		display:block;
		float:left;
		min-height:22px;
		margin:6px 0 5px 0;
		padding-bottom:8px;
		border-bottom:1px dotted #CCC;
		}
		.experiencia-laboral .formulari-camp{
			margin:10px 0 0px 0;
			padding-bottom:0px;
			border-bottom:none;
			}
	.formulari-titol, .formulari-titol-dues-linies, .formulari-titol-short, .formulari-titol-large-left{
		display:block;
		float:left;
		width:75px;
		margin-right:6px;
		padding-top:4px;
		font-family:Lucida Grande, Arial, Helvetica, sans-serif;
		font-size:9px;
		font-weight:bold;
		color:#414141;
		text-align:right;
		}
		.formulari-titol-dues-linies{
			padding-top:0;
			}
		.formulari-titol-short{
			width:40px;
			}
		.formulari-titol-large-left{
			width:490px;
			text-align:left;
			}
	.formulari-box input{
		width:78px;
		background:#eef3f7;
		border:1px solid #d6d8d8;
		-moz-box-shadow:inset 1px 1px 3px #c3d1dc;
		-webkit-box-shadow:inset 1px 1px 3px #c3d1dc;
		box-shadow:inset 1px 1px 3px #c3d1dc;
		behavior:url(../es/css/css/PIE.htc);
		color:#68727a;
		padding:2px 0 2px 4px;
		}
		.formulari-box .trabajar-box input {
			width: auto;
			background: transparent;
			border: none;
		}
		.formulari-box input.localidad{
			width:115px;
			}
		.formulari-box input.mail, .formulari-box input.telefono, .formulari-box input.empresa, .formulari-box input.puesto-trabajo{
			width:160px;
			}
	.formulari-box select{
		width:82px;
		}
	.formulari-box .area-interes{
		display:block;
		float:left;
		width:160px;
		margin:8px 5px 0 0;
		font-size:10px;
		line-height:14px;
		color:#7e8086;
		}
		.formulari-box .area-interes .checkbox{
			padding:0;
			margin:0 5px 0 0;
			width:13px;
			}
		.formulari-box select.formacion{
			margin:5px 0 5px 0;
			width:200px;
			}
.enviarBt{
	display:block;
	float:right;
	}

/*FOOTER*/
.pre-footer-txt{
	display:block;
	float:left;
	margin:30px 5px 0 0;
	text-align:right;
	}
	.pre-footer-txt h3{
		color:#a1b2c1;
		text-shadow: 1px 1px 1px #fff;
	}
.logos-footer{
	display:block;
	float:left;
	margin:0 18px 0 18px;
	}
	.logo-kh7:hover, .logo-zas:hover, .logo-sinmanchas:hover, .logo-desic:hover, .logo-khprofesional:hover{
		cursor:pointer;
		}
	.logo-kh7{
		background:url(../img/footer/logos-footer-kh7-over.png);
		}
	.logo-zas{
		background:url(../img/footer/logos-footer-zas-over.png);
		}
	.logo-sinmanchas{
		background:url(../img/footer/logos-footer-sinmanchas-over.png);
		}
	.logo-desic{
		background:url(../img/footer/logos-footer-desic-over.png);
		}
	.logo-khprofesional{
		background:url(../img/footer/logos-footer-khprofesional-over.png);
		}
.separador-logos{
	display:block;
	float:left;
	width:1px;
	height:35px;
	margin:17px 0 0 0;
	border-right:1px solid #b6c3ca;
	}

.brands-list {
	float: left;
	margin-top: 10px;
}

.brands-list li {
	float: left;
	list-style: none;
	padding: 5px 10px 0;
	border-right:1px solid #b6c3ca;
	background-size: 85px;
	background-repeat: no-repeat;
	background-position: center center;
}

	.brands-list li.kh7 {
		background-image: url('/img/footer/footer-logos-kh7-bn.png');
	}
	.brands-list li.zas {
		background-image: url('/img/footer/footer-logos-zas-bn.png');
	}
	.brands-list li.desic {
		background-image: url('/img/footer/footer-logos-desic-bn.png');
	}

.brands-list li a {
	opacity: 0;
	-webkit-transition: all 0.15s ease-in;
  	-moz-transition: all 0.15s ease-in;
 	-o-transition: all 0.15s ease-in;
  	transition: all 0.15s ease-in;
}

.brands-list li a:hover {
	opacity: 1;
}

.brands-list li a img {
	width: 85px;
}

.compartir{
	display:block;
	float:right;
	width:240px;
	}
.compartir-bt, .facebook-bt, .twitter-bt, .youtube-bt, .favorites-bt, .print-bt{
	display:block;
	float:left;
	width:19px;
	height:19px;
	margin:25px 0 0 3px;
	}
	.compartir-bt{
		background:url(../img/footer/compartir-bt.png);
		}
	.compartir-bt:hover{
		background:url(../img/footer/compartir-bt.png) 0 -19px;
		}
	.facebook-bt{
		background:url(../img/footer/compartir-facebook-bt.png);
		}
	.facebook-bt:hover{
		background:url(../img/footer/compartir-facebook-bt.png) 0 -19px;
		}
	.twitter-bt{
		width:25px;
		background:url(../img/footer/compartir-twitter-bt.png);
		}
	.twitter-bt:hover{
		background:url(../img/footer/compartir-twitter-bt.png) 0 -19px;
		}
	.youtube-bt{
		width:22px;
		height:22px;
		background:url(../img/footer/compartir-youtube-bt.png);
		}
	.youtube-bt:hover{
		background:url(../img/footer/compartir-youtube-bt.png) 0 -22px;
		}
	.favorites-bt{
		width:20px;
		background:url(../img/footer/compartir-favoritos-bt.png);
		}
	.favorites-bt:hover{
		background:url(../img/footer/compartir-favoritos-bt.png) 0 -19px;
		}
	.print-bt{
		width:21px;
		height:21px;
		background:url(../img/footer/compartir-print-bt.png);
		}
	.print-bt:hover{
		background:url(../img/footer/compartir-print-bt.png) 0 -21px;
		}

#footer .text-box, #footer .text-box-fr{
	display:block;
	float:left;
	margin:2px 35px 0 8px;
	font-size:10px;
	color:#f2f2f2;
	}
	#footer .text-box-fr{margin:0;}
	#footer .text-box a, #footer .text-box-fr a{
		color:#f2f2f2;
		text-decoration:none;
		}
	#footer .text-box a:hover, #footer .text-box-fr a:hover{
		color:#fff;
		text-decoration:underline;
		}
		
/*ESTILS TEXT*/
.taronja{
	color:#f47d2c;
	}
.gris{
	color:#7e8086;
	}
.blanc{
	color:#FFF;
	}
.blau{
	color:#379ed7;
	}
h1{
	font-family: "mentone-1","mentone-2",sans-serif;
	font-weight:400;
	color:#666;
	font-size:18px;
	margin:0;
	}
	#productos-columna-principal h1 {
		margin: 10px 0 5px;
	}
h2{
	font-family: "mentone-1","mentone-2",sans-serif;
  	font-weight:700;
	color:#414141;
	font-size:15px;
	line-height:19px;
	margin:5px 0;
	}
	#productos-columna-principal h2 {
		float: left;
		width: 100%;
		padding: 0 0 10px 0;
		margin-bottom: 10px;
		border-bottom: 1px solid #f5e5d9;
	}
	h2.un-mundo
	{
		margin:25px 0 12px 0;
	}
	.buenas-practicas .consejo h2
	{
		font-size:14px;
		margin:2px 0;
	}
	.spira-single-product-wrapper h2 {
		font-size:14px;
		line-height:17px;
		margin-bottom:8px;
	}
	
	
h3{
	font-family: "mentone-1","mentone-2",sans-serif;
  	font-weight:700;
	color:#f47d2c;
	font-size:10px;
	text-transform:uppercase;
	margin:0;
	}
	h3.productos{
		font-size:11px;
		margin:20px 0 5px 0;
		}
		h3.productos-first
		{
			margin:0 0 5px 0;
		}
	.mapa-box h3, .formulari-box h3, .historia-box h3{
		font-size:12px;
		}
	.contacto-box h3, .suscribete-box h3, .suscribete-box-eng h3{
		font-size:12px;
		color:#5a5a5a;
		margin-top:20px;
		}
		.suscribete-box h3, .suscribete-box-eng h3{
			color:#fff;
			}
	.publicaciones-box-info h3{
		margin-top:8px;
		line-height:12px;
		}
	.correo-box h3, .correo-electronico-box h3{
		margin:0 0 10px 32px;
		}
	.spira-single-product-wrapper h3 {
		text-transform:none;
		font-size:17px;
		margin-bottom:6px;
	}
h4{
	font-family: "mentone-1","mentone-2",sans-serif;
	font-weight:400;
	font-size:13px;
	margin:2px 0 7px 0;
	color:#7e8086;
	}
	.comunicacion-box h4{
		color:#7c90b1;
		margin-bottom:4px;
		}
	.spira-single-product-wrapper h4 {
		text-transform:uppercase;
		color:#f47d2c;
		font-size:11px;
		font-weight:700;
		margin:10px 0 0 0;
	}

h5{
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	margin:0 0 7px 0;
	color:#7e8086;
	}
	
p{
	font-size:11px;
	line-height:15px;
	color:#7e8086;
	margin:3px 0 4px 0;
	}
	p.productos, .empresa-txt-box p, .empresa-txt-box-small p, .historia-box p, .spira-single-product-wrapper p {
		font-size:12px;
		color:#999999;
		line-height:17px;
		margin:5px 0 6px 0;
		}
	.buenas-practicas .consejo p
		{
			font-size:11px;
			line-height:15px;
			margin:0;
		}
	.comunicacion-box p{
		color:#96afd7;
		}
	p a, p.productos a, .empresa-txt-box li a, .empresa-txt-box-small li a{
		color:#f47d2c;
		text-decoration:none;
		border-bottom: 1px dotted #f47d2c;
		}
		p a:hover, p.productos a:hover, .empresa-txt-box li a:hover, .empresa-txt-box-small li a:hover{
		border-bottom: 1px solid #f47d2c;
		}
	.contacto-box p, .suscribete-box p, .suscribete-box-eng p{
		font-size:11px;
		line-height:15px;
		margin-bottom:7px;
		color:#777777;
		}
		.contacto-tel p{
			font-size:12px;
			line-height:17px;
			color:#777777;
			}
		.suscribete-box p, .suscribete-box-eng p{
			font-size:12px;
			line-height:17px;
			color:#fad89a;
			}
		.contacto-box p a{
			color:#f47d2c;
			text-decoration:none;
			border-bottom:1px dotted #f47d2c;
			}
			.suscribete-box p a, .suscribete-box-eng p a{
				color:#fff;
				text-decoration:none;
				border-bottom:1px dotted #fff;
				}
		.contacto-box p a:hover{
			border-bottom:1px solid #f47d2c;
			}
		.suscribete-box p a:hover, .suscribete-box-eng p a:hover{
			border-bottom:1px solid #fff;
			}
		.trabajar-box p{
			margin-top:15px;
			}
	p.nota{
		margin-top:10px;
		font-size:10px;
		line-height:14px;
		}
	p strong, li strong{
		color:#888888;
		}
		.comunicacion-box p strong{
		color:#c7d6ed;
		}
	.spira-header p {
		color:#573a88;
		font-weight:bold;
	}
	
ul, ol {
	font-size:12px;
	line-height:17px;
	color:#999999;
	margin:0;
	padding-left:14px;
	}
	ul {
		list-style:url(../img/bullet-arrow.png);
	}
	#idiomes ul, #myMenu ul{
		font-size:10px;
		line-height:13px;
		}
	ul.menu-idiomes{
		list-style:none !important;
		}
	
	ul.productos{
		padding-left:12px;
		list-style:url(../img/bullet.png);
		}
		ul.productos a{
			color:#999999;
			border-bottom:1px dotted #999999;
			}
		ul.productos a:hover{
			border-bottom:1px solid #999999;
			}
	ul.ingredientes{
		list-style:url(../img/productos/hoja-ingredientes-bullet-arrow-taronja.png);
		}
ul li{
	margin:3px 0 4px 0;
	}
	#nav ul li{
		list-style:none;
		}
.filet-gris, .filet-blanc{
	display:block;
	float:left;
	width:100%;
	height:1px;
	background:#d8d8d8;
	}
	.empresa-txt-box .filet-gris{
		margin:10px 0 12px 0;
		}
	.filet-blanc{
		background:#FFF;
		}
	.col-dreta-txt .filet-gris{
		margin:2px 0 4px 0;
		}
/*FI ESTILS TEXT*/

/*DICCIONARIO DE LA LIMPIEZA*/
.diccionario-txt-box
{
	display:block;
	float:left;
	margin:20px 5% 20px;
	width:90%;
}

.diccionariLletraBox
{
	display:block;
	float:left;
	width:47%;
	margin:12px 3% 8px 0;
	background:#fff;
}

#columna-dreta-diccionari .diccionariLletraBox
{
	width:90px;
	margin:12px 0 8px 20px;
}

@media (min-width: 768px) {
	.diccionariLletraBox {
		width:31%;
		margin-right: 2%;
	}
}

@media (min-width: 1024px) {
	.diccionariLletraBox {
		width:17.5%;
	}
}


.diccionariLletra
{
	font-family: "mentone-1","mentone-2",Helvetica, sans-serif;
	font-size:32px;
	line-height:32px;
	color:#f47d2c;
	text-transform:uppercase;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}

.diccionariLletraBox p a
{
	color:#7e8086;
	border-bottom:1px dotted #7e8086;
}

.diccionariLletraBox p a:hover
{
	color:#f47d2c;
	border-bottom:1px solid #f47d2c;
}

/* the overlayed element */
.overlay {

    /* must be initially hidden */
    display:none;
    
    /* place overlay on top of other elements */
    z-index:8888;
    opacity:0.95;

    /* styling */
    background-color:#212b31;

    width:175px;
    min-height:50px;
    padding:8px 12px 8px 15px;

    /* CSS3 styling for latest browsers */
    -webkit-box-shadow: 0px 0px 8px #41403a;
	-moz-box-shadow:    0px 0px 8px #41403a;
	box-shadow:         0px 0px 8px #41403a;
}

.large
{
	width:245px;	
}


/* close button positioned on upper right corner */
.overlay .close {
    background:url('../img/atencion-consumidor/closeButton.png');
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:18px;
    width:18px;
}
	.overlay .close:hover {
		background:url('../img/atencion-consumidor/closeButton.png') no-repeat left bottom;
	}

.overlay ul li
{
	list-style:url(../img/productos/hoja-ingredientes-bullet-arrow-taronja.png);
}

	.overlay ul li a
	{
		color:#7e8086;
	}
	
	.overlay ul li a:hover
	{
		color:#f47d2c;
	}

.moreButton
{
	position:absolute;
	display: none;	
}

.tipos-producto-mobile-menu {
	margin-bottom: 20px;
}

.menu-gruop {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.menu-gruop h3 {
	margin-bottom: 3px;
}

.menu-gruop select {
	width: 95%;
}

@media (min-width: 1024px) {
	.moreButton {
		display:block;
	}
	.tipos-producto-mobile-menu {
		display: none;
	}
}

	.moreComedor
	{
		top:175px;
		left:348px;
	}
	
	.moreBano
	{
		top:175px;
		left:180px;
	}
	
	.moreJardin
	{
		top:270px;
		left:30px;
	}
	
	.moreParking
	{
		top:270px;
		left:210px;
	}
	
	.moreLavadero
	{
		top:270px;
		left:365px;
	}
	
	.moreCocina
	{
		top:270px;
		left:490px;
	}
	
a.more
{
	display:block;
	float:left;
	height:15px;
	background:url('../img/atencion-consumidor/moreButton.png') no-repeat right top #f47d2c;
	opacity:0.9;
	padding:4px 35px 3px 10px;
	font-size:12px;
	line-height:12px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	font-family: "mentone-1","mentone-2",Helvetica, sans-serif;
	border:1px solid #fff;
}

	a.more:hover
	{
		cursor:pointer;
		background:url('../img/atencion-consumidor/moreButton.png') no-repeat right bottom #000;
		color:#fff;
	}

.etiquetadoPictograma
{
	display:block;
	float:left;
	width:100%;
	border-top:1px dotted #ccc;
	padding-top:10px;
	margin:5px 0 0 0;
}
	
	.last
	{
		margin-bottom:20px;
	}
	
.etiquetadoPicto
{
	display:block;
	float:left;
	width:20%;
	margin:3px 0 5px 0;
}

	.pictoRight
	{
		float:right;
		margin-right:0
	}

.etiquetadoPicto img {
	width: 100%;
	height: auto;
}

.etiquetadoTxt
{
	display:block;
	float:left;
	width:100%;
}

	.txtEquival
	{
		text-align:center;
		padding-top:30px;
		width:60%;
	}
	
	.fullWidth
	{
		width:100%;
		text-align:left;
	}
	
	#columna-dreta-etiquetado ul li
	{
		font-size:11px;
		line-height:15px;
	}
	
	#columna-dreta-etiquetado .telefono
	{
		display:block;
		float:left;
		width:100%;
		background:url('../img/atencion-consumidor/telefonPicto.png') no-repeat left 3px;
		padding-left:32px;
		margin-bottom:20px;
	}

.cookies-table {
	font-size: 11px;
	color: #999999;
	width: 100%;
}

.cookies-table tr {
	border: none;
}

.cookies-table tr td {
	border: none;
	padding: 5px 5px 5px 0;
	border-bottom: 1px solid #d8d8d8;
}

.cookies-table h2 {
	font-size: 13px;
	margin: 0;
}