/*------------------------ menu ------------------------*/
@import url(extra.css);

#Links, #LinksOn, #Menus, #MenusOn { position: absolute; left: 255px; top: 7px; }

#Next {
	font-size: 12px;
	height: 10px;
	left: 250px;
	padding: 0;
	position: absolute;
	top: 77px;
	width: 700px;
	}
	
/* DHTML*/
/* positioned in relation to #Links, #LinksOn, #Menus and #MenusOn */
#Link1, #LinkOn1,
#Link2, #LinkOn2,
#Link3, #LinkOn3,
#Link4, #LinkOn4,
#Link5, #LinkOn5,
#Link6, #LinkOn6,
#Menu1, #MenuOn1,
#Menu2, #MenuOn2,
#Menu3, #MenuOn3,
#Menu4, #MenuOn4,
#Menu5, #MenuOn5,
#Menu6, #MenuOn6 { position: absolute; width: 120px;}

#Link1, #LinkOn1,
#Link2, #LinkOn2,
#Link3, #LinkOn3,
#Link4, #LinkOn4,
#Link5, #LinkOn5,
#Link6, #LinkOn6 { height: 12px; top: 0; }

#Menu1, #MenuOn1,
#Menu2, #MenuOn2,
#Menu3, #MenuOn3,
#Menu4, #MenuOn4,
#Menu5, #MenuOn5,
#Menu6, #MenuOn6 { top: 15px; }

#Link1,  #LinkOn1, #Menu1, #MenuOn1  {
left: 0;
}
 #Header div.one { left: 255px; }

#Link2, #LinkOn2, #Menu2, #MenuOn2 {
left: 100px;
}
	#Header div.two { left: 355px; }

#Link3, #LinkOn3, #Menu3, #MenuOn3 {
left: 205px;
}
	#Header div.three { left: 460px; }

#Link4, #LinkOn4, #Menu4, #MenuOn4 {
left: 290px;
}
	#Header div.four { left: 545px; }

#Link5, #LinkOn5, #Menu5, #MenuOn5  {
left: 390px;
}
	#Header div.five { left: 645px; }

#Link6, #LinkOn6, #Menu6, #MenuOn6  {
left: 430px;
}
	#Header div.six { left: 685px; }

/* link and menu color styles */

#Links div,
#LinksOn div,
#Menus div,
#MenusOn div,
td.links { font-family:  tahoma, Arial, sans-serif; font-size: 12px; }



/* the "you are here" style for the navigation area */
#LinksOn div.Here, #MenusOn div { color: #999; }
#MenusOn div a { color: #ffc; text-decoration: none; }

#Links div a, #LinksOn div, #LinksOn div a { color: #fff; text-decoration: none; }
#Menus div a,  td.links div.menu  a { color: #ffc; text-decoration: none; }
#Links div a:hover, #LinksOn div a:hover, #Menus div a:hover, #MenusOn div a:hover { color: #fc6; }

/* link decoration */
a:hover, #Content a:hover { text-decoration: none; }

div#Content div#ByCapability div a:hover,
div#Content div#ByClient div a:hover,
div#Content div#Contact div a:hover,
div#Content div#Inquiries div a:hover,
div#Content div#BySmix div a:hover,
div#Content div#News div a:hover { color: #fff; }

/* text colors */
td.links div.menu { color: #999; }
td.links div.menu a { color: #ffc; }

div#Next { color: #ccc; }

a:hover,
.next a,
.next a:visited,
div#Next a,
div#Next a:visited,
div#Next span,
/*THIS HERE IS THE MAIN ROLLOVER COLOR CONTROL*/
div#Next div#divSwitchText  { color: #ffffcc; }

/*------------------------ body ------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: white;
	background-color: #333333;
	height: 100%;
	width: 100%;
}

/*------------------------ header ------------------------*/
#header {
	top: 0px;
	right: 0;
  bottom: auto;
  left: 0;
	width: 762px;
	height: 105px;
}

/*------------------------ blocco unico testo ------------------------*/
#onetext {
	width: 762px;
	height: 435px;
	background-color: white;
	background-image: url(img/esagono_text5.gif);
	position: absolute;
	top: 107px;
	left: 0px;
	color: #555555;
	text-align: left;
}

/*------------------------ blocco unico foto ------------------------*/
#oneimage {
	width: 762px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 107px;
	left: 0px;
	color: #555555;
}

/*------------------------ leftsidetext ------------------------*/
#leftsidetext {
	width: 250px;
	height: 435px;
	background-color: white;
	background-image: url(img/esagono_text.gif);
	position: absolute;
	top: 107px;
	left: 0px;
	color: #555555;
	text-align: left;
}

/*------------------------ homenewstext ------------------------*/
#homenewstext {
	width: 160px;
	height: 435px;
	background-color: #ffefda;
	position: absolute;
	top: 107px;
	left: 762px;
	color: #53140f;
	text-align: left;
}

/*------------------------ leftsidetextgrigio ------------------------*/
#leftsidetextgrigio {
	width: 250px;
	height: 435px;
	background-color: #bcbcbc;
	position: absolute;
	top: 107px;
	left: 0px;
	color: black;
	text-align: left;
	font-size: 14px;
}

/*------------------------ leftsidetextarancione ------------------------*/
#leftsidetextarancione {
	width: 250px;
	height: 435px;
	background-color: #FFC619;
	position: absolute;
	top: 107px;
	left: 0px;
	color: black;
	text-align: left;
	font-size: 14px;
}

/*------------------------ leftsideprodotti ------------------------*/
#leftsideprodotti {
	width: 150px;
	height: 435px;
	background-color: #FFC619;
	position: absolute;
	top: 107px;
	left: 0px;
	color: #555555;
	text-align: left;
}

/*------------------------ leftsideprodotti lunghissimo ------------------------*/
#leftsideprodottilungo {
	width: 150px;
	height: 542px;
	background-color: #FFC619;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #555555;
	text-align: left;
}

/*------------------------ leftside image ------------------------*/
#leftside {
	width: 250px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 107px;
	left: 0px;
}

/*------------------------ middleprodotti ------------------------*/
#middleprodotti {
	width: 512px;
	height: 435px;
	background-color: white;
	background-image: url(img/esagono_text2.gif);
	position: absolute;
	top: 107px;
	left: 150px;
	color: #555555;
	text-align: left;
}

/*------------------------ middleprodotti stretto ------------------------*/
#middleprodottitight {
	width: 352px;
	height: 435px;
	background-color: white;
	background-image: url(img/esagono_text3.gif);
	position: absolute;
	top: 107px;
	left: 150px;
	color: #555555;
	text-align: left;
}

/*------------------------ middlelungo ------------------------*/
#middlelungo {
	width: 612px;
	height: 435px;
	background-color: white;
	background-image: url(img/esagono_text4.gif);
	position: absolute;
	top: 107px;
	left: 150px;
	color: #555555;
	text-align: left;
}

/*------------------------ rightsidetext ------------------------*/
#rightsidetext {
	width: 512px;
	height: 435px;
	background-color: white;
	background-image: url(img/esagono_text2.gif);
	position: absolute;
	top: 107px;
	left: 250px;
	color: #555555;
	text-align: left;
}

/*------------------------ rightsideprodotti ------------------------*/
#rightsideprodotti {
	width: 100px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 107px;
	left: 662px;
	color: #555555;
	text-align: left;
}

/*------------------------ rightsideprodotti per middle stretto 
*/#rightsideprodottitight {
	width: 260px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 107px;
	left: 502px;
	color: #555555;
	text-align: left;
}

/*------------------------ rightsideprodotti wide ----------------------*/
#rightsideprodottiwide {
	width: 420px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 107px;
	left: 502px;
	color: #555555;
	text-align: left;
}
	
/*------------------------ rightside image ------------------------*/
#rightside {
	width: 512px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 107px;
	left: 250px;
}

/*------------------------ fluidone ------------------------*/
#fluidone {
	width: 3000px;
	height: 435px;
	background-color: #AFAD96;
	position: absolute;
	top: 107px;
	right: 0px;
        z-index: -1;
}

/*------------------------ fluidtwo ------------------------*/
#fluidtwo {
	width: 3000px;
	height: 435px;
	background-color: black;
	position: absolute;
	top: 107px;
	right: 0px;
  z-index: -1;
}

/*------------------------ fluidgar ------------------------*/
#fluidgar {
	width: 3000px;
	height: 435px;
	background-color: #B9DBEE;
	position: absolute;
	top: 107px;
	right: 0px;
  z-index: -1;
}

/*------------------------ fluidthree ------------------------*/
#fluidthree {
	width: 3000px;
	height: 435px;
	background-color: #FFC619;
	position: absolute;
	top: 107px;
	right: 0px;
  z-index: -1;
}

/*------------------------ fluidfour ------------------------*/
#fluidfour {
	width: 3000px;
	height: 435px;
	background-color: #9EBBE3;
	position: absolute;
	top: 107px;
	right: 0px;
  z-index: -1;
}

/*------------------------ fluidfive ------------------------*/
#fluidfive {
	width: 3000px;
	height: 435px;
	background-color: #C5E73F;
	position: absolute;
	top: 107px;
	right: 0px;
  z-index: -1;
}

/*------------------------ fluidsix ------------------------*/
#fluidsix {
	width: 3000px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 107px;
	right: 0px;
  z-index: -1;
}

/*------------------------ bordo ------------------------*/
#bordo {
	width: 3000px;
	height: 439px;
	background-color: white;
	position: absolute;
	top: 105px;
	right: 0px;
  z-index: -2;
}

/*------------------------ footerleft ------------------------*/
#footerleft {
	height: auto;
	width: 235px;
	position: absolute;
	top: 540px;
	left: 0px;
	padding-left: 15px;
	padding-top: 7px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color: #AFAD96;
	}

/*------------------------ footerleftskype ------------------------*/
#footerleftskype {
	height: auto;
	width: 300px;
	position: absolute;
	top: 540px;
	left: 0px;
	padding-left: 15px;
	padding-top: 7px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color: #AFAD96;
	}

/*------------------------ footerleft home/index ---------------*/
#footerleftindex {
	height: auto;
	width: 235px;
	position: absolute;
	top: 540px;
	left: 0px;
	padding-left: 8px;
	padding-top: 13px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color: #AFAD96;
	}
	
/*------------------------ footerright ------------------------*/
#footerright {
	height: auto;
	width: 510px;
	position: absolute;
	top: 543px;
	left:250px;
	padding-top: 7px;
	padding-right: 2px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: gray;
	text-align: right;
	}
	
/*------------------------ p.iva ------------------------*/
#piva {
	height: auto;
	width: auto;
	position: absolute;
	bottom: 2px;
	right: 5px;
	font-size: 11px;
	color: gray;
	}
	
/*------------------------ bestviewed ------------------------*/
#bestviewed {
	height: auto;
	width: auto;
	position: absolute;
	bottom: 7px;
	left: 15px;
	font-size: 12px;
	color: gray;
	}

/*------------------------ privacy ------------------------*/
#privacy {
  height: 100%;
	background-color: white;
	position: absolute;
	color: #555555;
	text-align: justify;
}

/*------------------------ rightsidetext ordini ------------------------*/
#rightsidetextordini {
	width: 512px;
	height: 435px;
	background-color: white;
	background-image: url(img/esagono_text2.gif);
	position: absolute;
	top: 0px;
	left: 250px;
	color: #555555;
	text-align: left;
}

/*------------------------ leftside image ordini ------------------------*/
#leftsideordini {
	width: 250px;
	height: 435px;
	background-color: white;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*------------------------ classi ------------------------*/
.testo {
  margin-top: 0px;
 	margin-left: 12px;
 	margin-right: 10px;
}

a, a:visited {
	text-decoration: none;
	color: #555555;
}

a:hover {
	text-decoration: underline;
	color: #555555;
}

.testo2 {
  margin-top: 0px;
 	margin-left: 4px;
 	margin-right: 4px;
}

a, a:visited {
	text-decoration: none;
	color: #555555;
}

a:hover {
	text-decoration: underline;
	color: #555555;
}

.testo3 {
  margin-top: 0px;
 	margin-left: 4px;
 	margin-right: 4px;
}

a, a:visited {
	text-decoration: none;
	color: #53140f;
}

a:hover {
	text-decoration: underline;
	color: #53140f;
}