@charset "UTF-8";
/* CSS Document */

.home .titol{
	width:764px;
	
}

.barra_negre{	
	width:763px;
	height:120px;
	background-color:#000000;
}

.barra_negre span{
	color:#0090ff;
	padding-top:10px;
	width:718px;
	margin-left:20px;
	font-size:18px;
	display:block;
}

.barra_negre p{
	width:718px;
	margin-left:20px;
	color:#FFFFFF;
	font-size:14px;
	margin-top:10px;
}

.carousel	{width:765px;height:500px;margin:0 auto 10px;position:relative;background: #ddd; padding-top: 5px; padding-left: 5px; overflow: hidden;}
* html .carousel { padding:0; width: 764px; height: 503px; margin:0;}
.carousel ul 	{overflow:hidden;margin:0;padding:0;position:relative;width:7600px !important;}
.carousel li 	{width:760px;height:495px;list-style:none;color:white;text-align:center; margin-bottom: 4px;overflow:hidden;}
.carousel img	{border:0;margin:0;border:0;}
.carousel a		{outline:0;}
.carousel a:focus img	{outline:3px dotted #F00;}
.carousel h4 {position: absolute; bottom: 0; left: 0; z-index: 9999; text-align: left; font-size: 1.6em; letter-spacing: -1px; width: 760px; height:80px; display: block; background:url(/images/transpBlack.png);}
	* html .carousel h4 { left: 4px; padding-bottom: 6px; padding-top: 6px;}
.carousel h4 a { color:#fff; display:block; width:760px;height:80px;padding-left:10px;padding-top:5px;}
.carousel h4 span {color: #0aa7d6;display:block;}
.carousel h4 a:hover span { color: #000; }
.carousel h4 a     { color: #fff; text-decoration: none; }
.carousel h4 a:hover     { color: #fff;background: #0aa7d6; text-decoration: none; }
#subcontent .carousel h4 a {text-decoration: none; color: white; padding: 5px 9px; line-height: 1.1em; display: block;}
.carousel a.previous{position:absolute;bottom:60px;left:8px;display:block;height:0 !important;height /**/:110px;width:50px;background: url(/images/carousel-arrow-lt.png) no-repeat -85px 40%;color:white;z-index: 1000; padding: 110px 0 0 0; overflow: hidden;}
	* html .carousel a.previous {background-image: url(/images/carousel-arrow-lt.gif);}
.carousel a.previous:hover {background-position: 0 40%;}
.carousel a.next{position:absolute;bottom: 60px;right: 0;display:block;height:0 !important;height /**/:110px;width:50px;background: url(/images/carousel-arrow-rt.png) no-repeat -16px 40%;color:white; z-index: 1000; padding: 110px 0 0 0; overflow: hidden;}
	* html .carousel a.next {background-image: url(/images/carousel-arrow-rt.gif);}
.carousel a.next:hover {background-position: -101px 40%;}

/*******CAPSES******/
#capses-container{
	height:445px;
	width:753px;
	margin-top:10px;
	padding-left:8px;
	padding-right:5px;
}

.capsa-petita{
	height:221px;
	width:183px;
	background-image:url('../imatges/fons-capsa.jpg');
	background-repeat:repeat-x;
	float:left;
	margin-right:5px;
	position:relative;
}

.imatge-capsa{
	height:133px;
	width:170px;
	margin:auto;
	margin-top:5px;
}

.boto-mas{
	height:15px;
	width:15px;
	bottom:10px;
	right:10px;
	position:absolute;
}

.capsa-text{
	position:absolute;
	width:135px;
	height:65px;
	left:7px;
	top:145px;
	text-align:left;
}

.capsa-text p{
	font-size:22px;
	color:#666666;
	text-align:left;
	font-family:Helvetica;
}

.capsa-gran{
	height:221px;
	width:371px;
	background-image:url('../imatges/fons-capsa.jpg');
	background-repeat:repeat-x;
	float:left;
	margin-right:5px;
	position:relative;
	top:5px;
}

.imatge-capsa-gran{
	height:168px;
	width:356px;
	margin:auto;
	margin-top:5px;
}

.capsa-text-ciudad{
	position:absolute;
	width:235px;
	height:65px;
	left:7px;
	top:169px;
}

.capsa-text-gran{
	position:absolute;
	width:235px;
	height:65px;
	left:7px;
	top:178px;
}

.capsa-text-ciudad p{
	font-size:18px;
	color:#666666;
	text-align:left;
	font-family:Helvetica;
}

.capsa-text-gran  p{
	font-size:22px;
	color:#666666;
	text-align:left;
	font-family:Helvetica;
}