/*

CSS relativo a:
eventi-e-corsi.html -> Eventi e corsi
eventi-e-corsi-dettaglio.html -> Eventi e corsi - Dettaglio evento/corso      

*/	

 /* ==========================================================================
   EVENTI E CORSI MAIN VISUAL INIZIO
   ========================================================================== */
   
   
   .mainVisual 
   {
	   width:100%;
	   position:relative;
	   
   }
   
   .mainVisualTxt
   {

	   position:absolute;
	   left:0;
	   top:0;
	   padding:50px 35% 0 6%;
	   box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
   }
	
	.mainVisualTxt h2.titMain
	{
		font-size:30px;
		font-family: "ralewaybold",arial;
		/* color:#FFF; */
		color:#d3ff40;
		margin:0;
		padding:0 0 15px;
		font-weight: normal;
		text-shadow: none;
		text-transform: uppercase;
		
	}
	
	.mainVisualTxt h2.titMainGreen
	{
		display:none;
		font-size:30px;
		font-family: "ralewaybold",arial;
		color:#d3ff40;
		margin:0;
		padding:0;
		font-weight: normal;
		text-shadow: none;
		text-transform: uppercase;
	}
	
	.mainVisualTxt h3
	{
		font-size:12px;
		font-family: "ralewaybold",arial;
		color:#FFF;
		margin:0;
		padding:0;
		font-weight: normal;
		text-shadow: none;
		text-transform: uppercase;
		margin:-10px 0 10px 0;
	}
	
	.mainVisualTxt p
	{
		margin:0;
		padding:0;
		font-weight:normal;
		font-family: "ralewaymedium",arial;
		font-size:16px;
		text-shadow: none;
		color:#FFF;
		line-height: 24px;
	}
	
	.mcImgMob
	{
		display:none !important;
		width:100%;
	}
	.mcImgNoMob
	{
		display:block !important;
		width:100%;
	}


	@media (max-width: 767px)  {

			.mcImgMob
			{
				display:block !important;
				
			}

			.mcImgNoMob
			{
				display:none !important;
			}

	}
	
	@media (max-width: 479px) 
	{
		
				.mainVisual 
				{
					margin-top:15px;
				}
				
				.mainVisualTxt
				{
				
					/*padding:20px 15px;*/
					padding: 10px 25px 0 25px;
					
					
				}
				
				.mainVisualTxt h2.titMain
				{
					font-size:16px;
					text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
				}
				
				.mainVisualTxt h2.titMainGreen
				{
					font-size:16px;
					text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
				}
				
				.mainVisualTxt h3
				{
					font-size:10px;
					margin:-10px 0 10px 0;
				}
				
				.mainVisualTxt p
				{
					font-size:14px;
					line-height: 18px;
					text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
				}

	}


	@media (min-width:480px) and (max-width: 991px) 
	{
		
				.mainVisual 
				{
					margin-top:15px;
				}
				
				.mainVisualTxt
				{

					padding:40px 25% 0 8%;
				}
				
				.mainVisualTxt h2.titMain
				{
					font-size:24px;
					text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
				}
				
				.mainVisualTxt h2.titMainGreen
				{
					font-size:24px;
					text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
				}
				
				.mainVisualTxt h3
				{
					/*font-size:12px;*/
					margin:-10px 0 10px 0;
				}
				
				.mainVisualTxt p
				{
					font-size:13px;
					line-height: 18px;
					text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
				}

	}
	
   /* ==========================================================================
   EVENTI E CORSI MAIN VISUAL FINE
   ========================================================================== */
   
   /* ==========================================================================
   EVENTI E CORSI INIZIO
   ========================================================================== */
	.eventiCorsi .checkbox.ico-eventi{height:38px;padding-left:40px;padding-top:9px;margin-right:50px;margin-left:0;color:#666}
	.eventiCorsi .checkbox.ico-eventi:hover{/*color:#8ab10b*/color:#000000}
	.eventiCorsi .checkbox.ico-mic{background: #fff url("/wbresp/img/eventi-e-corsi/ico-mic.png") left top no-repeat}
	.eventiCorsi .checkbox.ico-eventi.ico-pc {background: #fff url("/wbresp/img/eventi-e-corsi/ico-pc.png") left top no-repeat}
	.eventiCorsi .checkbox.ico-folder{background: #fff url("/wbresp/img/eventi-e-corsi/ico-folder.png") left top no-repeat}
	.eventiCorsi .checkbox.ico-mic:hover, .eventiCorsi .checkbox.ico-mic:active{background: #fff url("/wbresp/img/eventi-e-corsi/ico-mic_active.png") left top no-repeat}
	.eventiCorsi .checkbox.ico-pc:hover, .eventiCorsi .checkbox.ico-pc:active{background: #fff url("/wbresp/img/eventi-e-corsi/ico-pc_active.png") left top no-repeat}
	.eventiCorsi .checkbox.ico-folder:hover, .eventiCorsi .checkbox.ico-folder:active{background: #fff url("/wbresp/img/eventi-e-corsi/ico-folder_active.png") left top no-repeat}
	.eventiCorsi .checkbox.ico-mic-off{background: #fff url("/wbresp/img/eventi-e-corsi/ico-mic_off.png") left top no-repeat;cursor:default;/*color:#8ab10b*/color:#000000}
	.eventiCorsi .checkbox.ico-eventi.ico-pc-off {background: #fff url("/wbresp/img/eventi-e-corsi/ico-pc_off.png") left top no-repeat;cursor:default;/*color:#8ab10b*/color:#000000}
	.eventiCorsi .checkbox.ico-folder-off{background: #fff url("/wbresp/img/eventi-e-corsi/ico-folder_off.png") left top no-repeat;cursor:default;/*color:#8ab10b*/color:#000000}
	.eventiCorsi .tutti{width:158px;height:34px;display:block;margin:0 0 25px 0}
	.eventiCorsi .tutti-off{background: #fff url("/wbresp/img/eventi-e-corsi/ico-tutti_off.png") left top no-repeat}
	.eventiCorsi .tutti-on{background: #fff url("/wbresp/img/eventi-e-corsi/ico-tutti.png") left top no-repeat}
	.eventiCorsi .tutti-on:hover,.eventiCorsi .tutti-on:active{background: #fff url("/wbresp/img/eventi-e-corsi/ico-tutti_active.png") left top no-repeat}
	
	.eventiCorsi .checkbox.ico-mic:hover, .eventiCorsi .checkbox.ico-mic:active{background: #fff url("/wbresp/img/eventi-e-corsi/ico-mic_active.png") left top no-repeat}
	.eventiCorsi .tutti strong, .eventiCorsi .tutti-off strong{display:none}
  
   .eventiCorsi .title-content,
   .eventiCorsi .footer-content
   {
	   display:block;
	   width:100%;
	   min-height: 40px;
   }
   
   .eventiCorsi .location-info
   {
	   display:block;
	   margin:7px 0 0 40px;
	   float:left;
	   font-size:15px;
	   font-family:"ralewaybold",arial,sans-serif;
	   color:#666;
   }
   
   .eventiCorsi .date-info
   {
	   display:block;
	   margin:2px 0 0 40px;
	   float:left;
	   font-size:20px;
	   font-family:"ralewaymedium",arial,sans-serif;
	   color:#666;
   }
   
   .eventiCorsi  hr
   {
	   	margin:25px 0;
		padding:0;
		height: 1px;
		background: #999;
   }
   
   .eventiCorsi .col-sm-6
   {
	   margin-top:50px;
	   padding-bottom:10px;
   }
   
   .eventiCorsi .title-content img
   {
	   float:left;
	   margin-right:10px;
   }
   
   .eventiCorsi .title-content .round-gray
   {
	   float:left;
		color: #a6cc28; 
		font-size: 14px; font-weight:normal; display:block; 
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px; 
		border-radius: 17px; 
		height: 34px; 
		line-height:35px; 
		font-weight:normal;
		padding: 0 17px 0 17px; 
		font-family:"ralewaysemibold",arial,sans-serif;  margin: 0 auto 0 auto; 
		background:#f5f5f5;
		text-align: left;
	}
  
  
   
   .eventiCorsi .title-content .date-location
   {
		float:right;
		font-size: 14px;
		color:#666;   
		text-align: right;
   }   

   .eventiCorsi .basic-content
   {
	   margin: 30px 0 30px 0;
	   height:270px;
   }  
   
   .eventiCorsi .basic-content.detail-content
   {
	   margin: 30px 0 30px 0;
	   height:auto;
   }   
   
	.eventiCorsi .basic-content.detail-content p
	{
		
		color:#666666;
		font-size:16px;
		font-family:"ralewaymedium",arial,sans-serif; 
	}
   
   .eventiCorsi .basic-content.detail-content p.white-row-tit .ora-step,
   .eventiCorsi .basic-content.detail-content p.green-row-tit .ora-step
   {
	   width:100px;
	   display: inline-block;
	   font-weight: normal;
	}
	


	.eventiCorsi .basic-content.detail-content p.white-row-tit
   {
	    background: #FFF;
		color:#666666;
		font-size:16px;
		font-family:"ralewaymedium",arial,sans-serif; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0;
		padding: 20px 20px 20px 20px;
   } 
   
	.eventiCorsi .basic-content.detail-content p.white-row
   {
	    background: #FFF;
		color:#666666;
		font-size:14px;
		font-family:"ralewaymedium",arial,sans-serif; 
		line-height: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0px 20px 20px 130px;
		margin:0;
   }
  
	.eventiCorsi .basic-content.detail-content p.green-row-tit
   {
	    background: #f6fae9;
		color:#666666;
		font-size:16px;
		font-family:"ralewaymedium",arial,sans-serif; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0;
		padding: 20px 20px 20px 20px;
   } 
   
	.eventiCorsi .basic-content.detail-content p.green-row
   {
	    background: #f6fae9;
		color:#666666;
		font-size:14px;
		font-family:"ralewaymedium",arial,sans-serif;
		line-height: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0px 20px 20px 130px;
		margin:0;
   } 
   
	@media  (max-width: 767px) {
		
		.eventiCorsi .basic-content.detail-content p.white-row-tit .ora-step,
		.eventiCorsi .basic-content.detail-content p.green-row-tit .ora-step
		{
			width:100%;
			display: block;
		}
				
		.eventiCorsi .basic-content.detail-content p.white-row,
		.eventiCorsi .basic-content.detail-content p.green-row
		{

				padding: 0px 20px 20px 20px;
		} 
		
	}
	
	.eventiCorsi .basic-content.detail-content hr
	{
		
		margin:0;
		padding:0;
		height: 1px;
		background: #e9e9e9;
		margin: 30px 0 30px 0;
	}
	
	.eventiCorsi .basic-content.detail-content p.programma-tit
	{
		font-size:20px;
		color:#cbcbcb;
		font-family:"ralewaybold",arial,sans-serif;
		text-transform: uppercase;
		margin-bottom:24px;
		
	}
	
	.form-section-title
	{
		color:#666666;
		font-size:16px;
		font-family:"ralewaybold",arial,sans-serif;
	}
	
	.modal-body.contatti div.row,
	.modal-body.contatti div.spacer
	{
		padding: 0 15px 0 15px;
	}
	
	
	
	.padding-h-10
	{
		padding-left:10px;
		padding-right:10px;
	}
	
	.light-thankyou-block
	{
		background:#FFF;
		padding: 15px;
		margin-bottom:30px;
		text-align:center;		
	}
	
	
	.light-thankyou-block h2
	{
		width:100%;
		font-size:32px;
		color:#333333;
		font-family:"ralewaybold",arial,sans-serif;
		display:block;
		clear:both;
		text-transform: uppercase;
		padding:30px 0 10px 0;
	}
	.light-thankyou-block a.btn-whlit-print
	{
		margin: 30px auto;
		padding: 0 50px;
	}
	
	
	.light-green-block
	{
		background:#f6fae9;
		padding: 15px;
		margin-bottom:30px;
	}
	
	.light-green-block h2
	{
		width:100%;
		font-size:23px;
		color:#666;
		font-family:"ralewaybold",arial,sans-serif;
		display:block;
		clear:both;
		padding:30px 0 10px 0;
	}
	
   .light-green-block .location-info
   {
	   display:block;
	   margin:13px 0 0 40px;
	   float:right;
	   font-size:10px;
	   font-family:"ralewaybold",arial,sans-serif;
	   color:#666;
   }
   
   .light-green-block .date-info
   {
	   display:block;
	   margin:8px 0 0 40px;
	   float:right;
	   font-size:14px;
	   font-family:"ralewaymedium",arial,sans-serif;
	   color:#666;
   }
   

   .light-green-block img
   {
	   float:left;
	   margin-right:15px;
   }	
   
	@media (min-width:479px) 
	{
		


	}   
	   	
   .title-content .round-white
   {
	   float:left;
		color: #a6cc28; 
		font-size: 14px; font-weight:normal; display:block; 
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px; 
		border-radius: 17px; 
		height: 34px; 
		line-height:35px; 
		font-weight:normal;
		padding: 0 17px 0 17px; 
		font-family:"ralewaysemibold",arial,sans-serif;  margin: 0 auto 0 auto; 
		background:#FFF;
		text-align: left;
	}
	
	/* Portrait phones and smaller */
	@media (min-width:1024px) 
	{
		
			.modal-body.contatti div.row,
			.modal-body.contatti div.spacer
			{
				padding: 0 10px 0 10px;
			}

			.eventiCorsi.dettaglio .basic-content h4, .eventiCorsi.dettaglio .basic-content h1.seo {
				font-size: 43px;
			}
			.eventiCorsi.dettaglio 
				{
				
					padding-top: 15px;
				
            }

	}
    
    @media (max-width:1199px) 
	{
		
		
            .eventiCorsi.dettaglio 
            {
            
                padding-top: 15px;
            
            }


	}
	
	.eventiCorsi .basic-content.detail-content .footer-detail-content-subscribe
	{
		display:block;
		width:100%;
		float:left;
		
	}


	.eventiCorsi .pre-footer-detail-content
	{
		
		display:inline-block;
		width:100%;
		
		
	}	
	
	.eventiCorsi .pre-footer-detail-content  .pre-footer-print
	{
		display:block;
		max-width:49%;
		float:left;
	}
	
	.eventiCorsi .pre-footer-detail-content .pre-footer-share
	{
		float:right;
		max-width:49%;
		display:block;
	}
	
	.eventiCorsi .footer-detail-content-subscribe
	{
		text-align: center;
		display:block;
		width:100%;
	}
	
	.eventiCorsi .footer-detail-content-subscribe .btn-whlit
	{
		margin: 20px auto 0 auto;
	}
	

	
	/* Portrait phones and smaller */
	@media (min-width:478px) and (max-width: 767px) 
	{
		
			.eventiCorsi .basic-content
			{
				margin: 30px 0 30px 0;
				height:270px;
			}  

	}
   
   .eventiCorsi .basic-content h4, .eventiCorsi .basic-content h1.seo
   {
	   font-family:"ralewaybold",arial,sans-serif; 
	   color:#333333;
	   font-size:25px;
   }
   .eventiCorsi .basic-content h5
   {
	   font-family:"ralewaymedium",arial,sans-serif; 
	   color:#666666;
	   font-size:14px;
	   margin-bottom:20px;
   }


   .eventiCorsi .title-content .target-info
   {
		float:right;
		font-size: 14px;
		color:#999;   
		text-align: left;
		margin-left:40px;
		margin-top:8px;
   }
   
   .eventiCorsi .footer-content .target-info
   {
		float:left;
		font-size: 14px;
		color:#999;   
		text-align: left;
   }
   

   
   .eventiCorsi .footer-content .target-info span
   {
		color:#666;   
   }
   
   .eventiCorsi .footer-content  a.btn-whlit {
		
		margin: -5px 0;
		width:190px;
	}
	
	.eventiCorsi .footer-content  a.btn-whlit-arrow 
	{
		background-position: 145px center;
		padding-right:30px;
	}

	/* Portrait phones and smaller */
	@media (max-width: 479px) 
	{
		
	.eventiCorsi .footer-content  a.btn-whlit {

			width:170px;
		}
		
		.eventiCorsi .footer-content  a.btn-whlit-arrow 
		{
			background: #fff url("/wbresp/img/arrow-btn-white-l.png") 140px center no-repeat;
			padding-right:30px;
		}

	}
	.eventiCorsi .footer-content
	{

		margin-bottom: 10px;
	}
	
	.eventiCorsi .search-panel
	{
		margin-top:50px;
		padding-bottom:40px;
		border-bottom:1px solid #CCC;
	}
   
    .eventiCorsi .search-panel .labelSelect
	{
		font-family:"ralewaymedium",arial,sans-serif;
		font-weight: normal;
		margin-top:20px; 
		color:#999999;
		font-size:16px;
	}
	
	.eventiCorsi .search-panel .btn-info {
		background:#FFF !important;
		box-shadow: none;
		text-shadow:none;
		color:#999;
		border-color: #CCC;
		border-left:none;
	}
    

   
   /* ==========================================================================
   EVENTI E CORSI FINE
   ========================================================================== */
   
   /* ==========================================================================
   EVENTI E CORSI PAGINATION INIZIO
   ========================================================================== */
   
   .pagination-area div
   {
	   text-align:center;
	   margin-bottom:40px;
   }
   
   .pagination-area table
   {
	   margin:0 auto;
	   max-width:290px;
	   display:block;
   }
   
   a.pagination-number
   {background: #fff; color: #333; text-transform:uppercase; font-size: 25px; font-weight:normal; font-family: "ralewaybold", arial;
	display:block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; width: 50px;
	height: 50px; line-height:50px; font-size: 16px; padding: 0 0 0 0; line-height:46px; margin:0;text-shadow: none;border:2px solid #8ab10b;
	text-align: center;float:left; margin: 0 5px 0 5px;
	}

	a.pagination-number:hover {text-decoration: none; color: #8ab10b;}
	a.pagination-number.active {text-decoration: none; color: #FFF; background:#666666;border:2px solid #666666;}

   .margBotBan, .margBotBanSx {margin-top:40px}
   
   /* ==========================================================================
   EVENTI E CORSI PAGINATION FINE
   ========================================================================== */

.eventi-e-corsi .heroimg {width:100%; margin-bottom: 20px;}
.eventi-e-corsi .row_bg {background: transparent url("/wbresp/img/contatti/dialoga_bg.png") 0 0 no-repeat;}
.eventi-e-corsi .basic-content b {font-family:"ralewaysemibold",arial,sans-serif; font-weight:bold;}


@media (max-width: 767px) {
	



  .eventiCorsi .location-info {clear:both; float:none; margin-left:0 !important;}
  .eventiCorsi .date-info {clear:both; float:none; padding-bottom:10px; margin-left:0 !important;}
  .eventiCorsi .title-content .target-info {clear:both; float:none !important; margin-left:0 !important;}



}

@media (max-width: 479px) {

	
    .eventiCorsi .basic-content {min-height:auto;}

    .eventiCorsi .basic-content {height:auto !important;}
    .eventiCorsi .pre-footer-detail-content .pre-footer-print {float: none !important; clear:both  !important;}
    .eventiCorsi .pre-footer-detail-content .pre-footer-share {float: none  !important; clear:both !important; max-width:90% !important; margin-bottom: 20px;}



  	.mainVisualTxt p {font-size:13px !important; margin-top:0px !important;}


}

.eventi-e-corsi ul{margin-bottom:0;font-size:16px}

.even-off {padding-right:50px;text-decoration: none;text-align:left;white-space:nowrap;color:#666;text-transform:uppercase;font-weight:normal;font-family:"ralewaybold", arial;
display:inline-block;height:50px;font-size:16px;padding: 4px 40px 0 20px;line-height:48px;margin:20px 10px 0 0;text-shadow: none}
.even-completo {background: url("/wbresp/img/eventi-e-corsi/ico-even_completo.png") right center no-repeat}
.even-privato {background: url("/wbresp/img/eventi-e-corsi/ico-even_privato.png") right center no-repeat}