/* COLORS
verd: #97bf0d
blau: #0c3183
vermell: #BC0F0F
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {color:#000; font-size:95%; font-family:Arial, Helvetica, sans-serif; line-height:150%;}

#banner    {color:#000; display:none}
#container {display:none;} /* Stiker */

/* @group headers */
/* HEADERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#menu_bar {/*width:98%;*/ min-height:52px; background-color:#BC0F0F;/*position:relative; top:0; left:0*/}
#menu_bar span.bt-title {color:#fff; line-height:3.3em; font-weight:bold; padding-left: 6px;}

#menu_bar span.bt-menu {float:right; line-height:2.3em; display:block; padding-right:12px;color:#fff;text-decoration:none;font-weight: bold;
		font-size:22px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}

#nav_bar .bt-nav {height:32px; display:block; padding-left:12px; background-color:rgb(127, 216, 0); color:#fff; text-decoration:none; 
		font-size:22px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#nav_bar span {font-size:22px; line-height:1.4em; padding-right:10px}

#phone_bar .bt-tel {display:block;font-weight:bold; /*padding-left:12px; text-decoration:none; */font-size:16px; margin-top:6px;
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#phone_bar span {float:left; font-size:20px; padding-right:8px; padding-left:10px}

#logo_bar{display:none}
#logo_bar img {width:100%;}
#log_bar h1{padding:0; margin:0}

#marks_bar{background-color:#0c3183;overflow:hidden; display:inline-block;}

/* @group sidebar */
/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#menu {background:#fff; position:absolute; left:-100%; top:52px;}

ul.menu, ul.menu ul {list-style-type:none;margin: 0;padding: 0;/*width: 15em;*/}

ul.menu a {display: block; text-decoration: none;}
ul.menu li {margin-top: 1px;}

ul.menu li a, ul.menu ul.menu li a {/*background:#cb2032;*/ color:#cb2032; font-weight:bold; padding: 0.5em; 
	/*font-family:Times;*/ font-size:.8em; border-bottom:#375e5d dotted 1px}
ul.menu li a:hover, ul.menu ul.menu li a:hover {/*background:#d6b029;*/ color:#333}
ul.menu li ul li a, ul.menu ul.menu li ul li a {background:#97bf0d; color:#000; padding-left: 5px; font-size:12px}
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {background: #aaa;border-left: 5px #000 solid; 
	padding-left: 3px;}
ul.menu ul.menu li a:hover {border-left: 0;padding-left: 0.5em;}
ul.menu ul.menu {border-left:5px #f00 solid;}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
	text-decoration:none; background: #bd0b14; color:#fff}
	
/* CARRET  dins del menu del sidebar */
ul.menu li.carret a {color:#000; padding:5px; border:#999 dotted 1px; margin-top:15px;}

/* @group footer */
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - -   */

.footer p {margin:0; padding:0; font-size:.95em; font-weight: normal; color:#a0acb3;}
.footer a:link, .footer a:visited, .footer a:active {color:#cb2932; text-decoration:none; }
.footer a:hover {color:#999; text-decoration: underline;}
.footer ul {margin:0; padding: 0; list-style-type:none;}
.footer ul li {margin:0; padding: 0; list-style-type:none; font-size:12px; color:#999;}
.footer h3 {padding: 0 0 8px; margin:0; color:#999; font-weight: bold; font-size:16px}
.footer strong {color:#cb2932}

/* @group miscellaneous */
/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* Heading */
h1.title {margin:30px 0 20px 0; font-weight:bold; float:left; color:#d10c16; width:100%}
/* Heading store */
h1.title-orders{margin:30px 0 20px 0; font-weight:bold; float:left; color:#d10c16; width:100%;border-bottom:#ccc solid 1px; padding-bottom:8px}
h2.title-comprar {font-size:12px}

h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:12px;}
h4{font-size:16px; color:#C00; font-weight:bold}
h5{font-size:14px;}
h6{font-size:12px;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 1em 0; padding:0;font-weight:normal}

strong{color:#BC0F0F;}
ul {list-style:none;}
ul li {}
ol li {margin-left:35px;}
hr {border-top: 1px solid #CCCCCC; border-right: 0;border-left: 0;border-bottom: 0;height: 1px;}
img, a {border:none; outline:none}
/*img {width:100%}*/

a {color: #006699; text-decoration: underline;}
a:hover, a:active, a:focus {color: #333333; text-decoration:none;}
a:visited{color: #333333;}

/* Tablas */
table {width:100%; border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:8px;}
table, table td a{color:#666}
table a:hover{color:#000}
caption{ font-weight:bold; font-size:1.1em}
td, th { padding:3px;border-bottom:#000 dotted 1px}
thead th { text-align:left; color:#000; padding-top:6px; /*background-color:#990000;*/}
tbody th, tbody td {cursor:default; }
tfoot td, tfoot th{background-color: #fff; padding:3px; color: #FFFFFF;}
tbody tr:hover {background: #CCC; color:#000} 
td.center, th.center{text-align:center;}

/* FORM
--------------------------------------------------------- */
form {margin: 0; padding: 0;}
form label {cursor: pointer; float:left; color:#000}
input, select, textarea, .inputbox {padding: 3px 5px; font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%; width:97%}
fieldset {border: none; padding: 10px 5px;}
fieldset a {font-weight: bold;}

/*FORM presupuesto -----------------------*/
input.submit{width:auto !Important; background:#f5f5f5;color: #000;border-color: #c8c8c8;
	padding: 5px;margin-top: 0.5em;}
input.error {background-color:red }
.error{color:red}

/* clears */
.x {clear: both; height:8px }
.xx {clear: both; float:left }
.clear {clear:both;} 

/* universal clear */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*---->NOTICIES, PRODUCTES, PORTAFOLI*/
/* Blocs a la página de thumbs ............................*/
.registres { margin:0 5px 10px 0; width:180px; float:left}
.intoregistres{padding:10px; border:#e7eddf solid 1px; /*text-align:center;*/ height: 495px}

/*treure paddings per els titulars de les noticies a main-thumbs*/
.registres  h2 {margin:0; padding:0; font-weight:bold}
.registres  h3 {margin-top:0}
.registres  h2, .registres  h3, .registres  p {font-size:12px; line-height:100%; text-align:left}

.registres .img-marca img {width:54%;float:left;}
.registres .img-product, .watermark .img-product {width:100%;border-bottom:#ccc solid 1px;border-top:#ccc solid 1px;}

/*...si no hi ha imatge seleccionada en crearem una de buida amb les mateixes propietats*/
.vacio {background-color:#e1dfdf; margin:0 8px 8px 0;  float:left;}

.detalls     {overflow:hidden;}
.detalls b  {color:#fff}

.detallspreus  {border:#333 solid 1px; overflow:hidden; margin:6px 0}
.pvfabrica {background-color:#fff; font-size:14px; color:#000; padding:5px 10px; float:left}
.pvoferta {background-color:#bd0b14; font-size:14px; color:#fff; padding:5px 10px; font-weight:bold;
	float:right}
.detallsinfo a, .detallsinfo a:hover, .detallsinfo a:visited  {color:#fff}

/* OFERTES al sidebar*/
.ofertadetalls  {border:#e7eddf dotted 1px; overflow:hidden; margin:8px; clear:both}
.ofertamesinfo {background-color:#fff; font-size:11px; color:#000; float:left;}
.ofertapreu    {background-color:#bd0b14; font-size:11px; color:#fff; padding:0.5em; font-weight:bold;float:right}
/*--------------------*/

/* DESTACAR CARRO compres*/
.carro-pedido {border-left:#999 dotted 1px; margin-bottom:15px; overflow:hidden; 
	background-color:#e5c882; padding:12px 8px 0 8px;}
.carro-pedido  p, .carro-pedido  span {color:#000;}
.carro-pedido  p {margin:0 0 .8em 0; line-height:18px}

/*---- a les fonts com index ---*/
.carro-comprar {float:right;}
.carro-ahora {background-color:#cb2032; font-weight:bold; padding:4px 6px; /*margin-top:8px;*/ color:#fff; float:left}
.carro-ahora a{color:#fff; text-decoration:none;font-size:14px;}
/*--------------------*/

/*Watermark*/
.watermarkmask { z-index:20; background: url("../img/watermark.oferta.png") no-repeat 0 0;/*overflow:hidden;*/ float:left;}
.watermark {z-index:-1; position:relative;}
/*-------------------*/

.data {display:block;font-size:11px; font-weight:bold; border:#959998 dotted 1px; width:416px;	
	margin-bottom:10px; padding:3px; background-color:#e0e1e1}

.mesinfo, .ppstonline, .pvp, .pvo {display: block; float:left; color:#fff; text-decoration: none; 
	line-height:27px; font-size:10px; font-weight:bold; padding:0 15px; margin-right:5px;}
.mesinfo{background-color:#369}
.ppstonline{background-color:#bd0b14}

.tornar{clear:both; width:695px; border-top:#fff dotted thin; padding-top:8px; margin-top:8px;}
	
/*IMATGES*/	
/* per les imatges grans del main-news--------*/
.imageinfo {background: #fff; border: 1px solid #494037; padding:5px; margin:5px 15px 15px 0px; 
	float:left}

/* Thumbs per productes............................*/
.thumbsp{float:left; margin-right:20px; width:380px}
.thumbsp img {border:1px solid #666; padding: 6px;}
.thumbs ul{padding:0!important; float:left}
.thumbsp ul li{display:inline; float:left; padding:0!important; margin:0 15px 15px 0!important; list-style-type:none!important;}

/*PRODUCTES - PORTAFOLI*/
ul.hover_block {display:block; overflow:hidden; height:1%; padding:0; margin:0}			
ul.hover_block li {list-style-type:none!important; float:left; background-color:#000; padding:10px!important; width:190px; 
	position: relative; margin:0 20px 20px 0!important;}
ul.hover_block li a:link, ul.hover_block li a:active, ul.hover_block li a:visited , ul.hover_block li a:hover {
	display:block; position:relative; overflow: hidden; height:150px; width:190px;
	color: #000; font: 0.9em Helvetica, Arial, sans-serif; text-decoration:none!important;}
ul.hover_block li img {position:absolute; top:0; left:0; border:0; width:190px; height:200px;}
/*Centrar el text del portfolio*/
ul.hover_block li span.portfolio{text-align:center; display:inline-block; margin:0 auto; width:100%}

/* boxes
----------------------------------------------- */
.box {margin-bottom:20px; padding:12px;}
.box h1, .box h1 a, .box h1 a.visible {color:#fff; font-size:1.2em; background-color:#0c3183; display:block; padding:6px 12px; 
	margin:-6px -12px; border:none;clear:both}
.box h2 {font-size:1em; font-weight:normal;/*text-transform:uppercase;*/ color:#fff; background:#2766a2;font-size:1em;
	margin:-10px -10px 0 -10px; padding:6px 12px;}
.box h2 a, .box h2 a.visible {color:#fff; text-align:center; background-color:#BC0F0F; display:block; padding:6px 12px; margin:-6px -12px; 
	border:none;text-decoration:none;}

/* TOOLTIPS */
.tooltip{display: inline;/*position: relative;*/}  
.tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;
    color: #fff;content: attr(title);/*left: 20%;*/padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}