/* **** GENÈRIC **** */
/* -------------------------------------------------------------------------- */
body {
	background-image: url(../img/web/fons.jpg);
	background-repeat:  repeat-x;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img { border: none; }


/* **** ESTRUCTURA **** */
/* -------------------------------------------------------------------------- */
/* contenidor: 775px + 20px+20px(padding) = 815px; */
/* menu: 178px(ample menu) + 10px(marge dret) = 188px; */
/* cos: 775px - 188px = 587px; */

#contenidor {
	background-color: #FFFFFF;
	width: 775px;  /* 775(img gran) */
	margin: 0px auto;
	padding: 0 20px;
}

	#cap {
		clear: both;
		width: 815px;  /* 775(img gran) */
		margin: 0 auto;
		padding: 0 0 12px 0;
		background-color: #FFFFFF;
	}
	#contingut {
		clear: both;
	}
		#menu {
			float: left;
			width: 178px;
			margin-right: 10px;
			background: #FFFFFF;
		}
		#cos {
			float: left;
			width: 587px;
			height: 1% /* Holly hack for Peekaboo Bug */
		}
	#peu {
		clear: both;
		width: 775px;  /* 775(img gran) */
		margin: 0 auto;
		padding: 20px 20px 10px 20px;
		color: #949494;
		font-size: 10px;
		background-color: #FFFFFF;
		border-top: 1px solid #F0F0F0;
	}

/* **** CAP **** */
/* -------------------------------------------------------------------------- */
#imatge-cap {
	margin-bottom: 8px;
}
#accions-cap {
	padding: 0 20px 0 0;
}
#accions-cap ul {
		list-style: none;
		margin: 20px 0 0 0;
		padding: 0;
		float: right;
		font-size: 10px;
	}
	#accions-cap li {
		float: left;
	}
		#accions-cap a {
			display: block;
			float: left; /*Per a IE 5.2 Mac*/
			text-decoration: none;
			color: #999;
			padding: 13px 6px 0 6px;
		}
		#accions-cap li#cap-inici a {
			background: url("../img/web/ico_menu_inici.gif") top center no-repeat;
			border-right: 1px solid #F0F0F0;
		}
		#accions-cap li#cap-compra a {
			background: url("../img/web/ico_menu_compra.gif") top center no-repeat;
			border-right: 1px solid #F0F0F0;
		}
		#accions-cap li#cap-mapa a {
			background: url("../img/web/ico_menu_mapa.gif") top center no-repeat;
			border-right: 1px solid #F0F0F0;
		}
		#accions-cap li#cap-email a {
			background: url("../img/web/ico_menu_email.gif") top center no-repeat;
		}

#accions-cap ul#cap-idioma {
		clear: right;
		margin-top: 38px;
}
		#accions-cap li#cap-bycm a {
			color: #FA0;
			border-right: 1px solid #F0F0F0;
		}
		#accions-cap li#cap-lang-ca a {
			background: url("../img/web/lang_ca.png") top center no-repeat;
			border-right: 1px solid #F0F0F0;
		}
		#accions-cap li#cap-lang-es a {
			background: url("../img/web/lang_es.png") top center no-repeat;
			/* border-right: 1px solid #F0F0F0; */
		}

#text-cap {
	margin: 0; padding: 10px 0 0 20px;
	float: left;
}
#logo-cap {
	float: left;
}
h1 {
	margin: 22px 0 4px 118px;
	color: #379fdc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
}
h2 {
	margin: 4px 0 4px 118px;
	color: #7d9156;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

/* **** PEU **** */
/* -------------------------------------------------------------------------- */
#peu p.copyright {
	text-align: center;
	font-size: 10px;
	margin: 4px 0;
}
#peu p.copyrightbis {
	text-align: center;
	font-size: 10px;
	margin: 8px 0 4px 0;
}

/* **** LINKS **** */
/* -------------------------------------------------------------------------- */
a.copyright2 {color: #FFAA00;	text-decoration: none;}
a.copyright2:hover {color: #FD7200; text-decoration: underline;}
a.copyright3 {color: #8DB7D8;	text-decoration: none;}
a.copyright3:hover {color: #5C88A3;	text-decoration: underline;}
a.copyright4 {color: #739418;	text-decoration: none;}
a.copyright4:hover {color: #004A29; text-decoration: underline;}

a.external {
	background: url("../img/web/external.png") center right no-repeat;
	padding-right: 13px;
}
a.linkemail {
	background: url("../img/web/ico_menu_email.gif") center right no-repeat;
	padding-right: 16px;
	color: #2D8FD9;
	font-weight: bold;
	text-decoration: none;
}


/* **** LATERAL **** */
/* -------------------------------------------------------------------------- */
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu ul ul {
	margin-top: 4px;
}
#menu li {
	font-size: 12px;
	color: #6E8042;
	padding: 4px 0 4px 28px;
	margin: 0;
	background: url("../img/web/estrella.png") 0px 5px no-repeat;
	border-top: 1px solid #FFF;
}
#menu li li {
	/* border-top: none; */
	padding-left: 20px;
	background: url("../img/web/submenu.gif") 0px 5px no-repeat;
}
#menu li a {  /* per a poder fer clic a tota la línia */
	display: block;
}

#menu a:visited, #menu a {
	text-decoration: none;
	color: #6488A1;
}
#menu a:hover {
	text-decoration: underline;
}
#menu li.actual a {
	color: #B8B8B8;
	font-weight: bold;
}
#menu li.actual li a {
	color: #6488A1;
	font-weight: normal;
}
#menu li.actual li.actual a {
	color: #2D8FD9;
	font-weight: bold;
}
#menu li.fons1 {	background-color: #F0F0F0; }
#menu li.fons2 {	background-color: #F7F7F7; }


/* Cistella petita lateral */
#minicesta {
	margin: 24px 0 12px 0;
	border: 1px solid #A3C4DC;
	background-color: #F7F7F7;
}
		#minicesta h5 {
			background: url("../img/web/fons_cistella.jpg") top left repeat-x;
			color: #2D8FD9;
			font-weight: bold;
			font-size: 12px;
			margin: 0;
			padding: 4px;
		}
		#minicesta a:visited,
		#minicesta a {
			background: url("../img/web/ico_menu_compra.gif") center left no-repeat;
			padding-left: 18px;
			color: #2D8FD9;
		}
#minicesta .preu {
	font-size: 12px;
	font-weight: bold;
	color: #F49400;
	text-align: right;
	margin-right: 8px;
	padding: 4px;
}
#minicesta .info {
	font-size: 11px;
	color: #767676;
	padding: 4px;
}

ul#tipusllistat {
	list-style: none;
	float: right;
	margin: 0 1px 0 2px;
	padding: 0;
}
ul#tipusllistat li {
	display: inline;
	float: left;
	margin-left: 6px;
}
ul#tipusllistat li a:hover {
	background-color: #f7f7f7;
}

/* **** EFECTES COMUNS **** */
/* -------------------------------------------------------------------------- */
h3 { /* títols de pàgina */
	background-image: url("../img/web/barra.jpg");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	height: 18px;
	vertical-align: middle;
	padding-left: 12px;
	padding-top: 2px;
	margin-top: 0;
}
h4 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2D8FD9;
	margin-top: 0;
}
h5 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2D8FD9;
	margin: 0;
}


#frmTria {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7F7F;
	text-align: center;
	padding-bottom: 12px;
	border-bottom: 1px solid #2D8FD9;
	margin: 0;
}
	#frmTria a { color: #2D8FD9;	text-decoration: none; }
	#frmTria a:hover { color: #6E8042;	text-decoration: underline; }

.combos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
}

.noticia {
	margin: 18px 0 18px 0;
	padding: 4px 4px;
	border-bottom: 1px solid #2D8FD9;
	font-size: .9em;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767676;
}
.destacada {
	background: #F1FAE0;
}

.noticia h4 { /* Marca */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
	line-height: 14px;
	margin: 0;
}
.noticia h4 a { /* links dins Marca */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
	line-height: 14px;
	margin: 0;
}
.noticia .titol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #767676;
	line-height: 16px;
}
.noticia .preu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F49400;
}
.noticia p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
	line-height: 14px;
}

.data {
	float: right;
	margin: 0 0 8px 8px;
}

.descripcio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
}
.textverd { 
	color: #2D8FD9;
}

.imgPal1,
.imgMat1,
.imgGrip1 { /* llistat */
	float: left;
	margin: 0 8px 8px 0;
	width: 100px;
	height: 100px;
}
.imgPal2,
.imgMat2,
.imgGrip2 { /* detall */
	float: right;
	margin: 0 0 8px 8px;
	width: 200px;
	height: 200px;
}
.imgGrip3 { /* subproductes dins detall */
}

/* **** PAGINACIONS **** */
.paginacio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2D8FD9;
	clear: both;
	padding-top: 12px;
}
	.paginacio ul {
		float: right;
		padding: 8px 0;
	}
		.paginacio ul li {
			display: inline;
			margin: 0 0 0 4px;
			text-align: center;
		}
			.paginacio ul li.nolink,
			.paginacio ul li#actual,
			.paginacio ul li a {
				background: url("../img/web/boto_paginat.png") left top repeat-x;
				padding: 4px 8px;
				border: 1px solid #CCC;
			}
			* html .paginacio ul li.nolink,
			* html .paginacio ul li#actual,
			* html .paginacio ul li a { 
				background: url("../img/web/boto_paginat.png") 0px 1px repeat-x;
			}
			.paginacio ul li#actual {
				font-weight: bold;
			}
			.paginacio ul li.nolink {
				color: #ccc;
			}
.paginacio a:link,
.paginacio a:visited {
	text-decoration: none;
	color: #2D8FD9;
}
.paginacio a:hover {
	background-color: #2D8FD9;
	background-image: none;
	color: #fff;
}

/* detall subproductes */
table.items {
	background-color:#FAFAFA;
	border: 1px solid #EEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.items th {
	font-size: 11px;
	font-weight: bold;
	color: #767676;
	line-height: 16px;
	border: none;
	padding: 2px;
	margin: 5px;
}
.items td {
	border: none;
	padding: 2px;
	margin: 5px;
	vertical-align: top;
}
.items td.preu {
	font-weight: bold;
	color: #F49400;
	text-align: right;
	white-space: nowrap;
}
.items td.quantitat {
	text-align: center;
}
.items td select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
	line-height: 14px;
}
.items td.compra {
	text-align: left;
}
.items td.imatge {
	margin: 0;
	padding: 0;
}
.items td.submodel {
}
.items td.descrip {
}
.items td.texttotal {
	text-align: right;
}
.items td.textbuit {
	text-align: center;
	padding: 48px 0;
}
.items tr.total td {
	padding-top: 12px;
}
.items td input {
	margin-top: 2px;
}
.items td img.itemimg {
	float:left;
	margin: 0 6px 0 0;
	border: 1px solid #F0F0F0;
}

table.params {
	float: right;
	margin: 0 0 12px 12px;
	padding: 4px 0 4px 4px;
	background-color:#FCFCFC;
}
table.params th {
	width: 65px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
table.params td.quantitat {
	text-align: left;
}
#id_palos_det table.items {
	width: 45%;
}
#id_palos_det table.params {
	width: 50%;
}
#id_palos_det table.items td select {
	font-size: 10px;
	width: 230px;
}

.boto_comprar {
	background-image: url("../img/web/boto_comprar.png"); 
	width: 79px; height: 20px;
	border: none;
	border-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 6px 0 6px 12px;
	cursor: pointer;
}
#id_cart .boto_comprar {
	background-image: url("../img/web/boto_tramitar.png"); 
	width: 121px; height: 21px;
}
#id_pedido .boto_comprar {
	background-image: url("../img/web/boto_enviar_pagar.gif"); 
	width: 260px; height: 21px;
}

p.enrera  {
	clear: both;
	margin: 18px 0;
	padding-top: 18px;
	border-top: 1px solid #2D8FD9;
}
p.enrera a {
	background: url("../img/web/boto_back.jpg") center left no-repeat;
	padding: 12px 0 12px 32px;
	color: #2D8FD9;
	text-decoration: none;
}
.separacio {
	clear: both;
	margin: 12px 0;
	border-top: 1px solid #2D8FD9;
}
.avisiva {
	font-size: 9px;
	color: #666;
	text-align: center;
	padding: 0 8px 8px 8px;
}

/* llistat tipus taula, complementant la classe .noticia */
.quadricula {
	float: left;
	margin: 8px;
	clear: none;
	background-color:#FAFAFA;
	border: 1px solid #EEE;
	width: 166px;
	text-align: center;
}
* html .quadricula {margin: 8px 7px;} /* IE */
.quadricula .imgPal1, 
.quadricula .imgMat1, 
.quadricula .imgGrip1 {
	float: none;
	margin: 0 auto;
}
.quadricula h4 {
	text-align: center;
	padding: 4px 0;
}
.quadricula h4.marca {
	background-color:#EAEAEA;
	margin-bottom: 4px;
}
.quadricula h4.marca a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.quadricula h4.model {
	height: 30px;
	background-color:#EAEAEA;
	margin-top: 4px;
}
.quadricula h4.model a {
	display: block;
	text-decoration: none;
}
.quadricula h4.preudesde {
	text-align: right;
	padding-bottom: 0;
}
.quadricula h4.preudesde .titol,
.quadricula h4.preudesde .preu {
	font-size: 11px;
}

/* llistat tipus taula miniatura, complementant la classe .noticia */
.miniquadricula {
	float: left;
	margin: 4px 3px 4px 4px;
	clear: none;
	background-color:#FAFAFA;
	border: 1px solid #EEE;
	width: 100px;
	text-align: center;
}
* html .miniquadricula {margin: 4px 3px;} /* IE */
.miniquadricula .imgPal1, 
.miniquadricula .imgMat1, 
.miniquadricula .imgGrip1 {
	float: none;
	margin: 0 auto;
}
.miniquadricula h4 {
	text-align: center;
	padding: 4px 0;
}
.miniquadricula h4.marca {
	background-color:#EAEAEA;
	margin-bottom: 4px;
}
.miniquadricula h4.marca a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
.miniquadricula h4.model {
	height: 30px;
	background-color:#EAEAEA;
	margin-top: 4px;
}
.miniquadricula h4.model a {
	display: block;
	text-decoration: none;
}
.miniquadricula h4.preudesde {
	text-align: right;
	padding-bottom: 0;
}
.miniquadricula h4.preudesde .titol,
.miniquadricula h4.preudesde .preu {
	font-size: 10px;
}

.destacada {
	background: #F1F8FD;
}


.tarifas {
	font-size: 11px;
	color: #767676;
	line-height: 14px;
}
.tarifas ul {
	margin-top: 6px;
}
.tarifas ul a {
	text-decoration: none;
	color: #2D8FD9;
}
.tarifas ul a span.preu {
	color: #F49400;
}

.missat_err {
	color: #AD0029;
	padding: 4px;
	font-weight:bold;
}


.bannergran {
	margin: 0 0 12px 0; padding: 0;
}
.bannerpetit {
	margin:0 0 0 2px; padding: 0;
	float:left;
}

.colorpreu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F49400;
}
ul.espaiat li {
	padding: 2px 0;
}


/* **** PANTALLES CONCRETES **** */
/* -------------------------------------------------------------------------- */
#id_index {
	vertical-align: top;
}

#id_packs_det .noticia, 
#id_palos_det .noticia, 
#id_grips_det .noticia, 
#id_material_det .noticia {
	border-bottom: none;
}

#id_material_det table.items {
	width: 60%;
}

#id_grips_det .items td {
	vertical-align: middle;
}

#id_info2 #cos ul li {
	padding: 2px 0;
	color: #666;
}
#id_info2 #cos p,
#id_pago #cos form,
#id_pago #cos p {
	padding-left: 10px;
	color: #666;
}
#id_pago .items,
#id_cart .items {
	width: 95%;
}
#id_cart .tarifas {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #2D8FD9;
}
#id_cart p#seguir {
	color: #2D8FD9;
	text-align: center;
	margin: 16px 0 32px 0;
}
#id_cart p#seguir a:link,
#id_cart p#seguir a:visited {
	color: #2D8FD9;
	font-weight: bold;
}

#id_pedido .items textarea,
#id_pedido .items input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7F7F;
}
#id_pedido .items input.boto_comprar {
	color: #FFFFFF;
}

#id_buscar #frmTria {
	margin: 8px 0;
}
#id_buscar #frmTria input {
}
.boto_cerca {
}

/* Mapa web */
#id_mapa #cos div {
	border: 1px solid #666;
	background-color: #F7F7F7;
	width: 277px;
	margin: 0 0 12px 14px;
	padding: 0;
	float: left;
}
* html #id_mapa #cos div { width: 270px; }
#id_mapa #cos div h5 {
	margin: 0; padding: 4px;
	background-color: #F0F0F0;
}
#id_mapa #cos ul {
	margin: 0;
	padding: 0 0 0 24px;
	color: #2D8FD9;
}
#id_mapa #cos ul li {
	padding: 2px 0;
}
#id_mapa #cos div a {
	text-decoration: none;
	/* color: #2D8FD9; */
}
#id_mapa #cos div#mapapal {
}
#id_mapa #cos div#mapamat {
}
#id_mapa #cos div#mapaclu {
}
#id_mapa #cos div#mapainf {
}


/* **** PÀGINES **** */
/* -------------------------------------------------------------------------- */
#id_seccion #frmTria {
	text-align: right;
}
#id_seccion .noticia {
	color: #666;
}
#id_seccion .noticia a, #id_seccion .noticia a:visited { text-decoration: none; color: #2D8FD9; }
#id_seccion .noticia a:hover { text-decoration: underline; color: #2D8FD9; }
#id_seccion .noticia h4 a {
	font-weight: bold;
	color: #2D8FD9;
}
#id_seccion .noticia .llegirmes {
	color: #FA0;
	text-align: right;
	margin-top: 4px;
}

#id_pagina #cos {
	color: #666;
}
#id_pagina #cos a, #id_pagina #cos a:visited { text-decoration: none; color: #2D8FD9; }
#id_pagina #cos a:hover { text-decoration: underline; color: #2D8FD9; }

#id_pagina #cos p.enrera  {
	border-top: none; clear: none;
}

/* **** LIGHTBOX **** */
/* -------------------------------------------------------------------------- */
.zoomejar {
	float: right;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	/* font-size: 0.8em;*/
	padding-top: 8px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url("../lightbox/overlay.png"); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/lightbox/overlay.png", sizingMethod="scale");
	}


/* Colors */
table.lies td { text-align: center; color: #000000; font-weight: bold; padding: 2px 6px;}

.lie3fl { background-color: #CF4C0C; }
.lie2fl { background-color: #FF0000; }
.lie1fl { background-color: #FFCC00; }
.lie0   { background-color: #FFFF00; }
.lie1up { background-color: #99CC00; }
.lie2up { background-color: #008000; }
.lie3up { background-color: #00CCFF; }