/*
Design by Tzjuanne
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-style: normal;
    color: WindowText;
    min-width: 600px;
    width: 100%;
}
input, button, textarea, select
{
    font-size: 100%;
}
h1
{
    /*font-size: 2.25em;*/
    font-size: xx-large;
}
h2
{
    /*font-size: 1.50em;*/
    font-size: x-large;
}
h3
{
    /*font-size: 1.13em;*/
    font-size: larger;
}
h4
{
    /*font-size: 1.00em;*/
    font-size: medium;
}
h5
{
    /*font-size: 0.88em;*/
    font-size: small;
}
h6
{
    font-size: xx-small;
}
a:link
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    text-decoration: none;
}
img
{
    border: none;
}
:focus
{
    outline: 0;
}
/*****************/
/*INVOLUCRO GLOBALE*/
/*****************/
#global-container
{
    position: relative;
    width: 100%;
    z-index: 0;
    background-color: #fff;
    margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
    overflow: hidden; /* Questa dichiarazione indica al .container dove terminano le colonne con float che deve contenere */
    color: black;
}

/************************/
/*HEADER*/
/************************/
#header
{
    background-position: top;
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden;
    background-image: url('images/back-menu_B.png');
    background-repeat: repeat-x;
}
/*TOP*/
#header #header-top
{
    clear: both;
    font-size: small;
    height: 30px;
    padding-top: 5px;
}
#header-top .sitemap
{
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    border-bottom-style: solid;
    padding-bottom: 3px;
    margin-left: 25px;
}
#header-top .sitemap a
{
    text-decoration: none;
    color: #3366CC;
}
#header-top .sitemap a:hover
{
    color: #e77817;
    text-decoration: underline;
}

/***LOGO***/

#mask-LOGO
{
    display: block;
    height: 100px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 25px;
}
#mask-LOGO #mask1
{
    position: absolute;
    z-index: 1;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
}
#mask-LOGO #mask1 img
{
    padding: 0px;
    margin: 0px;
}

#mask-LOGO #mask2
{
    position: absolute;
    height: 100px;
    z-index: 2;
    right: 2%;
}



/***BOX RICERCA***/


#box-ricerca-mask
{
    margin-top: 21px;
}
#box-ricerca
{
    width: 390px;
    height: 32px;
    display: block;
    background-color: #f1f1f1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
    padding-top: 8px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#IE6 #box-ricerca, #IE7 #box-ricerca
{
    display: inline;
}
#box-ricerca input
{
    font-size: medium;
    float: left;
    width: 295px;
    color: #777;
    z-index: 2;
    padding-top: 5px;
    padding-right: 2px;
    padding-bottom: 6px;
    padding-left: 10px;
    background-color: #fff;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-left-color: #FFF;
}
#box-ricerca input:focus
{
    background-color: #fff;
    color: #303030;
    border: 2px dotted #F33;
}
#header #box-ricerca .button
{
    float: left;
    display: block;
    margin-top: 1px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 4px;
}
#IE6 #header #box-ricerca .button, #IE7 #header #box-ricerca .button
{
    display: inline;
}
#header #box-ricerca .button strong, #header #box-ricerca .button span
{
    height: 32px;
    line-height: 32px;
}
#header #box-ricerca .button strong
{
    padding: 0 0 0 7px;
}
#header #box-ricerca .button span
{
    padding: 0 7px 0 0;
}
#IE6 #header #box-ricerca .button span, #IE7 #header #box-ricerca .button span
{
    width: 64px;
}
#header #box-ricerca button
{
    position: relative;
    cursor: pointer;
    height: 30px;
}

/***MENU***/


.menu-bottom
{
    width: 100%;
    height: 33px;
    margin-top: 0px;
    margin-bottom: 4px;
    float: left;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
    background-image: url('images/back-menu.png');
}
.menu-bottom span
{
    font-size: small;
    color: #666666;
    margin-left: 5px;
    vertical-align: middle;
}
.menu-bottom ul
{
    padding: 0px;
    margin: 4px 0px 2px 0px;
    overflow: hidden;
    list-style: none;
    position: relative;
    left: 25px;
}

.menu-bottom li
{
    display: inline;
    font-size: small;
    list-style: none;
}
.menu-bottom li a
{
    color: #039;
    font-size: small;
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px 4px 10px;
    text-align: center;
    background-color: #E1E1E1;
    font-style: inherit;
    background-image: url('images/back-bottom-menu_A.png');
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-color: #C0C0C0;
    border-right-color: #C0C0C0;
    border-left-color: #C0C0C0;
}
.menu-bottom li a:visited
{
    color: #060;
}
.menu-bottom li a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
    background-image: url('images/back-bottom-menu_B.png');
}
.menu-bottom li a#corrente
{
    color: #F1F1F1;
    font-size: small;
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    text-align: center;
    background-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #808080;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #666666;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
    background-image: none;
    text-decoration: none;
}




/*************************************************/
/* CONTENITORI 
/*************************************************/





/*Pagina */

#colright, #colmid, #colleft
{
    float: left;
    width: 100%; /* width of page */
    position: relative;
}
#col1, #col2, #col3
{
    float: left;
    position: relative;
    padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead  						                            only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
#colmid
{
    right: 25%; /* width of the right column -  larghezza colonna destra*/
}
#colleft
{
    right: 25%; /* width of the middle column - larghezza colonna media */
}
#col1
{
    width: 46%; /* width of center column content (column width minus padding on either side) -                     larghezza contenuto colonna centrale: larghezza colonna meno padding su entrambi i lati*/
    left: 52%; /* 100% plus left padding of center column -                    100% colonna centrale + padding sinistra */
}
#col2
{
    width: 23%; /* Width of left column content (column width minus padding on either side)-                    larghezza contenuto colonna sinistra (larghezza colonna meno padding su entrambi i lati */
    left: 54%; /* width of (right column) plus (center column left and right padding) plus (left column left padding)                   larghezza (colonna destra) + (padding sin e dx colonna centrale) + (padding sin colonna sinistra) */
}
#col3
{
    width: 23%; /* Width of right column content (column width minus padding on either side)                    larghezza contenuto colonna destra (larghezza colonna meno padding su entrambi i lati) */
    left: 56%; /* Please make note of the brackets here: 						                   (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding)                    (100% - larghezza colonna sinistra) + (padding sin e dx colonna centrale) + (padding sin e dx colonna sinistra) + (padding   */
}



.contenuto
{
    padding-bottom: 5px;
    line-height: 150%;
    padding-top: 2px;
}
.contenuto .txt-small
{
    font-size: small;
}

.titolo
{
    margin: 0;
    padding-bottom: 6px;
    font-weight: normal;
    padding-top: 6px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: dashed;
    border-top-color: #C0C0C0;
    border-bottom-color: #8D8D8D;
    background-color: #F4F4F4;
    color: #930;
    background-image: url('images/back-menu.png');
    border-top-width: 1px;
}
.data
{
    text-transform: uppercase;
    color: #390;
    margin-bottom: 20px;
}
.link
{
}
.link a:hover
{
    background-color: #F6F6F6;
    color: #e77817;
}

.testo
{
}
.testo a
{
    color: #039;
    text-decoration: underline;
}
.testo a:hover
{
    color: #e77817;
}

.testo a:active
{
}
.testo a:visited
{
}
.testo ul ol
{
    margin-bottom: 1em;
    padding-left: 1em;
}
.testo blockquote
{
    padding: 1em;
    margin-bottom: 1.5em;
    background-color: #FFFCD8;
    border: dotted 1px #DFD999;
}
.testo blockquote p
{
    margin-bottom: 0em;
}
.testo table
{
    margin-bottom: 1.5em;
}
.testo table th
{
    text-align: left;
    font-weight: bold;
    padding: 0.5em;
}
.testo table td
{
    padding: 0.5em;
}
/* Colonne laterali */

.box
{
    /* float: left;     width: 18%;*/
    padding: 0;
}
.box ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.box li
{
    padding: 0 0 20px 0;
}
.box li ul
{
    font-size: small;
}
.box .box-cornice
{
    border: 1px solid #C0C0C0;
    margin-bottom: 10px;
}
.box li li
{
    padding: 2px 0 2px 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #8D8D8D;
    width: 90%;
    margin-left: 5px;
}

.box li li a
{
    background-color: #F6F6F6;
}
.box li li a:hover
{
    background-color: #F6F6F6;
    color: #e77817;
}
.box li h3
{
    margin: 0 0 10px 0;
    padding: 5px 0 5px 5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #8D8D8D;
    color: #930;
    font-size: 1.13em;
    background-image: url('images/back-menu.png');
}
.voce
{
    font-size: small;
    margin-bottom: 8px;
    padding-bottom: 5px;
}
.voce ul
{
}

.voce .voce_back
{
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: #C0C0C0;
    padding-left: 5px;
    padding-bottom: 2px;
    background-image: url('images/back-menu_B.png');
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CCCCCC;
    padding-top: 2px;
}
.voce .voce_back h4
{
    color: #ce0000;
    margin: 0px;
    padding: 0px;
    font-size: 1em;
}


/**********************/
/*FOOTER*/

/**********************/

#footer
{
    clear: both;
    float: left;
    width: 100%;    
    margin: 0 auto;
    padding: 0 0px 0 3px;
    border-top-color: #039;
    background-color: #EEE;
    border-top-width: 2px;
    border-top-style: solid;
}
#footer p
{
    text-align: center;
    text-transform: uppercase;
    color: #039;
    font-size: small;
}
#footer a
{
    color: #e77817;
}

/***MENU FOOTER***/


#footer .menu-footer-mask
{
    
    overflow: hidden;
    margin: 0
    
}
#footer .menu-footer ul
{
    text-align: center;
}
#footer .menu-footer li
{
    color: #6D6D6D;
    display: inline;
    font-size: small;
    padding: 4px 0pt;
}
#footer .menu-footer li a
{
    color: #6D6D6D;
    font-size: small;
}
#footer .menu-footer li a:visited
{
    color: #060;
}
#footer .menu-footer li a:hover
{
    color: #e77817;
    text-decoration: underline;
}