@charset "utf-8";
/* CSS Document */


/********************/
/*  GUIDALSOFTWARE  */
/********************/
body {
	margin: 0px;
	padding:0px;
	
	background-color: #e5e7eb;
	background-repeat: repeat-y;
	background-position: center;
	font-size: 13px; color:#474A51;
    font-family: Verdana;
	}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.container
{
width: 924px;
text-align: left;
background: url( "../jpg/container-bkg.png") repeat-y top left;
}
.page
{
width: 900px;
text-align: left;
background-color:#f4f4ed;
}
.data {
	text-align:right;
	font-size:10px;
	height:18px;
	padding-right:5.5px;
}
.tab-swf {
	background-color: #141A34;
	}
.tab-grigio {
	background-color: #B2B2B2;
	}
.tab-SPONSOR {
padding:6px;
line-height:16px;
	}
.tab-contatti{
	background-image: url("../jpg/sfondo-contatti.png");
	background-repeat:repeat-x;
	background-position:center;
	color:#FFFFFF;
	padding-left:2em;
	padding-right:0.8em;
	/*padding-bottom:0.5em;*/
	}
/*div
{
    font-size: 11px;
    font-family: "Verdana";
}
*//*Passiamo adesso al div contenitore del menu: div#MENU*/
div#contatti
{
    text-align: right;
	vertical-align:middle;
    padding: 1px;
    font-size: 11px;
    font-family: "Verdana";
    /*background-color: #fff;*/
    /*border: Solid 1px #000000;*/
}
/*Ed eccoci alla fase saliente del menu: la realizzazione dell'effetto rollover sul testo dei link. Ecco il codice:*/
a.contatti
{
   /* background-color: #AAAAAA;*/
    color: #E2E2E2;
    /*font-weight: Bold;*/
    width: 100px;
    padding-right: 20px;
    /*border: Solid 1px #000000;*/
}
a:hover.contatti
{
    /*background-color: #778899;*/
    color: #fff;
    /*font-weight: Bold;*/
    width: 100px;
    padding-right: 20px;
    /*border: Solid 1px #000000;*/
}
	
.h1 { font-size: 11px;  }
.h2 { font-size: 12px;  }
.h3 { font-size: 18px; }
.h4 { font-size: 16px; }
.h5 { font-size: 14px; }


.tabella_sx_menu {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../jpg/border_right.jpg); BACKGROUND-REPEAT: repeat-y; height:100%;
	background-color:#F6F7F8;
}
.google-cenrale
{
padding-left:15px;
}
.ricerca-left
{
padding-top:15px;
}
.tab-ricerca-down {
	padding-left:15px;
	padding-right:150px;
}

/** MENU 2 ** roll-over basato sui colori e sui bordi laterali **/

ul.menu2 { 
width:160px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu2 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:1.6em;line-height:1.6em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
border-left-width:5px;
border-right-width:0px;
border-bottom-width:0px; 
border-top-width:1px;
border-top-color:#FFFFFF;
border-style:solid;  /* aggiungo dei bordi laterali */
color:#CC6699;
}
ul.menu2 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

/* colori per il link */
ul.menu2 li a:link, ul.menu2 li a:visited { 
background:#ccc;
color: #009;  /*colore del testo*/
font-size:11px;
border-left-color:#141A34;

} 

/* colori per l'effetto roll-over */
ul.menu2 li a:hover, ul.menu2 li a:active { 
background: #eee;  /*colore dello sfondo testo quando mi posiziono*/
color:#c00;  /*colore del testo quando mi posiziono*/
font-size:11px;
border-left-color:#66c; /*colore del bordo quando mi posiziono*/
}

h6 { /*stile per i titoli dei menu*/
font-size:11px;
font-weight:bold;margin:2px 0;
color:#E8E8CC;
padding:0.5em 1em;
background: #141A34;
text-decoration:none;
}
.h6-google { /*stile per i titoli dei menu*/
font-size:11px;
font-weight:bold;margin:2px 0;
color:#E8E8CC;
padding:0.0em 1em;
background: #141A34;
}
.tab-blu {
	background-color: #141A34;
	}
/**FINE MENU 2 ** roll-over basato sui colori e sui bordi laterali **/