/* CSS Document */

/******************************/
/*     S T R U T T U R A      */
/******************************/
.reset{clear: both;font-size: 0px;height: 0px;width: 0px;margin: 0px;}
html, body{margin: 0;padding: 0;height: 100%;}
body:before{content: "";height: 100%;float: left;width: 0;margin-top: -32767px;}
#contentSx{width: 467px;min-height: 400px;background: none repeat scroll 0 0 #ffffff;bottom: 10%;position: fixed !important;z-index: 7;float:left;}
#colsx{width:215px;height: 400px;float:left;}
#coldx{width: 245px;height: 400px;float: left;border-left: #cccccc 1px solid;}
.logo{background-image: url(img/Logo.png);width: 163px;height: 189px;display:block;margin-left:20px;margin-top:22px;}
.logo a{background-image: url(img/Logo.png);width: 163px;height: 189px;display:block;margin-left:20px;margin-top:5px;}
#indir{margin-top: 20px;font-family:PTSerifBold, serif;font-size: 11px;font-style: normal;color: #433A31;text-align: center;line-height: 14px;}
.hide-content {background-image: url("img/fullscreen.jpg");background-position: 0 0;background-repeat: no-repeat;display: block;height: 20px;position: absolute;left: 0px;bottom: 0px;width: 110px;}
.view-content {background-image: url("img/normalview.jpg");background-position: 0 0;background-repeat: no-repeat;display: none;height: 20px;position: absolute;left: 0px;bottom: 0px;width: 110px;}
/******************************/
/*  L N K     S I N T E S I   */
/******************************/
#sintesi{margin-top: 20px;font-family:PTSerifBold, serif;font-size: 10px;font-style: normal;color: #433A31;text-align: center;}
#sintesi a{text-decoration: none;color: #433A31;line-height: 14px;}
#sintesi a:hover{color:#996600;}

/******************************/
/*          M E N U           */
/******************************/
#menu{margin-left: 40px;}
ul#menu{margin-top: 40px;line-height: 26px;}
ul#menu li.select a{background-image: url(img/freccia.png);background-repeat: no-repeat;background-position: center right;font-weight: bold;}
ul#menu li a{font-family: PTSerifRegular, serif;font-size: 13px;color: #433A31;text-decoration: none;text-transform: uppercase;width: 200px;display:block;}
ul#menu li a:hover{color:#996600;}
ul#menu li.select a:hover{color:#996600;}
ul#menu li a.current, ul#menu li a.current:hover{}     
.persorsi-sintesi{width:210px;} 

/******************************/
/*     C A R A T T E R I      */
/******************************/

p{font-family:arial, verdana, sans-serif;font-size:12px;line-height:18px;color:#333333;}
h1,h2,h3{color: #333333;}
h1{font-size: 30px;font-family: PTSerifItalic, serif;font-weight: lighter; }
h2{font-size: 30px;font-family: PTSerifBold, serif; font-style: normal;}
h3{font-size: 20px;font-family: PTSerifBoldItalic, serif;}
a{text-decoration: none;color: #333333;}
a:hover{ text-decoration: none; color:#996600;}

/******************************/
/*    B O X    L I N K        */
/******************************/

#contentLink {margin-left: 40px;display: block; margin-top: 30px;}
#link{display:block;width: 180px;}
.aromi, .aromides, aromi a{  text-align: left;margin-bottom: 5px;}
.aromi{font-family:PTSerifBoldItalic, serif;font-size: 20px;color:#3A332D;}
.aromides{font-family:PTSerifBold, serif;font-size: 12px;color:#3A332D; line-height:14px;}
.aromi a{font-family:PTSerifRegular, serif;font-size: 12px;color:#3A332D;font-weight:lighter;text-decoration:none;}
.aromi a:hover{color:#996600;}