/* Poper Grapich By Realnot Design */

/* Stili Generici Del Layout fisso */

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 10px
}

#container {
margin: 0 auto;
width: 950px;
background-image:url(/img/border.jpg);
background-repeat:repeat-y;
}

.extra1 {
margin: 0 auto;
width: 880px;
border-bottom:3px solid #CCCCCC;
clear:both;
}

.extra2 {
margin: 0 auto;
width: 880px;
border-top:3px solid #CCCCCC;
clear:both;
}

#navigation {
margin: 0 auto;
width: 900px;
height: 200px;
background-image:url(/img/header.png);
background-repeat:no-repeat;
background-position:center;

}

#content {
margin: 0 auto;
width: 900px;
}

#sx {
float:left;
margin:7px;
width:170px;
}

*>#sx{margin:10px;}

#center {
float:left;
margin-top:7px;
}

#centerforum {
float:none;
margin-left:7px;
margin-top:7px;
margin-right:7px;
}

*>#center{margin-top:10px;}

#dx {
float:right;
margin:7px;
width:170px;
}

*>#dx{margin:10px;}

#footer {
margin: 0 auto;
width: 900px;
height:30px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
background-image:url(/img/footer.jpg);
text-align:center;
color:#fff;
clear: both;
}

#footer a:link, a:visited {color:#fff;}
#footer a:hover {text-decoration:underline;}

/* Sections */

.menudx {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
padding-left:5px;
}

.lnkdx {
font-size: 10px;
color: #000000;
}

#login {
margin:0 auto;
padding:0;
}

.titlebox {
padding:5px;
margin-top:5px;
width:159px;
border:1px solid #999999;
background-color:#F3F3F3;
font-weight:bold;
}

.contentbox {
padding:5px;
margin-bottom:5px;
width:159px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#999999;
color:#000;
}

.titleforum {
padding:5px;
margin-left:5px;
margin-right:5px;

width:auto;
border:1px solid #999999;
background-color:#F3F3F3;
font-weight:bold;
}

.contentforum {
padding:5px;
margin-left:5px;
margin-bottom:5px;
margin-right:5px;
width:auto;
border-width:0px 1px 1px 1px;
border-style:solid;
border-color:#999999;
color:#000000;
}

.titleboxcenter {
padding:5px;
margin-top:5px;
width:506px;
border:1px solid #999999;
background-color:#F3F3F3;
font-weight:bold;
}

.contentboxcenter {
padding:5px;
margin-bottom:5px;
width:506px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#999999;
color:#000000;
}
/*DOC*/
.doc {
width: auto;
height: auto;
border-left: 3px solid #CCCCCC;
margin-left: 10px;
padding-left: 10px;
padding-top: 3px;
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
clear: both;
}

.titleboxdoc {
padding:5px;
margin-top:5px;
width:506px;
border:1px solid #999999;
background-color:#F3F3F3;
font-weight:bold;
}

.contentboxdoc {
padding:5px;
width:506px;
border-width:0 1px 0 1px;
border-style:solid;
border-color:#999999;
color:#000;
}

.bottomboxdoc {
padding:5px;
margin-bottom:5px;
width:506px;
border:1px solid #999999;
border-top:1px dotted #ccc;
text-align:justify;
}

/*News*/
.news {
width: auto;
height: auto;
border-left: 3px solid #CCCCCC;
margin-left: 10px;
padding-left: 10px;
padding-top: 3px;
text-align: left;
font-family: "Courier New","Verdana";
font-size:13px;
color:#000;
clear: both;
}

.titleboxnews {
padding:5px;
margin-top:5px;
width:506px;
border:1px solid #999999;
background-color:#F3F3F3;
font-weight:bold;
}

.contentboxnews {
padding:5px;
width:506px;
border-width:0 1px 0 1px;
border-style:solid;
border-color:#999999;
color:#000;
}

.bottomboxnews {
padding:5px;
margin-bottom:5px;
width:506px;
border:1px solid #999999;
border-top:1px dotted #ccc;
text-align: left;
font-size: 11px;
font-family: "Verdana"
}

#forum {
width:505px;
}

#forum th {
border-bottom:1px dotted #ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#333333;
}

#forum td {
border-bottom:1px dotted #ccc;
}

#forum tr {
border-right:1px dotted #fff;
}

#forum tr:hover {
background-color:#F3F3F3;
}

.titleboxchat {
padding:5px;
margin-top:5px;
width:506px;
border:1px solid #999999;
background-color:#F3F3F3;
font-weight:bold;
}

.contentboxchat {
padding:5px;
width:506px;
border-width:0 1px 0 1px;
border-style:solid;
border-color:#999999;
color:#000;
}

.bottomboxchat {
padding:5px;
margin-bottom:5px;
width:506px;
border:1px solid #999999;
border-top:1px dotted #ccc;
text-align:center;
}

.titlestandardbox {
padding:5px;
margin-top:5px;
width:506px;
border:1px solid #999999;
background-color:#F3F3F3;
font-weight:bold;
}

.contentstandardbox {
padding:5px;
margin-bottom:5px;
width:506px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#999999;
color:#fff;
}

/* Navigation */

#nav1 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
}
#nav1 ul {
margin:0;
padding:179px 10px 0 400px;
list-style:none;
}
#nav1 li {
display:inline;
margin:0;
padding:0;
}
#nav1 a {
float:left;
background:url("/img/nav1/nav1b.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#nav1 a span {
float:left;
display:block;
background:url("/img/nav1/nav1a.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav1 a span {float:none;}
/* End IE5-Mac hack */
#nav1 a:hover span {
color:#000;
}
#nav1 a:hover {
background-position:0% -42px;
}
#nav1 a:hover span {
background-position:100% -42px;
}

/* Stili per i form */

form {
margin: 0;
padding: 0;
font-size: 100%;
min-width: 150px;
max-width: 160px;
width: 170px;
}

form fieldset {
clear: both;
font-size: 100%;
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 5px;
margin: 0 0 0 0;
}

form fieldset legend {
font-size: 100%;
font-weight: bold;
color: #000000;
margin: 0 0 0 0;
padding: 0 5px;
}

label {
font-size: 100%;
}

label u {
font-style: normal;
text-decoration: underline;
}

input, select, textarea {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
color: #000000;
display:inline;
}

textarea {
overflow: auto;
}

#folder img{
border:none;
}
#folder1{
background-color:#FFF;
height:130px;
}
#folder1 img{
width:50px;
height:65px;
float:left;
margin-top:48px;
}
#folder1 img:hover{
width:100px;
height:130px;
margin-top:0;
}


form div {
clear: left;
display: inline;
width: 100px;
/* height: expression('1%');*/
margin: 5px 0 0 0;
padding: 1px 3px;
}

form fieldset div.notes {
float: right;
width: 158px;
height: auto;
margin: 0 0 10px 10px;
padding: 5px;
border: 1px solid #666666;
background-color: #ffffe1;
color: #666666;
font-size: 88%;
}

form fieldset div.notes h4 {
background-image: url(/images/icon_info.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 3px 0 3px 27px;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #666666;
color: #666666;
font-size: 110%;
}

form fieldset div.notes p {
margin: 0em 0em 1.2em 0em;
color: #666666;
}

form fieldset div.notes p.last {
margin: 0em;
}

form div fieldset {
clear: none;
border-width: 1px;
border-style: solid;
border-color: #666666;
margin: 0 0 0 144px;
padding: 0 5px 5px 5px;
width: 150px;
}

form div fieldset legend {
font-size: 100%;
padding: 0 3px 0 9px;
}

form div.required fieldset legend {
font-weight: bold;
}

form div label {
display:inline;
float: left;
width: 130px;
padding: 3px 5px;
margin: 0 0 5px 0;
text-align: right;
}

form div.optional label, label.optional {
font-weight: normal;
}

form div.required label, label.required {
font-weight: bold;
}

form div img {
border: 1px solid #000000;
}

form div input.inputText, form div input.inputPassword {
width: 200px;
padding: 1px 3px;
margin: 0 0 0 0;
}

form div input.inputFile {
width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
width: 211px;
padding: 1px 3px;
}

form div.submit {
width: 214px;
padding: 0 0 0 146px;
}

form div.submit div {
display: inline;
float: left;
text-align: left;
width: auto;
padding: 0;
margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
background-color: #cccccc;
color: #000000;
width: auto;
padding: 0 6px;
margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
float: right;
margin: 0 0 0 5px;
}

select.files option {
    background-color: #e6eef6;
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#999999;
}

select.files option:hover {
    background-color: #007af6;
    color: white;
}

select.files option:active {
    background-color: #F00;
    color: white;
}

/* Stili per i links */

a {font-size: 10px;color: #3535ff;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #444444;}
a:hover {text-decoration: underline;color: #333333;}
a:active {text-decoration: none;color: #666666;}

/* Stili per il testo */
H1 {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline; font-weight:bold; color:#333333} /* Grassetto */
H2 {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline; font-weight:bold; color:#1D6AA9} /* Grassetto Blu*/
H3 {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline; font-weight:bold; color:#1D6AA9} /* Titoli*/
H4 {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline; font-weight:normal; color:#1D6AA9} /* Azzurro */
H5 {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:inline; font-weight:normal; color:#333333} /* Normale */

.errore {
  font-size: 13px; 
  color: #0174DF; 
  font-weight: bold;
}