/**************************************************************
   Tutta la pagina [escluso il footer]
 **************************************************************/
#Box {
position:relative;
height:auto !important;
min-height:100%;
border:0;
background-image:url(../img/bg_pag.jpg) !important;
background-repeat:repeat-y;
background-position:center top;
margin:0 auto;
}

/**************************************************************
   Men in alto piccolo (contenuto nell'header)  --- DA CANCELLARE perch  gestito dall'header
 **************************************************************/
#topbar {
float:left;
width:100%;
font-size:0.9em;
text-transform:uppercase;
padding:0.6em 0;
}

/**************************************************************
   Top menu and logo
 **************************************************************/
#header {
clear:both;
position:relative;
height:150px;
background-image:url(../img/bg_int.jpg);
background-repeat:no-repeat;
background-position:top;
border-bottom:0;
padding-top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:700;
color:#777;
margin:0 auto;
}

#header img {
position:absolute;
top:5%;
left:10px;
}

#header ul {
float:right;
margin:1em 1em 0 0 !important;
padding:2em 10px 0 0;
}

#header ul li {
display:inline;
list-style:none;
}

#header ul li a {
float:left;
font:400 0.9em arial, sans-serif;
font-weight:700;
letter-spacing:0.1em;
line-height:1.1em !important;
text-decoration:none;
color:#222;
border-right:1px solid #101115;
padding:0 1em;
}

#header ul li a.last {
padding-right:0;
border-right:0;
}

#header ul li a:hover {
color:#001983;
text-decoration:underline;
}

/**************************************************************
   Immagine dell'intestazione (volendo potrebbe anche essere un file in Flash, pensiamoci!)
 **************************************************************/
#IntestazioneImg {
height:50px;
margin:0 auto;
}

/**************************************************************
   Corpo della pagina
 **************************************************************/
.CorpoPag {
border:0;
width:788px;
clear:both;
margin:0;
padding:0;
}

/**************************************************************
   Men toggle colonna sinistra
 **************************************************************/
#menucolsx {
width:135px;
float:left;
margin-right:0;
margin-top:10px;
}

#menucolsx a {
color:#CFA668;
text-decoration:none;
}

#menucolsx a:hover {
color:#666;
}

#menucolsx h3 {
padding-bottom:0.1em;
padding-top:0;
font-family:arial, helvetica, sans-serif;
font-size:1.8em;
font-weight:400;
letter-spacing:-0.05em;
border-bottom:0 solid #fefefe;
color:#CFA668;
}

#menucolsx li {
font:normal 1.2em Helvetica, Arial, sans-serif;
border-bottom:1px dotted #8b9daa;
list-style:none;
background:#fff;
margin:0;
padding:2px 0 1px;
}

#menucolsx a img {
border:none;
}

/**************************************************************
   Colonne (raggruppa gli stili che erano spezzettati e converte le percentuali in pixel)
 **************************************************************/
.colSx0 {
width:140px;
float:left;
margin-bottom:20px;
margin-top:0;
margin-left:0;
padding-left:0;
padding-right:2px;
padding-top:0;
background-color:#fff;
color:#666;
}

.colSx0 a:hover {
color:red;
text-decoration:underline;
}

.colSx1 {
width:140px;
float:left;
margin-bottom:20px;
margin-top:0;
margin-left:0;
padding-left:5px;
padding-right:2px;
padding-top:0;
background-color:#faf7f1;
color:#666;
}

.colSx2 {
width:140px;
float:left;
margin-bottom:20px;
margin-top:0;
margin-left:0;
padding-left:5px;
padding-right:2px;
padding-top:15px;
background-color:#f0f0f0;
color:#760000;
}

.colSx2 a:hover {
color:red;
text-decoration:none;
}

/* Corpo pagina */
.colCx2 {
width:410px;
float:left;
margin-bottom:30px;
margin-left:10px;
padding-left:5px;
padding-right:5px;
}

.colDx3 {
width:138px;
float:right;
text-align:left;
padding-left:5px;
padding-right:2px;
padding-top:5px;
margin-bottom:20px;
margin-top:0;
color:#666;
background-color:#f4f5f9;
}

.colDx3 p {
font-size:1.2em;
}

.quote {
margin-bottom:30px;
border-left:1px solid #1E3592;
font-size:1.2em;
line-height:1.2em;
padding:2px;
}

#boxinohomenews {
width:380px;
text-align:left;
background-color:#F2FFE6;
border-color:#cecece;
border-style:solid;
border-width:1px;
margin:10px;
padding:10px;
}

#boxinohomenews li a {
voice-family:inherit;
text-decoration:none;
border-color:#CCC;
border-style:none none dotted;
border-width:thin;
}

#boxinohomenews li a:link,#boxinohomenews li a:visited {
color:#666;
display:block;
background:url(menu1.gif);
text-decoration:none;
border-color:#CCC;
border-style:none none dotted;
border-width:thin;
padding:3px 0 0 10px;
}

#boxinohomenews li a:hover {
color:#c00;
text-decoration:none;
background-color:#FFC;
background-image:url(menu1.gif);
background-position:0 -32px;
border-color:#CCC;
border-style:none none dotted;
border-width:thin;
padding:3px 0 0 12px;
}

#boxinohomenews ul {
list-style:none;
margin:0;
padding:0 0 1px;
}

/* BOXINO TESTO HP*/
#boxinohometxt {
width:380px;
text-align:left;
background-color:#fff;
color:#333;
border-color:#cecece;
border-style:solid;
border-width:1px;
margin:10px;
padding:10px;
}

/* BOXINO AFRICA*/
#boxinohomeafrica {
width:380px;
text-align:left;
background-color:#ffd;
color:#333;
border-color:#cecece;
border-style:solid;
border-width:1px;
margin:10px;
padding:10px;
}

/* BOXINO LIBRI*/
.boxinolibri {
width:380px;
height:150px;
text-align:left;
background-color:#F9F9F9;
border-color:#F0F0F0;
border-style:solid;
border-width:1px;
margin:5px 5px 10px 15px;
padding:5px;
}

.icocopertina {
background-color:#F3ECDC;
border-color:#9999;
border-style:solid;
border-width:1px;
}

.divcopertina {
float:left;
width:115px;
}

/* questo  il boxino piccolo che raccoglie le news nel corpo della home page*/
.boxino1 {
width:200px;
float:left;
margin-bottom:30px;
margin-left:10px;
background-color:#333;
}

/* per la gallery nel corpo della home page*/
.boxino2 {
width:200px;
float:left;
margin-bottom:30px;
margin-left:10px;
background-color:#ccc;
}

.BoxinoConDxGrigio {
color:#FFF;
background-color:#3C3C3C;
line-height:11px;
margin:0;
padding:5px;
}

.BoxinoConDxNero {
color:#FFF;
background-color:#202020;
line-height:11px;
font-size:10px;
text-align:center;
margin:0;
padding:5px;
}

/**************************************************************
   Men principale [QUELLO GROSSO e COLORATO non deve stare nell'header!!!!]
 **************************************************************/
#menu {
clear:both;
position:relative;
height:77px;
background-image:url(../img/bg_menu.jpg);
background-repeat:no-repeat;
background-position:top;
text-align:center;
margin:0 auto;
}

#menu ul {
float:left;
text-align:center;
background-color:transparent;
margin:1.5em 0.1em 0.1em 2em;
padding:0;
}

#menu ul li {
display:inline;
list-style:none;
text-align:center;
}

#menu ul li a {
float:left;
width:104px;
height:2em;
text-align:center !important;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:700;
letter-spacing:0;
border:0;
padding:0.4em 0 0;
}

#menu ul li a span {
display:block;
padding:2px 7px;
}

#menu ul li a span.desc {
font-size:0.8em;
color:#8C8D94;
}

#menu ul li a:hover,#menu ul li a.here {
border:0;
text-decoration:none;
font-weight:700;
}

#menu ul li a.verde {
background-color:#379f47;
color:#fff;
}

#menu ul li a:hover.verde {
background-color:#fff;
color:#379f47;
}

#menu ul li a.rosso {
background-color:#d84141;
color:#fff;
}

#menu ul li a:hover.rosso {
background-color:#fff;
color:#d84141;
}

#menu ul li a.blu {
background-color:#3d5eab;
color:#fff;
}

#menu ul li a:hover.blu {
background-color:#fff;
color:#3d5eab;
}

#menu ul li a.seppia {
background-color:#E3C58F;
color:#1E3592;
}

#menu ul li a:hover.seppia {
background-color:#fff;
color:#1E3592;
}

#menu ul li a.arancio {
background-color:#FD5B00;
color:#fff;
}

#menu ul li a:hover.arancio {
background-color:#fff;
color:#FD5B00;
}

/**************************************************************
   Animazione men principale orizzontale
 **************************************************************/
#content {
z-index:10000;
}

div.block {
margin-bottom:20px;
font-size:12px;
}

div.floaty {
float:left;
width:210px;
}

div.floaty h2 {
font-size:16px;
margin-bottom:5px;
}

div.first {
width:369px;
margin-right:10px;
margin-bottom:10px;
padding-right:10px;
border-right:1px solid #27272a;
}

div.full {
clear:both;
float:none;
}

ul#developers {
font-size:10px;
color:#888;
line-height:1.3;
list-style:none;
margin-top:10px;
}

#developers li {
margin-bottom:5px;
font-size:12px;
}

#kwick {
position:relative;
border-top:0 double #27272a;
border-bottom:0 double #27272a;
margin-bottom:0;
padding:10px 0;
}

#kwick .kwicks {
display:block;
background:transparent;
height:100px;
}

#kwick .kwick {
display:block;
cursor:pointer;
overflow:hidden;
height:25px;
width:100px;
background:transparent;
border-right:5px solid #1d1d20;
padding:10px;
}

#kwick .kwick span {
display:none;
}

#kwick .download {
background:#78ba91 url(../images/download.gif);
}

#kwick .documentation {
background:#7389ae url(../images/docs.gif);
}

#kwick .forum {
background:#c17878 url(../images/forum.gif);
}

#kwick .trac {
background:#a87aad url(../images/trac.gif);
border-right:0;
}

/**************************************************************
   Top menu icons - eventualmente da cassare ma alla  fine!!!!
 **************************************************************/
#menu ul li a span.speaker {
padding-left:22px;
background:url(../images/icons/speaker.gif) no-repeat 5px 50%;
}

#menu ul li a:hover span.speaker {
background:url(../images/icons/speaker_on.gif) no-repeat 5px 50%;
}

#menu ul li a span.bubble {
padding-left:24px;
background:url(../images/icons/bubble.gif) no-repeat 4px 4px;
}

#menu ul li a:hover span.bubble {
background:url(../images/icons/bubble_on.gif) no-repeat 4px 4px;
}

#menu ul li a span.heart {
padding-left:20px;
background:url(../images/icons/heart.gif) no-repeat 3px 50%;
}

#menu ul li a:hover span.heart {
background:url(../images/icons/heart_on.gif) no-repeat 3px 50%;
}

#menu ul li a span.dollar {
padding-left:20px;
background:url(../images/icons/dollar.gif) no-repeat 4px 50%;
}

#menu ul li a:hover span.dollar {
background:url(../images/icons/dollar_on.gif) no-repeat 4px 50%;
}

/**************************************************************
   Contenuto del Testo del corpo della pagina
 **************************************************************/
#page {
clear:both;
float:left;
width:100%;
margin-bottom:6em;
text-align:left;
}
#columns {margin:0 auto;}
/* Colonna sx e dx */
.widthSx {width:510px;}
.widthDx {width:220px;}
/* Column widths */
.width {width:788px;}
.widthPad {width:746px;}
.width25 {width:24%;}
.width50 {width:48%;}
.width73 {width:73%;}
.width75 {width:75%;}
.width100 {width:100%;}

/**************************************************************
   Footer o pi di pagina
 **************************************************************/
#footer {
border:0;
clear:both;
height:123px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
font-size:1.1em;
line-height:1.2em;
color:#666;
background-image:url(../img/bg_piede.jpg);
background-repeat:no-repeat;
background-position:center top;
margin:0 auto;
padding:2em;
}

#footer a:hover {
color:#c00;
text-decoration:underline;
}

/**************************************************************
   Icons specific to the colour theme
 **************************************************************/
a.lightTheme img,a.darkTheme img,a.submitButton img {
width:20px;
height:20px;
vertical-align:middle;
}

a.lightTheme img {
background:url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
background:url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
background:url(../images/icons/light_submit.gif) no-repeat center center;
}

/**************************************************************
   Posts
 **************************************************************/
.post {
float:left;
width:100% !important;
position:relative;
margin-bottom:1.5em;
border-bottom:1px solid #CCC;
}

.post .date {
position:absolute;
top:0;
left:5px;
width:2.3em;
text-align:right;
}

.post .date .month {
text-transform:uppercase;
font:700 1em arial, sans-serif;
color:#888;
}

.post .date .day {
display:block;
margin-top:-5px;
font:700 2.1em arial, sans-serif;
color:#888;
}

.post .title {
display:block;
font-size:1.2em;
font-weight:700;
color:#586B7A;
padding:0 0 5px;
}

.post p {
border-left:1px solid #CCC;
margin:0 0 0 3.5em;
padding:0 0 1em 1.2em;
}

/**************************************************************
   Thumbnail Lists
 **************************************************************/
ul.thumbs,ul.thumbs li {
margin:0;
padding:0;
}

ul.thumbs li {
list-style:none;
margin:0 0 15px !important;
padding:0;
}

a.thumb img {
border:5px solid #ccc;
}

a:hover.thumb img {
background:#8EB4C6;
border:5px solid #000;
}

a:hover.thumb {
background:none;
}

a.thumb span {
display:block;
margin-top:-5px !important;
}

/**************************************************************
   Sottomen delle colonne
 **************************************************************/
ul.SottMenuBand,ul.SottMenuB {
margin:0 0 20px;
padding:0;
}

ul.SottMenuBand li,ul.SottMenuB li {
list-style:none;
list-style-image:url(foo.gif);
margin:0;
padding:0;
}

ul.SottMenuBand li a,ul.SottMenuB li a {
display:block;
height:auto !important;
padding:1px 5px 1px 20px;
}

ul.SottMenuBand li a {
color:#fff;
background:#000 url(../images/bg/SottMenuBand.gif) no-repeat 5px 50%;
}

ul.SottMenuBand a:hover {
color:#9CB8EA;
background:#5C5C5C url(../images/bg/SottMenuBand.gif) no-repeat 5px 50%;
text-decoration:none;
font-weight:700;
}

ul.SottMenuB li a {
color:#426F85;
background:url(../images/bg/SottMenuB.gif) no-repeat 3px 50%;
font-weight:700 !important;
}

ul.SottMenuB a:hover {
color:#fff;
background:#323B4C url(../images/bg/SottMenuB.gif) no-repeat 3px 50%;
}

/**************************************************************
   Roba aggiuntiva
 **************************************************************/
.block {
display:block;
}

.marginRight {
margin-right:15px;
}

.paddingLeft {
padding-left:5px;
}

.paddingRight {
padding-right:5px;
}

.floatRight {
float:right;
}

.alignLeft {
text-align:left;
}

.alignCentre {
text-align:center;
}

.alignRight {
text-align:right;
}

.alignTop {
vertical-align:top;
}

.alignMiddle {
vertical-align:middle;
}

.alignBottom {
vertical-align:bottom;
}

.lightBlueBg {
background-color:#E9EAEB;
}

.dark {
color:#353E47;
}

.darkColDx {
color:#6A6A6A;
}

.light {
color:#9CB8EA;
font-weight:700;
font-style:italic;
}

.pad5 {
padding-bottom:5px;
}

.pad {
padding:1px;
}

.rosso,#menu ul li a:hover span.desc,#menu ul li a.here span.desc {
color:red;
}

.colSx0 a,.colSx0 a:visited,.colSx2 a,.colSx2 a:visited {
color:#760000;
text-decoration:none;
}

.colSx1 p,.colSx2 p {
font-size:0.9em;
}

.colSx1 a,.colSx1 a:visited {
color:#CFA668;
text-decoration:underline;
}

.colSx1 a:hover,.colDx3 a:hover,#footer a,#footer a:visited {
color:#666;
text-decoration:underline;
}

.colDx3 a,.colDx3 a:visited {
color:#6d86ef;
text-decoration:underline;
}

#boxinohometxt h3,#boxinohomeafrica h3 {
color:#6e6e6e;
margin:0;
padding:0;
}

#boxinohometxt p,#boxinohomeafrica p {
color:#6e6e6e;
font-size:11px;
margin:0;
padding:0;
}

.pulisci,.clear {
clear:both;
}

.BoxinoConDxGrigio p,.BoxinoConDxNero p,h1.SottMenuBand {
color:#eee;
}

#kwick li,.floatLeft {
float:left;
}