﻿body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.50;
	color: #666666;
	background-color: #ffffff;
}
body.mceContentBody {
     color: #666666;
     padding:10px;

  }


.light-translucent-bg:after {
	/* background-color: rgba(241, 241, 241, 0.7); */
	 background-color: rgba(250, 250, 250, 0.7); 

}

.slider-img {
	border:solid 2px  #e84c3d;
}

.product-img {
	border:solid 1px  #eee;
}

.pattern { 
	background-image:none;
	background-repeat: repeat;
	background-position: 0 0; 
}
.list-tables {

	margin: 0 0 0 ;
}

.plan {
		text-align:left;
		border: none;
		padding: 0;	
}
.list-tables .left {
	padding-right: 10px;
}
.list-tables .right {
	padding-left: 10px;
}

.plan .header {
	padding: 8px 15px;
	margin: 0;
	font-weight:bold;
}
.plan .content {
	padding: 8px 20px;
}
.plan .border {
	border: 1px solid #eee;
}

.plan ul li {
	font-size: 90%;
	line-height: 180%;
	padding:5px 20px 5px 20px;
}
.stripped .plan ul li {
	color: #333;
}
.stripped .header {
	background: #ccc;
	border: none;
	-webkit-box-shadow: 0px 0px 60px #333 inset;
	-moz-box-shadow: 0px 0px 60px #333 inset;
	box-shadow: 0px 0px 60px #333 inset;
	color: #fff;
}
.stripped .header h3 {
	color: #fff;
}
/* confidencial_fitxa_producte */

table#confidencial_fitxa_producte {
	font-size: 90%;
}

@media (min-width:768px) {
   .sorting-filters #search {
	  	   width: 38%;
   }

}

#mainpage {
	margin-bottom: 0;
}

.nav-pills > li > ul > li a {
	font-size: 11px;
	padding: 5px 8px 5px 40px;
	font-weight: 500;
}
.nav-pills > li > a.active,
.nav-pills > li > a.active:hover,
.nav-pills > li > a.active:focus {
	border: 1px solid #f3f3f3;
	color: #e84c3d;
	background-color: #fafafa;
	font-weight: 700;
}
.nav-pills.nav-stacked > li > ul > li a:after {
	font-size: 11px;
	right: 30px;
	top: 4px;
}
#categories-front {
	background-color:#fff; 
	border-bottom:2px #ccc solid;
	text-align:center;
}

.header-top.dark a {
	color: #ccc;
}
.header-top.dark ul li .link {
	color: #ccc;
}

.header-small .logo img {
	max-height: 350px;
	margin: 2px 0 -4px 0;
}

.navbar-default .navbar-nav > li > a:hover {
    border: 1px solid #fff;
	background-color:#f2f2f2;
	color: #333;
}
.navbar-default .navbar-nav > li > a:active {
    border: 1px solid #fff;
	background-color:#f2f2f2;
	color: #333;
}

#basic_search_form {
	text-align:center;
	margin-top: 10px;
	
}
#submit_basic {color:#333;cursor:pointer;}
.fixed-header-on .header.fixed div.form-group, .fixed-header-on .header.fixed #submit_basic  {
	margin-bottom: 0;
	margin-top: -7px;
}
.default-bg .form-control {
	background-color: #f1f1f1;
}
.default-bg .form-control, .default-bg .form-control:focus {
	border-color: #ccc;
}

.default-bg .form-control:focus {
	background-color: #f1f1f1;
}
@media (min-width: 1200px) {
.main-navigation .navbar-nav > li {
    margin: 0 10px 0 0;
  }
.main-navigation .navbar-nav > li:first-child {
    margin: 0 10px 0 0;
	}
}
.navbar-default .navbar-nav > li > a, .header .dropdown-menu a {
	text-decoration:none;
}
.default-bg.header .dropdown-menu, .default-bg.header .dropdown-menu a {
	color: #666;
}

.default.header-top-dropdown .dropdown > button:hover {
	color: #666;
}

div.listing-item .overlay-container {
	min-height:200px;
}

.text-center .logo img {
	margin: 0 auto;
}
.listing-item p {
	line-height: 1.4;
	height: 4.2em; 
	overflow: hidden;
}

.listing-item h3 {
	line-height: 1.4;
	height: 2.8em; 
	overflow: hidden;

}
.price {
	font-weight: bold;
}


.preu_ab {
	font-size:xx-small;
}

.comprar#ficha-producte {
	margin-left:15px;
	margin-top:25px;
}

textarea#notes {height:3em; padding-top:0.8em;}

#afegit {
	display:none; 
	position: fixed;
	top:25%; 
	z-index: 2000; 
	
}
#stockinfo > span.stock {
    font-size: smaller;
    font-style: italic;
}

.table_prices caption {
	text-align:left;
}
.table_prices th {
	text-align:center;
}
table.table_prices  td:first-child {
	border-left: none;
}
.table#variants  {
}
.table#variants th {
	text-align:center;
	font-size:smaller;
}

.table#variants input {
    width:100%;
	min-width:40px;
	max-width:70px;



}
.table#variants td {
padding:2px;
vertical-align:middle;
text-align:center;

}
.table#variants td.color_name {
max-width:70px;
font-size:smaller;
text-align:right;
overflow:hidden;
	
}

input.highlighted {

	border: solid 2px #333;
}

#floatingcart{
	max-height:450px;
	overflow:scroll;
}
#floatingcart h2{
    padding: 5px;
}
.cart .table > tbody > tr > td {
	vertical-align:top;
	text-align:center;
	padding:4px;
}
.cart.table > tbody > tr > td {
		vertical-align:top;
}

.cart .table > tbody > tr > td.floatingcart_description {
	text-align:left;
}

table.showtotal  th {
    font-size: smaller;
}
table.showtotal tr.priceproducts > th, table.showtotal tr.priceshipping > th, table.showtotal tr.priceiva > th {
    font-weight: 400;
}

span.attribut {
	font-style:italic;
	font-size:smaller;
}
span.att_label { font-weight:bold;}

td#td_subtotal table.table_prices  {
		border-bottom: 2px  double #F3F3F3;
}
td#td_subtotal table.table_prices td {
	border:none;
	background-color:transparent;
	
}
td#td_subtotal table.table_prices tr.total {
		border-top: 2px solid #F3F3F3;
}
.cart .table > tbody > tr > td.prices {
	text-align:right;
}

td#td_subtotal table.table_prices td.price_total {
	font-weight:bold;
}
#td_quantity {min-width: 145px;}
.table_cesta label {display: block;}
.cart.table .quantity input {display: inline-block; width: 80px;}
img.qty-refresh {display: inline-block;}
div.qty_min {display: inline-block; clear:both; font-style:italic;}
/*floatingcart */

/*cart*/
#td_image {width:200px;};
#td_options {width:40%; vertical-align: top;}
#td_subtotal {text-align:right;}
td.prices.price_total, #td_subtotal > span.price_total {font-weight: bold; white-space: nowrap; padding-right:5px;}
td.prices.price_total {border-top:2px solid #acacac;}
#td_subtotal td.etiqueta { white-space: nowrap; text-align: right}
tr.total td {font-weight: bold;}
#td_subtotal > table > tbody td {vertical-align: bottom;}
#td_subtotal > table td.etiqueta {font-size: smaller;}
#cart_table table.showtotal {
    display: inline-table;
}
#cart_table table.showtotal th {
    padding-right: 5rem;
}
#cart_table table.showtotal tr.total  {
    border-top:1px solid #acacac; 
}
tr.pricetotal td, tr.pricetotal th {border-bottom: double #acacac;}
.remove {text-align:center;}
.img-responsive {border: 1px solid #ccc; 
       box-shadow: 0 0 10px 1px rgba(0,0,0,0.50); 
 }

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
/* make tables responsive */
/* 1. option: no-table */
.table-responsive {width:100%; text-align:center}
.table-responsive th {display: none; margin:0 auto;}
.showtotal th {display: inline-block; margin:0 auto;}
.table-responsive td {display: list-item; margin-top: 20px; text-align:center, padding: 0;list-style-type: none; }	
.showtotal td {display: table-cell;}

#frmcesta .top {display:inline-block;}
#td_itemname {border-top: 2px solid #999;}
td#td_image img {display: block;
    margin-left: auto;
    margin-right: auto;}
.table_cesta td#td_options {display: inline-block; height: auto; width:70%}
.cart.table .quantity, .cart.table .remove  {width: 70%; margin-left: auto; margin-right: auto;}
.cart.table .quantity input{ margin-left: auto; margin-right: auto;}
#td_price:before{ content: url("/static/images/price.png");}
#td_price {display: inline-block; line-height: 32px; width: 70%; }
#td_units {display: inline-block; line-height: 32px; width: 70%;}
#td_subtotal {line-height: 32px; border-top: 1px solid #ccc; border-bottom: 5px double #ccc; font-weight:bold; width: 70%;margin-left: auto; margin-right: auto;}
td.remove:before {content: attr(data-th)" : ";}
.table-responsive.table_prices td:before {content: attr(data-th)" : "; font-weight: bold; width: 6.5em; display: inline-block; }
.cart.table .quantity input {display: block}
    /* 2. option: flip-scroll */
	.flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.flip-scroll * html .cf { zoom: 1; }
	.flip-scroll *:first-child+html .cf { zoom: 1; }
	
	.flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	.flip-scroll th,
	.flip-scroll td { margin: 0; vertical-align: top; }
	.flip-scroll th { text-align: left; }
	
	.flip-scroll table { display: block; position: relative; width: 100%; }
	.flip-scroll thead { display: block; float: left; }
	.flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }


	.flip-scroll thead tr { display: block;}
	.flip-scroll th { display: block; text-align: right;}
	.flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	.flip-scroll td { display: block; min-height: 1.25em; text-align: left; max-width: 75px; overflow:hidden;}
	
	.flip-scroll#variants tbody {max-width:600px;}
    .flip-scroll#variants th {height: 2.75em; }
	.flip-scroll#variants td  {height: 2.75em; }
   	.flip-scroll#variants td.color_name, th:first-child {font-size:smaller; text-align:center;} 

 
	/* sort out borders */
 
	.flip-scroll th { border-bottom: 0; border-left: 0; }
	.flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	.flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	.flip-scroll th:last-child,
	.flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}
@media (max-width:400px) {
.flip-scroll#variants tbody {max-width:300px;}

}	

/* End cart-table responsive */


#shop_caption, #shop_caption a {
	color: #919191;
}

.sorting-filters.dark-bg {
	background-color: #333333;
}
.dark-bg .form-control, .dark-bg select.form-control {
	color: #fff;
}
.btn_searchform_interior {
	margin-left: -25px;
	background:none;
	height: 40px;
	display: inline-block;
    border: none;
}

/* barra de cookies */
#barraaceptacion {
	min-height:60px;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	/*Default mobile menu
	------------------------------ */
	
	.default-bg.header .navbar-default, .default-bg.header .navbar-default a {
		color: #333;
	}

	/* first level items hover and focus states */
	.default-bg.header .navbar-default .navbar-nav > li > a:hover,
	.default-bg.header .navbar-default .navbar-nav > li > a:focus,
	.default-bg.header .navbar-default .navbar-nav > .active > a:hover,
	.default-bg.header .navbar-default .navbar-nav > .active > a:focus {
		color: #333;
		background-color:  #FFF;
	}

	/* first level items when opened */	
	.default-bg.header .main-navigation .navbar-nav > .open > a, 
	.default-bg.header .main-navigation .navbar-nav > .open > a:hover, 
	.default-bg.header .main-navigation .navbar-nav > .open > a:focus	{
		color: #333;
		background-color: #f1f1f1;
	}

	/* second level menu */
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu {
		background-color: #FFF;
		border: none;
	}
	/* second level items */
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header {
		color: #333;
		background-color: #fff;
		border-color: #ccc;
	}
	
	/* second level items on hover/focus */
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.default-bg.header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ffffff;
		background-color: #36373c;
	}
	.default-bg.header .navbar-default .navbar-nav > .dropdown.open > a:before {
		color: #ffffff;
	}
}
.categorias_tiles {
	margin: 5px 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-position:left center; 
	background-repeat: no-repeat;
	border: 1px solid #000;
	border-radius: 0px;
	position: relative;
	padding-left: 55px;
	padding-top: 5px;
	overflow: hidden;
	height:36px;
}
.footer a {
	color: #999;
}
.subfooter {
	padding: 25px 0 60px 0;
}
.subfooter .navbar-default .nav > li > a {
	color: #ccc;
}
.tp-loader.spinner0 {
	background: url("/static/skins/iDea/images/loader.gif") no-repeat center center;
}
.tp-caption {
	overflow:hidden;
    text-overflow: ellipsis;
	
}

@media (min-width:768px) {
	.dl-horizontal dd {
		margin-left: 190px;
	}
	.dl-horizontal dt {
		max-width: 160px;
	}
}

/* errors */
input.error, textarea.error { background-color:#FFFFCC; color: #000000}
span.error {display: block; color: red; font-weight:bold;}



<!-- tt-suggestions: ->

div.tt-menu {
	float:right;
	background-color:#FFF;
} 
.tt-dataset {
	width:100%;
	float:left;
	background-color:#FFF;
}
.default-bg .tt-menu a {
		text-decoration:none;
	    text-underline:none;
}
.tt-dataset img {
	width: 50px;
	float:left;
	padding-right: 2px;
}
.table_suggestion {
	width: 100%;
}
.tt-td-img {
	width: 52px;
}
.tt-td-name {
	padding-left:4px;
	vertical-align:top;
}
.tt-td-price {
	white-space: nowrap;
	font-weight:bold;
	text-align:right;
	vertical-align:bottom;
}

.tt-smaller {
	font-size:smaller;
}

.sorting-filters .form-inline .form-control {
}

div.tt-suggestion {
        padding: 4px;
		color: #333;
}
div.search_suggestion {
	padding-bottom: 5px;
	max-height: 65px;
	overflow:hidden;
	font: 13px/1.5 Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #e1e1e1;
}

div.tt-selectable:hover, div.tt-selectable:hover a, div.tt-selectable span a:hover, div.query:hover, div.query:hover a {
	background:#ccc;
	color:#fff;
	cursor:pointer;
	curser:hand;
}

 div.search_heading {
	 font-size:x-small;
	 text-align:right;
	 padding: 8px;
    font-weight: bold;
	color: #ADADAD;
}

.slider-siblings span {
}

.multicolor {
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    text-indent:-9000px;
	background: transparent url("/static/images/multicolor.png") no-repeat scroll;
}

.light {
	color: #999;
}

.bx-wrapper .bx-viewport { 
		border: none;

		}
div.cost_refresh {
	padding-left:0;
}
div.cost_refresh:hover {
	cursor:pointer;
	cursor: hand;
}
div.cost_refresh img {
	margin-top:4px;
}
div.g-recaptcha {
	margin:0;
}
#ownbanner {
	margin-top: -10px; 
}
#ownbanner img {
    margin-left:auto; 
    margin-right:auto;

}
.owl-controls .owl-page span {
	background: #acacac;
	}
#rgpd_notice {
	padding-top:50px;
}
.subfooter .navbar-default .nav > li:last-child > a {
bottom:-2px;
}
.subfooter .navbar-default .nav > li:last-child > a:hover {
border: none;
}
.subfooter .navbar-default .nav > li > a:hover {
border: 1px solid transparent;
}
.full-width {
    width: 100vw;
    max-width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
.listing-item img {
    padding-top:16px;
}
.product_labels {
    margin-bottom: 2px;
    
}
.label-wrapper {
    position: absolute;
    left: 4px;
    top: 2px;
}
.label-promotion {
    background-color:red;
}
.label-offer {
    background-color: red; 
}
.label-new {
    background-color: #77a92e;
}
.label-calc {
    background-color: #333333;
}
#precios_marcaje > caption {
margin-bottom:2px;
font-weight: bold;
}
body#tinymce .object-non-visible {
 display:inline;
}
body#tinymce #c1 {
background-color:#ccc;
}
.full-width {
    width: 100vw;
    max-width: 100vw !important;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
/* Banner tricolor */
#c1 {background-image: url('https://static.unipromos.com/static/uploads/customer_content/1066/banners_tricolor_png.png');
 background-repeat: no-repeat;
background-size: cover;
background-color: #43b7d0;
background-position:center;
padding-bottom:60px;
max-height:406px;
}
section.action{
 margin-top: 10px;
}
a.unipromos-button{
  padding: 5px;
 border: 1px solid white;
}
#c1 div h3{
 text-align: center;
 font-weight: bold;
 font-style: italic;
 font-size: 30px;
  padding: 30px 0 30px 0;
}
    #c11 {
        padding-left: 20px;
        text-align: left;
    }
    #c12 {text-align: center}
    #c13 {
        padding-right: 20px;
        text-align: right;
    }
    #c1 div p, #c1 div section {
        text-align: left;
        padding: 0 50px 0 50px;
    }
#c11, #c13{
 color: white;
}
#c12 {
    color: black;
}
#c12 a {
 color: black;
 border: 1px solid black;
}
@media (max-width:992px) {

  #c1 {
     background-image: url('');
     background-color: #fff;
     max-height: none;
   }
    #c1 > div > div {
        padding-bottom: 20px;
    }
    #c11 {
        background-color:#43b7d0;
    }
    #c12 {
        background-color:#f2f2f2;
    }
    #c13 {
        background-color:#737172;
    }

}
/* End Banner tricolor */
/* Whatsapp-Chat */
ul.social-links.sticky {
    position: fixed; 
    bottom: -15px; 
    right: 60px;    
    z-index: 999;
}

.colored.social-links li.whatsapp a {
	background-color: #4BA234;
	border-color: #fff;
	color: #fff;
}
.colored.social-links.sticky li.whatsapp a:hover {
	width: 80px;
    padding: 1px;
    background-color: #4BA234;
    -webkit-border-radius: 24px 0 0 24px;
	-moz-border-radius: 24px 0 0 24px;
	border-radius: 24px 0 0 24px;
}
i#chat-whatsapp {
    color:#fff;
}
/* End Whatsapp-Chat */
/* Stripe Popup */
    input.InputElement {
        border: 2px solid green !important;
    }
    #card-errors {
        color: red;
        font-weight: bold;
    }
    #payment-popup input,
    .StripeElement {
        height: 40px;
        padding: 10px 12px;
        margin: 30px 0;

        color: #32325d;
        background-color: #ffffff;

        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12);
        -webkit-transition: box-shadow 150ms ease;
        transition: box-shadow 150ms ease; */
        border-color: #f3f3f3;
    }

    #payment-popup input:focus,
    .StripeElement--focus {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .32);
    }

    .StripeElement--invalid {
        border-color: #fa755a;
    }

    .StripeElement--webkit-autofill {
        background-color: #fefde5 !important;
    }
/* End Stripe Popup */
    