body {
  font-family: "Open Sans", sans-serif;
  border-top:4px solid #BF0A00;
  line-height: 135%;
  background-color: #fff !important;
}

/*struttura*/
.container-fluid {
	margin-top: 0.6%;
}
.row1 {
	height: 7.333333333333334%;
}
.row1-6 {
	height: 9.6571429%;
	margin-top: 0.5%;
	border: 1px solid black;
}
.row1-5 {
	height: 11.5%;
	margin-top: 0.5%;
}
.row2 {
	height: 15.666666666666668%;
	margin-top: 1%;
}
.row3 {
	height: 32.5%;
	margin-top: 1%;
	border: 1px solid black;
}
.row4 {
	height: 32.333333333333336%;
	margin-top: 1%;
}
.row5 {
	height: 40.666666666666664%;
	margin-top: 1%;
}
.row6 {
	height: 49%;
	/*margin-top: 1%;*/
}
.row7 {
	height: 58.333333333333336%;
}
.row8 {
	height: 66.66666666666667%;
}
.row9 {
	height: 75%;
}
.row10 {
	height: 83.33333333333333%;
}
.row11 {
	height: 91.66666666666667%;
}
.row12 {
	height: 100%;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
	height: 100%;
}
/*Stili titolazioni*/
h1 {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	color: #FFF;
	letter-spacing: 0.1em;
	padding-top: 0px;
	padding-left: 12px;
	line-height: 28px;
	text-shadow: #222 2px 3px 2px;
}
h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 32px;
	font-weight: 600;
	color: #F2C500;
	text-shadow: #222 2px 3px 2px;
}
h2 .julius-block  p a {
	font-family: "Open Sans", sans-serif;
	font-size: 32px;
	font-weight: 600;
	color: #F2C500;
	text-shadow: #222 2px 3px 2px;
}
h2 .julius-block  p a:hover {
	font-family: "Open Sans", sans-serif;
	font-size: 32px;
	font-weight: 600;
	color: #FFFFFF;
	text-shadow: #222 2px 3px 2px;
}
h3 {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #ECDFA9;
	text-shadow: #222 2px 3px 2px;
    line-height: 140%;
    text-transform:uppercase;
}
.h3black {
	color: #222;
	text-shadow: none;
}
h4 {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFF;
	text-shadow: #222 2px 3px 2px;
	line-height: 145%;
}
.h4black {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #222;
	text-indent: 0;
	text-shadow: none;
}
/*Stile menu*/
ul {
	list-style:none;
	position: relative;
	min-height:118px;
	font-family:'Open Sans', sans-serif;
	font-size: 12px;
	font-weight:600;
	color:#fff;
	margin-top: 2.5%;
	text-indent: 0;
	width:100%
}
li {
	float:left;
	margin-left: 2%;
	height: 118px;
	background-size:cover;
	padding: 0px;
	width: 10.5%;
}
#navbar {
	padding:0;
	margin:3% 0 0 0;
	border:none;
}

.page-content {
  margin-top:30px;
  margin-left:5px;
  margin-bottom:20px;
}

.pages .footer {
  margin-top:30px;
}
.menubottoni {
  position: relative;
}
.menubottoni:hover {
	color:#fff;
	background-color: transparent;
}
.container-fluid .nav-collapse.collapse .nav .active a {
	background-color: #222;
	padding: 4px;
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F2C500;
}
.container-fluid .nav-collapse.collapse .nav a {
	padding: 4px;
	color: #fff;
	background-color: transparent;
	height:100%;
}
.container-fluid .nav-collapse.collapse .nav a:hover {
	padding: 4px;
	display:block;
	color:#fff;
	background-color:#222;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F2C500;
}
.container-fluid .nav-collapse .dropdown-menu a {
	display:block;
	color:#fff;
}
.container-fluid .nav-collapse .dropdown-menu a:hover {
	display:block;
	color:#fff;
	background-color:transparent;
	border:none;
}
/*Paragrafo & Body*/
p {
	margin: 0;
	padding: 0;
	line-height: 135%;
}
body {
	background: #222;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
}
/*link generici*/
a:link {
	color: #BF0A00;
	text-decoration: none;
	background-color: transparent;
}
a:visited {color:#BF0A00; text-decoration:none;}
a:hover {color:#8F0701; text-decoration:none;}
a:active {color:#BF0A00; text-decoration:none;}

/*hover menu homepage*/
.overlay {
  display:none;
  width:100%;
  background-color: rgba(32, 32, 32, 0.8);
  height: 50%;
  text-overflow:ellipsis;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  line-height: 140%;
  font-size: 13px;
}


/*pulsanti social*/
.social {
	position:relative;
	float:left;
	margin: 7% 0% 10% 10%;
}
.socialpagina {
	position:relative;
	float:left;
	margin: 7% 0% 10% 5.5%;
}
a.modallin {
	color:#222;
	background-color:transparent;
}
a.modallin:hover {
	color:#F2C500;
	background-color:transparent;
}
/*bottoni login e registrazione*/
.btn.btn-mini {
	color: #222;
	clear: both;
	width:85%;
	margin:8% 5% 0% 5%;
	border-radius:0;
}
/*bottone acquista*/
.btn.btn-small {
	border-color:rgb(240,185,0);
	border-width:2px;
	border-style:solid;
	color:#222;
	clear: both;
	width:85%;
	margin:3% 5% 0% 5%;
	border-radius:0;
}
/*slideshow homepage*/
.fluid_container {
	margin: 0;
	max-width: 1000px;
	width: 100%;
	height:100%;
}
/*div*/
#headspettacolo {
	position:relative;
	float:left;
	margin:2% 0% 0% 1%;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #FFF;
}
#boxacquista {
	position:relative;
	float:right;
}
#descrizionespettacolo {
	margin: 2.5% 0% 0% 1%;
}
.footer {
  /*border-top:1px solid gray;*/
  margin-top:5px;
  padding-top:4px;
  padding-left:5px;
  color:black;
	font-size:11px;
	line-height: 16px;
  width: 97%;
}
.logo {
	padding: 2%;
}
.menu {
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	margin-top: 4%;
	font-size: 20px;
	padding: 1%;
	display: block;
	line-height: 110%;
	width: auto;
	width: 40%;
	text-align: right;
	font-weight: 100;
}
.menu2 {
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	margin-top: 4%;
	font-size: 20px;
	padding: 1%;
	display: block;
	line-height: 110%;
	width: auto;
	width: 40%;
	text-align: right;
	font-weight: 100;
	float: right;
}
.menup {
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	margin-top: 4%;
	font-size: 20px;
	padding: 1%;
	display: block;
	line-height: 110%;
	width: auto;
	width: 55%;
	text-align: right;
	font-weight: 100;
	float: left;
}
.menu2p {
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	margin-top: 4%;
	font-size: 20px;
	padding: 1%;
	display: block;
	line-height: 110%;
	width: auto;
	width: 55%;
	text-align: right;
	font-weight: 100;
	float: right;
}
a.white:link, a.white:visited {
	color: #fff !important;
}
a.white:hover {
	color: #BF0A00 !important;
}
/* NINTH EXAMPLE*/

.view-ninth .mask-1,
.view-ninth .mask-2{
    background-color: rgba(0,0,0,0.5);
    height: 361px;
    width: 361px;
    background: rgba(119,0,36,0.5);
    opacity: 1;
    transition: all 0.3s ease-in-out 0.6s;
}
.view-ninth .mask-1 { 
    left: auto;
    right: 0px;
    transform: rotate(56.5deg) translateX(-180px);
    transform-origin: 100% 0%;
}
.view-ninth .mask-2 { 
    top: auto;
    bottom: 0px;
    transform: rotate(56.5deg) translateX(180px);
    transform-origin: 0% 100%;
}
#julius{
  margin-top:20px;
  margin-right:15px;
  float: right;
}

.c0r1 {
	background-color: #AEA79D;
	background-size:cover;
}
.c0r2 {
	background-color: #AEA79D;
	background-size:cover;
}
.c0r3 {
	background-color: #AEA79D;
	background-size:cover;
}
.c1r1 {
	background-color: #C7C2B8;
	background-size:cover;
}
.c1r2s {
	background-color: #C7C2B8;
	background-size:cover;
}
.c1r2d {
	background-color: #C7C2B8;
	background-size:cover;
}
.c1r3 {
	background-color: #C7C2B8;
	background-size:cover;
}
.c1r4 {
	background-color: #C7C2B8;
	background-size:cover;
}
.c2r1 {
	background-color: #E0DED6;
	background-size:cover;
	margin-left: 0px;
}
.c2r2 {
	background-color: #E0DED6;
	background-size:cover;
}
.c2r3 {
	background-color: #E0DED6;
	background-size:cover;
}
.cartellone {
	margin-left: 0%;
}
.locandina {
	width:100%;
	height:98%;
	margin-bottom:1%;
}
.mercury-btn{
  position: fixed;
  top:2px;
  left:2px;
  padding: 3px;
  border: 1px dotted white;
  background: #ffffff;
}
.overbottoni {
	margin-left: 13px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pagination ul>li>a {
	background-color: #222;
}
.fbbutton { margin-top: 2%; }

.pagination ul>li>a {
	border: 1px solid white;
}
a.linkstagione {
	color:#F2C500;
}
hr {
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,255.75), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
}
/*bottoni community*/
#box_fb {
 margin:0;
 padding:0;
 position:relative;
 z-index:10;
 width:32px;
 height:32px;
 }
 #box_fb a{
 display:block;
 width:32px;
 height:32px;
 background:transparent url(../iconsocial/facebook.html) 0 0 no-repeat;
 text-decoration:none;
 } 
 #box_fb a:hover, #box a:focus, #box a:active{
 background-position: 0 -32px;
 }
 #box_tw {
 margin:0;
 padding:0;
 position:relative;
 z-index:10;
 width:32px;
 height:32px;
 }
 #box_tw a{
 display:block;
 width:32px;
 height:32px;
 background:transparent url(../iconsocial/twitter.html) 0 0 no-repeat;
 text-decoration:none;
 } 
 #box_tw a:hover, #box a:focus, #box a:active{
 background-position: 0 -32px;
 }
 #box_gp {
 margin:0;
 padding:0;
 position:relative;
 z-index:10;
 width:32px;
 height:32px;
 }
 #box_gp a{
 display:block;
 width:32px;
 height:32px;
 background:transparent url(../iconsocial/google%2b.html) 0 0 no-repeat;
 text-decoration:none;
 } 
 #box_gp a:hover, #box a:focus, #box a:active{
 background-position: 0 -32px;
 }
 #box_yt {
 margin:0;
 padding:0;
 position:relative;
 z-index:10;
 width:32px;
 height:32px;
 }
 #box_yt a{
 display:block;
 width:32px;
 height:32px;
 background:transparent url(../iconsocial/youtube.html) 0 0 no-repeat;
 text-decoration:none;
 } 
 #box_yt a:hover, #box a:focus, #box a:active{
 background-position: 0 -32px;
 }
 .pagination ul li {width: auto;}
.imgcarousel { width: 100%; max-height: 100%; }

.rassegnaimg { margin-bottom: 20px; height: 100px; }
.rassegnadiv { margin-bottom: 20px; height: 100px; margin-top: -10px; }

.mod { width: 32.823932% !important; margin-left: 0.564103% !important;  }
.modleft { width: 32.823932% !important; margin-left: 0 !important;  }
.fixedmenuleft { position: fixed; }
.testodestrapag {margin-top: 0; }

@media (max-width: 480px) {
	.fixedmenuleft { position: relative; }
	.testodestrapag { margin-top: 50px; }
	.mod { width: 100% !important; }
	.row3 { margin-bottom: 1%; }
	.modleft { width: 100% !important; }
}

@media (max-width: 767px) {
	.fbbutton { clear:both; margin-top: 19%; }
	li { width: 100%; }
}
}
@media (min-width: 768px) and (max-width: 979px) {
li { width: 100%; }
.c2r1 { margin-left: 2%; }
}