@charset "utf-8";
/* CSS Document */
/* developer: nucliweb.net */
/* client: Tendals i Cortines Coll */
/* date: 11.06.2008 */
/* version: 1.0 */

body {
	background: url(../images/body_bg.jpg) repeat-x #BC521A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#container {
	width: 990px;
	position: absolute;
	left: 50%;
	margin-left: -495px;
	boder: 1px solid white;
	}

#body {
	background-color: #fde1bc;
	width: 950px;
	margin: 0px 10px;
	padding: 10px;
	}
	
#column_left {
	float: left;
	width: 185px;
	}
	
#content {
	float: right;
	width: 730px;
	padding-right:15px;
	}
	
#foot {
	background: url(../images/foot_bg.jpg) no-repeat 0 0;
	padding: 5px 20px;;
	margin: 0px 10px;
	margin-top: 10px;
	}
	

#foot h4{
	float: left;
	color: #f29604;
	font-size: 14px;
	font-weight: bold;
	}
#foot p{
	float: right;
	color: #FFFFFF;
	font-size: 11px;
	}
#foot a{
	text-decoration: none;
	color: #FFFFFF;
	}
#foot a:hover{
	text-decoration: underline;
	color: #f29604;
	}
	
.clear{clear:both}
	
	
	
.bgServices{
	background: url(../images/home_bg_links.gif) 0 0 repeat-x #f29604;
	border: 1px solid #7b0035;
	border-top: 3px;
	padding-top: 20px;
	padding-left: 20px;
	width: 580px;
	}	
	
	
.search{
	background: url(../images/search_bg.jpg) no-repeat 0 0;
	width: 182px;
	height: 70px;
	padding: 8px 8px;
	/*position: relative;
	left: -5px;
	margin-left: -5px;*/
	}
	
.search img {
	margin-left: 4px;
	}
	
.searchSend {
	background: url(../images/search_icon.jpg) no-repeat 0 0;
	}
	
.search input{
	width: 150px;
	background-color: #fad293;
	border: 1px solid #972d23;
	margin-bottom: 5px;
	}

.search select{
	width: 175px;
	background-color: #fad293;
	border: 1px solid #972d23;
	}
	
	
.borderGranate {
	border: 1px solid #7b0035;
	}
	
.titol{
	background: url(../images/title_icon.jpg) 0 0 no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 10px 5px 35px;
	color: #7b0035;
	margin-bottom: 5px;
	}
	
.titol_petit{
	font-size: 14px;
	color: #7b0035;
	margin-bottom: 4px;
	}
	
.titol_detall{
	font-size: 14px;
	font-weight: bold;
	color: #7b0035;
	margin-bottom: 4px;
	}
.titol_fill{
	background: url(../images/product_title_bg.gif) 0 0 no-repeat;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	margin-top: 17px;
	padding-left: 20px;
	padding-top: 5px;
	float:left;
	min-width: 355px;
	}
	
.subtitol{
	margin-left: 35px;
	font-size: 12px;
	font-style: italic;
	color: #7b0035;
	}
	
.descripcio, .descripcio_ext{
	font-size: 12px;
	color: #7b0035;
	margin: 5px 0px;
	}
.text{
	font-size: 11px;
	line-height: 13px;
	}
	
.text12{
	font-size: 12px;
	line-height: 14px;
	}
.text12 strong{
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	}	
.descripcio{
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	margin-top: 10px;
	}

.linkHome{
	font-size: 11px;
	height: 16px;
	display:block;
	background: url(../images/home_arrow.gif) 0 0 no-repeat;
	padding-left: 16px;
	text-decoration: none;
	color: #000000;
	}	
.linkHome:hover{
	background: url(../images/home_arrow.gif) 3px 0px no-repeat;
	color: #7b0035;
	}

	
	
.newslettersBtn{
	background: url(../images/newsletter_btn.jpg) 0 0 no-repeat;
	text-align: center;
	width: 111px;
	height: 27px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	padding-top: 5px;
	margin-top: 27px;
	float: right;
	}
	
	
	
	
#tooltip {
	background: url(../images/tooltip_bg.gif) 0 0 repeat-x #FFFFFF;
	border: 1px solid #888888;
	padding: 5px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	max-width: 200px;
	line-height: 14px;
	position: absolute;
	
	font-size: 11px;
	color: #7b0035;
	text-align: left;
}
#tooltip h3 {
	font-size: 11px;
	font-weight: bold;
	color: #7b0035;
    margin-bottom: 5px;
	text-align: left !important;
}

.familia{
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	}	
	
.familia a{
	font-size: 11px;
	text-decoration: none;
	color: #7b0035;
	}		
.promocions p{
	font-size: 11px;
	color: #000000;
	margin-top: 5px;
	}	
	
.promocions a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #7b0035;
	}	

.detall{
	width: 285px;
	float: right;
	margin-top: 15px;
	}
.caract{
	background:url(../images/caractristiques_bg.jpg) 0 0 no-repeat;
	width: 285px;
	height: 120px;
	margin-top: 15px;
	padding: 0;
	}
.caract h5{
	text-align: center;
	color: #7b0035;
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	}
.caract span{
	display: block;
	font-size: 11px;
	margin-left: 70px;
	padding-top: 13px;
	height: 23px;
	}
.caract strong{
	font-size: 12px;
	font-weight: bold;
	}
.info{
	background-color: #FFFFFF;
	margin-top: 20px;
	padding-bottom: 15px;
	}	
.info h4{
	background: url(../images/info_title_bg.jpg) 0 0 no-repeat #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	height: 43px;
	padding-top: 5px;
	}
.info label{
	display: block;
	font-size: 11px;
	color: #000000;
	margin: 3px 25px;
	}
.form{
	background-color: #fce5c0;
	border: 1px solid #999999;
	color: #000000;
	margin-left: 25px;
	width: 240px;
	}
	
.boto{
	width: 60px;
	background-color: #7b0035;
	border: 1px solid #999999;
	margin: 10px 18px;
	float: right;
	color: #FFFFFF;
	}	
.newsletters {
	width: 45%;
	float: left;
	}
.newsletters label{
	display: block;
	font-size: 11px;
	color: #000000;
	margin: 3px 25px;
	}
.botoNews{
	width: 60px;
	background-color: #7b0035;
	border: 1px solid #999999;
	margin: 10px 25px;
	color: #FFFFFF;
	}	
.formNews{
	background-color: #FFFFFF;
	border: 1px solid #7b0035;
	color: #000000;
	margin-left: 25px;
	width: 240px;
	}
.condicions{
	width: 45%;
	float:right;
	font-size: 11px;
	color: #000000;
	text-align: right;
	}
.condicions textarea{
	background-color: #FFFFFF;
	border: 1px solid #7b0035;
	width: 300px;
	height: 180px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	color:#666666;
	display:block;
	}


.contacte{
	text-align: right;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	float: right;
	width: 45%;
	}
.contacte h5{
	color: #7b0035;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	}
.contacte span{
	color: #7b0035;
	font-size: 12px;
	}
/* ########################################
	Gallery of item
   ######################################## */
.galeria{
  float: left;
  width: 402px;
  margin-top: 15px;
  }


#galleryLoader{ background:#7b0035; height:400px;width:400px;border: 1px solid #7b0035; margin-bottom: 10px;  }
#galleryThumbs { list-style-type:none; padding:0; margin:0;}
#galleryThumbs li { display:inline; padding:0; margin:0px 5px 10px 0px; }
#galleryThumbs img { border: 1px solid #7b0035; }

	
	
	
	
.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;}
.no-deco{text-decoration: none}
.black{ color: #000000;}

/* 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-bottom: 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}