@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic);
	
	/*.locandinaserata img{width: 100%;}*/
	.boxprenotazioni{ border: 1px solid #C9C9C9;
    border-radius: 4px;
	    MARGIN: 6px 12px;
    PADDING: 4PX;
	 display: block;
}	
a.passclick {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
	color:#000;
}	

#nav-icon2{
  width: 30px;
  height: 15px;
  position: relative;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
      float: right;
    margin: 12px;
}



/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 9px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 18px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 2px;
  top: 3px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 3px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 2px;
  top: 14px;
}

.separatore-serate{height: 8px;
    /*box-shadow: 0px 0px 3px 0px #515151 inset;
    background-color: #000;*/}
#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 14px;
}

.contex-nav{display:none;}
/*Menu contestuale disco*/
span.contexmenu {

}
.contex-nav{
    clear: both;
}
.contex-nav ul{


}
.contex-nav ul li{
    display: block;
    text-align: center;
    padding: 8px;
	border-bottom:1px solid #000;
    background-color: rgb(255, 255, 255);
}
.contex-nav ul li a{
color:#000;

}
.contex-nav ul li.active a span{


}
.contex-nav ul li.active a{
	
	
}
/*fine menu contestuale disco*/
.rotazioneicona{
   -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
/*
.clip-circle {
    border: 2px solid #9F9F9F;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    box-shadow: 0 1px 5px #333333;
}
*/
.navigazione-br{font:14px 'Lato', sans-serif;color:#fff;float:left;padding-top: 20px;
    padding-left: 6px;}
	
	.passnuovo{font:22px 'Lato', sans-serif;float:left;letter-spacing: -0.05em;border-bottom: 1px solid;margin:0;}
	.blupass{color:#10308C;}
	.rossopass{color:#F92A2A;}
	.verdepass{color:#01D83E;}
	.contenutoprenotazioni{font:14px 'Lato', sans-serif;float:left;}
	.nascondi{	display:none;}
	.clear{clear:both;}
.clickcontestuale{padding-left: 12px;}	
	
.intestazionedisco{    MARGIN: 0 auto;
    PADDING: 4PX;
    height: 78px;
    width: 300px;}
.intestazionediscosx{float:left;    padding-right: 30px;}
.intestazionediscodx{float;right; padding-top: 10px;}
.infomobile{font: 16px 'Raleway', sans-serif;
    margin: 0 auto;
    
    letter-spacing: -0.05em;
    text-align: left;}
	

	
#eventounico{   /* border-top: 1px solid #515151;
				border-bottom: 1px solid #515151;*/
				border: 1px solid #515151;
				    padding: 0;
width: 306px;
float:left; margin: 3px;
    background-color: #fff;
	}
	.eventounicobig	{width: 620px !important;}
.boxcoloreserata{height: 54px;
    width: 6px;
    
    float: left;
	    margin: 6px;}
		.coloreseratagiallo {background-color: #FCC625;}
		.coloreseratafuzia {background-color: #F211C5;}
		
.calendario{    /* display: block; */
     float: left;
       padding-top: 6px;
	       width: 44px;
    }
.giornosett{font-size: 10px;text-align: center;}
.giornocla{font-size: 36px;text-align: center;    height: 26px;
   letter-spacing: -4px;
    font-weight: 700;
    line-height: 30px;}
.mesemobile{font-size: 10px;text-align: center;}
.locandinaeventopic{       padding: 2px 6px;
    float: left;
    height: 64px;}
.infoserata{    padding: 0 6px;
    /* margin: 0 6px; */
    display: block;
    float: left;
    height: 68px;}
.nomeevento{ height: 28px;
    letter-spacing: -1px;
    font-weight: 700;
    font-size: 24px;
    max-width: 156px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.luogoevento{font-size: 14px;   
max-width: 156px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	
	.descrizionebreveevento{font-size: 12px;   
max-width: 166px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.titoloboxgrande{}
.descrizioneseratabig{font-size: 12px;padding: 0 6px;}