/* FOGLIO DI STILE <CSS> PER SKIN niftycorner Mela */

@import url("niftyCorners.css");

/*typography*/

html,body{margin:0;padding:0}
body{
font-family: Arial,Helvetica, sans-serif;
font-size: 80%;
text-align: left;
padding-bottom: 10px;
padding-top: 3px;
background: #666 ;

}


p{
margin: 0;
padding:0;
color: #666;
}
h1,h2,h3{
font-family: Arial, Helvetica, sans-serif;
}
h1{
font-size: 200%;
padding-left: 3px;
color: #333;
}

h2{
font-size: 160%;
padding-left: 3px;
}

h3{font-size:small;
padding-left: 3px;}

img {border:0px;}



div#header{
width: 100%;
overflow: hidden;
background:#e8e8e8;
background-image:url(headimg.jpg);
background-repeat:repeat-x;

}
div#header h1{width:100%;margin:0 auto;text-align:left}
div#header h1{
padding:10px 0 10px 0px;
color: #FFF;
font-size: larger;
}

div#menu{
width: 100%;
height: 30px;
overflow: hidden;
background:#f49f0c;


}
div#menupiede{
width: 100%;
height: 30px;
background:#98BA1D;
padding-bottom:5px;
}
div#logo{
width: 100%;
padding:0 0 0 0 ;
overflow: hidden;
text-align: center;
background:#fff;


}

div#header a#hh{
margin-left: 10px;
font-size: 170%;
text-decoration: none;
color: #FFF;

}

div#base{
width: 100%;
background: #fff;
margin:auto;
}
div#base2{
width: 100%;
background: #fdfdfd;
margin:5px auto 8px auto;
}

ul#tab,ul#tab li{list-style-type:none;margin:0; padding-top: 4px;}
ul#tab{float:left;font-size:90%;}
ul#tab li{float:left;margin-left: 2px;margin-bottom:0px;text-align: center; }
ul#tab a{
float: left;
width: 110px;
height:18px;
text-decoration: none;
color: #333;
background:#f49f0c;
border-right: #333  solid 1px;
font-size: 100%;
}
ul#tab a:hover{
color: #FFF;
background:#f49f0c;
border-right: #333  solid 1px;
width: 110px;
height:18px;
}
ul#tab li.activelink a,ul#tab li.activelink a:hover{color: #333}
ul#tab li span.insection{
float: left;
color: #FFF;
background:#f49f0c;
border-right: #333  solid 1px;
width: 110px;
height:18px;
cursor: help;
}


ul#tabpiede,ul#tabpiede li{list-style-type:none;margin-left:30px; padding-top: 6px; text-align:center;}
ul#tabpiede{font-size:90%;margin-left:60px;}
ul#tabpiede li{
float:left;
margin-bottom:0px;
text-align: center;
margin-left: 2px;}
ul#tabpiede a{
float:left;
height:18px;
text-decoration: none;
color: #333;
background:#f49f0c;
border-right: #333  solid 1px;
font-size: 90%;
width: 125px;
}
ul#tabpiede a:hover{
color: #FFF;
background:#f49f0c;
border-right: #333  solid 1px;
height:18px;
width: 125px;
}
ul#tabpiede li.activelink a,ul#tabpiede li.activelink a:hover{color: #333;}
ul#tabpiede li span.insection{
float:left;
color: #FFF;
background:#f49f0c;
border-right: #333  solid 1px;
height:18px;
cursor: help;
width: 125px;
}



div#container{width:100%;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#FFF}

div.content{
margin-top:15px;
mqrgin-bottom:15px;
float: left;
display: inline;
width: 100%;
border: #fff solid 0 1px 1px 1px;

}

div.content h3{
margin:0px 0 0px 0;
font-size:100%;
color: #333;
}
div.content h2{
margin:0px 0 0px 0;
font-size:130%;
color: #f49f0c;
}
div.centroCont{
width:100%;
height:100%;
margin-top:15px;
margin-right:15px;
margin-bottom:15px;
background: #FFF;
}

div.announce{
background: #FFF;
color: #191970;
width: 98%;
padding-bottom: 10px;
}
div.announce p{
color: #3A3A3A;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 10px;
}

div.centroCont h2{
color: #333;
}
div.date{float:left;width: 4em;padding: 5px 0;background: #f49f0c;color:#FFF;
text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}


div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}

div#footer{
clear: both;
width: 100%;
margin: 0px;
background-image:url(headimg.jpg);
background-repeat:repeat-x;
color: #FFF;
text-align: center;
}
div#footer p{
margin: 5px;

font-size: xx-small;
}

.colunm_center  {

width: 100%; /*Importante per far estendere la colonna centrale*/


}





a:link, a:visited{
text-decoration: underline;
color: #f49f0c;
font-size: small;
font-weight: bold;
}

a:hover, a:focus, a:active  {
/*focus Firefox da tastiera, active IE da tastiera, Hover da mouse*/
text-decoration: none;
color: #333;
background-color: #fff;
font-size: small;
font-weight: bold;
}

a.pannel:link, a.pannel:visited {
text-decoration: none;
color: #f49f0c;
font-size: small;
font-weight: bold;
}

a.pannel:hover, a.pannel:focus, a.pannel:active {
text-decoration: none;
color: #333;
background-color: #fff;
font-size: small;
font-weight: bold;
}

a.piccolo:link, a.piccolo:visited, a.piccolo:active {
text-decoration: underline;
color: #f49f0c;




















font-size: x-small;
margin-bottom: 20px;
}
a.piccolo:hover { text-decoration: none; color: #333;
background-color: #fff; font-size: x-small;}















fieldset {
padding: 10px;
font-size: small;
border: 3px groove #5D5D5D;
}
legend   {
color: #FFF;
background-color: #f49f0c;
border: 1px solid #f49f0c;
}

input.login {
font: normal 1em verdana,helvetica,sans-serif;
letter-spacing: .1em;
word-spacing: .2em;
padding: 0 2px;
width: 98px;
border: 1px inset #666;
background-color: #fff;
color: #000;
}

input.admincfg {
font: normal 1em verdana,helvetica,sans-serif;
width: auto;
margin-right: 0px;
border: 2px inset #666;
background-color: #ccc;
color: #000;
}
textarea.admincfg {
font: .8em verdana,helvetica,sans-serif;
padding: 2px;
width: 98%;
height: 140px;
border: 2px inset #666;
background-color: #ccc;
color: #454545;
}
select.admincfg, select.new{
font: normal 1em/1.2em verdana,helvetica,sans-serif;
width: 98%;
background-color: #ccc;color:#000;
}
select.new {width:160px;}

input.button,input.button120,input.buttonlogin {
font:normal 10px verdana,helvetica,sans-serif;
padding:0 2px;
}
input.buttonfree {font-weight: bold; font-size: x-small;}

/* Stili per i bottoni dei link*/
/*stili per la navigazione*/
div.nav {
margin: 0px 0px 8px 0px;
border: #cdcdcd 0px solid;
padding-top:4px;
width: 150px;
font-size: 110%;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #f49f0c;
}
div.nav p{
font-size:70%;
margin: 0;
padding:0px 0px 0px;
color:#333;
padding-left:4px;
}
div.nav h3{
color: #fff;
background: url(nav.gif);
}

div.sidenotes{
margin: 0px 0px 8px 0px;
width: 150px;
color: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size:80%;
font-weight: normal;
text-align: center;
padding-top:4px;
background:#f49f0c;
}
div.sidenotes3{
margin: 0px 0px 8px 0px;
width: 150px;
font-size: 110%;
text-align: center;
padding-top:4px;
color: #fff;
background-color: #f49f0c;
font-weight: bold;
}
div.interno{
background: #f5f5f5;
margin: 5px 0px 0px 0px;
width: 150px;
height: 100%;
font-size:110%;
text-align: left;
}
div.interno p{
font-size:110%;
}
div.interno2{
color: #333;
background: #fdfdfd;
margin: 0px 0px 0px 0px;
width: 100%;
height: 100%;
border:#d5e5fb  solid 0 0 1px 0 ;
text-align: left;
}
div.interno2 p{
font-size:small;
}
div.interno3{
color: #333;
background: #fff;
margin:5px 0px 0px 0px;
width: 100%;
height: 100%;
border:#ccc  solid 0 0 1px 0 ;
text-align: left;
}
div.interno3 a:link, div.interno3 a:visited{color:#f49f0c;
}
div.interno3 a:hover{color:#333;
}
div.interno3 p{
font-size:80%;
color:#333;
text-align:left;
}
div.navigation ul{
margin: 0px;
padding: 0px;
list-style: none;
}
div.navigation li a:link, div.navigation li a:visited{
height:29px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
font-size:80%;
color: #333;
display: block;
background:  url(menu7.gif);
margin: 0px;
padding: 0px 0 0px 18px;
}
div.navigation li a:hover, div.navigation li a:focus, div.navigation li a:active{
color: #333;
display: block;
background:  url(menu8.gif) ;
}
div.navigation li.fisso {
height:29px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
font-size:80%;
color: #333;
display: block;
background:  url(menu8.gif);
margin: 0px;
padding: 0px 0 0px 18px;
}
.center {text-align: center;font-size:90%; }
.center p{color:#666;font-size:90%; }


/* background colore di intestazione di tabelle e avvisi */
.tr_title {
background-color: #fff;
color: #333;
font-weight: normal;
word-spacing: 3px;
}

/*contenuto tabelle dei form (gestione moduli, blocchi, ex...)*/
.tab_form_sx{border:1px solid #333; text-align:left; font-size: medium; color: #000; background-color: #fff;}
.tab_form{
border: 1px solid #333;
text-align: center;
font-size: small;
color: #3A3A3A;
background-color: #fff;
}



/************* STYLE PER IL FORUM ****************/
/* background colore di intestazione  avvisi e navigazione ect. (forum)*/
.txt {
color: #666;
font-size: small;

padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 5px;
}
.txt a.piccolo:link, .txt a.piccolo:visited, .txt a.piccolo:active{



text-decoration: underline;
color: #333;
font-size: x-small;

margin-bottom: 20px;

}
.txt p.center{color: #333;}
.txt p{color: #333;}



div.avatar_sx {float:left;}
div.avatar_dx {float:right; text-align: left;}

/* valori della tabella della board,forum e discussione*/
.tab_forum {
width: 98%;
border: 1px solid #454545;
margin-top: 5px;
text-align: center;
}

/* valori della tabella della discussione*/
.tab_topic {
width: 96%;
border: 2px solid #454545;
margin-bottom: 20px;
}

/* valori prima riga della discussione (nome utente e data post)*/
.riga1_topic {
background-color: #fff;
color: #333;
}
/* valori seconda riga della discussione (avatar e info utente)*/
.riga2_topic {
color: #B4B4B4;
}
/* valori terza riga della discussione (titlo risp e risposta) compreso impostazione del carattere*/
.riga3_topic{
font-size: small;
color: #282828;
background-color: #fff;
}
/* valori quarta riga della discussione (opzioni finali e saliscendi)*/
.riga4_topic{
background-color: #B4B4B4;
color: #000;
}

/* alternanza colori nel forum specifico per l'elenco di tutte le discussioni*/
.riga1{
background-color:#B4B4B4;
color: #000;
}

/* valori delle due celle della board home forum*/
.cella1{
width: 50%;
border: 1px solid #454545;
text-align: center;
font-size: small;
}
.cella2{
width: 50%;
border: 1px solid #454545;
text-align: left;
}

/*tabelle interne del forum*/
.tab_f1{
border: 1px solid #454545;
text-align: center;
font-size: medium;
}
.tab_f2{
border: 1px solid #454545;
text-align: left;
font-size: small;
}

/*box del riordino delle discussioni*/
div.fieldset {
font-size: x-small;
text-align: center;
color: #FFF;
font-weight: bold;
border: 1px solid #000;
width: 98%;
height: 25px;
background-color: #6F6F6F;
}
/* select del riordino delle discussioni */
.picc  {
background-color: #FFEFDB;
color: #000;
vertical-align: middle;
font: 1em/1.2em verdana,helvetica,sans-serif;
}
.lon { vertical-align:middle; font:1em/1.2em verdana,helvetica,sans-serif; font-weight:bold; letter-spacing:.1em; width:70px;  cursor:pointer;}
/*box del riordino delle discussioni*/

/* form per nuova discussione e risposta */
.add_f{
margin-right: auto;
background-color: #FFEFDB;
color: #000;
width: 98%;
font-family: Helvetica, sans-serif;
}

/*  Box per le firme  */
.firma{
font-size: small;
border: 1px solid #585858;
background-color: #FFEFDB;
width: 98%;
color: #000;
}

/*  Box per i code o per i quote  */
.code_quote {font-size: x-small; border:2px solid #000; background-color: #FFEFDB; width: 90%; color:#000;}
/************* STYLE PER IL FORUM ****************/
div.spiega {
background: #EFEFEF;
padding: 3px 3px;
margin-left: 4px;
margin-right: 4px;
}
div.spiega2 {
background: #B9D2E8;
padding: 3px 3px;
margin-left: 4px;
margin-right: 4px;
}
/**********IMPLEMENTAZIONI NEI CSS =DICEMBRE 2006= **********/

/* Blocco scorrevole per le ultime news o documenti*/
div.lasNews {width:90%; text-align:left; margin-left: auto; margin-right: auto;overflow-y:auto;}
html>body div.lasNews {overflow:auto;}
div.lasNews small{font-weight: bold; color:#c0c0c0;}

/* Blocco codice nel forum e nelle notizie*/
div.boxcode p.titc {font-size:large;font-weight: bold; color:#fff; background-color:#000;width:98%; max-width:504px;}

div.boxcode p.codice {
border:0px #999 dashed; font-family:"Courier New", Courier, monospace;
font-weight:normal; text-align:left; width:98%; margin-top:0px;
height:auto !important; height: 4em; font-size:small; max-width:500px;
background-color:#ffa;
overflow-x:auto; white-space: nowrap;
}
html>body div.boxcode p.codice, html>body div.boxcode pre{overflow:auto;}
/*Span nascosti*/
.riservato{display:none;}
/*modulo per la registrazione*/
div.register label{font-weight:normal;}
div.register em{font-size:x-small;}
div.register input.reg{
width: 94%;
font:normal large verdana,helvetica,sans-serif;


letter-spacing:.1em;word-spacing:.2em;
margin-right:5px;




border:0px;
border-bottom:0px #999 dashed;
background-color:#cff; color:#009;
}


/*BLOCCO Ultimi Dal Forum*/
div.lastFromForum p{margin-top:2px; border:1px solid #000;}


div.lastFromForum hr{ display:none;}
div.lastFromForum span {font-size:x-small; color:#00a;}
/*BLOCCO Ultimi Dal Forum*/


/*Classi per la home 01 di napoliscuoleinrete*/

ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:150px;margin:0 10px 10px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #333}
ul#split p{margin:0;padding:5px 8px 15px}
li#one{background: #C8C866}
li#two{background: #FFBD00}
li#three{background: #E3A1C4}

div.centernotes{
width: 100%;
color: #9c240b;
border-top: 1px solid #eaeae9;
border-left: 1px solid #eaeae9;
border-right: 1px solid #eaeae9;
border-bottom: 1px solid #eaeae9;
font-size: larger;
font-weight: bold;
text-align: center;
padding-top:4px;
background-image: url(sfondomission4.png);
}
div.centernotes h3{
color: #FFF;
}
div.internocenter{
color: #000;
background: #fdfdfd;
width: 100%;
height: 100%;
border:#d5e5fb  solid 0 0 1px 0 ;
text-align: left;}
div.internocenter p{
font-size:small;
color:#000;
}

div.centernotes2{
width: 50%;
color: #9c240b;
float:left;
display:inline;
border-top: 1px solid #eaeae9;
border-left: 1px solid #eaeae9;
border-right: 1px solid #eaeae9;
border-bottom: 1px solid #eaeae9;
font-size: larger;
font-weight: bold;
text-align: center;
padding-top:4px;
background-image: url(li5.gif);
}
div.centernotes2 h3{
color: #FFF;
}
div.internocenter2{
color: #000;
background: #fdfdfd;
float:left;
height: 100%;
border:#d5e5fb  solid 0 0 1px 0 ;
text-align: left;}
div.internocenter2 p{
font-size:small;
color:#000;
}
div.centernotes3{
width: 48%;
color: #9c240b;
float:right;
margin-Left:2px;
border-top: 1px solid #eaeae9;
border-left: 1px solid #eaeae9;
border-right: 1px solid #eaeae9;
border-bottom: 1px solid #eaeae9;
font-size: larger;
font-weight: bold;
text-align: center;
padding-top:4px;
background-image: url(li4.gif);
}
div.centernotes3 h3{
color: #000;
}
div.internocenter3{
color: #000;
background: #fdfdfd;
float:right;
height: 100%;
border:#d5e5fb  solid 0 0 1px 0 ;
text-align: left;}
div.internocenter3 p{
font-size:small;
color:#000;
}