/*****************************************************/
/*   Design:  Stage 1.0                                 */
/*   Author:  Ferdinando Torriero                    */
/*   Date:    19, Novembre 2009                      */
/*****************************************************/

body
{
    font: 16px verdana; background-color: rgb(189,185,229);
}
fieldset {background-color: rgb(222,220,242);}
/* these are the font styles for the links that appear on your web page */
a:link {font: bold 13px arial; color: rgb(122,114,204); text-decoration: none;} 
a:active {font: bold 13px arial; color: rgb(122,114,204); text-decoration: none;}
a:visited {font: bold 13px arial; color: rgb(122,114,204); text-decoration: none;}
a:hover {font: bold 13px arial; color: #AF0020; text-decoration: underline;}/*this one changes the mouseover or hover state of the link*/

.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 1px rgb(122,114,204);
}

.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}

.wrapper
{
    /* remove this to have the page load at full width */
	width: 780px;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

.title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
	/* padding all four sides of the div in order top, right, bottom, left */
    background-color: #fff;
    color: rgb(122,114,204);
	font-face: Arial;
    font-weight: bold;
    font-size: 36px;
	padding: 10px 20px 10px 20px;
}

.title2 
{
    color rgb(122,114,204);
	font-face: Arial;
    font-weight: bold;
    font-size: 18px;

}
.titlemargin
{
	margin: 10px 0px 10px 0px;
}

.subtitle 
{
	color: #FFFFFF;
	font-face: Arial;
    font-weight: bold;
    font-size: 14px;
}
.text1
{
    font: 9px verdana; 
}
.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 20px 0px 20px; /* keeps text off the borders */
	font-face: Arial;
    font-size: 12px;
    padding: 0px;
	margin: 0px;
}

.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 180px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 180px;
}


.sidebaritem
{
    width: 200px;
    background-color: rgb(222,220,242);
    color: #6D8269;
    border: solid 1px rgb(122,114,204);
    font-size: 14px;
    padding: 2px;
    margin-bottom: 3px;

}
.horiz
{
    color: #4B1A95;
    font-weight: bold;
	width: 124px;
	float: left;
	text-align: center;
}
.inserisci
{
    margin: 15px 15px 15px 0;
    width: 190px;
    text-align: center;
    float: left;
    color:  rgb(122,114,204);
    border: solid 1px rgb(122,114,204);
    font-weight: bold;
}

.sidebaritem.first
{
    margin-top: 10px;
}

.footer
{
	background-color: rgb(222,220,242);
	font-size: 10px;
	font-face: arial;
	text-align: center;

}


/***********************/
/*------------------------------------------------------------------------*/
/* sezione 1 - Size                                                       */
/*------------------------------------------------------------------------*/
/* NOTA IMPORTANTE							  */
/* Because of IE float-rendering bug, the width                           */
/* must be reduced by 6px, otherwise it will                              */
/* duplicate characters after the last float                              */
/* Reason: IE may not alwys allow nested floats                           */
/* have identical widths, but inside float must                           */
/* be smaller than outside float. This IE-bug is                          */
/* somewhat unpredictable. See Section 5 header                           */
/* for more details on this topic.                                        */
/*------------------------------------------------------------------------*/
.sidebar {float: left; width: 200px; margin: 0px ; padding: 0.5em 0px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75);} 
/* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidebarbox-noborder {width: 140px; margin: 0px 0px 1.0em 9px; padding: 0px;}
.sidebarbox-border {width: 180px; margin: 0px 0px 1.0em 9px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);}
.sidebarbox-title-noshading {display: block; margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; font-weight: bold; font-size: 110%;}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 110%; color: #fff;}
.sidebarbox-noborder p {margin: 0px 5px 0.4em 5px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 110%;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 110%;}

/*--------------------------------------------*/
/* sezione 2 - COLORI DI SFONDO   */
/*--------------------------------------------*/
.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}
.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}
.bg-yellow01 {background-color: rgb(254,252,232);}
.bg-yellow02 {background-color: rgb(253,249,201);}
.bg-yellow03 {background-color: rgb(253,246,185);}
.bg-yellow04 {background-color: rgb(252,243,162);}
.bg-yellow05 {background-color: rgb(251,239,139);}
.bg-yellow06 {background-color: rgb(250,236,116);}
.bg-yellow07 {background-color: rgb(249,233,93);}
.bg-yellow08 {background-color: rgb(249,230,69);}
.bg-yellow09 {background-color: rgb(248,227,46);}
.bg-yellow10 {background-color: rgb(247,224,23);}
.bg-blue01 {background-color: rgb(238,237,249);}
.bg-blue02 {background-color: rgb(222,220,242);}
.bg-blue03 {background-color: rgb(205,202,236);}
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-blue05 {background-color: rgb(172,167,223);}
.bg-blue06 {background-color: rgb(155,149,217);}
.bg-blue07 {background-color: rgb(139,132,210);}
.bg-blue08 {background-color: rgb(122,114,204);}
.bg-blue09 {background-color: rgb(106,97,197);}
.bg-blue10 {background-color: rgb(89,79,191);}
.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}
.bg-red01 {background-color: rgb(252,235,233);}
.bg-red02 {background-color: rgb(248,216,211);}
.bg-red03 {background-color: rgb(245,196,188);}
.bg-red04 {background-color: rgb(242,177,166);}
.bg-red05 {background-color: rgb(238,157,144);}
.bg-red06 {background-color: rgb(235,137,122);}
.bg-red07 {background-color: rgb(232,118,100);}
.bg-red08 {background-color: rgb(229,98,77);}
.bg-red09 {background-color: rgb(225,79,55);}
.bg-red10 {background-color: rgb(222,59,33);}
/*-------------------------------------------------------------*/

		
AnnullaAnnulla