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

/*
@author: E.SI.FORM.
 
@site: www.esiform.com
 
*/
 
*{
 
margin:0; 	/* non modificare! */
 
padding:0; 	/* non modificare! */
 
}
 
body {
	text-align:center;
	position: relative;
	background-color: #000000;
}
 
#header {
	width: 800px; 		/* =larghezza immagine */
	height: 36px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}
 
#header ul#menu li {
	display: inline;
	overflow: hidden;
	height:36px;
}
 
#header {
	background-image: url(nav.png);
	background-repeat: no-repeat;
}
 
#header ul#menu li a {
 
float: left;
 
height: 0px;
 
padding-top: 36px; 	/* =l' altezza dell' immagine */
 
overflow: hidden;
 
}
 
#menu li a:hover {
	background-image: url(hover.png);
	background-repeat: no-repeat;
}
 
#menu li a:active {
 
background: url(file:///Macintosh%20HD/Users/matteo/Desktop/active.gif) no-repeat;		/* =path immagine stato active della barra */
 
}
#menu  li  a.selected {
	background-image: url(selected.png);
	background-repeat: no-repeat;
}
 
li#one a {
 
width:50px;		/* =larghezza del bottone1 */
 
}
 
li#two a {
	width:100px;
}
 
li#three a {
 
width:100px;	/* =larghezza del bottone3 */
 
}
 
li#four a {
 
width:100px;		/* =larghezza del bottone4 */
 
}

li#five a {
 
width:100px;		/* =larghezza del bottone4 */
 
}

li#six a {
 
width:100px;		/* =larghezza del bottone4 */
 
}

li#seven a {
	width:100px;
}
 
li#one a:hover,li#one a:active, li#one a.selected {
 
background-position:0px 0px;
 
}
 
li#two a:hover,li#two a:active, li#two a.selected {
 
background-position:-50px 0px;  		/* settare con la larghezza del bottone1 (53px) */
 
}
 
li#three a:hover,li#three a:active, li#three a.selected {
 
background-position:-150px 0px;			/* = bottone1+ bottone2 (53px+164px) */
 
}
 
li#four a:hover,li#four a:active, li#four a.selected {
 
background-position:-250px 0px;			/* = bottone1+bottone2+bottone3 (53px+164px+189px) */
 
}li#five a:hover,li#five a:active, li#five a.selected {
 
background-position:-350px 0px;			/* = bottone1+bottone2+bottone3 (53px+164px+189px) */
 
}li#six a:hover,li#six a:active, li#six a.selected {
 
background-position:-450px 0px;			/* = bottone1+bottone2+bottone3 (53px+164px+189px) */
 
}li#seven a:hover,li#seven a:active, li#seven a.selected {
 
background-position:-550px 0px;			/* = bottone1+bottone2+bottone3 (53px+164px+189px) */
 
}#content {
	background-color: #FFFFFF;
	padding: 20px;
	text-align: left;
	font-size: 14px;
	color: #333333;
	font-family: verdana, arial, sans-serif;
}
#contentGoogle {
	padding-right: 2.5px;
	padding-left: 2.5px;
	background-color: #FFFFFF;
}
#cse-search-results {
}
#footer {
	background-image: url(official-site-esiform_07.png);
	height: 95px;
	width: 800px;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	color: #6e6e6e;
	font-size: 10px;
	text-decoration: none;
}
#cse-search-box {
	width: 150px;
	float: right;
	margin-top: 5px;
}
#wrap {
	height: 768px;
	position: relative;
}
#headertitle {
	height: 200px;
	background-repeat: no-repeat;
	background-position: bottom;
	left: 20px;
	width: 800px;
	background-image: url(photoshop/images/official-site-esiform_03.png);
}
#flash {
	height: 200px;
	width: 400px;
	float: right;
}
#superContent {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#iframe {
	padding-left: 30px;
	padding-right: 30px;
}
.style1 {
	font-size: 12px;
	color: #0088cc;
}
#googlemap {
	margin-top: 10px;
}
a:link {
	color: #0088cc;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0088cc;
}
a:hover {
	text-decoration: underline;
	color: #0088cc;
}
a:active {
	text-decoration: none;
	color: #0088cc;
}
#content h1 {
	color:#6b7b9a;
	font-family:"Metro Normal";
	padding-bottom: 5px;
}
#content  h2 {
	background-image: url(imagemenu/imagemenu/images/calendar.gif);
	height: 22px;
	width: 300px;
	text-indent: -9999px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
}
#content h3 {
	background-image: url(imagemenu/imagemenu/images/indirizzo.gif);
	text-indent: -9999px;
	height: 22px;
	width: 300px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}
#content h4 {
	background-image: url(imagemenu/imagemenu/images/telefono.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 300px;
	padding-bottom: 10px;
	text-indent: -9999px;
}
#content h5 {
	background-image: url(imagemenu/imagemenu/images/servizi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 22px;
	width: 300px;
	padding-bottom: 10px;
}
#servizio2 {
	width: 233px;
	float: right;
	height: 180px;
	padding: 10px;
}
#servizio3 {
	height: 180px;
	width: 233px;
	float: right;
	padding: 10px;
}
#servizio1 {
	height: 180px;
	width: 233px;
	float: left;
	padding: 10px;
}
#fotoLav {
	margin-left: 20px;
	margin-bottom: 15px;
}
#utenti {
}
#servizi {
	height: 200px;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	font-family: verdana, arial, sans-serif;
	background-image: url(images/servizi%20sfondo.jpg);
	background-repeat: no-repeat;
}
#loghi {
	background-image: url(images/loghi.jpg);
	width: 240px;
	height: 285px;
	margin-top: 13px;
}
#fotoReg {
	margin-left: 5px;
	margin-top: 75px;
}
#fotoFse {
	margin-top: 20px;
	margin-left: 5px;
}
#fotoPor {
	margin-left: 10px;
}
#futuro {
	width: 500px;
	float: right;
}
#content h6 {
	background-image: url(images/utenti.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 22px;
	width: 300px;
	margin-bottom: 10px;
}
.style2 {
	font-size: 9px
}
fieldset.search {
	border:medium none;
	width:130px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.search input, .search button {
	border:medium none;
	float:left;
}
.search input.box {
	color:#000;
	font-size:13px;
	height:19px;
	width:130px;
	background-attachment: scroll;
	background-image: url(search_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrap #superContent #content #Sicurezza sul lavoro #estintore {
	height: 400px;
	float: left;
}
.search input.box:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	background-attachment: scroll;
	background-image: url(search_bg.png);
	background-repeat: no-repeat;
	background-position: left -19px;
	background-color: #FFFFFF;
}
.search button.btn {
background:#FBC900 url(search_bg.gif) no-repeat scroll right top;
cursor:pointer;
height:38px;
text-indent:-9999px;
width:38px;
}
.search button.btn:hover {
background:#FBC900 url(search_bg.gif) no-repeat scroll right bottom;
}
#cerca {
	width: 130px;
	float: right;
	margin-top: 8px;
	margin-right: 10px;
}
#wrap #superContent #content #Sicurezza sul lavoro #estintore #antincendio {
	float: right;
}
#iolavorosicuro {
}