/* CSS Document */
/*  STYLE by Giovanni Bellocchio */

body { margin:0; padding: 0; font: 78% Arial, Helvetica, sans-serif; text-align: center; background: #E8E8D5}
UL, LI, DL, DD, DT { margin:0; padding:0; list-style-type:none;}
A IMG { border:none;}
P, H1 {margin:0; padding: 0;  }
TD {margin:0; padding: 0; vertical-align:top;}
A { color:#386C74; }
A:hover {color:#f50; }
H1,H2,H3,H4,H5,H6 {font-family: Georgia, "Times New Roman", Times, serif;margin:0; padding:0;}

 
/* LAYOUT
----------------------------------------------- */
#wrapsx 	{background:url(/images/body-fondosx.gif) repeat-y left;}
#wrapdx 	{background:url(/images/body-fondodx.gif) repeat-y right; padding:0 17px 0 17px;}
#wrap 		{background:#fff; width:90%; min-width:760px; max-width:1060px; margin:0 auto; text-align:left;  }
#head		{width:90%; min-width:760px; max-width:1060px; margin:0 auto; background:url(/images/head-fondodx.jpg) no-repeat right; height:77px; text-align:left;}
#nav 		{background:#E9EAD5;}
#main 		{ }
#sidebar	{margin-left:75%; border-left:5px solid white;}

/* HEAD
----------------------------------------------- */
#head H1 { padding:0px 0 0 0px; height:77px; background:url(/images/head-fondosx.jpg) no-repeat left; position:relative;}
#head H1 A STRONG {display:none;}
#head H1 A {display:block; position:absolute; top:24px; left:30px; width:420px; height:47px; background:url(/images/head-logo.gif) no-repeat 0px 0px; } 


/* NAV
----------------------------------------------- */
#nav {padding:0 10px 0 0; margin-bottom:5px; border-top:5px solid #fff; width: 99%;}
#nav UL LI {float:right; line-height:28px;}
#nav UL LI A {color:#143C56; font-size:12px;text-decoration:none; display:block; padding:0 10px 0 10px; background:url(/images/nav-div.gif) no-repeat 100% 50%;}
#nav UL LI A:hover {color:#f30;}

#log-info {float:left; background:#F2FF9C; text-align:center; padding:0px 10px 0px 10px;line-height:28px;}

#log-info a {color:#000000;}
#log-info a:hover {color:#f60;}

/* CONTENT
----------------------------------------------- */
#content {width:75%; float:left; margin-bottom:5px;}


#content A.more {background:#fff; color:#666; text-decoration:none; padding:0 2px 0 2px;}
#content A.more:hover {color:#f60;}

#introbox {padding:10px 10px 20px 5px; color:#223A3D; border-bottom:5px solid white; }
#introbox H2 {font-size:16px; color:#f40;}

#corsistibox {background:#D8D9B9 url(/images/portalebox-fondo.jpg) no-repeat 0 0; width:50%; min-height:160px; float:left; color:#44451C; padding:161px 0 0 0;}
#corsistibox H2 {color:#4D3F06; font-size:1.2em; border-bottom:1px solid #B2B398; margin:0 10px 0 20px;}
#corsistibox H2 STRONG {font-size:1.5em;}
#corsistibox P {margin:0 0 0 20px;}
/* * html #portalebox {height:150px;} */

#portalebox {background:#C8DDDE url(/images/corsistibox-fondo.jpg) no-repeat 0 0; width:49.4%; min-height:160px; float:right; color:#223A3D;padding:161px 0 0 0;}
#portalebox H2 {color:#223A3D; font-size:1.2em; border-bottom:1px solid #5D7A7D;margin:0 10px 0 20px;}
#portalebox H2 STRONG {font-size:1.5em;}
#portalebox P {margin:0 0 0 20px;}
/* * html #corsistibox {height:150px;} */

#strumentibox {background:#F4F5EA url(/images/strumentibox-fondo.gif) no-repeat 100% 100%; clear:left; padding:10px 150px 10px 10px; color:#223A3D; border-bottom:10px solid white; border-top:5px solid #fff;}
#strumentibox H2 {font-size:16px;}
/* * html #strumentibox {margin-top:-20px;} */


/* SIDEBAR
----------------------------------------------- */

/* SIDEBAR: ABOUTBOX */
#aboutbox {background:#DCDDBB;margin:0 0 0px 0; }
#aboutbox H2 {background:url(/images/aboutbox-fondotop.gif) no-repeat 0 0; font-size:17px; color:#8D6404; letter-spacing:-0.05em; line-height:17px; padding:30px 0 15px 75px; max-width: 150px;}
#aboutbox P {background:url(/images/aboutbox-fondobottom.gif) no-repeat 0 100%; padding:0px 20px 25px 25px; color:#4B6264; font-size:0.9em; max-width: 150px;}
#aboutbox a, #aboutbox a:visited {font-weight: bold; text-decoration: none; color:#4B6264;}
#aboutbox a:hover {text-decoration: underline;}


/* SIDEBAR: NEWSBOX */
#newsbox {background:#ECEDDB; border-top:5px solid white; padding:10px 10px 10px 5px;border-bottom:5px solid white;}
#newsbox H2 {color:#223A3D; font-size:14px; }
#newsbox H3 {padding-left:10px;color:#577687; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; margin-top:1em; background:url(/images/spot-minifreccia.gif) no-repeat 0 50%;}
#newsbox H3 A {color:#577687;}
#newsbox H3 A:hover {color:#f30;}
#newsbox P {font-size:0.9em; color:#222;padding-left:10px;}
#newsbox A {color:#577687;}
#newsbox A:hover {color:#f30;}

#autorebox {background:#fff url(/images/autorebox-fondo.gif) no-repeat 100% 0;padding:10px 10px 10px 5px; }
#autorebox H2 {color:#223A3D; font-size:1.1em; font-weight:normal;}
#autorebox H2 STRONG {font-size:1.2em;font-weight:bold;}
#autorebox FIELDSET { border:none; margin:0; padding:0;}
#autorebox FIELDSET INPUT.campo {margin:0 0 5px 0; border:1px solid #D6D7AE; padding:2px;}
#autorebox FIELDSET INPUT.bottone { height:20px; margin:0; padding:0; background:#F50; border:1px solid #D30;color:#FFF;font-weight:bold; }
#autorebox A {color:#555;}
#autorebox A:hover {color:#f30;}

.menubox {background:#fff; padding:10px 10px 10px 5px; }
.menubox H2 {color:#223A3D; font-size:1.1em; font-weight:normal;}
.menubox H2 STRONG {font-size:1.2em;font-weight:bold;}
.menubox FIELDSET { border:none; margin:0; padding:0;}
.menubox FIELDSET INPUT.campo {margin:0 0 5px 0; border:1px solid #D6D7AE; padding:2px;}
.menubox FIELDSET INPUT.bottone { height:20px; margin:0; padding:0; background:#F50; border:1px solid #D30;color:#FFF;font-weight:bold; }
.menubox A {color:#555;}
.menubox A:hover {color:#f30;}

/* FOOTER
----------------------------------------------- */
#footer	{width:90%; min-width:760px; max-width:1060px; margin:0 auto; }
#footer { color:#4E4223;  font-size:9px;text-align:center; color:#999; background:url(/images/footer-fondodx.gif) no-repeat right top;}
#footer P {background:url(/images/footer-fondosx.gif) no-repeat left top; line-height:50px; }
#footer P A {color:#223A3D; font-weight:bold;}
#footer P A:hover {color:#f30;}

/* UTILITY
----------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; width: 100%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#wrap {width:expression(document.body.clientWidth > 800? "90%": "100%" );}
#head {width:expression(document.body.clientWidth > 800? "90%": "100%" );}
#footer{width:expression(document.body.clientWidth > 800? "90%": "100%" );} 

#aboutbox H2 {width:expression(document.body.clientWidth > 1100? "150px": "130px" );} 
#aboutbox P {width:expression(document.body.clientWidth > 1100? "150px": "140px" );} 
/* End hide from IE-mac */
	
/* CMS STD: lo trovi in Common.css*/

/* editor: simulazione view (WYSIWYG) */
#wysiwyg {background:#fff; text-align:left;  }
#wysiwyg H1 { font: 1.9em "Arial Black", Arial, Helvetica, sans-serif; color: #769AA3; letter-spacing:-0.03em}
#wysiwyg H2 { font: 1.45em Arial, Helvetica, sans-serif; color: #769AA3; letter-spacing:-0.01em; font-weight:bold;}
#wysiwyg H3 { font: 1.2em Arial, Helvetica, sans-serif; color: #769AA3; font-weight:bold; border-top:1px solid #ccc; padding-top:0.3em;}
#wysiwyg H4 { font: 1.0em Arial, Helvetica, sans-serif; font-weight:bold;}
#wysiwyg P {margin-bottom:0.8em;}
#wysiwyg P.intro {margin-bottom:0.8em; font-weight:bold; color:#666;}
#wysiwyg UL {margin-bottom:0.8em;}
#wysiwyg UL LI {background: url(/images/spot-minifreccia.gif) no-repeat 0px 0.4em; padding:0 0 0 10px;}

/* CORSO/SCHEDA DETTAGLIO */

#introdettaglio H1 {font-size:1.8em; border-bottom:1px solid #ccc; margin-bottom:0.6em; }

.link_nodo A {background:#f60 url(/images/iniziacorso-fondo.gif) no-repeat 50% 50%; color:#fff; text-decoration:none; font-size:1em; text-align:center; width:145px; height:25px; display:block;  line-height:25px; font-weight:bold;}
.link_nodo A:hover {text-decoration:underline;}

.boxintestazione { float:left; width:62%}

.boxdettaglio {width:31%; background:#F0F1E4 url(/images/dettaglio-fondo.gif) no-repeat 0px 0px; float:right; padding:5px 10px 5px 25px;}
.boxdettaglio TABLE { } 
.boxdettaglio TABLE TD {padding:4px 25px 1px 0px; vertical-align:top; color:#666; border-bottom:1px dotted #ccc; font-size:0.8em; vertical-align:bottom}
.boxdettaglio TABLE TD STRONG {font-size:1.2em;}
.boxdettaglio TABLE TH {text-align:center; background:#fff; font-size:0.9em; padding:5px; font-weight:bold; color:#769AA3; }

.boxgestione {  }
.boxgestione TABLE {border:2px solid #E6E7CE; width: 100%}
.boxgestione TABLE TD {padding:5px 4px 2px 4px; font-size:0.8em; vertical-align:top; color:#666; border-bottom:1px solid #E6E7CE; vertical-align:bottom; }
.boxgestione TABLE TD STRONG {font-size:1.1em;}
.boxgestione TABLE TH {text-align:center; background:#fff; font-size:0.9em; padding:5px; font-weight:bolder; width:100%; background:#F0F1E4;color:#769AA3;}