.page-calendario .view-header{border:none !important}

.bloccocal #edit-submit{display:none !important}

.calendariodescrizione,
.page-calendario #block-system-main > .content > .view-id-calendario > .view-header{background:#E3E3E3;overflow:hidden;margin:0 -40px 0 -40px !important; position:relative }



.view-calendario .views-field-title
{font-weight:600}	

.view-calendario .views-field-subtitle
{color:#b20932}	

.view-calendario .views-field-domain-id
{font-weight:600}	

.view-calendario .views-field-field-abstract
{margin:14px 0 14px 0}	

.view-calendario .views-field-field-readmore
{font-weight:600}	

.view-calendario .views-field-gid
{font-weight:600}	

.bloccocal:after {
    content:'';
    width:40px;
    height:140%;
    position:absolute;
    transform:skewX(-5deg);
    border-left: 6px solid #fff;
    bottom:-35%;
    left:-30px;
    background:#b20932;
	border-bottom:0 !important;z-index:-1
}

#datepickereventi:after, #datepickermostre:after{
	
    content:'';
    width:110%;
    height:440px;
    position:absolute;
    bottom:-424px;
    left:-10px;
    background:#b20932	
}

.bloccocal {width:40%;  box-sizing:border-box; float:right; background:#b20932; padding:20px 0 30px 0; position:relative;z-index:20; box-sizing:border-box}
#bloccocalmostre, #bloccocaleventi{min-height:400px; padding-top:30px !important; box-sizing:border-box}

.page-calendario .intestazione{width:60%;  float:left; padding:40px; box-sizing:border-box}

.bloccocal table{background:transparent; border-spacing: 3px; border-collapse: separate;table-layout: fixed; width:300px; max-width:90%; margin:0 auto}
.bloccocal .ui-widget-content{border:none; background:transparent}
.bloccocal table td{border:1px solid rgba(255,255,255,0.4); vertical-align:top; text-align:left}
.bloccocal table td a{color:#FFF !important}

.bloccocal .ui-datepicker{width:100%; padding:0}

.bloccocal .container-inline-date .form-item .form-item{float:none}
.bloccocal .container-inline-date .date-padding{float:none}

.bloccocal  .ui-state-disabled{opacity:1}

.bloccocal .container-inline-date > .form-item{display:block; margin:0}

#block-superfish-2 #menu-4040946-2 .sf-megamenu .bloccocal .ui-datepicker td a,#main-menu #menu-10361-1 .sf-megamenu .bloccocal .ui-datepicker td a, #main-menu #menu-4040743-1 .sf-megamenu .bloccocal .ui-datepicker td a,#main-menu #menu-4040737-1 .sf-megamenu .bloccocal .ui-datepicker td a, .bloccocal .ui-datepicker td a{text-align:left;padding:0 0 28px 5px !important; font-size:14px !important; font-weight:normal !important; margin:0 !important;  border:0 !important}

#block-superfish-2 #menu-4040946-2 .sf-megamenu .bloccocal .ui-datepicker td a{color:#FFF !important;}


.bloccocal table th{background:transparent; font-size:75%; text-transform:uppercase; font-weight:normal}

#block-superfish-2 #menu-4040946-2 .sf-megamenu .bloccocal .ui-datepicker td a:hover,
#block-superfish-2 #menu-4040946-2 .sf-megamenu .bloccocal .ui-datepicker td a.ui-state-active,
.bloccocal .ui-datepicker td a:hover, .bloccocal .ui-datepicker td a.ui-state-active{color:#b20932 !important; background:#FFF}

.bloccocal .ui-datepicker-year, .bloccocal .ui-datepicker-month{color:#FFF; font-weight:normal; font-size:120%; text-transform:none}

.bloccocal .ui-widget-header{background:none; padding:0; width:300px; max-width:90%; margin:0 auto; border:0; border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:10px}

.bloccocal .ui-datepicker-month{background:transparent; border:0;         -webkit-appearance: none;-moz-appearance: none;appearance: none; color:#FFF;}

.bloccocal .ui-datepicker-month::-ms-expand {
    display: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute !important;

}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{font-size:0; color:transparent}

.bloccocal .ui-datepicker-month option{color:#555}


.bloccocal .ui-widget-header .ui-icon{background:transparent}
.bloccocal .ui-datepicker-prev{background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZCAYAAADuWXTMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMjEvMTc4DkK9AAABCElEQVQ4jbWUwQ3CMAxFvxGXnOgIZQOYgHLg3hEYgRFgA9igKzAB7QR0AzoCp3JAijmQolDZphIQKYfI+c7PsxMwM7TZer9tvWdlNsTMkMaNOQVwEYPPsRwZwcKIHR1RqdnNDbvX1vuUmSEJk7BBE2+6vZJ4bwjreO8bsBvzDMDZguSIym7RB2ZBOsRCAIjtbj5ASvpXHAppLVWls10AmCh2K0ckXoda7zMAJ+OuU0fUaOI7gLFxaqZlHQFYGacuQo/L4oD/aCQo1EignX6gnUu0v69zlKA2Euz74n5vZ7DLNndE9QtYHAnwDoPh/fQ9hwTrIfDEPyz0cqVYn3T2//N7hsewM8TFA2W/dKdgvjiNAAAAAElFTkSuQmCC') no-repeat center center; width:32px; height:32px }
.bloccocal .ui-datepicker-next{background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAZCAYAAADuWXTMAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMjEvMTc4DkK9AAABCklEQVQ4ja2U0W3CQAyGf/N2TzBCugGdoO0GjMAIjNBuABtkBSZomKDZoIzAk3mpfvehRxSasxMpWDopkvU7vz/7DkqelTTnvJsZvCNKvgL4hB9PSeRcSiySSAPgGIhrN2NmULJS8hLY35Rsdx9K7gLxRcmVK84F2qDAfgDMzLoWrmZj8J6TSNsB62cyvMNkeP+tKLkagbcr9twrsJ0Cb1HylkRqACfH+vJm/w5YP65mFYDvoP83V5wLNABenPTPrD8Xe85RB7ljEmk82psR2lVxVLPmrOQ+ELbRbq8BfEWQ8goDwGBJIkiHvhDAA+7zBEjb0lRutmv87WwpTnnXBzHv9UQM6cMTAsAvDzt4+gTuZOAAAAAASUVORK5CYII=') no-repeat center center; width:32px; height:32px }

.bloccocal .ui-datepicker-prev:hover,.bloccocal .ui-datepicker-next:hover{border:none;cursor:pointer; padding.0; margin:0;top:2px}



@media (max-width:950px){

.bloccocal:after {display:none}

.sf-megamenu .bloccocal .ui-datepicker-year, .sf-megamenu .bloccocal .ui-datepicker-month{font-size:90%}
}

@media (max-width:750px){
.bloccocal{width:100%; float:none; padding:20px 0 30px 0}
.page-calendario .intestazione{width:100%;  float:none;}
.bloccocal:after {display:none}
}


#tabcalendario{display:table; width:100%;table-layout: fixed;margin:20px 0 20px 0}
.tabcal{display:table-cell; text-align:center;
font-weight:normal;font-size:16px; text-align:center; padding:6px;
background: #d50b3e;
background: -moz-linear-gradient(top, #d50b3e 0%, #9c072d 100%);
background: -webkit-linear-gradient(top, #d50b3e 0%,#9c072d 100%);
background: linear-gradient(to bottom, #d50b3e 0%,#9c072d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d50b3e', endColorstr='#9c072d',GradientType=0 );
filter: grayscale(100%);
opacity:0.4;
padding:5px;
transition: all 0.1s;
color:#FFF;
cursor:pointer;
border-left:2px solid #FFF;
box-sizing:border-box
}

.tabcal:hover, .tabcal.attivu{
filter: none;
opacity:1
}
#tabcalendario .tabcal:first-child{border:none}

.page-calendario .calendario-mostre, .page-calendario .calendario-visite, .page-calendario .calendario-laboratori, .page-calendario .calendario-eventi-box{display:none}










 
.page-calendario .calendario-eventi-box .views-row-odd, .page-calendario .calendario-mostre .views-row-odd, .page-calendario .calendario-gratis-con-la-mic .views-row-odd,.page-calendario .calendario-visite .views-row-odd, .page-calendario .calendario-laboratori .views-row-odd{background:#e3e3e3; overflow:hidden;position:relative;padding:12px 22px 12px 41%;min-height:280px; box-sizing:border-box; align-items: center; display: flex;flex-direction: row;}

.page-calendario .calendario-eventi-box .views-row,
.page-calendario .calendario-mostre .views-row,
.page-calendario .calendario-gratis-con-la-mic .views-row,
.page-calendario .calendario-visite .views-row, 
.page-calendario .calendario-laboratori .views-row-odd{display:flex !important;}
.page-calendario .calendario-eventi-box .views-row-odd  .views-field-field-image, .page-calendario .calendario-mostre .views-row-odd  .views-field-field-image, .page-calendario .calendario-gratis-con-la-mic .views-row-odd  .views-field-field-image, .page-calendario .calendario-visite .views-row-odd  .views-field-field-image, .page-calendario .calendario-laboratori .views-row-odd  .views-field-field-image{position:absolute;width:40%;left:0; top:0; height:100%}

  
.page-calendario  .calendario-eventi-box .views-row-odd .views-field-field-image:after, .page-calendario  .calendario-mostre .views-row-odd .views-field-field-image:after, .page-calendario  .calendario-gratis-con-la-mic .views-row-odd .views-field-field-image:after,.page-calendario  .calendario-visite .views-row-odd .views-field-field-image:after , .page-calendario  .calendario-laboratori .views-row-odd .views-field-field-image:after{
    content:'';
    width:60px;
    height:140%;
    position:absolute;
    transform:skewX(5deg);
    border-left: 6px solid #fff;
    bottom:-35%;
    right:-40px;
    background:#e3e3e3;
	border-bottom:0 !important;
}

.page-calendario .calendario-eventi-box, .page-calendario .calendario-mostre, .page-calendario .calendario-gratis-con-la-mic, .page-calendario .calendario-visite, .page-calendario .calendario-laboratori{margin-left:-40px; margin-right:-40px}

.page-calendario .calendario-eventi-box .views-row-even, .page-calendario .calendario-mostre .views-row-even, .page-calendario .calendario-gratis-con-la-mic .views-row-even, .page-calendario .calendario-visite .views-row-even, .page-calendario .calendario-laboratori .views-row-even{background:#e3e3e3; overflow:hidden;position:relative;padding:12px 40% 12px 42px;min-height:280px; box-sizing:border-box; align-items: center; display: flex; flex-direction: row;}

.page-calendario .view-calendario .views-field-field-image img{height:280px !important; width:auto !important}

 
.page-calendario .calendario-eventi-box .views-row-even  .views-field-field-image, .page-calendario .calendario-mostre .views-row-even  .views-field-field-image, .page-calendario .calendario-gratis-con-la-mic .views-row-even  .views-field-field-image, .page-calendario .calendario-visite .views-row-even  .views-field-field-image, .page-calendario .calendario-laboratori .views-row-even  .views-field-field-image{position:absolute;width:40%;height:100%;right:0; top:0}



.page-calendario .calendario-eventi-box  .views-row-even .views-field-field-image:after, .page-calendario .calendario-mostre  .views-row-even .views-field-field-image:after, .page-calendario .calendario-gratis-con-la-mic  .views-row-even .views-field-field-image:after, .page-calendario .calendario-visite  .views-row-even .views-field-field-image:after, .page-calendario .calendario-laboratori  .views-row-even .views-field-field-image:after {
    content:'';
    width:60px;
    height:140%;
    position:absolute;
    transform:skewX(-5deg);
    border-right: 6px solid #fff;
    bottom:-35%;
    left:-40px;
    background:#e3e3e3;
	border-bottom:0 !important;
}

.page-calendario .calendario-eventi-box .view-empty, .page-calendario .calendario-mostre .view-empty, .page-calendario .calendario-gratis-con-la-mic .view-empty,.page-calendario .calendario-visite .view-empty, .page-calendario .calendario-laboratori .view-empty{padding:0 40px 0 40px}


.page-calendario .more-link{/*padding-right:40px;*/ padding-top:16px}


@media (max-width:980px){
	 .page-calendario .calendario-eventi-box .views-row-even, .page-calendario .calendario-mostre .views-row-even, .page-calendario .calendario-gratis-con-la-mic .views-row-even, .page-calendario .calendario-visite .views-row-even, .page-calendario .calendario-laboratori .views-row-even,.page-calendario .calendario-eventi-box .views-row-odd,.page-calendario .calendario-mostre .views-row-odd, .page-calendario .calendario-gratis-con-la-mic .views-row-odd,.page-calendario .calendario-visite .views-row-odd, .page-calendario .calendario-laboratori .views-row-odd{padding:20px; min-height:0;}
	 

.page-calendario .calendario-eventi-box .views-row,
.page-calendario .calendario-mostre .views-row,
.page-calendario .calendario-gratis-con-la-mic .views-row,
.page-calendario .calendario-visite .views-row, 
.page-calendario .calendario-laboratori .views-row-odd{display:block !important;}		 

	 
	.page-calendario  .views-row-odd .views-field-field-image:after, .page-calendario  .views-row-even .views-field-field-image:after{display:none}
	
	
	 .page-calendario .calendario-eventi-box .views-row-even .views-field-field-image, .page-calendario .calendario-mostre .views-row-even .views-field-field-image, .page-calendario .calendario-gratis-con-la-mic .views-row-even .views-field-field-image, .page-calendario .calendario-visite .views-row-even .views-field-field-image, .page-calendario .calendario-laboratori .views-row-even .views-field-field-image,.page-calendario .calendario-eventi-box .views-row-odd .views-field-field-image,.page-calendario .calendario-mostre .views-row-odd .views-field-field-image, .page-calendario .calendario-gratis-con-la-mic .views-row-odd .views-field-field-image,.page-calendario .calendario-visite .views-row-odd .views-field-field-image, .page-calendario .calendario-laboratori .views-row-odd .views-field-field-image	
	{position:static;width:100%;height:auto;min-height:0; margin-bottom:16px}
	
	 .page-calendario .calendario-eventi-box .views-row-odd .views-field-field-image img,.page-calendario .calendario-eventi-box .views-row-even .views-field-field-image img,.page-calendario .calendario-mostre .views-row-even .views-field-field-image img, .page-calendario .calendario-gratis-con-la-mic .views-row-even .views-field-field-image img, .page-calendario .calendario-visite .views-row-even .views-field-field-image img, .page-calendario .calendario-laboratori .views-row-even .views-field-field-image img,.page-calendario .calendario-mostre .views-row-odd .views-field-field-image img, .page-calendario .calendario-gratis-con-la-mic .views-row-odd .views-field-field-image img,.page-calendario .calendario-visite .views-row-odd .views-field-field-image img, .page-calendario .calendario-laboratori .views-row-odd .views-field-field-image img{height:auto !important; width:100% !important; display:block}
	 

	 
	 
}

#views-exposed-form-calendario-page-1{display:none}

@media (max-width:780px){
	 

	#tabcalendario{display:block;}
	.tabcal{display:block; border-bottom:1px solid #FFF !important; border-left:0
	}

	.page-calendario #block-system-main > .content > .view-id-calendario > .view-header{
		margin: 0px !important;
	}

	
	
	.page-calendario .calendario-eventi-box,
    .page-calendario .calendario-mostre,
    .page-calendario .calendario-gratis-con-la-mic,
	.page-calendario .calendario-visite,
	.page-calendario .calendario-laboratori{
		margin-left:0px;
		margin-right:0px;
	}
	 
	 
	 
}
