body{
	background: #FFFFFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;;
	margin:0px;
}

table{
	font-size:12px;	
}

/* FORMATS GENERALS ******************************/

a{
	text-decoration: none;
	color: #101A26;
}

a:hover{color:#0F396C;}
.fontNegreta{font-weight:bolder;}
.fontPetita{font-size:10px;}
.fontMitjana{font-size:11px;}
.fontGran{font-size:14px;}
.fontMoltGran{font-size:16px;}
.fontColorSkin{color: #0F396C;} /*#004b96*/
.fonsColorSkin{background: #0F396C;}

.absolute{position:absolute;}
.relative{position:relative;}
.clear_both{clear:both;}

/* GENERAL ***************************************/

#containerGeneral{
	margin:0px auto;
	width: 880px;
}

#containerDalt{
	height:153px;
	border-bottom:1px solid #C8C8C8;
	position:relative;
}

#containerCapcalera{
	height:139px;
	margin-bottom:14px;
}

#containerPrePeu{
	border-top: 1px solid #C8C8C8;
	background: #F1F1F1;
	height: 20px;
	margin-top:10px;
	margin-bottom:7px;
	color: #787777;
	line-height: 20px;
	text-align:right;
	padding-right:10px;
}

.credits p{
	margin:0px;
	padding:0px;	
	color: #595959;
}

.credits a{
	color: #595959;
}

.credits a:hover{
	color: #004B96;
}

/*** BOTO BASKET_STATUS ***/

a.boto{
	background: transparent url(../images/boto_dreta.gif) no-repeat scroll bottom right;
	color: #FFFFFF;
	display:block;
	float:right;
	height:20px;
	padding-right: 6px;
	text-decoration:none;
	white-space: nowrap;
}
 
a.boto span{
	background: transparent url(../images/boto_esq.gif) no-repeat scroll bottom left; 
	display:block;
	line-height: 20px;
	padding-right: 4px;
	padding-left: 9px;
}
 
a.boto:hover{
	background-position: top right;
	outline: none;
}
 
a.boto:hover span{
	background-position: top left;
	color:#FFFFFF;
}

/**************/

a.botoPager{
	display:block;
	background:url(../images/pag_des.png) no-repeat;
	color: #FFFFFF;
	width:18px;
	height:18px;
	margin:0px 2px;
	line-height:18px;
	text-align:center;
	font-size:11px;
	float:left;
}

a.botoPager:hover{
	background:url(../images/pag_act.png) no-repeat;
}

/* MENU CORPORATIU *******************************/

.menu1 {
	position: absolute;
	right: 10px;
	top: 10px;
}

	.menu1 ul{
		padding:0px;
		margin:0px;
		list-style: none;
	}

	.menu1 li{
		float:left;
		margin:0px 7px;
		color: #64707E;
	}

	.menu1 li a{
		color: #64707E;
	}

	.menu1 li a:hover, .menu1 li a.sel {
		color: #3D84DC;
	}

/* MENU SUPERIOR *********************************/

.menuSup{
	margin-top:10px;
	background: url(../images/menuSup/fonsMenuDes.gif) repeat-x;
	height:33px;
	font-size:14px;
}

	.menuSup ul{
		padding:0px 5px;
		margin:0px;
		list-style: none;
	}

	.menuSup li{
		float:left;
		line-height:33px;
		margin:0px 5px;
	}

	.menuSup li a{
		color: #FFF;
	}
	
	.menuSup li a:hover, .menuSup li a.sel{
		color: #a2b7d1;
	}

	.menuSup li.sep{
		background: url(../images/menuSup/sepVertJs.gif) no-repeat bottom;
		width: 2px;
		height:33px;
	}
	
/* NAVEGADOR *************************************/

#navi{
	background: #DBE1E9;
	height: 24px;
	line-height: 24px;
	margin-bottom:14px;
	padding-left:8px;
	position:relative;
}

	#navi ul{
		padding:0px;
		margin:0px;
		list-style:none;
	}

	#navi li{
		float:left;
		margin: 0px 5px;
	}

	#navi li a{
		color: #68686B;
		background: url(../images/navi/picto_navi_des.gif) left no-repeat;
		padding-left:10px;
	}

	#navi li a:hover, #navi li a.sel{
		color: #0F396C;
		background: url(../images/navi/picto_navi_act.gif) left no-repeat;
	}

/* BANNER + SUBSCRIPCIO **************************/

.banner1{
	float:left;
	width:660px;
	margin-right: 20px;
}

.subscripcio{
	float:left;
	background: #F1F1F1;
	width:200px;
	height:139px;
}

.contingut_subscripcio{
	padding:5px;
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
	border-left:1px solid #EDEDED;
	height:86px;
	overflow:hidden;
}

/* TAMANY TEXT + CERCADOR + LINK INICI ************************/

.link_inici_data{
	position:absolute;
	right:0px;
	top:75px;
	color: #68686b;
}

.caixaTextSize{
	position: absolute;
	width: 50px;
	height:20px;
	top:40px;
	right:235px;
}

#cercador{
	position: absolute;
	right:0px;
	width: 160px;
}
/*
.fonsCercador input, textarea{
	font-size:11px;
	border:0px;
	width: 160px;
	padding:0px 3px;
	margin-top:2px;
	background: transparent;
}
*/
.fonsCercador input {
    border: 1px solid #cccccc;/* #0f396c;*/
    /*color: #0f396c;*/
    font-size: 9px;
    height: 16px;
    line-height: 16px;
	 margin-top: 1px;
    width: 135px;
}
/*.fonsCercador{
	background: url(../images/fonsCercador.gif) no-repeat;
	width: 165px;
	height:20px;
	display:block;
	float:left;
	margin-right:2px;
}
*/
/* BANDA ESQUERRA ********************************/

#bandaEsquerra{
	float:left;
	width:180px;
	margin-right:20px;
	height: auto;
}

.titol_menu_lat{
	background: url(../images/menuLat/fonsTitolMenu.gif) no-repeat top;
	width:164px;
	height:33px;
	line-height:33px;
	padding:0px 8px;
}

.menuLateral .n1{
	padding:9px 8px;
/*	list-style-image: url(../images/menuLat/fletxa_n1_des.gif);*/
	border-top: 1px solid #51565c;
	border-bottom:1px solid #dbe1e9;
}

.menuLateral .n1 a{
	background: url(../images/menuLat/fletxa_n1_des.gif) left no-repeat;	
	padding-left:13px;
	color: #000000;
}

.menuLateral .n1 a:hover{
	color:#3d84dc;
}

.menuLateral .sel{
	background: url(../images/menuLat/fonsMenuLat.gif) top repeat-x #2a5c99;
}

.menuLateral .sel a, .menuLateral .sel a:hover{
	color: #FFF;	
}

.menuLateral .sel a{
	background: url(../images/menuLat/fletxa_n1_act.gif) left no-repeat;	
}

.menuLateral_n2{
	border-top: 1px solid #c8cbce;
	border-bottom: 1px solid #eae9eb;
	padding: 8px;
	/*background: url(../images/menuLat/fons_n2_des.gif) bottom repeat-x #FFF;*/
	background: #FFF;
}

.menuLateral_n2 img{
	border:none;
	vertical-align: middle;
	margin-right:10px;
}

.menuLateral_n2 a{
	color: #394049;
	background: none;
}

.menuLateral_n2 a:hover, .menuLateral_n2 a.sel{
	color: #2b5e9c;
	background: none;
}

.latSel_n2{
	background: url(../images/menuLat/fons_n2_des.gif) bottom repeat-x #FFF;
}

.titolSeccio{
	margin-bottom:6px;
	font-size:11px;
	/*font-weight:bolder;*/
}

.subtitolSeccio{
	line-height:12px;
	color: #69696b;
}

.finalMenuLat{
	background: #e73422;
	height: 1px;
}

/* CONTINGUT *************************************/

#contingut{
	width: 460px;
	float:left;
}

#contingut_ample{
	float:left;
	width:660px;	
}

.fonsTitolBanner{
	background: url(../images/fonsTitol.gif) left top;
	width: 180px; /*200 px tamany original */
	height: 33px;
	line-height:33px;
	padding: 0px 10px;
}

.contingutBanner{
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	border-left:1px solid #ededed;
	background: #f6f6f6;
	padding:8px;
}

.contingutBanner_online{
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	border-left:1px solid #ededed;
	background: #f6f6f6;
}

.contingutBanner_online img{border:none;}

/* MAPA WEB **************************************/

ul.mwNivell1{
	margin:20px 0px 0px 0px;
	padding:0px;
	list-style: none;
	display:block;
}

ul.mwNivell1 li{
	margin: 3px 0px 8px 10px;	
}

ul.mwNivell2{
	display:block;
	list-style: none;
	margin-bottom: 10px;
}

ul.mwNivell2 li{
	margin:3px 0px;
	background: url(../images/menuLat/pictoMenuLatAct.gif) no-repeat left;
	padding-left:10px;
}

/* BANDA DRETA ***********************************/

#bandaDreta{
	float:right;
	width:200px;
	margin-left:20px;
}

.titol_menu_lat_dreta{
	background: url(../images/menuLat/fonsTitolMenuDreta.gif) no-repeat top;
	width:184px;
	height:33px;
	line-height:33px;
	padding:0px 8px;
}

.titol_basket_status{
	color: #68686b;
	line-height:21px;
	float:left;
}

.status_targetes{
	border-top: 1px solid #d4d4d4;
	padding-top:10px;
}

.total_preu_status{
	text-align:right;
	border:1px solid #c1c1c1;
	background:#FFF;
	padding: 3px 5px;
	float:right;
	display:block;
	width:60px;
	margin-right:9px;
}

.status_targetes img{
	float:left;
}

/* FITXA *****************************************/

.fotoFitxa{
	float:left;
	margin-bottom:10px;
	margin-right:18px;
	width: 223px;
}

.descripLlistat{
	float:left;
	width:102px;
	height:102px;
}

.itemLlistat{
	width:220px;
	height:105px;
	padding:2px;
	background: #f1f1f1;
	float:left;
	margin:0px 0px 6px 6px;
}

.itemLlistatSug{
	width:220px;
	height:105px;
	padding:2px;
	background: #f1f1f1;
	float:left;
	margin:0px 6px 6px 0px;	
}


.fotoLlistat{
	float:left;
	margin-right:8px;	
	width:105px;
}

.fotoLlistat img{
	border:none;
}

.shop_control_llistat{
	bottom:0px;
	left:0px;
}

.descripcioFitxa{
	float: right;
	width:219px;
}

.descripcioFitxa p{
	margin:0px;
	padding:0px;
}

.borderDaltShopControl{border-top:1px solid #dadada;}
.borderBaixShopControl{border-bottom:1px solid #dadada;}
.fonsDaltShopControl{background: #dadada;}

.suggeriments{
	clear:both;
	background: #3d84dc;
	color: #FFF;
	padding-left:7px;
	line-height:17px;
}

.pIgual {
	vertical-align: top;
}

.pIgual span p{
	margin:7px 0px;
}

/* FORMULARI *************************************/

.formUnits input{
	text-align: right;
	font-size:11px;
	color: #3d84dc;
}

.login input{
	width: 179px;
}

.formulari label{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

.formulari input, .formulari select{
	font-size:12px;
	border:1px solid #c8c8c8;
	font-family: Arial, Helvetica, sans-serif;
}

.formulari textarea{
	font-size:12px;
	border:1px solid #c8c8c8;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;	
	width: 330px;
}

.shopForm textarea{
	width:608px;
}

/* CISTELLA *************************************/

.passos ul{
	list-style: none;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
}

.passos li{
	margin:0px 2px 0px 0px;
	float:left;
	line-height:18px;
	width:18px;
	text-align:center;
}

.passos li.des{
	background: url(../images/shop/pasDes.gif) no-repeat;
	color: #68686b;
}

.passos li.act{
	background: url(../images/shop/pasAct.gif) no-repeat;
	color: #FFF;
}

/* IDIOMES ***********************************************/

.idiomes{
	float:left;
}

	.idiomes ul{
		margin:0px;
		padding:0px 0px 0px 10px;
		list-style: none;
	}
	
	.idiomes li{
		float:left;
		line-height: 20px;
		margin: 0px 6px;
	}
	
	.idiomes a{
		color: #92b6e3;
	}
	
	.idiomes li a.sel, .idiomes li a:hover{
		color: #394049;
	}

input[type="radio"]{
	border:0px;
	margin-right: 5px;
}

	.etiquetes span{
		border-radius: 3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding: 2px 5px;
		width:110px;
		display:inline-block;
		text-align:center;
	}
	
		.etiquetes span.g1{
			background: #e78621;
			color: #FFF;
		}
		
		.etiquetes span.g2{
			background: #e7c621;
		}
		
		.etiquetes span.g3{
			background: #cc1d58;
			color: #FFF;
		}
		
		.etiquetes span.g4{
			background: #197390;
			color: #FFF;
		}

.adreca{
	bottom:45px;
	position:absolute;
	right:10px;
	text-align:right;
	
}

/* CALENDARI ***************/

table.multiMonthCalendar td{
	padding:0px;
}

table.calendarHeader{
	background: #0F396C;
	color: #FFF;
	padding: 2px;
}

.multiMonthHeader{
	background: #FFF;
}

table.calendarDay{
	font-size:11px;
}

.calendarDay td:hover{
	font-size:11px;
	background: #0F396C;
	color: #FFF;
	cursor:pointer;
}
