/*nel body creato effetto obmra e retinatura bkg il behavior serve per la gestione del hover su il menu*/
body { background: #fff url(../img/body-bkgimg.png) center top repeat-y; margin:0 ; padding:0;  behavior: url(csshover.htc); }
img {border:0px; padding:0px;}
select {width: 120px; font-size: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-top: 1px solid #FFF;	border-left: 1px solid #CCC;	border-right: 2px solid #000;	border-bottom: 1px solid #000;	background-color: #F1F1F1;}
/*definizione del contenitore principale*/
#SUPER{padding:0px; margin:0px auto; width:900px; background-color: Black; }
/*Definizione della testata del sito*/
#header {background:#fff; height:100px; padding:0px; margin:0px auto; width:900px; border-right: 1px solid black; }
#header .logo{height:100px; width:215px; float: left; }
#header .logo a a:hover{border:none; cursor:pointer;}
#header .banner{ height: 100px; width: 685px; float: left; text-align: center;}
/*blocco menu posizionato in calce per motivi strutturali*/


/*CONTAINER*/

#container{ width:900px; background:#000000; position: absolute;}



/*Definizione della colonna di sinistra un bug di css costringe ad impiegare il vblack per creare un margine tra i box*/
#left {width:145px; background-color:#000000;  z-index:6; float:left;}
#left .sx-padre{ margin-top:10px; width:100%;}  
#left .vblack{ width:100%; float:left; background-color:#000000;}
/*definizione dei box di selezione */
#left .searchbox{ background-color:#E2007A; height:50px; margin-left:auto; margin-right:auto; width:120px; float:left}
#left .curva{ background-image:url(../img/NW-select-curva.gif); height:50px; width:20px; float:left; }
/*definizine del box partner*/
#left .partner-main{width:140px; height:230px; margin-top:20px; margin-left:2px; background-color:E00A7E}
#left .top{ width:140px; height:10px;background-image:url(../img/NW-top-partner.jpg);}
#left .partner{ width:140px; height:190px;background-color:#E2007A;}
#left .bott{width:140px; height:23px; background-image:url(../img/NW-bott-partner.jpg);}
/*definizione del box banner*/
#left .banner-main{width:140px; height:109px; margin:0px auto 0px auto; background-color:E00A7E;}

/*Definizione del corpo*/
#corpo {width:502px; background-color:#000000;   z-index:6; float: left; margin: 0px 1px;  }

/*stili specifici della home*/
#corpo .home-box{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; line-height:16px; text-align:left; margin-bottom:10px; width:100%}
#corpo .home-calendar{ border-right:1px solid #b00053; border-top:1px solid #b00053;font-size: 10px; padding:5px;}
#corpo .home-calendar li{ border-bottom: dotted 1px #CCCCCC; width:90%; line-height:20px; }
#corpo .home-news{ border-right:1px solid #b00053; border-top:1px solid #b00053; font-size:11px; text-align:justify; padding:5px;}
#corpo .hf {width:290; float:left;}
#corpo .home-focus{ width:289px; height:110px; border-right:1px solid #b00053; border-top:1px solid #b00053; font-size:11px; text-align:justify; padding:5px;}
#corpo .home-focus img { margin-top:2px; border:#FFFFFF solid 1px;}
#corpo .hc {width:190; float:left;}
#corpo .home-corsi{ width:180px; height:110px; border-right:1px solid #b00053; border-top:1px solid #b00053; font-size:11px; text-align:justify; padding:5px;}
#corpo .home-corsi img { margin-top:2px; border:#FFFFFF solid 1px;}
#corpo .home-cataloghi{ font-size:11px; text-align:justify; width:100%}

#corpo #home-news-main{ width:500px; height:140px;  float:left; margin-bottom:10px; font-size: 11px; text-align: left; font-family: Arial, Helvetica, sans-serif; color:#fff;}
#corpo #home-news-main .left { width:150px; height:100%; border-right: dotted 1px #ccc; float:left; padding-top:1px;}
#corpo #home-news-main .center { width:170px; height:100%; border-right: dotted 1px #ccc; float:left; }
#corpo #home-news-main .right { width:150px; height:100%; float:left;padding-top:1px; padding-left:2px;}



#corpo .catalogo {width:150px; background-color:#cbb277; color:#000000; float:left; text-align:left; padding:4px; border-left: solid 1px #000; border-top:solid 2px #000; border-right: 1px solid #999999; border-bottom:1px solid #999;}
#corpo .catalogo img {border:0; border-left: 1px solid #999999; border-top:1px solid #999;}
#corpo .catalogo h1{ font-weight:bold; font-size:12px; line-height:15px; padding:0; margin:0; border-bottom:dashed 1px #999; border-top:dashed 1px #999; margin-bottom:2px; font-family: Verdana; text-align:center;color:#fff; text-shadow:2px 0px 2px #000 ; }

#corpo #staff { color:#FFFFFF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 12px; width:100%; height:160px;}
#corpo #staff h2{font-size: 12px; font-weight:bold; line-height:10px;}
#corpo #staff .lf { height:150px; width:220px; border-right:#CCCCCC 1px dotted; float:left;}
#corpo #staff .rx { height:150px; width:200px; border-right:#CCCCCC 1px dotted; float:left; padding-right:2px;}

#corpo .box{width:100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 12px; color:#FFFFFF; line-height:16px; border-bottom:#CCCCCC 1px dotted; padding-bottom:5px; }
#corpo .box .sub{width:30%;}
#corpo .box .subH{width:45%;}
#corpo .box .subH .sub{width:45%;}
#corpo .box .space{width:5%;}
#corpo .box .FAQ {color:#E2007A; font-weight:bold;}

#corpo .box h1{width:100%; border-bottom:#E2007A solid 1px; font-size:14px; margin:10px 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif; text-align:left; background-color:#E2007A; text-indent:5px; }
/*
#corpo h2{width:100%; border-bottom:#E2007A solid 1px; font-size:12px; margin:10px 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif; text-align:left; text-indent:5px; }*/
#corpo img{float:left; margin: 0 5px auto 0;}
#corpo ul {margin-left:18px; margin-top:5px; padding:0px; }

#corpo a { font-weight:bold; color:#FFFFFF}
#corpo a:hover { text-decoration:none; font-weight:bold; color:#E2007A;}
#corpo .foto{ margin-top:10px;}
#corpo a.foto {text-decoration:none; font-weight:bold; color:#FFFFFF}
#corpo a.foto:hover {text-decoration:none; font-weight:bold; color:#E2007A;}



/*Definizione della colonna di destra*/

#right {width:250px; background-color:#000000;  z-index:6; float: left;}
#right img {border:none;  float:right;}
/*spazio basso*/
#bottomspace {height:22px; font-size:12px; color:#FFFFFF; width:100%;  float: left;}

/*Definizione del footer del sito*/
#footer {background-color:#E2007A; height:18px; font-size:12px; color:#FFFFFF; width:100%;  float: left;}
#footer .left {text-align:left; margin-left:2px; float:left; width:30%;}
#footer .center{text-align:center; width:35%;}
#footer .right {text-align:right; margin-right:2px; float:right; width:30%;}


/*blocco menu posizionato in calce per motivi strutturali*/


.menu {position:relative; z-index:100; border:0px; font-family:arial; font-size:12px; text-align:left!important;width: 900px;background: #e2007a; height:20px; border-right: 1px solid black;}
.menu img{border:0px;}
* html .menu {width:750px; w\idth:100%;}
.menu ul {padding:0px;margin:0px;list-style-type:none; border:0px; height:20px;}
.menu ul ul {}
.menu ul ul li {border:1px #000000 solid;}
.menu li {float:right; position:relative;}
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:70px; height:20px; background:#E2007A; line-height:28px; font-weight:bold; border-right:1px solid #FFFFFF;}
* html .menu a, * html .menu a:visited { w\idth:70px;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
.menu ul ul a.drop:hover{background:#E2007A;}
.menu ul ul :hover > a.drop {background:#E2007A;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0;}
.menu ul ul ul{left:100px; top:-1px; }
.menu ul ul ul.left {left:-100px;}
* html .menu ul ul {top:20px;t\op:20px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:120px;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:120px;}
.menu a:hover, .menu ul ul a:hover{color:#000; background:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#fff;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }