@charset "utf-8";


/******RESET**************************************************************************************************************************/

*
{
margin:0;
padding:0;

}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, figure, figcaption, hgroup,
footer, header, nav, section, video, object {
	display: block;
}


:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}



a img, iframe {
	border: none;
}

ol, ul {
	list-style: none;
}


select {
	margin: inherit;
}




.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}


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

.clear {clear: both;}

/****************FONTFACE******************/
@font-face {
    font-family: 'ColaborateRegular';
    src: url('../fontface/ColabReg-webfont.eot');
    src: url('../fontface/ColabReg-webfont.eot?iefix') format('eot'),
         url('../fontface/ColabReg-webfont.woff') format('woff'),
         url('../fontface/ColabReg-webfont.ttf') format('truetype'),
         url('../fontface/ColabReg-webfont.svg#webfontB6AeCMH3') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('../fontface/ColabMed-webfont.eot');
    src: url('../fontface/ColabMed-webfont.eot?iefix') format('eot'),
         url('../fontface/ColabMed-webfont.woff') format('woff'),
         url('../fontface/ColabMed-webfont.ttf') format('truetype'),
         url('../fontface/ColabMed-webfont.svg#webfontHpK4vQGz') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*************GENERALS**********************************************************************************************************/

.center {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background-image: url(../img/fnd-capsa.jpg);
	background-repeat: no-repeat;
	height: 156px;	
}

#logo {float:left; padding: 10px 0 0 30px;}


#logo:hover {
	-moz-transform: scale(1.03);
  -webkit-transform: scale(1.03);
  behavior: url(../PIE.htc);
  }


#header-right {
	float: right;
	padding-top: 10px;
	}


#header-right:hover {
	-moz-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
 	margin: 0 -5px 0 0;
	behavior: url(../PIE.htc);}

/***********MENU********************************************************************************************************************************/	
#menu{
	height:62px;	
	background:url(../img/fnd-menu.jpg) no-repeat;

}

#menu ul {margin:0; background:#554e41; padding: 4px 0 4px 20px; position:relative;}

#menu li {float:left; 
		margin-right:6px;
		font-family: "ColaborateRegular", arial, sans-serif;
		font-size: 1em;
		color:#fff;
		border-radius: 10px;
    	-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding:5px 15px 5px 15px;
		background-color: #8c8474;
		background: -moz-linear-gradient(#8c8474, #706859);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8474), to(#706859));
		background: -webkit-linear-gradient(#8c8474, #706859);
		background: -o-linear-gradient(#8c8474, #706859);
		background: linear-gradient(#8c8474, #706859);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8c8474, endColorstr=#706859); /* IE 5.5 - IE 7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8c8474, endColorstr=#706859)";   /* IE 8 */
		behavior: url(../PIE.htc);
		

		}

		
		#menu a:link, #menu a:visited, #menu a:active {color: #fff;}
		#menu a:hover li{color: #e4e2d9;
		filter:alpha(opacity=80);
		opacity:0.8;
		cursor:pointer;
		}
		
		
		

/*******GENERAL CONTENT***********************************************************************************************************************************/
#titol {
	background-image: url(../img/fnd-titulo.jpg);
	background-repeat: no-repeat;
	height: 112px;
	margin: -1px 0 0 0;
}

#titol hgroup { width:720px; float: left;}

#titol h1 {font-family: "ColaborateMediumRegular", arial, sans-serif;
	font-size:1.9em;
	color:#3e341f;
	padding: 35px 0 0 30px;}

#titol h2 {font-family: "ColaborateRegular", arial, sans-serif;
	font-size:1.5em;
	color:#3e341f;
	padding: 0 0 0 30px;}

#titol #precio {float: right;
		background:url(../img/fnd-preu.png) no-repeat;
		width:179px;
		margin: 35px 10px 0 0;
		padding:12px 30px 12px 0;
}

#titol p {
	font-family: "ColaborateRegular", arial, sans-serif;
	font-size:0.9em;
	color:#fff;
	padding:7px 10px 7px 7px;
	text-align:right;
	line-height: 1.1em;	
	}

#titol p span.nou {font-size:2.5em; margin: -12px 0 0 0;}
#titol p span.noucinc{font-size:1.3em; margin: -12px 0 0 0;}

#content {
	background-color: #d4cfcc;
	clear: both;
	
	
}


#content #left { width:497px; background:url(../img/abcoaster.jpg) no-repeat; float:left; margin:0; height:651px;}
#content #left2 { width:447px; background:url(../img/fnd-int.jpg) no-repeat; float:left; margin:0; padding: 100px 10px 0 40px;}

#content #left #promo {
	background-image: url(../img/destacado.png);
	background-repeat: no-repeat;
	font-family: "ColaborateRegular", arial, sans-serif;
	font-size:0.9em;
	text-align:center;
	color:#fff;
	width:70px;
	padding: 30px;
	height:72px;
	margin: 100px 0 0 30px;
}

#content #left #promo span {font-size:1.5em;}

#content #left #promo:hover {
	-moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  behavior: url(../PIE.htc);
  }
  
  
#content #left #video {border-radius: 12px;
    	-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		behavior: url(../PIE.htc);
		background:#f2b101 url(../img/ico-video.png) no-repeat 15px center;
		padding: 10px 10px 10px 55px;
		font-family: "ColaborateRegular", arial, sans-serif;
		font-size:1.1em;
		color:#554e41;
		width:100px;
		margin: 370px 0 0 50px;
		clear: both;}

#content #left #video:hover {
		background:#BD8300 url(../img/ico-video.png) no-repeat 15px center;
}

#content #right {float: right; width:463px; margin:0;}

#content #right #text {
	background-image: url(../img/fnd-content.jpg);
	height: 589px;
	width: 464px;
}

#content #right #text2 {
	background:#d4cfcc;
	
	width: 464px;
}


.bola {
	background:url(../img/bola.png) no-repeat;
	width:89px;
	height:84px;
	float:left;
	font-family: "ColaborateRegular", arial, sans-serif;
	font-size:1.2em;
	color:#3C372E;
	padding:30px 10px 0 15px;
	text-align:center;
	margin: 0 0 0 10px;
	
		}
		

.bola.margin {margin: 0 0 0 20px;}

#content #right #informate {
	background:url(../img/fnd-informa.png) no-repeat;
		float:right;
		width:164px;
		font-family: "ColaborateRegular", arial, sans-serif;
		font-size:1.2em;
		color:#fff;
		padding:7px 10px 7px 20px;
		margin: 20px 5px 5px 0;
		
		}

#content #right #informate span {font-size:0.7em; margin-top: -5px;}

#content #right #informate:hover { cursor:pointer;}


#content #right #info, #content #right #contiene {padding: 20px 30px 20px 30px; clear:both;}


#text #info p{
		font-family: "ColaborateRegular", arial, sans-serif;
		font-size:0.9em;
		color:#333;
		padding: 0 0 7px 0;
		}

#text #info p.incluye {background:#710d0d; color:#fff; font-size:1.1em; padding:3px 20px; margin:10px 0 0 0;}

#text #info h4{
		font-family: "ColaborateRegular", arial, sans-serif;
		font-size:1.3em;
		color:#710d0d;
		padding: 10px 0 10px 0;
		
		}

#text img {margin: -7px 0 0 25px;}


.fotos li {float: left; margin: 0 5px 0 0;}

#text2 #contiene { background:#554e41; margin: 0 30px 20px 10px; clear:both;}

	#left2 h3 {font-family: "ColaborateMediumRegular", arial, sans-serif;
	font-size:1.9em;
	color:#3e341f;
	}
	
	#left2 h4 {font-family: "ColaborateMediumRegular", arial, sans-serif;
	font-size:1.3em;
	color:#8c8474;
	padding: 0 0 20px 0;}
	
	#left2 p, #left2 li {font-family: "ColaborateMediumRegular", arial, sans-serif;
	font-size:0.9em;
	color:#3e341f;
	
	}
	
	#left2 ul {padding: 10px 0 20px 0;}
	
	#left2 p {
	padding: 0 0 10px 0;
	}
	
	#left2 li.one {
	list-style-image: url(../img/ico-1.png);
	list-style-position: inside;
}
	#left2 li.two {
		list-style-image: url(../img/ico-2.png);
		list-style-position: inside;
	}
	#left2 li.three {
		list-style-image: url(../img/ico-3.png);
		list-style-position: inside;
	}

	
	#left2 h5 {font-family: "ColaborateMediumRegular", arial, sans-serif;
	font-size:1.2em;
	color:#3e341f;
	padding: 30px 0 0 0 ;}
	
	
	#left2 #video {border-radius: 12px;
    	-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		behavior: url(../PIE.htc);
		background:#f2b101 url(../img/ico-video.png) no-repeat 15px center;
		padding: 10px 10px 10px 55px;
		font-family: "ColaborateRegular", arial, sans-serif;
		font-size:1.1em;
		color:#554e41;
		width:100px;
		margin: 10px 0 10px 0px;
		clear: both;}

#contiene h4 {
	font-family: "ColaborateRegular", arial, sans-serif;
		font-size:1.4em;
		color:#fff;
		padding: 0 0 10px 0;
		}
		
		#contiene dt {padding: 7px 0 0 0;}
		
		#contiene dd {
		font-family: "ColaborateRegular", arial, sans-serif;
		font-size:0.9em;
		color:#fff;
		margin: 0 0 10px 0;
		padding: 0 0 4px 0;
		border-bottom: 1px solid #fff;
		}

#left ul {}



		li.ventajas {
			border-radius: 12px;
    	-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		background-color: #d0cac6;
		background: -moz-linear-gradient(#fcfbfb, #b1a7a1);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfbfb), to(#b1a7a1));
		background: -webkit-linear-gradient(#fcfbfb, #b1a7a1);
		background: -o-linear-gradient(#fcfbfb, #b1a7a1);
		background: linear-gradient(#fcfbfb, #b1a7a1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcfbfb, endColorstr=#b1a7a1); /* IE 5.5 - IE 7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcfbfb, endColorstr=#b1a7a1)";   /* IE 8 */
		behavior: url(../PIE.htc);
		margin: 0 7px 7px 0;
		padding:7px 10px 7px 10px;
		list-style-position: inside;
	list-style-image: url(../img/tick.png);}

.gracias {padding:30px;}
.gracias h1{font-family: "ColaborateRegular", arial, sans-serif;
		font-size:1.9em;
		color:#548113;}
.gracias h2{font-family: "ColaborateRegular", arial, sans-serif;
		font-size:1.4em;
		color:#548113;}
.gracias p{font-family: "ColaborateRegular", arial, sans-serif;
		font-size:0.9em;
		color:#3e341f;
		padding: 7px 0 2px 0;}

/*******arriba***********************************************************************************************************************************/
#arriba {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.9em;
	clear: both;
	background: url(../img/fletxa-up.png) no-repeat left center;
	height: 31px;
	width: 150px;
	padding: 5px 0 0 10px;
	text-align: center;
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 1em;
	margin-right: 40px;
	
	
	
}

a #arriba {
	color:#4D4946;
	font-size: 0.9em;
}

/*******FOOTER***********************************************************************************************************************************/
#footer {
	background-color: #494b53;
	clear: both;
	padding: 15px;
	margin-bottom: 0;
	margin-top:0px;
}


#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	color: #C5C5C5;
	text-align: center;
}