@import url(https://fonts.googleapis.com/css?family=Italianno);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);

*
{
        margin: 0;
        padding: 0;
}

body
{
    font-size: 100.01%;
    padding: 0px;
    text-align: center;
    position:relative;
}

/* ###################### general ###################### */
#all
{
    margin: 0 auto;
    padding: 0px;
    text-align: left;
}



#back
{
        margin: 0;
        padding:0px;
}

#contentarea,
#contentarea2
{
    position:relative;
    overflow:hidden;
    padding:0px 20px !important;
    margin:0;

}

#wrapper
{
        width:53%;
        float:left;
        position:relative;

}

#wrapper2
{
    width:72%;
    float:left;
    position:relative;
    padding-bottom:20px

}
#wrapper2 .item-page
{
    max-width:660px
}
#main
{
    padding: 10px 0px 20px 0px;
    position: relative;
    min-height:420px;
}

#right
{
    float:left;
    width: 20%;
    margin:10px 0px 10px 2%;
    padding:0px 0px 5px 0px;
    position:relative;
}

.unseen,
.hidelabeltxt
{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left
{
        padding-top:0px;
        float:right;
        margin:10px 0px 10px 0%;
        width: 22%;
        position:relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1
{
    padding:0px 0 0 0px;
    float: left;
    margin:10px 3% 10px 0px;
    width: 21%;
    position:relative
}

.leftbigger
{
     width:25%
}


/* ###################### header ###################### */

.skiplinks,
.skiplinks li
{
    display: inline;
    height: 0px;
    line-height:0;
    padding:0 !important;
}

.skiplinks li a.u2
{
    display: inline;
    height: 0px;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0px;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus
{
    position:absolute;
    width:13em;
    top:10px;
    left:10px;
    line-height:1.5em;
    padding:5px;
    font-weight:bold;
    height:3em;

}

.wrap
{
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

h1#logo
{
        font-size:3.5em;
        line-height:1.0em;
}

#logo
{
        margin-top:0.6em;
        margin-left:10px;
        /* position:absolute;*/
        display:block;
        padding:20px 20px 20px 10px;
        width:425px;
        padding-top:0.6em;
        font-weight:normal;
        line-height:1em;
        font-size:3em;
}

#logo img
{
        display: block;
}

#logo span
{
        padding-left:2px
}

#logo span.header1
{
        font-size:0.4em;
        display:block;
        top:0em;
        line-height:0.8em
}

.logoheader
{
        margin:0;
        padding:0;
        text-align:left;
        font-weight:normal;
        line-height:1.5em;
        min-height:159px;

}

#line
{       padding:5px 0px 2px 2px;
        position:absolute;
        right :20px;
        top:5em;
        max-width:38em;

}


/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close
{
        margin-right:0px;
        font-size:0.85em;
        text-transform:uppercase;
}

#close span
{
    position:absolute;
    right: 20px;
    z-index:10000;
    top:5px;
    width:7em;
    font-weight:bold;
    text-align:right;
    line-height:1.5em;
    padding:5px 2px 5px 5px
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured
{
        padding: 0;
}

.items-leading
{
        padding:0px 0 10px 0;
        overflow:hidden;
}

.row-separator
{
        display: block;
        clear: both;
        margin: 0;
        border: 0px;
        height:1px
}

.item-separator
{
        display: none;
        margin: 0px;
}

.shownocolumns
{
        width:98% !important;
}

#top
{
        margin:0 0 20px 0;
        overflow:hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:270px;
        padding:0px 0px;
        margin-right:45px

}
.cols-3 .column-2
{
        float:left;
        width:280px;
        margin-left:0;
        padding:0px 0;
		margin-right:30px
}
.cols-3 .column-3
{
        float:left;
        width:315px;
        padding:0px 0
}

.items-row
{
        overflow:hidden;
        margin-bottom:0px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom
{
        overflow:hidden
}

.box
{
        width:27%;
        float:left;
        margin-right:10px;
        min-height:100px
}

.box1
{
        width:35%
}

.box2
{
        width:32%
}

.box3
{
        float:right
}

#footer-inner
{
        max-width:1025px;
        margin:0 auto;
        font-size:0.8em;
        padding:10px 15px 15px 10px;


}


#titolo 
{
    font-size:5em;
    color:#213e23;
    position:absolute;
    top:15px;
    left:185px;
    width:300px;
    font-family: 'Italianno', cursive;
    text-align:right;
    padding-top:25px;

        
}

#titolo img{position:relative;}
#titolo .fourseason{right:45px;}
#titolo .tornabuoni{right:73px;}

    
#testo 
{
    color:#ffffff;
    position:absolute;
    left:145px;
    width:340px;
    top:90px;
    font-family: arial, Verdana;
    text-align:right;
    overflow:auto;
    height:150px;
    font-size:1.2em;
    padding-right:15px;
}

#scrollbar1 { width: 360px; margin: 20px 0 10px; left:145px; top:60px; position:absolute; }
#scrollbar1 .viewport { width: 360px; height: 305px;  overflow: hidden; position: relative; }
#scrollbar1 .overview { width: 340px; list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;  color:#ffffff; font-size:1.1em; font-family: 'PT Sans', sans-serif; text-align:right; line-height:16px}
#scrollbar1 .overview a{text-decoration:none;color:#213E23;}
#scrollbar1 .overview a:hover{text-decoration:underline;}
#scrollbar1 .scrollbar{ background: transparent url(/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0%; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
#scrollbar1 .end_Scrollbar {background:url(/images/bg-scrollbar-trackbot-y.png); height:5px; width:15px;}
    
#pannello 
{
    opacity:0.4;
    filter: alpha(opacity = 40);

}
    
#chiudi 
{
    position:absolute;
    top:0px;
    left:495px;
    cursor:pointer;
}

#apri 
{
    position:absolute; top:13px; right:13px; z-index:400; display:none; cursor:pointer;
}

.overview #contatti{text-align:right;font-size:1em;}
.overview #contatti table{width:100%;}
.overview #contatti span{margin:5px 0px 5px 0px;}
.overview #contatti input{
    margin:5px 0px 5px 25px;
    padding:2px;
    width:200px;
    height:15px;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:0.9em;
    border:none;
}
.overview #contatti textarea{
    margin:5px 0px 5px 25px;
    padding:2px;
    width:200px;
    height:90px;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:0.9em;
    resize:none;
    overflow:auto;
    border:none;
}
.overview #contatti button{
    font-family:'PT Sans',Arial, Verdana, Sans-Serif;
    font-size:0.9em;
    color:White;
    background-color:#2D4931;
    border:none;
    padding:3px 25px 3px 25px;
    cursor:pointer;
               -moz-border-radius: 10px;
            border-radius: 10px;  
}

#lingua{position:absolute; top:5px; right:10px;}
#lingua img{float:left;margin:20px 5px 0px 10px;border:none;}
#lingua a{border:none;}
#lingua a:hover{border:none;}
#lingua a:visited{border:none;}

#testino {position:absolute; top:10px; left:10px; width:400px; height:300px; font-family: 'PT Sans'; font-size:1.1em; line-height:1em;}
#myH1 {text-align:center; color: #CDC9B5; font-family:'Italianno'; text-transform:none; font-weight:normal; font-size:2.7em; padding-top:10px; padding-bottom:0px; margin:0px; line-height:1em;}
#myH2 {text-align:center; color: #CDC9B5; font-family:'Italianno'; text-transform:none; font-weight:normal; font-size:2em; padding:0px; margin:0px; line-height:1em;}