/*************/
/*  CONTENT  */
/*************/

/* Heading -- Standard icon (Full-width) */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; background: url(/img/icon_pagetitle.gif) no-repeat; background-position:center left; color:rgb(255,255,255); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(/img/icon_celltitle_level1.gif) no-repeat; background-position:632px 5px; color:#000266; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; color:#000266; font-weight:bold; font-size:180% /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#000266; font-weight:bold; font-size:180%  /*Non-IE6*/; font-size:160% /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#000266; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:#000266; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#000266; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/* Heading -- Special icon (Full-width) */
.content h1.contact {background: url(/img/icon_celltitle_contact.gif) no-repeat; background-position:616px 5px;}
.content h1.login {background: url(/img/icon_celltitle_login.gif) no-repeat; background-position:635px 5px;}
.content h1.search {background: url(/img/icon_celltitle_search.gif) no-repeat; background-position:631px 5px;}
.content h1.video {background: url(/img/icon_celltitle_video.gif) no-repeat; background-position:637px 5px;}
.content h1.audio {background: url(/img/icon_celltitle_audio.gif) no-repeat; background-position:631px 5px;}
.content h1.webtemplate {background: url(/img/icon_celltitle_webtemplate.gif) no-repeat; background-position:632px 5px;}
.content h1.document {background: url(/img/icon_celltitle_document.gif) no-repeat; background-position:635px 5px;}
.content h1.blog {background: url(/img/icon_celltitle_blog.gif) no-repeat; background-position:639px 5px;}
.content h1.forum {background: url(/img/icon_celltitle_forum.gif) no-repeat; background-position:635px 5px;}

/* Heading -- Standard icon (Half-width) */
.content-subcell-left-box h1, .content-subcell-right-box h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(/img/icon_celltitle_level1.gif) no-repeat; background-position:289px 3px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}

/* Heading -- Special icon (Half-width) */
.content-subcell-left-box h1.contact, .content-subcell-right-box h1.contact {background: url(/img/icon_celltitle_contact.gif) no-repeat; background-position:273px 5px;}
.content-subcell-left-box h1.login, .content-subcell-right-box h1.login {background: url(/img/icon_celltitle_login.gif) no-repeat; background-position:292px 5px;}
.content-subcell-left-box h1.search, .content-subcell-right-box h1.search {background: url(/img/icon_celltitle_search.gif) no-repeat; background-position:288px 5px;}
.content-subcell-left-box h1.video, .content-subcell-right-box h1.video {background: url(/img/icon_celltitle_video.gif) no-repeat; background-position:294px 5px;}
.content-subcell-left-box h1.audio, .content-subcell-right-box h1.audio {background: url(/img/icon_celltitle_audio.gif) no-repeat; background-position:288px 5px;}
.content-subcell-left-box h1.webtemplate, .content-subcell-right-box h1.webtemplate {background: url(/img/icon_celltitle_webtemplate.gif) no-repeat; background-position:289px 5px;}
.content-subcell-left-box h1.document, .content-subcell-right-box h1.document {background: url(/img/icon_celltitle_document.gif) no-repeat; background-position:292px 5px;}
.content-subcell-left-box h1.blog, .content-subcell-right-box h1.blog {background: url(/img/icon_celltitle_blog.gif) no-repeat; background-position:296px 5px;}
.content-subcell-left-box h1.forum, .content-subcell-right-box h1.forum {background: url(/img/icon_celltitle_forum.gif) no-repeat; background-position:292px 5px;}

/* Heading -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* Paragraph text */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); /*line-height:1.3em; */padding: 0 20px 0 20px; font-size:131%/*Non-IE6*/; font-size:115% /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* List */
.content ul {margin:-1.0em 0 -0.5em 0; padding:1.5em 20px 1.0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(/img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ol {margin:-1.0em 0 -0.5em 0; padding:1.5em 20px 1.0em 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.content ul.indent {padding:1.5em 50px 1.0em 50px;}
.content ol.indent {padding:1.5em 20px 1.0em 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Search form (full-width)*/
.content .searchform {width:636px; margin:1.0em 10px 0 20px;}
.content .searchform fieldset {border:none;}
.content .searchform input.field {float:left; width:158px; padding:3px 0 3px 0; border:1px solid rgb(200,200,200); font-size:120%;}
.content .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.content .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:#000266; color:rgb(80,80,80);}

/* Search form (half-width)*/
.content-subcell-left-nobox .searchform, .content-subcell-right-nobox .searchform, .content-subcell-left-box .searchform, .content-subcell-right-box .searchform {width:297px; margin:1.0em 10px 0 20px;;}

/****************/
/*  SUBCONTENT  */
/****************/

/* Heading -- Standard icon */
.leftcontent h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px rgb(215,215,215); color:#000266; font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}
.leftcontent h2 {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/ margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background:url(/img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.leftcontent h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#000266; font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}
.leftcontent h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.leftcontent h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:#000266; font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}
.leftcontent h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:#000266; font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}
.leftcontent h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:#000266; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

.subcontent h1 {text-align:center; margin:0; padding:5px 5px 5px 5px; border-bottom:solid 1px rgb(215,215,215); color:#000266; font-weight:bold; font-size:200% !important /*Non-IE6*/; font-size:180% /*IE6*/;}

/* Heading - Special icon */
.leftcontent h1.menu {background: url(/img/icon_celltitle_menu.gif) no-repeat; background-position:225px 5px;}
.leftcontent h1.login {background: url(/img/icon_celltitle_login.gif) no-repeat; background-position:229px 5px;}
.leftcontent h1.search {background: url(/img/icon_celltitle_search.gif) no-repeat; background-position:225px 5px;}
.leftcontent h1.video {background: url(/img/icon_celltitle_video.gif) no-repeat; background-position:231px 5px;}
.leftcontent h1.audio {background: url(/img/icon_celltitle_audio.gif) no-repeat; background-position:225px 5px;}
.leftcontent h1.webtemplate {background: url(/img/icon_celltitle_webtemplate.gif) no-repeat; background-position:226px 5px;}
.leftcontent h1.document {background: url(/img/icon_celltitle_document.gif) no-repeat; background-position:229px 5px;}
.leftcontent h1.blog {background: url(/img/icon_celltitle_blog.gif) no-repeat; background-position:233px 5px;}
.leftcontent h1.forum {background: url(/img/icon_celltitle_forum.gif) no-repeat; background-position:229px 5px;}

/* Heading -- Without icon */
.leftcontent h1.noicon {background:none;}
.leftcontent h2.noicon {background:none;}

/* Paragraph */
.leftcontent p, .subcontent p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px;  font-size:11px !important /*Non-IE6*/; font-size:11px /*IE6*/;}
.leftcontent p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.leftcontent blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/* List */
.leftcontent ul, .subcontent ul {margin:-1.0em 0 -0.5em 0; padding:1.5em 20px 1.0em 20px; list-style:none;}
.leftcontent ul li.subcontent ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(/img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.leftcontent ol {margin:-1.0em 0 -0.5em 0; padding:1.5em 20px 1.0em 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.leftcontent ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.leftcontent ul.indent {padding:1.5em 50px 1.0em 50px;}
.leftcontent ol.indent {padding:1.5em 20px 1.0em 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* Table */
.leftcontent table {clear:both; width:230px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.leftcontent table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.leftcontent table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.leftcontent table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
.leftcontent p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

/* Contact form */
.leftcontent .contactform {width:230px; margin:1.0em 10px 0 20px;}
.leftcontent .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.leftcontent .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.leftcontent .contactform label.left {float:left; width:85px; margin:0; padding:2px; font-size:100%;}
.leftcontent .contactform select.combo {width:90px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.leftcontent .contactform input.field {width:85px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.leftcontent .contactform textarea {width:178px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.leftcontent .contactform input.button {float:left; width:9.0em; margin-left:67px !important /*Non-IE6*/; margin-left:68px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.leftcontent .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* Login form */
.leftcontent .loginform {width:230px; margin:10px 20px 0 20px;}
.leftcontent .loginform p {clear:both; margin:0; padding:0;}
.leftcontent .loginform fieldset {width:160px; border:none;}
.leftcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.leftcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.leftcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
.leftcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.leftcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.leftcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* Search form */
.leftcontent .searchform {width:230px; margin:10px 20px 0 20px;}
.leftcontent .searchform fieldset {border:none;}
.leftcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-size:120%;}
.leftcontent .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.leftcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* Side menu */
.sidemenu {clear:both; width:270px; margin:0; padding:0;}
.sidemenu ul {width:270px; margin:0; padding:0;}	
.sidemenu ul li {margin:0; padding:0; background:none; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}
.sidemenu li a {display:block; min-height:1.5em; height:auto !important /*Non-IE6*/; height:1.5em /*IE-6*/; line-height:1.5em; margin:0; padding:5px 20px 5px 20px; border-bottom:solid 1px rgb(200,200,200); color:rgb(75,75,75); font-weight:bold;}
.sidemenu li a:hover {background-color:rgb(240,240,240); color:rgb(75,75,75); text-decoration:none;}
.sidemenu li a:visited {color:rgb(75,75,75); text-decoration:none;}

/* Side menu */
.subcontent .videoplayer {width:224px; height:146px; margin:1.0em 20px 1.0em 20px; border:solid 5px rgb(175,175,175);}
.subcontent .audioplayer {width:224px; height:20px; margin:1.0em 20px 1.0em 20px; border:solid 5px rgb(175,175,175);}


/**********/
/* IMAGES */
/**********/

.main img {clear:both; float:left; margin:3px 15px 7px 0;  border:solid 3px #e16d18;}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}
.divTextSequence1 img, .divTextSequence2 img{float:none;}
/*********/
/* LINKS */
/*********/

/* Text links */
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}

/*Image links */
.main a img {border:solid 3px rgb(200,200,200);}
.main a:hover img {border:solid 3px rgb(175,175,175);}

/******************************************/
/*  MENU Verticale */

ul.menu2 

{

    width:150px;

    list-style:none; /* elimino i punti elenco */

    margin:0; padding:0; /* elimino i rientri delle liste */

    text-align:center;

    font-family: Arial, Sans-Serif;

}



ul.menu2 li a {
border-width:3px;border-style:none solid; border-color:White; /* aggiungo dei bordi laterali */
}

ul.menu2 li span {
border-width:5px;border-style:none solid; border-color:#66c;
}

ul.menu2 li a:hover, ul.menu2 li a:active {
border-color:#fff;
background-image:url(data/sfondoMenuHover.jpg);
}

ul.menu2 li a, ul.menu2 li span {

display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
background-image:url(data/sfondoMenu.jpg);

}

ul.menu2 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu2 li a {
background:#transparent;
color:#fff;
font-weight:bold;
} /* colori per il link */

ul.menu2 li span {
color:#009;
font-weight:bold;
}

ul.menu2 li a:hover, ul.menu1 li a:active {
background: #fff;
color:#fff;
background-image:url(data/sfondoMenuHover.jpg);

} /* colori per l'effetto roll-over */
.centrato
{
    text-align:center;
}

.bottone {padding:5px 5px 5px 5px; font-weight:bold; background-color:#e16d18; border:solid 1px #0e1947; text-align:center; color:#0a3361; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
.bottone:hover {padding:5px 5px 5px 5px; font-weight:bold; background-color:#cfd2ff; border:solid 1px #0e1947; text-align:center; color:#0a3361; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}

.tuttoSchermo
{
    width:576px;
    margin-left:20px;
}
.tuttoSchermo thead{
    background-color:#0a3361;
    color:White;
}
.tabella
{
    width:100%;
}
.riga2
{
    background-color:#859fb3;    
}
.riga1
{
    background-color:#eaf0ee;    
}
img, div {behavior: url(data/iepngfix.htc);}

.sequenzaFoto{
    display:inline;
    width:200px;
}
.sequenzaFotoHover{
    display:inline;
    width:200px;
}
.sequenzaFoto img{padding:5px 5px 5px 5px; border:solid 3px rgb(300, 300, 300)}
.sequenzaFotoHover img{padding:5px 5px 5px 5px; border:solid 3px #e16d18;}
.sequenzaFoto img, .sequenzaFotoHover img{
    float:none;
}
.rientra{text-align:center;}

.divTextSequence1 {    
    cursor:pointer;
    float:right; 
    clear:right;
    margin-right:2px;
    display: inline-block;
    width:200px;
    border:solid 1px #000;
    height: 350px;
}
.divTextSequence0 {  
margin-left:1px;
margin-right:1px;
margin-bottom:2px;  
    cursor:pointer;
    display: inline-block;
    width:201px;
    border:solid 1px #000;
    height: 350px;
}
.divTextSequence2 {   
    cursor:pointer;
    float:left;
    clear:left;
    margin-right:2px;
    margin-left:2px;
    display: inline-block;
    width:200px;
    border:solid 1px #000;
    height: 350px;
}
.divTextSequence1 h2, .divTextSequence2 h2, .divTextSequence0 h2{ font-size:10pt; }
.divTextSequence1 h3, .divTextSequence2 h3, .divTextSequence0 h3{ font-size:8pt; }
.divTextSequence1 p, .divTextSequence2 p, .divTextSequence0 p{ font-size:8pt; }
.divTextSequence1 img, .divTextSequence2 img, .divTextSequence0 img{ float:none; }

.divTextSequenceHorizontal {  
    margin-left:5px;
    cursor:pointer;
    display: block;
    width:605px;
    text-align:center;
}
.divTextSequenceHorizontal p{ font-size:8pt;  }
.divTextSequenceHorizontal img{ float:none; }