@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    text-align: center;
    /* hack for IE5 */
    background-image: url(../images/texture.gif);
    /*   text-transform: lowercase; */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.8em;
    color: #3f3a23
    }
a {
    text-decoration: none;
    color: #c00
    }
a:hover {
    text-decoration: underline
    }
h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
    margin: 0 0 2px 0;
    font-size: 1.4em;
    color: #980000
    }
#wrapper {
    margin: 0 auto;
    text-align: left;
    width: 1004px
    }
#header {
    padding-top: 20px;
    position: relative
    }
#header_banner {
    width: 369px;
    height: 90px;
    position: absolute;
    top: 20px;
    left: 389px
    }
#header_script {
    width: 614px;
    height: 20px;
    position: absolute;
    top: 113px;
    left: 389px
    }
/* top menu */
div#navigator {
    text-transform: lowercase
    }
div#navigator ul {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%
    }
div#navigator ul li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0 1px 0 0;
    text-align: center;
    position: relative
    }
div#navigator a {
    position: relative;
    display: block;
    height: 25px;
    background-color: #900;
    color: #fff;
    text-decoration: none;
    padding-top: 5px
    }
div#navigator a span {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
    }
div#navigator a:hover {
    background-color: #760000
    }
li#hom {
    width: 52px
    }
li#att {
    width: 75px
    }
li#ter {
    width: 130px
    }
li#art {
    width: 110px
    }
li#viv {
    width: 105px
    }
li#lib {
    width: 100px
    }
li#rub {
    width: 75px
    }
li#int {
    width: 75px
    }
li#ini {
    width: 73px
    }
li#gro {
    width: 60px
    }
li#com {
    width: 60px
    }
li#lin {
    width: 77px;
    margin: 0
    }
/* submenu */
div#navigator ul li ul {
    position: absolute;
    display: none
    }
div#navigator ul li ul li {
    width: 140px;
    text-align: left
    }
div#navigator ul li ul li a {
    display: block;
    padding: 5px 0 0 5px
    }
div#navigator ul li:hover ul {
    display: block
    }
/* mainbody */
#mainbody {
    background-image: url(../images/liner.gif)
    }
#mainbody .readon {
    float: right;
    color: #c00;
    text-decoration: none;
    text-align: right
    }
#mainbody .readon:hover {
    text-decoration: underline
    }
#left {
    float: left;
    margin: 0;
    width: 210px;
    padding: 12px 6px 0 6px
    }
#left .contentpaneopen img {
    margin-right: 4px;
    border: 1px solid #c6bd8a;
    margin-top: 5px;
    float: left;
    width: 62px;
    height: 78px
    }
#left .moduletable-banrgt img {
    margin: 0 12.5%
    }
#right {
    float: right;
    margin: 0;
    width: 210px;
    padding: 12px 6px 0 6px
    }
#right .contentpaneopen img {
    margin-right: 4px;
    border: 1px solid #c6bd8a;
    margin-top: 5px;
    float: left;
    width: 70px;
    height: 52.5px
    }
#right .contentheading {
    font-weight: bold
    }
#right .moduletable-banrgt img {
    margin: 0 12.5%
    }
#right .moduletable-ini {
    margin-top: 20px
    }
#center {
    padding: 12px 230px 0 230px
    }
#center .contentheading {
    font-weight: bold;
    color: #000
    }
#center .contentpaneopen img {
    padding: 0 8px 0 0
    }
#center .componentheading {
    font-weight: bold;
    color: #000;
    font-size: 1.3em
    }
.area-top {
    float: left;
    width: 99%;
    border-bottom: 1px dashed #827242
    }
.area-top h3 {
    color: #000
    }
.area-top img {
    float: left
    }
.area-bottom {
    float: left;
    width: 99%;
    border-bottom: 0
    }
.area-bottom h3 {
    color: #000
    }
.area-bottom img {
    float: left
    }
.area-left {
    float: left;
    height: 241px;
    width: 48%;
    border-right: 1px dashed #827242;
    padding: 10px 10px 0 0
    }
.area-right {
    float: left;
    width: 47%;
    padding: 10px 10px 0 5px
    }
.rubleft {
    float: left;
    width: 31%;
    height: 212px;
    border-right: 1px dashed #827242;
    padding: 0 5px 5px 5px
    }
.rubcenter {
    float: left;
    width: 30%;
    height: 212px;
    padding: 0 5px 5px 5px
    }
.rubright {
    float: left;
    width: 31%;
    height: 212px;
    border-left: 1px dashed #827242;
    padding: 0 5px 5px 5px
    }
#rubriche {
    padding-bottom: 20px
    }
#rubriche h3 {
    color: #000
    }
#rub1 {
    float: left;
    width: 31%;
    height: 212px;
    border-right: 1px dashed #827242;
    padding: 0 5px 5px 5px
    }
#rub1 h4 {
    background-image: url(../images/ottemmezzo.gif);
    width: 167px;
    height: 32px;
    margin: 2px 0
    }
#rub1 h4 span {
    display: block;
    height: 0;
    overflow: hidden
    }
#rub1 a {
    color: #980000
    }
#rub2 {
    float: left;
    width: 30%;
    height: 212px;
    padding: 0 5px 5px 5px
    }
#rub2 h4 {
    background-image: url(../images/itinerari.gif);
    width: 167px;
    height: 32px;
    margin: 2px 0
    }
#rub2 h4 span {
    display: block;
    height: 0;
    overflow: hidden
    }
#rub2 a {
    color: #980000
    }
#rub3 {
    float: left;
    width: 31%;
    height: 212px;
    border-left: 1px dashed #827242;
    padding: 0 5px 5px 5px
    }
#rub3 h4 {
    background-image: url(../images/salute.gif);
    width: 167px;
    height: 32px;
    margin: 2px 0
    }
#rub3 h4 span {
    display: block;
    height: 0;
    overflow: hidden
    }
#rub3 a {
    color: #980000
    }
#rub4 {
    float: left;
    width: 31%;
    height: 212px;
    border-right: 1px dashed #827242;
    padding: 5px
    }
#rub4 h4 {
    background-image: url(../images/picchio.gif);
    width: 167px;
    height: 32px;
    margin: 2px 0
    }
#rub4 h4 span {
    display: block;
    height: 0;
    overflow: hidden
    }
#rub4 a {
    color: #980000
    }
#rub5 {
    float: left;
    width: 30%;
    height: 212px;
    padding: 5px
    }
#rub5 h4 {
    background-image: url(../images/ricette.gif);
    width: 167px;
    height: 32px;
    margin: 2px 0
    }
#rub5 h4 span {
    display: block;
    height: 0;
    overflow: hidden
    }
#rub5 a {
    color: #980000
    }
#rub6 {
    float: left;
    width: 31%;
    height: 212px;
    border-left: 1px dashed #827242;
    padding: 5px
    }
#rub6 h4 {
    background-image: url(../images/tecnologica.gif);
    width: 167px;
    height: 32px;
    margin: 2px 0
    }
#rub6 h4 span {
    display: block;
    height: 0;
    overflow: hidden
    }
#rub6 a {
    color: #980000
    }
#ottemmezzo {
    background-image: url(../images/ottemmezzo.gif);
    display: block;
    width: 162px;
    height: 32px;
    overflow: hidden
    }
#legale {
    padding-bottom: 5px;
    padding-top: 15px
    }
#legale h3 {
    color: #000
    }
.cornice {
    background-image: url(../images/picchi.gif);
    background-repeat: repeat-x;
    width: 98%;
    margin: 5px 0 10px 0
    }
.cornice-home {
    background-image: url(../images/picchi.gif);
    background-repeat: repeat-x;
    width: 98%;
    margin: 20px 0 20px 0;
    float: left
    }
/* footer */
#footer {
    background-color: #900;
    color: white;
    width: 100%;
    font-family: verdana, times, sans-serif
    }
#footer a {
    text-decoration: none;
    color: #ffa500
    }
#footer a:hover {
    color: #ff0
    }
#poweredby {
    padding: 0 0 5px 0;
    text-transform: none
    }
.clearer {
    clear: both
    }
/* core ( don't touch !!! ) */
.mod_contentitem .contentheading {
    font-weight: bold;
    color: #000;
    font-size: 1em
    }
.button {
    margin-left: 10px;
    border: none;
    background-color: #900;
    color: #fff
    }
.back_button {
    text-align: center
    }
.back_button a {
    text-decoration: none;
    color: #fff;
    background-color: #900;
    padding: 3px 4px
    }
.back_button a:hover {
    background-color: #760000
    }
.sectiontableheader-contatti {
    font-weight: bold
    }
.contentpane-contatti td .sectiontableentry1 {
    width: 45%
    }