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

body{
    margin: 0px;
    padding: 0px;
    font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 13px;
    height: 100%;
    color: #19181B;
    /*background: #929B00 url(immagini_intro/sfondo_body.jpg) left top no-repeat;*/
    background: #1F3B1A;
    text-align: left;
}
html{height: 100%;}
table{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

.aj_div_attesa_nascondi, .aj_div_principale_nascondi{display:none;}
.aj_div_attesa_vedi{width: 100%;top: 50px;position: relative;text-align:center;}

a{text-decoration: none;color: Black;}
a:hover{text-decoration: none;color: Black;outline: none;}
img{border: 0px;}
input, textarea{background: White; color: Black; border: 1px solid black; margin: 0px; padding: 2px;}
.input_noborder{background-color: transparent;color: Black; border: 0px;}
form{margin: 0px;padding: 0px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.giustificato{text-align: justify;}

h1{font-size: 16px; margin: 0px;}
h2{font-size: 14px; margin: 0px;}
h3{font-size: 12px; margin: 0px;}
h4{font-size: 11px; margin: 0px;}
h5{font-size: 10px; margin: 0px;}
.testo9, .testo9_rosso, .testo9_bianco{font-size: 9px;}
.testo10, .testo10_rosso, .testo10_bianco{font-size: 10px;}
.testo11, .testo11_rosso, .testo11_bianco{font-size: 11px;}
.testo12, .testo12_rosso, .testo12_bianco{font-size: 12px;}
.testo13, .testo13_rosso, .testo13_bianco{font-size: 13px;}
.testo14, .testo14_rosso, .testo14_bianco{font-size: 14px;}
.testo16, .testo16_rosso, .testo16_bianco{font-size: 16px;}
.testo18, .testo18_rosso, .testo18_bianco{font-size: 18px;}

.testo9_rosso, .testo10_rosso, .testo11_rosso, .testo12_rosso, .testo13_rosso, .testo14_rosso, .testo16_rosso, .testo18_rosso{color: Red;}
.testo9_bianco, .testo10_bianco, .testo11_bianco, .testo12_bianco, .testo13_bianco, .testo14_bianco, .testo16_bianco, .testo18_bianco{color: White;}
.bianco{color: White;}
.privacy{color: Gray; font-size: 10px;}
.hidden{position:absolute;left:0px;top:-1000px;width:1px;height:1px;overflow:hidden;}
.sostituzione {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 50;}
.clear{clear: both;}

/*=====================================*/
/* INTRODUZIONE */
/*=====================================*/

#intestazione {
	width: 970px;
	height: 160px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	background: white url(immagini_intro/introduzione.png) 8px bottom no-repeat;
	position: relative;
	} 
	
	#intestazione h1 {
		width: 290px;
		height: 140px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		border-bottom: 1px solid #999999;
	}
	
		#intestazione h1 .sostituzione {background: url(immagini_intro/axo-garden.png) left top no-repeat;}
	
	/*== MENU PRINCIPALE ==*/
	ul.navigazione_principale {
		width: 672px;
		height: 148px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		float: left;
		list-style: none;
		background: url(immagini_intro/navigazione-principale.png) left bottom no-repeat;
	}
	
		ul.navigazione_principale li {
				width: 111px;
				height: 20px;
				margin: 120px 0px 0px -1px; /* per sovrapporre i bordi */
				padding: 0px;
				float: left;
				text-align: center;
				border-left: 1px solid #999999;
				border-right: 1px solid #999999;
				border-collapse: collapse;
		}
		ul.navigazione_principale li#homepage {margin-left: 0px;} /* per non nascondere il bordo di questo tasto che è il primo a sx*/
		ul.navigazione_principale li#info {width: 110px;}
		
		ul.navigazione_principale li:hover, ul.navigazione_principale li.attivo {
			margin-top: 0px; 
			padding-top: 120px;
			position: relative;
			z-index: 1;
		}
		ul.navigazione_principale li a {color: #333333; font-size: 12px; }
		
	/*== BARRA DELLA LINGUA ==*/
	ul.navigazione_lingua {
		width: auto;
		position: absolute;
		z-index: 5;
		right: 0px;
		list-style: none;
		margin: 0px;
		padding: 0px 25px 0px 0px;
		}
		
		ul.navigazione_lingua li {
			display: block;
			width: 80px;
			height: 25px;
			float: left;
			margin-left: 2px;
			background: url(immagini_intro/barra-lingua.png) left top no-repeat;
		}
		
			ul.navigazione_lingua li a {
				display: block;
				width: 80px;
				height: 25px;
				line-height: 25px;
				text-align: center;
				font-size: 11px;
				color: #9fa0a0;
			}
			
			ul.navigazione_lingua li a.attivo, ul.navigazione_lingua li a:hover {color: white;}
	
	/*== RICERCA VELOCE ==*/
	#ricerca_veloce {clear: left;}
	
	#ricerca_veloce fieldset {
		width: 200px;
		height: 40px;
		margin: 0px 0px 0px 40px;
		padding: 10px 0px 0px 0px;
		border: 0px;
		font-size: 12px;
		color: #3F4242;
		position: relative;
		}
	
	#ricerca_veloce input#campo {float: left; width: 177px; height: 22px; margin: 0px; padding: 0px; border: 1px solid #3F4242; }
	#ricerca_veloce input#invio {float:left; width: 21px; height: 24px; padding: 0px; margin: 0px; border: 0px;}
	

/*========================================*/		
/* CONTENUTO */
/*========================================*/

#contenuto {
	width: 960px;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 10px;
	background: white;
	position: relative;
	height: auto !important;
	min-height: 360px;
	height: 360px;
	}

	#contenuto:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden;
	}
	
	.area_intro {
		width: 460px;
		height: 530px;
		float: left;
		margin: 10px 0px 20px 10px;
	}
		#area_garden {background: url(immagini_intro/area_garden.jpg) left top no-repeat;}
		#area_prof {background: url(immagini_intro/area_prof.jpg) left top no-repeat;}
	
		.area_intro h2 {
			width: 450px;
			height: 150px;
			padding-left: 10px;
			position: relative;
		}
			#area_garden h2 .sostituzione {background: url(immagini_intro/area_garden_titolo.jpg) left top no-repeat;}
			#area_prof h2 .sostituzione {background: url(immagini_intro/area_prof_titolo.jpg) left top no-repeat;}
	
		ul.menu_prodotti {
			width: 390px;
			height: auto;
			margin: 0px auto;
			padding: 0px;
			position: relative;
			list-style: none;
			border-bottom: 2px solid;
		}
		
			#area_garden ul.menu_prodotti {border-color: #4C5F24;}
			#area_prof ul.menu_prodotti {border-color: #E5B10D;}
			
		
			ul.menu_prodotti li {
				width: 390px;
				text-transform: uppercase;
			}
			
			ul.menu_prodotti li a {
				display: block;
				height: auto !important;
				min-height: 12px;
				height: 14px;
				font-size: 12px;
				padding: 7px 0px 7px 10px;
				color: #4C5F24;
				border-bottom: 1px solid;
				background-position: 370px top;
				background-repeat: no-repeat;
			}
				#area_garden ul.menu_prodotti li a {
					background-color: #f4f5e5; 
					background-image: url(immagini_intro/tasti_garden.png);  
					color: #4C5F24;
					border-color: #929B00;
				}
				#area_prof ul.menu_prodotti li a {
					background-color: white; 
					background-image: url(immagini_intro/tasti_prof.png);  
					border-color: #E5B10D;
					color: black;
				}
			
			ul.menu_prodotti li a:hover,  ul.menu_prodotti li a.attivo{
				background-position: 370px -28px; 
				color: white;
				padding-left: 12px;
			}
				#area_garden ul.menu_prodotti li a:hover {background-color: #929B00; color: white;}
				#area_prof ul.menu_prodotti li a:hover {background-color: #E5B10D; color: white;}

	.area_intro .slide {
		float: left;
		width: 150px;
		height: 150px;
		margin: 20px 20px 20px 30px;
		position: relative;
	}
		
		.slide img {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 2;
		}
		
	
	.area_intro p {
		float: left;
		margin: 0px;
		width: 220px;
		padding: 20px 0px 0px 0px;
		font-size: 12px;
		color: white;
		text-align: justify;
	}

/*====================================*/
/* FOOTER */
/*====================================*/

#footer { 
	width: 950px;
	height: 60px;
	margin-left: 8px;
	padding: 20px 0px 0px 10px;
}

	#footer h5 {
		float: left;
		padding: 0px 10px 0px 0px;
		margin: 10px 15px 0px 0px;
	}
	
		#footer h5 {display: block; width: 75px; height: 40px; position: relative;}
			#footer h5 .sostituzione {background: url(immagini_intro/footer_axogarden.png) left top no-repeat;}
			/*#footer h5 a:hover .sostituzione {background-position: left top;}*/
			
#footer h6 {
		float: left;
		margin: 0px;
		padding-right: 20px;
		color: white;
		font-size: 10px;
		font-weight: normal;
		position: relative;
		z-index: 10; 
		border-right: 1px solid white;
}	
	#footer h6 a {color: white;}
	
	
	#footer p {
		margin: 0px;
		padding: 7px 0px 0px 20px;
		width: 115px;
		float: left;
		color: white;
		font-size: 11px;
		text-transform: uppercase;
	}
	
	/*== serie dei loghi del gruppo ==*/
	#gruppo_axo {
		float: right;
		width: 340px;
		overflow: hidden;
		padding-top: 10px;
	}
		
		#gruppo_axo h4 {
			width: 75px;
			height: 30px;
			padding-top: 10px;
			margin: 0px 10px 0px 0px;
			display: inline;
			float: left;
			position: relative;
		}
			#gruppo_axo h4.work {margin-right: 0px;}
		
		#gruppo_axo h4.engines a .sostituzione{background:url(immagini_intro/footer_axoengines.png) left top no-repeat;}
		#gruppo_axo h4.generators a .sostituzione{background:url(immagini_intro/footer_axogenerators.png) left top no-repeat;}
		#gruppo_axo h4.waterpumps a .sostituzione{background:url(immagini_intro/footer_axowaterpumps.png) left top no-repeat;}
		#gruppo_axo h4.work a .sostituzione{background:url(immagini_intro/footer_axowork.png) left top no-repeat;}
	
		#gruppo_axo h4 a:hover .sostituzione {background-position: left -40px; cursor: pointer;}