/*
    Document   : style.css
    Created on : 20-mag-2010, 13.45.42
    Author     : Fabio
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*root { display: block; }*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family:Roboto;
}

body {
    margin: 0;
    padding: 0 0 10px 0;
    color:#000;
    font-size: 0.90em;
}
img {
    border:0  ;
}
h1  {
    margin:0;

}
h2  {
    margin-top:5px;
    margin-bottom:0;
    font-size: 1.2em;
}
h3  {
    font-size: 1.1em;
    margin-top:0;
}


h1, h2, h3, caption, input[type='button'], input[type='submit'], select, button {
    /*text-transform: uppercase;*/

    letter-spacing:1px;
}

caption, input[type='button'], input[type='submit'], select, button {
    text-transform: uppercase;

    letter-spacing:1px;
}

pre {
    font-size: 1.5em;
}

table, tr, td {
    border:1px solid #ccc;
    border-collapse: collapse;
}
table, tr, th {
    border:1px solid #ccc;
    border-collapse: collapse;
}
/*#head {
    width:976px;
    height:150px;
    color:#fff;
    font-size:85%;
    margin:0 auto;
}*/
#lang {
    position:absolute;
    top:5px;
    right:25px;
}
@media screen and (min-width: 1000px) {
    #lang {
        position:absolute;
        top:5px;
        right:auto;
        left:50%;
        margin-left:300px;

    }
}
#head2 {
    min-height:50px;
    background:#FFF;
    overflow:auto;
}
@media screen and (min-width: 1000px) {
    #head2 {
        display: none;
    }
}

#head2 img {
    width:100%;
    border:0;
}
#head2 button {
    background: transparent;
    border: 0;
    cursor: pointer;
}
#head2 button span{
    color:#000;
    margin:0;
    font-size:200%;
}
#head {
    width:100%;
    font-size:120%;
    text-align:center;
    background:#000;
    display: none;
}
@media screen and (min-width: 1000px) {
    #head {
        display: block;
    }
}

#bar {
    display:none;
}

#head img {
    width:100%;
    vertical-align: middle;
}
/*#head img.logo {margin:10px 10px 10px 500px;}*/
#head img {
    margin:0px;

}
#menuMain {
    width:1000px;
    margin:0 auto;
    margin-top:20px;
}

#menuMain ul{
    margin:0 10px 0 0px;

    list-style-type:none;
    padding:0;
    text-align:left;
}
#menuMain ul li{
    display: inline;
    margin-top:0px;
    padding:0;
}
#menuMain ul li a {
    color:#000;
    border-right:1px solid #FFF;
    font-size:12px;

    margin-top:0px;
    margin:2px 0 4px 0;
    padding:0 15px 0 2px;
    display:block;
    float:left;
    text-decoration: none;

}

#menuMain ul li a:hover {
    color:#3D2E2B;
    text-decoration: underline;
}

/***********************  Piede ***********************/
#foot {
    background:#444444;
    border:0px solid red;
    clear:both;
    margin:0 auto;
    /*width: 958px;*/
    padding: 20px;
    font-size: 100%;
    line-height:1.5em;
    z-index: 0;
    color:#fff;
}
#foot a{
    color:#fff;
}
#foot a:hover{
    color:#666;
}
#foot .css {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 0px;
    float: right;
    border: 0px solid green;
    margin:0;
    z-index: -1
}
#foot .copyright {
    padding-top: 9px;
    padding-bottom: 9px;
    border: 0px solid yellow;
    margin:0;
    text-align: center;
    /*position: absolute;*/
    left: 28%;
    right: 28%;
    z-index: 0;
}
#paginator #mostraAltri {
    text-align: center;
    display:none;
}

#paginator #altri {
    /*display:none;*/
}
/***********************  Colonne ***********************/

#container {
    border: 0px solid green;
    background: #FFF;
    margin: 0 auto;
    padding: 0px;
    clear: both;
    padding: 10px;
}
@media screen and (min-width: 1000px) {
    #container {
        padding: 0;
        width:1000px;
    }
}
#container #containerCx {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
@media screen and (min-width: 1000px) {
    #container #containerCx {
        width: 75%;
        padding: 0 0 0 0;
    }
}
#container #containerRx {
    margin: 1.3em 0 0 0;
    width: 25%;
    float: right;
    display: none;
    padding-left: 1.5em;
}
@media screen and (min-width: 1000px) {
    #container #containerRx {
        display: block;
    }
}
#container #containerCxRx {
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
    float: left;
}
@media screen and (min-width: 640px){
    #containerCxRx .spettacoli > table {
        float:left;
        width:75%;
    }
}

.titolo1 {
    margin-top:0;
    background: #3D2E2B;
    color:#fff;
    font-size: 115%;
    padding:5px;
    clear:both;
    margin-bottom:20px;
}



#logoTicka {
    margin-left:428px;
    top:148px;
    position:absolute;
    left:50%;
}

#mappa {
    border:1px solid #550015;
    clear:both;
}
#mappaHead {
    background:#550015;
    color:#FFF;
    overflow:hidden;
}
#mappaDescr {
    margin:3px;
    text-align:left;
    font-size:130%;
    float:left;
    width:700px;
    border:0px solid red;
}
#mappaBottone  {
    margin:3px;
    float:right;
    text-align:right;
    border:0px solid red;
}
#mappaBottone form, #mappaBottone div {
    margin:0;
    padding:0;
    height:8px;
}
#mappaImg {
    background:#ededed;
    clear:both;
    text-align:center;
    padding:25px;
}
#mappaUtility {
    background:#861724;
    clear:both;
    text-align:left;
    padding:10px;
    color:#FFF;
    font-size:110%;
}
#mappaUtility a {
    color: #FFF;
}
/***************************    SUB MENU MAPPA    *******************************/
#dropmenudiv h1 {
    background:#550015;
    color:#FFD484;
    text-align:center;
    margin:-2px;
    border:0px solid #FFD484;
    padding:5px;
    font-size:100%;
    margin-bottom: 5px;
}
#mappaUtility button {
    width:110px;
}
#dropmenudiv {
    position:absolute;
    border:1px solid #550015;
    padding:2px;
    line-height:18px;
    z-index:100;
    font-size:110%;
    background:#FFD484;
    color:#000;
}
#dropmenudiv a:hover{
    background-color: #D7D7D7;
}
/***************************    SUB MENU MAPPA    *******************************/

.indexSpettacolo hr {
    clear: both;
    border: 0;
    border-top: 2px solid #d3d4d6;
    padding-bottom: 1.2em;
}
.indexSpettacolo .itemSpett {
    border: 0px solid green;
}
.indexSpettacolo .itemSpett .dataEvento {
    border: 0px solid green;
}
@media screen and (min-width: 640px) {
    .indexSpettacolo .itemSpett .dataEvento {
        float: right;
        width: 75%;
        text-align: left;
    }
}
.indexSpettacolo .itemSpett h2 {
    clear: both;
    margin: 0 0 0 0;
    padding: 0;
    border: 0px solid green;
}
.indexSpettacolo .itemSpett .immagine {
    width: 100%;
    float: left;
    margin: 0;
}
.indexSpettacolo .itemSpett .immagine img {
    width: 100%;
    border: 0px solid #43474D;
    padding-bottom: 1.5em;
}
@media screen and (min-width: 640px) {
    .indexSpettacolo .itemSpett .immagine {
        width: 25%;
        padding-right: 1.5em;
    }
}
.indexSpettacolo .itemSpett .spettacoli {
    width: 100%;
    display: inline-table;
    font-size: 100%;
    padding-bottom: 1.5em;
}
@media screen and (min-width: 640px) {
    .indexSpettacolo .itemSpett .spettacoli {
        float: right;
        width: 75%;
    }
}
.indexSpettacolo .spettacoli table {
    margin: 0 auto;
    margin-top: 0px;
    font-size: 100%;
    padding: 0;
    border: 0px solid #d191a0;
    width: 100%;
    background: #f2f5f9;
    /*@media screen and (min-width: $medium){
        float:left;
        width:75%;

    }*/ }
.indexSpettacolo .spettacoli table a {
    color: #21ba45;
}
.indexSpettacolo .spettacoli table caption {
    color: #000;
    padding: 5px;
    font-weight: bold;
}
.indexSpettacolo .spettacoli table caption a {
    color: #000;
}
.indexSpettacolo .spettacoli table th {
    color: #19212b;
    background: #D7D7D7;
    padding: 10px 10px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}
.indexSpettacolo .spettacoli table th:last-child {
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .indexSpettacolo .spettacoli table th:last-child {
        white-space: nowrap;
    }
}
.indexSpettacolo .spettacoli table td {
    color: #000;
    background: #fff;
    padding: 5px 10px;
    font-weight: normal;
    text-align: left;
}
.indexSpettacolo .spettacoli table td a {
    color: #ED8F0A;
    text-decoration: none;
    text-transform: uppercase;
}
.indexSpettacolo .spettacoli table .tabella {
    color: #000;
    background: #fff;
    padding: 0px;
    font-weight: normal;
}
.indexSpettacolo .spettacoli table table {
    font-size: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
.indexSpettacolo .spettacoli table table tr {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
.indexSpettacolo .spettacoli table table tr td {
    color: #000;
    padding: 2px;
    margin: 0;
    border-collapse: collapse;
}
.indexSpettacolo .spettacoli table table tr td.evidenzia {
    color: #F40000 !important;
    background: #FFF !important;
    border: 1px solid #D191A0 !important;
}
.indexSpettacolo .tdTabelle {
    background: #fff;
    padding: 0px;
    margin: 0;
}
.indexSpettacolo div table tr td hr {
    /*border:1px solid #f2f5f9*/ }
.indexSpettacolo p {
    clear: both;
}
.indexSpettacolo .evidenzia {
    background: #FFD484;
    border-top: 1px solid #D191A0;
}

#divIstruzioni {
    padding: 1.5em 0 ;
}
#divIstruzioni img {
    display: none;
}
#divIstruzioni b {
    color: #F40000;
}
#divIstruzioni a {
    color: #19212b;
    font-weight: bold;
}
@media screen and (min-width: 640px) {
    #divIstruzioni {
        clear: both;
        padding-left: 1.5em;
        font-size: 90%;
    }
}

#divIstruzioniNoMap img {
    display: none;
}
#divIstruzioniNoMap b {
    color: #F40000;
}
#divIstruzioniNoMap a {
    color: #19212b;
    font-weight: bold;
}
@media screen and (min-width: 640px) {
    #divIstruzioniNoMap {
        padding-left: 1.5em;
        font-size: 90%;
        float: right;
        width: 45%;
    }
}

#imgSettori {
    float: right;
}

#containerRx table {
    margin-bottom:20px;
    border:1px solid #d191a0;
    width:100%;
}
#containerRx table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#containerRx table th {
    color:#000;
    background:#D7D7D7;
    padding:5px 0 5px 0;
    font-weight:normal;
    /*border:1px solid #fff;*/
}
#containerRx table td {
    color:#000;
    background:#fff;
    padding:5px 0 5px 0;
    font-weight:normal;
}
#containerRx table a {
    color:#444;
    text-decoration: none;
    text-transform: uppercase;

}
#containerRx table a:hover {
    color:#81001E;
}

#containerRx table select {
    width:100%;
}

.validitaCarrello {
    margin-left:10px;
}

#noMap table {
    font-size:100%;
    border:1px solid #d191a0;
    width:100%;
    background:#f2f5f9;
}
#noMap table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#noMap table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:bold;
    /*border:1px solid #fff;*/
}
#noMap table td {
    color:#000;
    background:#fff;
    padding:5px 0 5px 2px;
    font-weight:normal;
    line-height:150%;
}

#carrello table {
    margin-bottom:20px;
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
    background:#f2f5f9;
}
#carrello table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#carrello table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:bold;
    /*border:1px solid #fff;*/
}
#carrello table td {
    color:#000;
    background:#fff;
    padding:5px 0 5px 2px;
    font-weight:normal;
    line-height:150%;
}
#carrello table td span {
    font-size:80%;
}
#carrello table select {
    width:100%;
}
.hidden {
    display:none;
    visibility:hidden;
}

#cassa table {
    margin-bottom:20px;
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
}
#cassa table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#cassa table th {
    color:#000;
    background:#D7D7D7;
    padding:1px;
    font-weight:bold;
    /*border:1px solid #fff;*/
}
#cassa table td {
    color:#000;
    background:#fff;
    padding:1px 3px 1px 3px;
    font-weight:normal;
    line-height:150%;
}
#cassa table tr.bordo td {
    border-top:1px solid #000;
}
#cassa table td span {
    font-size:80%;
}
#cassa table select {
    width:100%;
}
/*TODO*/
#cassa table .intestatario {
    color:#000;
    background:#ededed;
    padding:1px 3px 1px 30px;
    font-weight:normal;
    text-align:left;
}


#formRegistrazione table {
    margin-bottom:20px;
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
    background:#ededed;
}
#formRegistrazione table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#formRegistrazione table th {
    color:#000;
    background:#fff;
    padding:5px;
    font-weight:normal;
    /*border:1px solid #fff;*/
    text-align:right;
}
#formRegistrazione table td {
    color:#000;
    background:#fff;
    padding:5px;
    font-weight:normal;
}
#formRegistrazione table td span {
    color:#333;
    background:#FEE99E;
    padding:5px;
    font-weight:normal;
    display:block;
}
#formRegistrazione table .trTitolo {
    color:#000;
    background:#D7D7D7;
    padding:10px 20px 5px 20px;
    font-weight:normal;
    text-align:center;
}
#formRegistrazione table select {
}


#listaOrdini table {
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
}
#listaOrdini table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#listaOrdini table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:bold;
    /*border:1px solid #fff;*/
}
#listaOrdini table td {
    color:#000;
    padding:5px;
    font-weight:normal;
}
#listaOrdini table td span {
    font-size:80%;
}
#listaOrdini table .trTitolo {
    color:#000;
    background:#ededed;
    padding:10px 20px 5px 20px;
    font-weight:normal;
    text-align:center;
}
#listaOrdini table table {
    font-size:100%;
    border:0px solid #d191a0;
    width:100%;
}
#listaOrdini table table td {
    color:#000;
    padding:1px;
    font-weight:normal;
}

#voucher table {
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
    background:#ededed;
}
#voucher table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#voucher table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:bold;
    /*border:1px solid #fff;*/
}
#voucher table td {
    color:#000;
    padding:5px;
    font-weight:normal;
    background:#fff;
}
#voucher table .trTitolo {
    color:#000;
    background:#ededed;
    padding:10px 20px 5px 20px;
    font-weight:normal;
    text-align:center;
}
#voucher table table {
    font-size:100%;
    border:0px solid #d191a0;
    width:100%;
}
#voucher table table td {
    color:#000;
    padding:1px;
    font-weight:normal;
}

/*
#listaOrdini table {
margin-bottom:20px;
font-size:110%;
border:1px solid #d191a0;
width:100%;
background:#f2f5f9;
}
#listaOrdini table caption {
color:#fff;
background:#3D2E2B;
padding:5px;
font-weight:bold;
}
#listaOrdini table th {
color:#000;
background:#D7D7D7;
padding:5px;
font-weight:bold;
border:1px solid #fff;
}
#listaOrdini table td {
color:#000;
background:#fff;
padding:5px 0 5px 2px;
font-weight:normal;
line-height:150%;
}
#listaOrdini table td span {
font-size:80%;
}
#listaOrdini table select {
width:100%;
}
*/
.color0>td {
    background: #ededed;
    /*border:1px solid #fff;*/
}
.color1>td {
    background: #ffffff;
    /*border:1px solid #fff;*/
}
.color3>td {
    background: #FFD484;
    /*border:1px solid #fff;*/
    cursor: pointer;
}
.colorPointer3>td {
    background: #FFD484;
    /*border:1px solid #fff;*/
    cursor: pointer;
}

#formSpedizione table {
    margin-bottom:20px;
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
}
#formSpedizione table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#formSpedizione table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:bold;
    /*border:1px solid #fff;*/
    text-align:center;
}
#formSpedizione table td {
    color:#000;
    background:#fff;
    padding:5px;
    font-weight:normal;
}
#formSpedizione table td span {
    color:#F00;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    display:block;
}
#formSpedizione table .trTitolo {
    color:#000;
    background:#ededed;
    padding:20px 20px 5px 20px;
    font-weight:normal;
    text-align:center;
}
#formSpedizione table select {
}
#formSpedizione #speseSpedizione {
    text-align:center;
    padding:30px;
}

#formRegalo table {
    margin-bottom:20px;
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
}
#formRegalo table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#formRegalo table th {
    width:30%;
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    /*border:1px solid #fff;*/
    text-align:center;
}
#formRegalo table td {
    width:70%;
    color:#000;
    background:#fff;
    padding:5px;
    font-weight:normal;
}
#formRegalo table td span {
    color:#F00;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    display:block;
}
#formRegalo table .trTitolo {
    color:#000;
    background:#ededed;
    padding:10px 20px 5px 20px;
    font-weight:normal;
    text-align:center;
}
#formRegalo table select {
}
#formRegalo input {
    /*width: 80px;*/
}
#formIndirizzo table {
    margin-bottom:20px;
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
}
#formIndirizzo table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#formIndirizzo table th {
    width:30%;
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    /*border:1px solid #fff;*/
    text-align:center;
}
#formIndirizzo table td {
    width:70%;
    color:#000;
    background:#fff;
    padding:5px;
    font-weight:normal;
}
#formIndirizzo table td span {
    color:#F00;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    display:block;
}
#formIndirizzo table .trTitolo {
    color:#000;
    background:#ededed;
    padding:10px 20px 5px 20px;
    font-weight:normal;
    text-align:center;
}
#formIndirizzo table select {
}
#containerRx .titolo1 {
    display: none;
}
#pageLogin {
    text-align:center;
    margin:auto;
    background:#fff;
}
#pageLogin table {
    margin:auto;
    border:1px solid #d191a0;
    /*width:300px;*/
}
#pageLogin table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#pageLogin table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    /*border:1px solid #fff;*/
}
#pageLogin table td {
    color:#000;
    background:#fff;
    padding:1px;
    font-weight:normal;
}
#pageLogin table select {
    width:100%;
}

#formRecuperoPassword table {
    margin-bottom:20px;
    font-size:110%;
    border:1px solid #d191a0;
    width:100%;
}
#formRecuperoPassword table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#formRecuperoPassword table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    /* border:1px solid #fff;*/
    text-align:right;
}
#formRecuperoPassword table td {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
}
#formRecuperoPassword table .trTitolo {
    color:#000;
    background:#ededed;
    padding:10px 20px 5px 20px;
    font-weight:normal;
    text-align:center;
}
#formRecuperoPassword table td span {
    color:#F00;
    background:#D7D7D7;
    padding:5px;
    font-weight:normal;
    display:block;
}

.popUp {
    width:550px;
}
.colorBlue {
    color:#FFD484;
}

.error {

    position:absolute;

    top:0;

    left:0;

    color:red;

}


#navigatoreOrdine {


    margin: 0 0px 20px 0px;

    border-bottom:1px solid #3D2E2B;

    overflow:auto;

}

#navigatoreOrdine ol {

    margin-left: 0;

    padding-left: 0;

    display: inline;

    border: none;

}

#navigatoreOrdine ol li {

    color: #999;

    font-size:140%;

    border: none;

    list-style: none;

    float:left;

    padding:5px 55px 5px 55px;

    margin:0 10px 0 0px;

    background: url('/img/frecciaDel.png') no-repeat center right;

}

#navigatoreOrdine ol li.sel {

    color: #fff;

    background: #3D2E2B url('/img/frecciaSel.png') no-repeat center right;

}

#navigatoreOrdine ol li a.visitato {

    color: #3D2E2B;

}

#navigatoreOrdine ol li a{

    color: #3D2E2B;

    text-decoration:none;

}
/*
select, .input-text, input[type=text] {

        border: 1px solid #505050;

        background:#FFF1D4;

        width:18em;

        padding:2px;

        font-size: 100%;

}
.input-submit {

        border: 1px solid #505050;

        background:#EFDEC2;

        padding:2px;

}

div.hr {

        clear:left;

        display:block;

        padding:3px 0 0 0;

        margin:0;

}



*/

/***************************    STAMPA    *******************************/
@media print {

    body {
        background-image:none;
        background-color:#fff;


        margin: 0;
        padding: 0;
        color:#000;
        font-size: 0.7em;
    }
    #containerRx, #tabellaBottoneStampa, #logoTicka, #menuMain, #foot p  {

        display : none;

    }
    #head {
        width:100%;
    }
    #foot a{
        color:#000;
    }
    #container, #containerCx, #containerCxDx, #foot {
        background-image:none;
        background-color:#fff;
        width:100%;
        margin:0px;
        padding:0;
    }
    #foot {
        background-image:none;
        background-color:#fff;
        width:100%;
        margin-top:20px;
        padding:0;
    }
    #container table, #containerCx table, #containerCxDx table{
        width:100%;
        margin:0;
        padding:0;
    }
    #voucher {

        display : block;

    }
    #voucher table, #voucher caption, #voucher tr, #voucher td, #voucher th {
        border:1px solid #000;
        font-size:12px;
    }
    #voucher th {
        white-space:nowrap;
    }


}
/***************************    STAMPA    *******************************/



DIV#HelpLayer {
    position: absolute;
    right: 5px;
    top: 10%;
    margin-left: 5px;
    /*border: 1px solid black;*/
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    z-index: 50;
    visibility: hidden;
    background-color: #f0f0f0;
    text-align:center;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -border-radius:5px;

}

#loginPopUp {
    background:#FFF;
    border: 1px solid #666;
    padding:10px;
}
#loginPopUp div {

    padding:10px;
}

.indexGadget h2 {
    clear:both;
    margin:20px 0 20px 0;
    padding:0;
}
.indexGadget .immagine {
    width:150px;
    float:left;
    margin:0;
    margin-right:15px;
    margin-bottom:30px;
}
.indexGadget .immagine img {
    width:150px;
    border:1px solid #7FAAB3;
    padding:1px;
}

.indexGadget .listaGadget {
    margin-bottom:30px;
    width:610px;
    display: inline-table;
    /*float:left;*/
    font-size:110%;
}
.indexGadget .listaGadget a {
    color:#ED8F0A;
}
.indexGadget p {
    margin:0;
    padding:0;
}

#abbOpen table {
    font-size:100%;
    border:1px solid #d191a0;
    width:100%;
    background:#f2f5f9;
}
#abbOpen table caption {
    color:#fff;
    background:#3D2E2B;
    padding:5px;
    font-weight:bold;
}
#abbOpen table th {
    color:#000;
    background:#D7D7D7;
    padding:5px;
    font-weight:bold;
    /*border:1px solid #fff;*/
}
#abbOpen table td {
    color:#000;
    background:#fff;
    padding:5px 0 5px 2px;
    font-weight:normal;
    line-height:150%;
}
/* Force table to not be like tables anymore */
#vistaSpettacolo .noMobile {
    display: none;
}
@media screen and (min-width: 640px) {
    #vistaSpettacolo .noMobile {
        display: table-cell;
    }
}
#carrello.mobileTable, #listaOrdini.mobileTable, #ordineSisal.mobileTable {
    width: 100%;
}
#carrello.mobileTable .noMobileTd, #carrello.mobileTable .noMobileTr, #listaOrdini.mobileTable .noMobileTd, #listaOrdini.mobileTable .noMobileTr, #ordineSisal.mobileTable .noMobileTd, #ordineSisal.mobileTable .noMobileTr {
    display: none;
}
#carrello.mobileTable table, #carrello.mobileTable tbody, #carrello.mobileTable thead, #carrello.mobileTable th, #carrello.mobileTable td, #carrello.mobileTable tr, #carrello.mobileTable caption, #listaOrdini.mobileTable table, #listaOrdini.mobileTable tbody, #listaOrdini.mobileTable thead, #listaOrdini.mobileTable th, #listaOrdini.mobileTable td, #listaOrdini.mobileTable tr, #listaOrdini.mobileTable caption, #ordineSisal.mobileTable table, #ordineSisal.mobileTable tbody, #ordineSisal.mobileTable thead, #ordineSisal.mobileTable th, #ordineSisal.mobileTable td, #ordineSisal.mobileTable tr, #ordineSisal.mobileTable caption {
    display: block;
    text-align: left;
}
#carrello.mobileTable th, #carrello.mobileTable td, #carrello.mobileTable tr, #listaOrdini.mobileTable th, #listaOrdini.mobileTable td, #listaOrdini.mobileTable tr, #ordineSisal.mobileTable th, #ordineSisal.mobileTable td, #ordineSisal.mobileTable tr {
    width: 100%;
}
@media all and (min-width: 640px) {
    #carrello.mobileTable .noMobileTr, #listaOrdini.mobileTable .noMobileTr, #ordineSisal.mobileTable .noMobileTr {
        display: table-row;
    }
    #carrello.mobileTable .noMobileTd, #listaOrdini.mobileTable .noMobileTd, #ordineSisal.mobileTable .noMobileTd {
        display: table-cell;
    }
    #carrello.mobileTable table, #listaOrdini.mobileTable table, #ordineSisal.mobileTable table {
        display: table;
    }
    #carrello.mobileTable tbody, #listaOrdini.mobileTable tbody, #ordineSisal.mobileTable tbody {
        display: table-row-group;
    }
    #carrello.mobileTable thead, #listaOrdini.mobileTable thead, #ordineSisal.mobileTable thead {
        display: table-header-group;
    }
    #carrello.mobileTable caption, #listaOrdini.mobileTable caption, #ordineSisal.mobileTable caption {
        display: table-caption;
    }
    #carrello.mobileTable tr, #listaOrdini.mobileTable tr, #ordineSisal.mobileTable tr {
        display: table-row;
    }
    #carrello.mobileTable th, #carrello.mobileTable td, #listaOrdini.mobileTable th, #listaOrdini.mobileTable td, #ordineSisal.mobileTable th, #ordineSisal.mobileTable td {
        display: table-cell;
        width: 25%;
    }
}

#navigator {
    display: none;
}
#navigator .circle {
    fill: #FFFFFF;
    stroke: #000;
    stroke-width: 5;
}
#navigator .button {
    fill: #FFFFFF;
    stroke: #000;
    stroke-width: 5;
    cursor: pointer;
}
#navigator .plus-minus {
    fill: #FFA500;
    stroke: #000;
    stroke-width: 3;
    cursor: pointer;
}
#navigator .arrow {
    fill: #FFA500;
    stroke: #000;
    stroke-width: 3;
    cursor: pointer;
}
#navigator .arrowRect {
    cursor: pointer;
}
@media screen and (min-width: 1000px) {
    #navigator {
        display: block;
    }
}

#navigatorNew {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding: 1em 0;
}
#navigatorNew #navigatorPosition {
    float: left;
    width: 65%;
}
#navigatorNew #navigatorZoom {
    float: right;
    width: 35%;
    text-align: right;
}
#navigatorNew a {
    font-size: 140%;
    padding: 0 0.8em;
    cursor: pointer;
}
@media screen and (min-width: 1000px) {
    #navigatorNew {
        display: none;
    }
}

#formCampagna table {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 0px solid #d191a0;
    width: 100%;
}
#formCampagna table caption {
    color: #FFFFFF;
    padding: 5px;
    font-weight: bold;
    text-align: left;
    padding: 0.7em;
    background: #EC1C24;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    word-spacing: 0.3em;
}
#formCampagna table th {
    color: #000000;
    background: #D7D7D7;
    padding: 10px 5px;
    font-weight: bold;
    width: 120%;
    text-transform: initial;
    text-align: left;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
}
#formCampagna table td {
    color: #022344;
    padding: 10px 5px;
    width: 120%;
    font-weight: bold;
    text-align: left;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
}
#formCampagna table a {
    color: #444;
    text-decoration: none;
}
#formCampagna table a:hover {
    color: #81001E;
}
#formCampagna table select, #formCampagna table input, #formCampagna table button {
    width: 100%;
    border: 1px solid #d3d4d6;
    border-radius: 5px;
    padding: 4px;
    text-transform: initial;
}


#imgSettori {
    display:none;
}
#vistaSpettacolo input[evidenzia="evidenzia"] {
    visibility: hidden;
}
@media screen and (min-width: 1000px) {
    #imgSettori {
        display:block;
    }

    #vistaSpettacolo input[evidenzia="evidenzia"] {
        visibility: visible;
    }

}

body {
    visibility: visible !important;
}