/* CSS DAS Finance - edit: tonidigrigio.it - 2013 */

/*import*/
@import url(normalize.css);
@import url(print.css); 

/*font*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield);

/*default*/
html, button, input, select, textarea {color:#000;overflow-x:hidden;}
body {margin:0px;padding:0px;background:#EEE;margin:0px;}
::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/*clearfix*/
.clearfix:before, .clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {color:#961619;text-decoration:none;outline:none;border:none;}
a:hover {text-decoration:underline;}

/*typo*/
body {font-family: 'Open Sans', sans-serif;font-size:12px;line-height:normal;color:#333;}
input, textarea {font-family: 'Oswald', sans-serif;}
h1 {margin:0px 0px 10px 0px;font-weight:300;color:#961619;font-size:26px;}
h2 {margin:0px 0px 10px 0px;font-weight:300;color:#961619;font-size:22px;}
h3 {margin:10px 0px 0px 0px;font-size:16px;font-weight:400;color:#403C39;}
p {margin:0px;font-size:14px;line-height:22px;color:#403c39;font-weight:400;}

/*navigation*/
#siteNav {background:#403c39;height:50px;left:0;margin:0 auto;position:fixed;top:0;width:100%;z-index:90;/*overflow:hidden;*/ display:none;}	
#siteNav ul {width:60%;margin:0px auto;padding:0px;clear:both;list-style:none;}
#siteNav ul li {width:20%;float:left; text-align:center;padding:15px 0px;}
#siteNav ul li a {
	font-size:16px;
	text-transform:uppercase;
	font-weight:400;
	color:#FFF;
	text-decoration:none;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
	opacity:.5;
	filter:alpha(opacity=50);
}
#siteNav ul li a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#siteNav ul li a.current {
	opacity:1;
	filter:alpha(opacity=100);
}

/*footer*/
#footer {background:#403c39;height:55px;left:0;margin:0 auto;overflow:hidden;}	
#footer p {color:#FFF;font-size:13px;font-weight:300;text-align:center;padding-top:13px;}
#footer p strong {font-weight:400;}
#footer a {color:#FFF;}

/*grid*/
.wrapper {width:60%;margin:0px auto;padding:120px 0px 0px 0px;}
.snap, #bio, #cont-2b {position:relative !important;}
.span-1 {width:35%;float:left;}
.span-2 {width:65%;float:left;}
.span-2_5 {width:44%;margin:0px 3%;float:left;}
.span-3 {width:94%;margin:0px auto;}
.wrapper img {width:100%;}

/*homecover*/
#cont-1 {
	width:100%;
	margin:0px;
	padding:0px;
	clear:both;
	max-height:1200px;
	background:url(../img/cover.jpg) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#cont-1 .wrapperCover {width:520px;padding:40px;position:absolute;top:15%;left:50%; margin:0px 0px 0px -280px; background:url(../img/cover-bg.png);}
#cont-1 blockquote {font-family: 'Mrs Saint Delafield', cursive; margin:20px 0px 0px 50px;padding:0px;font-size:70px; line-height:normal;color:#403C39; font-style:normal;}
.coverMenu {margin:0px 0px 0px 60px;padding:0px;list-style:none;}
.coverMenu li {margin-bottom:0px;}
.coverMenu li a {
	text-decoration:none;
	font-size:22px;
	font-weight:300;
	text-transform:uppercase;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	color:#8C847B;
}
.coverMenu li a:hover {color:#403C39;}

/*accademia*/
#cont-2 {background:#e7e4de;width:100%;height:100%;}
#cont-2 ul li {font-size:14px;color:#99121a; font-weight:300;}
#cont-2 p strong {color:#99121a;font-weight:400;margin-top:20px;display:block;}

/*bio*/
#bio, #cont-2b {background:#E7E4DE;}
#bio .wrapper,  #cont-2b .wrapper {padding:70px 0px 200px 0px;}
#bio .span-2 img,  #cont-2b .span-2 img {width:auto;margin:40px 0px 20px 0px;}

/*corsi*/
#cont-3 {background:#45413e;}
#cont-3 .wrapper {padding-bottom:200px;}
#cont-3 h1 {color:#FFF;}
#cont-3 p {color:#fff;}
.listCorsi {width:90%;height:auto;margin:80px auto 0px auto;clear:both;}
.listCorsi hr {border-left:none;border-right:none;border-top:none;border-bottom:1px dashed #666361;margin:0px 20px;}
.accordionButton {
	width:auto;
	clear:both;
	padding:20px;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
	background:url(../img/plus.png) no-repeat top right;
	opacity:.6;
	filter:alpha(opacity=60);
}
.accordionButton.over, .accordionButton.on {
	opacity:1;
	filter:alpha(opacity=100);
}
.accordionButton h1 {margin:0px;color:#cfcac1;font-size:28px;font-weight:300;}
.accordionButton h2 {margin:0px;color:#918982;font-size:20px;font-weight:400;}
.accordionButton span {margin:0px;color:#CCC;font-size:16px;font-weight:300; text-transform:uppercase;}
.accordionContent {padding:0px 20px 20px 20px;}
.accordionContent ul {margin:20px 0px 0px 0px;padding:0px;clear:both;list-style:none;}
.accordionContent ul li {float:left;margin:0px 30px 0px 0px;}
.accordionContent ul li a {text-transform:uppercase;font-size:14px;font-weight:300;color:#8C847B; background:url(../img/sprite.png) no-repeat;padding:0px 0px 0px 30px}
.accordionContent ul li a.info {background-position:0px 0px;}
.accordionContent ul li a.regi {background-position:0px -20px;}

/*iscrizione*/
#cont-4 {background:#e7e4de;width:100%;height:100%;}
#cont-4 .wrapper {padding-bottom:50px;}
#cont-4 h1 {margin-bottom:30px;}
#cont-4 p {font-size:14px;line-height:normal;margin-bottom:20px;}
#cont-4 p span {color:#000;}

/*form*/
#form {margin-bottom:80px;}
#form label {display:block;font-size:16px;color:#666;font-weight:300;}
#form input.txt {width:99.5%;background:#FFF;padding:10px 0px;margin:5px 0px 20px 0px;border:1px solid #CCC;text-indent:10px;font-size:16px;}
#form select {width:100%;margin:5px 0px 30px 0px;font-size:16px;padding:10px 1%;border:1px solid #CCC;} 
textarea {width:99%;padding:3px;min-height:170px;border:1px solid #CCC;background:#FFF;margin:5px 0px 20px 0px;}
.privacy .checkbox {float:left;margin:3px 10px 0px 0px;}
.privacy p {font-size:12px !important;color:#666;line-height:auto;margin:0px;padding:0px;text-align:left;float:left;width:90%;line-height:normal;}
#form .bottone {
	border:none;
	outline:none;
	width:100%;
	margin:0px auto;
	color:#FFF !important;
	font-size:16px;
	line-height:normal;
	font-weight:300;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:20px 0px;
	background:#99141B;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
}
#form .bottone:hover {background:#cd071e;}

/*scrolldown*/
a.scrollDown {
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-25px;
	-webkit-transition:  all 0.3s ease-in-out;
	-moz-transition:  all 0.3s ease-in-out;
	-o-transition:  all 0.3s ease-in-out;
	-ms-transition:  all 0.3s ease-in-out;
	transition:  all 0.3s ease-in-out;
	opacity:.6;
	filter:alpha(opacity=60);
}
a.scrollDown:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

/*apprise*/
.appriseOverlay{position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);display:none; z-index:9999;}
.appriseOuter{background:#FFF;border:1px solid #fff;z-index:99999999;width:400px;min-height:50px;position:fixed;display:none;}
.appriseInner{color:#333;padding:20px;font-size:14px;line-height:20px;font-weight:300;}
.appriseInner strong {font-weight:400; display:block;padding-bottom:10px;}
.appriseInner button{border:1px solid #bbb;color:#666;font-size:12px;font-weight:700;cursor:pointer;margin:0;padding:4px 10px; text-transform:uppercase;}
.appriseInner button:hover{color:#000;}
.aButtons,.aInput{margin:20px 0px 0px 0px;}
.aTextbox{border:1px solid #aaa;-moz-border-radius:4px;width:180px;font-size:12px;font-weight:700;padding:5px 10px;}
.appriseInner h3 {font-size:16px; font-weight:700; color:#333;margin-bottom:5px;}

@media handheld, only screen and (max-width: 1280px) {

	.wrapper {width:85%;}
	.listCorsi {width:100%;margin-left:0px;margin-right:0px;}
	
}

@media handheld, only screen and (max-width: 1024px) {
	
	#cont-1 .wrapperCover {top:10%;}
	a.scrollDown {display:none;}
	#bio .wrapper, #cont-3 .wrapper {padding:70px 0;}
	
}

@media handheld, only screen and (max-width: 767px) {
		
	#cont-1 .wrapperCover {width:100%;padding:0px;margin:0px;top:0px;bottom:0px;left:0px;right:0px;text-align:center;}
	
	#cont-1 .wrapperCover img {width:60%;margin:25% 0px 0px -35px;}
	.coverMenu {display:none;}
	#cont-1 blockquote {font-size:32px;}

	#siteNav ul {width:auto;}
	#siteNav ul li a {font-size:12px;}
	#footer {padding-bottom:20px; height:auto;}
	
	.span-1 {display:none;}
	.span-2, .span-2_5, .span-3 {width:auto;float:none;margin-left:0px;margin-right:0px;padding-left:20px;padding-right:20px;}
	.wrapper {width:99%;margin:0px auto;padding:70px 0px 40px 0px;}
	#bio .wrapper {padding:0px 0px 40px 0px;}
	#bio .span-2 img {margin-top:0px;}
	#cont-3 .wrapper {padding:10px 0px 40px 0px;}	
	#bio .span-2 img {width:80%;}	
	.listCorsi {margin-top:20px;}	
	.accordionButton {background:none;}

}

/*privacy*/
.privacyWrap {width:100%;max-width:800px;padding:0px;margin:0px auto;font-size:12px;}
.privacyWrap h1 {clear:both;margin:0px 0px 20px 0px;color:#333;}
.privacyWrap p {
	column-count:1 !important;
	-webkit-column-count:1 !important;			
	-moz-column-count:1 !important;
	text-align:left;
}
.privacyWrap ul {margin:20px 0px 20px 20px;}
.privacyWrap ul li {
	color:#403c39 !important;
	font-size: 13px;
    font-weight: normal;
    line-height: 22px;
}