root { 
    display: block;
}

h1{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
h2{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
h3{
    font-size: 17px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}
h4{
    font-size: 15px;
    font-weight: bold;
    color: #999999;
    text-transform: uppercase;
}
h5{
    font-size: 15px;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.profilo{ color: #99CC00; }
.servizi{ color: #FF9900; }
.portfolio{ color: #CC3300; }
.contatti{ color: #CC00CC; }
.lab{ color: #6699CC; }
.scuro{ color: #000000; }

h1.box{
    font-size: 20px;
    font-weight: bold;
    font-variant: small-caps;
    color: #666;
    line-height: 0.1em;
    margin-left: 10px;
}
h2.box{
    font-size: 20px;
    font-weight: bold;
    font-variant: small-caps;
    color: #333;
    line-height: 0.1em;
    margin-left: 10px;
}

p{
    margin-top: 5px;
    margin-bottom: 5px;
}
img{
    border: 0px;
    padding: 0;
    margin: 0;
}

.img{
    border: 0px;
    padding: 0;
    margin: 0;
    float: left;
}

.message{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}


.button, input[type="button"], input[type="submit"] {
    padding: 3px 10px 4px 10px;
    border: 3px solid #FFF;
    color: #FFF;
    text-decoration: none;
    background-color: #69C;
    font-weight: bold;
    cursor: pointer;
}

a.button:hover {
    color:#CCC;
    text-decoration: none;
}
a.button:active, a.button:link, a.button:visited{
    color:#FFF;
    text-decoration: none;
}
a.button:focus {
    color:#FFF;
    text-decoration: none;
}

a, a:link, a:visited {
    color: #326599;
    text-decoration: none;
    font-weight: bold;
}
a:hover{
    color: #326599;
    text-decoration: underline;
}

a>img {
    border: none;
}

.boxIndex{
    margin-right: 6px;
    margin-top: 8px;
    float: left;
    width:214px;
    height:244px;
}
#box02{
    background: #FFFFFF url('../img/box02.jpg') no-repeat 0 0;
}
#box03{
    background: #FFFFFF url('../img/box03.jpg') no-repeat 0 0;
}
#box04{
    background: #FFFFFF url('../img/box04.jpg') no-repeat 0 0;
}

.boxDx{
    margin-right: 0px;
    margin-top: 8px;
    float: right;
    width:300px;
    min-height:378px;
}
#boxNews{
    background: #FFFFFF url('../img/boxNews.jpg') no-repeat 0 0;
}
#boxProfiloDx{
    background: #FFFFFF url('../img/boxProfiloDx.jpg') no-repeat 0 0;
}
#boxServiziDx{
    background: #FFFFFF url('../img/boxServiziDx.jpg') no-repeat 0 0;
}
#boxPortfolioDx{
    background: #FFFFFF url('../img/boxPortfolioDx.jpg') no-repeat 0 0;
    color: #333333;
}

#boxContattiDx{
    background: #FFFFFF url('../img/boxContattiDx.jpg') no-repeat 0 0;
}
#boxNewsDx{
    background: #FFFFFF url('../img/boxNewsDx.jpg') no-repeat 0 0;
}
.boxInterni{
    width: 618px; margin-left: 20px; float: left;
}
.boxInernoPiccolo{
    margin-right: 6px; margin-top: 8px;  float: left; width:200px; height: 151px; 
}
#boxSottoProfilo{
    background: #FFFFFF url('../img/boxProfiloBasso.jpg') no-repeat 0 0;
}
#boxSottoPortfolio{
    background: #FFFFFF url('../img/boxPortfolioBasso.jpg') no-repeat 0 0;
}
#boxSottoServizi{
    background: #FFFFFF url('../img/boxServiziBasso.jpg') no-repeat 0 0;
}
#boxSottoContatti{
    background: #FFFFFF url('../img/boxContattiBasso.jpg') no-repeat 0 0;
}
#boxSottoNews{
    background: #FFFFFF url('../img/boxNewsBasso.jpg') no-repeat 0 0;
}
.boxContenuto{
    width: 652px;
    min-height: 625px;
    float:left;
    margin-top: 8px;
    text-align: left;
    color: #333;
}
#contenutoProfilo{
    background: #FFFFFF url('../img/boxProfilo.jpg') no-repeat 0 0;
}
#contenutoPortfolio{
    background: #FFFFFF url('../img/boxPortfolio.jpg') no-repeat 0 0;
}
#contenutoServizi{
    background: #FFFFFF url('../img/boxServizi.jpg') no-repeat 0 0;
}
#contenutoContatti{
    background: #FFFFFF url('../img/boxContatti.jpg') no-repeat 0 0;
}
#contenutoNews{
    background: #FFFFFF url('../img/boxNewsInterno.jpg') no-repeat 0 0;
}
.boxContenuto #boxSx{
    margin-left: 40px;
    margin-right: 30px;
    margin-top: 50px;
    background: transparent;
    float: left;
    width: 130px;
    min-height: 450px;
}
.boxContenuto #boxDx{
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 50px;
    background: transparent;
    float: left;
    width: 360px;
    min-height: 450px;
}
.boxContenuto #boxUnico{
    margin-left: 40px;
    margin-right: 30px;
    margin-top: 50px;
    background: transparent;
    float: left;
    width: 580px;
    min-height: 450px;
}

ul#news_scroll { padding: 0px; margin: 0px; font-weight: bold; color: #555555;}
ul#news_scroll li {list-style-type: none; }
ul#portfolio_scroll { padding: 0px; margin: 0px; font-weight: bold; color: #000000;}
ul#portfolio_scroll li {list-style-type: none; }


/** scrollpane **/
.scroll-pane {
    width: 290px;
    overflow: auto;
    background: transparent;
    float: left;
}
#pannelloScroll {
    height: 700px;
}
a.jScrollArrowUp {
    background: #FAF7ED url(../jscripts/jquery/scrollpane/basic-arrow-up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
    background-position: 0 -15px;
}
a.jScrollArrowDown {
    background: #FAF7ED url(../jscripts/jquery/scrollpane/basic-arrow-down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
    background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    background-position: 0 -30px;
}
/** scrollpane **/

/** menu **/
ul.menu { margin-top: 70px; margin-left: 50px; padding-left: 0px}
ul.menu li { list-style-type: none; border: 2px solid #fff; padding-left: 20px; padding-top: 3px; border-right: 5px solid #FFF; height: 20px; margin-bottom:2px;}
ul.menu li a, ul.menu li a:link, ul.menu li a:visited { font-size: 13px; text-decoration: none; color: #333; font-weight: bold; text-transform: uppercase;}
ul.menu li a:hover {font-size: 13px; text-decoration: underline;text-transform: uppercase;}
ul.menu li.sottomenu { list-style-type: none; border: 2px solid #fff; padding-left: 20px; padding-top: 3px; border-right: 5px solid #FFF; height: 18px; margin-left: 35px; margin-bottom:2px;}
ul.menu li.sottomenu a, ul.menu li.sottomenu a:link, ul.menu li.sottomenu a:visited { font-size: 11px; text-decoration: none; color: #333; font-weight: bold; text-transform: uppercase;}
ul.menu li.sottomenu a:hover {font-size: 11px; text-decoration: underline;text-transform: uppercase;}
ul.menuProfilo li{background-color: #C2E066; color: #666666 }
ul.menuServizi li{background-color: #FFC266; color: #666666 }
ul.menuContatti li{background-color: #E066E0; color: #666666 }
ul.menuNews li{background-color: #A3C2E0; color: #666666 }

ul.menuPortfolio { margin-top: 0px; margin-left: 10px; margin-right: 0px; padding-left: 0px}
ul.menuPortfolio li{ background-color: #ff8C65; color: #666666; }
ul.menuPortfolio li { list-style-type: none; border: 2px solid #fff; padding-left: 10px; padding-top: 3px; border-right: 0px; height: 16px; margin-bottom:2px;}
ul.menuPortfolio li a, ul.menuPortfolio li a:link, ul.menuPortfolio li a:visited { font-size: 11px; text-decoration: none; color: #333; font-weight: bold; text-transform: uppercase;}
ul.menuPortfolio li a:hover {font-size: 11px; text-decoration: underline;text-transform: uppercase;}