/****************************************************
#####################################################
##-------------------------------------------------##
##           ACU - Version 1.8                     ##
##-------------------------------------------------##
## Copyright = Massimo Pacilio - 2012              ##
## Date      = January 2012                        ##
## Author    = Massimo Pacilio                     ##
## Websites  = http://www.massimopacilio.it        ##
##                                                 ##
#####################################################
****************************************************/

html {
height: 100%;

}

body{
margin:0;
padding:0;
text-align:center;
/* background:#eeeeee url(../images/bg.jpg) 0 0% repeat; */
background:#FFFFFF;
font-size:12px;
/*color:#FFFFFF;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

#scheda1{
margin:0;
padding:0;
text-align:left;
/* background:#eeeeee url(../images/bg.jpg) 0 0% repeat; */
/* background:#FFFFFF; */
font-size:12px;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

scheda2{
margin:0;
padding:0;
text-align:left;
/* background:#eeeeee url(../images/bg.jpg) 0 0% repeat; */
/* background:#FFFFFF; */
font-size:12px;
color:black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
/*
table{
font-size:14px;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
*/
#tabella {
float:left;
/*width:88px;*/
/*border:solid;*/
padding:0.4em;
/* height:620px; */
text-align:center;
padding-right:0px;
padding:0;
background: #808080; 
margin-left:0px;
margin-top:0px;
font-size:12px;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

table{
font-size:14px;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;

width: 100%; /* La tabella occupa tutta la larghezza disponibile */
border-collapse: collapse; /* Rimuove lo spazio tra i bordi delle celle */
margin-top: 20px;
}
th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

/*texte*/
p {
font-size: 100%;

}

h1 {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #808080;
}

h2 {
font-size: 150%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
font-size: 125%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4, h5 {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FAAA08;
}
h6 {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

/* liens hypertextes*/ 
a:link, a:visited {
text-decoration:none;
font-weight:normal;
color:#000;

}

a:hover {
color:#34332a;

}

ul {
margin:0;
padding-left:20px;

}

li {
list-style-type:square;
background:transparent;
margin: 4px;

}

img {
border:none;
margin: 5px 10px 5px 5px;
padding:0;

}

img .caption {
text-align: left;

}

.highlight{
background:#ffc77e;
padding: 0px 2px 0px 2px;
color:#424240;

}

.button {
background:#424240;
border:none;
color:#eeeeee;
font-weight:bold;
padding:4px;

}

 .inputbox {
color:#fff;
background:#424240;
border:none;
padding:4px;
font-weight:normal;

} 

.pagewidth{
width:990px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none;

}

.clr {
clear:both;

}

/**********************/
#sitename {
float:left;
width:453px;
height:184px;
background:transparent;
margin-top:50px;
margin-left:40px;

}

/*********************/
#topmenu {
float:center;
width:600px;
height:40px;

}

#topmenu-mail {
float:left;
width:600px;
height:30px;
background:#E0FFE0;
margin-top:0px;
margin-left:50px;

}


.navigation { 
float:left;
width: 740px; 
margin-top:30px;
padding-left:5px;
background:transparent;

}

.navigation ul {
list-style: none; 
margin:0; 
padding:0;
float: left;

}

.navigation ul ul {
margin: 0; /* all lists */
padding: 0;

}

.navigation ul li {
margin:0 7px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;
  
}

.navigation ul li ul {
width: 200px;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 200px;

}

.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */

}

.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;

}

.navigation ul ul a {
width: 100%;

}

/***********************/
#wrapper-main {
float:left;
width:908px;
background:#fff;
margin-left:50px;

}

/**************************/
#main {
float:left;
background:transparent;
width:640px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;
margin-left:25px;

}

#main-full {
float:left;
width:880px;
text-align:left;
margin-bottom:20px;
background:transparent;
margin-top:30px;
margin-left:25px;

}

#main-content {
float:left;
background:transparent;
width:620px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;

}

#main-content-full {
float:left;
background:transparent;
width:880px;
padding:0;
text-align:left;
margin-bottom:20px;
margin-top:30px;

}


/******RIGHT*********/
#right {
float:left;
width:203px;
text-align:left;
padding-right:0px;
padding:0;
background: url(../images/right.jpg) 0 0 repeat-y;
margin-left:40px;

}

#right h3 {
font-size:17px;
text-transform:capitalize;
text-align:left;
font-weight:normal;
color:#aaa693;
background: url(../images/left-h3.jpg) 0 0 no-repeat;
height:39px;
margin-left:-24px;
padding-left:15px;
padding-top:6px;

}

#right ul {
padding-left:10px;
color:#dbdad4;

}

#right .moduletable_menu,
#right .moduletable {
margin-bottom:40px;
padding-left:20px;
background:transparent;
padding-top:0;
color:#dbdad4;
 
}

#right .moduletable_menu a,
#right .moduletable a,
#right a {
color:#dbdad4;
 
}

#right .moduletable_menu a:hover,
#right .moduletable a:hover,
#right a:hover {
color:#393d3c;
 
}

/******CALENDAR*******/
.calendar {
 margin-left:-60px;
margin-top:0;
margin-bottom:0; 
display:block ;
padding:10px 0 0 0;
background:#ffc77e;
width:45px ;
height:60px;
text-align:center;
position:absolute;


}

.day {
color: #393d3c;
font-weight:bold;
margin: 0;
padding:0 ;
font-size:17px;
background:transparent;
display:block;

}

.month {
color: #393d3c;
font-weight: bold;
margin: 0;
padding:0px 0 0 0 ;
font-size:17px;
background:transparent;
display:block;

}

.contentheading  {
margin:0;
padding:20px 0 0 0;
font-size:22px;
text-transform:capitalize;

}

#top {
float:left;
width:30px;
height:30px;
margin-top:18px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
padding:0 !important;
border:none !important;

}

@media print {
  .no-stampa { display: none !important; }
}

//------------------------------------------------------------------------------
/* Stili di base per tutti gli schermi */

body {
    font-family: Arial, sans-serif;
    margin: 20px;
}
table {
    width: 100%; /* La tabella occupa tutta la larghezza disponibile */
    border-collapse: collapse; /* Rimuove lo spazio tra i bordi delle celle */
    margin-top: 20px;
}



th {
    background-color: #f2f2f2;
}
*/
/* ------------------------------------------- */
/* Media Query per schermi piccoli (es. smartphone) */
/* La tabella diventa non leggibile, quindi la rendiamo a scorrimento orizzontale */
/* Schermi fino a 600px di larghezza */
@media screen and (max-width: 600px) {

    /* Rende il contenitore della tabella a scorrimento orizzontale se necessario */
    .table-container {
        overflow-x: auto;
    }

    /* Imposta una larghezza minima per la tabella per mantenere il layout */
    table {
        width: 600px;
    }

    /* I titoli (th) e le celle (td) possono essere gestiti diversamente, ad esempio impilando le celle */
    /* Tuttavia, in questo esempio si mantiene un layout a scorrimento, pił pratico per tabelle complesse */
}

/**end file***/