/*
 * studiomsoft.com website pages cascade style stylesheet
 * Copyright 2004-2007 studiomsoft.com
 */
/*------------------------------------------------------------*/			  
/* GENERAL STYLES */
body {
	margin:			    0px;
	margin-top: 		8px;
	margin-bottom: 	    8px;
	background-color:   white;
	color:              black;
	font-family:        Verdana, Arial;
	text-align:         justify;
}

h1, h2, h3, h4 {
/*	clear:			none;*/
	background-color:   transparent;
	color:              #FFCC00;
	font-weight:        normal;
	margin-top: 		0px;
	border:             1px #FFCC00 solid;
}

a {
	background-color: transparent;
	color:            maroon;/navy;
	text-decoration:  none;
	font-weight:      bold;
   
}

a:hover {
	font-weight:      bold;
	background-color: transparent;
	color:            maroon;/navy;
	border-bottom:    1px navy solid;
	border-bottom:    1px maroon solid;
	padding-bottom:   1px;
}

p {
	color:      gray; /*black; /*gray;*/
	color:      #696969;
	font-size:  11px;
}

ul {
	color:      gray;
	color:      #696969;
}

li {
	font-size:  11px;
}

img {
	border:     0px black solid;
    padding:    8px;
    background-color: #FFFFCC;
    background-color: #FFFFFF;
}
/*------------------------------------------------------------*/
/* PARAGRAFO */

div.paragrafo {
	margin:		8px;
	border:		1px #FFFFF0 solid;
    min-height: 264px;
}

div.paragrafo img {
    float:   left;
	margin:  16px;
    width:   242px;
    height:  162px;
    width:   324px;
    height:  243px;
    width:   262px;
    height:  197px;
/*    width:   484px;*/
/*    height:  324px;*/
}

div.paragrafo p {
  padding-left:   16px;
  padding-left:  382px;
  padding-right:  16px;
}

div.paragrafo ul {
	margin:              1ex 0 0 0;
    margin-right:        32px;
/*	list-style-position: inside;*/
	line-height:         1.2em;
	padding-left:        406px;
}

/*------------------------------------------------------------*/
/* PARAGRAFOEVIDENZIATO */

div.paragrafoevidenziato {
	background-color: #FFFFF0;
	margin:           8px;
    min-height:       264px;
    min-height:       132px;
}

div.paragrafoevidenziato img {
	float:   left;
	margin:  16px;
    width:   102px;
    height:  76px;
    width:   162px;
    height:  122px;
}

div.paragrafoevidenziato p {
   padding-left:  216px;
   padding-right: 16px;
}

div.paragrafoevidenziato ul {
	margin:              1ex 0 0 0;
    margin-right:        32px;
/*	list-style-position: inside;*/
	line-height:         1.2em;
	padding-left:        240px;
}
/*------------------------------------------------------------*/
/* HEADER */
#header, #footer {
	background-color: #FFCC00;
	height:           32px;
	width:            750px;
	margin:           0 auto 0 auto;
	padding:          4px;
	border:           1px #FFCC00 solid;/*serve a compensare dimensione orizzontale di div PAGE*/ 
}

#header ul {
	text-align: right;
	margin:     0;
}

#header li {
  display:          inline;
	list-style-type:  none;
	white-space:      nowrap;
	font-weight:      bold;
}

#header a {
	background-color: transparent;
	color:            white;
	text-decoration:  none;
	font-size:        18px;
	font-weight:      normal;
}

#header a:hover {
	background-color: transparent;
	border-bottom:    1px white solid;
	padding-bottom:   2px;
}

/* queste due classi .leftside e .rightside servono solo per #header*/
.leftside {
  float:  left;
}

.rightside {
  float:        right;
  margin-left:  16px;
}

/* FOOTER */
#footer p {
	color:      black;
	margin:     0;
	padding:    0 2px 0 0;
	font-size:  10px;
	text-align: right;
}
/*------------------------------------------------------------*/
/* PAGE */
#page {
	width:            740px;
	background-color: white;
	margin:           0 auto 0 auto;
	padding:          1em 9px 1em 9px;
	border-style:     solid;
	border-width:     0 1px 0 1px;
	border-color:     #FFCC00;
}
/*------------------------------------------------------------*/
/*da rivedere completamente*/

/* BUTTONS */
div.buttons {
	text-align:       right;
	padding-bottom:   1ex;
}

div.buttons a {
   border-color:     #FFCC33 #A65E00 #A65E00 #FFCC33;
   border-style:     solid;
   border-width:     1px;
   background-color: #FFA31F;
   color:            white;
   font-weight:      bold;
   font-size:        0.8em;
   margin:           0 1ex 1ex 0;
   padding:          2px 1ex 2px 1ex;
   text-decoration:  none;
}

div.buttons a:hover {
	background-color: #FFB049;
  color:            white;
}


/*------------------------------------------------------------*/
/* TABS */
#tabs {
	background-color:   #FFCC00;
	height:             20px;
	width:              750px;
	margin:             0 auto 0 auto;
    margin-top:         4px;
	padding:          4px;
	border:           1px #FFCC00 solid;/*serve a compensare dimensione orizzontale di div PAGE*/ 
}

#tabs ul {
	text-align: right;
	margin:     0;
}

#tabs li {
  display:          inline;
	list-style-type:  none;
	white-space:      nowrap;
	font-weight:      bold;
}

#tabs a {
	background-color: transparent;
	color:            white;
	text-decoration:  none;
	font-size:        12px;
	font-weight:      bold;
}

#tabs a:hover {
	background-color: transparent;
	border-bottom:    1px white solid;
	padding-bottom:   2px;
}

.tableftside {
  float:  left;
  margin-right:  16px;
}

.tabrightside {
  float:        right;
  margin-left:  16px;
}