﻿html, body {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:0px;
    margin-right:0px;
    font-family: verdana;
    text-align:left;
    font-size: 82%;
    color: black;
    background-color: #FFFFFF;
    background-position: top;
    background-repeat: repeat-x;
}
table,td { 
    border-style:none; 
    font-size: 100%;
}
table { 
    width: 99%
    margin:0px; 
    /*border-collapse: collapse;    */
}
td { 
    padding:0px;
    vertical-align:top; 
}
img {
    margin:0px; 
    /*border-collapse: collapse;*/
}
a { 
    font-size: 100%;
    text-decoration: none;
    font-weight: normal;
    color: Black; 
}
a:hover { 
    text-decoration: underline;
}
.small { 
    font-size: 85%; 
    color: #6C6C6C;
}
/*.infoPage {
} */
.cell {
    font-size: 100%;
    font-weight: normal;
    border: 1px solid #505255;
    background-color: #F7F7F7; 
    padding-left: 0 2px;
}
.button { 
    font-size: 100%; 
    color: black;
    padding: 2px;
    border: 1px solid BLACK;
}
.topbanner { 
    border: medium none;
    font-size: 100%; 
    text-align: center;
    border-right: 0px groove white;
    border-left: 0px groove white;
}
.tableline1 {
    padding: 3px;
    text-indent: 5px;
    color: #696969;
    font-weight: normal;
    BACKGROUND-COLOR: #D5E1F2;
    TEXT-ALIGN: left;
}
.tableline1 a {
    color: Black;
    font-weight: normal;
}
.tableline2 {
    padding: 3px;
    text-indent: 5px;
    font-weight: normal;
    color: #696969;
    BACKGROUND-COLOR: #E8EFF8;
    TEXT-ALIGN: left;
}
.tableline2 a {
    color: Black;
    font-weight: normal;
}
.tablelinemain {
    height: auto;
    font-size: 100%;
    padding: 5px;
    color: #696969;
    background-color: #DCDCDC;
}
.tablelinemain a { 
    font-size: 100%;
}
.tablelinemain a:hover { 
    font-size: 100%;
    color: White; 
}
.normal { 
    list-style: square;
    font-size: 100%; 
    text-align: left; 
}
.myTable {
    font-weight: normal;
    color: #555555;
    font-size: 100%;
    LIST-STYLE-TYPE: square;
    TEXT-ALIGN: left;
    margin-bottom: 0px;
    border: 0px solid #97CCFF;
    background-color: transparent;
}
.mymodule {
    border: 0px solid Silver;
    list-style: square;
    font-size: 110%;
    background-color: transparent;
    font-style: normal;
}
.mySubTable {
    border: 0px solid #D6DFEF;
    list-style: square;
    background-color: transparent;
    font-style: normal;
/*  width: 100%;*/
}
.myTitle {
    height: 20px;
    font-size: 120%;
    border-bottom: 1px solid #2F6488;
    font-weight: 600;
    padding-top: 5px;
    color: #2F6488;
    text-indent: 3px;
    background-color: transparent;
}
.myTitleBottom {
    height: 25px;
    border: none;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 0px;
    COLOR: #DC143C;
    TEXT-INDENT: 15px;
    TEXT-ALIGN: left;
    PADDING-TOP: 1px;
}
.myTD { 
    padding: 5px; 
    border: none;
}
.myQuote {
    border: 1px solid #000000;
    padding: 3px;
    font-size: 110%;
    text-align: justify;
    background-color: #D3D3D3;
}
.img_newmessage {
    border: 0px;
}
.visitors_ajax {
overflow:auto;
height:80px;
}
.OnLine {
    color: Green;
}
.OffLine {
    color: Red;
}
/* Tabber */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabberlive {
 margin-top:1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
    margin:0;
    padding: 3px 0;
    font-size: 100%;
    color: White;
    background-color: transparent;
    border-bottom: 1px solid #BBBBBB;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #BBBBBB;
 border-bottom: none;
 text-decoration: none;
 color: Gray;
}
ul.tabbernav li a:link {
    color: Gray;
    text-decoration: none;
}
ul.tabbernav li a:hover
{
 color: red;
}
ul.tabbernav li.tabberactive a
{
 background-color: transparent;
 border-bottom: 0px solid white;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 border-bottom: 1px solid black;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab2 .tabbertab {
 height: 200px;
 overflow:auto;
}
.copyright {
    padding-top: 10px;
    margin-top: 10px;
}
.copyright a{
    font-weight: normal;
    text-decoration: underline;
}
.copyright a:hover {
    color: Black;
}
#slideajaxmessage {
    height: 200px;
/*  width: 500px; */
/*  width: 100%;*/
    display: none;
}
#slideajaxmessage1, #slideajaxmessage2 {
/*  width: 500px;*/
/*  width: 100%;*/
    height: 200px;
}
.news_block {
    border: 1px solid;
    padding: 5px;
    height: 120px;
    margin: 10px;
}
.news_title {
    font-weight: bold;
    font-size: 150%;
}
#title {
    margin-top: 150px;
}
.SwishMenu {
    margin: 0px 0px 0px 0px;
    width: auto;
    height: 25px;
}
.SwishMenu .SwishMain {
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    display: block;
    list-style-type: none;
    font-weight: normal;
    height: 24px;
    width: auto;
    background-image: url(swish/stripe2.png);
/*  border-top: 4px solid #47B2DE; */
/*  border-bottom: 4px solid #47B2DE;*/
}
.SwishMenuLBuff {
    width: 4px;
    height: 26px;
    float: left;
/*  background: url(swish/lbuff.png) top left no-repeat;*/
}
.SwishMenuRBuff {
    width: 4px;
    height: 26px;
    float: right;
/*  background: url(swish/rbuff.png) top left no-repeat;*/
}
.SwishMenu li {
    float: left;
    white-space: nowrap;
    margin: 0px 0px 0px 0px;

/*  background: url(swish/m_li.gif) left no-repeat;*/
}
.SwishMenu li:first-child {
    background-image: none;
}
.SwishMenu .MISwishMenu {
    width: 135px;
    height: 48px;
    display: block;
    margin: 0px;
    z-index: 6;
    text-decoration: none;
}
.SwishMenu .MISwishMenu img {
    z-index: 13;
    border: none;
    float: left;
    width: 1px;
    height: 1px;
    position: relative;
}
.SwishMenu .MISwishSubMenu img {
    z-index: 13;
    border: none;
    float: left;
    height: 16px;
    position: relative;
}
.MISwishMenu :visited {
    color: Black;
}
.SwishMenu .MISwishMenu b {
    position: relative;
    left: 10px;
    top: 2px;
    font-weight: 600;
    font-size: 10px;
}
.SwishMenu li ul li a:visited {
    color: Black;
}
.SwishMenu li ul {
    padding: 0px;
    margin: -7px 0px 0px 90px;
    white-space: nowrap;
    list-style-type: none;
    z-index: 10;
    overflow: hidden;
    height: 23px;
    width: 0px;
    position: absolute;
    background: url(swish/sm_r2.png) no-repeat top right;
}
.SwishMenu li ul li {
    background: none;
    z-index: 10;
}
.SwishMenu li ul li a {
    display: block;
    height: 23px;
    width: 110px;
    padding-top: 4px;
    text-decoration: none;
    font-weight: bold;
    color: Red;
    text-align: center;
    background-color: Silver;
    background: url(swish/sm_m.png) repeat-x;
}
.SwishMenu li ul li:first-child {
    padding-left: 11px;
    background: url(swish/sm_l.png) no-repeat top left;
}

#MainMenumenuitems .myTD {
	margin-right: 5px;
}
ul.anmenu {
/*width:170px;*/
list-style: square;  /*elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.anmenu li a {
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 */
}
ul.anmenu li a:link, ul.anmenu li a:visited {
    background: url(up.png);
    border-bottom: 1px dotted #ccc;
    /*background:#ccc;*/
} /* colori per il link */
ul.anmenu li a:hover, ul.anmenu li a:active {
    background: url(titlecolleft.jpg);
} /* colori per l'effetto roll-over */


/* ------------- colonne ----------------*/
#top {
    height: 325px;
    background-image: url("topc.jpg");
}
#topl {
    width: 232px;
    height: 325px;
    float: left;
    background-image: url("topl.jpg");
}
#topc {
    height: 325px;
}
#topr {
    width: 746px;
    height: 325px;
    float: right;
    background-image: url("topr.jpg");
}
#toolbar {
    background-image: url("toolbarc.jpg");
    height: 48px;
}
#toolbarc {
    height: 48px;
}
#toolbarl {
    height: 48px;
    width: 232px;
    float: left;
    background-image: url("toolbarl.jpg");
    background-repeat: repeat-y;
    background-position: left;
}
#toolbarr {
    height: 48px;
    width: 40px;
    margin-right: 0px;
    float: right;
    background-image: url("toolbarr.jpg");
    background-repeat: repeat-y;
    background-position: right;
}
#bottom {
    height: 90px;
    background-image: url("bottomc.jpg");
    text-align: center;
}
#bottoml {
    width: 257px;
    height: 90px;
    float: left;
    background-image: url("bottoml.jpg");
}
#bottomr {
    width: 238px;
    height: 90px;
    float: right;
    background-image: url("rbottom.jpg");
}
#bottomc {
    padding-top: 30px
}
#container1 {
    height: auto;
    background-image: url('contentl.jpg');
    background-repeat: repeat-y;
}
#container2 {
    height: auto;
    margin-left: 30px;
    background-image: url('contentr.jpg');
/*  padding-right: 70px;*/
    background-position: right top;
    background-repeat: repeat-y;
}
#container3 {
    height: auto;
    padding: 5px;
/*  background-image: url('contentc.jpg');*/
    background-repeat: repeat-y;
}
/* ------------- colonne -------------*/
#columnleft {
    float: left;
    width: 170px;
    background: transparent;
	 margin-top: -150px;
}
#columnleft a {
    color: Black;
}
#columnleft .small {
    color: #4D5D2D;
}
#columnleft .myTitle {
    height: 34px;
    text-indent: 5px;
    padding-bottom: 2px;
    border-bottom: 0px solid #696969;
    color: #87877B;
    background-color: transparent;
    background-image: url(titlecolleft.jpg);
    background-position: top;
    background-repeat: no-repeat;
}
#columnleft .myTD {
    padding-left: 10px;
}
#columnleft .myTitleBottom {
    height: 25px;
    margin: 0px;
}
#columnright {
    float: right;
	 margin-top: -50px;
    margin-right: 30px;
    width: 160px;
    background: transparent;
}
#columnright .myTitle {
    height: auto;
    text-indent: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #696969;
    color: #87877B;
	background-image: url(toptitle.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#columnright .myTable { 
	background-image: url(centreTitle.jpg);
}
#columnright .myTitleBottom {
	height: 26px;
	margin: 0px;
	background-image: url(bottomtitle.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#columnright a {
    color: Black;
}
#columnright .small {
    color: #305E9A;
}

/* ------------- fine-colonne -------------*/
#Display {
    font-size: 100%;
    border-style:solid;
    border-width:0 0px;
    border-color:#ccc;
    margin-left: 190px;
    margin-right: 205px;
    padding: 0em 5px;
    background-color: transparent;
/*  width: 100%;*/
/*  float: left; */
}
#Display .myTitle {
    font-size: 160%;
    height: 40px;
    padding-top: 15px;
    border-bottom: 0px dotted #999;
    color: #3790DA;
    font-weight: 600;
    text-indent: 40px;
    background-color: transparent;
    background-image: url(title1.gif);
    background-position: left;
    background-repeat: no-repeat;
    }
#Display .myTitleBottom {
    font-size: 85%;
    color: #A9A9A9;
    border: none;
    padding-top: 5px;
    border-bottom: 0px dotted gray;
    background-color: transparent;
    }
#Display .myTitleBottom a{
    font-size: 100%;
    font-weight: normal;
    color: #8A99A8;
    }
#Display .myTitleBottom a:hover {
    text-decoration: underline;
    }
#Display .myTable {
    color: #666666;
    border: none;
    padding-bottom: 10px;
}
#Display a {
    color: Black;
    }
#Display .small {
    color: #578EBE;
    }
#Display .myTD {  
	border: 1px dotted silver;
	margin: 10px;
	}
	 
/* ----------------- blocchi personalizzati-------------------------------*/
#slideajaxnews_0 {
    height:330px;
/*  width:100%;*/
    display: none;
}
#slideajaxnews1_0, #slideajaxnews2_0 {
    height:330px;
/*  width:100%;*/
}
#lastinsert{
    height: 50px;
/*  width: 100%;*/
    display: none;
}
#lastinsert1{
    height: 50px;
/*  width: 100%;*/
}
#lastinsert2{
    height: 50px;
/*  width: 100%;*/
}
#PAYPAL .myTitle {
	background-color: transparent;
	background-image: none;
}
#BlockTopDownloads_Data .myTitle {
    height: 30px;
    text-indent: 7px;
    padding-top: 5px;
    border-bottom: 0px solid #696969;
    color: #696969;
    font-weight: normal;
    background-image: url(titleR.jpg);
    background-position: top;
    background-repeat: no-repeat;
}
#BlockTopDownloads_Data .myTD {
    padding-left: 10px;
    background-image: url(centreR.jpg);
    background-position: center;
    background-repeat: repeat-y;
}
#BlockTopDownloads_Data .myTitleBottom {
    height: 25px;
    margin-bottom: 10px;
    background-image: url(bottomR.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}
#MyFavorites .myTitle {
    height: 30px;
    text-indent: 7px;
    padding-top: 5px;
    border-bottom: 0px solid #696969;
    color: #696969;
    font-weight: normal;
    background-image: url(titleR2.jpg);
    background-position: top;
    background-repeat: no-repeat;
}
#MyFavorites .myTD {
    padding-left: 10px;
    background-image: url(centreR2.jpg);
    background-position: center;
    background-repeat: repeat-y;
}
#MyFavorites .myTitleBottom {
    height: 25px;
    margin: 0px;
    background-image: url(bottomR2.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}
#Skype .myTable {
    color: Black;
	 text-align: left;
}
#Skype .myTD {
    color: Black;
	 text-align: left;
	 font-weight: normal;
    background-color: transparent;
}
#Skype .myTitle {
    background-image: url(/imgs/skipe.gif);
    background-position: left;
    background-repeat: no-repeat;
    text-align: left;
    border: none;
    background-color: transparent;
    font-family: Arial,sans-serif;
    font-size: smaller;
    font-weight: normal;
    text-transform: capitalize;
    color: black;
    text-indent: 57px;
}
/* ----------------- fine blocchi personalizzati-------------------------------*/