﻿/* ==========================================================================
   CALENDAR
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Oswald');


#main-container-calendar{
	display:none;		
}

@media only screen and (min-width: 650px)
{	
	#main-container-calendar{
		display:block;
		margin:2em 0;
		padding:0;
		height:350px;
		width:1196px;			
	}

	h1#main-container-title{
		color:#ef4223;
		font:300  250% Raleway, sans-serif;		
	}


	#main-container-calendar p,
	#main-container-calendar pre {
		margin:0;
		padding:0;
	}

	/*contenitore calendario posto a dx*/
	#container-calendar{
	    clear:both;
	    background:#ecedef;
	    border:1px solid #f04226;
	    border-left:0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0; 
	
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px; 
		   
		behavior:url(/css/PIE.htc);
		height:350px;
		width: 385px;
		margin:0;
		padding:0;
		z-index:1000;
	}

	#content-calendar{
	    width: 385px;
	    height:350px;
	    float:right;
	    margin:0;
		padding:0;
		position:relative;
	}
	
	
	#calendar-navigator{
		background:#FFF;
		color:#000;
		text-transform:uppercase;
		font:bold 0.7em 'Open sans', Verdana, Arial, sans-serif;
		height:50px;
		overflow:hidden;
	    margin:0;
		padding:0;
					
	}
	
	#calendar-navigator:before{
		clear:both;				
	}
	
	
	#calendar-navigator #arrowdx {border:1px solid red;display:block;float:left;width:30%;height:50px;border:1px solid red;}
	
	#calendar-navigator #arrowsx{border:1px solid red;display:block;float:right;width:30%;height:50px;border:1px solid red;}
	
	#calendar-navigator #monthyear{border:1px solid red;display:block;text-align:center;height:30%;border:1px solid red;}

	/*contenitore posto a sx*/
	#content-calendar-rotator{
	    border:1px solid #f04226;
	    border-right:0;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px; 
	
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	    margin:0;
		padding:0;
	    behavior:url(/css/PIE.htc);
		/*margin-top:28px;*/
		width:810px;
		height:350px;
	}
	
/* ===========================
   CALENDAR TAB
   =========================== */

	#content-calendar #calendar-tab ul {
	    position:absolute;
	    top:-29px;
	    right:-10px;
	    border: 0 none;
	    list-style: outside none none;
	    margin: 0 0 0 3px;
	    padding: 0;
	    width:395px;
	}
	
	/*per IE8*/
	.ie8 #content-calendar #calendar-tab ul {top:-28px;}
	
	/*per IE9*/
	.ie9 #content-calendar #calendar-tab ul {top:-28px;}
	
	#content-calendar #calendar-tab li {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #ddd;
	    border-image: none;
	    border-style: solid;
	    border-width: 1px 1px 0;
	    color: #8a8b8e;
	    float: left;
	    margin: 0 0.2em 0 0;
	}
	
	#content-calendar #calendar-tab li.selected {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: #f04226;
	    border-image: none;
	    border-style: solid;
	    border-width: 1px 1px 0;
	    color: #8a8b8e;
	    float: left;
	    margin: 0 0.2em 0 0;
	}
	
	
	#content-calendar #calendar-tab li.selected a {
	    background: #ecedef none repeat scroll 0 0;
	    border: 0 none;
	    color: #f04226;
	    font-weight: normal;
	    position: relative;
	    top: 1px;
	}

	#content-calendar #calendar-tab a {
	    background: #fff none repeat scroll 0 0;
	    color: #8a8b8e;
	    cursor:pointer;
	    display: block;
	    font: 0.7em "Oswald",Arial,sans-serif;
	    padding: 0.5em;
	    text-align: center;
	    text-decoration: none;
	    text-transform:uppercase;
	    letter-spacing:1px;
	}
	
	#calendar-navigator{
		margin-top:1.5em;
		clear:both;
		height:auto;
		padding:0;
	}
	
	#calendar-navigator #calendar-arrowsx{
		float:left;
		margin-left:20%;				
	}
	
	#calendar-navigator #calendar-monthyear{
		font:bold 110% "Open Sans", sans-serif;
		float:left;
		width:50%;
		text-align:center;
		padding-top:0.2em;				
	}
	
	#calendar-navigator #calendar-arrowdx{
		float:left;				
	}

	table.calendar-table{
		
		z-index:1001;
		width:100%;
		margin:0 auto;
		text-transform:uppercase;
		margin:3em auto 1em auto;
	}
	
	table.calendar-table th{
		font:300 0.9em "Oswald", sans-serif;
		padding:0.7em 0;
		width:	14%;
		text-align:center;	
	}
	
	
	table.calendar-table td{
		font:300 0.8em "Open Sans", sans-serif;
		padding:0.7em 0;
		width:	14%;
		text-align:center;	
	}

	a.calentar-evento{
		background:#ff7f66 !important;
		color:#FFF !important;
		border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		behavior:url(/css/pie.htc);
		font-weight:bold;
		padding:0.2em 0.4em;
		text-decoration:none;
	}
	
	span.calendar-selected,
	a.calendar-selected{
		border:2px solid #555 !important;
		border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		behavior:url(/css/pie.htc);
		font-weight:bold;
		padding:0.2em 0.4em;
		text-decoration:none;
	}

	
	/*#container-calendar-rotator article{
		margin-left:2% !important;
		width:98% !important;
	}*/

	#container-calendar-rotator article h5.news-title a{
		color:#000;
	}

	#container-calendar-rotator article p.taglist{
		background:url(/images/01/common/box/tag.png) 0 8px no-repeat;
	  margin:0 0 0.3em 0.8em;
	  padding:0.3em 0 0.3em 1.8em;

	}
	
	#container-calendar-rotator article p.taglist a{
		color:#3d7ec6 !important;
		font-size:90%;
	}
	
	
	#container-calendar-rotator-title{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		behavior:url(/css/pie.htc);
		background:#fff url(/images/01/common/calendar/bg-title.png) 0 0;
		width:100%;
		position:relative;
		text-align:center;
	}
	
	
	#container-calendar-rotator-title h1{
		background:inherit;
		width:150px;
		margin:0 auto;
		padding:0.3em 0 !important;
	}
	
	#container-calendar-rotator-title-giorno{
		background:#ff7f66 !important;
		color:#FFF !important;
		font:600 0.5em 'Open sans', sans-serif !important;
		padding:0.2em 0.5em;
		margin-right:0.2em;
		border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		behavior:url(/css/pie.htc);
		letter-spacing:-2px;
		text-align: center;
	}

	#container-calendar-rotator-title-mese{
		font:normal 0.5em 'Open sans', sans-serif !important;
		color:#000 !important;
		text-transform:lowercase;		
	}
	
	#content-calendar-rotator .bx-pager{
		margin-bottom:75px;			
	}
	
/* PAGER */

	#content-calendar-rotator .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top:0;
}

	#content-calendar-rotator .bx-wrapper .bx-pager .bx-pager-item,
	#content-calendar-rotator .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

	#content-calendar-rotator .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}


	#content-calendar-rotator .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#content-calendar-rotator .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #85b116;
}


/* ==========================
   POP-UP ADD TO CALENDAR
   ========================== */
   
	#add-calendarcontainer ul.calendar-list{
		padding:10px 20px 5px 20px;	
		margin-left:0.3em;
		list-style-image:none;
		border:1px solid #868686;
		width:130px;
		height:120px;
		background-color:#F3F3F3;
		-moz-box-shadow: 5px 5px 5px #999999;/* Firefox */
		-webkit-box-shadow: 5px 5px 5px #999999; /* Safari and Chrome */
		box-shadow: 5px 5px 5px #999999;/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
		-moz-border-radius: 10px;/* Firefox */
		-webkit-box-radius: 10px; /* Safari and Chrome */
		border-radius: 10px;/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
		behavior:url(/AllLanguages/Widget/ScrollingNews/PIE.htc);/* per IE6, IE7, IE8 */

		}
	
	
	#add-calendarcontainer ul.calendar-list li {
	    font:normal 0.7em Verdana,Arial,sans-serif;  
	    list-style-type: none;
	    list-style-image:none;
	    padding-bottom: 0;
	    padding-top: 0.6em;
	    margin-left:0;
	    padding-left: 30px;
	    line-height:1.5em;
		}

	#add-calendarcontainer ul.calendar-list li a{
	    cursor:pointer;
		}

	#lioutlook{
		padding-left: 20px;
		background-image: url('/images/01/common/calendar/outlook.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		vertical-align:middle;
		height:20px;
	}
	
	#ligoogle{
		padding-left: 20px;
		background-image: url('/images/01/common/calendar/google.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		vertical-align:middle;
	}
	
	#liyahoo{
		padding-left: 20px;
		background-image: url('/images/01/common/calendar/yahoo.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		vertical-align:middle;
		height:20px;
	}
	
	#liical{
		padding-left: 20px;
		background-image: url('/images/01/common/calendar/ical.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		vertical-align:middle;
		height:20px;
	}

	#calendartitle{
		background-color:#eee;
		padding:4px;
		margin:4px;
		border-left-top-radius: 10px;
		border-right-top-radius: 10px;	
		behavior:url(/AllLanguages/Widget/ScrollingNews/PIE.htc);
		font:normal 0.9em Verdana, Arial, sans-serif;   	
		color:#fff;
		padding-left:10px;
		text-align: center;
		}	

	#content-calendar-rotator{
		position:relative;
		width:100%;			
	}
	
	#container-calendar-rotator-addtocalendar{
		position:absolute;
		bottom:65px;right:10px;
	}
	
	#add-calendarcontainer ul.calendar-list{
					
	}
	
	#cont02 #content-calendar-rotator .add-to-calendar-link{
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(/css/pie.htc);
		border:1px solid #ddd;
		background:#eee;
		color:red;
		cursor:pointer;
		font:bold 0.7em 'Open Sans', sans-serif;
		padding:0.3em 1em;			
	}
	
	#cont02 #content-calendar-rotator a.add-to-calendar-link:before{
		content:"+ ";			
	}





	
	#content-calendar-rotator .bx-wrapper {
		background:inherit;
		max-width:97% !important;
		position:relative;
	}
	
	#content-calendar-rotator .bx-wrapper {height:299px;margin: 0 auto;}
	#content-calendar-rotator .bx-wrapper .bx-controls{bottom:0;}
	
	
	
	#content-calendar-rotator .bx-wrapper .bx-pager {
		position: absolute;
		bottom:-60px;
		width: 100%;
	}

	#content-calendar-rotator .bx-wrapper .bx-pager.bx-default-pager {
		background:#ebedee;
		padding:0.5em 0 0 0;
		}
		
	#content-calendar-rotator .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#content-calendar-rotator .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #ff7f66;
	}
	
	#content-calendar-rotator .bx-wrapper .bx-pager.bx-default-pager a {
		background: #fff;
		border:1px solid #ccc;
	}


	#content-calendar-rotator .bx-wrapper .bx-pager {
		padding-top:20px;
	}
	
	p.rotator-bullet-description{
		display:block;
		font:normal 0.65em "Oswald", sans-serif;
		position:absolute;
		left:1.8%;
		bottom:20px;
		z-index:1000;
		width:150px;		
	}
	
	p.rotator-bullet-description{
display:none;
	}

}

@media only screen and (min-width: 750px)
{
	p.rotator-bullet-description{
		font:normal 0.65em "Oswald", sans-serif;
		left:15%;
	    bottom:20px;
	    
	}
}

@media only screen and (min-width: 900px)
{
	p.rotator-bullet-description{
		font:normal 0.7em "Oswald", sans-serif;
		/*left:30%;*/
	
		left:5px;
		bottom:17px;
		width:100px
	}
	
	#content-calendar #calendar-tab ul {
    top:-28px;
	}

	/*per IE8*/
	.ie8 #content-calendar #calendar-tab ul {top:-29px;}
	/*per IE9*/
	.ie9 #content-calendar #calendar-tab ul {top:-29px;}

}

@media only screen and (min-width: 1200px) {
	p.rotator-bullet-description{
		font:normal 0.8em "Oswald", sans-serif;
		left:5px;
		width:100px;
			display:block ;
	}
	
}

/*aggiunta*/

@media only screen and (min-width: 650px)
{	

	/*per IE10*/
	_:-ms-lang(x), #content-calendar #calendar-tab ul{ top:-29px\9; }
	
	/*per IE11*/
	_:-ms-fullscreen, :root #content-calendar #calendar-tab ul { top:-29px; }
	
	/*per FF*/
	@-moz-document url-prefix() { 
		#content-calendar #calendar-tab ul {
	    top:-30px;
	  }
	}

	/*Stili loading*/
	
	.spinner-cal {
	  margin: 0px auto;
	  width: 50px;
	  height: 40px;
	  text-align: center;
	  font-size: 10px;
	}
	
	.spinner-cal > div {
	  background-color: #aaa;
	  height: 100%;
	  width: 6px;
	  display: inline-block;
	   -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	  animation: sk-stretchdelay 1.2s infinite ease-in-out;
	}
	
	.spinner-cal .rect2 {
	  -webkit-animation-delay: -1.1s;
	  animation-delay: -1.1s;
	}
	
	.spinner-cal .rect3 {
	  -webkit-animation-delay: -1.0s;
	  animation-delay: -1.0s;
	}
	
	.spinner-cal .rect4 {
	  -webkit-animation-delay: -0.9s;
	  animation-delay: -0.9s;
	}
	
	.spinner-cal .rect5 {
	  -webkit-animation-delay: -0.8s;
	  animation-delay: -0.8s;
	}
	
	@-webkit-keyframes sk-stretchdelay {
	  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	  20% { -webkit-transform: scaleY(1.0) }
	}
	
	@keyframes sk-stretchdelay {
	  0%, 40%, 100% { 
	    transform: scaleY(0.4);
	    -webkit-transform: scaleY(0.4);
	  }  20% { 
	    transform: scaleY(1.0);
	    -webkit-transform: scaleY(1.0);
	  }
	}

	.calendar-rotator-loading
	{
		width:100%;height:302px;background:#eae7e2;opacity:0.5;
	}
	
	.loadcalendarrotator{padding-top:100px;}
	
	.calendar-loading{
		width:100%;height:100%;background:#eae7e2;opacity:0.5;position:absolute;top:0;left:0;
	}
	
	.loadcalendar{
		padding-top:150px;
	}
}

@media only screen and (min-width: 1200px) {

	/*per IE10*/
	_:-ms-lang(x), #content-calendar #calendar-tab ul{ top:-28px\9; }

	/*per IE11*/
	_:-ms-fullscreen, :root #content-calendar #calendar-tab ul { top:-28px; }

	/*per FF*/
	@-moz-document url-prefix() { 
		#content-calendar #calendar-tab ul {
    	top:-30px;
  		}
	}
}





