/* ANIMATION HOME PAGE */
#animation {
	width: 950px;
	height:269px;
	display:block;
	background:white;
}
#animation ul{
	list-style:none;
}
#animation #animation_icons {
	position:absolute;
	margin-top: 226px;
	z-index: 10;
}
#animation #animation_icons li{
	list-style:none;
	float:left;
	width:33px;
	height:43px;
}
#animation #animation_icons li a {
	width: 33px;
	height: 43px;
	display:block;
	background-repeat: no-repeat;
	background-image:url('images/cache/animation/sprite_icone.gif');
}
#animation #animation_icons li .a_contemporanea {
	width:193px;
	background-position:0px 0px;
}
#animation #animation_icons li .a_contlight {
	background-position:-193px 0px;
}
#animation #animation_icons li .a_corallo {
	background-position:-226px 0px;
}
#animation #animation_icons li .a_elegant {
	background-position:-259px 0px;
}
#animation #animation_icons li .a_family {
	background-position:-292px 0px;
}
#animation #animation_icons li .a_caraibi {
	background-position:-325px 0px;
}
#animation #animation_icons li .a_libera {
	background-position:-358px 0px;
}
#animation #animation_icons li .a_goccia {
	background-position:-391px 0px;
}
#animation #animation_icons li .a_oasi {
	background-position:-424px 0px;
}
#animation #animation_icons li .a_laguna {
	background-position:-457px 0px;
}
#animation #animation_icons li .a_fantasy {
	background-position:-490px 0px;
}
#animation #animation_icons li .a_perla {
	background-position:-523px 0px;
}
#animation #animation_icons li .a_relax {
	background-position:-556px 0px;
}
#animation #animation_icons li .a_sirena {
	background-position:-589px 0px;
}
#animation #animation_icons li .a_suprema {
	background-position:-622px 0px;
}
#animation #animation_icons li .a_tropici {
	background-position:-655px 0px;
}
#animation #animation_icons li .a_classic {
	background-position:-688px 0px;
}
#animation #animation_icons li .a_elite {
	width:109px;
	background-position:-721px 0px;
}
#animation #animation_icons li .a_naturale {
	width: 40px;
	background-position:-830px 0px;
}
#animation #animation_icons li .a_infinity {
	width: 40px;
	background-position:-870px 0px;
}
#animation #animation_icons li .a_liberty {
	width: 40px;
	background-position:-910px 0px;
}

#animation #animation_photos {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	height: 269px;
	z-index: 1;
}
#animation #animation_photos li{
	list-style:none;
	float:left;
	width:950px;
	height: 269px;
}
#animation #animation_photos .box_descrizione {
	width:230px;
	height:120px;
	display:block;
	position:absolute;
	background: url("images/white.png");
	margin:34px 0 0 640px;
	padding: 20px;
}
#animation #animation_photos h3 {
	color: #0681b4;
	font-size: 15px;
	font-family: "Arial";
	text-transform: uppercase;
	margin-bottom: 10px;
}
#animation #animation_photos span {
	color: #06abec;
}
#animation #animation_photos p {
	color: #3b3b3b;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:19px;
	text-align: left;
}
#animation #animation_photos .numeroverde {
	position:absolute;
	right:20px;
	bottom: 15px;
}


/* PROMOTION */
#promotion {
	width: 950px;
	height: 165px;
	display: block;
	overflow:hidden;
}
#promotion #discount {
	float: left;
	display: inline; /* bugfix IE6 float */
	width: 253px;
	height: 165px;
	margin-right: 25px;
}
#promotion #discount a {
	width:253px;
	height:165px;
	display: block;
	background-position:-900px 0px;
}
#promotion #promotion_box {
	float: left;
	display: inline; /* bugfix IE6 float */
	width: 672px;
	height: 165px;
	background-repeat: no-repeat;
	background-image:url('images/cache/bg.gif');
	background-position:0px -454px;
}
#promotion #promotion_box .dettagli {
	width: 74px;
	height: 21px;
	background-position:0px -320px;
}
#promotion #promotion_box .contatti {
	width: 74px;
	height: 21px;
	background-position:-94px -320px;	
}
.promotion_single_box {
	float: left;
	display: inline; /* bugfix IE6 float */
	width: 178px;
	height: 125px;
	padding: 20px;
}
#promotion_box .promotion_single_box h2 {
	color: #0681b4;
	font-size: 15px;
	font-family: "Arial";
	text-transform: uppercase;
	margin-bottom: 10px;
}
#promotion_box .promotion_single_box h3 {
	color: #06abec;
	font-size: 15px;
	font-family: "Arial";
	text-transform: uppercase;
}
#promotion_box .promotion_single_box ul {
	list-style-image:url("images/icons/check.gif");
	margin-top: 10px;
}
#promotion_box .promotion_single_box li {
	list-style-position:inside;
	color: #797979;
	margin-bottom: 10px;
}
#promotion_box .promotion_single_box span {
	padding-left: 2px;
	color: #797979;
}
#promotion_box .promotion_single_box a {
	float: left;
	display: inline; /* bugfix IE6 float */
	width: 74px;
	height: 21px;
}

/* ABOUT */
#about {
	width: 950px;
	height: 355px;
	display: block;
	overflow:hidden;
}
#about #pool_menu {
	float: left;
	display: inline; /* bugfix IE6 float */
	width: 253px;
	height: 355px;
	margin-right: 25px;
}
#about #pool_menu ul{
	list-style: none;
}
#about #pool_menu li{
	list-style: none;
	width: 253px;
	height: 64px;
	display:block;
	vertical-align: bottom; /* bugfix IE6 (per correggere il margine doppio) */
}

#about #pool_menu li a {
	width: 253px;
	height: 64px;
	display:block;
}
#about #pool_menu li .contemporanea {
	background-position:0px 0px;	
}
#about #pool_menu li .elite {
	background-position:0px -64px;	
}
#about #pool_menu li .legno {
	background-position:0px -128px;	
}
#about #pool_menu li .pubbliche {
	background-position:0px -192px;	
}
#about #pool_menu li .benessere {
	background-position:0px -256px;	
}

#about #about_box {
	float: left;
	display: inline; /* bugfix IE6 float */
	width: 622px;
	height: 305px;
	background-repeat: no-repeat;
	background-image:url('images/cache/bg.gif');
	background-position:0px -99px;
	padding: 25px;
}
#about #about_box h1 {
	color: #0681b4;
	font-size: 15px;
	font-family: "Arial";
	text-transform: uppercase;
	margin-bottom: 10px;
}
#about #about_box span {
	color: #06abec;
}
#about #about_box img {
	float: right;
	margin: 0 0 10px 20px;
}
#about #about_box .contatti {
	width: 160px;
	height: 19px;
	display: inline;
	float:right;
	background-position:0px -341px;	
}
#about #about_box .slidepiscine {
	width: 301px;
	height: 170px;
	float:right;
	display: inline;
	background-position:-1153px 0px;	
}
/* JCAROUSEL */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:  950px;
    height: 269px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 950px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  950px;
    height: 269px;
}

.jcarousel-skin-tango .jcarousel-item {
    width:  950px;
    height: 269px;
}
/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    text-align: center;
}
.jcarousel-control a {
    padding: 0px;
    margin: 0px;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}