/*
NAME: Default template
VERSION: 1.0
AUTHOR: Oscar v2
DESCRIPTION: Template PAOLO FRESU 2014
*/

/* font */
@import url(http://fonts.googleapis.com/css?family=Capriola);

/* css reset */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} dfn{font-style:italic} code,kbd,pre,samp{font-family:monospace, serif;font-size:1em} pre{white-space:pre-wrap;word-wrap:break-word} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} fieldset{border: 0;margin:0;padding:0} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0} button,input{line-height:normal} button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],input[disabled]{cursor:default} input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0} input[type=search]{ -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} body,figure{margin:0} legend{border:0;padding:0} * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(255,255,255,0); } * , *:after , *:before { box-sizing: border-box; }

/* general */
html , body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: auto; overflow: hidden; }
body { font: 14px/1.2em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; text-align: left; background: #FFF; color:#5C5C5C; }
a { text-decoration: none; color: #463b33; font-weight: bold; }
a:hover { color: #b11316; }
a:focus { outline: none; }
h1 , h2 , h3 , h4 , h5 , h6 { color: #b11316; font-family: 'Capriola'; }
article { line-height: 1.4em; }

/* header */
#header { background-color: #004F60; background-image: url(../img/menubg.png); background-repeat: repeat-x; box-shadow: 0px -4px 6px 6px rgba(0,0,0,.7); width: 100%; height: 90px; position: fixed; z-index: 10; top: 0; }
#header .logo { float: left; width: 270px; height: 90px; }
#header nav { margin-left: 270px; }
#header > nav > a { display: none; }
#mobileMenu { display: none; }

/* menu */
#mainmenu , #mainmenu ul { margin: 0; padding: 0; list-style: none; text-align: center;  }
#mainmenu > li { margin: 0; padding: 0; float: left; width: 20%; position: relative; }
#mainmenu > li > a { display: block; height: 90px; padding-top: 64px; border-left: 1px solid #4d8490; color: #FFF; font-weight: normal; font-size: 1.3em; font-family: 'Capriola'; }
#mainmenu > li:hover > a , #mainmenu > li > a.current { background-color: #002F3a; color: #a7d9e4; }
	#mainmenu li ul { display: block; width: 100%; position: absolute; top: 100%; left: 0; background-color: #a7d9e4; border-top: 1px solid #4d8490; opacity: 0; height: 0; overflow: hidden; }
	.lt-ie9 #mainmenu li ul { display: none; }
	#mainmenu > li:hover > ul { display: block; height: auto; opacity: 1; }
	#mainmenu > li > ul a { font-size: 0.8em; display: block; padding: 10px; background-color: #eefeff; color: #002F3a; border-bottom: 1px solid #4d8490; border-left: 1px solid #4d8490; border-right: 1px solid #4d8490; font-weight: normal; }
	#mainmenu > li:hover > ul a:hover , #mainmenu > li > ul a.current { background-color: #002F3a; color: #a7d9e4; }

/* content */
#content { height: 100%; width: 100%; padding: 90px 0; overflow: hidden; position: relative; z-index: 1; }
#content > .page { height: 100%; width: 100%; overflow: hidden; position: relative; }
#content > .page > figure , #content > .page > .staticimage { display: block; height: 100%; width: 100%; overflow: visible; position: absolute; text-align: center; }
#content > .page > .staticimage img { max-height: 100%; max-width: 100%; }
#content > .page.text > figure , #content > .page.text > .staticimage { padding-right: 30%; }
#content > .page.text > div { height: 100%; width: 50%; overflow: hidden; position: absolute; right: 0; }
#content > .page > div > article { position: relative; height: 100%; width: 70%; float: right; overflow: auto; padding: 90px 20px 20px 20px; background-color: #FFF; background-color: rgba(255, 255, 255, 0.7); box-shadow: 20px 0 20px 20px rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=270, Strength=5); }
.lt-ie9 #content > .page.text > div > article { border-left: 5px solid #FFF; }
#content > .page > div > article a.close { display: block; color: #FFF; background: #b11316; font-family: 'Capriola'; font-size: 30px; padding: 0; border: 0; margin: 0; width: 30px; height: 30px; line-height: 28px; text-align: center; position: absolute; left: 5px; top: 5px; cursor: pointer; }
#content > .page > div > article a.close span { display: block; color: #FFF; width: 30px; height: 30px; line-height: 28px; text-align: center; border: 0; outline: 0; }
#content > .page > div > article a.close:hover { background-color: #004f60; }
#content > .page.text.closed > figure , #content > .page.text.closed > .staticimage { padding-right: 0; }
#content > .page.text.closed > div.contentdx > article { margin-right: -70%; overflow: visible; }
#content > .page.text.closed > div.contentdx > article a.close { left: -35px; }
#content > .page.text.closed > div.contentdx > article a.close span { transform: rotateZ(135deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.5, M12=-0.5, M21=0.5, M22=-0.5,sizingMethod='auto expand')"; height: auto; }
#content > .page > figure ul.scene { margin: 0; padding: 0; width: 100%; height: 100%; z-index: -10; }
#content > .page > figure ul.scene li.layer img { display: block; max-height: 100%; max-width: 100%; margin: 0px auto; }

/* contentsx */
#content > .page > div.contentsx { height: 100%; width: 50%; overflow: hidden; position: relative; }
#content > .page > div.contentsx > article { direction: rtl; float: left; overflow: auto; padding: 90px 20px 20px 20px; background-color: #ddc98f; background-color: rgba(221, 201, 143, 0.7); box-shadow: -20px 0 20px 20px rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=90, Strength=5); }
#content > .page > div.contentsx > article * { direction: ltr; }
#content > .page > div.contentsx > article a.close { left: auto; right: 5px; }
#content > .page.textsx > figure , #content > .page.textsx > .staticimage { padding-left: 30%; }
#content > .page.textsx.closedsx > figure , #content > .page.textsx.closedsx > .staticimage { padding-left: 0; }
#content > .page.closedsx > div.contentsx > article { margin-left: -70%; overflow: visible; }
#content > .page.closedsx > div.contentsx > article a.close { right: -35px; }
#content > .page.closedsx > div.contentsx > article a.close span { transform: rotateZ(135deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.5, M12=-0.5, M21=0.5, M22=-0.5,sizingMethod='auto expand')"; height: auto; }
#content > .page > figure ul.scene { margin: 0; padding: 0; width: 100%; height: 100%; z-index: -10; }
#content > .page.text.textsx > figure , #content > .page.text.textsx > .staticimage { padding: 0 15%; }
#content > .page.text.textsx.closed > figure , #content > .page.text.textsx.closed > .staticimage { padding: 0 0 0 30%; }
#content > .page.text.textsx.closedsx > figure , #content > .page.text.textsx.closedsx > .staticimage { padding: 0 30% 0 0; }
#content > .page.text.textsx.closed.closedsx > figure , #content > .page.text.textsx.closed.closedsx > .staticimage { padding: 0; }

/* illustrations */
figure ul.bologna li.el1 img { animation-duration: 8s; animation-iteration-count: infinite; animation-name: swing; transform-origin: 37% 53%; }
figure ul.bologna li.el2 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: swing2; transform-origin: 37% 53%; }
figure ul.berchidda li.el2 img { animation-duration: 8s; animation-name: sunrise; transform-origin: 41% 41%; }
figure ul.berchidda li.el4 img { animation-duration: 16s; animation-iteration-count: infinite; animation-name: swing; transform-origin: 41% 41%; }
figure ul.berchidda li.el5 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: swing2; transform-origin: 41% 41%; }
figure ul.passaggio1 li.el2 img { animation-duration: 16s; animation-name: rotatesun; transform-origin: 50% 100%; }
figure ul.passaggio1 li.el5 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: fire; transform-origin: 59% 42%; }
figure ul.passaggio2 li.el3 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: wave; transform-origin: 50% 50%; }
figure ul.passaggio2 li.el4 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: wave2; transform-origin: 50% 50%; }
figure ul.parigi li.el4 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: wave3; transform-origin: 50% 50%; }
figure ul.parigi li.el5 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: wave4; transform-origin: 50% 50%; }
figure ul.parigi li.el6 img { animation-duration: 8s; animation-iteration-count: infinite; animation-name: swing; transform-origin: 57% 52%; }
figure ul.parigi li.el7 img { animation-duration: 5s; animation-iteration-count: infinite; animation-name: swing2; transform-origin: 57% 52%; }
@keyframes sunrise  { 0% { transform: translate(-20%,20%); opacity: 0; } 100% { transform: translate(0%,0%); opacity: 1; } }
@keyframes fire { 0% { transform: translate(0%,0%); opacity: 1; } 50% { transform: translate(0%,0.5%); opacity: 0; } 100% { transform: translate(0%,0%); opacity: 1; } }
@keyframes rotatesun { 0% { transform: rotateZ(-50deg); } 100% { transform: rotateZ(0deg); } }
@keyframes swing { 0% { transform: rotateZ(-5deg); } 50% { transform: rotateZ(5deg); } 100% { transform: rotateZ(-5deg); } }
@keyframes swing2 { 0% { transform: rotateZ(5deg); } 50% { transform: rotateZ(-5deg); } 100% { transform: rotateZ(5deg); } }
@keyframes wave { 0% { transform: translate(0%,0%); opacity: 0; } 50% { transform: translate(1%,1%); opacity: 1; } 100% { transform: translate(0%,0%); opacity: 0; } }
@keyframes wave2 { 0% { transform: translate(2%,2%); opacity: 1; } 50% { transform: translate(0%,0%); opacity: 0; } 100% { transform: translate(2%,2%); opacity: 1; } }
@keyframes wave3 { 0% { transform: translate(0%,0%); opacity: 0; } 50% { transform: translate(0.5%,0%); opacity: 1; } 100% { transform: translate(0%,0%); opacity: 0; } }
@keyframes wave4 { 0% { transform: translate(0.5%,0%); opacity: 1; } 50% { transform: translate(0%,0%); opacity: 0; } 100% { transform: translate(0.5%,0%); opacity: 1; } }

/* loading */
body > .loading { height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0; background-color: #FFF; z-index: 8; transition-delay: 0s; transition-duration: 0s; }
body.loaded > .loading { opacity: 0; visibility: hidden; transition-delay: 0.5s; transition-duration: 0.5s; }
.nojs body > .loading { display: none; }
body > .loading span { position: absolute; top: 50%; left: 50%; margin-left: -33px; margin-top: -40px; display: block; height: 80px; width: 66px; padding: 0; color: #004F60; text-align: center; }

/* footer */
#footer { color: #463b33; background-color: #ddc98f; background-image: url(../img/menubg_2.png); background-repeat: repeat-x; box-shadow: 0px 6px 6px 6px rgba(0,0,0,.7); width: 100%; height: 90px; position: fixed; z-index: 10; bottom: 0; }
#footer p { width: 270px; padding: 10px; margin: 0; height: 90px; font-size: 0.85em; }
#footer .copy { float: left; }
#footer div.social { float: right; width: 20%; border-left: 1px solid #c6b580; padding: 10px; margin: 0; height: 90px; font-size: 0.85em;}
#footer nav { margin: 0 0 0 270px; }
#footer .social a , #footer .social a span { display: block; overflow: hidden; width: 25px; height: 25px; margin: 0 10px 10px 0; float: left; background: transparent top; position: relative; }
#footer .social a span { position: absolute; left: 0; margin: 0; width: 25px; height: 25px; text-indent: -9999px; background-position: bottom; opacity: 0; }
#footer .social a:hover span { opacity: 1; }
#footer .social a.fb , #footer .social a.tw span { background-image: url(../img/fb.png); }
#footer .social a.tw , #footer .social a.tw span { background-image: url(../img/tw.png); }
#footer .social a.yt , #footer .social a.yt span { background-image: url(../img/yt.png); }
#footer .social a.sc , #footer .social a.sc span { background-image: url(../img/sc.png); }
#footer .social #play , #footer .social #play span { background-image: url(../img/play.png); }
#footer .social #pause , #footer .social #pause span { background-image: url(../img/pause.png); }

/* submenu */
#submenu { width: 80%; }
#submenu , #submenu ul { margin: 0; padding: 0; list-style: none; text-align: center;  }
#submenu > li { margin: 0; padding: 0; float: left; width: 25%; position: relative; }
#submenu > li > a { display: block; height: 90px; padding-top: 13px; border-left: 1px solid #c6b580; color: #b11316; font-weight: normal; font-size: 1.3em; font-family: 'Capriola', sans-serif; }
#submenu > li:hover > a , #submenu > li > a.current { background-color: #b11316; color: #fceab8; }

/* --- CSS3 transition --- */
a , #mainmenu > li:hover > ul , a span , #mobileMenu , #content .page { transition: all 0.5s ease; }
a { transition: color 0.5s ease , background-color 0.5s ease; }
#content > div > div > article , #content > .page > figure , #content > .page a.close , .loading , .staticimage { transition: all 1s ease-out; }
.noanimation , a.close * , figure * { transition: none; }

/* tablet landscape */
@media (max-width: 1280px) {
	/* content */
	#content > .page > div.contentdx > article  , #content > .page > div.contentsx > article { width: 80%; }
	#content > .page.text.closed > div.contentdx > article { margin-right: -80%; }
	#content > .page.closedsx > div.contentsx > article { margin-left: -80%; }
}

/* tablet portrait */
@media (max-width: 980px) {
	body { overflow: auto; }
	
	/* header */
	#header { height: 60px; }
	#header .logo { width: 100%; height: 60px; padding-right: 60px; }
	#header .logo img { height: auto; max-height: 100%; max-width: 100%; }
	#header nav { position: absolute; top: 0; right: 0; }
	#header nav ul { display: none; }
	#header > nav > a { display: block; float: right; width: 61px; height: 60px; border-left: 1px solid #4d8490; position: relative; cursor: pointer; }
	#header > nav > a span { display: block; background-color: #FFF; width: 30px; height: 5px; position: absolute; top: 17px; left: 15px; }
	#header > nav > a span.l2 { top: 27px; }
	#header > nav > a span.l3 { top: 37px; }
	.mouseDevice #header > nav > a:hover span.l1 , .mouseDevice #header > nav > a:hover span.l3 { top: 27px; transform: rotateZ(90deg); }
	.openMenu #header > nav > a:hover span.l1 , .openMenu #header > nav > a:hover span.l3 , .touchDevice .openMenu #header > nav > a span.l1 , .touchDevice .openMenu #header > nav > a span.l3 { top: 27px; transform: rotateZ(45deg); }
	.openMenu #header > nav > a:hover span.l2 , .touchDevice .openMenu #header > nav > a:hover span.l2 { transform: rotateZ(-45deg); }
	
	/* mobileMenu */
	#mobileMenu { display: block; position: absolute; z-index: 9; width: 270px; max-width: 80%; padding: 80px 0 20px 0; background: #004F60 url(../img/mobilemenubg.png); box-shadow: 0 0 10px rgba(0,0,0,.7); margin-left: -290px; }
	.openMenu #mobileMenu { margin-left: 0px; }
	.openMenu #content .page { margin-left: 270px; opacity: 0.2; }
	.openMenu { overflow: hidden; }
	#mobileMenu > ul { border-top: 1px solid #4d8490; }
	#mobileMenu ul { list-style: none; padding: 0; margin: 0; }
	#mobileMenu ul ul { background-color: rgba(0, 0, 0, 0.2); display: none; }
	#mobileMenu li { position: relative; }
	#mobileMenu a { padding: 10px; display: block; color: #FFF; text-decoration: none; font-size: 1.2em; font-weight: normal; border-bottom: 1px solid #4d8490; margin-top: -1px; }
	#mobileMenu a.trigger { border: none; position: absolute; right: 0; top: 0; cursor: pointer; }
	
	/* content */
	#content { height: auto; min-height: 100%; padding: 60px 0 70px 0; overflow: visible; }
	#content > .page { height: auto; overflow: visible; }
	#content > .page > figure , #content > .page > .staticimage { height: auto; position: relative; overflow: hidden; }
	#content > .page.text > figure , #content > .page.textsx > figure { padding: 0; height: auto; }
	#content > .page.text > div , #content > .page.textsx > div { height: auto; padding: 0; width: 100%; position: relative; }
	#content > .page.text > div > article , #content > .page.textsx > div > article { height: auto; width: 100%; float: none; overflow: hidden; padding: 20px; background-color: transparent; box-shadow: 0 0 0 0 rgba(0,0,0,0.0); }
	#content > .page.text > div > article a.close , #content > .page.textsx > div > article a.close { display: none; }
	#content > .page.text > figure ul.scene , #content > .page.textsx > figure ul.scene { height: auto; }
	#content > .page > figure ul.scene li.layer img { max-width: 110%; }

	/* footer */
	#footer { height: 70px; position: relative; overflow: hidden; margin-top: -70px; }
	#footer p.copy { width: auto; height: 70px; float: none; margin-right: 116px; }
	#footer div.social { width: auto; height: 70px; border-left: 1px solid #c6b580; padding-right: 0; }
	#footer nav { position: absolute; right: 0; top: 0; margin: 0; width: 116px; }
	#footer nav ul { display: none; }
}

/* VARIE */
.clear {
	clear:both;	
}
hr {
	height:1px;
	border:none;
	border-top:1px dotted #9a9a9a;
}
.discolist {
	border-bottom:1px dotted 	#9a9a9a;
	padding:10px 0px;
	font-size:0.9em;
}
.c1 {
	background-color:#F1FCFD;
}
.discolistimg {
	background-color:#FFF;
	float:left;
	margin-right:10px;
	border: 1px solid #9a9a9a;
	padding:2px;
}
.discolistimg img {
	float:left;
}
.discolist h3 {
	font-weight:normal;
	margin:0px;	
	color:#10808B;
	font-size:1.4em;
}
.yearHd {
	background-color:#10808B;
	color:#FFF;
	margin:0px;
	font-weight:normal;
	padding:3px 10px;
}
.discoDetail {
	width: 50%;
	height:50%;	
}
.filelist {
	
}
.filelist h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 16px;
	background-color:#10808B;
	color:#FFF;
	padding:5px;
}
.filelist img {
	vertical-align:middle;
}
.discoDetail {
	width:100%;
}
.discoDetail .cover {
	float:left;
	border:1px solid #000;
	padding:2px;
}
.discoInfo {
	margin-left: 170px;
}
.discoInfo h1 {
	font-weight:normal;
	font-size: 20px;
}
.mp3list table {
	width:100%;
}
.mp3list table td {
	width:50%;
	padding:5px;	
}
.mp3list table th {
	background-color:#10808B;
	color:#FFF;
	padding:5px;	
}
.galTh {
	border:1px solid #000;
	padding:2px;
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
}
.galTh img {
	float:left;
}
.presslink {
	display:block;
	float:left;
	height:40px;
	width:40px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:top;
	margin-top:5px;
}
.presslink:hover {
	background-position:bottom;
}
.presslink img {
	display:none;
}
.textpress {
	background-image:url(../img/textpress.gif);
}
.pdfpress {
	background-image:url(../img/pdfpress.gif);
}
.linkpress {
	background-image:url(../img/linkpress.gif);
}
.newslist {
	border-bottom:1px dotted #000;
	padding:5px;
}
.nc1 {
	background-color:#EDE7D4;
}
.newslist h3 {
	font-weight:normal;
	color:#463b34;
	margin:0px;
}
.tourtb {
	width:100%;
	font-size:0.9em;
}
.tourtb tr {
	border-bottom:1px dotted #000;
}
.tourtb td {
	vertical-align:top;
	width:90%;
	padding:5px;
}
td.tourdate {
	width:10%;
}
td.tourinfo {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.tourtb strong {
	color:#463b34;
}
.diario h2 {
	color:#463b34;
	font-weight:normal;
}

/* Page Nav */
div.pageNav { margin-top: 10px; }
div.pageNav p { float: left; margin-right: 10px; }
div.pageNav div { font-weight: bold; color: #d3cfb4; float: left; margin-right: 5px; margin-bottom: 5px; padding: 3px 5px 3px 5px; background-color: #37342b; border: 1px solid #37342b; text-align: center; }
div.pageNav a { display: block; float: left; margin-right: 5px; margin-bottom: 5px; padding: 3px 5px 3px 5px; background-color: #c6c09d; border: 1px solid #37342b; text-align: center; }
div.pageNav a:hover { color: #37342b; background-color: #8c836f; text-decoration: none; }