/* **** GENÈRIC **** */
/* -------------------------------------------------------------------------- */
body {
	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) + 20px(marge dret) = 198px; */
/* cos: 775px - 198px = 577px; */

#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;
		padding-top: 10px;
	}
		#menu {
			float: left;
			width: 178px;
			margin-right: 20px;
			background: #FFFFFF;
		}
		#cos {
			float: left;
			width: 577px;
			height: 1% /* Holly hack for Peekaboo Bug */
		}
	#peu {
		clear: both;
		width: 775px;  /* 775(img gran) */
		margin: 20px auto 10px auto;
		padding: 8px;
		color: #949494;
		font-size: 10px;
		background-color: #F3F3F3;
		border-top: 1px solid #CCCCCC;
	}

/* **** CAP **** */
/* -------------------------------------------------------------------------- */
#imatge-cap {
	margin-bottom: 8px;
}
#accions-cap {
	padding: 0 20px 0 0;
	float: right;
}
#accions-cap ul {
		list-style: none;
		margin: 10px 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: 4px 6px;
		}

#accions-cap ul#cap-idioma {
		clear: right;
		margin-top: 18px;
}
		#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 10px 20px;
}
#logo-cap {
	float: left;
}

#text-cap h1 {
	margin: 38px 0 4px 380px;
	color: #99C301;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
}
#text-cap 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 {
	margin: 4px 0;
}
#peu p.copyrightbis {
	float: right;
	margin: 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 h3 {
	background-image: none;
	background-color: transparent;
	color: #99C301;
	font-size:140%;
	line-height:normal;
	margin: 4px 0 8px 0;
	padding: 0;
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: #F3F3F3;
}

#menu ul li a {
	border-bottom: 1px solid #DDDDDD;
	color: #666666;
	display: block;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-indent: 15px;
	width: 99%;
	font-size:110%;
}

#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus {
	background: url(../img/web/grad1.jpg) top #FFFFFF;
	color: #000000;
	text-decoration: none;
}
#menu ul li.actual a {
	font-weight: bold;
	color: #437A1C;
}


/* Cistella petita lateral */
#minicesta {
	margin: 12px 0;
	/*border: 1px solid #A3C4DC;*/
	background-color: #EBF4CA; /*#DEEDA8;*/
}
		#minicesta h5 {
			/*background: url("../img/web/fons_cistella.jpg") top left repeat-x;*/
			color: #2D8FD9;
			font-weight: bold;
			font-size: 12px;
			margin: 0;
			padding: 8px 4px;
		}
		#minicesta a:visited,
		#minicesta a {
			background: url("../img/web/ico_menu_compra.gif") center left no-repeat;
			padding-left: 18px;
			color: #2D8FD9;
			text-decoration: none;
		}
#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;
	margin-left: 18px;
}


/* **** EFECTES COMUNS **** */
/* -------------------------------------------------------------------------- */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #99C301;
	padding: 6px 6px;
	margin: 0 6px 6px 6px;
	text-align: center;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #7d9156;
	padding: 6px 6px;
	margin: 0 6px 6px 6px;
	text-align: center;
}
h3 { /* títols de pàgina */
	background-color:#99C301;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	padding: 6px 12px;
	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;
}
h6 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/* color: #2D8FD9; */
	margin: 10px 0;
}
#id_idealtee h4,
#id_bola h4 {
	background-image: none;
	background-color: transparent;
	color: #437A1C;
	font-size:150%;
	line-height:normal;
	margin:0 0 8px;
	padding:0;
	font-weight: bold;
}

#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 #CCC;*/
	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: #437A1C;
}

.imgMat1 { /* llistat */
	float: left;
	margin: 0 8px 8px 0;
	width: 100px;
	height: 100px;
}
.imgMat2 { /* detall */
	float: right;
	margin: 0 0 12px 4px;
	width: 200px;
	height: 200px;
}
.imgTira { /* detall */
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #EEE;
	padding: 3px;
}

/* **** PAGINACIONS **** */
.paginacio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	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;
}

.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.gif"); 
	width: 140px; 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 #CCC;
}
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: 18px 0 12px 0;
	border-top: 1px solid #CCC;
}
.avisiva {
	font-size: 9px;
	color: #999;
	text-align: center;
	padding: 0 8px 8px 8px;
}

/* llistat tipus taula, complementant la classe .noticia */
.quadricula {
	float: left;
	margin: 8px;
	clear: none;
	background-color: #000;
	/*background-color: #FAFAFA;
	border: 1px solid #EEE;*/
	border: none;
	width: 166px;
	text-align: center;
}
* html .quadricula {margin: 8px 7px;} /* IE */
.quadricula .imgMat1 {
	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;
	color: #437A1C;
}
.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;
}



.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;
}

.infograus {
	float: right;
	width: 50%;
	margin-left: 8px;
}

.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_idealtee table.items,
#id_bola table.items {
	width: 60%;
}

#id_pago #cos form,
#id_pago #cos p {
	padding-left: 10px;
	color: #666;
}
#id_pago .items,
#id_cart .items {
	width: 95%;
}
#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;
}


/* **** PÀGINES **** */
/* -------------------------------------------------------------------------- */
#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");
	}


/* Citacions */
blockquote {
	padding: .5em;
	margin: .5em;
	color: #999;
}
blockquote span.open {
	background: url(../img/web/so-q.gif) no-repeat left top;
	padding: 3px 0 3px 30px;
}
blockquote span.close {
	background: url(../img/web/sc-q.gif) no-repeat bottom right;
	padding: 3px 30px 3px 0;
}