@import url('fontawesome-free/web-fonts-with-css/css/fontawesome-all.min.css');
.fa, .far, .fas {font-family: Font Awesome\ 5 Free!important;}
/**** Modifiquem el valor de Muse ****/
#u112866 {background-color: #FFF;}
#u112866-bw {display: none;}
a:hover {color: #666!important;}

#imagen_menu_intranet, #title_menu_intranet {display: none!important;}
#Pais_provincia {display: none;}


@media (max-width: 480px){
	#opcion_intranet3 img {width: 100%;}
}

.contingut.paynow_s1 { margin: 45px 5px !important; text-align: center;}
.contingut.paynow_s1 > div label { font-size: 16px; padding: 10px 0;}
.paynow_s1_input {padding: 8px 5px!important; text-align: center; font-size: 16px; letter-spacing: 1px; font-weight: 400;}
.enlaces{text-decoration:underline!important; color:#0000bb!important;}

.sub_box1 { display: inline-block; width: 75%;}
.sub_box2 { display: inline-block; width: 25%; text-align: right; font-size: 20px; font-weight: 400;}
.intranet-box.tabla-cesta.box-servicio { width: 96%; max-width: 100%; padding: 2%;}

.intranet-box.tabla-cesta { background-color:#FFF; float:left; max-width:500px; margin-top:0;}
tr.borde_lateral { background-color:#FFF;}
.txt_pago1clic_paynow_s4 { display:block; position:relative; left:6%; top:-21px; width:94%;}

#contingut_text {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
}

#html-header {width: 100%; position: relative; z-index: 1005; /* clear: both; */}
#html-cos{width:100%; margin-left: 0px; top: 0px; position: relative; z-index: 50; clear:both; line-height: 17px;}
#html-cos_contingut{min-height:800px;overflow:hidden;}
#html-cos_contingut > table {    margin: 0 auto;}
#html-cos a:link, #html-cos a:visited, #html-cos a:active {color: #333;}
#html-cos table td, #html-cos table th {vertical-align: middle;}
#html-cos_contingut input, #html-cos_contingut button{font-family:Arial,Helvetica,sans-serif;font-size:13px;}
.texto_privacidad{font-size:12px; font-style:italic;}

table.contingut{width:95%; margin: 0 auto;}
@media (max-width: 560px) and (min-width: 320px){
	table#pedidos th:nth-child(n+4):nth-child(-n+5), table#pedidos td:nth-child(n+4):nth-child(-n+5){display:none;}
}
.text_blau{font-size:13px}
.text_naranja{color:#f57500;text-transform:uppercase}
.camps_naranja{font-weight:bold;color:#000 !important;background-color:#eee;border:1px solid #ccc}
.borde_entero{border:1px solid #aaa}
.text_vermell{color:#c00}
.text_blanco{color:#fff !important}
.text_tachado{color:#333;text-decoration:line-through; text-align: center !important;}
.text_error_vermell{color:#c00;padding:10px 5px 10px 5px;margin:10px 0 10px 0;border:1px solid #900;background-color:#FF6;text-align:left;}
.text_error_verd{color:#050;padding:10px 5px 10px 5px;margin:10px 0 10px 0;border:1px solid #050;background-color:#FFA;text-align:left;}
.boton_naranja{line-height:1em;color:#fff !important;background-color:#444 ;border:1px solid #666; padding: 8px 12px; border-radius: 0px;text-decoration:none!important;display:inline-block;margin: 10px;}
span.margen{padding:0px 5px; font-size:120%;}
.background_barres_botons {background-color: #8d8d8d;}
.contingut_width {padding: 10px 20px 50px;}
.contingut_width li, .contingut_width ol {list-style: initial; list-style-type: decimal; margin: 4px 20px;}
#html-cos .boton {background-color: #8d8d8d; border: 1px solid #999; border-radius: 0px; color: #fff; line-height: 1em; padding: 5px 10px;}
#html-cos .camps {border: 1px solid #666; color: #000; padding: 2px 3px; text-transform: none;font-size: 1.1em;font-family: inherit;}

#radio4:checked+span+#recoger_tienda{display:block !important}
#recoger_tienda{width:80%;margin:5px 0 5px 70px;font-size:90%;display:none}
#MsgErr{overflow:auto;min-height:100px;width:400px;background:url(../imatges/alert.png) no-repeat top left #FFC;text-align:center;padding:15px 10px 5px 60px}
.MsgErrGrid{overflow:auto;background:url(../imatges/alert.png) no-repeat top left #FFC;text-align:left;padding: 10px 10px 10px 70px;}
.msg-icon{padding-left:80px !important;background-image:url(../imatges/info.png);background-position:top left;background-repeat:no-repeat;line-height: 20px;}
table#tabla-iva td, table#tabla-cupon td, table#tabla-avisos td {padding: 4px;}
table#tarifa{text-align:center; margin: 25px 0;}
table#tarifa tr{height:45px}
table#tarifa tr td{border-bottom:solid 1px #4f81bd}
table#tarifa tr th{color: #FFF;    height: 30px;    text-align: center;    background-color: #4e5c64;}
#msn-part01 img{margin-top:10px}
#msn-part01{background-color:#FFF !important}
#msn-part02,#msn-part03,#msn-part04,#msn-part05,#msn-part06,#msn-part07,#msn-part08{background-color:#FFF !important}
form#formpago #radio1, form#formpago #radio2, form#formpago #radio3, form#formpago #radio4, form#formpago #radio5, form#formpago #radio6, form#formpago #radio7, form#formenvio #radio1, form#formenvio #radio2, form#formenvio #radio3, form#formenvio #radio4, form#formenvio #radio5, form#formenvio #radio6, form#formenvio #radio7{float:left;margin:12px 20px;}
form#formpago label{cursor:pointer; display: inline;}
form#formenvio label{cursor: pointer; display: block;    height: 26px;}
form#formpago input[type="radio"]:checked+label > div{border: 1px solid #5f9ea0; border-radius: 0px; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); background-color: #5f9ea01f;}
form#formenvio input[type="radio"]:checked+label > div{border: 1px solid #5f9ea0; border-radius: 0px; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); background-color: #5f9ea01f;}
form#formpago div.logo-tpv-paypal strong{position:relative; top:-7px}
form#formpago div#pago-tpv:after {position: relative; display: block; width: 82%; line-height: 20px; font-size: 11px; content:" Con este método de pago la transacción se va a realizar en España";}
form#formenvio div.pago_ahora_envio {height: 26px; padding-top: 9px;}
@media (min-width: 481px) and (max-width: 768px){
	table.contingut input#Email{max-width:380px!important;}
	.text_error_verd, .text_error_vermell{width:auto;}
}
@media (max-width: 480px){
	ul#menu_intranet li{margin:5px 5px;}
	#MsgErr{text-align:left;padding: 65px 10px 5px 10px;}
	div.fancybox-skin{padding:2px!important;}
	form#form_cupon2{font-size:80%;}
	table.contingut input#Email{max-width:280px!important;}
	.text_error_verd, .text_error_vermell{width:auto;}
	
	form#formpago img{max-width: 80%;max-height: 80%;}
}
.tabla-transporte{border-bottom:4px double #aaa;border-top:4px double #aaa;font-size:80%;margin:40px 100px;padding:20px 0}
.tabla-transporte table#tarifa{padding:20px 100px;text-align:center}
.tabla-transporte table#tarifa tr{height:25px !important}
.tabla-transporte table#tarifa tr th{background-color:#8d8d8d; text-align: center;}
.tabla-transporte .show-more-content{max-height:50px; margin-left: 20px; overflow: hidden; position: relative; line-height: 17px;}
.tabla-transporte .show-more-buttom {background-color: #f5f5f5; border: 1px solid #aaa; border-radius: 2px; cursor: pointer; display: block; text-align: center; color:#333; font-weight:bold; width:auto; margin: 10px auto;
 padding: 5px; max-width: 200px; min-width: 100px;}
.tabla-transporte .show-more-buttom:hover {    border: 1px solid rgba(0,0,0,0.27);    box-shadow: 0 1px 0 0 rgba(0,0,0,0.27);    color: #333;    background-color: #fafafa;}
table.tabla_realizar_pedido div.intranet-box{width:100%}
div.intranet-box{font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 13px; position:relative; border:1px solid #EEE; width:96%; padding:2%; margin:15px auto; border-radius:5px;-webkit-box-shadow: 3px 3px 4px 0px rgba(105, 105, 105, 0.75);-moz-box-shadow:3px 3px 4px 0px rgba(105, 105, 105, 0.75);box-shadow:3px 3px 4px 0px rgba(105, 105, 105, 0.75);overflow: hidden;}
div.intranet-box div.titulo{font-size: 1.2em;    width: 100%;    min-height: 26px;    color: rgb(255, 255, 255);    padding: 12px 10px 3px 10px;    margin: -10px;}
div.intranet-box div.contingut{margin: 15px 5px;}
div.intranet-box div.contingut li{margin: 5px 0px;}
div.intranet-box input[type='text'], div.intranet-box input[type='number'], div.intranet-box input[type='tel'],div.intranet-box input[type='password'], div.intranet-box input[type='email'], div.intranet-box input[type='radio'], div.intranet-box select{margin: 5px 0px; border:1px solid #ccc; padding: 3px; background-color: white;}
div.intranet-box label{display: inline-block;min-width: 140px;}
div.intranet-box div.botones{    position: relative;    bottom: 0px;    right: 0px;}
div.intranet-box textarea{border: 1px solid #eee;}
#msg-recollida {overflow: auto;width: 500px;background:url(../imatges/alert.png) no-repeat top left #FFC;text-align:left;padding:35px 10px 35px 80px}	
#main #msg-recollida {display: none;}
.text-gran{font-size: 20px!important;}
#content-ficha .text-gran{font-size: 26px;}
.text-mig{font-size: 16px}

/***** NEW STYLE *****/
div.intranet-box.cesta{padding: 10px 0; margin: 0 0 5px; border: 0; box-shadow: none;}
div.intranet-box.tabla-cesta {box-shadow: none; border-radius: 0; border-color: #aaa;}
div.intranet-box.tabla-cesta#formpago { margin-top: 0; min-width: 630px;}
.tabla-cesta {padding: 10px 0;    border-top: 1px solid #aaa;}
.tabla-cesta2 {padding: 10px 0;    border-top: 1px solid #aaa;}
#imagen_menu_intranet, #title_menu_intranet{position: relative; display: block; margin: 20px auto; z-index: 20; text-align: left; width: 95%; font-size: 16px; font-weight: 600; text-transform: uppercase;}
table#listado_productos { width: 60%; float: left; min-width: 650px; margin-bottom: 30px;}
table#tabla-subtotal, table#tabla-iva { float: right; width: 35%; min-width: 310px;}
table#tabla-subtotal .tabla-cesta { padding-right: 5px;}
table#tabla-iva { margin-bottom: 30px;}
.btn_tramitapedido {width: 100%; margin: 10px 0; height: 40px; font-size:16px!important;; border-radius: 0; background-color: #FE097E; border: 1px solid #666; cursor: pointer;font-weight: bold;}	/*cadetblue steelblue*/
.btn_tramitapedido2 {width: 100%; margin: 10px 0; height: 40px; font-size:16px!important;; border-radius: 0; background-color: darkgray; border: 1px solid #666; color: #FFF; cursor: pointer}
.borde_lateral{border-left:1px solid #aaa; border-right:1px solid #aaa}
.txt_color_precio{color: #B12704;}
div#pago-paypal img, div#pago-tpv img, div#pago-transferencia img{ top: 2px; position: relative;}
div#formpago.intranet-box.tabla-cesta .contingut { margin: 20px 0 0;}
form#formpago {float: left; width: 100%;}
.table-pedido-th div {display: inline-block; text-align: left; margin: 0 2px;}
.table-pedido-th div:nth-child(1) {width: 69%;}
.table-pedido-th div:nth-child(2) {width: 10%;text-align: center;}
.table-pedido-th div:nth-child(3) {text-align: right;min-width: 70px;width: 17%;}
.detalls_entrega{min-height: 110px}
.detalls_factura {max-width:100%;min-width:287px;display:inline-block; min-height:110px;}
table.tabla-info-pago { width: 100%; line-height: 20px;}
table.tabla-info-pago blockquote {margin: 15px 30px; padding-left: 10px; border-left: 2px solid #000;}
table.tabla-info-pago p.info-pedido_gracias {font-size: 14px; font-weight: 600; margin-bottom: 5px;}
table.tabla-info-pago strong { font-weight: 600;}
table.tabla-pago div#detalls{ width: 100%; min-width: auto; margin: 15px 0; padding: 10px 0;}
table.tabla-pago .btn_tramitapedido {width: 30%;}
.c50 {width:50%;}
.align-left{float:left; text-align: left;}
.align-right{float:right; text-align: right;}
.nav_intranet_compra {    position: relative;    display: block;    margin: 20px auto;    z-index: 20;    text-align: left;    width: 95%;    font-size: 14px;}
.nav_intranet_compra  li{display:inline-block;}
.btnEntrega.boton_naranja.btn_tramitapedido, div#div-entrega .box-entrega .btn_tramitapedido { max-width: 250px;}

/* update NEW STYLE */
#nuevo-cliente{min-height: 180px; float: left; width: 40%; min-width: 250px;}
#nuevo-cliente.nuevo_cliente_express, #alta-cliente.nuevo_cliente_express{background-color: aliceblue;}
#nuevo-cliente.nuevo_cliente_express .titulo.background_barres_botons, #alta-cliente.nuevo_cliente_express .titulo.background_barres_botons {background-color: #409B9C;}
#nuevo-cliente.nuevo_cliente_express input.boton_naranja.align_center.btn_express, #alta-cliente.nuevo_cliente_express input.boton_naranja.align_center.btn_express, button.boton_destacado {background-color: #FE097E; border: 1px solid #666; margin: 10px 0; height: 40px; font-size: 16px!important; border-radius: 0;}
#identificate{float: right;  width: 50%;  min-width: 250px;}
table.enlinea{display: inline-table;}
table#datos_acceso input.camps{width:95%; max-width:320px}
table#recordar_contrasenya input.camps{width:95%; max-width:320px}
table#entregas-nueva input.camps{width:95%; max-width:320px}
div#div-entrega{float:left;width: 60%;overflow: hidden;text-align: left;padding: 10px;margin:0 0 15px 0px;border-radius: 5px;border: 1px solid #EEE;}
div#div-recogida{float: left;width: 100%;overflow: hidden;padding: 10px;margin: 15px 0px;border-radius: 5px;border: 1px solid #EEE;}
div#div-recogida .titulo {color: #000;}
div#div-recogida .btn_tramitapedido {width: 23%; min-width: 200px;}
div#div-factura{float: left;width: 100%;overflow: hidden;text-align: left;padding: 10px;margin: 15px 0px;border-radius: 5px;border: 1px solid #EEE;}
div#div-regalo{float: left;width: 100%;overflow: hidden;text-align: left;padding: 10px;margin: 15px 0px;border-radius: 5px;border: 1px solid #EEE;}
div#div-entrega > p, div#div-recogida > p, div#div-factura > p, div#div-regalo > p{margin: 5px 0; line-height: 22px; font-size: 14px;}
div#div-entrega > p strong, div#div-recogida > p strong, div#div-factura > p strong, div#div-regalo > p strong {font-weight: 600;}
div#div-boton{float:right; width: 30%; min-width: 300px;}
div#div-boton .btn_tramitapedido {width: 100%; margin: 0;}
form#entrega input[type="radio"]:checked+label.boton_naranja {font-weight:bold;font-size: 1.5em; padding: 5px 12px; text-shadow : 0 0 0.0714em rgb(115,153,77);}
div.box-entrega{width: 96%;float:left;position: relative;margin-right: 2%;min-height: 152px;min-width: 195px;}
div#div-entrega div#entrega0 {margin-right: 0;}
div#div-entrega .box-entrega .contingut { line-height: 22px;}
div#div-entrega .box-entrega .btn_tramitapedido { min-width: 250px;}
div#div-entrega .box-entrega label.btn_tramitapedido { height: 20px; min-width: 150px;}
div#div-entrega .box-entrega:not(#entrega0) .titulo.background_barres_botons {/*background-color: cadetblue;*/}
div#entrega0 .btn_tramitapedido {background-color: darkgray}
div.contingut textarea{display:block;}
#contingut_text strong { font-weight: bold; }
#contingut_text p { margin: 10px 0; }
#contingut_text blockquote { margin: 0 40px; }
div.intra_icon{width: 16%;margin: 10px 1%;padding: 5px;border: 1px solid #ccc;display: inline-table; min-height:200px; min-width:150px}
div.intra_icon a{width:100%;text-decoration: none;}
div.intra_icon a span{ font-size:55px; display:block;margin: 10px;}
div.intra_icon p{ margin:10px auto;padding:10px; text-align:center; color:#777;}	
/*LOADING*/
.modal {display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background: rgba(0, 0, 0, .3)url('../imatges/loading.png') 50% 50% no-repeat;}
body.loading .modal {overflow: hidden;}
body.loading .modal {display: block;}

@media (max-width: 1024px){
	table#tabla-subtotal, table#tabla-iva {width: 100%; margin-top: 15px}
	div.intranet-box.tabla-cesta#formpago { margin-top: 0; min-width: auto; max-width: none;}
	div.intranet-box.tabla-cesta#formenvio { margin-top: 0; min-width: auto; max-width: none;}
	.align-btn-seguir_comprar { text-align: center;}
	table.tabla-pago .btn_tramitapedido {width: 100%;}
	.table_productos_info > div {min-height: 30px;}
	input#Condiciones {height: 17px; width: 17px;}
	#identificate button.boton_naranja.mobile_boton {font-size: 16px;}
	.c50 {width:100%;margin-bottom: 20px;}
	div#div-recogida .btn_tramitapedido {width: 100%;}
	.btnEntrega.boton_naranja.btn_tramitapedido, div#div-entrega .box-entrega .btn_tramitapedido { max-width: none;}
	
	.mobile_input{padding:8px 5px!important;}
	.mobile_boton{width:100%!important; padding:8px 5px!important; margin: auto; height: 48px;}
}

/**** PAYNOW CSS iframe 768px ****/
@media (max-width: 768px){
	.txt_pago1clic_paynow_s4 {left:10%; width:90%;}
	div#u96432 { margin-top: 0;}
	table#datos_acceso {width: 100%;}
	div.intranet-box div.titulo { margin: -12px; padding: 18px 10px 8px 10px;}
	div.intranet-box{ border: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	#nuevo-cliente.nuevo_cliente_express, #alta-cliente.nuevo_cliente_express { background-color: #FFF;}
}
/**** PAYNOW CSS iframe 768px ****/

.clear{display: block; height: 0; clear: both;}

@media (min-width: 769px) and (max-width: 900px){
	div#detalls {width: 45%; padding: 10px 1%; margin: 15px 1%;}
	div#detalls:first-child { margin-left: 1%;}
	div#detalls:last-child { margin-right: 1%;}
}

@media (min-width: 601px) and (max-width: 768px){
	
	div#div-entrega{display: block;width: 98%;}
	div#div-recogida{display: block;}
	#tabla-iva.enlinea {width:100%}
	.tabla-transporte {margin:40px}
	.tabla-transporte table#tarifa{padding: 20px 10px;}
	#MenuAuxSuperior {display:none!important;}
	div#detalls {width: 95%; padding: 10px 1%; margin: 15px 1%;}
	div#detalls:first-child { margin-left: 1%;}
	div#detalls:last-child { margin-right: 1%;}
}

@media (min-width: 481px) and (max-width: 600px){
	div#div-entrega{display: block;margin: 15px 5px;width: 94%;}
	div#div-recogida{display: block;margin: 15px 5px;}
	#tabla-iva.enlinea {width:100%}
	.tabla-transporte {margin:40px}
	.tabla-transporte table#tarifa{padding: 20px 10px;}
	div.box-entrega{width: 95%;}
	#MenuAuxSuperior {display:none!important;}
	div.intranet-box textarea{width:95%; border:1px solid #eee;}
	div#detalls {width: 95%; padding: 10px 1%; margin: 15px 1%;}
	div#detalls:first-child { margin-left: 1%;}
	div#detalls:last-child { margin-right: 1%;}
}
@media (min-width: 321px) and (max-width: 480px){
	
	div#div-entrega{display: block;margin: 15px 0px; width: 94%;}
	div#div-recogida{display: block;margin: 15px 0px;}
	#tabla-iva.enlinea {width:100%}
	.tabla-transporte {margin:40px}
	.tabla-transporte table#tarifa{padding: 20px 10px;}
	div.box-entrega{width: 92%;}
	#MenuAuxSuperior {display:none!important;}
	div.intranet-box textarea{width:95%; border:1px solid #eee;}
	div.intranet-box label[for=factura] {display: inline;}
	div#detalls {width: 95%; padding: 10px 1%; margin: 15px 1%;}
	div#detalls:first-child { margin-left: 1%;}
	div#detalls:last-child { margin-right: 1%;}
}
@media (max-width: 320px){
	
	div#div-entrega{display: block;margin: 15px 0px; width: 93%;}
	div#div-recogida{display: block;margin: 15px 0px;}
	#tabla-iva.enlinea {width:100%}
	.tabla-transporte {margin:40px}
	.tabla-transporte table#tarifa{padding: 20px 10px;}
	div.box-entrega{width: 90%;}
	#MenuAuxSuperior {display:none!important;}
	div.intranet-box textarea{width:95%; border: 1px solid #eee;}
	div.intranet-box label[for=factura] {display: inline;}
	div#detalls {width: 95%; padding: 10px 1%; margin: 15px 1%;}
	div#detalls:first-child { margin-left: 1%;}
	div#detalls:last-child { margin-right: 1%;}
}