/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 07 December 2011 08:42:01
*/


@font-face {
    font-family: 'EBGaramondRegular';
    src: url("../../__data/assets/file/0003/21990/ebgaramond-webfont.eot")/*tpa=http://www.venicethefuture.com/__data/assets/file/0003/21990/ebgaramond-webfont.eot*/;
    src: url("../../__data/assets/file/0003/21990/ebgaramond-webfont.eot-#iefix")/*tpa=http://www.venicethefuture.com/__data/assets/file/0003/21990/ebgaramond-webfont.eot?#iefix*/ format('eot'),
         url("../../__data/assets/file/0006/21993/ebgaramond-webfont.woff")/*tpa=http://www.venicethefuture.com/__data/assets/file/0006/21993/ebgaramond-webfont.woff*/ format('woff'),
         url("../../__data/assets/file/0005/21992/ebgaramond-webfont.ttf")/*tpa=http://www.venicethefuture.com/__data/assets/file/0005/21992/ebgaramond-webfont.ttf*/ format('truetype'),
         url("../../__data/assets/file/0004/21991/ebgaramond-webfont.svg#webfontY3mCzw9j")/*tpa=http://www.venicethefuture.com/__data/assets/file/0004/21991/ebgaramond-webfont.svg#webfontY3mCzw9j*/ format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EBGaramondSC';
    src: url("../../__data/assets/file/0008/21986/ebgaramondsc-webfont.eot")/*tpa=http://www.venicethefuture.com/__data/assets/file/0008/21986/ebgaramondsc-webfont.eot*/;
    src: url("../../__data/assets/file/0008/21986/ebgaramondsc-webfont.eot-#iefix")/*tpa=http://www.venicethefuture.com/__data/assets/file/0008/21986/ebgaramondsc-webfont.eot?#iefix*/ format('eot'),
         url("../../__data/assets/file/0011/21989/ebgaramondsc-webfont.woff")/*tpa=http://www.venicethefuture.com/__data/assets/file/0011/21989/ebgaramondsc-webfont.woff*/ format('woff'),
         url("../../__data/assets/file/0010/21988/ebgaramondsc-webfont.ttf")/*tpa=http://www.venicethefuture.com/__data/assets/file/0010/21988/ebgaramondsc-webfont.ttf*/ format('truetype'),
         url("t/__data/assets/file/0009/21987/ebgaramondsc-webfont.svg#webfontpny5SfSy")/*tpa=http://www.venicethefuture.com/design/css/t/__data/assets/file/0009/21987/ebgaramondsc-webfont.svg#webfontpny5SfSy*/ format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
   font-family: 'futura';
    src: url("../../__data/assets/file/0012/22431/FuturaBT-LightCondensed.eot")/*tpa=http://www.venicethefuture.com/__data/assets/file/0012/22431/FuturaBT-LightCondensed.eot*/ format('eot'),
         url("../../__data/assets/file/0013/22432/FuturaBT-LightCondensed.woff")/*tpa=http://www.venicethefuture.com/__data/assets/file/0013/22432/FuturaBT-LightCondensed.woff*/ format('woff'),
         url("../../__data/assets/file/0013/22432/FUTURALC.TTF")/*tpa=http://www.venicethefuture.com/design/font/FUTURALC.TTF*/ format('truetype');
}

@font-face {
   font-family: 'bodoni-normal';
    src: url("../../__data/assets/file/0003/22494/Bodoni-Normal.eot")/*tpa=http://www.venicethefuture.com/__data/assets/file/0003/22494/Bodoni-Normal.eot*/ format('eot'),
         url("../../__data/assets/file/0005/22496/Bodoni-Normal.ttf")/*tpa=http://www.venicethefuture.com/__data/assets/file/0005/22496/Bodoni-Normal.ttf*/ format('truetype');
}

*{
    margin:0;
    padding:0;
}

a {color:#5c0816; outline:none; cursor:pointer; text-decoration:none; font-size:16px; font-weight:bold;}
hr {color: #C80815;}
img {border: 0px;}

img.bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1024px;
    z-index: -9999;
}


#credits {
position: fixed;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
font-family: 'futura', Arial, sans-serif; 
font-size: 14px;
text-transform:uppercase;
text-align: center;
color: #fff;
float: left;
width: 80px;
height: 14px;
top: 80%;
left: 0;
margin:0;
padding:8px;}

#credits a{
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    font-size:14px;
    font-size:10px\9;
}

#lingue {
position: fixed;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
font-family: 'futura', Arial, sans-serif; 
font-size: 14px;
text-transform:uppercase;
text-align: center;
color: #fff;
float: left;
width: 130px;
height: 20px;
left: 0;
top: 70px;
margin:0;
padding:3px;}

#lingue a{
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    font-size:16px;
    font-size:10px\9;
    font-weight:bold;
}

#contatti {
position: fixed;
background-color: #C80815;
font-family: 'futura', Arial, sans-serif; 
text-transform:uppercase;
text-align: center;
color: #fff;
float: left;
width: 130px;
height: 20px;
left: 0;
top: 100px;
z-index: 1000;
margin:0;
padding:3px;}

#contatti_galleria {
position: fixed;
background-color: #C80815;
font-family: 'futura', Arial, sans-serif; 
text-transform:uppercase;
text-align: center;
color: #fff;
float: left;
width: 130px;
height: 20px;
left: 0;
top: 480px;
z-index: 1000;
margin:0;
padding:3px;}

#contatti a, #contatti_galleria a{
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    font-size:15px;
    font-size:10px\9;
    font-weight:bold;
}

span.lettera {color: #C80815; font-size: 25px; line-height: 38px;}

#fascia {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
position: absolute;
width: 1024px;
height: 80px;
margin: 560px 0 0 -10px;}

#areatop {
position: absolute;
width: 1012px;
height: 30px;
z-index: 999;
top: 0;
margin: 0;}

#areatop_galleria {
position: fixed;
width: 1012px;
height: 30px;
z-index: 999;
top: 62px;
margin: 0;}

#areatop_dialogo, #areatop_futuro{
position: fixed;
width: 1012px;
height: 45px;
z-index: 999;
top: 15px;
margin: 0;}

#titolo {
float: left;
width: 480px;
height: 30px;
margin: 0 0 0 490px;
padding:0;}

#titolo_scheda, #titolo_dialogo, #titolo_futuro {
float: left;
width: 390px;
height: 30px;
margin: 0 0 0 490px;
padding:0;}

#titolo_scheda h1 {
    color: #fff;
}
  
#titolo h1 {
font-family: 'Palatino linotype', 'EBGaramondSC', Arial, sans-serif; 
font-size: 20px;
font-size: 18px\9;
margin: 0;
padding:3px;
text-transform:uppercase;
color: #F5EAD4;
}

#titolo_scheda h1, #titolo_dialogo h1, #titolo_futuro h1 {
font-family: 'Palatino linotype', 'EBGaramondSC', Arial, sans-serif; 
font-size: 20px;
color: #F5EAD4;
margin: 0;
padding:0;
text-transform:uppercase;
}

#titolo_scheda h2, #titolo_dialogo h2, #titolo_futuro h2 {
font-family: 'Palatino linotype', 'EBGaramondSC', Arial, sans-serif; 
font-size: 15.2px;
color: #F5EAD4;
margin: 0;
padding:0;
text-transform:uppercase;
}

#titolo h2 {
font-family: 'EBGaramondRegular', Arial, sans-serif; 
font-size: 24px;
margin: 0;
padding:3px;}

.text1 {
font-family: 'EBGaramondRegular', Arial, sans-serif !important; 
font-size: 20px !important;
margin: 0;
padding:0;}

.text2 {
font-family: 'EBGaramondRegular', Arial, sans-serif !important; 
font-size: 16px !important;
margin: 0 0 0 25px;
padding:0;}

.text3 {
font-family: 'EBGaramondRegular', Arial, sans-serif !important; 
font-size: 14px !important;
margin: 0 0 0 25px;
padding:0;}

#indietro {
background-color: #C80815;
font-family: 'futura', Arial, sans-serif; 
text-transform:uppercase;
text-align: left;
color: #FFF;
z-index: 1;
float: right;
width: 95px;
height: 20px;
margin: 0;
padding:3px 0 3px 10px;}

#indietro a {
    text-decoration:none;
    color: #fff; 
    font-size: 14px;
    font-size:10px\9;
 }

#left {
position: fixed;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
font-family: 'futura', Arial, sans-serif; 
font-size: 14px;
text-transform:uppercase;
text-align: center;
color: #fff;
float: left;
width: 100px;
height: 20px;
left: 0;
margin:0;
padding:3px;}

#left-mappa {
position: fixed;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
font-family: 'futura', Arial, sans-serif; 
font-size: 14px;
text-transform:uppercase;
text-align: center;
color: #fff;
float: left;
width: 200px;
height: 20px;
left: 0;
margin:0;
padding:3px;}

#left a, #left-mappa a {
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    font-size:14px;
    font-size:10px\9;
}

#titolocd {
background-color: #3c3c3c;
text-align: right;
position: fixed;
width: 520px;
height: 12%;
top: 88%;
left: 490px;
margin: 0;
padding:0;
z-index: 998;}

#titolocd h1  {
    font-family: 'EBGaramondRegular', Arial, sans-serif; 
    font-size: 28px;
    text-transform:uppercase;
    color: #fff;
    margin: 0;
    padding: 20px 20px 0 0;
    font-weight:normal; }

#titolocd h2  {
    font-family: 'EBGaramondSC', Arial, sans-serif; 
    font-size: 12px;
    text-transform:uppercase;
    color: #fff;
    margin: 0;
    padding: 0 20px 0 0;
    font-weight:normal;
     }
#menu1 {
position: fixed;
width: 100%;
background-color:#101010;
height: 6%;
top: 88%;
margin: 0;
padding:0;
float: left;
opacity: 0.8;}

#menu2 {
position: fixed;
width: 100%;
background-color:#101010;
height: 6%;
top: 94%;
margin: 0;
padding:0;
float: left;
opacity: 0.8;}

#menu1 li, #menu2 li{
    width:165px;
    height:40px;
    padding-bottom:2px;
    float:left;
    position:relative;
    list-style: none;
}
#menu1 ul li a, #menu2 ul li a{
    display:block;
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    font-family: 'futura', Arial, sans-serif; 
    font-size:14.5px;
    font-size:10px\9;
    width:145px;
    height: 20px;
    padding:10px;
}
#menu1 ul li a:hover,
#menu1 ul li.selected, 
#menu2 ul li a:hover,
#menu2 ul li.selected {
    background:#C80815;
    color:#FFF;
    opacity:1.0;
}

#menu1 ul li a:active, 
#menu2 ul li a:active {
    background:#C80815;
    color:#FFF;
    opacity:1.0;
}

#areatesto {
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.95);
background-color: #F5EAD4\9;
font-family: 'Palatino linotype', 'Lucida Grande', Arial, sans-serif; 
font-size: 16px;
position: fixed;
width: 500px;
height: 88%;
top: 12%;
left: 490px;
margin: 0;
padding: 10px;
z-index: 1100;}


#areatesto h2 {
color: #C80815;
font-family: 'Palatino linotype', 'Lucida Grande', Arial, sans-serif; 
font-size: 23px; }

#areatesto_full {
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.95);
background-color: #F5EAD4\9;
font-family: 'Palatino linotype', 'Lucida Grande', Arial, sans-serif; 
font-size: 16px;
position: fixed;
width: 990px;
height: 472px;
top: 68px;
left: 0;
margin: 0;
padding: 10px;
z-index: 1100;}

#areatesto h1 {
font-weight:normal;
font-size: 15px;
margin-bottom:10px;
padding-bottom:6px;
border-bottom:1px solid #C80815;
}

#areatesto_full h1 {
font-weight:normal;
font-size: 15px;
margin-bottom:10px;
padding-bottom:6px;
border-bottom:1px solid #C80815;
text-transform: uppercase;
}

#areatesto h3, #areatesto_full h3 {
color: #C80815;
font-weight:normal;
font-size: 20px;
margin-bottom:0px;
padding-bottom:6px;
border-bottom:1px solid #C80815;
}

#areatesto p, #areatesto_full p  {
margin-top: 10px;} 

#areatesto img, #areatesto_full img {
border: 0px;
margin: 0 10px;
}

#areamappa {
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.95);
background-color: #F5EAD4\9;
font-family: 'Palatino linotype', 'Lucida Grande', Arial, sans-serif; 
font-size: 16px;
position: fixed;
width: 960px;
height: 460px;
top: 68px;
left: 10px;
margin: 0;
padding: 10px;
z-index: 1100;}

#areatesto_menu {
position: fixed;
top: 525px;
left: 490px;
width: 520px;
background-color:#C80815;
height: 25px;
margin: 0;
padding: 3px 0 0 0;
float: left;
z-index: 1106;
}

#areatesto_menu_doppio {
position: fixed;
top: 500px;
left: 490px;
width: 510px;
background-color:#C80815;
height: 50px;
margin: 0;
padding: 3px 0 0 0;
float: left;
z-index: 1106;
}

#areatesto_menu_doppio ul {
float: left;
width: 510px;
}

#areatesto_menu_full {
position: fixed;
top: 525px;
left: 0;
width: 990px;
background-color:#C80815;
height: 25px;
margin: 0;
padding: 3px 0 0 0;
float: left;
z-index: 1106;
}

#areatesto_menu li, #areatesto_menu_full li, #areatesto_menu_doppio li {
    width:85px;
    height:25px;
    padding-bottom:2px;
    float:left;
    position:relative;
    list-style: none;
}
#areatesto_menu ul li a, #areatesto_menu_full ul li a, #areatesto_menu_doppio ul li a {
    display:block;
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    text-align: center;
    font-size:11px;
    width:85px;
    height: 15px;
    padding:5px;
}
#areatesto_menu ul li a:hover,
#areatesto_menu ul li.selected a,
#areatesto_menu_full ul li a:hover,
#areatesto_menu_full ul li.selected a,
#areatesto_menu_doppio ul li a:hover,
#areatesto_menu_doppio ul li.selected a
{ color: #000;}

#percorso {
width:492px;
height: 15px;
position: fixed;
background:#000;
opacity:0.5;
top:0px;
left:490px;
color:#FFF;
padding-bottom: 4px;
font-size: 11px;
text-align: right;
z-index: 1106;
}

#percorso a { 
color:#FFF;
}
#areascroll {
    height: 370px;
    overflow-y: scroll; 
    width:500px }

#areascroll_full {
    height: 370px;
    overflow-y: scroll; 
    width:970px }

#areascroll_big, #areacredits {
    height: 450px;
    overflow-y: scroll; 
    width:500px }

#areascroll_mini{
    height: 200px;
    overflow-y: scroll; 
    width:500px; 
    margin-top: 60px;
    float:left;
}

#areascroll_presentazione {
    height: 450px;
    overflow-y: scroll; 
    width:500px; 
    margin-top: 10px;
    float:left;
}

#areascroll_mini a {
line-height: 25px;
font-size: 18px;
font-family: 'EBGaramondRegular', Arial, sans-serif; 
font-weight:normal;
}

#areascroll table tbody tr td {
text-align:center;
padding:3px;
vertical-align: top;
}

#areascroll table tbody tr td a {
font-size: 12.5px;
font-family: 'EBGaramondRegular', Arial, sans-serif; 
font-weight:normal;
text-align:center;
}

.thumb_scheda {
border: 2px solid #fff !important;
}

#galleria {
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.95);
background-color: #F5EAD4;
border: 2px solid #999;
overflow:hidden;
position: fixed;
display: none;
width: 139px;
height: 394px;
top: 107px;
left: 320px;
padding: 10px;
z-index:1200;}

#linkfoto{
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.95);
background-color: #F5EAD4;
border: 2px solid #999;
overflow-y: scroll; 
position: fixed;
width: 250px;
height: 394px;
top: 107px;
left: 200px;
padding: 10px;
z-index:999;}


#galleria_video {
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.45);
background-color: #F5EAD4;
border: 2px solid #999;
overflow:hidden;
position: fixed;
display: none;
width: 320px;
height: 330px;
top: 107px;
left: 130px;
padding: 10px;
z-index: 1200;}

#schede_correlate {
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.95);
background-color: #F5EAD4;
border: 2px solid #999;
position: fixed;
display: none;
width: 400px;
height: 394px;
top: 107px;
left: 50px;
padding: 10px;
z-index: 1200;}

#mappa_scheda {
background: none repeat scroll 0 0 rgba(245, 234, 212, 0.45);
background-color: #F5EAD4;
border: 2px solid #999;
overflow:hidden;
position: fixed;
display: none;
width: 435px;
height: 374px;
top: 107px;
left: 15px;
padding: 10px;
z-index: 1200;}

#galleria h1, #schede_correlate h1, #linkfoto h1, #galleria_video h1, #mappa_scheda h1 {
font-weight:normal;
text-transform: uppercase;
font-size: 12px;
font-family: 'EBGaramondSC',Arial,sans-serif;
margin-bottom:10px;
padding-bottom:6px;
border-bottom:1px solid #C80815;
}

#galleria p, #schede_correlate p, #galleria_video p, #mappa_scheda p {
font-family: 'Lucida Grande', Arial, sans-serif; 
font-size: 12px;} 

#galleria_video object, #mappa_scheda object {
margin-top: 10px;}

#tematiche {z-index: 1; padding: 20px;}
table#elencotemi.elencotemi td {width: 300px !important;}
#tematiche a {
    font-family: 'Palatino linotype', 'EBGaramond', Arial, sans-serif; 
    font-size: 18px;
    text-decoration:none;
    margin: 0 0 20px 0;
    line-height: 25px;
    float: left;
    color: #C80815;
}

a.alt {text-decoration:none; color:#C80815 !important;}

a.alt:hover, a.alt:visited {text-decoration:none; color:#C80815;}

a.alt span {display:none; text-decoration:none; padding:5px 10px; font-size: 14px; font-family:"Times New Roman"; white-space: nowrap; margin-left: 0; margin-top:0; position: relative; left: 100px;}

a.alt:hover span{display:inline; text-decoration:none; position:absolute; background:#FFC; border:3px solid #C80815; color:#014189;}

#metadata {
    margin-top: 20px;
    color:#67061E;
    font-family: 'EBGaramondSC', Arial, sans-serif; 
    font-size:12px;
}
span.foto {width:24px; height: 18px; display: inline-block; margin: 0; background:url("../images/iconafoto.png")/*tpa=http://www.venicethefuture.com/design/images/iconafoto.png*/ center no-repeat;}

#patrimonio ul {
float: left;
padding: 0;
margin-left: 6px;
width: 480px;}

#patrimonio ul li {
width: 150px;
list-style:none;
float: left;
padding: 20px 0 20px 10px;}

#patrimonio ul li a{
float: left;
text-align: center;}

#patrimonio ul li span{
float: left;}

.submenuepoche {margin-left:9px; font-size: 16px; width: 480px; height: 20px; text-align: center; background:#FFC; padding: 5px 0; float: left;}
.submenuepoche a {text-decoration:none; font-size: 13px;}
.submenuepoche a:hover {text-decoration:none; color:#67061e;}

#temi {
position: absolute;
margin: 0 0 0 10px;
top: 250px;
float: left;}

#temi ul {
float: left;
padding: 0;
margin: 0 5px;
width: 240px;}

#temi ul li {
list-style:none;
float: left;
width: 240px;}

#temi h2 {
    color:#67061E;
    font-family: 'EBGaramondSC', Arial, sans-serif; 
    font-size:16px;
    margin: 0 20px 10px 0;
    padding-bottom:6px;
    border-bottom:1px solid #C80815;}

#risultati-temi {
position: absolute;
width: 480px;
margin: 0 10px;
top: 240px;
float: left;}

#risultati-temi h2, #tematiche_epoche h2 {
    color:#67061E;
    font-family: 'Palatino linotype','Lucida Grande',Arial,sans-serif; 
    font-size:14px;
    text-transform: uppercase;
    margin-bottom:10px;
    padding-bottom:6px;
    border-bottom:1px solid #C80815;}

#tematiche_epoche {
float: left;}

.epoca {
width: 96%;
text-align: center;
margin: 5px 0 5px 0;
padding: 3px 5px;
background-color: #C80815;
font-size: 12px;
color:#ffffff;
}

#epoca1 {
width: 480px;
height: 180px;
float: left;
margin-left: 9px;
background:url("../../__data/assets/image/0013/22216/epoca1.jpg")/*tpa=http://www.venicethefuture.com/__data/assets/image/0013/22216/epoca1.jpg*/ no-repeat;}

#epoca3 {
width: 480px;
height: 180px;
float: left;
margin-left: 9px;
background:url("../../__data/assets/image/0014/22217/epoca3.jpg")/*tpa=http://www.venicethefuture.com/__data/assets/image/0014/22217/epoca3.jpg*/ no-repeat;}

#epoca5 {
width: 480px;
height: 180px;
float: left;
margin-left: 9px;
background:url("../../__data/assets/image/0015/22218/epoca5.jpg")/*tpa=http://www.venicethefuture.com/__data/assets/image/0015/22218/epoca5.jpg*/ no-repeat;}

#epoca7 {
width: 480px;
height: 180px;
float: left;
margin-left: 9px;
background:url("../../__data/assets/image/0016/22219/epoca7.jpg")/*tpa=http://www.venicethefuture.com/__data/assets/image/0016/22219/epoca7.jpg*/ no-repeat;}

#epoca8 {
width: 480px;
height: 180px;
float: left;
margin-left: 9px;
background:url("../../__data/assets/image/0008/22220/epoca8.jpg")/*tpa=http://www.venicethefuture.com/__data/assets/image/0008/22220/epoca8.jpg*/ no-repeat;}

#epoca10 {
width: 480px;
height: 180px;
float: left;
margin-left: 9px;
background:url("../../__data/assets/image/0009/22221/epoca10.jpg")/*tpa=http://www.venicethefuture.com/__data/assets/image/0009/22221/epoca10.jpg*/ no-repeat;}

#pager {
position: absolute;
float: right;
padding: 3px 5px;
top: 440px; 
right: 30px;
background-color: #C80815;
font-size: 12px;
color:#ffffff;
vertical-align: bottom;
}

#pager a {
padding: 0;
text-decoration:none;
font-size: 12px !important;
font-weight:bold;
color:#ffffff;}

#lista {
width: 490px;
float: left;
margin: 15px 0 0 0;}

#lista h1 {
line-height: 25px;
font-size: 18px;
font-family: 'EBGaramondRegular', Arial, sans-serif; 
font-weight:bold;
text-transform: uppercase;
} 

#lista h2 {
    line-height: 25px;
    font-family: 'Palatino linotype','Lucida Grande',Arial,sans-serif;
    margin: 0 0 0 10px;
    color: #5C0816;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    outline: medium none;
    text-decoration: none;
} 

#lista a {
line-height: 25px;
font-size: 16px;
font-family: 'Palatino linotype', 'EBGaramond', Arial, sans-serif; 
font-weight:bold;
text-transform: none;
}

#lista h3 {
line-height: 20px;
font-size: 14px;
font-family: 'EBGaramondRegular', Arial, sans-serif; 
font-weight:bold;
text-transform: uppercase;
border-bottom: 0px solid #666;
color: #000;
background-color: #FFFFCC;
padding: 3px 10px;
margin: 0 0 10px 10px;
}

#lista_schede_epoche {
width: 480px;
float: left;
margin: 15px 0 0 0;}


div.finestra{
text-decoration:none; 
color:#C80815 !important;
width: 200px;
font-size: 10px;
top: 300px;
left: 300px;
}

.oe_overlay{
    background:#000;
    opacity:0;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
ul.oe_menu{
    list-style:none;
    position:absolute;
    margin:560px 0 0 0;
    width:500px;
    float:left;
    clear:both;
}
ul.oe_menu > li{
    width:165px;
    height:20px;
    padding-bottom:2px;
    float:left;
    position:relative;
}
ul.oe_menu > li > a{
    display:block;
    background-color:#101010;
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    font-family: 'futura', Arial, sans-serif; 
    font-size:16px;
    font-size:10px\9;
    width:145px;
    height:20px;
    padding:15px 10px 5px 10px;
    opacity:0.8;
}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
    background:#C80815;
    color:#FFF;
    opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{
    background:#000;
}
ul.oe_menu div{
    position:absolute;
    top:-160px;
    left:0;
    background:#fff;
    width:500px;
    height:100px;
    padding:30px;
    display:none;
}
ul.oe_menu div ul li a{
    text-decoration:none;
    color:#222;
    padding:2px 2px 2px 4px;
    margin:2px;
    display:block;
    font-size:12px;
    text-align: right;
    font-family: 'Palatino linotype', 'EBGaramondSC', Arial, sans-serif; 
}
ul.oe_menu div ul.oe_full{
    width:100%;
}
ul.oe_menu div ul li a:hover{
    background:#C80815;
    color:#fff;
}
ul.oe_menu li ul{
    list-style:none;
    float:right;
    width: 150px;
    margin-right:10px;
}
li.oe_heading{
    color:#aaa;
    font-size:16px;
    margin-bottom:10px;
    padding-bottom:6px;
    border-bottom:1px solid #ddd;
    text-align: right;
}


#sidebar, #sidebar2 {
height:350px;
overflow:hidden;
position:relative;
background-color:#eee;
}  
 
#sottomenu, #sottomenu2 {
list-style:none;
padding:0;
margin:0;
top:0;
position:relative;
height:100%;
width:380px;
z-index: 999;
}
 
#sottomenu li, #sottomenu2 li {
padding:10px 0;
text-align:left;
display:block;
cursor:hand;
cursor:pointer;
}
 
#sottomenu li a, #sottomenu2 li a {
background:url() repeat #C80815;
border: 1px solid #fff;
color:#fff;
font-family:helvetica, arial, verdana;
font-size:10px;
font-weight:900;
display:inline;
padding:17px 8px 5px 10px;
text-decoration:none;
}

#sottomenu img, #sottomenu2 img {
width: 250px;
height: 130px;
}

div.sc_menu_wrapper {
  position: relative;   
  height: 400px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 134px;
  margin-top: 10px;
  overflow: auto;
  z-index: 999;
}
div.sc_menu {
  padding: 0;
  margin-left: 2px;
}
.sc_menu a {
  display: block;
  margin: 0 0 5px 0;
  width: 230px;
  border: 1px #999 solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  /* When image support is turned off */
  color: #fff;
  background: #FFF;    
}
.sc_menu a:hover {
  border-style: dotted;
  background-color: #999; 
}
.sc_menu a:link {
  border-style: solid;
  border-width:3px;
  border-color: #5C0816; 
}
.sc_menu img {
  display: block;
  border: none;
  margin: auto;
}
.sc_menu p {
  margin: 0;
  width: 230px;
  color: #000;
  font-size:10px;
  text-align: center;
  font-family: 'Palatino linotype', 'EBGaramondSC', Arial, sans-serif; 
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

  /* FACEBOX */

#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

#ZoomBox {z-index: 1207 !important;}
#ZoomCapDiv {z-index: 1207 !important; bottom:100px !important;}
td#ZoomCaption {font-size: 12px !important;}

#layer1, #layer2, #layer3, #layer4, #layer5, #layer6, #layer7, #layer8, #layer9 {
    position: absolute;
    visibility: hidden;
    width: 400px;
    height: 220px;
    left: 40px;
    top: 200px;
    background-color: #ccc;
    border: 2px solid #247FA1;
    padding: 10px;
    overflow-y: scroll;
}
#layer1 p, #layer2 p, #layer3 p , #layer4 p , #layer5 p , #layer6 p , #layer7 p , #layer8 p , #layer9 p  {
    font-size:12px;
    line-height: 15px;
}
#close {
    float: right;
}
.location_name {
font-size: 12px;
font-family: 'EBGaramondRegular', Arial, sans-serif; 
}

#cambiasizefont { float: right; width: 85px;}
#cambiasizefont a { 
    font-size: 12px;
    color: #FFFFFF;
    height: 15px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
#content{ position:absolute; top:70px; left:50px; background:rgba(0,0,0,0.45); width:290px; text-align:left; }
#content h1 {color:#fff; padding: 10px;}
#content h2 {color:#fff; padding: 10px; font-size:20px;}
#content p {color:#fff; padding: 10px; font-size:14px;}

#catalogo {    
    height: 420px;
    overflow-y: scroll; 
    width:501px }

#catalogo .colonna {
    float: left;
    margin: 0 0 0 5px;
    text-align: center;
    width: 150px }

#catalogo h3 {
   float: left;
   font-size: 18px;
   text-transform: uppercase;
   font-weight:bold;
   font-family: 'EBGaramondRegular', Arial, sans-serif; 
   border-bottom: 2px solid #C80815;
   margin: 10px 0;
   width: 480px;}

#catalogo .colonna p {
   margin:0;
   padding:0;
   text-align: center;
   line-height: 13px;
}
#catalogo .colonna p a {
   margin:0;
   padding:0;
   font-size: 12px;
}
.catalogo_gruppo {
   float:left;
}
.catalogo_riga {
   float:left;
   margin: 0 0 15px 0;
}
#privacy {
   font-size: 12px;
}
#SQ_SYSTEM_SECURITY_KEY_VALUE {
   width: 100px;
   height: 38px;
   font-size:30px;
   vertical-align: top;
}