@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Covered+By+Your+Grace&v2);
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #454545;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../imatges/background.jpg);
	background-position:center;
}
body, html {
height: 100%;
}

/*///////////////////////////////////////////////////////*/

form {
	padding: 0;
	margin:0;

}
.inputforms {
	background-image: url(../imatges/formbacks.gif);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:transparent;
	border: none transparent;
	line-height: 21px;
	color: #333333;
	padding: 2px 0;
}
.inputforms-di {
	background-image: url(../imatges/formbacks-di.gif);
	background-position: right;
	background-repeat:no-repeat;
	padding-right: 10px;
	}
.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px; 
    }
h1, h2, h3, h4, h5 {
	padding: 0 0 10px 0;
	margin: 0;
	 font-weight: normal; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 

}

.undisplayed {
	display: none;
}

.alert {
	background-color: #6A0000;
	color: #FFDFDF;
	margin:20px;
	padding:10px;
	border:1px solid #A80000;
}
.alert a {
color: #FFDFDF;
}

.alertOK {
	background-color:#336600;
	color: #DFFFBF;
	margin:20px;
	padding:10px;
	border:1px solid #669900;
}
.alertOK a{
	color: #DFFFBF;
	}
.boxes{
	border : 1px solid #666666;
	font-family : Arial, Helvetica, sans-serif;

	background : transparent;
	color : #333;
	margin-bottom : 1px;
	margin-left : 1px;
	margin-right : 1px;
	margin-top : 1px;
	background-color : #e9e9e9;
}
.buttons{
	background-image: url(../imatges/send.jpg);
	background-repeat: repeat-x;
	color: #333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid gray;
}
.send{
	background-image: url(../imatges/enviar.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #CCCCCC;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: none;
	width: 79px;
	height: 15px;
	margin: 0;
	padding: 0;
}
.send em {
display: none;

}
.ColumnaIzq-inicial {	
	float: left;
	width: 578px;
	padding: 0 0 50px 0;
	margin: 25px 0 0 0;
	text-align: left; 
}

.ColumnaIzq {	
	float: left;
	width: 219px;
	padding: 0 0 10px 0;
	
	text-align: left; 

}
.ColumnaDer-inicial {
	text-align:left;
	float: right;
	width:190px;
	padding: 0 10px 0 0;
	margin:0 0 0 0 ;
}
.ColumnaDer {
	
	text-align:left;
	float: right;
	width:545px;
	padding: 0 0 0 0;
	margin:0 0 0 0 ;
	
}
/* LOGIN */
.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.overbox { 
display: none;
position: absolute;
top: 25%;
left: 25%;
z-index:1002;
overflow: auto;
/* width: 50%; */
	width:310px;
	
}
#content {
	background: #FFFFFF;
	border: solid 3px #CCCCCC;
	padding: 10px;
}
/* LOGIN final */
.col-left-top {
	float: left;
	width: 596px;
	padding: 6px 0 0 20px;
	margin: 0;
}
.col-right-top {
	
	text-align:left;
	float: right;
	width:160px;
	padding: 0;
	
}
.col-left {
	
	float: left;
	width: 300px ;
	padding: 0;
	
}
.col-right {
	
	text-align:left;
	float: right;
	width:252px;
	padding: 0 15px 0 0;
	
}
.searchbox {
	background-image: url(../imatges/busqueda.jpg);
	width: 210px;
	padding: 0 0 0 9px;
	margin: 0;
}
.searchin {
	background-color:transparent;
	border: none transparent;
	width: 157px;
	color: #333333;
	padding: 0;
}
.searchbox-button {
	margin: 0 0 0 7px;
	padding:0;
	background-image: url(../imatges/busqueda-b1.jpg);
	background-position: center;
	background-repeat:no-repeat;
	cursor: pointer;
}
.searchbox-button:hover {
background-image: url(../imatges/busqueda-b2.jpg);
}
/*///////////////////////////////////
/////////////////////////////////////
	FINAL OBLIGATORIS
/////////////////////////////////////
///////////////////////////////////*/


.content {
	width: 780px;
}
.top {
	background-image:url(../imatges/top.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	height: 463px;
}
.top-productes {
	background-image:url(../imatges/top-productes.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	height: 345px;
}
.menu-bar {
	background-image:url(../imatges/menu-bar.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;
}
.container {
background-image:url(../imatges/mid.jpg);
background-position: center top;
}
.mid {
	background-color: #FFFFFF;
	padding: 5px 0;
	background-image:url(../imatges/mid.jpg);
	background-position: center top;
	background-repeat:repeat;
	margin: 0;
} 
.top-image {
margin: 0px 7px;

}
.bottom { background:url(../imatges/footer.jpg) center top no-repeat;
padding-top: 42px;
height: 95px;

}
/*access divs*/
.accessboxhacu {
		color:#030303 ;	
	background-image: none;
	padding: 0 0 0 5px;
	margin: 0;
	font: normal normal normal 3.5em Arial, sans-serif;
	 letter-spacing: -2px;
	 font-family: 'century gothic', arial;
}
.access {
	background:url(../imatges/h-dotted.jpg) center top no-repeat;
	padding: 15px 0;
	margin: 15px 0 0 0;
}

.access-box-top {
	background:url(../imatges/access-box.jpg) right top no-repeat;
}
.access-box-bot {
	
	background:url(../imatges/access-box-top.gif) left top no-repeat;
}
.access h2 {
	font-size: 1.8em; font-weight: normal; letter-spacing: -1px;
	color:  #454545;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
}
.access p {
font-size: 1em;
padding: 1px 0;
}
/* final access divs*/

/* noticies divs*/

.noticies {
	background:url(../imatges/noticies-box.jpg) left top no-repeat;
	background-color:  #E9E9E9;
}
.noticies-bottom {
	background:url(../imatges/noticies-box-bottom.jpg) right bottom no-repeat;
	padding: 0 0 17px 0;
}
.noticies h2 {
	font-size: 1.8em; font-weight: normal; letter-spacing: -1px;
	color:  #000000;
	padding: 10px 0 0 18px;
	margin: 0;
}
.noticies h2 a {
color:  #000000;
text-decoration:none;
}
.noticies img {
border: 4px solid #dfdfdf;
}
/* final noticies divs*/

/* PRODUCTS */

/*********************************************************************************************************************************************/

.imgpromo {
position:absolute;
margin: 0 35px 5px 0;
position:absolute;
	bottom:0;
	right: 0;
}
.imgoptions {
position: absolute;
margin:5px 35px 0 0;
width:auto;
top:0;
right: 0;
}
.ofertes-img .imgoptions {
margin:1px 5px 0 0;
}
.ofertes-img .imgpromo {
	margin: 0 5px 1px 0;
}
.prod-img .imgpromo {
	margin: 0 25px 5px 0;
}
.prod-img .imgoptions  {
	margin:5px 25px 0 0;
}
.imgoptions-rela {
	position:relative;
	
}
.img-selects .imgoptions img, .img-selects .imgpromo img{
	border: none;
}
.noticies .imgoptions img, .noticies .imgpromo img {
border: none;
}
.imgoptions img, .imgpromo img{
	border:none;
	
}
.imgoptions-pol, .imgoptions-tra, .imgoptions-item  {
margin: 6px 0 0 8px;
width: 22px;
height: 22px;
position:relative;
float: right;
}
.imgoptions-item-2448 {
	margin: 6px 0 0 0;
	float: left;
}
.imgoptions-promo  {
	background-image: url(../imatges/tag-descompte.png);
	background-repeat:no-repeat;
	position:relative;
	float: right;
	color: #000000;
	padding: 1px 0 0 0;
	text-align:center;
	width: 33px;
height: 33px;
margin: 6px 0 0 0;
font-weight:bold;
display: none;
visibility: hidden;
}
.imgoptions-liquidacio  {
background-image: url(../imatges/tag-liquidacion.png);
	background-repeat:no-repeat;
/*display: block;*/
display: none;
visibility: hidden;
padding: 1px 0 0 0;
	width: 33px;
position:relative;
	float: right;
	color: #000000;
height: 33px;
margin: 6px 0 0 8px;
	text-align:center;
	font-weight:bold;
}
.imgoptions-liquidacio strong, .imgoptions-promo strong {
padding: 7px 2px 0 2px;
font-family:"Courier New", Courier, monospace;
font-size:14px;

display: block;
text-align: center;
color: #FFFFFF;
font-style:normal;
font-weight:bold;



}
.imgoptions-liquidacio em, .imgoptions-promo em  {
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10px;color: #FFFFFF;
line-height: 2px;
}
.imgoptions img {
border:none;

}




.products, .products a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #424242;
	text-align: center;
	max-width:545px;
width: expression(this.width > 545 ? 545: true);
}
.prod-ok {
position:absolute;
display:block;
}
.prod-img, .prod-img3 {/*
display: table;*/
text-align:center;
margin:0 auto;
position:relative;
width:auto;
}
.prod-img-top {
	margin: 3px 0 3px 0;
width: auto;
}
.prod-img-top img {
background-color:#FFFFFF;
padding: 3px;
border: 1px solid #999999;

	}
.prod-img a img, .prod-img3 a img{
display: inline;
width:auto;
border: 1px solid #CCCCCC;
text-align: center;

}

.prod-img img, .prod-img3 img {
width:auto;
margin:0 auto 0 auto;
max-width:240px;
width: expression(this.width > 240 ? 240: true);

max-height:110px;
height: expression(this.height > 110 ? 110: true);

}

.prod-img2 {
display: block;
text-align: center;
width:142px;
overflow: hidden;
position:relative;
}
.prod-img2 a img {
border: 1px solid #CCCCCC;
text-align: center;
}
.prod-img2 img {
width:auto;
max-width:140px;
width: expression(this.width > 140 ? 140: true);


}

.prod-img a:hover img, .prod-img2 a:hover img,  .prod-img3 a:hover img{
border: 1px solid #EA0B18;
}
.prod-nom, .prod-nom a, .prod-nom h2 {
	color: #EA0B18;
	font-size: 1.3em;
	padding: 1px;
}
.prod-nom a:hover {
	background-color: #EA0B18;
	color: #FFFFFF;
}
.prod-ref {
	color: #666666;
	font-size: 1em;
}
.prod-preu {
	color: #424242;
	font-size: 1.3em;
	font-weight: bold;
}
.prod-preu-fitxa {
	color: #C50A08;
	font-size: 1.4em;
	font-weight: bold;
}
.prod-desc {
text-align:left;
font-size: 1.1em

}
.prod-prod {
	padding: 5px;
	text-align:left;
}
.prod-prod .img-selects {
margin: 5px 0;

}
.prod-relacionats {
margin: 12px 0;
padding: 10px 0;
background:url(../imatges/subrootin.jpg) center top no-repeat;
}
/* final PRODUCTS*/


/*--- loginbox2 ---*/

.loginbox {
	background:url(../imatges/loginbox.jpg) left top no-repeat;
	padding: 10px;
	margin: 22px 0 10px 0;
	width: 350px;
	height: 135px;
}


/*--- final loginbox2 ---*/
.rootin {
	background-image: url(../imatges/subrootin.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	color: #CC3300;
	display: block;
	text-align: left;
	font-size: 10px;
	padding: 1px 0 6px 25px;
	margin-bottom: 10px;
	
	}
	.rootin a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		text-decoration: none;
		padding: 6px 0;
	}

		.rootin a:hover  { color: #d51c38;	}
.newsposts, .newsposts a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	
}
.newsposts h2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 16px;
	text-decoration: none;
	margin: 3px 0;
	
}
.newsposts div {
display: block;

}

.notice01 {
		float: left; 
    	width:160px;
		padding: 0;
    	margin: 10px 0 0 0;
	}
.notice01 a img{
	border: 3px solid #666666;
}
.notice01 a:hover img{
	border:3px solid  #D11F35;
	

}
.notice02 {

		margin: 5px 10px 0  180px;
 min-height: 120px;
	}
.notice02 .fechas {
	background-image: url(../imatges/data.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color: #d51c38;	
	display: block;
	font-size: 10px;
	height: 22px;
	padding: 1px 0 0 10px;

}
.img-selects {
text-align: left;
}
.img-selects span{
	margin:10px 1px 1px 1px;
	
}

.img-top-left { background-image:url(../imatges/img-top-left.gif); background-repeat:no-repeat; background-position: top right;}
.img-top-back { width:auto;  background-image:url(../imatges/img-top.jpg); background-repeat:no-repeat;}
.img-bot { background-image:url(../imatges/img-bot.gif); background-repeat:no-repeat; background-position: bottom right;}
.img-bot-right {padding: 8px; background-image: url(../imatges/img-bot-right.gif); background-position: bottom left; background-repeat:no-repeat; display:block;}
.img-bot-right a {
	padding: 0;
	margin: 0;
	border: 0;
	
}
/*///////////////////////////////////////////////*/
/*/////////////////////////////////  STYLE */
/*/////////////////////////////////////////////*/
h1 {
	
	color:#030303 ;	
	background-image:url(../imatges/ico-bassol.jpg);
	background-position:0 10px;
	background-repeat:no-repeat;
	padding: 0 0 0 26px;
	margin: 0 0 15px 0;
	font: normal normal normal 2.8em Arial, sans-serif;
	letter-spacing: -2px;
}
h2 {
	font-size: 2.5em; font-weight: normal; letter-spacing: -1px;
	color:  #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	
}
h1, h2, h3, h4, h5, h6 { font-family: 'century gothic', arial; }
.text, .text a{
	color:  #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-decoration: none;
}
.text14, .text14 a {
	color:  #454545;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	text-decoration: none;
}
.text14 a  {
padding: 0 2px;
}
.text14 a:hover {
	background-color:#454545;
	color:#f9f9f9;
}


.text a {
	color:#cccccc;
	text-decoration: none;
	padding: 0 2px;
}
.tittle {
	color:#D11F35;
	font-size: 14pt;

}
.text a:hover {
	background-color:#EA0B18;
	color:#f9f9f9;
}

.linkz, .linkz a{
	color: #424242;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-decoration: none;
}
.linkz a:hover {
    background-color:#EA0B18;
	color:#ffffff;
}
.img-selects img{
	border: 4px solid #dfdfdf;

}
/*///////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////  LISTS */
/*/////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////*/
/*/////////////////////////////////////  LANG */

.lang {
	text-decoration: none;
	font-size: 11px;
	color:  #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
	
}
.lang ul{
	padding:3px 0;
text-align: center;
}

.lang li {

	text-align: center;
	width: 34px;
	float: left;
	list-style-type: none;
	margin:0 2px;
	
}
.lang li a {
		display: block;
		float: left;
	margin:0;
	color:  #454545;
	text-decoration: none;
	padding: 5px 0 15px 0;
	width: 34px;
	background-image:url(../imatges/lang.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

.lang li a:hover{
	color: #EA0B18;

}
#lang-active {
background-image:url(../imatges/lang-active.gif);
}

/*///////////////////////////////////////////////*/
/*/////////////////////////////////  MENU */


.menu {
height: 26px;
margin: 38px 0 8px 0;
}
.identifica {
margin: 27px 37px 0 0;
}
.menu-left {
	float: left;
	width: 550px ;
	padding: 0;
	margin: 0;	
}
.menu-right {
	float: right;
	text-align: left;
	width:162px;
	padding: 0;
	margin: 0;
}
.menu ul{
padding:3px 0;
text-align: center;
width: 568px;
}

.menu li {
	display: inline;
	text-align: center;
	
	
}
.menu li a{
	
	width: auto;
	padding: 1px 11px 6px 11px ;
	line-height: 22px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-transform:uppercase;
	text-decoration: none;
	color: #2e2e2e;
	text-align: center;
}

.menu li a:hover{
	color: #EA0B18;
	background:url(../imatges/border-g-hover.jpg) bottom repeat-x ;
}
#menu-active {
	
	background:url(../imatges/border-g.jpg) bottom repeat-x ;
}
/*---------------------MENU-------------------*/
.nav {  

	list-style:none;
	margin: 0 ;
	padding:0;
	text-align: left;
	
	
	}
.nav ul { 
	
	list-style:none;
	margin:0;
	padding:1px 0 0 0;
	width:180px;
	
}
.nav li {
	margin:0 0 0 0;
	padding:0; 
	width:180px;
}

.nav li a {
	background-image:url(../imatges/menu-it-1.jpg);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	display:block;
	width:200px;
	padding:2px 0 2px 18px;
	margin: 4px 0;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	color:  #454545;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	border-bottom: 1px solid  #CCCCCC;

	}
.nav li a:hover {
	color:#EA0B18;
	background-image:url(../imatges/menu-it-1-hover.jpg);
	
}
#active{
background-image:url(../imatges/menu-it-1-hover.jpg);
}
#subactive{
}
#subsubactive{
}
.undisplayed {
	display:none;
	}
	.nav ul ul {
	background-image: none;
	width:185px;
	
	}
	.nav ul ul ul {
	background-image: none;
	width:170px;
	
	} 
	.nav ul ul ul ul {
	background-image: none;
	
	width:160px;
	
	} 
	.nav ul ul ul ul  ul {
	background-image: none;
	background-color:#2A2A2A;
	width:150px;
	
	} 
	.nav li li {
	margin:0 0 0 8px;
	}
	.nav li li a {
	background-image:url(../imatges/menu-it-2.gif);
	background-position: 0 4px;
	padding:2px 0 2px 13px;
	margin: 0;
		background-color: transparent;
		width:190px;
		color: #424242;
		border-bottom:1px solid #CCCCCC;
			
	}
	.nav li  li a:hover {
		color:#EA0B18; 
		background-image:url(../imatges/menu-it-2-hover.gif);
	}
		.nav li li li a {
		background-image:url(../imatges/menu-it-3.gif);
			width:182px;
			color: #999999;
			font-size: 11px;
		}
		.nav li li li a:hover {
			background-image:url(../imatges/menu-it-3.gif);
		}
			.nav li li li li a {
				background-image:url(../imatges/menu-it-4.gif);
				width:174px;
				color: #999999;
			}
			.nav li li li li a:hover {
		background-image:url(../imatges/menu-it-4.gif);
			
			}
					.nav li li li li li a {
						background-image:url(../imatges/subsubsub-apa-arrow.gif);				
						width:168px;
						color: #ccc;
					}
					.nav  li li li li li li a:hover {
					color:#ffffff; background-image:url(../imatges/subsubsub-apa-arrow-on.gif);
			
				}
			
/*////////////////////////// Sitemap //////////////////////////*/

.sitemap strong {
	background-color:#ccc;
	font-family:"Courier New", Courier, monospace;
	color:#333333;
	width: 28px;
	margin: 0 3px 0 0;
	letter-spacing: 2px;
	}
.sitemap ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	border: 0;
	width: 450px;
}
.sitemap ul li {
	list-style-type: none; 
	border: 0; 
	margin: 0;
	padding: 0;
	width:400px;
	}
.sitemap li a {
text-align:left;
	background-image:url(../images/arrow01.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 0 0 0 14px;
	width: 380px;
	background-color: #f4f4f4;
	margin: 1px 0 0 0;
	color: #414B4D;
	text-decoration: none;


}

.sitemap li a:hover{
	background-color:#E6E8E8;
	color:#30504F;
}

.sitemap ul ul {
	margin: 0;
	}
.sitemap li li a {
	background-image:url(../images/arrow02.jpg);
	width: 370px;
	text-indent: 9px;
	margin-left: 10px;
	background-color: #EBEBEB;
	color: #1b1b1b;
}

.sitemap ul ul ul {
	margin: 0;
	}
.sitemap li li li a {
	background-image:url(../images/arrow03.jpg);
	width: 360px;
	text-indent: 9px;
	margin-left: 20px;
	background-color: #E4E4E4;
	color: #1b1b1b;
}
.sitemap li li li li a {
	background-image:url(../images/arrow04.jpg);
	width: 350px;
	text-indent: 9px;
	margin-left: 30px;
	background-color: #D6D6D6;
	color: #1b1b1b;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(../imatges/form_buttons.gif);
    _background-image:url(../imatges/form_buttons.gif);cursor: pointer;
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;cursor: pointer;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;cursor: pointer;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;cursor: pointer;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;cursor: pointer;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */cursor: pointer;
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	cursor: pointer;
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}

.rsscanal a, .facebookcanal a, .twittercanal a{
	display: block;
	padding: 1px 0 0 22px;
	margin: 3px 0;
	background-image: url(../imatges/i-rss.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 12px;
}
.facebookcanal a {
background-image: url(../imatges/i-facebook.jpg);
}
.twittercanal a {
background-image: url(../imatges/i-twitter.gif);
margin: 5px 0 0 0;
}
a.font14 {
	font-size:1.3em;
	font-weight:bold;
	
}
.imglinks a img  {
	background-color: transparent;
	vertical-align: middle;
	
}
.imglinks a:hover  {
	background-color: transparent;
	vertical-align: middle;
}
/*///////// BARRA ////////////*/

.boutique-box {
	background-image: url(../imatges/carrito-bar.jpg);
	background-repeat:no-repeat;
}

.boutique-add {
	background-image: url(../imatges/carrito-add.jpg);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	margin: 0 5px 0 7px;
		text-align:left;
}
.boutique-add a, .boutique-add button {
	padding: 14px 0 15px 51px;
	color:#e8e8e8;
	text-decoration:none;
	border: none;
	background-color: transparent;
	cursor: pointer;
	display:block;
	width: 181px;
		text-align:left;
}
.boutique-see {
	background-image: url(../imatges/carrito-see.jpg);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	text-align:left;
}
.boutique-see a, .boutique-see button {
	display:block;
	padding: 14px 0 15px 53px;
	color:#e8e8e8;
	text-decoration:none;
		border: none;
		background-color: transparent;
	cursor: pointer;
	display:block;
	width: 181px;
		text-align:left;
}
.boutique-next {
background-image: url(../imatges/carrito-next.jpg);
background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
	
	margin: 0 5px 0 7px;
	text-align:right;
}
.boutique-next a, .boutique-next button {
	display:block;
	padding: 14px  53px 15px 0 ;
	color:#e8e8e8;
	text-decoration:none;
	border: none;
	background-color: transparent;
	cursor: pointer;
		text-align:right;
		display:block;
	width: 181px;
}
.boutique-after {
background-image: url(../imatges/carrito-after.jpg);
background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
		text-align:left;
	margin: 0 5px 0 7px;
}
.boutique-after a, .boutique-after button {
	display:block;
	padding: 14px 0 15px 53px;
	color:#e8e8e8;
	text-decoration:none;
	border: none;
	background-color: transparent;
	cursor: pointer;
	display:block;
	width: 181px;
		text-align:left;
}
.boutique-cancel {
	background-image: url(../imatges/carrito-cancelar.jpg);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	
	margin: 0 5px 0 7px;
	text-align:right;
	
}
.boutique-cancel a, .boutique-cancel button {
	display:block;
	padding: 14px 53px 15px 0;
	color:#999999;
	text-decoration:none;
	border: none;
	background-color: transparent;
	cursor: pointer;
		font-size: 11px;
		text-align:right;
		display:block;
	width: 181px;
}
.boutique-cancel a:hover, .boutique-cancel button:hover {
color:#333333;
}
.boutique-ok-alert {
	background-image: url(../imatges/carrito-ok-alert.jpg);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display:block;
	width: 222px;
	padding: 4px 5px 22px 5px;
}
.boutique-no-stock {
	background-image: url(../imatges/carrito-no-stock.jpg);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	display:block;
	width: 222px;
	padding: 10px 5px 22px 5px;
}
.boutique-mini {
	padding: 12px 0 0 59px;

}

.boutique-moreinfo {

	background-image: url(../imatges/carrito-moreinfo.gif);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border: 0;
	display:block;
	width: 171px;
	padding:13px 5px 7px 5px;cursor:pointer;
}
.boutique-moreinfo button {
	border: 0;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	background: transparent;
	cursor:pointer;
}
/*///////// BARRA ////////////*/

/*///////// MINIBARRA ////////////*/
.minibarra {
	background-image: url(../imatges/minibarra.jpg);
	background-repeat:no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 9px 0 9px 59px;
	margin: 2px 0;

}
.minibarra em {
padding: 0 5px;
font-style:normal;

}
.minibarra em a{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	padding: 0 2px ;
	font-style:normal;
}
.minibarra strong a{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	font-style: bold;
	padding: 0 3px ;
}
.minibarra a:hover {
background-color: #CC3333;
color: #ffffff;

}
/*///////// MINIBARRA ////////////*/

/*///////// CARRO ////////////*/

.carrito-top {
	background-image: url(../imatges/carrito-top.jpg);
background-color: #FFFFFF;
color: #FFFFFF;
font-size: 12px;

}
.carrito-sep {
background-image: url(../imatges/carrito-top-sep.jpg);
padding: 10px 10px 11px 5px;
background-repeat:no-repeat;
background-position:right center;

}
.carrito-tr {
padding: 5px;
}

.carrito-name {
font-size: 12px;
font-weight:bold;

}.carrito-name a { font-size: 12px; }
.carrito-ref a, .carrito-name a {
	display: block;
	color: #333333;
	font-size: 10px;
	padding: 2px;
	text-decoration: none;

}

.carrito-ref img {
	border: 2px solid #666666;

}
.carrito-esp a {
	display: block;
	color: #333333;
	font-size: 10px;
	padding: 2px;
	text-decoration: none;

}
.carrito-esp img {

	border: none;

}
.carrito-p-1 {
	display:block;
	float: left;
	background-image: url(../imatges/carrito-p-1.jpg);
	padding: 10px 0 12px 49px;
	background-repeat:no-repeat;
	background-position:center;
}
.carrito-line a, .carrito-line  {
color: #333333;
text-decoration: none;
font-size: 10px;
}
.carrito-line img {
padding:0 3px 0 10px;
	

}
.carrito-preu {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;

}
/*///////// CARRO ////////////*/

.linka a, .linka {
border-bottom: 1px dashed #E00A12;
color: #000000;
text-decoration:none;
}
.linka a:hover, .linka:hover {
border-bottom: 1px dashed #000000;
color: #E00A12;
background-color: #e9e9e9;
}

.ofertes {
background-image: url(../imatges/ofertes-back37.jpg);
background-repeat:no-repeat;
background-position:top left;
padding: 45px 18px 5px 18px;
width: 722px;
margin: 0 0 0 7px;
border-bottom: 10px solid #232323;
}
.ofertes2 {
background-image: url(../imatges/ofertes-back37-mini.jpg);
background-repeat:no-repeat;
background-position:top left;
padding: 45px 10px 5px 10px;
width: 522px;
margin: 0 0 0 0;
border-bottom: 10px solid #232323;
}
.ofertes2 .ofertes-floater {
width: 164px;
height: 155px;
display: block;
float:left;
margin: 5px 5px 8px 5px;
text-align:left;
overflow:hidden;
}
.ofertes-img {
background-color: #FFFFFF;
text-align: left;
padding: 4px;
position:relative;
}
.ofertes-img img {
max-width: 142px;
width: auto;
width:expression(document.body.clientWidth > 142? "142px": "auto");
max-height: 80px;
height:auto;
height: expression(document.body.clientHeight > 80? "80px": "auto");
}
.ofertes-txt {
/*
background-image:  url(../imatges/ofertes-pic.gif);
padding: 8px 0 0 0;
*/
background-position:top-left;
background-repeat:no-repeat;
color:#000;
padding: 4px 0 0 0;
text-align:left;

}
.ofertes-txt a {
 color: #000;
 text-decoration: none;
 font: bold normal normal 1.2em Arial, sans-serif;
 display: block;  
 padding: 0 0 0 2px;
 max-height: 32px;
 overflow: hidden;
}
.ofertes-title h1{
background-image:none;
color:#232323;
text-align: left;
padding: 0 0 3px 20px;
margin: 0;

}
.ofertes-floater {
width: 164px;
height: 158px;
display: block;
float:left;
margin: 5px 6px 5px 9px;
text-align:left;
overflow:hidden;
}

.ofertes-price {
/*color:#FFC1C4;
color:#E20A17;*/
color:#FF000C;
font-size: 10px;
text-align:left;
padding: 0 0 0 2px;
}

.ofertes-price strong {
	display: block;
}

.comments {
	background-image: url(../imatges/comments-mid.gif);
	background-repeat:repeat-y;
	background-position:left;
	margin: 14px 0 10px 0;
	

}
.comments-content {
padding: 5px 10px;

}
.comments-content h2 {
font-size: 1.4em;

}
.comments-form {
background-color:#FFFFFF;
padding: 5px;
margin: 0 7px 0 0;

}


/* SLIDER ---------------------------------- */
.jflow-content-slider, .jflow-content-slider2 {
	padding: 10px;
	width:528px;
		background-color: #f9f9f9;
	border: 4px solid #e9e9e9;
	padding:5px;
}
.jflow-content-slider2 {
	background-image: url(../imatges/ofertes-back.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
#slider1 ul, ul #slider1, #slider2  ul, ul #slider2 {
	width:530px;
	padding: 0;
	margin: 0;
}
#slider1 li, #slider2 li {
	list-style-type: none;
	width:172px;
}
.wrap {
	width:530px;
}

#slider1, #slider2 {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	height: 176px;
}

#slider1 li, #slider2 li {
	padding: 0;
	margin: 0;
	zoom:1;
}

#slider1 li a, #slider2 li a {
	font-size: 12px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
	
}
#slider1 li strong, #slider2 li strong {
	color: #C50A08;
	display: block;
	
}

#slider1 .imgoptions img,
#slider2 .imgoptions img,
#slider1 .imgpromo strong,
#slider2 .imgpromo strong {
	border: none;
	color: #FFF;
	
}
#slider1 .ofertes-img, #slider2 .ofertes-img {
background-color: #FFFFFF;
text-align: left;
padding: 4px;
}
#slider1 .ofertes-img img, #slider2 .ofertes-img img {
max-width: 152px;
width: auto;
width:expression(document.body.clientWidth > 152? "152px": "auto");
max-height: 80px;
height:auto;
height: expression(document.body.clientHeight > 80? "80px": "auto");
}
.sliderparams {
	padding: 9px 0 3px 0;
	
}
.slidermargin {
	margin: 0 4px;
	background-color:#EFEFEF;
	padding: 2px 2px 5px 2px;
	
}

/*********************************************************************************************************************************************/
.target {
	position:absolute;
	margin: 0;
	padding: 3px; 
	width:55px;
	z-index: 1000;
	background-color:#000;
	/*background: url(../imatges/60p-black.png);*/
	color: #f9f9f9;
	cursor:pointer;
	font-size: 14px;
}
/** tooltip *************/




p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: #000; border: 1px solid #DF7D7F; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; color: #FFF; font-size: 12px; 
max-width: 300px;
width: auto;
width:expression(document.body.clientWidth > 300? "300px": "auto");
}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }


/** NO tooltip *************/
.target2 {
	position:absolute;
	margin: 0;
	padding: 3px; 
	width:371px;
	z-index: 1000;
	background: url(../imatges/60p-black.png);
	color: #f9f9f9;
	font-size: 12px;
	cursor:pointer;
}
.target3 {
	position:absolute;
	margin: 0;
	padding: 3px; 
	width:188px;
	z-index: 1000;
	background: url(../imatges/60p-black.png);
	color: #f9f9f9;
	font-size: 12px;
	cursor:pointer;
}
.target2:hover, .target3:hover{
	background: url(../imatges/20p-black.png);
}
/** NO tooltip *************/
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}

.slider3box {
	margin: 9px 0 8px 0;
	background-color: #FFF;
	text-align: left;
	padding:0 0 0 8px;
}
.slider3margin {
	background-color:#ffffff;
	padding:0;
	width:385px;
	
}
#slider3 ul, ul #slider3 {
	width:762px;
	padding: 0;
	margin: 0;
}
#slider3 {
	padding: 0;
	margin: 0;
	width:762px;
	list-style: none;
	overflow: hidden;
	height: 244px;
}

#slider3 li {
	padding: 0;
	margin: 0;
	zoom:1;
	list-style-type: none;
	width:385px;
}

#slider3 li a {
	font-size: 12px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
	
}
#slider3 li strong {
	color: #C50A08;
	display: block;
	
}

#slider3 .imgoptions img,
#slider3 .imgpromo strong,
 {
	border: none;
	color: #FFF;
	
}
#slider3 .ofertes-img {
background-color: #FFFFFF;
text-align: left;
padding: 0;
}
#slider3 .ofertes-img img {
max-width: 377px;
width: auto;
width:expression(document.body.clientWidth > 152? "152px": "auto");
max-height: 80px;
height:auto;
height: expression(document.body.clientHeight > 80? "80px": "auto");
}

/*////////////////////////////////
Slide 4 banner
**********************************/




.slider4box {
	background-image: url(../imatges/banner-lateral.jpg);
	background-repeat:no-repeat;
	margin: 12px 0 8px 0;
	background-color: #FFF;
	text-align: left;
	padding:12px ;
	width: 218px;
}
.slider4margin {
	background-color:#ffffff;
	padding:0;
	width:194px;
	
}
#slider4 ul, ul #slider4 {
	width:218px;
	padding: 0;
	margin: 0;
}
#slider4 {
	padding: 0;
	margin: 0;
	width:194px;
	list-style: none;
	overflow: hidden;
	height: 336px;
}

#slider4 li {
	padding: 0;
	margin: 0;
	zoom:1;
	list-style-type: none;
	width:194px;
}

#slider4 li a {
	font-size: 12px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
	
}
#slider4 li strong {
	color: #C50A08;
	display: block;
	
}

#slider4 .imgoptions img,
#slider4 .imgpromo strong,
 {
	border: none;
	color: #FFF;
	
}
#slider4 .ofertes-img {
background-color: #FFFFFF;
text-align: left;
padding: 0;
}
#slider4 .ofertes-img img {
max-width: 194px;
width: auto;
width:expression(document.body.clientWidth > 194? "194px": "auto");
max-height: 336px;
height:auto;
height: expression(document.body.clientHeight > 336? "336px": "auto");
}










/*//////// COMMENTS ***/

#caja {
display: none;
padding:5px;
border:2px solid #E9E9E9;
background-color:#EFEFEF;
margin: 0 4px 0 0;
}
#mostrar{
display:block;
border:2px solid #f2c6c6;
background-color:#f7e6e6;
padding: 7px 5px 0 5px ;
margin: 0 4px 0 0;
}
a#mostrar  {
	text-decoration: none;	
}
#mostrar span {
	font-weight:bold;
	font-size:14px;
	float:left;
	color:#C33;
	cursor:pointer;
}
.minino {
	font-size:8px;
	color: #666;
	
}
.footerlinks {
	color: #ccc;
	border-top: 1px solid #5D5D5D;
	padding: 8px 0;
	
}
.footerlinks a{ 
color: #8E8E8E;
text-decoration: none;
padding: 0 5px;
}

/*************************************************

 sharebox
 
 ************************************************/
 
 
.sharebox {
	height: 65px;
	padding: 0 0 5px 0;
	width: 260px;	text-align:right;
	float: right;
	font-size:12px;
		background-image: url("imatges/sharebox.png") ;
		background-position:right top;
		background-repeat:no-repeat;
}
.sharebox-blog {
	padding: 4px 0 4px 0;
	width: 650px;	text-align:right;
	float: right;
	font-size:12px;
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}

.compa {
	float: right;
	/*float: left;*/
	width:250px ;
	padding:0 7px 3px 0;
	text-align:right;
	font-size: 12px;
	color:#5D8290;
	font-size:0.9em;
}
.compa span {
font-family: 'Covered By Your Grace', arial, serif;
/*font-family:'Waiting for the Sunrise', arial, serif;*/
padding:0 0 0 6px;
color: #7AAE0B;
font-size:1.6em;
}
.compa-like {
	font-family: 'Covered By Your Grace', arial, serif;
	line-height: 19px;
	color: #7AAE0B;
	font-size:1.6em;
	padding:0 30px 6px 2px;
}
.compa-blog {
	text-align:left;
	font-size:0.9em;
	color: #7AAE0B;
	padding:2px 0 2px 2px;
	/*font-family: 'Cabin Sketch', arial, serif; ;
	font-size:1.9em;*/
}
.sharebox3 .compa {
	
	padding:0 0 3px 0;
	margin: 0;
	text-align:right;
	font-size: 12px;
	color:#5D8290;
	font-size:0.9em;
}
.icons {
	float: right;
	text-align:right;
	/*float: right;*/
	width:200px;
	padding:2px 0 0 0;
	margin: 0;
	
}
.absol4 .compa {
	color:#F08000;
}


.sharingbox-left {
	float: left;
	width: 320px;
}
.sharingbox3-left {
	display:block;
	text-align: right;
	
}
.sharingbox-right {
	text-align: right;
	float:right;
	width: 300px;
}
.sharingbox3-right {
	text-align: right;
	display:block;
	padding: 4px;
	margin: 0 auto;
	
}
.addthis_button_google_plusone {

	margin: 0 0 0 2px;
}
.sharebox4 {
	background-image: url(../imatges/google-plus-one-back.gif) ;
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	width:355px;
	float:right;
	padding: 0  4px 5px 15px;
	margin: 1px 0 5px 0;
	text-align: right;
}
.sharebox5 {
	background-image: url(../imatges/sharebox-back.gif) ;
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	width:449px;
	float:right;
	padding: 0  25px 5px 8px;
	margin: 1px 0 10px 0;
	text-align: right;
}
.sharebox3 {
	background-image: url(../imatges/sharebox3-back.gif) ;
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	width:205px;
	float:right;
	padding: 0  5px 5px 5px;
	margin: 1px 0 10px 0;
	text-align: right;
}
.sharebox3 a:hover {
	background-color:transparent;
	
}
.sharebox5 .sharingbox-left {
	width: 250px;
}
.sharebox5 .sharingbox-right {
	padding: 4px 0 0 0;
	
	width: 180px;
}
.sharebox-blog a:hover, .sharebox a:hover, .sharingbox4 a:hover, .sharebox4 a:hover, .sharingbox4:hover, .sharebox4:hover, .sharebox5 a:hover{
	background-color:transparent;
}
.addthis_button_facebook_like {
	margin-top: 4px;
	min-width: 115px;
	text-align:left;
	
}
.padding_tweet {
	margin-top: 4px;
	
}

.belt-cas, .belt-cat, .belt-ang {
	background-image: url(../imatges/belt-mejor-precio2.png);
	background-repeat:no-repeat;
	background-position:top right;
	display:block;
	position: absolute;
	width:176px;
	height:54px;
	top: 115px;
	left:0;
}

.belt-cat {
	background-image: url(../imatges/belt-millor-preu2.png);
	
}
.belt-ang {
	background-image: url(../imatges/belt-best-price2.png);
}