/*----- STYLE PRINCIPALE -----------------------------------------------*/
body {
	margin: 0 1px 0 0;
	padding: 0;
	background: #FFFFFF url(bback.png);
	background-attachment: fixed;
	color: #000000;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
}


div { /* border: 1px #000000 solid; /**/}
hr { display: none; }
.clear {clear: both}
.alt { display:	none}
.fascia{margin-left:35px; display:marker}

#bodyContent {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	background: #FFFFFF url(bodyback.png);
	border: 1px #A6A6A6 solid;
}

#tophead {
	text-align: center;
	border-bottom: 1px solid #2B3498;
	margin-bottom: 1px;
}

#header {
	color: #2B3498;
	background: #FFFFFF url('img/sino_logo_back.png') repeat-x;
	padding: 0px;
	border-bottom: 1px solid #2B3498;
	margin-bottom: 1px;
}

#header #logo {
	height: 37px;
	padding-top: 15px;
	padding-left: 175px;	
	background-image: url('img/logo_sino.jpg');
	background-repeat: no-repeat;	
}


#bothead {
	background: #2B3498;
	color: #ffffff;
	text-align: left;
	height: 18px;
	padding:2px 2px 0 2px;
}

#bothead a:link, #bothead a:visited {color: #FFFFFF; text-decoration:none}
#bothead a:active, #bothead a:hover {text-decoration:underline}

#colonna-sx {
	float: left;
	width: 29%;
	color: #000000;
	/*background: #FAF5E2;*/
}

#colonna-dx {
	display: none; /* Restore to 'inline' to show right column */
	float: right;
	width: 20%;
	color: #000;
	/*background: #EFC07A;*/
}

#colonna-sx .box, #colonna-dx .box {
	padding: 0px;
	border:	0px #000 solid;
}

#colonna-dx { margin-right: -1px; }

#principale {
	float: left;
	width: 70%; /* Restore to 60 or less to leave space for right column */
	color: #000000;
	margin: 0 0 -1px 0;
	background: #FFFFFF;
}
#principale .box {
	padding: 10px;
	border-left: 0px dotted #92C500;
	border-bottom: 0px solid #000000;
}

#footer {
	clear: left;
	margin-top: 2px;
	border-top:	1px solid #000;
	border-bottom: 1px solid #000;
	padding: 4px;
	background: #2B3498;
	color: #FFF;
	line-height: 1.5em;
	text-align: center;
	top: 10px;
}

#footer a:link, #footer a:visited {color:#FFFFFF; font-size: 1em; text-decoration:none}
#footer a:hover, #footer a:active {text-decoration:underline}

/*********** FINE *** STRUTTURA ************/


/*************** MENU LATERALE ***************/
/* definizione per trasformare le liste sidemenu in link*/
ul.topmenu {
	width:99%;
	list-style:none; /* elimino i punti elenco */
	margin:0; padding-left:0px; /* elimino i rientri delle liste */
}

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

ul.topmenu li a {
	display: inline; /* 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 74px 6px 10px ; /* lascia spazio far il bordo del menu e il testo del link */	
	margin-right: 10px;
	height:3em;line-height:3em; /* altezza del link: height e line-height devono avere il medesimo valore */
	background: #FFFFFF url(topmenu_arrow.png) bottom left;
	background-repeat:no-repeat;
}


ul.topmenu li a:link, ul.topmenu li a:visited {
	color: #2B3498;
	border-color: #CCB788;
} /* colori per il link */
ul.topmenu li a:hover, ul.topmenu li a:active {
	color: #D12F29;
	text-decoration: underline
} /* colori per l'effetto roll-over */

/*************** FINE MENU LATERALE ******************/


/*************** BOX ARROTONDATI ******************/
  .roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
	color: #2B3498;
    border: 1px solid #DCDEEE;
}

.content .title {display: block; font-variant: caps; text-align: center; margin-bottom: 5px;}
.content .title a:link, .content .title a:visited {color:#2B3499;text-decoration:none}
.content .title a:hover, .content .title a:active {text-decoration:underline}
.content p{margin-left: 10px; margin-right: 10px;}
.content img.icon {border-top: 3px #2B3498 solid}
.content .more {text-align:center;margin: 5px; position: relative; bottom: 0px} 
.content .more img {border:0}
	
.contentWrapper {	
	width: 208px;
	float: left;
	margin: 15px 30px 15px 0px;
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

.contentWrapperSide {	
	width: 208px;
	margin: 10px 0px;
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

.contentWrapperMain {	
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

.contentWrapperMain p{margin: 30px 10px; line-height: 2em}	

/*************** FINE BOX ARROTONDATI ******************/