@import "reset.css";

body {
	background: #F5F5F5 url('../images/bg.gif') center 0 repeat-y;
	color: #fff;
	font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
	}
body.home {background:#F5F5F5 url('../images/bg_home.gif') 50% 50% fixed repeat-y ;}
body.home .page {width: 100%;} /* Per IE 6 */

	.header {
		width: 1000px;
		height: 60px;
		margin: 0 auto;
		border-bottom: 0px solid #CEDCE8;
		overflow: hidden;
	}
	.footer {
		background: #f7f7f7;
		color: #999a9c;
		text-align: center;
		font-size: 1em;
	}
	body.home .footer {background: transparent;}
	.footer h2 {
		font-size: 1.7em;
		font-weight: normal;
	}
	.footer h2 strong {
		color: #797a7c;
		font-weight: normal;
	}
	.footer h6 {
		font-size: .8em;
		padding-bottom: 20px;
	}
	.footer a {color: #999a9c;}
	.footer a:hover {color: #000;}
		/* Logotype */

		.header h1 {
			color: #d3d4d5;
			text-align: center;
			height: 58px;
			margin: 10px;
			line-height: 1em;
			font-size: 2em;
			overflow: hidden;
			font-weight: normal;
		}
			.header h1 strong {
				color: #797a7c;
				font-weight: normal;
			}
			.header h1 span {
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background: url(../images/logo.gif) no-repeat 0 0;
			}

			.page {
				width: 1000px;
				margin: 0 auto;
				font-size: .8em;
			}
			/* home defs */
			#horizon {
				text-align: center;
				position: absolute;
				top: 50%;
				left: 0px;
				width: 100%;
				height: 1px;
				overflow: visible;
				visibility: visible;
				display: block;
			}
			#fondo {
				text-align: center;
				position: absolute;
				bottom: 0px;
				width: 100%;
				left:0;
			}
			/* Slideshow
			------------------------------ */

			.slideshow {
				position: relative;
				width: 1000px;
				height: 450px;
				margin: -10px 0 0;
/*				background: #FFF;*/
				color: #FFF;
				overflow: hidden;
			}
			.slideshow .container {
				width: 5000px;
				height: 450px;
				overflow: hidden;
			}
			
	
				.slideshow .slide-1,
				.slideshow .slide-2,
				.slideshow .slide-3,
				.slideshow .slide-4,
				.slideshow .slide-5 {
					position: relative;
					float: left;
					width: 1000px;
					height: 450px;
					margin-top: 0px;
				}
				.slideshow a.next {
					position: absolute;
					bottom: 200px; right: 0;
					height: 32px;
					padding: 12px 0 0;
					color: #3C4B58;
					text-align: center;
					cursor: pointer;
				}
				.slideshow2 a.contattaci {
					position: absolute;
					bottom: 25px; right: 160px;
					height: 30px;
					padding: 12px 0 0;
					color: #3C4B58;
					text-align: center;
					cursor: pointer;
				}
				.slideshow a.next {
					width: 73px;
				}
				.slideshow2 a.contattaci {width: 194px;}
				.slideshow a.next span {
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					background-image: url(../images/b-slide-buttons.gif);
					background-repeat: no-repeat;
				}
				.slideshow2 a.contattaci span {
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 30px;
					background-image: url(../images/b-contattaci.jpg);
					background-repeat: no-repeat;
					}
				.slideshow2 a.contattaci:hover span {background-position: 0 -30px;}
				.slideshow a.next span         { background-position: 0 0; }
				.slideshow a.next:hover span   { background-position: 0 -44px; }

				/* Scenario 1 */
				.scenario-1 .slideshow .slide-1 {
					height: 450px;
					background: url(../images/1/bg-slide-1.jpg) no-repeat center 0;
				}
				.scenario-1 .slideshow .slide-2 {
					height: 450px;
					background: url(../images/1/bg-slide-2.jpg) no-repeat center 0;
				}
				.scenario-1 .slideshow .slide-3 {
					height: 450px;
					background: url(../images/1/bg-slide-3.jpg) no-repeat center 0;
				}
				.scenario-1 .slideshow .slide-4 {
					height: 450px;
					background: url(../images/1/bg-slide-4.jpg) no-repeat center 0;
				}
				.scenario-1 .slideshow .slide-5 {
					height: 450px;
					background: url(../images/1/bg-slide-5.jpg) no-repeat center 0;
				}

				/* Scenario 2 */
				.scenario-2 .slideshow .slide-1 {
					height: 450px;
					background: url(../images/2/bg-slide-1.jpg) no-repeat center 0;
				}
				.scenario-2 .slideshow .slide-2 {
					height: 450px;
					background: url(../images/2/bg-slide-2.jpg) no-repeat center 0;
				}
				.scenario-2 .slideshow .slide-3 {
					height: 450px;
					background: url(../images/2/bg-slide-3.jpg) no-repeat center 0;
				}
				.scenario-2 .slideshow .slide-4 {
					height: 450px;
					background: url(../images/2/bg-slide-4.jpg) no-repeat center 0;
				}
				.scenario-2 .slideshow .slide-5 {
					height: 450px;
					background: url(../images/2/bg-slide-5.jpg) no-repeat center 0;
				}

				/* Scenario 3 */
				.scenario-3 .slideshow .slide-1 {
					height: 450px;
					background: url(../images/3/bg-slide-1.jpg) no-repeat center 0;
				}
				.scenario-3 .slideshow .slide-2 {
					height: 450px;
					background: url(../images/3/bg-slide-2.jpg) no-repeat center 0;
				}
				.scenario-3 .slideshow .slide-3 {
					height: 450px;
					background: url(../images/3/bg-slide-3.jpg) no-repeat center 0;
				}
				.scenario-3 .slideshow .slide-4 {
					height: 450px;
					background: url(../images/3/bg-slide-4.jpg) no-repeat center 0;
				}
				.scenario-3 .slideshow .slide-5 {
					height: 450px;
					background: url(../images/3/bg-slide-5.jpg) no-repeat center 0;
				}

				/* Scenario 4 */
				.scenario-4 .slideshow .slide-1 {
					height: 450px;
					background: url(../images/4/bg-slide-1.jpg) no-repeat center 0;
				}
				.scenario-4 .slideshow .slide-2 {
					height: 450px;
					background: url(../images/4/bg-slide-2.jpg) no-repeat center 0;
				}
				.scenario-4 .slideshow .slide-3 {
					height: 450px;
					background: url(../images/4/bg-slide-3.jpg) no-repeat center 0;
				}
				.scenario-4 .slideshow .slide-4 {
					height: 450px;
					background: url(../images/4/bg-slide-4.jpg) no-repeat center 0;
				}
				.scenario-4 .slideshow .slide-5 {
					height: 450px;
					background: url(../images/4/bg-slide-5.jpg) no-repeat center 0;
				}


				.slideshow-nav {
					height: 30px;
				}
				.slideshow-nav ol {padding:0 0 0 440px; margin:0;}
				.slideshow-nav ol li {float: left;}
				.slideshow-nav ol li a {display: block; height: 20px; width: 20px;background: url('../images/dots.gif') 0 -20px  no-repeat ;}
				.current-1 ol li.slide-1 a,
				.current-2 ol li.slide-2 a,
				.current-3 ol li.slide-3 a,
				.current-4 ol li.slide-4 a,
				.current-5 ol li.slide-5 a {background-position: 0 0;}
				.slideshow-nav ol li a span {margin-left: -10000px;}
			/* Tabs */
			
			.tabs {position: relative; text-align: center;border-top: 1px solid #b2b2b2; margin: 0 auto;text-align: center;width: 1000px;background: #f7f7f7 }
			body.home .tabs {background: transparent;}
			.tabs div {display: inline;text-transform: uppercase;}
			.tabs div a {position: relative; top:-1px; text-decoration: none; color: #999a9c; margin:0px 0 20px 0; padding: 5px 15px;font-weight: bold; font-size: 13px; line-height: 27px; border-left: 1px solid #f7f7f7;border-right: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;}
			.tabs div a .frutto {visibility: hidden;position: absolute;left: 0px; top: -110px; }
			.tabs div a .frutto.arancio {left: 17px;}
			.tabs div a .frutto.fragola {left: 13px;}
			.tabs div a .frutto.mela {left: -15px;}
			.tabs div a .frutto.kiwi {}
			.tabs div a:hover {border-left: 1px dashed #b2b2b2; border-right: 1px dashed #b2b2b2; border-bottom: 1px dashed #b2b2b2;}
			.tabs div a:hover .frutto {visibility: visible;}
			.tabs ul {margin:0; padding: 0px 0 0 245px;border-top: 1px solid #b2b2b2;}
			.tabs li {margin:0; padding:0px;display: inline; text-transform: uppercase;}
			.tabs li a {text-decoration: none; color: #999a9c; margin:0; padding: 5px 15px;font-weight: bold; font-size: 13px; background: white; line-height: 27px;}
			.home .tabs li a {color: #555;}
			.tabs li a:hover {color: #555;}
			.scenario-1 .tabs .scenario-1, .scenario-2 .tabs .scenario-2, .scenario-3 .tabs .scenario-3 {color: #000; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;border-top: 1px solid #fff; background: url(../images/tabbkg.gif) repeat-x;}

/* css per il secondo slide */			
			
		.slideshow2 {
				position: relative;
				width: 1000px;
				height: 100px;
				margin: -10px 0 0;
/*				background: #FFF;*/
				color: #FFF;
				overflow: hidden;
			}
			.slideshow2 .container2 {
				width: 5000px;
				height: 100px;
				overflow: hidden;
			}
				.slideshow2 .slide2-1,
				.slideshow2 .slide2-2,
				.slideshow2 .slide2-3,
				.slideshow2 .slide2-4,
				.slideshow2 .slide2-5 {
					position: relative;
					float: left;
					width: 1000px;
					height: 100px;
					margin-top: 0px;
				}
				/* Scenario 1 */
				.scenario-1 .slideshow2 .slide2-1 {
					height: 100px;
					background: url(../images/1/bg-text-1.jpg) no-repeat center 0;
				}				
				.scenario-1 .slideshow2 .slide2-2 {
					height: 100px;
					background: url(../images/1/bg-text-2.jpg) no-repeat center 0;
				}
				.scenario-1 .slideshow2 .slide2-3 {
					height: 100px;
					background: url(../images/1/bg-text-3.jpg) no-repeat center 0;
				}
				.scenario-1 .slideshow2 .slide2-4 {
					height: 100px;
					background: url(../images/1/bg-text-4.jpg) no-repeat center 0;
				}
				.scenario-1 .slideshow2 .slide2-5 {
					height: 100px;
					background: url(../images/1/bg-text-5.jpg) no-repeat center 0;
				}

				/* Scenario 2 */
				.scenario-2 .slideshow2 .slide2-1 {
					height: 100px;
					background: url(../images/2/bg-text-1.jpg) no-repeat center 0;
				}				
				.scenario-2 .slideshow2 .slide2-2 {
					height: 100px;
					background: url(../images/2/bg-text-2.jpg) no-repeat center 0;
				}
				.scenario-2 .slideshow2 .slide2-3 {
					height: 100px;
					background: url(../images/2/bg-text-3.jpg) no-repeat center 0;
				}
				.scenario-2 .slideshow2 .slide2-4 {
					height: 100px;
					background: url(../images/2/bg-text-4.jpg) no-repeat center 0;
				}
				.scenario-2 .slideshow2 .slide2-5 {
					height: 100px;
					background: url(../images/2/bg-text-5.jpg) no-repeat center 0;
				}

				/* Scenario 3 */
				.scenario-3 .slideshow2 .slide2-1 {
					height: 100px;
					background: url(../images/3/bg-text-1.jpg) no-repeat center 0;
				}				
				.scenario-3 .slideshow2 .slide2-2 {
					height: 100px;
					background: url(../images/3/bg-text-2.jpg) no-repeat center 0;
				}
				.scenario-3 .slideshow2 .slide2-3 {
					height: 100px;
					background: url(../images/3/bg-text-3.jpg) no-repeat center 0;
				}
				.scenario-3 .slideshow2 .slide2-4 {
					height: 100px;
					background: url(../images/3/bg-text-4.jpg) no-repeat center 0;
				}
				.scenario-3 .slideshow2 .slide2-5 {
					height: 100px;
					background: url(../images/3/bg-text-5.jpg) no-repeat center 0;
				}

				/* Scenario 4 */
				.scenario-4 .slideshow2 .slide2-1 {
					height: 100px;
					background: url(../images/4/bg-text-1.jpg) no-repeat center 0;
				}				
				.scenario-4 .slideshow2 .slide2-2 {
					height: 100px;
					background: url(../images/4/bg-text-2.jpg) no-repeat center 0;
				}
				.scenario-4 .slideshow2 .slide2-3 {
					height: 100px;
					background: url(../images/4/bg-text-3.jpg) no-repeat center 0;
				}
				.scenario-4 .slideshow2 .slide2-4 {
					height: 100px;
					background: url(../images/4/bg-text-4.jpg) no-repeat center 0;
				}
				.scenario-4 .slideshow2 .slide2-5 {
					height: 100px;
					background: url(../images/4/bg-text-5.jpg) no-repeat center 0;
				}



/* temp */
.slideshow h1 {font-size: 10em;}