html, body {
  height: 100%; 
}

body {
	background-image: url(../images/grafica/homepage.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
}

p {
	font-family: "Verdana", Times, serif;
	font-size:10pt;
	font-style:normal;
	color:#525250;
	line-height:15pt;
	font-weight:normal;
	text-align:left;
}
#container-page {
  margin: 0 auto;
  width: 100%;
  position: relative;
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
}

#container {
	width:850px;
	left:171px;
	position: relative;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#525250;
	font-size:10pt;
	font-style:normal;
	line-height:15pt;
	}

h1{
	font-size:29px;
	line-height:25px;
	color:#b7c03a;
	font-weight:normal;
}
h3{
	font-size:19px;
	line-height:25px;
	color:#f68f13;
	font-weight:normal;
	margin:0px;
	}
h5{
	font-size:15px;
	line-height:18px;
	color:#b7c03a;
	margin:0px;
}
.verde{
	color:#959b33;
}
.arancio{
	color:#f68f13;
}
.clear_both{
	clear:both;
}
.clear{
	clear:both;
}
/*HEADER*/
#swf_logo {
	position: relative;
	height: 246px;
	width:314px;
	z-index: 10;
	float:left;
}
#swf_menu {
	position: absolute;
	float:left;
	left:312px;
	top:-5px;
	height:246px;
	width:439px;
	z-index:0;
}
#inglese{
	position:absolute;
	float:left;
	background:url('../images/grafica/inglese.jpg') no-repeat;
	width:60px;
	height:18px;
	left:350px;
	top:0px;
	margin-top:0px;
	z-index:10;
	}
#voci-menu{
	position:relative;
	float:left;
	background:url('../images/grafica/menu/bk-menu.png') no-repeat;
	height:150px;
	width:386px;
	margin-top:0px;
	top:0px;
	padding-top:0px;
	margin-left:53px;
}
#voci-menu .home{
	position:relative;
	float:left;
	width:48px;
	height:20px;
	top:55px;
	margin-left:15px;
}
#voci-menu .chi{
	position:relative;
	float:left;
	width:42px;
	height:20px;
	margin-left:7px;
	top:69px;
}
#voci-menu .cosa{
	position:relative;
	float:left;
	width:54px;
	height:20px;
	margin-left:5px;
	top:78px;
}
#voci-menu .portfolio{
	position:relative;
	float:left;
	width:77px;
	height:20px;
	margin-left:7px;
	top:95px;
}
#voci-menu .dove{
	position:relative;
	float:left;
	width:61px;
	height:20px;
	margin-left:7px;
	top:118px;
}
/*CONTAINER*/	
#container_interno{
	left:0px;
	width:850px;
	position:relative;
	float:left;
	padding-bottom:60px;
}

				/********************** HOME **********************/

/*LEFT*/
#container_home{
	left:0px;
	width:750px;
	position:relative;
	float:left;
	padding-bottom:60px;
}

/*MOTIVI*/	
#motivi {
	position:relative;
	width:30%;
	margin-top:50px;
	margin-bottom:60px;
	padding-left: 50px;
	float:left;
}
#motivi p {
	font-family: "Verdana", Times, serif;
	font-size: 10pt;
	font-style: normal;
	color: #646b02;
	line-height: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#motivi ul {
	margin-left:0px;
	padding-left:0px;
	left:0px;
	padding-right:0px;
	list-style-type:none;
	list-style-position:inside;
	list-style-image:none;
}

#motivi li {
	position:relative;
	float:left;
	width:100%;
	left:15px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#motivi a {
	position:relative;
	float:left;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	margin-top:6px;
	color:#f68f13;
}
#motivi a:hover{
	color:#646b02;
	text-decoration:none;
}

#motivi img {
	margin-right: 5px;
	border:none;
	position:relative;
	float:left;
	margin-left:0px;
}

/*RIGHT*/
#right_home{
	position:relative;
	width:60%;
	margin-top:25px;
	float:right;
}

h1.home{
	width:49%;
	float:left;
	line-height:37px;
	padding:0px;
	margin:0px;
}
#blog_e_novita{
	position:relative;
	float:left;
	margin-top:0px;
	width:752px;
	height:auto;
}
#blog_e_novita p{
	text-align:justify;
}
#blog_e_novita a{
	color:#f68f13;
	text-decoration:none;
	float:right;
}
#blog_e_novita a:hover{
	color:#959b33;
	text-decoration:none;
}

.linea-tratt{
	position:relative;
	background:url('../images/grafica/HOME/tratteggio.gif') repeat-x;
	width:747px;
	float:left;
	height:3px;
	margin-top:9px;
	padding-bottom:3px;
}

#ultimo_post{
	position:relative;
	float:left;
	width:44%;
	height:auto;
	margin-top:3px;
	}
#blog_e_novita h2{
	font-style:italic;
	font-size:15px;
	line-height:15px;
	color:#959b33;
	margin:0px;
}
#blog_e_novita h3{
	font-size:14px;
	line-height:15px;
	color:#f68f13;
	margin:0px;
	}

#ultima_novita{
	position:relative;
	float:left;
	width:46%;
	left:8%;
	height:auto;
	margin-top:3px;
	}

#newsletter{
	position:relative;
	float:left;
	width:48%;
	height:100px;
	margin-top:29px;
	}
.newslet{
	color:#959b33;
	font-size:17px;
	}
.box-newsletter{
	background-color:#F3F5D8;
	border:solid 3px #D3D95D;
	width:350px;
	height:70px;
	margin-top:9px;
	text-align:left;
}
.box-newsletter p{
	text-align:left;
	margin:3px 0px 5px 3px;
	}
.box-newsletter label{
	position:relative;
	float:left;
	height:15px;
	font-size:14px;
	margin:0px 0px 0px 5px;
	}
.box-newsletter input{
	position:relative;
	float:left;
	border:solid 1px orange;
	margin:0px 3px 6px 5px;	
	padding-bottom:0px;
	top:0px;
	left:0px;
}
.invia-rosa{
	position:relative;
	float:right;
	background:url('../images/grafica/invia.jpg') no-repeat;
	margin:-15px 15px 0px 0px;
	width:50px;
	height:21px;
}
#presentazione{
	position:relative;
	float:left;
	width:42%;
	left:4%;
	height:auto;
	margin-top:53px;
	}
#presentazione a{
	text-decoration:none;
}
#presentazione h5{
	color:#989504;
	margin-top:11px;
}
.pdf-ecooo{
	position:relative;
	float:left;
	background:url('../images/grafica/pdf-ecooo.jpg') no-repeat;
	border:0px;
	width:63px;
	height:54px;
	margin:9px 11px 0px 13px; 
	}
.scopri-nostri-servizi{
	position:relative;
	float:left;
	background:url('../images/grafica/scopri-i-nostri-servizi.jpg') no-repeat;
	border:0px;
	width:182px;
	height:33px;
	margin:55px 0px 0px 0px;
}
/*-------------FINE HOME------------*/




						/**********************PAGINA CHI**********************/
#verde{
	z-index: 40;
	margin-left:0px;
	left:-8px;
	padding:0px;
	margin-top: 215px;
	background-image: url('../images/grafica/CHI/linea_verde_chi.gif');
	width:966px;
	height:261px;
	position:absolute;
}
#arancio{
	z-index: 40;
	left:-8px;
	margin-left:-8px;
	margin-top: 572px;
	background-image: url('../images/grafica/CHI/linea_arancio_chi.gif');
	width: 1050px;
	height: 105px;
	position:absolute;	
}	
div#gruppo_swf {
	height: 300px;
	width: 415px;
	margin-left:-1px;
	margin-top:89px;
	float:left;
	position:relative;
	z-index:10;
}
#chiSiamo {
	width:280px;
	line-height:15pt;	
	float:left;
	position:relative;
	margin-top:20px;
	margin-left:30px;
	padding-left:0px;
	
}
#chiSiamo p{
	text-align:justify;
}
#chiSiamo a{
	color:#f68f13;
}
#partner_title {
	height:20px;
	width:100%;
	margin-left:52px;
	margin-top:20px;
	float:left;
}
#loghipartner{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	margin:32px 0px 51px 85px;
	list-style-type:none;
}
#loghipartner li{
	position:relative;
	float:left;
	display:inline;
	margin:0px 11px 0px 0px;
	}
/*-------------FINE CHI------------*/

#left{
	position:relative;
	float:left;
	width:140px;
	min-height:300px;
	height:auto !important;
	height:300px;
}
#centro{
	position:relative;
	float:left;
	width:390px;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:0px;
	padding-right:0px;
}
#right{
	position:relative;
	float:left;
	width:auto;
	min-height:300px;
	height:auto !important;
	height:300px;
}

					/*---------------------------------------- COSA ---------------------------------------*/

/*MENU SECONDARIO*/

#menu-secondo{
	position:relative;
	float:left;
	list-style-type:none;
	width:140px;
	height:auto;
	margin-top:85px;
	margin-left:0px;
	padding-left:0px;
}
#menu-secondo li{
	position:relative;
	float:left;
	margin-top:5px;
	width:138px;
	height:21px;
	font-weight:bold;
	font-size:11px;
	background:url('../images/grafica/menu-six/bottone.gif') no-repeat;
}
#menu-secondo li a{
	position:relative;
	float:right;
	text-align:right;
	right:5px;
	width:138px;
	height:21px;
	color:#FFF;
	text-decoration:none;	
}
#menu-secondo li a:hover{
	position:relative;
	float:left;
	text-align:right;
	color:#B46401;
	width:133px;
	margin-left:5px;
	text-decoration:none;
	background:#9DA91B url('../images/grafica/menu-six/bottone-sel.gif') no-repeat;
	padding-right:2px;
}
#menu-secondo li .selezionato{
	position:relative;
	float:left;
	text-align:right;
	color:#B46401;
	width:133px;
	text-decoration:none;
	background:#9DA91B url('../images/grafica/menu-six/bottone-sel.gif') no-repeat;
	padding-right:2px;
}
/*FINE MENU SECONDO*/

h1.cosa{
	position:relative;
	float:left;
	line-height:37px;
	width:100%;
	padding:0px;
	color:#f68f13;
	font-size:24px;
	margin:45px 0px 0px 0px;
}
h1.cosa span{
	font-size:30px;
	color:#B7C03A;
}
#centro p{
	position:relative;
	float:left;
	padding-left:40px;
	top:20px;
	height:auto;
	padding-top:0px;
	margin-top:0px;
	text-align:justify;
}
#centro ul{
	position:relative;
	float:left;
	margin-left:0px;
	left:40px;
	width:80%;
	padding-left:40px;
	padding-bottom:30px;
	top:30px;
	padding-top:0px;
	margin-top:0px;
	text-align:left;
}
#centro ul li{
	margin-top:16px;
}

.cornicedx{
	position:relative;
	float:left;
	left:30px;
	margin-top:70px;
}
/* --------------------------------------------- FORM -------------------------------------------------*/

div#form{
	position:relative;
	float:left;
	display:none;
}

#mostra{
	position:relative;
	float:left;
	height:100%;
	margin-left:50px;
	margin-top:70px;
	padding-bottom:40px;
}
#form{
	position:relative;
	float:left;
	margin-left:50px;
	margin-top:70px;
}

#form-interno table{
	position:relative;
	float:left;
	height:100%;
	border: 1px solid #fd991d;
	margin-top:10px;
			
}

#form-interno p {
	position:relative;
	float:left;
	font-family: Verdana;
	font-size: 12px;
	color: #646b02;
	margin-right:10px;
}

/*select*/

#form-interno select {
	position:relative;
	float:left;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	margin-right:10px;
	}

				/************************* PAG DOVE **************************/

div#dove {
	position: relative;
	float:left;
	width: 335px;
	padding-left: 5px;
	padding-top: 80px;
}
div#dove p{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #525250;
	padding:0px;
	margin:5px;
}

div#mappa {
	position:relative;
	float:left;
	width: 409px;
}
		/************************* PRIVACY **************************/

h1.privacy{
	position:relative;
	float:left;
	line-height:37px;
	width:100%;
	padding:0px;
	color:#f68f13;
	font-size:20px;
	margin:55px 0px 0px 40px;
}

		/********************** PAG GENERICA **************************/

#generica {
	position:relative;
	width: 650px;
	left: 12px;
	right: 554px;
	display:block;
	top:40px;
	min-height:300px;
	height:auto !important;
	height:300px;	
}
#generica p {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #525250;
	padding:0px;
	margin:0px 0px 0px 25px;
	text-align:justify;
}

#generica table {
	font-family: Verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #525250;
	padding:0px;
	margin:10px;
}

#title {
	position: relative;
	left: 54px;
	margin-top: 50px;
	float:left;
}
#title p {
	position: relative;
	float:left;
	font-family: Verdana;
	font-size: 20px;
	color: #fd9c20;
}

#title h1 {
	float:left;
	font-family: Verdana;
	font-size: 22px;
	color: #b7c03a;
}
/*----------------------------------------- PORTFOLIO ------------------------------------------------------*/

#menu-casehistory{
	position:relative;
	float:left;
	margin-left:0px;
	left:0px;
	padding-left:0px;
	margin-top:70px;
	height:auto;
	width:190px;
	list-style-type:none;
	font-size:11px;
	line-height:13px;
	}
#menu-casehistory li {
	position:relative;
	float:left;
	list-style-type:none;
	padding-left:3px;
	margin-left:0px;
	padding-top:7px;
	width:160px;
	height:20px;
	border:solid 1px #D7DF4C;
	color:#7E841F;
	text-decoration:none;
	background:url('../images/grafica/portfolio/bk.png') repeat-x;
}
#menu-casehistory li a{
	position:relative;
	float:left;
	list-style-type:none;
	padding-left:3px;
	margin-left:-4px;
	padding-top:7px;
	margin-top:-7px;
	width:160px;
	height:20px;
	border-left:solid 1px #D7DF4C;
	color:#7E841F;
	text-decoration:none;
	background:url('../images/grafica/portfolio/bk.png') repeat-x;
}
#menu-casehistory li a:hover{
	position:relative;
	float:left;
	list-style-type:none;
	padding-left:3px;
	margin-left:-4px;
	padding-top:7px;
	width:160px;
	height:20px;
	color:#f68f13;
	border-left:solid 1px #D7DF4C;
	background:url('../images/grafica/portfolio/bk2.png') repeat-x;
}

#elenco-clienti{
	position:relative;
	float:left;
	margin-left:0px;
	padding-left:0px;
	width:550px;
	height:auto;
	margin-top:70px;
	list-style-type:none;
	display:inline;
	}

#elenco-clienti li{
	position:relative;
	float:left;
	margin-left:0px;
	left:0px;
	padding-left:0px;
	margin-top:1px;
	padding-right:0px;
	list-style-type:none;
	display:inline;
	}
.elenco-interno{
	position:relative;
	float:left;
	width:540px;
	list-style-type:none;
	margin-left:0px;
	left:0px;
	padding-left:0px;
	display:inline;
}
.elenco-interno li{
	width:25px;
	height:27px;
	margin-right:20px;
	}
.elenco-interno .pdf{
	position:relative;
	float:left;
	width:18px;
	height:16px;
	margin-top:0px;
	padding-top:0px;
	margin-right:0px;
	top:0px;
	}
.elenco-interno .cliente{
	position:relative;
	float:left;
	width:270px;
	margin-right:0px;
}
.elenco-interno .cliente a{
	color:#f68f13;
}
.elenco-interno li.rosso{
	background:url(../images/grafica/portfolio/o-rosso-hov.png);
	width:25px;
	height:21px;
	margin-right:20px;
	
}
.elenco-interno li.verde{
	background:url(../images/grafica/portfolio/o-verde-hov.png);
	width:25px;
	height:21px;
	margin-right:20px;
}
.elenco-interno li.azz{
	background:url(../images/grafica/portfolio/o-azz-hov.png);
	width:25px;
	height:21px;
	margin-right:20px;
}
.elenco-interno li.viola{
	background:url(../images/grafica/portfolio/o-viola-hov.png);
	width:25px;
	height:21px;
	margin-right:20px;
}
.elenco-interno li.giallo{
	background:url(../images/grafica/portfolio/o-giallo-hov.png);
	width:25px;
	height:21px;
	margin-right:20px;
}
.elenco-interno:hover li.cliente{
	color:#959b33;
}
.elenco-interno:hover li.cliente a{
	text-decoration:none;
}
.elenco-interno:hover li.rosso{
	background:url(../images/grafica/portfolio/o-rosso.png);
	width:25px;
	height:21px;
}
.elenco-interno:hover li.verde{
	background:url(../images/grafica/portfolio/o-verde.png);
	width:25px;
	height:21px;
	}
.elenco-interno:hover li.azz{
	background:url(../images/grafica/portfolio/o-azz.png);
	width:25px;
	height:21px;
	}
.elenco-interno:hover li.viola{
	background:url(../images/grafica/portfolio/o-viola.png);
	width:25px;
	height:21px;
}
.elenco-interno:hover li.giallo{
	background:url(../images/grafica/portfolio/o-giallo.png);
	width:25px;
	height:21px;
}

#legenda{
	position:relative;
	float:left;
	width:600px;
	left:150px;
	height:21px;
	margin-top:30px;
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
	}
#legenda li{
	position:relative;
	float:left;
	list-style-type:none;
	margin-left:7px;
	text-align:right;
	}

/*-------------PAGINE CLIENTI------------*/
.box-clienti{
	position:relative;
	float:left;
	margin-left:30px;
	padding-left:0px;
	left:0px;
	margin-top:80px;
	}
h1.clienti{
	position:relative;
	float:left;
	margin-left:0px;
	left:0px;
	width:90%;
	padding:0px 0px 0px 40px;
	line-height:37px;
	color:#f68f13;
	font-size:20px;
	margin:55px 0px 0px 0px;
	}
#collegamento-sito{
	position:relative;
	float:left;
	margin-left:0px;
	left:30px;
	margin-top:30px;
}
#collegamento-sito a{
	color:#fd991d;
}
#collegamento-sito a:hover{
	color:#fd991d;
	text-decoration:none;
	}
	
/*-------------PPC------------*/
	
h1.ppc{
	position:relative;
	float:left;
	line-height:37px;
	width:100%;
	padding:0px;
	color:#B7C03A;
	font-size:19px;
	margin:65px 0px 0px 0px;
}
h1.ppc span{
	font-size:26px;
	color:#f68f13;
}

/*-------------FOOTER------------*/

#footer {
	width:950px;
	position:relative;
	float:left;
	margin-left:30px;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7CAE2F;
	text-align:left;
	bottom: -1px !important;
 	bottom: -0px;
}
.footer_link{
	float:left;
	position: relative;
	width:570px;
	padding:0px;
	margin:0px;
}

#footer #copyright {
	width:375px;
	float:right;
	position:relative;
	margin-top:0px;
}
#footer #copyright p{
	font-family: Verdana;
	font-size: 7pt;
	font-style: normal;
	color: #6e6e6b;
	text-align:right;
}

p.menu_footer {
	float:left;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #878c30;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	
}
 
a:link{
	color:#fd991d;
	text-decoration: underline;
	}
	
a:visited{

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

	color:#fd991d;
	text-decoration: none;
	}
			

	
/* p#glossario {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}
*/


/*TOOLTIP*/
#dhtmltooltip {
position: absolute;
left: -300px;
width: 250px;
border: 1px solid black;
padding: 5px;
background-color: #CED674;
visibility: hidden;
z-index: 100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.container_index{
	left:0px;
	width:750px;
	position:relative;
	float:left;
	z-index: 10;

	}