﻿body { position: relative; line-height: 1.5em; z-index: 0; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 80%; color: #555; }
strong { font-weight: bold; }

strong.blue { color: #01449B; }

em { font-style: italic; }

h1  { height: 120px;  }
h1 span { position: relative; z-index: -1; }

#Banner { text-align: center;  display: block; }

#Barra { margin-top: 3px; text-align: center; }
img#BarraAmeri {margin-left: 80px; }
img#BarraSomedia { margin-left: 23px; }

#Top h2 { position: absolute; z-index: 2; top: 50px; left: 640px; font-size: 200%; color: #FFF; line-height: 1.5; text-align: center;  }
#Top h2 span { border-bottom: 2px solid #FFF; }

#Container { position: relative; width: 980px; margin: 0 auto; padding: 0 14px;background: url("../img/shadow.png") repeat-y top left; }

#Top { margin-bottom: 4px; position: relative; }

#Partner { width: 310px; height: 73px; background: #FFF; position: absolute; z-index: 2; top: 137px; left: 649px }

#Ameri a { display: block; text-decoration: none;  position: absolute; top: 22px; left: 139px; height: 34px; width: 68px; background: url("../img/logo_ameri2.jpg") no-repeat top left; }
#Ameri span { position: relative; z-index: -1; }

#Altraeta a { display: block; text-decoration: none; position: absolute; top: 22px; left: 218px; height: 36px; width: 78px; background: url("../img/logo_altraeta2.jpg") no-repeat top left; }
#Altraeta span { position: relative; z-index: -1; }

#Somedia a { display: block; text-decoration: none; position: absolute; top: 10px; left: 15px; height: 25px; width: 104px; background: url("../img/logo_somedia2.jpg") no-repeat top left; }
#Somedia span { position: relative; z-index: -1; }

#Repubblica { position: absolute; top: 44px; left: 18px; height: 21px; width: 99px; background: url("../img/logo_repubblica2.jpg") no-repeat top left; }
#Repubblica span { position: relative; z-index: -1; }

ul#Istituzionale { position: absolute; right: 20px; top: 25px; }
ul#Istituzionale li { float: left; border-right: 1px solid #69655C; padding-right: .5em; padding-left: .5em; }
ul#Istituzionale li.ultimo { border: 0; }
ul#Istituzionale a { color: #69655C; text-decoration: none; }

/* MENU */
#Menu { background: #0089D1; min-height: 18px; height: auto !important; height: 18px; padding-top: 5px; margin-bottom: 22px; }
#Menu ul { width: 42em; margin: 0 auto; }
#Menu ul li { padding-top: 5px; }
#Menu ul li { float: left; height: 21px; margin-top: -8px; text-transform: uppercase;  }
#Menu ul li.active { background: #FFF; color:#01449B; margin-left: -1px; }
#Menu a { border-right: 1px solid #FFF; padding: 0 6px 0 7px; text-decoration: none; color: #FFF; font-weight: bold; }
#Menu ul li a.ultimo { border-right: 0; }
#Menu li.active a { color: #01449B; }

/* BOX */

#Middle { position: relative; margin-bottom: 20px }

h2 { margin-left: 10px; }

h2#title_idea {  margin-bottom: 0px; background: url("../img/h2_evento.jpg") no-repeat top left; height: 28px; width: 188px; }
h2#title_idea span { display: none; }

h2#title_espositiva {  margin-bottom: 5px; background: url("../img/title_espositiva.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_espositiva span { display: none; }

h2#title_convegni {  margin-bottom: 5px; background: url("../img/h2_programmaconvegno.gif") no-repeat top left; height: 28px; width: 290px; }
h2#title_convegni span { display: none; }

h2#title_workshop {  margin-bottom: 5px; background: url("../img/title_workshop.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_workshop span { display: none; }

h2#title_contatti {  margin-bottom: 5px; background: url("../img/title_contatti.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_contatti span { display: none; }

h2#title_sponsor2 {  margin-bottom: 5px; background: url("../img/title_sponsor.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_sponsor2 span { position: relative; z-index: -1; }

h2#title_nostrisponsor {  margin-bottom: 5px; background: url("../img/title_nostri-sponsor.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_nostrisponsor span { position: relative; z-index: -1; }

h2#title_visitatori {  margin-bottom: 5px; background: url("../img/title_perche-partecipare.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_visitatori span { position: relative; z-index: -1; }

h2#title_iscriviti {  margin-bottom: 5px; background: url("../img/title_iscriviti.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_iscriviti span { position: relative; z-index: -1; }

h2#title_stampa {  margin-bottom: 5px; background: url("../img/title_ufficio-stampa.jpg") no-repeat top left; height: 28px; }
h2#title_stampa span { position: relative; z-index: -1; }

h2#title_accredito {  margin-bottom: 5px; background: url("../img/title_accredito.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_accredito span { display: none; }

h2#title_comunicati {  margin-bottom: 5px; background: url("../img/title_comunicati.jpg") no-repeat top left; height: 33px;  }
h2#title_comunicati span { position: relative; z-index: -1; }

h2#title_foto {  margin-bottom: 5px; background: url("../img/title_foto-immagini.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_foto span { position: relative; z-index: -1; }

h2#title_terzaeta a {  display: block; margin-bottom: 5px; background: url("../img/logo-terzaeta-big.jpg") no-repeat top left; height: 85px; width: 227px; }
h2#title_terzaeta a span {  display: none }

h2#title_altraeta a {  display: block; margin-bottom: 5px; background: url("../img/logo-altraeta-big.jpg") no-repeat top left; height: 85px; width: 169px; }
h2#title_altraeta a span { display: none }

h2#title_premio {  margin-bottom: 5px; background: url("../img/title_premio.jpg") no-repeat top left; height: 28px; width: 602px; }
h2#title_premio span { position: relative; z-index: -1; }

h2#title_raggiungerci {  margin-bottom: 5px; background: url("../img/title_raggiungerci.jpg") no-repeat top left; height: 28px; width: 602px; }
h2#title_raggiungerci span { position: relative; z-index: -1; }

h2#title_pernottamenti {  margin-bottom: 5px; background: url("../img/title_pernottamenti.jpg") no-repeat top left; height: 28px; width: 602px; }
h2#title_pernottamenti span { position: relative; z-index: -1; }

h2#title_sponsor {  margin: 0 auto; margin-bottom: 5px; background: url("../img/h2_patrocinio.jpg") no-repeat top left; height: 28px; width: 212px; }
h2#title_sponsor span { position: relative; z-index: -1; }

h2#title_sponsorespositiva{  margin-bottom: 5px; background: url("../img/h2_sponsorespositiva.jpg") no-repeat top left; height: 28px; width: 185px; }
h2#title_sponsorespositiva span { position: relative; z-index: -1; }

h2#title_mappa { margin-bottom: 5px; background: url("../img/title_mappa.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_mappa span { position: relative; z-index: -1; }

h2#title_accessibilita {  margin-bottom: 5px; background: url("../img/title_accessibilita.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_accessibilita span { position: relative; z-index: -1; }

h2#title_newsletter {  margin-left: 0; margin-bottom: 5px; background: url("../img/title_newsletter.jpg") no-repeat top left; height: 28px; width: 250px; }
h2#title_newsletter span { position: relative; z-index: -1; }

.box ul { list-style-type: disc; margin-left: 20px;}
.box p { margin: 10px 0; }

#ContextMenu { width: 201px; position: relative; top: 0; left: 5px;  }
#ContextMenu .box { height: 531px; overflow: auto; background: #C1DBE8 url("../img/sfondobottoni.jpg") no-repeat center bottom; }
#ContextMenu .boxevento { height: 531px; overflow: auto; background: url("../img/sfondobottoni-evento.jpg") no-repeat center 140px; }
#ContextMenu .boxstampa { height: 531px; overflow: auto; background: #C1DBE8 url("../img/sfondobottoni.jpg") no-repeat center bottom; }

#ContextMenu ul { list-style-type: none; margin: 0; padding: 0; font-size: 110% }
#ContextMenu a { padding: 2px 0 2px 10px; color: #000; text-decoration: none; display: block; border-bottom: 1px solid #FFF; color: #FFF; font-weight: bold; }
#ContextMenu a.active { background: #01449B; }
#ContextMenu li.zero { background: #5CB3DF }
#ContextMenu li.first { background: #5CB3DF }
#ContextMenu li.second { background: #76BCDF }
#ContextMenu li.third { background: #90C5DF }
#ContextMenu li.fourth { background: #B3D6E7 }
#ContextMenu li.fifth { background: #B3D6E7 }
#ContextMenu li.sixth { background: #C1DBE8 }

/* CON SPONSOR */
#AreaContenuto { width: 478px; position: absolute; top: 0; left: 220px;  }
#AreaContenuto .box { margin-top: 5px; height: 468px; padding: 0 10px; overflow: auto; }
#AreaContenuto .boxpremio { margin-top: 5px; height: 435px; padding: 0 10px; overflow: auto; }

/* CON SPONSOR FULL */
#AreaContenutoFull { width: 700px; position: absolute; top: 0; left: 220px; }
#AreaContenutoFull .box { margin-top: 5px; height: 468px; padding: 0 10px; overflow: auto; }

/* SENZA SPONSOR */
#AreaContenutoNoSponsor { width: 730px; position: absolute; top: 0; left: 220px;  }
#AreaContenutoNoSponsor .box { margin-top: 15px; height: 468px; padding: 10px; overflow: auto; }


#AreaSponsor { width: 263px; position: absolute; top: 0; right: 5px;  }
#AreaSponsor .box { height: 475px; padding: 10px; overflow: auto; border-left: 1px solid #0648A6 }

#ValoriCultura { background: #F3F3F3; min-height: 50px; height: auto !important; height: 50px; padding: 7px; width: 695px; margin-left: 30px; }
#ValoriCultura img { float: left; margin-right: 10px }
#ValoriCultura p { background: #F3F3F3;  } 
#Premio { background: #F3F3F3; margin-top: 10px; min-height: 50px; height: auto !important; height: 50px; padding: 7px; width: 695px; margin-left: 30px; }
#Premio img { float: left; margin-right: 10px }
#Premio p { background: #F3F3F3;  } 

#Footer { position: relative; margin-top: 0px; font-size: 110%; background: #0089D1; padding: 0 10px ;   min-height: 40px; height: auto !important; height: 40px; color: #FFF;  }
#addSomedia { float: left; }
#addAmeri { margin-left: 340px; }
#Email { position: absolute; top: 0; left: 800px; text-align: right }
#Email a { color: #FFF; }

/* Servizio */
#Servizio { width: 980px; margin: 0 auto; text-align: right; margin-top: 10px; }
#Servizio ul { margin-left: 580px; }
#Servizio li { float: left; margin-right: 7px; padding-right: 7px; border-right: 1px solid #0089D1 }
#Servizio li.ultimo { border-right: 0px }
#Servizio li a { color: #0089D1; text-decoration: none; }

h4 { font-size: 130%; }
table.Programma { width: 90%; margin-bottom: 50px; }
table.Programma td { padding: 5px 0; }

#FormIscrizione label {display: block; float: left; width: 160px; font-weight: bold; }
#Trattamento { margin-top: 30px; }
#Trattamento label { display: inline; float: none; }
#FormIscrizione input.cool, #FormIscrizione select.cool { background: #EAEBEC; border-top: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; border-bottom: 1px solid #717171; border-right: 1px solid #717171 }

/* FOTOGRAFIE */
#Column1 { text-align: center; width: 45%; float: left; min-height: 100px; height: auto !important; height: 100px; }
#Column2 { text-align: center; margin-left: 50%; width: 46%;  min-height: 100px; height: auto !important; height: 100px; }
#Column1 img, #Column2 img { margin-bottom: 10px; }

/* COME RAGGIUNGERE */
ul#Raggiungere li { margin-top: 20px; margin-left: 15px; }

/* EVENTO */
h3#h3manifestazione {margin-top: 10px; font-weight: bold;}

/* SPONSOR */
h2.titleSponsor { margin-top: 10px; }

/* MAPPA */
#boxHome { height: 200px; float: left; width: 150px; }
#boxEvento { height: 200px; float: left; width: 230px; }
#boxSponsor { height: 200px; float: left; width: 150px;}
#boxVisitatori { height: 200px; float: left; width: 150px;}
#boxStampa { height: 200px; float: left; width: 150px; margin-top: 20px; }
#boxDove{ height: 200px; float: left; width: 150px; margin-top: 20px;}
#boxStoria{ height: 200px; float: left; width: 150px; margin-top: 20px;}

#boxHome ul, #boxEvento ul, #boxSponsor ul, #boxVisitatori ul, #boxStampa ul, #boxDove ul, #boxStoria ul { list-style-type: none; margin: 0; padding: 0; }
#boxHome h3, #boxEvento h3, #boxSponsor h3, #boxVisitatori h3, #boxStampa h3, #boxDove h3, #boxStoria h3 { font-size: 110%; font-weight: bold; text-transform: uppercase; color: #01449B; }
#boxHome a, #boxEvento a, #boxSponsor a, #boxVisitatori a, #boxStampa a, #boxDove a, #boxStoria a { text-decoration: none; color: #000 }
