/* Premesse generali ----------------------------------------------------------------------------------------------------------------------*/

body {margin:0; padding:0; font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:medium;}
p {margin: 0; padding: 0; line-height: 1.4; 	text-align: justify;}

a:link,a:visited{color: #dc4c4b;text-decoration: underline;}
a:hover {color: #ff0000;text-decoration: none;}
img {border:1px solid #255699; padding:8px; margin:8px;}

/* Regole di layout -----------------------------------------------------------------------------------------------------------------------*/

#wrapper {
	margin-left: auto;
	margin-right: auto;
	}

#headerwrapper {
	position: relative;
	background: transparent;
	height: 204px;
	margin-bottom: 0;
	}
	
#header {
	position: relative;
	background: url(../images/header_r.gif) repeat-x;
	height: 92px;
	padding: 0;
	margin: 0;
	}
	
#marchio {
	position: absolute;
	background: transparent url(../images/marchio.png) no-repeat;
	height: 170px;
	width: 164px;
	top: 20px;
	left: 20px;
	z-index: 3;
	}	
	
#header #sfondo {
	position: absolute;
	background: transparent url(../images/foto.jpg) no-repeat;
	height: 92px;
	width: 748px;
	top: 0;
	left: 0;
	z-index: 1;
	}
	
#header #logo {
	position: relative;
	float: right;
	background: url(../images/logo.png) no-repeat;
	height: 28px;
	width: 212px;
	margin-top: 30px;
	margin-right: 20px;
	z-index: 2;
	}
	
#navbar {
	position: absolute;
	background: url(../images/bg_nav.gif) repeat-x;
	height: 29px;
	width: 100%;
	top: 92px;
	left: 0;
	}
	
#undernavbar {
	position: absolute;
	background: url(../images/bg_undernav.gif) repeat-x;
	height: 25px;
	width: 100%;
	top: 121px;
	left: 0;
	}

#undernavbar #data {float: right; margin-right: 15px; margin-top: 7px;}
	
#greenbar {
	position: absolute;	
	background: url(../images/numeroverde_r.gif) repeat-x;
	height: 58px;
	width: 100%;
	top: 146px;
	left: 0;
	}
	
#greenbar #numeroverde {float: right; background: url(../images/numeroverde.png) repeat-x; height: 58px; width: 215px;}	

#content {
	position: relative;
	background: transparent;
	padding: 15px;
	margin-right: 220px;
	line-height: 18px;
	}
	
#contenthome {
	position: relative;
	background: transparent;
	padding:0;
	margin-right: 220px;
	line-height: 18px;
	}	

#box {
	position: relative;
	float: right;
	background: url(../images/box.jpg) no-repeat;
	width: 215px;
	height: 498px;
	margin: 0;
	margin-left: 0;
	}
	
#box #login {
	position: absolute;
	background: trasparent;
	width: 160px;
	height: auto;
	top: 35px;
	left: 28px;
	font-size: 12px;
	color: #fff;
	padding: 0;
	margin: 0;
	line-height:14px;
	}
#box #news {
	position: absolute;
	background: trasparent;
	width: 160px;
	height: auto;
	top: 290px;
	left: 28px;
	font-size: 12px;
	color: #aaaaaa;
	padding: 0;
	margin: 0;
	line-height:16px;
	}	
#footer {
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
	height: 155px;
	background: url(../images/foo_r.gif) repeat-x;
	}
	
#footer #contenitore {position: absolute; top: 80px; margin-left: 20px; padding: 0; width: 350px;}

#foopuppet {
	float: right;
	margin-top:0;
	margin-right: 20px;
	background: transparent;
	width: 195px;
	height: 155px;
	}
	
/* Barra di navigazione -------------------------------------------------------------------------------------------------------------------*/

#navbar #contenitore {
	float: right;
	position: relative;
	margin-right: 10px;
	height: 29px;
	width: 542px;
	}
	
#navbar a {height: 29px; position: absolute;}
#navbar a span {display: none;}

a.siamo:link, a.siamo:visited { width: 109px; left: 0; background: url(../images/matrix.gif) 0 0;}
a.siamoActive:link, a.siamoActive:visited, a.siamoActive:hover {width: 109px; left: 0; background: url(../images/matrix.gif) 0 -31px;}
a.siamo:hover {width: 109px; background: url(../images/matrix.gif) 0 -62px;}

a.servizi:link, a.servizi:visited { width: 109px; left: 109px; background: url(../images/matrix.gif) -109px 0;}
a.serviziActive:link, a.serviziActive:visited, a.serviziActive:hover {width: 109px; left: 109px; background: url(../images/matrix.gif) -109px -31px;}
a.servizi:hover {width: 109px; background: url(../images/matrix.gif) -109px -62px;}

a.soluzione:link, a.soluzione:visited { width: 110px; left: 216px; background: url(../images/matrix.gif) -216px 0;}
a.soluzioneActive:link, a.soluzioneActive:visited, a.soluzioneActive:hover {width: 109px; left: 216px; background: url(../images/matrix.gif) -216px -31px;}
a.soluzione:hover {width: 110px; background: url(../images/matrix.gif) -216px -62px;}

a.dove:link, a.dove:visited { width: 109px; left: 325px; background: url(../images/matrix.gif) -325px 0;}
a.doveActive:link, a.doveActive:visited, a.doveActive:hover {width: 109px; left: 325px; background: url(../images/matrix.gif) -325px -31px;}
a.dove:hover {width: 109px; background: url(../images/matrix.gif) -325px -62px;}

a.home:link, a.home:visited { width: 109px; left: 434px; background: url(../images/matrix.gif) -434px 0;}
a.homeActive:link, a.homeActive:visited, a.homeActive:hover {width: 109px; left: 434px; background: url(../images/matrix.gif) -434px -31px;}
a.home:hover {width: 109px; background: url(../images/matrix.gif) -434px -62px;}

#undernavbar #contenitore {
	float: right;
	position: relative;
	margin-right: 10px;
	height: 25px;
	width: 110px;
	}
	
#undernavbar a {height: 25px; position: absolute;}
#undernavbar a span {display: none;}

a.contatti:link, a.contatti:visited { width: 110px; left: 0; background: url(../images/matrix_contatti.gif) 0 0;}
a.contattiActive:link, a.contattiActive:visited, a.contattiActive:hover {width: 110px; left: 0; background: url(../images/matrix_contatti.gif) 0 -27px;}
a.contatti:hover {width: 110px; background: url(../images/matrix_contatti.gif) 0 -54px;}

/* Tipografia ---------------------------------------------------------------------------------------------------------------------------- */

#undernavbar #data p {font-size: 10px; color: #fff;}
#footer #contenitore p {font-size: 9px; line-height: 13px; color: #fff;}
#footer #contenitore .titolo {font-size: 12px;}
a.email:link, a.email:visited {color:#C2E3F1; font-size:11px; text-decoration:underline;} #footer #contenitore a.email:hover {color:#ECF6FB; font-size:11px; text-decoration:underline;}
#footer #contenitore a:link, a:visited {text-decoration: underline; color:#dc4c4b;}
#footer #contenitore a:hover {color: #ff0000;text-decoration: none;}
.testiform {color: #99CCFF;}
.account {font-size: 11px; margin-top: 5px;}
h1, h2, h3, h4, h5, h6 {color: #255498;}
h1 {font-size: 100%}
h2 {font-size: 150%;margin:3px;}
h3 {font-size: 200%}
h4 {font-size: 100%;margin:3px 3px 3px 0;}
form {margin:0; padding:0;}
.rosso {color: #BE3A3E;}
.numeroverde {font-size: 16px; color: #00AA80; font-weight:bold; text-decoration:underline;}
ul.notizie {list-style:none;}
ul.notizie li{color: #255498;}
.sottotitolo{
	color:#666666;
	margin-left:10px;
	}
.testo{
	font-style: 	italic;
	color:#666666;
	padding-left:10px;
	}
	
/* Linkology ---------------------------------------------------------------------------------------------------------------------------*/

a.questionmark:link, a.questionmark:visited {color: #E7F3FF;}
a.questionmark:hover {color: #99CCFF;}
a.registrazione:link, a.registrazione:visited {color: #628EAB;}
a.registrazione:hover {color: #E7F3FF;}
a.news:link, a.news:visited {color: #dc4c4b;text-decoration:underline;}
a.news:hover {color: #ff0000;text-decoration: none;}


/* Area riservata ---------------------- */


#soprafatture  {width:100%;height:40px;border-top:1px solid #92b9d6;border-bottom:1px solid #92b9d6;padding-top:10px;background:#f3f8fb;}
#soprafatture table td {white-space:nowrap;}
#titolofatture  {padding-left:10px;color:#fff;padding-top:10px;margin-top:10px;width:99%;height:30px;background:#345b96;font-size:150%;font-weight:bold;}

.cellaChiara{background:#ffffff;height:30px;border-bottom:1px solid #c5ccde;}
.cellaScura{background:#edf0f7;height:30px;border-bottom:1px solid #c5ccde;}
#mesi{color:#8b94bd;font-size:120%;font-weight:bold;}

.bottone{margin-bottom:10px;width:157px;height:35px;background:#94b5de;border:2px solid #fff;color:#fff;text-align:center;}
.bottoneSel{margin-bottom:10px;width:157px;height:35px;background:#dc4c4b;border:2px solid #fff;color:#fff;text-align:center;}
.bottone a:link,.bottone a:visited,.bottone a:hover,.bottone a:active {text-decoration: none;font-size: 16px;font-weight:bold;color:#fff;display:block;width:100%;height:25px;padding-top:10px;}
.bottoneSel a:link,.bottoneSel a:visited,.bottoneSel a:hover,.bottoneSel a:active{text-decoration: none;font-size: 16px;font-weight:bold;color:#fff;display:block;width:100%;height:25px;padding-top:10px;}

td a:link, td a:visited{color: #dc4c4b;text-decoration: underline;}
td a:hover {color: #ff0000;text-decoration: none;}