/*----------------------------------------------------------------------------------------------------
	Home  CSS
  ----------------------------------------------------------------------------------------------------*/

div.home_content {
	padding-top:10px;
}

/* today zoo */
div.today_zoo {
	float:left;
	background:url(../img/home_today_bg.jpg) no-repeat 0px 0px;
	width:516px;
	height:243px;
	padding:6px 0 0 6px;
}
div.today_zoo ul.thumbnails_home {
	float:right;
	padding-right:17px;
}
div.today_zoo ul.thumbnails_home li {
	float:left;
	width:69px;
	height:28px;
	display:block;
}
div.today_zoo ul.thumbnails_home li a {
	position:absolute;
	z-index:20;
}
div.today_zoo ul.thumbnails_home li a span {
	display:none;
	background:url(../img/home_active.gif) no-repeat 0px 0px;
}
div.today_zoo ul.thumbnails_home li a.on,
div.today_zoo ul.thumbnails_home li a:hover,
div.today_zoo ul.thumbnails_home li a.iehover{
	position:absolute;
	margin-top:-6px;
}
div.today_zoo ul.thumbnails_home li a.on span,
div.today_zoo ul.thumbnails_home li a:hover span,
div.today_zoo ul.thumbnails_home li a.iehover span {
	position:absolute;
	display:block;
	width:69px;
	height:6px;
	font-size:1px;
	line-height:1px;
}

div.today_zoo p {
	height:18px;
	padding:6px 0 0 10px;
	font-weight:bold;
	color:#673907;
	font-size:0.917em;
}
div.today_zoo div.today_thumbs p {
	position:absolute;
}
div.today_zoo div.today_thumbs {
	text-align:right;
}
div.today_zoo div.today_thumbs img {
	display:inline;
}

/* home buttons */
div.home_buttons {
	float:left;
	height:243px;
	width:159px;
	padding-left:3px;
}
div.home_buttons li {
	padding-top:9px;
	background:url(../img/button_spacer.gif) no-repeat 0px 0px;
}
div.home_buttons li.first {
	padding:0px;
	background:none;
}
div.home_buttons a {
	background:#e8d19b no-repeat 0px 0px;
	width:75px;
	height:40px;
	padding:14px 10px 0 74px;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#673907;
	text-decoration:none;
	font-size:0.917em; /* 11px */
}
div.home_buttons a:hover {
	background-position:0px -54px;
}
div.home_buttons .first a {
	background:#e8d19b no-repeat 0px 0px;
	width:75px;
	height:45px;
	padding:9px 10px 0 74px;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#673907;
	text-decoration:none;
	line-height:12px;
	font-size:0.917em; /* 11px */
}

div.home_buttons .first a:hover {
	background-position:0px -54px;
}
div.home_buttons li.compra a { background-image:url(../img/button_compra.jpg); }
div.home_buttons li.calendari a { background-image:url(../img/button_calendari.jpg); }
div.home_buttons li.tarifes a { background-image:url(../img/button_tarifes.jpg); }
div.home_buttons li.arribarhi a { background-image:url(../img/button_arribarhi.jpg); }

/* home areas banners */
div.home_areas {
	float:left;
	width:147px;
	padding-left:18px;
	background:url(../img/home_spacer.gif) no-repeat 0px 0px;
}
div.home_areas a {
	margin-top:10px;
	display:block;
	width:144px;
	height:114px;
	border:#d4d4d4 1px solid;
	background:#fff url(../img/bg_areas.jpg) no-repeat 3px 3px;
	font-size:0.833em; /* 10px*/
	line-height:1.1em;
	color:#585756;
	font-weight:bold;
	cursor:pointer;
}
div.home_areas a span {
	position:absolute;
	padding:55px 8px 0 16px;
	display:block;
	width:114px;
	height:60px;
}
div.home_areas a:hover {
	background-position:-159px 3px;
	text-decoration:none;
}
div.home_areas a.first {
	margin-top:0px;
}
div.home_areas a strong {
	display:block;
	text-transform:uppercase;
	color:#673907;
	padding-bottom:3px;
	font-size:1.1em; /* 11px*/
}

/* home banners */
div.home_banners {
	clear:both;
	height:120px;
	*display:inline;
}
div.home_banners div {
	float:left;
	padding-right:4px;
}
div.home_banners .first_bann {
	display:block;
	background:url(../img/two_bann_home.jpg) no-repeat 0px 0px;
	height:120px;
	color:#000;
	text-decoration:none;
}
div.home_banners .last_bann {
	display:block;
	background:url(../img/two_bann_home_2.jpg) no-repeat 0px 0px;
	height:120px;
	color:#000;
	text-decoration:none;
}
div.home_banners a:hover {
	background-position:0px -139px;
	text-decoration:none;
}

div.home_banners a span {
	display:block;
	position:absolute;
	cursor:pointer;
}
div.home_banners a img {
	float:right;
	margin:9px 0 0 0;
}
div.home_banners strong {
	display:block;
	color:#673907;
	padding-bottom:4px;
	text-transform:uppercase;
}
div.home_banners a:hover span {
}
/* 2 banners */
div.home_banners_2_cols div {
	width:416px;
	margin-left:14px;
}
div.home_banners_2_cols div.first {
	margin-left:0px;
}
div.home_banners_2_cols a span {
	padding:30px 239px 0 18px;
	width:154px;
}

/* 3 banners */
div.home_banners_3_cols div {
	width:268px;
	margin-left:18px;
}
div.home_banners_3_cols div.first {
	margin-left:0px;
}
div.home_banners_3_cols div .banner1 {
	display:block;
	background-image:url(../img/three_bann_home_2.jpg);
	height:120px;
	color:#000;
	text-decoration:none;
}
div.home_banners_3_cols .banner2 {
	display:block;
	background-image:url(../img/three_bann_home_4.jpg);
	height:120px;
	color:#000;
	text-decoration:none;
}
div.home_banners_3_cols .banner3 {
	display:block;
	background-image:url(../img/three_bann_home_4.jpg);
	height:120px;
	color:#000;
	text-decoration:none;
}
div.home_banners_3_cols a span {
	padding:30px 126px 0 18px;
	width:124px;
}
