/* 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;


}


p{
margin: 0;
padding:0;
color: #351F0C;
}
/*h1,h2,h3{
font-family: Arial, Helvetica, sans-serif;

}
h1{
font-size: 200%;
padding-left: 3px;
color: #000;
}

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

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

img {border:0px;}



div#header{
width: 90%;
overflow: hidden;
background: #354755;


}
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%;
overflow: hidden;
background:url(bmenu.png);


}
div#logo{
width:100%;
background-image: url(sfondo.png);
border-bottom: #a7c2e5 4px solid;
padding-top:10px;
padding-bottom:0px;


}

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

}

div#base{
width: 100%;
background: transparent;
margin:0;
}
div#base2{
width: 100%;
background:transparent;
margin:6px 0 0 0;
}

ul#tab,ul#tab li{list-style-type:none;margin:0;padding:0}
ul#tab{float:left;font-size:80%}
ul#tab li{float:left;margin-left: 2px;margin-bottom:0px;text-align: center;}
ul#tab a{
float: left;
width: 120px;
height:15px;
padding: 4px 0;
text-decoration: none;
color: #FFF;
border-right: #000  solid 1px;
font-size: 100%;
background:url(li.png);

}
ul#tab a:hover{
float: left;
width: 120px;
height:15px;
padding: 4px 0;
text-decoration: none;
color: #c0c0c0;
border-right: #000  solid 1px;
font-size: 100%;
background:url(li_ower.png);

}
ul#tab li.activelink a,ul#tab li.activelink a:hover{background: #FFF;color: #000}
ul#tab li span.insection{
display: block;
width: 20px;
height:12px;
padding: 4px 0;
color: #3c4a67;
background: #FFF;
border: 2px solid #3c4a67;
cursor: help;
font-size:85%;
}

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

div.content{
float: left;
display: inline;
width: 100%;
border: #eaeae9 solid 0 1px 1px 1px;
background:transparent;
}

/*div.content h3{
margin:0px 0 0px 0;
font-size:100%;
color: #354755;
}
div.content h2{
margin:0px 0 0px 0;
font-size:100%;
color: #613412;*/
}
div.centroCont{
margin-top:2px;
background: transparent;
width:99%;
padding-right:6px;

}

div.announce{
background: transparent;
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: #316ad9;
}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
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: 99%;
padding-left:5px;
margin: 5px 2px 2px 2px;
background: #DCDCDC;
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: #454545;
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: #000;
background-color: #FFFADD;
font-size: small;
font-weight: bold;
}*/

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

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

a.piccolo:link, a.piccolo:visited, a.piccolo:active {
text-decoration: underline;
color: #000;
font-size: x-small;
margin-bottom: 20px;
}
a.piccolo:hover { text-decoration: none; color:#000; background-color: #ddd; font-size: x-small;}



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

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

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

input.button,input.button120,input.buttonlogin {
font:bold 10px verdana,helvetica,sans-serif;
letter-spacing:.1em;word-spacing:.2em;
padding:0 2px;
}
input.buttonfree {font-weight: bold; font-size: x-small; letter-spacing:.30em;}

/* Stili per i bottoni dei link*/
/*stili per la navigazione*/
div.nav {
margin: 0px 0px 8px 0px;
border:  1px solid #334874;
padding-top:4px;
width: 150px;
font-size: larger;
font-weight: bold;
text-align: center;
color: #334874;

}
div.nav p{
font-size:70%;
margin: 0;
padding:0px 0px 0px;
color:#000;
text-align: center;
}
div.nav h3{
color: #FFF;
background: url(nav.gif) repeat-y right;
}

div.sidenotes{
margin: 0px 0px 10px 0px;
width: 150px;
color: #613412;
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(nav.gif);
}
div.sidenotes3{
margin: 0px 0px 10px 0px;
width: 150px;
color: #613412;
border-top: 1px solid #eaeae9;
border-left: 1px solid #eaeae9;
border-right: 1px solid #eaeae9;
border-bottom: 1px solid #eaeae9;
font-size: larger;
text-align: center;
padding:4px 0 4px 0;
background-image: url(nav.gif);
font-weight: bold;
}
div.interno{
background: #e6eef8;
margin: 5px 0px 0px 0px;
width: 150px;
height: 100%;

text-align: left;
}
div.interno p{
font-size:small;
}
div.interno2{
color: #613412;
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: #613412;
background: #fdfdfd;
margin:5px 0px 0px 0px;
width: 100%;
height: 100%;
border:#d5e5fb  solid 0 0 1px 0 ;
text-align: left;
}
div.interno3 a:link, div.interno3 a:visited{color:#000;
}
div.interno3 p{
font-size:small;
color:#316ad9;
}
div.navigation ul{
margin: 0px;
padding: 0px;
list-style: none;
}
div.navigation li a:link, div.navigation li a:visited{
height: 20px;
voice-family: "\"}\"";
voice-family: inherit;
height: 10px;
text-decoration: none;
font-size:80%;
color: #334874;
display: block;
background:  url(menu7.gif);
margin: 0px;
padding: 6px 0 8px 18px;
}
div.navigation li a:hover, div.navigation li a:focus, div.navigation li a:active{
color: #FFF;
display: block;
background:  url(menu8.gif) ;
padding: 6px 0 8px 16px;
}
div.navigation li.fisso {
color: #E9E9E9;
font-size:80%;
background: #627cac ;
padding: 3px 0 8px 6px;
font-weight: bold;
}
.center {text-align: center;font-size:small; }
.center p{color:FFF; font-size:small; }


/* background colore di intestazione di tabelle e avvisi */
.tr_title {
background-color: #B4B4B4;
color: #000;
font-weight: bold;
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 {
background-color: transparent;
color: #3C709D;
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: #3C709D;
font-size: x-small;
margin-bottom: 20px;

}
.txt p.center{color: #3C709D;}
.txt p{color:#3C709D;}



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: #B4B4B4;
color: #000;
}
/* 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;
width:100%;
}

/* 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;
}
/**********IMLEMENTAZIONI 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:2px #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:bold;}
div.register em{font-size:x-small;}
div.register input.reg{
width:150px;
font:bold verdana,helvetica,sans-serif;
letter-spacing:.1em;word-spacing:.2em;
margin-right:5px;
border:1px solid;
background-color:#FFF;
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: #000}
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;
}

/*box angoli tondi ombreggiati*/

div.splitter{
width:100%;
background: url(bdx.gif) no-repeat bottom right;
font-family:Arial, Helvetica, sans-serif;
}
div.head{
background: url(dx.gif) no-repeat top right;
margin:0;
padding:0;
}
div.heads {
background: url(sx.gif) no-repeat top left;
margin:0;
padding: 20px 0 2px 20px;
color:#000;

}
div.head h4{
background: url(sx.gif) no-repeat top left;
margin:0;
padding: 20px 0 2px 20px;
color:#000;
font-weight:bold;
font-size:1.1em;
}

div.head h1{
text-align:center
font-size:3.1em;
}
div.splitter div.centrosplit{
background: url(bsx.gif) no-repeat bottom left;
margin:0;
padding: 0 0 20px 15px;
font-size:.95em;
}
div.centrosplit h1{
margin:0;
padding: 2px 20px 20px 0;
font-size:.1.0em;
}


div.centrosplit img{
margin:0;
padding: 2px 0 0 1px;
font-size:.1.0em;
}
/*box ombreggiati piccoli*/
div.splitter2{
width:30%;
background: url(bdx.gif) no-repeat bottom right;
font-family:Arial, Helvetica, sans-serif;
}
div.head2{
background: url(dx.gif) no-repeat top right;
margin:0;
padding:0;
}
div.head2 h4{
background: url(sx.gif) no-repeat top left;
margin:0;
padding: 5px 5Px 2px 5px;
color:#000;
font-weight:bold;
font-size:1.1em;
}
div.head2 h1{
text-align:center
font-size:3.1em;
}
div.splitter2 div.centrosplit2{
background: url(bsx.gif) no-repeat bottom left;
margin:0;
padding: 0 0 20px 15px;
font-size:.95em;
}
div.centrosplit2 h1{
margin:0;
padding: 2px 20px 20px 0;
font-size:.1.0em;
}
div.centrosplit2 img{
margin:0;
padding: 2px 0 0 1px;
font-size:.1.0em;
}
/*classi per whois*/
#main {
margin: auto;
border: 1px solid #cccccc;
width: 400px;
background: #F1F3F5;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size : 12px;
}

#form2 {
margin-left: 100px;
border: 1px solid #cccccc;
width: 270px;
background: #E9ECEF;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size : 12px;
padding:5px;
margin-bottom:10px;
}

#result {
margin-left: 100px;
border: 1px solid #cccccc;
width: 270px;
background: #E9ECEF;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size : 12px;
padding:5px 5px 5px 2px;
margin-bottom:50px;
}

.testo {
border: 1px solid #cccccc;
}

input {
border: 1px solid #cccccc;
}


#caption{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
margin:10px;
font-size : 14px;
color:#C64934;
}

#icon{
width:100px;
height:100px;
float:left;
background-image:url(icon.gif);
background-repeat: no-repeat;
background-position:center center;
}
#icon2{
width:100px;
height:100px;
float:left;
background-image:url(icon2.gif);
background-repeat: no-repeat;
background-position:center center;
}

#source{
text-align:right;
align:right;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size : 10px;
color:#CCCCCC;
}
/*3 box affiancati superiori*/
#uno {width: 300px; background-color: #7dc16d;margin:5px;  background-image: url(images/Download.png);  background-position: top left margin 3px ;  background-repeat: no-repeat;   }
#due {width: 300px; background-color: #f1cb47;margin:5px 5px 5px 0;background-image: url(images/globe.png);  background-position: top left margin 3px ;  background-repeat: no-repeat; }
#tre {width: 300px; background-color: #4da3d7;margin:5px 5px 5px 0;background-image: url(images/skinit.png);  background-position: top left margin 3px ;  background-repeat: no-repeat; }
.inline{ height: 100px;  float: left}
/*box affiancati centrali*/
#quattro {width: 222px; padding:4px;background-color: #7dc16d;margin:5px;border:1px solid;border-color:#46753b; background-image: url(images/freeIT.png);  background-position:  center margin 3px ;  background-repeat: no-repeat;   }
#cinque {width: 222px; padding:4px; background-color: #f1cb47;margin:5px 5px 5px 0;border:1px solid;border-color:#c09410;background-image: url(images/itblog.png);  background-position: top left margin 3px ;  background-repeat: no-repeat; }
#sei{width: 222px; padding:4px;background-color: #4da3d7;margin:5px 5px 5px 0;border:1px solid;border-color:#25658b;background-image: url(images/ithost.png);  background-position: top left margin 3px ;  background-repeat: no-repeat; }
.inline2{ height: 200px;  float: left}

/*pulsanti dei box affiancati*/
.button_ex {padding:0 20px 0 100px;
width: 144px;
height: 37px;
}

.button_ex a {
display: block;
width: 145px;
height: 37px;
background: url(images/spuls.png) no-repeat top left;
}

.button_ex a:hover {
background-position: top right;
}

.button_ex2 {padding:0 20px 0 100px;
width: 145px;
height: 37px;
}

.button_ex2 a {
display: block;
width: 144px;
height: 37px;
background: url(images/spuls2.png) no-repeat top left;
}

.button_ex2 a:hover {
background-position: top right;
}

.button_ex3 {padding:0 20px 0 100px;
width: 142px;
height: 37px;
}

.button_ex3 a {
display: block;
width: 142px;
height: 37px;
background: url(images/spuls3.png) no-repeat top left;
margin-left:3px;
}

.button_ex3 a:hover {
background-position: top right;
}

/*pulsante "submit" del modulo ricerca*/

#button_ex4  {
width: 37px;
height: 21px;
background:transparent url(images/ok.png); 
margin:0px;
border:0;
}


