/* Add here all your CSS customizations */
/*@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#Open Sans') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url('../font/OpenSans-Light.woff') format('woff'),
  url('../font/OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('Open-Sans-Regular'),
  url('../font/OpenSans-Regular-webfont.woff') format('woff'),
  url('../font/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold')
  url('../font/OpenSans-Semibold.woff') format('woff'),
  url('../font/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url('../font/OpenSans-Bold.woff') format('woff'),
  url('../font/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'),
  url('../font/OpenSans-ExtraBold.woff') format('woff'),
  url('../font/OpenSans-ExtraBold.ttf') format('truetype');
}



.quantity {
	margin: 0 15px 25px 0;
	overflow: hidden;
	position: relative;
	width: 125px;
	height: 35px;
	float: left;
}

.quantity .minus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
}
 
.quantity .plus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
	right: 0;
	top: 0;
}

.quantity .qty {
	border: 1px solid #CCC;
	box-shadow: none;
	float: left;
	height: 35px;
	padding: 0 39px;
	text-align: center;
	width: 125px;
	font-size: 1em;
}

.quantity .qty::-webkit-inner-spin-button,  .quantity .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantity .qty::-ms-clear {
	display: none;
}

.product_meta {
	clear: both;
}

.fontDescrip{font-size:90%;}

.taulaProductes span, .shop_table.cart span{
	margin:0;
	font-weight:bold;
	color:#666;
	font-size: 1em;
    letter-spacing: normal;
    line-height: 18px;
	}

.ombra{text-shadow: 1px 1px #000!important;}

.minuscula{text-transform: lowercase;}

.mayusculas{
	text-transform:uppercase!important;
}

.mosaic .thumb-info{
	height: 230px!important;
}

.thumb-info.mosaicRel{
	height: 230px!important;
}

.thumb-info.mosaicRel .thumb-info-title{top:110px;}

.img-search {
    width: 75px;
}

ul.llistaCerca{
	list-style:none;
	margin:0 0 5px 0;
	}
ul.llistaCerca li{
	height:auto;
	margin-bottom:5px;
	}
	
ul.llistaCerca li hr{
    margin: 5px 0;
}
ul.llistaCerca li:last-child hr, ul.llistaCerca .family-desc:last-child hr{background-image:none!important;}

ul.llistaCerca li.alturaAuto{height:auto;}

ul.llistaCerca li.flotar span{
	float:left;
	width:80px;
	font-style: italic;	
	margin-right:15px;
	font-size:13px;
}

ul.llistaCerca li.flotar .img-search{
	float:left;
	margin-right:5px;
	height:50px;
	
	}

ul.nav.nav-pills > li > a.idiomes{
	padding: 2px 0;
	font-size:80%;
	}

ul.barra_idiomas {
	padding-left:0;
	list-style:none;
	float:right;
	width:auto;
}
ul.barra_idiomas li {
	float:left;
	margin-left:5px;
	
}

ul.nav.nav-pills > li > a:hover.idiomes{border-radius: 100%;}

.not_selected.idiomes{
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
	}
	
.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 5px;
	overflow: hidden;
}
 
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#header nav.nav-top.primer{
	float:right!important;
	margin-right:28px;
	margin-left:0px;
}
.grispetit{
	font-size:90%;
	color:#999;
	text-align:center;
}
.centrat{text-align:center;}

/*Cookies*/
.cookies {
	position: fixed;
	bottom: 0px;
	left:2%;
	width: 94%;
	z-index: 10000;
	padding: 0 10px;
	/* background-image: url(/img/dot-cookie.png); */
	background-color: rgba(0, 0, 0, 0.75);
	border: #000 1px solid;
	background-repeat: repeat;
	height: 80px;
	font-size:90%;
}

.cookies .remove {
	position:absolute;
	left:99%;/*989px;*/
	top: -10%;
	background-image:url(/img/icon-close.png);
	background-repeat: no-repeat;
	width:30px;
	height:30px;
}
	

.cookies p, .cookies h2 {
	color:#FFF;
	text-align:left;
	line-height:1;
}
.cookies h2 { font-size:120%; margin-top:5px; margin-bottom:0}
.cookies a {
	color:#FFF;
	text-decoration:underline;
}
#seo {
	display:none;
}

.img_gallery {
	margin:10px;
	border: #005dab solid 2px;
}

iframe {
	margin:10px;
	border: #005dab solid 2px;
	}

h3.media {
	padding-bottom:5px;
	/*border-bottom:2px #666 solid;*/
	line-height:1;
	border-bottom: 5px solid;
	border-image-source: linear-gradient(90deg, rgb(0, 93, 171) , rgb(255,255,255) );
	border-image-slice: 1;
}

div.own-alert {
	padding:10px;
	font-size:120%;
}