/*---------azzeramento margini e padding--------------*/

html, body, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}


/*--------------------------------------------------*/


/*-------font e background body------*/

body {
    color: #333;
    background: #FFF url(../img/bkg.gif);
    font: 62.5%/1.5 Arial, Helvetica, sans-serif;
    padding-bottom: 15px;
}


/*--------------------------------------------------*/


/*--stili generici titoli, paragrafi, link, liste, testo...--*/

h3, h4, h5, h6, p {
    margin: 1em 0 0.32em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.8em;
    color: #937265;
}

h3.label, .press h3, .biglietti h3, h3.tab, .contatti h3, h3.miocal {
    font-size: 1.6em;
}

h2, h3.label, .press h3, .biglietti h3, h3.tab, .contatti h3, h3.miocal {
    color: #333;
    clear: both;
    /*width: 660px;*/
    /*float: left;*/
    line-height: 30px;
    margin: 0 0 3px 20px;
}

h3.label, .press h3, .biglietti h3, h3.tab, .contatti h3, h3.miocal {
    line-height: 25px;
}

h2 .highlight, h3 .highlight {
    padding: 0 5px;
    display: inline-block;
}

.highlight {
    background: #ddb3a3;
}

h4 {
    font-size: 1.5em;
    color: #937265;
}

p:first-child {
    margin-top: 0;
}

p {
    font-size: 1.3em;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
    /*-----evita i bordi puntinati sui link attivi in firefox---*/
}

a:hover, a:focus, a:active {
    color: #937265;
}

a.mail {
    padding-left: 20px;
    background: url(../img/mail.gif) no-repeat left 3px;
    font-weight: 600;
    /*font-size:0.9em;*/
}


/*a.mail:hover, a.mail:focus, a.mail:active{
	background-position: left -45px;
}*/

a.pdf {
    padding: 1px 0 1px 20px;
    background: url(../img/pdf.png) no-repeat left center;
    color: #000;
    font-weight: 600;
}

a.miocal, a.map {
    display: block;
    height: 22px;
    font-weight: 600;
    padding-left: 27px;
    line-height: 22px;
    background: url(../img/my_cal.png) no-repeat left top;
    white-space: nowrap;
}

a.map {
    background: url(../img/map.png) no-repeat left top;
    width: 80px;
}

a.miocal:hover, a.miocal:focus, a.miocal:active, a.map:hover, a.map:focus, a.map:active {
    background-position: left bottom;
}

ol, ul {
    list-style: none;
}

.nascosto {
    position: absolute !important;
    left: -10000px !important;
    top: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.dx {
    text-align: right;
}

em {
    font-style: italic;
}

strong {
    font-weight: 600;
}

strong.big {
    font-size: 1.15em;
}

.hr {
    border-bottom: 1px solid #DC2325;
    margin: 2em 0;
}

.hr hr {
    display: none;
}


/*--------------------------------------------------*/


/*--------container----------*/

#container {
    width: 935px;
    min-height: 600px;
    padding: 40px 0 121px 15px;
    float: left;
    display: inline;
    text-align: left;
    background: url(../img/bkg_container.jpg) no-repeat right 10px;
}


/*--------------------------------------------------*/


/*----header----*/

#header {
    width: 100%;
    float: left;
}

#logo {
    width: 500px;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    left: 250px;
    top: 167px;
    font-size: 2em;
}


/*--menu--*/

#menu {
    float: left;
    font: 600 1.4em/35px 'Dosis', 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
}

.no-fontface #menu {
    font: normal 1.3em/35px Arial, Helvetica, sans-serif;
}

#menu-open {
    display: none;
}

#menu li {
    float: left;
}

#menu a {
    display: block;
    padding: 0 10px;
    margin-left: 1px;
    background: #FFF;
    background: rgba(248, 248, 248, 0.9);
    color: #444;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#menu a:hover, #menu a:focus, #menu a.attivo {
    /*color: #FFF;*/
    background: #ddb3a3;
    /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);*/
}

#menu li.associazione {
    width: 28px;
    height: 204px;
    float: none;
    position: absolute;
    left: 0;
    top: 100px;
    background: #FFF;
}

#menu li.associazione a {
    width: 100%;
    height: 100%;
    padding: 0;
    text-indent: -9000em;
    background: url(../img/menu_associazione.jpg) no-repeat left top;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

#menu li.associazione a:hover, #menu li.associazione a:focus {
    background-position: left bottom;
}


/*-menu2-*/

#menu2 {
    width: 30px;
    padding: 0 30px 0 160px;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    opacity: 0.92;
}

#menu2 li {
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    z-index: 4;
}

#menu2 a, #menu2 .attivo {
    display: block;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    color: #FFF;
}

#menu2 a:hover, #menu2 a:focus, #menu2 .attivo {
    background-position: left bottom;
    text-decoration: none;
}

#menu2 .cover, #media .cover {
    position: relative;
    z-index: -1;
    display: block;
    height: 100%;
    width: 100%;
}

#menu2 li.app-store {
    width: 134px;
    height: 45px;
    position: absolute;
    right: 30px;
    top: 353px;
}

#menu2 li.app-store:hover {
    opacity: 0.7;
}

#menu2 li.calendario {
    width: 150px;
    position: absolute;
    left: 5px;
    top: 0;
}

#menu2 #myCalLink {
    display: none;
}

#menu2 li.facebook a, #menu2 li.facebook .attivo {
    background-image: url(../img/menu2_facebook.gif);
}

#menu2 li.twitter a, #menu2 li.twitter .attivo {
    background-image: url(../img/menu2_twitter.gif);
}

#menu2 li.flickr a, #menu2 li.flickr .attivo {
    background-image: url(../img/menu2_flickr.gif);
}

#menu2 li.youtube a, #menu2 li.youtube .attivo {
    background-image: url(../img/menu2_youtube.gif);
}

#menu2 li.pinterest a, #menu2 li.pinterest .attivo {
    background-image: url(../img/menu2_pinterest.gif);
}

#menu2 li.roughguides a, #menu2 li.roughguides .attivo {
    background-image: url(../img/menu2_roughguides.gif);
}

#menu2 li.wordpress a, #menu2 li.wordpress .attivo {
    background-image: url(../img/menu2_wordpress.gif);
}

#menu2 li.calendario a, #menu2 li.calendario .attivo {
    background-image: url(../img/menu2_calendario.gif);
}

#menu2 li.app-store a, #menu2 li.app-store .attivo {
    background-image: url(../img/menu2_app_store.png);
}

#menu2 .cover {
    background: #000;
}

#menu2 li.app-store .cover {
    background: transparent;
}

#menu2 li.calendario .cover {
    background: #937265;
}


/*----content----*/

#content {
    width: 680px;
    float: left;
    display: inline;
    margin: 211px 0 0 0;
}

#content.home {
    margin: 270px 0 0 0;
}

.box, #giorni {
    border: 3px solid #E6E6E6;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    float: left;
    padding: 15px;
    margin-bottom: 10px;
    clear: both;
    width: 646px;
}

.clearfix:after, .box:after, #giorni:after {
    display: block;
    content: "";
    clear: both;
}


/*.home .box {
    margin-left: 20px;
    width: 624px;
}*/

.spettacoli .box {
    padding: 15px 15px 30px;
}

.colonnaSx, .colonnaDx {
    width: 330px;
    float: left;
}

.colonnaSx .box, .colonnaDx .box {
    width: 294px;
}

.colonnaDx {
    float: right;
}

.colonnaSx h2, .colonnaDx h2, .colonnaSx h3, .colonnaDx h3 {
    /*width: 310px;*/
}


/*--cartolina spettacoli home--*/

.cartolina h3 {
    font-size: 1.4em;
    font-weight: normal;
    display: inline;
    margin-right: 0.2em;
    color: #000;
    text-transform: uppercase;
}

.cartolina ul ul {
    display: inline;
}

.cartolina ul li {
    margin-bottom: 1em;
}

.cartolina ul li li {
    font-size: 1.4em;
    display: inline;
    font-weight: 600;
}

.cartolina em, .cartolina strong {
    font-weight: normal;
    color: #999;
    margin-right: 0.2em;
}

.cartolina strong {
    color: #333;
}

.cartolina li a {
    color: #937265;
}


/*--calendario--*/

#giorni {
    width: 649px;
    padding: 15px 10px 15px 15px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2;
}

#giorni li {
    width: 23px;
    float: left;
    margin-right: 4px;
    overflow: hidden;
}

#giorni li a {
    display: block;
    width: 21px;
    padding: 2px 0;
    border: 1px solid #E6E6E6;
    color: #333;
    background: #FFF;
}

#giorni li a:hover, #giorni li a:focus, #giorni li a:active, #giorni li a.active {
    border-color: #333333;
}

#giorni li a strong {
    display: block;
    color: #EA3562;
}


/*--lista spettacoli--*/

#spettacoli li {
    width: 134px;
    display: inline-block;
    margin: 15px 12px 0 12px;
    vertical-align: top;
}


/*-fix firefox 2 http://perishablepress.com/css-hacks-for-different-versions-of-firefox/ */

#spettacoli[id=SPETTACOLI] li {
    display: -moz-inline-box;
}

#spettacoli[id=SPETTACOLI] li a {
    width: 134px;
    display: block;
}

#spettacoli[id=SPETTACOLI] li a img {
    display: block;
}


/*-fine fix firefox 2*/

#spettacoli li a {
    color: #000;
}

#spettacoli li a:hover, #spettacoli li a:focus, #spettacoli li a:active {
    color: #666;
}

#spettacoli li a img {
    display: block;
    border: 2px solid #E6E6E6;
    width: 130px;
    height: 130px;
    margin-bottom: 2px;
}

#spettacoli li a:hover img, #spettacoli li a:focus img, #spettacoli li a:active img {
    border-color: #C1C1C1;
}

#spettacoli li h3 {
    margin: 0;
    font-size: 1.2em;
    line-height: 1.3;
    font-weight: normal;
}


/*--box spettacoli e luoghi--*/

.spettacolo, .luogo {
    padding: 15px;
    position: relative;
}

.spettacolo .immagine, .luogo .immagine, .incontri .immagine {
    display: block;
    width: 134px;
    height: 134px;
    float: left;
    margin-right: 15px;
}

.luogo .immagine {
    margin: 0 15px 0 0;
}

.spettacolo a img, .luogo a img, .incontri a img, .spettacolo span.immagine {
    border: 2px solid #E6E6E6;
    float: left;
    width: 130px;
    height: 130px;
}

.incontri .immagine, .incontri a img {
    float: none;
}

.spettacolo a:hover img, .spettacolo a:focus img, .spettacolo a:active img, .luogo a:hover img, .luogo a:focus img, .luogo a:active img, .incontri a:hover img, .incontri a:focus img, .incontri a:active img {
    border-color: #C1C1C1;
}

.spettacolo p {
    margin: 0 0 0 149px;
    line-height: 1.3;
}

.spettacolo p.data {
    margin-right: 60px;
}

.dettaglio .spettacolo p.data, .mio .spettacolo p.data {
    margin-right: 30px;
}

.spettacolo p.data, .spettacolo p.regia {
    font-size: 1.4em;
}

.spettacolo p.location, .spettacolo p.regia, .spettacolo .descrizione p {
    color: #666;
}

.spettacolo p.location, .spettacolo p.regia {
    font-weight: 600;
}

.spettacolo .descrizione p {
    font-size: 1.2em;
    margin-top: 0.2em;
}

.spettacolo p.prima {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 67px;
    height: 67px;
    overflow: hidden;
    text-indent: -9000em;
    background-repeat: no-repeat;
    background-position: left top;
}

.spettacolo p.nazionale {
    background-image: url(../img/prima_nazionale.png);
}

.spettacolo p.assoluta {
    background-image: url(../img/prima_assoluta.png);
}

.spettacolo h3 {
    color: #000;
    background: none;
    margin: 0.4em 0 0.4em 149px;
    font-size: 2.2em;
    line-height: 1.2;
}

.spettacolo h4 {
    margin: -0.3em 0 0.45em 149px;
    font-weight: normal;
    font-style: italic;
    line-height: 1;
    font-size: 2em;
}

.spettacolo h3 a {
    color: #000;
}

.spettacolo h3 a:hover, .spettacolo h3 a:focus, .spettacolo h3 a:active {
    color: #937265;
}

.luogo h3 {
    font-size: 1.8em;
    line-height: 1em;
}

.luogo h3, .luogo p {
    margin-top: 0;
    margin-left: 149px;
}

.luogo h4 {
    font-size: 1.4em;
    display: inline;
    margin-right: 0.2em;
}

.luogo ul.programmazione {
    display: inline;
}

.luogo ul.programmazione li {
    font-size: 1.3em;
    display: inline;
}

.luogo ul.programmazione em {
    font-weight: normal;
    color: #999;
    margin-right: 0.2em;
}

.luogo ul.programmazione a, .luogo h4 {
    color: #000;
}

.luogo ul.programmazione a:hover, .luogo ul.programmazione a:focus, .luogo ul.programmazione a:active, .luogo ul.programmazione {
    color: #937265;
}


/*-lista azioni, acquista, google maps-*/

ul.azioni, #buy_map {
    width: 54px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 15px;
}

#buy_map {
    position: static;
    float: left;
    margin: 4px 0 0 149px;
    display: inline;
}

ul.azioni li, #buy_map li {
    width: 22px;
    height: 22px;
    float: left;
}

ul.azioni li.aggiungi, ul.azioni li.elimina, #buy_map li.buy, .dettaglio ul.azioni li.invita {
    float: right;
}

ul.azioni li a, #buy_map li a {
    display: block;
    width: 22px;
    height: 22px;
    text-indent: -90000em;
    background-image: url(../img/azioni.png);
    background-repeat: no-repeat;
}

#buy_map li a {
    background-image: url(../img/buy_map.png);
}

ul.azioni li.invita a, #buy_map li.buy a {
    background-position: left top;
}

ul.azioni li.aggiungi a, #buy_map li.map a {
    background-position: right top;
}

ul.azioni li.elimina a {
    background-position: -22px top;
}

ul.azioni li.invita a:hover, ul.azioni li.invita a:focus, ul.azioni li.invita a:active, #buy_map li.buy a:hover, #buy_map li.buy a:focus, #buy_map li.buy a:active {
    background-position: left bottom;
}

ul.azioni li.aggiungi a:hover, ul.azioni li.aggiungi a:focus, ul.azioni li.aggiungi a:active, #buy_map li.map a:hover, #buy_map li.map a:focus, #buy_map li.map a:active {
    background-position: right bottom;
}

ul.azioni li.elimina a:hover, ul.azioni li.elimina a:focus, ul.azioni li.elimina a:active {
    background-position: -22px bottom;
}


/*--box scheda-*/

.scheda {
    width: 495px;
    margin-left: 149px;
    padding-top: 0;
    position: relative;
}

.cast p {
    margin-top: 1em;
}

.cast p em {
    color: #937265;
    margin-right: 0.2em;
}

.note {
    margin-top: 1.5em;
}


/*--you tube flickr--*/

#media {
    width: 139px;
    position: absolute;
    left: -151px;
    top: -3px;
}

#media li {
    width: 139px;
    height: 19px;
    float: left;
    margin-bottom: 5px;
}

#media a {
    background: url(../img/video_foto.gif) no-repeat left top;
    display: block;
    width: 139px;
    height: 19px;
}

#media li.flickr a {
    background-position: center top;
}

#media li.incontri a {
    background-position: right top;
}

#media li.youtube a:hover, #media li.youtube a:focus, #media li.youtube a:active {
    background-position: left bottom;
}

#media li.flickr a:hover, #media li.flickr a:focus, #media li.flickr a:active {
    background-position: center bottom;
}

#media li.incontri a:hover, #media li.incontri a:focus, #media li.incontri a:active {
    background-position: right bottom;
}

#media .cover {
    background-color: #000;
    color: #FFF;
    text-align: right;
}


/*-spettacolo precedente/successivo-*/

#next_prev {
    width: 310px;
    height: 30px;
    line-height: 30px;
    float: right;
    text-align: right;
    font-size: 1.1em;
}

#next_prev li {
    width: 150px;
    height: 30px;
    float: left;
    margin-left: 5px;
    display: inline;
}

#next_prev li.disabled {
    width: 130px;
    padding-right: 20px;
    color: #666;
    background: #FFF;
    opacity: 0.7;
    cursor: default;
}

#next_prev li a {
    display: block;
    width: 130px;
    height: 30px;
    padding-right: 20px;
    color: #000;
    background: #d1d2d4;
}

#next_prev li a:hover, #next_prev li a:focus, #next_prev li a:active {
    color: #FFF;
    background: #937265;
}


/*--lista spettacoli home--*/

ul.giorno {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}

ul.giorno li {
    width: 330px;
    height: 80px;
    background-color: #FFF;
    float: left;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.giorno li h3 {
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.2;
    text-align: right;
}

ul.giorno li a {
    display: block;
    width: 324px;
    height: 74px;
    border: 3px solid #FFF;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    color: #937265;
}

ul.giorno li a:hover, ul.giorno li a:focus, ul.giorno li a:active {
    border-color: #937265;
    color: #FFF;
}

ul.giorno li a:hover .evidenziato, ul.giorno li a:focus .evidenziato, ul.giorno li a:active .evidenziato {
    background-color: #937265;
    background-color: rgba(0, 87, 168, 0.8);
}

ul.giorno li .evidenziato {
    display: block;
    width: 230px;
    padding: 0 3px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}


/*--presentazione--*/

.presentazione h3 {
    margin: 0;
}

.presentazione h3+p {
    margin-top: 0;
}

.presentazione a.pdf {
    padding-left: 25px;
    background-position: left 1px;
    font-weight: normal;
}

.presentazione a.pdf:hover, .presentazione a.pdf:focus, .presentazione a.pdf:active {
    color: #937265;
}


/*--incontri--*/

.incontri .box h3, .incontri .cast p:first-child, .incontri ul p {
    margin-top: 0;
}

.incontri h4, .incontri .box h3 {
    margin-bottom: 0;
}

.incontri h4 {
    font-size: 1.4em;
    margin-top: 0;
}

.incontri h4+p, .incontri h3+p {
    margin-top: 0;
}

.incontri ul h4 {
    margin: 0;
    font-weight: normal;
    font-style: italic;
    color: #333;
}

.incontri h4 strong {
    color: #937265;
}

.incontri h4 em {
    color: #999;
}

.incontri ul li {
    margin-top: 1.5em;
}


/*--area press / news--*/

ul.rassegna li, ul.news li {
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

ul.rassegna li:last-child, ul.news li:last-child {
    border-bottom: none;
}

ul.news li {
    padding-top: 3px;
    overflow: hidden;
}

ul.rassegna h4, ul.rassegna h4 a {
    color: #937265;
}

ul.rassegna h4 a:hover, ul.rassegna h4 a:focus, ul.rassegna h4 a:active {
    color: #666;
}

ul.rassegna h4 {
    margin: 0;
}

ul.news h3, .mailing .box h3 {
    padding: 0;
    margin: 0;
    font-size: 1.5em;
    line-height: 1.5em;
}

ul.news h3 .data {
    color: #333;
    font-weight: normal;
    font-size: 0.8em;
}

#pagination {
    float: none;
    margin-top: 10px;
}

#pagination ul {
    font-size: 1.3em;
    line-height: 1;
    font-weight: 600;
    text-align: right;
}

#pagination li {
    display: inline;
    padding-left: 0.5em;
}


/*----video e immagini nelle news----*/

.video, a.img-overlay {
    width: 124px;
    height: 94px;
    float: left;
    clear: left;
    margin: 7px 10px 10px 0;
}

.video p {
    margin: 0;
    position: relative;
}

.video a {
    display: block;
}

.video a img, a.img-overlay img {
    display: block;
    width: 120px;
    height: 90px;
    border: 2px solid #E6E6E6;
    background: #ECEAEC url(../img/loading.gif) no-repeat center center;
    font-size: 10px;
}

a.img-overlay, a.img-overlay img {
    height: auto;
}

.video a:hover img, a.img-overlay:hover img {
    border-color: #C1C1C1;
}

.video a .duration {
    position: absolute;
    bottom: 9px;
    right: 9px;
    height: 15px;
    line-height: 13px;
    padding: 0 4px;
    color: #FFF;
    background: #000;
    font-size: 10px;
    opacity: 0.7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.js .video a.video-link {
    display: none;
}

.video-overlay {
    text-align: left;
    clear: both;
    display: none;
}

#colorbox .video-overlay {
    display: block;
}

.video-overlay object {
    display: block;
}

.video-overlay .condividi {
    height: 20px;
    padding: 10px 0 0 0;
    font-size: 10px;
    text-transform: uppercase;
}

.video-overlay .twitter-share-button {
    float: right;
}


/*--partner--*/

.partner .box {
    padding: 5px 15px 0;
}

.partner p {
    clear: left;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

ul.loghi {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
}

ul.loghi li, p.carta a, #content.partner h3 {
    height: 55px;
    float: left;
    margin: 0 20px 15px 0;
}
.biglietti ul.loghi {
    margin: 0;
}
.biglietti ul.loghi li {
    height: 80px;
    margin: 0 20px 0 0;
}

p.carta a, #content.partner h3 {
    text-indent: -9000em;
    background-repeat: no-repeat;
    background-position: left top;
}
ul.loghi a {
    display: block;
    width: 100%;
    height: 100%;
}

ul.loghi li.clear-left {
    clear: left;
}

ul.loghi img {
    display: block;
}

#content.partner h3 {
    width: 100%;
    height: 80px;
    background-image: url(../img/partner/logo_colline.png);
    background-size: contain;
    margin: 15px 0;
}

p.subtitle {
    font-size: 1.1em;
    position: relative;
    top: -15px;
}





/*--biglietti--*/

.biglietti em.prezzo, .biglietti a:hover, .biglietti a:focus, .biglietti a:active, .biglietti h4 a {
    color: #937265;
}

.biglietti h4:first-child {
    margin-top: 0;
}

.biglietti h4+p, .biglietti h3+p, .biglietti h3+h4 {
    margin-top: 0;
}


/*----extra----*/

#extra {
    width: 220px;
    float: right;
    margin-top: 150px;
}


/*----footer----*/

#footer {
    height: 110px;
    width: 100%;
    float: left;
    border-top: 1px solid #BCBDC0;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    color: #555;
}

#footer p {
    margin: 0;
    position: absolute;
    font-size: 1.3em;
}

#footer p.logo {
    width: 153px;
    height: 90px;
    background: url(../img/logo-footer.png) no-repeat left top;
    background-size: contain;
    text-indent: -9000em;
    left: 20px;
    top: 10px;
}

#footer p.info {
    left: 193px;
    top: 15px;
    text-align: left;
    line-height: 20px;
}
#footer p.tpe {
    right: 20px;
    top: 17px;
    line-height: 20px;
    font-size: 1em;
    font-style: italic;
}
#footer p.tpe a{
    display: block;
    width: 160px;
    height: 50px;
    background: url(../img/logo_TPE.png) no-repeat left top;
    background-size: contain;
    text-indent: -9000em;
}

#footer a {
    font-weight: 600;
}


/*--hack per firefox 2 e inferiori che hanno problemi con position:fixed--*/

#footer[id=FOOTER] {
    position: relative;
}

#container[id=CONTAINER] {
    padding-bottom: 10px;
}


/*--credits--*/

#credits {
    width: 321px;
    overflow: hidden;
    background: #fff;
    font-size: 1.5em;
    font-style: italic;
    color: #666;
    line-height: 1;
    text-align: center;
}

#credits li {
    width: 130px;
    float: left;
    padding: 10px 10px 15px 20px;
}

#credits li.studioand {
    border-right: 1px solid #CCC;
    padding: 10px 20px 15px 10px;
}

#credits li a {
    width: 130px;
    height: 59px;
    margin-top: 15px;
    display: block;
    background-image: url(../img/loghi_credits.gif);
    background-repeat: no-repeat;
    text-indent: -9000em;
}

#credits li.studioand a {
    background-position: left top;
}

#credits li.crop a {
    background-position: left bottom;
}

/*--invita un amico--*/

#amico {
    width: 350px;
    clear: both;
    margin: 0 3px;
}

#amico fieldset {
    border: 1px solid #CCC;
    padding: 10px 15px 15px;
    background: #F6F6F6;
}

#amico legend {
    font-size: 1.8em;
    line-height: 1;
    color: #937265;
    padding: 0 3px;
    margin-left: -3px;
}

#amico label {
    display: block;
    font-size: 1.3em;
    font-weight: 600;
    color: #4F4F4F;
}

#amico input, #amico textarea {
    width: 312px;
    border: 1px solid;
    border-color: #888 #CCC #CCC #888;
    margin-bottom: 10px;
    padding: 2px;
    font-size: 1.3em;
}

#amico textarea {
    height: 150px;
    overflow: auto;
    margin-bottom: 15px;
}

#amico input#invita {
    width: 80px;
    height: 26px;
    padding: 0;
    float: right;
    background: #FFF;
    margin-bottom: 0;
    color: #937265;
    border-color: #CCC #888 #888 #CCC;
    font-weight: 600;
    cursor: pointer;
}

#amico input#invita:hover, #amico input#invita:focus, #amico input#invita:active {
    background: #937265;
    color: #FFF;
}

#amico .error {
    color: #F00;
    font-weight: 600;
}


/**
 * JQUERY EU COOKIE LAW POPUPS
**/

.eupopup-container {
    background-color: rgba(25, 25, 25, 0.9);
    color: #efefef;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 9999999;
}

.eupopup-container-top, .eupopup-container-fixedtop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.eupopup-container-fixedtop {
    position: fixed;
}

.eupopup-container-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.eupopup-container-bottomleft {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 300px;
}

.eupopup-container-bottomright {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 300px;
}

.eupopup-closebutton {
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
    color: #a2a2a2;
    filter: alpha(opacity=20);
    position: absolute;
    font-family: helvetica, arial, verdana, sans-serif;
    top: 0;
    right: 0;
    padding: 5px 10px;
}

.eupopup-closebutton:hover, .eupopup-closebutton:active {
    color: #fff;
    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px;
    color: #fff;
}

.eupopup-body {
    color: #a2a2a2;
}

.eupopup-buttons {
    padding: 7px 0 5px 0;
}

.eupopup-button_1 {
    color: #f6a21d;
    font-weight: bold;
    font-size: 14px;
}

.eupopup-button_2 {
    color: #f6a21d;
    font-weight: normal;
    font-size: 12px;
}

.eupopup-button {
    margin: 0 10px;
}

.eupopup-button:hover, .eupopup-button:focus {
    text-decoration: underline;
    color: #f6a21d;
}

body .eupopup-color-inverse {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
    color: #000;
}

body .eupopup-style-compact {
    text-align: left;
    padding: 8px 30px 7px 20px;
    line-height: 15px;
}

body .eupopup-style-compact .eupopup-head, body .eupopup-style-compact .eupopup-body, body .eupopup-style-compact .eupopup-buttons {
    display: inline;
    padding: 0;
    margin: 0;
}

body .eupopup-style-compact .eupopup-button {
    margin: 0 5px;
}


/*  Font Awesome
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
    http://creativecommons.org/licenses/by/3.0/ A mention of
    'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
    source code is considered acceptable attribution (most common on the web).
    If human readable source code is not available to the end user, a mention in
    an 'About' or 'Credits' screen is considered acceptable (most common in desktop
    or mobile software).

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: http://lemonwi.se co-founder

    */

@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome-webfont.eot');
    src: url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff') format('woff'), url('/fonts/fontawesome-webfont.ttf') format('truetype'), url('/fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('/fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}


/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
    background: #AAA url(../img/bkg.gif);
}

#colorbox {}

#cboxContent {
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    padding: 10px;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    padding-top: 32px;
}

#cboxTitle {
    position: absolute;
    top: 10px;
    left: 0;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    width: 100%;
    color: #666;
}

#cboxCurrent {
    position: absolute;
    top: 10px;
    left: 74px;
    font-size: 12px;
    line-height: 22px;
    color: #666;
}

#cboxSlideshow {
    position: absolute;
    top: 10px;
    right: 40px;
    font-size: 12px;
    line-height: 22px;
    color: #ddb3a3;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    position: absolute;
    top: 10px;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
}

#cboxClose {
    right: 10px;
}

#cboxPrevious {
    left: 10px;
}

#cboxNext {
    left: 42px;
}

#cboxSlideshow {
    right: 42px;
}

#cboxPrevious:after, #cboxNext:after, #cboxClose:after, #cboxSlideshow:after {
    font: 14px/22px 'FontAwesome';
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    color: #FFF;
    text-indent: 0;
    background: #444;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.8);
}

#cboxPrevious:hover:after, #cboxNext:hover:after, #cboxClose:hover:after, #cboxSlideshow:hover:after {
    background: #ddb3a3;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
}

#cboxPrevious:after {
    content: "\f060";
}

#cboxNext:after {
    content: "\f061";
}

#cboxClose:after {
    content: "\f00d";
}

#cboxSlideshow:after {
    content: "\f04b";
    line-height: 21px;
    text-indent: 1px;
    font-size: 12px;
}

.cboxSlideshow_on #cboxSlideshow:after {
    content: "\f04c";
    text-indent: 0;
}

#cboxLoadingOverlay {
    background: url(../img/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(../img/colorbox/loading.gif) no-repeat center center;
}


/*-- no-fontface e no-generatedcontent --*/

.no-fontface #cboxPrevious, .no-fontface #cboxNext, .no-fontface #cboxClose, .no-fontface #cboxSlideshow, .no-generatedcontent #cboxPrevious, .no-generatedcontent #cboxNext, .no-generatedcontent #cboxClose, .no-generatedcontent #cboxSlideshow {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-image: url(../img/colorbox/controls.gif);
}

.no-fontface #cboxPrevious, .no-generatedcontent #cboxPrevious {
    background-position: 0 0;
}

.no-fontface #cboxNext, .no-generatedcontent #cboxNext {
    background-position: -22px 0;
}

.no-fontface #cboxClose, .no-generatedcontent #cboxClose {
    background-position: -44px 0;
}

.no-fontface #cboxSlideshow, .no-generatedcontent #cboxSlideshow {
    background-position: -66px 0;
}

.no-fontface .cboxSlideshow_on #cboxSlideshow, .no-generatedcontent .cboxSlideshow_on #cboxSlideshow {
    background-position: -88px 0;
}