/* CSS LAYOUT Document */

body#bg {
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DDDDDD;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.bggrey {
	background-color: #FFFFFF;
	background-image: url(sfondo-vert_grigio-sfumato_1x1000.jpg);
	background-repeat: repeat-x;
}
.bgblu {
	background-color: #FFFFFF;
	background-image: url(sfondo-vert_celeste-sfumato_1x1000.jpg);
	background-repeat: repeat-x;
}
div#overheader {
	font-family: Arial;
	font-size: 10px;
	margin-top: 1px;
	margin-right: 25px;
	margin-left: 25px;
	width: 798px;
	height: 16px;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding: 1px;
}
.overheaderblu {
	background-color: #CCCCCC;
	border: 1px dotted #6392B4;
	color: #666666;
	cursor: help;
}
.overheaderblu:hover {
	background-color: #6392B4;
	border: 1px dotted #FFFFFF;
	color: #FFFFFF;
	cursor: help;
}
.overheadergreen {
	background-color: #CCCCCC;
	border: 1px dotted #669900;
	color: #666666;
	cursor: pointer;
}
.overheadergreen:hover {
	background-color: #669900;
	border: 1px dotted #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
}
.overheaderred {
	background-color: #CCCCCC;
	border: 1px dotted #CC0000;
	color: #666666;
	cursor: help;
}
.overheaderred:hover {
	background-color: #CC0000;
	border: 1px dotted #FFFFFF;
	color: #FFFFFF;
	cursor: help;
}
div#layout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	width: 800px;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 25px;
}
.layoutblu {
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(bordoblu20.gif);
	border: 1px solid #336699;
}
.layoutred {
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(bordored20.gif);
	border: 1px solid #CC0000;
}
.layoutgreen {
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(bordogreen20.gif);
	border: 1px solid #669900;
}
div#header {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#logo {
	background-repeat: no-repeat;
	float: left;
	height: 76px;
	width: 555px;
	margin-left: 25px;
	margin-bottom: 5px;
}
.logoblu {
	background-image: url(../images/promoschool_logo4_550x76.gif);
}
.logored {
	background-image: url(../images/promoschool_logo4-red_550x76.gif);
}
div#language {
	float: right;
	height: auto;
	width: 150px;
	margin-right: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.language {
	height: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 1px;
	border-top: 5px solid #FFFFFF;
	cursor: pointer;
}
.language:hover {
	height: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 1px;
	border: 5px solid #D3EAF1;
	cursor: pointer;
}
div#userbox {
	float: left;
	height: auto;
	width: 200px;
	margin-left: 25px;
}
div#navtopbox {
	float: right;
	height: auto;
	width: 550px;
	margin-bottom: 10px;
}
div#navtopnews {
	float: right;
	height: auto;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-bottom: 10px;
}
div#navtop {
	float: right;
	height: 30px;
	width: 100%;
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
.navtopblu {
	background-color: #336699;
	background-image: url(navtop_bluscuro_1x50.jpg);
}
.navtopred {
	background-color: #CC0000;
	background-image: url(navtop_bordeaux_1x50.jpg);
}
.navtopgreen {
	background-color: #669900;
	background-image: url(navtop_green_1x50.jpg);
}
div#navtopmargin {
	height: 30px;
	width: 20px;
	margin-bottom: 10px;
}
.navtopmargindx {
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.navtopmarginsx {
	float: left;
	background-image: url(navtop_marginsx-bianco_12x30.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
div#navtoplink {
	text-align: center;
	vertical-align: 50%;
	height: 30px;
	padding-top: 0px;
	padding-right: 8px;
	padding-left: 8px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	cursor: pointer;
	line-height: 14px;
}
.navtoplinkblu {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #CCCCCC;
	background-image: url(navtop_grey_1x50.jpg);
	background-repeat: repeat-x;
}
.navtoplinkblu:hover {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #37809B;
	background-color: #37809B;
	background-image: url(navtop_blu_1x50.jpg);
	background-repeat: repeat-x;
}
.navtoplinkgreen {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #CCCCCC;
	background-image: url(navtop_grey_1x50.jpg);
	background-repeat: repeat-x;
}
.navtoplinkgreen:hover {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #669900;
	background-color: #587A10;
	background-image: url(navtop_green_1x50.jpg);
	background-repeat: repeat-x;
}
div#subnavtop {
	float: right;
	height: auto;
	width: 96%;
	margin-bottom: 10px;
	margin-right: 15px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
div#middle {
	float: left;
	width:100%;
	height: 100%;
	vertical-align: top;
}
div#barsx {
	float: left;
	width:150px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
}
div#navsx {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.navsxblu {
	background-color: #6392B4;
	background-image: url(menusx_blu-bluscuro_150x1.jpg);
	background-repeat: repeat-y;
}
.navsxred {
	background-color: #CC0000;
	background-image: url(menusx_red_150x1.jpg);
	background-repeat: repeat-y;
}
.navsxgreen {
	background-color: #669900;
	background-image: url(menusx_green_150x1.jpg);
	background-repeat: repeat-y;
}
div#navsxalto {
	height: 6px;
	background-image: url(angolo-bianco-ad_6x6.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div#navsxbasso {
	height: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-image: url(angolo-bianco-bd_6x6.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#navsxlink35 {
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	cursor: pointer;
}
div#navsxlink25 {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	cursor: pointer;
}
div#navsxlink20 {
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	cursor: pointer;
}
.navsxlinkblu {
	background-color: #CCCCCC;
	background-image: url(menusx_grey_150x1.jpg);
	background-repeat: repeat-y;
	display: block;
}
.navsxlinkblu:hover {
	background-color: #6392B4;
	background-image: url(menusx_blu_150x1.jpg);
	background-repeat: repeat-y;
	display:block;
}
.navsxlinkgreen {
	background-color: #CCCCCC;
	background-image: url(menusx_grey_150x1.jpg);
	background-repeat: repeat-y;
	display:block;
}
.navsxlinkgreen:hover {
	background-color:#587A10;
	background-image: url(menusx_verde_150x1.jpg);
	background-repeat: repeat-y;
	display:block;
}
.navsxlinkgreen2 {
	background-color:#587A10;
	background-image: url(menusx_verde_150x1.jpg);
	background-repeat: repeat-y;
	display:block;
}
.navsxlinkgreen2:hover {
	background-color:#669900;
	background-image: url(menusx_verde-verdescuro_150x1.jpg);
	background-repeat: repeat-y;
	display:block;
}
.navsxlinkred {
	background-color: #CCCCCC;
	background-image: url(menusx_grey_150x1.jpg);
	background-repeat: repeat-y;
	display:block;
}
.navsxlinkred:hover {
	background-color: #CC0000;
	background-image: url(menusx_red_150x1.jpg);
	background-repeat: repeat-y;
	display:block;
}
div#navsxopen {
	text-align: left;
	vertical-align: middle;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	cursor: pointer;
}
.navsxopenblu {
	background-color: #336699;
	background-image: url(menusx_blu-bluscuro_150x1.jpg);
	background-repeat: repeat-y;
}
.navsxopengreen {
	background-color:#669900;
	background-image: url(menusx_verde-verdescuro_150x1.jpg);
	background-repeat: repeat-y;
}
div#navsxopeninfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-top: 5px;
}
div#searchsx {
	width: 120px;
	float: left;
	margin-top: 25px;
	margin-right: 5px;
	margin-left: 25px;
	margin-bottom: 25px;
}
div#overpage {
	float: right;
	width:615px;
}
div#overpagebox {
	float: left;
	width: auto;
	text-align: center;
	vertical-align: 50%;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	margin-left: 5px;
}
div#overpagebox2 {
	float: right;
	width: auto;
	text-align: center;
	vertical-align: 50%;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	margin-left: 5px;
	margin-right: 5px;
}
.overpageboxblu {
	background-image: url(menualto_nero_1x50.jpg);
	background-repeat: repeat-x;
	border-top-color: #336699;
	border-right-color: #336699;
	border-left-color: #336699;
}
.overpageboxblu:hover {
	background-image: url(navtop_bluscuro_1x50.jpg);
	background-repeat: repeat-x;
	border-top-color: #336699;
	border-right-color: #336699;
	border-left-color: #336699;
}
.overpageboxblufixed {
	background-image: url(navtop_bluscuro_1x50.jpg);
	background-repeat: repeat-x;
	border-top-color: #336699;
	border-right-color: #336699;
	border-left-color: #336699;
}
.overpageboxgreen {
	background-image: url(menualto_nero_1x50.jpg);
	background-repeat: repeat-x;
	border-top-color: #669900;
	border-right-color: #669900;
	border-left-color: #669900;
}
.overpageboxgreen:hover {
	background-image: url(navtop_green_1x50.jpg);
	background-repeat: repeat-x;
	border-top-color: #669900;
	border-right-color: #669900;
	border-left-color: #669900;
}
.overpageboxgreenfixed {
	background-image: url(navtop_green_1x50.jpg);
	background-repeat: repeat-x;
	border-top-color: #669900;
	border-right-color: #669900;
	border-left-color: #669900;
}
div#page {
	float: right;
	width:580px;
	padding-right: 25px;
	margin-bottom: 50px;
	text-align:justify;
	line-height: 18px;
}
.pageblu {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #336699;
	border-bottom-color: #336699;
	border-left-color: #336699;
	background-color: #E6EEF7;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.pagegreen {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #669900;
	border-bottom-color: #669900;
	border-left-color: #669900;
	background-color: #EBF4C6;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.pagered {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	background-color: #FFE1DD;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div#block {
	width:550px;
	height: auto;
	padding: 15px;
	margin-bottom:50px;
	vertical-align: top;
}
div#box50 {
	width:50px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
div#box100 {
	width:100px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
div#box150 {
	width:150px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
div#box200 {
	width:200px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
div#box250 {
	width:250px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
div#box400 {
	width:400px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
div#box500 {
	width:500px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
div#box530 {
	width:530px;
	height: auto;
	margin: 15px;
	vertical-align: 50%;
}
.floatdxtextdx {
	float: right;
	text-align: right;
}
.floatdxtextmid {
	float: right;
	text-align: center;
}
.floatdxtextsx {
	float: right;
	text-align: left;
}
.floatsxtextdx {
	float: left;
	text-align: right;
}
.floatsxtextmid {
	float: left;
	text-align: center;
}
.floatsxtextsx {
	float: left;
	text-align: left;
}
div#sitedir {
	float: right;
	width:600px;
	height: 12px;
	text-align: right;
	padding-right: 5px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
div#footer {
	width: 100%;
	height: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.footergrey {
	background-color: #ECE9D8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6392B4;
}
.footerblu {
	background-color: #6392B4;
}
.footerred {
	background-color: #CC0000;
}
.footergreen {
	background-color: #E8FFB7;
}
div#subfooter {
	font-family: Verdana;
	font-size: 9px;
	color: #666666;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 50px;
	width: 800px;
	height: auto;
	float: left;
	border: 1px dotted #666666;
}