/* Semplifica stile */
@import url(forms.css) all;

* {
	margin: 0;
	padding: 0;
}

	/* make everything sans-serif */
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div{
	color: Black;
	background-color: White;
	font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
/*	font-size: 12px;*/
	text-align: left;
}

/*General Typography*/
html, body {
  height: 100%; /* Required */
}

body {
	color: #012756;
	background-position: top;
	background-repeat: repeat-x;
	background-color: transparent;
	background-attachment: scroll;
	background-image: url(../images/bg-page.jpg);
}

a {
	text-decoration: none;
}
a img {
	border: none;
}
a:link {
	color: #369;
	background-color: inherit;
}
a:visited {
	color: #369;
	background-color: inherit;
}
a:hover {
	color: inherit;
	background-color: inherit;
}
/* --- questo mette la spunta ai collegamenti visitati
#maintext a:visited:after {
	content: url(../images/v.gif);
}
*/

/* --- questo mostra i link dopo il testo; per print ---
a:after { content: " [" attr(href) "] "; }
*/
/*
p:before { 
   content: counter(paragraph) ". " ;
   counter-increment: paragraph 
}
p {counter-increment: par-num}
h1 {counter-reset: par-num}
p:before {content: counter(par-num, upper-roman) ". "}
*/

q {
	background: White none;
/*	margin: 0 200px 30px -200px;*/
	color: #444444;
/*	padding-bottom: 50px;*/
	font-style: italic;
}
q:lang(it) { quotes: '\00AB' '\00BB' '"' '"' }
/*q:lang(en) { quotes: '"' '"' "'" "'" }*/
[LANG|=fr] > *  { quotes: "«" "»" "\2039" "\203A" }
[LANG|=en] > *  { quotes: "\201C" "\201D" "\2018" "\2019" }

q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}

blockquote p:before {
/*	content: '\00AB';*/
	content:url(../images/blockquote-open.png);
	font-size: 250%; /*  display: block;
  float: left;*/
	vertical-align: baseline;
}
blockquote p:after {
/*	content: '\00BB';*/
	content:url(../images/blockquote-close.png);
	font-size: 250%; /*  display: block;
  float: right;*/
	vertical-align: top;
}
blockquote {
	border: 1px solid #C6C3C6;
	padding: 1em;
}

cite {
	font-style: italic;
	background-color: #F0F0F0;
}
cite:before {
/*	content:'-\203A';*/
	content:url(../images/freccia-dx.png);
	font-style: normal;
	font-weight: bold;
}

/*
q:first-letter {
	font-size: 250%;
}
*/
/*
body:after {
	content: "The End";
	display: block;
	margin-top: 2em;
	text-align: center;
}
*/
/*
h1:before {
    display: block;
    text-align: center;
    content: "chapter\A hoofdstuk\A chapitre"
}
*/
/*
img:after {
	content: attr(alt);
}
*/


h1 {
	font-weight: bold;
	text-indent: 0;
	text-align: left;
/*	background: url(../images/bgh101.gif) repeat-y left;*/
/*	background: transparent url(../images/bgh1_l.png) repeat left;*/
	background: transparent url(../images/sfondo-fade.png) repeat-x bottom;

	padding: 0 0 0 10px;

	border: 1px solid #EEEEEE;
	font-size: 160%;
}

img.testata {
	text-align: center;
}
p {
	font-size: 100%;
}
.pagetitle {
	font-size: 180%;
	margin: 0;
	margin-bottom: 5px;
	color: #012756;
	font-weight: bold;
	text-indent: 0;
	text-align: left;
/*	background: transparent url(../images/bgh1_l.gif) repeat-y -7px top;*/
	padding: 5px;
}
.pagetitle a {
/*	background: transparent url(../images/bgh1_l.gif) repeat-y -7px top;*/
}
.pagetitle a:hover {
	background-color: #fff;
}
h2, .bigtitle, #iconinfo dt {
	font-size: large;
	color: #51A0FD;
	font-weight: bold;
}

img {
/*	padding: 5px;*/
/*	display: block;*/
	border: 0;
}

.hide, .novideo, hr {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	left: -10000px;
/*	display: none;*/
}
acronym, abbr {
	cursor: help;
	border-bottom: #eee 1px dotted;
}
/*--------------------------------------------------------*/
/* Page setup */

#wrapper {
/* larghezza fissa */
/*	width: 760px;*/

/* larghezza elastica */
/*	width: 95%;
*/	width: 760px;
	margin: 0 auto;
	padding: 0;
	background: White  url(../images/sfondo-fade.png) repeat-x bottom;
	color: inherit;
	border: 1px solid #8ABEFD;
	border-top: 5px solid #8ABEFD;

/*-- con questi il wrapper è grande almeno come la videata --*/
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */

}
#pagehead, #pagehead-home {
	background: #fff url(../images/header_corpo.gif) repeat-x left bottom;
/*	height: 68px;*/
	width: 100%;
	height: 95px;

	min-height: 95px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
}
#pagehead a:link, #pagehead a:hover, #pagehead a:visited {
/*	background: transparent none;*/
	margin: 0;
	padding: 0;
}
#pagehead-home {
/*	background: #fff url(../images/header_corpo.gif) repeat-x -159px bottom;*/
}
#header {
	width: 100%;
/* meglio non dare altezza

	height: 63px;*/

	margin: 0;
	background: #fff url(../images/header_lines.gif) no-repeat top right;
}

	/* questo serve per il logo */
#header a img {
	margin-left: 4px;
	margin-top: 4px;

}
#header img {
	border: 0;
}

#headerweb {

	height: 75px;
	height: 93px;

/* questo è a 400px per posizionare correttamente la scritta
   web sullo sfondo */
	width: 400px;
	
	background: transparent url(../images/header_web.gif) no-repeat top right;
	background: transparent none;
	color: Black;
}
#logo {

	height: 70px;
	margin: 5px 0px 0px 5px;	
	padding: 0;
	float: left;
	background: transparent none;
	color: Black;
}
#logo p {
	background: transparent url(../images/netecmedia-logo-sm.png) no-repeat left top;
	color: Black;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0;
/*	width: 455px;
	height: 70px;
*/
	width: 273px;
	height: 44px;
}

#logo p a {
	display: block;
/*	width: 455px;
	height: 70px;
*/
	width: 273px;
	height: 44px;
/*	margin: 0px 0px 0px 0px;*/
	margin: 0px 0px 0px 0;
	padding: 0;
	background: transparent none;
	color: Black;
}


/*-------------------- Begin Nav Bar -------------------------*/

	/*  Horizontal nav */
#menu {
/*	font-size: 70%;*/
	width: 100%; 
}

/* Ta Menu styles */

#menuitems {
   float            : left;
   width            : 100%;
   background       : #FFF url(../images/menu-bordo.gif) repeat-x bottom;
   border           : none;
/*   font-size        : x-small;*/
	font-size        : 0.6em;
	width: 750px;
	padding-left: 10px;
	margin-right: -30px;
}

#menuitems ul {
   margin           : 0px;
   padding          : 0px;
   list-style       : none;
}

#menuitems li {
   display          : inline;
   margin           : 0px;
   padding          : 0px;
}

#menuitems a {
   float            : left;
   background       : url(../images/menu-dx.png) no-repeat right top;
   border-bottom    : 3px solid #8ABEFD;
   font-weight      : bold;
   text-decoration  : none;
}

#menuitems a.giallo {
   float            : left;
   background       : url(../images/menu-dx-giallo.png) no-repeat right top;
   border-bottom    : 3px solid #8ABEFD;
   font-weight      : bold;
   text-decoration  : none;
}

#menuitems a:hover {
   background-position: 100% -150px;
}

#menuitems a:link, #menuitems a:visited, #menuitems a:active, #menuitems a:hover {
   color            : #115E94;
}

#menuitems span {
   float            : left;
   display          : block;
   background       : url(../images/menu-sin.png) no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}

#menuitems span.giallo {
   float            : left;
   display          : block;
   background       : url(../images/menu-sin-giallo.png) no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuitems span {float : none;}
/* End IE5-Mac hack */

#menuitems a:hover span {
   background-position: 0% -150px;
	text-decoration: underline;
}

#menuitems li.current a {
   background-position: 100% -150px;
   border-width     : 0px;
}

#menuitems li.current span {
   background-position: 0% -150px;
   padding-bottom   : 8px;
	color: #369;
}

/* --- End TA Menu Styles --- */



/* -------- NAV ------ */
#nav, #navcontainer {
	clear: both;
	float: left;
	/*larghezza fissa se no va fuori dalle misure del bg */
	width: 166px;
	padding: 0;
	color: #333;
	margin: 0;
}
#nav {
/*	margin-left: 9px;*/
	background: white url(../images/bgnavcontainerend.gif) no-repeat right bottom;

/*	border: 1px solid #8CBEFF;
*/	border-left: none;
/*	border: medium solid Fuchsia;*/

	height: inherit;
}
#navcontainer {
/*	font-size: small;*/
	font-size: 70%;
/*	background: #eee url(../images/bgnavcontainer.gif) repeat-y right;*/
	background: transparent url(../images/bgnavcontainer.gif) repeat-y right;
	margin: 20px 0 25px 0;
	border-top: 3px solid #8ABEFD;
}
#navcontainer p.titolo {
	background: white url(../images/puntini_orizzontali.gif) repeat-x bottom;
	margin: 0;
	margin-right: 11px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #012756;
	border-bottom: 1px solid #8abefd;
}
#navcontainer ul, #navsub ul {
	list-style: none;
	margin: 0;
	padding: 3px;
	border: none;
}
#navcontainer li {
	margin: 0;
}
ul.navlist {
	margin-top: 10px;
/*	background: #eee url(../images/bgnavcontainer.gif) repeat-y right;*/
	background: white url(../images/bgnavcontainer.gif) repeat-y right;
	border-top: 1px solid #8ABEFD;
	color: black;
	list-style: none;
}
/*
ul.navlist li {
	display: block;
	margin: 0;
	padding: 0;
	color: #369;
	background: transparent url(../images/bg-nav.jpg) no-repeat top right;
	width: inherit;
	height: 3em;
}
ul.navlist li a {
	display: block;
	background: transparent none;
	padding: 5px;
	text-decoration: none;
	width: inherit;
}
ul.navlist li a:hover {
	color: #012756;
	background: #fff url(../images/bg-nav-hover.jpg) no-repeat center right;
	width: inherit;
	text-decoration: underline;
}
ul.navlist li.current {
	margin: 0;
	color: #000;
	background: #8abefd none;
	background: #fff url(../images/bg-nav-current.jpg) no-repeat center right;
	padding: 5px;
	padding-right: 23px;
}
ul.navlist li.current a {
	width: 148px;
	background: transparent none;
	color: #000;
	margin: 0px;
	padding: 0;
	width: inherit;
}
*/


#navcontainer li a {
	display: block;
	padding: 5px;
	color: #369;
	text-decoration: none;
}
#navcontainer li a {
	border: 1px solid #eee;
/*	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 0;*/
	width: 138px;	
}
#navcontainer li img {
	display: inline;
	float: right;
	vertical-align: top;
}
html>body #navcontainer li a {
/*	width: 140px;*/
}
#navcontainer li a:hover {
	border: 1px solid #012756;
	color: #012756;
	background: #8abefd url(../images/bgmenuo.gif) no-repeat right;
/*	text-decoration: underline;*/
}
#navcontainer li a:hover {
/*	width: 138px;*/
}
#navcontainer li.current {
/*	border: 1px solid #012756;*/
	border: 1px solid #8ABEFD;
	background: #fff url(../images/bgmenu.gif) no-repeat right;
	color: #012756;
	display: block;
}

#navcontainer li.current {
	padding: 5px;
	width: 138px;
	font-weight: bold;	
}
#navcontainer li.current a {
	background: transparent none;
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}
#navcontainer li.current a:hover {
	display: block;
	border: 0;
	margin: -4px;
	padding: 4px;
	color: White;
	background: #8abefd url(../images/bgmenuo.gif) no-repeat right;}
/*-------------------- End Nav Bar ---------------------------*/
#corpo {
/* larghezza trovata euristicamente... mah... */
	width: 86%;

	margin: 0 ;
/*	background: transparent url(../images/bg-corpo.gif) repeat-y left;*/
}

/*---------Briciole di pane -----------*/
#dove {
	float: left;
	width: 70%;
/*	height: 1.5em;*/

	margin: 0;
	padding: 3px;

	font-size: 70%;
	color: #336699;
	background: #fff url(../images/puntini_orizzontali.gif) repeat-x bottom;
	border: none;
	
/*	font-size: 65%;
	border-bottom: 1px solid #336699;
	padding-bottom: 0;*/
}
#dove p {
/*	margin-top: -0.5em;*/
}
#dove a {
	text-decoration: none;
}
#dove a:hover {
	background-position: bottom;
/*	color: White;*/
	color: #012756;
	margin: -3px;
	padding: 3px;
}
#dove ul {
/*	margin-top: -0.5em;*/
/*	border-bottom: 1px solid #336699;*/
	list-style-type: none;
}
#dove ul li {
	float: left;
	margin: 0;
	margin-right: 1em;
	margin-bottom: -1px;
	border-top: 1px solid #336699;
	border-left: 1px solid #336699;
	border-right: 1px solid #336699;
	padding-bottom: 3px;
	background: transparent none;
/*	background: transparent url(../images/bg-menu-li-r-active.png) no-repeat right top;*/
}
#dove ul li a {
	background: transparent none;
/*	background: transparent url(../images/bg-menu-li-l-active.png) no-repeat right top;*/
}
#dove ul li a:hover {
/*	background: transparent url(../images/bg-a-hover.gif) repeat-x left 5px;*/

/*	background: transparent url(../images/bg-menu-li-l-active.png) no-repeat right top;*/
}
#dove ul li.current {
	border-bottom: 1px solid White;
}

/*----------- Eventi ---------*/

#eventi {
	font-size: x-small;
	color: #336699;
	margin-top: 0;
	margin-left: 0;	
}
#certlogo {
	text-align: center;
	display: block;
	}
#certlogo img {
	border: #fff 20px;
}
#cpyr-top, #cpyr-bottom {
	padding-left: 10px;
}
#cpyr-txt {
/*	text-align: justify;*/
	font-size: x-small;
	background: url(../images/news01_bg.jpg) no-repeat bottom;
	width: 380px;
	padding: 20px 20px 0 10px;
}
#cpyr-txt h3 {
	color: #012756;
	margin: 10px 10px 0 0;
	text-align: left;
	background: url(../images/bgh1_r.gif) repeat-y right;
}

#main{
	width: 100%;
	background: transparent none;
	margin: 0;
	padding: 0;
	display: block;
}

#maintext{
/*	width: inherit;*/
/*	width: 200px;*/
	background: transparent none;

/*	margin: 0 80px 0 200px;*/
/*	margin: 0 80px 0 170px;*/
	margin: 0;
	margin-left: 170px;

	padding: 10px;
/*	padding-bottom: 50px;*/
	padding-bottom: 5em;
	padding-right: 80px;
	font-size: small;
	line-height: normal;
}

#maintext p {
	line-height: 1.5em;
	margin-bottom: .5em;
}

/*------ maintext links ------ */

#maintext a:link {
    background: transparent url(../images/dot-darker.png) repeat-x bottom;
}
#maintext a:visited {
    background: transparent url(../images/dot-darker.png) repeat-x bottom;
}
#maintext a:hover {
	background: transparent url(../images/bg-a-hover.gif) repeat-x bottom;
}
#maintext a:before {
/*
	content: url(../images/freccia-dx.png);
*/
}

/*---*/

#maintext h1, #maintext h1 a {
	letter-spacing: 0.1em;
	font-variant: small-caps;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#maintext h1 a:link, #maintext h1 a:hover, #maintext h1 a:visited {
	background-image: none;
}
#maintext h2{
	border-bottom: 1px dotted #51A0FD;;
}

#maintext img{
	border: 0px;
	display: inline;
}
#maintext ol {
	list-style: decimal outside;
	text-indent: 0;
}
#maintext ul {
	list-style-type: none;
}
#maintext ul.arrow {
	list-style-image: url(../images/arrowsblu.gif);
}
#maintext li {
	text-indent: 0;
/*	line-height: 3em;*/
	}


/* queeto va per elenchi con sfumino grigio */
ul.grey {
	list-style-image: none !important;
	margin: 0;
	padding: 0;
	background: transparent none;
}
ul.grey li {
	margin-top: .5em;
	font-size: medium;
	font-weight: bold;
	text-indent: 0;
	text-align: left;
	background: url(../images/bg01.gif) repeat-y right;
}

#iconinfo {
	text-align: justify;
	margin-left: 200px;
	margin-right: 80px;
	text-indent: 0;
	line-height: normal;
	font-size: small;
	max-width: 600px;
}
#iconinfo dt img {
	display: block;
	padding-right: 10px;
}

.box-l, .box-r {
	margin: 0;
	padding: 0 20px 20px 0;

/* valore corretto per lo sfondo*/
/*	width: 380px;*/

	width: 330px;

/*	width: 80%;*/

/*	width: 100%;*/
	
/*	background: transparent url(../images/news01_bg.jpg) no-repeat bottom right;*/

	background: transparent url(../images/bg-box.gif) no-repeat bottom right;
	min-height: 65px;

/*	position: relative;
	left: 50%;
	right: 50%;*/
}
.box-l h1, .box-r h1 {
	color: #012756;
	margin: 10px 0 0 0;
	font-size: large;
}
.box-l h1 {
	text-align: left;
	background: transparent url(../images/bgh1_r.gif) repeat-y right;
}
.box-r h1 {
	text-align: right;
	background: transparent url(../images/bgh1_l.gif) repeat-y left;
}
.box-l h2, .box-r h2 {
	text-indent: 0;
	text-align: left;
	font-weight: bold;
	font-size: large;
	color: #51A0FD;
/*	margin-bottom: -.25em;*/
	padding: 5px 0 0 5px;
	background: transparent url(../images/bgh4.gif) no-repeat top left;

	margin-bottom: 0;
	padding-bottom: .25em;
	border: solid 1px #EFF1F5;
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
}
.box-l p, .box-r p {
	margin: 10px 30px 6px 15px;
/*	text-align: justify;*/
	font-size: small;
}
.box-l ol, .box-r ol {
	font-size: x-small;
}
.box-l img {
	float: left;
	padding: 0 5px ;
	vertical-align: bottom;
}
.box-r img {
	float: right;
	vertical-align: bottom;
	padding: 0 5px;
}

.box-l ul, .box-r ul {
	margin: 0;
	padding: 0;
	margin-bottom: -10px;

/*	border-top: solid 1px #EFF1F5;
	border-left: solid 1px #EFF1F5;*/
	border: solid 1px #EFF1F5;

/*	line-height: 150%;*/
/*	background: #F7F8FA url(../images/bg-n.gif) no-repeat bottom left;*/
	background: #F7F8FA url(../images/bg-n.gif) no-repeat bottom right;
}

.box-l li, .box-r li {
	padding: 5px;
}

#maintext .box-r ul, #maintext .box-r ul {
	list-style-type: none;
	list-style-image: none !important;
}

#slogan{
	background: transparent url(../images/ne_logo400x200ub.jpg) no-repeat center;
	height: 200px;
	/*width: 400px;*/
/*	font-style: italic;*/
	vertical-align: text-bottom;
	padding-top: 50px;
}
#slogan p {
	text-align: center;
	font-size: small;
	line-height: 2em;
	text-indent: 0;
}
#slogan ul, #slogan ul li{
	list-style: none inside none;
	text-align: center;
	text-indent: -4em;
	line-height: 2em;	
}
#footer {

/*	float: left;*/
	width: 100%;
	margin: 0 auto;
	padding: 0 0 9px 0;
/*	font-size: 85%;*/
	color: #012756;
	background: transparent none;
}
#footer p{
	margin: 0;
/*	padding: 20px 320px 20px 95px;*/
	font-size: xx-small;
	text-align: center;
}
#webref {
	font-size: 9px;
	display: block;
}
#rightimage {
/* Questo funziona */
	position: absolute;
	
/* questo funziona*/
	top: 155px !important;
	top: 135px;

/*	top: 35%;*/

	right: 5%;
	display: block;
}

/*-------------------------------------------------*/
/* text styles */
.normal {
	font-size: 1em;
/*	font-size: 10pt;*/
/*	text-align: justify;*/
}
span.nestyle {
	color: #012756;
	font-weight: bold;
}
.micronote   {
	font-size: 10px;
	color: Silver;
}
.headlink    {
	font-size: 8pt;
	color: #369;
}
.headtitle   {
	font-size: 10pt;
	color: #369;
	font-weight: bold;
}
.microtext   {
	font-size: 8pt;
}

.small8      {
	font-size: 8px;
}
.small9      {
	font-size: 9px;
}
.small10     {
	font-size: 10px;
}
.small11     {
	font-size: 11px;
}

.cyantext    {
	font-size: 10pt;
	color: #8ABEFD;
	font-weight: bold;
}

p.firma, p.data {
/*	font-style: italic;*/
	font-size: 90%;
	text-align: right;
	margin: 1em;
}
p.firma:before {
	content: "\2014 ";
}
.left {
	float: left;
	/*position: relative;
	left: 0;*/
}
.right {
	float: right;
	/*position: relative;
	right: 0;*/
}
.center {
	margin: 0 50%;
}

/* per tabelle: */
#tabellona {
	width: 100%;
	margin: 0;
}

#tabellona th {
/*	background-color: #8ABEFD;*/
	background-color: #C0DCFE;
	display: block;
	background: url(../images/bluclienti.gif) repeat-y left;
}
#tabellona th a {
	text-indent: 0;
/*	font-size: 12px;*/
	text-decoration: underline;
}
#tabellona th a:hover {
	text-decoration: none;
	background: #F0F8FF;
}
#tabellona td {
	background-color: #C0DCFE;
	text-align: center;
}

img.esempio {
	display: block;
	margin: 10%;
/*	margin-bottom:0;*/
	margin-top: 1em;
	padding-bottom: 2em;
}

.latino {
	font-style: italic;
}
#maintext li {
	padding-left: 2em;
	line-height: 1.5em;
}