@charset "UTF-8";
/*html, body {
	background:url(../images/backPageInternal.gif) repeat-x;
}*/
.bodyCustom .header {
	/*height:179px;*/
}
.bodyCustom .btnPage{
	position:absolute;
	right:0;
	margin:0;
	top:16px;
	height:auto;
	width:auto;
	color:#99c62d;
	text-align:right;
	padding:10px 20px 10px 20px;
	background:#FFF url(../images/backButton.gif) repeat-x;
	z-index:10;
	border:1px solid #999;
	border-right:none;
	-moz-border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
	border-radius:8px 0 0 8px;
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
}

.bodyCustom .btnPage a{
	color:#99c62d;
}
.bodyCustom .mainContent{
	padding:0;
}
section.mainContent img {
		margin:0;
}
.bodyCustom .mainContent .internalContent{
	margin-top:-50px;
	overflow:hidden;
	width:100%;
}
.bodyCustom .mainContent .pageInternal{
	/*min-height:520px;*/
	display:inline-block;
	width:64%;
	margin:0 auto;
	padding:30px 0 20px 0;
	text-align:left;
}
.bodyCustom .mainContent .pageInternalFull{
	margin:0 auto;
	padding:10px 20px 0 20px;
	text-align:left;
}
	
	.mainContent .leftSection{
		position:relative;
		float:left;
		left:0;
		width:73%;
		/*font-size:1.1em;*/
	}
	
	.mainContent .rightSection{
		position:relative;
		float:right;
		right:0;
		width:27%;
		min-height:460px;
	}
	.rightSection h2{
		font-size:1.2em;
		font-family: 'bearerfondregular';
		margin:20px 20px 0 0;
		text-align:center;
	}
	.rightSection .dashboard{
		position:absolute;
		width:100%;
		color:#2b5879;
		
	}
	.dashboard img{
		width:100%;
		display:block;
	}
	.dashboard hgroup{
		position:absolute;
		top:30px;
		left:20px;
	}
	.dashboard hgroup h2{
		font-family: 'pt_sans_narrowbold';
		color:#2b5879;
		margin:0;
	}
	.dashboard hgroup h3 {
		color:#2b5879;
	}
	.dashboard a{
		color:#2b5879;
	}
	.dashboard .requests{
		width:80%;
		height:210px;
		position:absolute;
		left:20px;
		top:90px;
		overflow:auto; 
	}
	.requests ul, .requests ul li{
		list-style:none;	
	}
	.requests ul li:nth-of-type(even){
		text-align:center;	
	}
	.leftSection .cap4{
		position:absolute;
		top:11em;
		left:4em;
		width:auto;
		height:auto;
		z-index:4;
		
	}
	.leftSection .cap5{
		position:absolute;
		top:10em;
		right:5.5em;
		width:auto;
		height:auto;
		z-index:4;
		
	}
	.leftSection .cap6{
		position:absolute;
		bottom:3em;
		left:12em;
		width:auto;
		height:auto;
		z-index:4;
		
	}
	.leftSection .cap7{
		position:absolute;
		top:10em;
		left:22em;
		width:auto;
		height:auto;
		font-size:.8em;
		z-index:4;
	}
	.leftSection .cap8{
		position:absolute;
		bottom:12em;
		left:18em;
		width:auto;
		height:auto;
		font-size:.8em;
		z-index:4;
	}
	.cap9{
		position:absolute;
		top:4em;
		left:23em;
		width:auto;
		height:auto;
		font-family: 'bearerfondregular';
		font-size:1.1em;
		color:#687274;
		z-index:4;
	}
	.cap10{
		position:absolute;
		top:6.5em;
		left:25.4em;
		width:auto;
		height:auto;
		font-size:1em;
		color:#f5870c;
		z-index:4;
	}
	.cap11{
		position:absolute;
		top:11em;
		left:23em;
		width:auto;
		height:auto;
		font-family: 'bearerfondregular';
		font-size:1.1em;
		color:#687274;
		z-index:4;
	}
	.cap12{
		position:absolute;
		top:14em;
		left:25.4em;
		width:auto;
		height:auto;
		font-size:1em;
		color:#89ae2b;
		z-index:4;
	}
	.pageInternal .fieldsetInternal{
		position:relative;
		padding:0 15px 0 15px;
		padding:0;
		width:46%;
	}
	.pageInternal .left{
		float:left;
	}
	.pageInternal .right{
		float:right;
	}
	.pageInternal .butterfly{
		position:absolute;
		left:475px;
		width:107px;
		height:130px;
		background:url(/Layout/contact/ContattiFarfalla.png) left top no-repeat;
	}
	.fieldsetInternal .btn{
		text-align:center;
		position:relative;
		float:left;
	}
	.fieldsetInternal .btn .left {
		float:left;
	}
	.fieldsetInternal .btn .right {
		float:left;
	}
	.fieldsetInternal .btn .middle {
		min-width:80px;
	}
	.fieldsetInternal legend{
		font-family: 'bearerfondregular';
		color:#fa8c17;
		font-size:2em;
		padding:.4em 0 .3em 0;
	}
	.fieldsetInternal p{
		margin:10px 0 10px 0;
		display:inline-block;
		text-align:left;
		width:100%;
		float:left;
	}
	.fieldsetInternal label{
		display:block;
		margin:0 0 1em 0;
		font-size:.9em;
		color:#888;
		text-align:left;
	}
	.fieldsetInternal .input {
		position:relative;
		padding:.2em;
		margin:0;
		border:1px solid #666;
		color:#444;
		width:230px;
		font-size:1em;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	.fieldsetInternal .textbox {
		padding:.2em;
		margin:0;
		border:1px solid #666;
		color:#444;
		width:340px;
		height:72px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
	}
	/*.internalContent*/ .internalNav {
		/*padding:0;
		overflow: hidden;*/
		/*border-left:1px solid #EAEAEA;*/
		/*height:110px;*/
		
	}
	.internalContent .pageCorner{
		float:right;
		position:relative;
		background:url(../images/about/pageCorner.png) right top no-repeat;
		width:164px;
		height:120px;
		z-index:9;
	}
	.internalNav ul li{
		display:block;
		float:left;
		padding:0 20px 0 0;
	}
	/*.btn .middle {
		min-width:120px;
		font-size:1em;
	}*/
	.content{
		position:relative;
		padding:0 0 20px 0;
		/*width:1199px;*/
		text-align:left;
		line-height:1.3em;
		/*border-left:1px solid #EAEAEA;*/
		/*background:url(../images/about/shadowRight.png) right top repeat-y;*/
		z-index:1;
	}
	.content .scrollable{
  		position:relative;
		/*width:1200px;*/
		overflow:hidden;
		margin:0;
		z-index:0;
	}
	.content .tabContainer{
		 width:20000em;
		 clear:both;
		 position:relative;
	}
	.tabContainer .page {
		 
		  /*width:1160px;*/
		  float:left;
		  position:relative;
		  padding:0;
		  margin:0;
	}
	.page h1{
		position:relative;
		padding:20px 0 14px 0;
		z-index:99;	
	}
	.tabContainer .page img{
		margin-top:-30px;
	}
	
	.content h2{
		color:#f49e35;
	}
	.content ul{
		position: relative;
		float:left;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	.content ul li{
		width:276px;
		float: left; 
		cursor:default;
		list-style:none;
		margin:0 10px 0 10px;
	}
	.content ul li p{
		text-align:left;
	}
	.content ul li img{
		width:70%;
		display:block;
		/*padding-left:40px;*/
	}
	.mainContent .column{
		display:inline-block;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		width:284px;
		float:left;
		padding-right:10px;
	}
	/*.mainContent .column:nth-child(odd){
		float:left;
		padding-right:10px;
	}
	.mainContent .column:nth-child(even){
		float:left;
		padding-left:10px;
	}*/
	.content .cap1{
		position:absolute;
		top:5.8em;
		left:12em;
		width:auto;
		height:auto;
		z-index:4;
		
	}
	.content .cap2{
		position:absolute;
		top:15.5em;
		left:18.5em;
		width:auto;
		height:auto;
		z-index:4;
		
	}
	.content .cap3{
		position:absolute;
		top:6.5em;
		right:15.5em;
		width:auto;
		height:auto;
		z-index:4;
		
	}
	.content .cap1 p, .cap2 p, .cap3 p{
		text-align:left;
		color:#666;
		font-size:1em;
		line-height:1.2em;
	}
	.btnVisit{
		height:auto;
		width:auto;
		color:#FFF;
		text-align:right;
		margin:10px 2% 0 0;
		z-index:10;
	}
	.btnVisit a{
		color:#FFF;
		font-family: 'pt_sans_narrowbold';	
	}
/*.bodyCustom .subContent{
	height:87px;
	z-index:1;
}*/
.bodyCustom .max{
 	height:157px;
}	
	.box .arrow{
		top:4.5em;
		left:9.4em;	
	}
	.mainContent .pageInternal .formRegister
    {
		position:relative;
        padding:10px 10px;
		margin:0;
        width:100%;
		min-height:300px;
		background:url(/Layout/Fumetto.png) 500px 0 no-repeat;
    }
    
    .pageInternal .formRegister span, .formRegister label, .formRegister p{
        display: block;
		min-width:200px;
        float: left;
        margin-bottom: 15px;
		color: #666;
		text-align:right;
		padding-right: 20px;
    }
	.formRegister p{
		line-height:1.2em;
	}
	.formRegister br{
		clear:both;	
	}
 	.formRegister .input{
		display: block;
		width: 30%;
		float: left;
		border: 1px solid #cdcdcd;
        margin:-5px 0 15px 0;
		padding:5px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-moz-box-shadow: 0 2px 2px #ccc;
		-webkit-box-shadow: 0 2px 2px #ccc;
		box-shadow: 0 2px 2px #ccc;
	}
	.formRegister .checkbox{
		display:inline-block;
		float:left;
		width:auto;
		padding:0;
		margin:2px 0 0 0;
		margin-right:10px;
	}
	.formRegister textarea{
		display: block;
		width: 74%;
		float: left;
		border: 1px solid #cdcdcd;
        margin-bottom: 10px;
		padding:5px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-moz-box-shadow: 0 2px 2px #ccc;
		-webkit-box-shadow: 0 2px 2px #ccc;
		box-shadow: 0 2px 2px #ccc;
	}
	/*.subContent .box .btn .left {
	}
	.subContent .box .btn .right {
	}
	.subContent .box .btn .middle {
		min-width:80px;	
		font-size:.9em;
		line-height:.9em;
	}*/
	/*.subContent .box .btn:hover .left, .subContent .box .btn:hover .right, .subContent .box .btn:hover .middle{
			text-decoration: none;
			color:#FFF;
        }*/

hgroup ol{
	font-size:1.4em;
	color:#895925;
}
hgroup h1 span{
	color:#B26F27;	
}
hgroup ol li{
	list-style-image:url(/Layout/back-circle.png);
	padding:8px 0 2px 0;
	list-style-type: circle;
	list-style-position: outside;
}

.register { 
	background: #f8f8f6;
	border: 5px solid #f2f3ef;
	border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 6px #C6C9BC;
    float: left;
    margin: 20px 42px 0 42px;
    padding: 0px 30px 5px 30px;
    width: 19.5%;
    z-index: 1;
    position: relative;
	min-height:220px;
 }
 .register .sticker { 
	position:absolute; 
	line-height:23px; 
	font-size:21px; 
	text-align:center; 
	background:url(/Layout/sticker.png) 0 0 no-repeat; 
	padding:44px 0 0 10px; 
	width:131px; 
	color:white; 
	top:-30px; 
	left:-30px; 
	height:96px; 
	z-index:999;
 }
 .register p{
	  margin:10px 0 10px 0;
	  text-align:left;
	  color:#444; 
  }
 .register ol{
	 margin:20px 0 0 0;
	 
 }
  .register ol.active{
	  color:#444; 
  }
  .register ol.no-active{
	  color:#888; 
  }
  
 .register ol li{
	 position:relative;
	padding:2px 0 2px 0;
	/*list-style-type: circle;
	list-style-position: outside;*/
	list-style:none;

 }
  .register ol li span{
	 position:absolute;
	 right:0;
	 padding-top:3px;
	 width:48px;
	 height:26px;
	 top:0;
	 text-align:right;

 }
  .register ol li span.deactive{
	  
  }
 .register ol li span.active{
	 background: url(/Layout/v.png) 25px center no-repeat ;

 }
  .register ol li span.inactive{
	 background: url(/Layout/v_no.png) 25px center no-repeat ;

 }
  .register ol li span.no-active{
	 background: url(/Layout/v-no.png) 25px center no-repeat ;

 }
  .register ol li span.no-inactive{
	 background: url(/Layout/v-no_no.png) 25px center no-repeat ;

 }
 /*.register ol li span{
	 position:absolute;
	 bottom:1px;
	 right:0;
	 color:white;
	 padding:5px;
	 width:22px;
	 height:24px;

 }
 .register ol li span.active{
	 background: url(/Layout/v.png) center center no-repeat ;

 }
  .register ol li span.no-active{
	 background: url(/Layout/v-no.png) center center no-repeat ;

 }*/
.register h2 { 
    position: relative;  
    width:129.7%;  
    height: 38px; 
    font-family: 'bearerfondregular', sans-serif; 
    font-size: 32px;
    padding: 16px 10px 0 10px;  
    margin-left: -46px;
	margin-top:20px; 
    color: #fff;  
    
      
    box-shadow: 0px 0px 3px #999; 
    text-align: center;
    z-index: 2;
}
.register h3 {
	font-size:1.8em;
	padding:10px;
	text-align:center;
	margin:35px 0 0 -20px;	
}
.register h3.no-active, .register h4.no-active {
	color:#999;
}
.register h4{
	text-align:center;
	margin:0 0 0 -20px;		
}

.register h3 span {
	font-size:1.6em;
}
.register h3 span.active {
	color:#b0d03d;
	text-shadow: 1px 1px 1px #5d6c1d;
}
.register h3 span.no-active {
	color:#999;
	text-shadow: 1px 1px 1px #CCC;
}
.register h2.active{
	background-color: #b0d03d;  
	text-shadow: 1px 1px 0px #7d9d1c;
}
.register h2.no-active{
	background-color: #EAEAEA; 
	color:grey;
	text-shadow: 1px 1px 0px #CCC;
 }

span.left {
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 5px;
	border-style: solid;
	z-index: 1;
}
span.left_active {
	border-color: #5d6c1d #5d6c1d transparent transparent;
}
span.left_no-active {
	border-color: #999 #999 transparent transparent;
}
div.left_folded_back {  
    
    border-style: solid;
    border-width: 25px 15px;
    height: 0;
    left: -45px;
    position: absolute;
    top: 39px;
    width: 10px;
    z-index: 0;  
}
div.left_folded_back_active{
	border-color: #9fbe2e #9fbe2e #9fbe2e transparent;
	box-shadow: 0 2px 0px #C6C9BC;
}
div.left_folded_back_no-active{
	border-color: #CCC #CCC #CCC transparent;
	box-shadow: 0 2px 0px #EAEAEA;
}
span.right {
	position: absolute;
	width: 0;
	height: 0;
	right: 0px;
	top: 100%;
	border-width: 5px 5px;
	border-style: solid;
	z-index: 1;
}
span.right_active {
	border-color: #5d6c1d transparent transparent #5d6c1d;
}
span.right_no-active {
	border-color: #999 transparent transparent #999;
}
div.right_folded_back {  
    
    border-style: solid;
    border-width: 25px 15px;
    height: 0;
    right: -45px;
    position: absolute;
    top: 39px;
    width: 10px;
    z-index: 0;  
}
div.right_folded_back_active{
	border-color: #9fbe2e transparent #9fbe2e #9fbe2e;
	box-shadow: 0 2px 0px #C6C9BC;
}
div.right_folded_back_no-active{
	border-color: #CCC transparent #CCC #CCC;
	box-shadow: 0 2px 0px #EAEAEA;
}

@media only screen and (max-width: 1024px){
	/*- - - - - - - - - - - - - - - - - - -*/
	/*		Desktop Layout: 1024px. 	   */
	/*- - - - - - - - - - - - - - - - - - -*/
	.bodyCustom{
		/*background: url(/Layout/backRightTopSmall.jpg) right top no-repeat;*/
	}
	.wrapper {
		width:940px;
	}
	.bodyCustom .mainContent hgroup h1{
		font-size:1.4em;
	}
	.bodyCustom .mainContent hgroup h2{
		font-size:.9em;
	}
	.bodyCustom .mainContent .pageInternal{
		width:84%;
		
		padding:40px 0 0 0;
	}
	*:first-child+html .bodyCustom .mainContent .pageInternal { 
		padding:0;
	}
	.pageInternal .butterfly{
		left:335px;
	}
	
	.bodyCustom .mainContent .pageInternalFull{
		padding:10px 10px 0 10px;
	}
	.mainContent .column{
		width:220px;
	}
	.mainContent .leftSection{
		width:70%;
	}
	
	.mainContent .rightSection{
	
		width:30%;
		min-height:400px;

	}
	.mainContent .leftSection .title{
		font-size:1.2em;
	}
	.leftSection .cap4{
		top:9em;
		left:2em;
	}
	.leftSection .cap5{
		top:8em;
		right:1em;	
	}
	.leftSection .cap6{
		bottom:2em;
		left:8.5em;
	}
	.leftSection .cap7{
		top:8.2em;
		left:16em;
		font-size:.8em;
	}
	.leftSection .cap8{
		bottom:9.2em;
		left:10em;
		font-size:.8em;
	}
	

	/*.btn .middle {
		min-width:120px;
	}*/
	.content{
		padding:0;
		/*width:959px;*/
	}
	*:first-child+html .content {
		margin-top:-24px; 
	}
	
	.tabContainer .page {
		padding:0;
		width:940px;
		
	}
	.tabContainer .page h2{
		font-size:1.1em;
	}
	/**:first-child+html .tabContainer .page { 
		width:900px;
	}*/
	.content ul li{
		width:200px;
		margin:0 3% 0 3%;
	}
	.content .cap1 p, .cap2 p, .cap3 p{
		font-size:.9em;
		line-height:1.1em;
	}
	.content .cap1{
		top:5em;
		left:9.4em;
	}
	.content .cap2{
		top:12.5em;
		left:14.5em;
	}
	.content .cap3{
		top:5.5em;
		right:10em;
	}
	.content ul li{
		width:220px;
		margin:0 5px 0 5px;
	}
	
	.internalNav ul li{
		padding:0 5% 0 0;
	}
	.mainContent h1{
		font-size:1.9em;
	}
	.mainContent .rightSection{
		min-height:420px;
	}
	.rightSection h2{
		font-size:1em;
	}
	.dashboard hgroup h2{
		font-size:2em;
	}
	.dashboard hgroup h3{
		font-size:1em;
	}
	.dashboard .requests{
		top:80px;
		font-size:.9em;
		height:200px;
	}
	/*.bodyCustom section.subContent{
		height:87px;
	}*/
	
	*:first-child+html .bodyCustom .subContent {
		float:left;
	}
	.subContent .wrapper .title{
		left:0;
        font-size:.85em;
	}
	.box{
		margin-top:5px;
	}
	.box .arrowHome{
		top:1.5em;
			
	}
	.box .arrow{
		top:5em;
		left:9.5em;	
	}
	.box table{
		margin:0 auto;
	}
	.shiftLeft{
		float:none;
	}
	.cap9{

		top:4em;
		left:22em;
		font-size:.9em;
	}
	.cap10{
	
		top:6em;
		left:22em;
		font-size:.9em;
	}
	.cap11{

		top:10.5em;
		left:22em;
		font-size:.9em;
	}
	.cap12{

		top:12.5em;
		left:22em;
		font-size:.9em;
	}

	.page img{
		position:relative;
		margin-left:20px;
		
	}
	hgroup ol{
		font-size:1.2em;
	}
	.register { 
		padding: 15px 15px 30px 15px;
	
	
	 }
	 .register .sticker { 
	position:absolute; 
	line-height:18px; 
	font-size:17px; 
	text-align:center; 
	background:url(/Layout/sticker_small.png) 0 0 no-repeat; 
	padding:34px 0 0 8px; 
	width:102px; 
	color:white; 
	top:-20px; 
	left:-40px; 
	height:75px; 
	z-index:999;
 }
	 .register h2 { 
		width:129.7%;  
		font-size: 32px !important;
		padding: 16px 3px 0 3px;  
		margin-left: -30px;
		
	}
	.bodyCustom .footer{
		background:url(/Layout/footerSmall.jpg) left top no-repeat;
	}
}