* { margin:0px;}
body {
	background-color: #3F3F3F;
	background-image: url(../images/Body_Parra_bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 20px;
	
}

a {	text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }

.clear{
	clear: both;
}

#body{
	width: 970px;
	position: absolute;
	margin-left: 50%;
	left: -485px;
	top: 10px;
}

#head img{ float: left; }
#head .flash{ float: right; }


/* ########################################
	Menu
   ######################################## */
#menu{
	background-image: url(../images/menu_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	height: 37px;
	text-align: center;
	padding-top: 13px;
	padding-left: 20px;
}


.navlist{
	white-space: nowrap;
}

.navlist li {
	display: inline;
	list-style-type: none;
	margin-right: 10px;
	height: 30px;
	float: left;
}

.navlist a, .navlist a:visited {
	background-image: url(../images/menu_button_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	display: block;
	/*width: 110px;*/
	padding: 7px 15px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}


.navlist a:hover {
	background-image: url(../images/menu_button_bg.gif);
	background-position: 0 -30px;
	background-repeat: repeat-x;
	text-decoration: none;
}

.destacats_home{
	background-color: #3F3F3F;
	color: #FFFFFF;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	padding: 10px 5px;
	margin-bottom: 5px;
	width: 707px;
	}

/* ########################################
	Column Left
   ######################################## */

#column_left{
	background-image: url(../images/Column_Left_bg.gif);
	background-repeat: repeat-y;
	float: left;
	width: 170px;
	padding: 15px;
	/*min-height: 850px;*/
}

.search{
	background-color: #3F3F3F;
	width: 165px;
}

.search input{
	width: 110px;
	margin: 5px 10px;
	font-size: 12px;
	color: #3F3F3F;
}

.mailing{
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.mailing b{
	color: #f96411;
	font-size: 14px;
	font-weight: bold;
}

#destacats_left{
	margin-bottom: 20px;
	text-align: right;
}

#destacats_left img{
	border:1px solid #999999;
	margin-top: 20px;
	margin-bottom: 5px;
}

#destacats_left .descripcio{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	width: 170px;
}

#destacats_left .preu-tatxat{
	color: #C4C4C4;
	font-size: 14px;
	text-decoration:line-through;
	
}
#destacats_left .oferta, #destacats_left .preu{
	color:#f96411;
	font-size: 18px;
	font-weight: bold;
	display:inline-block;
	margin-left: 10px;
}
#destacats_left .dte{
	color: #C4C4C4;
	display: block;
	margin-top: 5px;
}

/* ########################################
	Menu Left
   ######################################## */

#menu_left{
	background-image: url(../images/Column_Left_Menu_bg.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	padding-top: 20px;
	width: 165px;
	text-align: right;
	min-height: 150px;
	_height: 150px;
}


#menu_left ul{
	margin-right: 20px;
	padding-right: 0;
	white-space: nowrap;
}

#menu_left li{
	list-style-type: none;
	margin-top: 5px;
}

#menu_left li a{
	color: #000000;
	font-size: 14px;
	font-weight: bold;	
}


/* ########################################
	Content
   ######################################## */
#content{
	background-color: #EDEDED;
	float: left;
	clear: right;
	padding: 20px;
	width: 730px;
}


.block{
	width: 220px;
	margin-right: 20px;
	margin-top: 20px;
	border: 1px solid #f96411;
	float: left;
}


.block img{margin:0;border:0;}

.block h2{
	background-color: #f96411;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding: 5px;
}

/* ########################################
	Botigues
   ######################################## */
.botiga-block{
	width: 707px;
	border: 1px solid #f96411;
	margin-bottom: 10px;
}
.botiga-block-mini{
	width: 215px;
	border: 1px solid #f96411;
	margin-bottom: 10px;
	float: left;
	margin-right: 24px;
}
.botiga-block img{margin:0;border:0;}

.botiga-block h2{
	background-color: #231f20;
	color: #ffffff; /* taronja #f96411 */
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.botiga-block-mini h2{
	background-color: #231f20;
	color: #ffffff; /* taronja #f96411 */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.botiga-block-mini h3{
	color: #231f20; /* taronja #f96411 */
	font-size: 12px;
	padding: 15px;
}

.botiga-block a{ text-decoration: none; color: #FFFFFF;}
.botiga-block a:hover{ text-decoration: underline }



/* ########################################
	Detall
   ######################################## */
.mini-block{
	width: 160px;
	margin: 20px 20px 20px 0px;
	border: 1px solid #f96411;
	float: left;
	background-color: #231f20;
	text-align: right;
}
.mini-block img{margin:0;border:0;}

.mini-block h2{
	background-color: #231f20;
	color: #ffffff; /* taronja #f96411 */
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 5px 10px;
	height: 25px;
}

.mini-block h2.oferta{
	background-image: url(../images/oferta_icon.gif);
	background-repeat: no-repeat;
	background-position: 3px 12px;
	background-color: #231f20;
	color: #ffffff; /* taronja #f96411 */
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 5px 10px;
	height: 25px;
}
.mini-block a{ text-decoration: none; color: #FFFFFF;}
.mini-block a:hover{ text-decoration: underline }

.mini-block .subtitol{ 
	color: #FFFFFF;
	font-size: 12px;
	width: 150px;
	margin-top: -20px;
	}


.mini-block .f-preu{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;

}
.mini-block .preu-tatxat{
	color: #CCCCCC;
	font-size: 15px;
	text-decoration:line-through;
	padding: 6px;
font-weight: bold;
	display:inline-block;

	
}
.mini-block .f-oferta{
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
	color: #f96411;
	padding: 5px;
}
.mini-block .f-descompte{
	font-size: 16px;
}



.icon{
	width: 220px;
	float: right;
	border: 1px solid #f96411;
}

.subtitol{
	width: 390px;
	float: left;
	font-size: 16px;
	font-style: italic;
	padding: 10px 0px;
}

.descripcio{
	width: 390px;
	float: left;
	font-size: 12px;
	text-align: justify;
	padding: 10px 0px;
}

.descripcio-ext{
	clear: both;
}

/* ########################################
	Gallery of item
   ######################################## */
#galleryLoader{ background:#333 url(../images/load.gif) 50% 50% no-repeat; height:220px;width:220px;border: 1px solid #f96411;}
#galleryThumbs { list-style-type:none; padding:0; margin: 5px 0 ; list-style-position:inside; }
#galleryThumbs li { display:inline; padding:0; margin:0 2px 0 0;}
#galleryThumbs img { border: 1px solid #f96411; }

/* ########################################
	Foot
   ######################################## */
#foot{ 
	clear: both;
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
}
#foot a{ color: #FFFFFF;}
.mapaweb{
	float: left;
	padding: 5px 0px 20px 200px;
}

.mail{
	float: right;
	width: 300px;
	padding: 5px 10px 20px 0px;	
}

.mailto{ display: block; line-height: 10px;margin-bottom: 10px;}

.nucliweb{ color: #999999;font-size: 10px; display: block; line-height: 10px;}
.nucliweb b{ color:#CCCCCC;}

.blanc{ color: #FFFFFF }


.texte,.texte_blanc,.texte_tar,.texte_blau,.texte_gris{
	font-size: 12px;
}
.texte_petit,.text_petit2,.texte_petit_blanc,a..texte_petit_blanc,.texte_petit_tar,.texte_petit_blau ,.texte_petit_gris {
	font-size: 10px;
}


.texte_negreta,.texte_negreta_blanc,.texte_negreta_tar,.texte_negreta_blau,.texte_negreta_gris,.pagina_sel {
	font-weight: bold;
	font-size: 12px;
}
.titol,.titol_blanc,.titol_tar,.titol_blau,.titol_gris {

	font-weight: bold;
	font-size: 14px;
	
}
.titol_gran,.titol_gran_blanc,.titol_gran_tar,.titol_gran_gris {

	font-size: 18px;
	
}
.texte_gris,.texte_petit_gris,.texte_negreta_gris,.titol_gris,.titol_gran_gris{
	color: #666666;
		
}
.texte_blanc,.texte_negreta_blanc,.titol_blanc,.titol_gran_blanc{
	color: #ffffff;
}
/* Joan - 12.08.2005 - 10:45h */
.texte_petit_blanc{
	font-size: 12pt;
	color: #FFFFFF;
}
/* -------------------------- */
 .texte_tar,.texte_petit_tar,.texte_negreta_tar,.titol_tar,.titol_gran_tar,.pagina_sel{
		color: #F87C48;
}
 .texte_blau,.texte_petit_blau,.texte_negreta_blau,.titol_blau,.titol_gran_blau{
		color: #336699;
}
.texte,.texte_petit,.text_petit2,.texte_negreta,.titol,.titol_gran{
	color: #333333;
}


.sub_menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
body,td {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}

/*categories de la cursa */
#categories td{
	font-size: 9px;
	color: #999999;
	
}
form table td{
	font-size: 14px;
	color: #666666;
}
.camp{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid;
	border-color:#666666;
	color:#666666;
}
.camp:active
{
	background-color: #FFFF9F;
}
.boto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-color: #F87C48;
	padding: 3px;
	cursor: pointer;
	border: 1px solid;
	border-color:#D6D7D6;
	border-top-color: #D7D9D7;
	border-right-color: #BBBDBB;
	border-bottom-color: #BBBDBB;
	border-left-color: #D7D9D7;
}

.menu_sel {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	background-color:#F87C48
}
.menu_selicon {
	background-color:#FFCC00
}
.fill_selicon {
	background-color:#FF6633
}
.borde_taronja {
	border-color:#FF6633
}
.borde_gris {
	border-color:#999999
}
.a:link {
	color: 333333;
	text-decoration:none
	
}
.a:visited {
	color: 333333;
	text-decoration:none
}
.a:hover {
	color: #F87C48;
	text-decoration:underline
}
.a:active {
	color: #333333;
	text-decoration:none
}


/* DESTACATS BOTGA ----------------------------- */
#destacats_botiga{
	background: url(../images/home_botiga.jpg) 0 0 no-repeat;
	width: 707px;
	height: 260px;
	}
#destacats_botiga img.producte{
	float: left;
	margin-left: 45px;
	margin-top: 69px;
	}
#destacats_botiga div{
	float: right;
	width: 395px;
	margin-top: 69px;
	}
#destacats_botiga .titol{
	font-size: 24px;
	font-weight: bold;
	color: #231f20;
	margin: 0;
	}
#destacats_botiga .subtitol{
	font-size: 14px;
	color: #f96411;
	margin: 0;
	}
#destacats_botiga .descripcio{
	font-size: 12px;
	line-height: 18px;
	color: #231f20;
	margin: 0;
	}
#destacats_botiga .preu{
	font-size: 24px;
	font-weight: bold;
	color: #f96411;
	margin: 0;
	float: left;
}
#destacats_botiga .preu-tatxat{
	font-size: 18px;
	color: #231f20;
	text-decoration:line-through;
	margin: 0;
}
#destacats_botiga .comprar{
	float: right;
	margin-right: 27px;
}
/* -------------------------------------------- */

.clear{clear:both}
.floatAlignRight{float:right; text-align: right}
.floatAlignLeft{float:left; text-align: left}
.floatRight{float:right;}
.floatLeft{float:left;}
.bold{font-weight: bold;}
.no-border{border:0;}

/* alings  ------------------------ */
.va-top{vertical-align:top;}
.va-middle{vertical-align:middle;}
.va-bottom{vertical-align:bottom;}
.a-left{text-align: left;}
.a-right{text-align: right;}
.a-center{text-align: center;}
.a-justify{text-align: justify}

/* paddings  ------------------------ */
.p-5px{padding: 5px} .p-10px{padding: 10px} .p-15px{padding: 15px} .p-20px{padding: 20px} .p-25px{padding: 25px}
.p-t-5px{padding-top: 5px} .p-t-10px{padding-top: 10px} .p-t-15px{padding-top: 15px} .p-t-20px{padding-top: 20px} .p-t-25px{padding-top: 25px}
.p-r-5px{padding: 5px} .p-r-10px{padding-right: 10px} .p-r-15px{padding-right: 15px} .p-r-20px{padding-right: 20px} .p-r-25px{padding-right: 25px}
.p-b-5px{padding: 5px} .p-b-10px{padding-bottom: 10px} .p-b-15px{padding-bottom: 15px} .p-b-20px{padding-bottom: 20px} .p-b-25px{padding-bottom: 25px}
.p-l-5px{padding: 5px} .p-l-10px{padding-left: 10px} .p-l-15px{padding-left: 15px} .p-l-20px{padding-left: 20px} .p-l-25px{padding-left: 25px}

/* margins  ------------------------ */
.m-5px{margin: 5px} .m-10px{margin: 10px} .m-15px{margin: 15px} .m-20px{margin: 20px} .m-25px{margin: 25px}
.m-t-5px{margin: 5px} .m-t-10px{margin-top: 10px} .m-t-15px{margin-top: 15px} .m-t-20px{margin-top: 20px} .m-t-25px{margin-top: 25px}
.m-r-5px{margin: 5px} .m-r-10px{margin-right: 10px} .m-r-15px{margin-right: 15px} .m-r-20px{margin-right: 20px} .m-r-25px{margin-right: 25px}
.m-b-5px{margin: 5px} .m-b-10px{margin-bottom: 10px} .m-b-15px{margin-bottom: 15px} .m-b-20px{margin-bottom: 20px} .m-b-25px{margin-bottom: 25px}
.m-l-5px{margin: 5px} .m-l-10px{margin-left: 10px} .m-l-15px{margin-left: 15px} .m-l-20px{margin-left: 20px} .m-l-25px{margin-left: 25px}