/*------------------------------------------------------------------------RESET------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	border: none;
}

body{
	background: #2E2D31;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	line-height:26px;
}

.clear{
	clear: both;
}
/*------------------------------------------------------------------------MAIN------------------------------------------------------------------------*/
div#FasciaTop{
	height: 40px;
	background: url(/Images/BgdFasciaTop.jpg) repeat-x;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
div#Top{
	width: 980px;
	height: 40px;
	margin: 0 auto;
}
	div#Top .Dx{
		float: right;
		width: 500px;
	}

		div#Top .Dx .Language{
			float: right;
			margin-top: 16px;
			width: auto;
			height: 17px;
		}
			div#Top .Dx .Language a{
				float: right;
				padding: 0 10px;
				margin-left: 10px;
				width: auto;
				height: 17px;
				line-height: 17px;
				font-size: 10px;
				color: #cdcdcd;
				background: #6f6f6f;
				text-decoration: none;
			}

				div#Top .Dx .Language a:hover, div#Top .Dx .Language a.sel{
					color: #fff;
					background: #2F7F41;
				}
div.Main{
	width: 980px;
	height: auto;
	margin: 0 auto;
}

div#FasciaHeader{
	height: 80px;
	background: url(/Images/BgdFasciaHeader.png) repeat-x;

}

/* @group My Group */



/* @end */
	div.Main .Header{
		width: 980px;
		height: 79px;
		margin: 0;

	}

	div.Main .Header .Logo{
		float: left;
		width: 314px;
		height: 80px;
	}

	div.Main .Header .Menu{
		float: right;
		/*margin: 45px 0 0 29px;*/
		height: auto;

	}

		.Menu .Top{
			float: right;
			height: 40px;
		}

			.Menu .Top a{
				float: left;
				width: auto;
				height: 40px;
				line-height: 40px;
				margin-right: 30px;
				font-size: 14px;
				color: #333;
				text-decoration: none;
			}

				.Menu .Top a:hover{
					color: #2F7F41;
				}

					.Menu .Top a.sel{
						color: #2F7F41;
					}
				
		div.Main .Header .Menu .Bottom{
			float: right;
			height: 50px;
			margin-right: 30px;
		}

			div.Main .Header .Menu .Bottom a{
				float: left;
				width: auto;
				margin-top: 40px;
				margin-left: 20px;
				font-family: 'Lato', sans-serif;
				font-weight: 400;
				font-size: 15px;
				color: #333;
				text-decoration: none;
			}

				div.Main .Header .Menu .Bottom a:hover, div.Main .Header .Menu .Bottom a.sel{
					color: #2F7F41;
				}
	
	div.Main .slideshow {
		width: 980px;
		height: 330px;
		margin: 0;
		padding: 0;
	}
	
	div.Main .ImmaginiTestata {
		width: 980px;
		height: 196px;
		margin: 0;
		padding: 0;
	}
	
	div.Main .Header .Ombra{
		width: 980px;
		height: 19px;
	}
/*------------------------------------------------------------CONTAINER------------------------------------------------------*/
div#FasciaContainer{
	margin: 0;
	background: url(/Images/bg_container.png) repeat-x top #fff;
	border-top: 1px solid #2F7F41;

	
	}

div.Main .Container{
	margin: 0;
	width: 980px;
}

.Uno{
	width: 300px;
}

.Due{
	width: 640px;
}

.Tre{
	width: 980px;
}

.UnoPrimoPiano{
	padding: 10px;
	width: 274px;
	height: auto;
	background: #2F7F41;
}

.DuePrimoPiano{
	padding: 10px;
	width: 597px;
	height: auto;
	background: #2F7F41;
}

.TrePrimoPiano{
	padding: 10px;
	width: 920px;
	height: auto;
	background: #2F7F41;
}

	div.Main .Container .Box{
		float: left;
		margin: 80px 0 60px 0;
	}

		div.Main .Container .Box h1{
			height: 25px;
			margin-bottom: 10px;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 20px;
			color: #333;
			text-transform: uppercase;
		}

		div.Main .Container .Box img{
			display: block;
			width: 300px;
			height: 165px;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #2F7F41;
			border-top: 1px solid #2F7F41;
		}
		
		div.Main .Container .Box p{
			line-height: 22px;
			font-weight: normal;
			font-size: 13px;
			color: #333;
            min-height: 174px;
            padding: 20px;
            background-color: #f7f7f7;
		}

		div.Main .Container .Box a{
			float: left;
			display: block;
			margin: 0;
			width: auto;
			height: 30px;
			padding:0 10px 0 10px;
			line-height: 28px;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 14px;
			color: #fff;
			background: #333;
			text-decoration: none;
		}

			div.Main .Container .Box a:hover{
				text-decoration: none;
				background: #2F7F41;
				
			}
			
		div.Main .Container .Box#PrimoPiano h1{
			color: #fff;
			border-bottom: 1px solid #B8B7B8;
		}

		div.Main .Container .Box#PrimoPiano p{
			color: #fff;
		}
		div.Main .Container .Box#PrimoPiano a{
			color: #2F7F41;
			background: url(../../../Images/BtnActionPrimoPiano.png) no-repeat;
		}
		
	div.Main .Container .Blank{
		float: left;
		width: 40px;
		height: 1px;
	}
/*------------------------------------------------------------SX------------------------------------------------------*/
	div.Main .Container .Sx{
		float: left;
		margin: 40px 40px 60px 0;
		width: 300px;
		height: auto;
	}
	
		div.Main .Container .Sx h1{
			height: 25px;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 20px;
			color: #333;
			padding-bottom: 20px;
			border-bottom: 1px solid #2F7F41;
		}

		div.Main .Container .Sx a{
			display: block;
			width: 280px;
			margin-top: 2px;
			padding: 5px 0 5px 20px;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 14px;
			color: #333;
			background: #F7F7F7;
			text-decoration: none;
		}

			div.Main .Container .Sx a:hover{
				color: #fff;
				background: #08791C;
				text-decoration: none;
			}

			div.Main .Container .Sx a.sel{
				color: #fff;
				background: #08791C;
				text-decoration: none;
			}
		
		div.Main .Container .Sx a.lev2{
			display: block;
			width: 280px;
			margin-top: 0px;
			padding: 5px 0px 5px 20px;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 14px;
			color: #333;
			background: #F7F7F7;
			text-decoration: none;
		}

			div.Main .Container .Sx a.lev2:hover{
				color: #08791C;
				background: #F7F7F7;
				text-decoration: none;
			}

			div.Main .Container .Sx a.lev2.sel{
				color: #08791C;
				background: #F7F7F7;
				text-decoration: none;
			}
			
					
		div.Main .Container .Indirizzo{
			line-height: 25px;
			margin-top: 20px;
			color: #333;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 14px;
		}

		div.Main .Container .Social{
			height: auto;
		}
	
			div.Main .Container .Social a{
				float: left;
				margin: 20px 10px 0 0;
				padding: 0;
				width: 22px !important;
				height: 22px !important;
				background: none;
			}

				div.Main .Container .Social a:hover{

					background: none;
				}
		
/*------------------------------------------------------------DX------------------------------------------------------*/
	div.Main .Container .Dx{
		float: left;
		margin: 40px 0 60px 0;
		width: 640px;
		height: auto;
	}
	
		div.Main .Container .Dx h1{
			/*height: 25px;*/
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 24px;
			color: #333333;
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #333;

		}

		div.Main .Container .Dx h2{
			margin-bottom: 10px;
			font-weight: normal;
			font-size: 13px;
			font-style: italic;
			color: #333;
		}

		div.Main .Container .Dx p{
			margin-top: 25px;
			line-height: 18px;
			font-weight: normal;
			font-style: normal;
			color: #333333;
		}

			div.Main .Container .Dx a {
    font-weight: bold;
    color: #2F7F41;
    text-decoration: none;
    display: contents;
    float: left;
    margin-right: 41px;
    width: 100%;
    height: auto;
}

				div.Main .Container .Dx a:hover{
					text-decoration: none;
					color: #2F7F41;
				}
				
	
				div.Main .Container .Dx a img{
				}
				
				div.Main .Container .Dx a .galImg{
					display: block;
					height: 123px;
					border-top: 1px solid #2F7F41;
					border-bottom: 1px solid #2F7F41;
				}

				div.Main .Container .Dx a .galDesc{
					display: block;
					height: 40px;
					background-color: #f7f7f7;
					color: #333;
					font-family: 'Lato', sans-serif;
					font-weight: 400;
					font-size: 14px;
					padding: 10px 10px 10px 10px;
					line-height: 16px;
					
				}
				
				div.Main .Container .Dx a:hover .galDesc{
					text-decoration: none;
					color: #2F7F41;					
				}
								
				.big{
				display: block;
				float: left;
				margin: 0px 41px 15px 0px;
				border-top: 1px solid #2F7F41;
				border-bottom: 1px solid #2F7F41;
				}
			
			
				
				div.Main .Container .Dx ul{
					list-style:none;
					font-weight:bold;
				}
				div.Main .Container .Dx li{
					list-style:circle;
					margin-left:14px;
				}


				div.Main .Container .Dx .pagcontent {
					width: 640px;
					margin: 20px 0 60px 0; !important
					padding: 0 0 60px 0;
					border-bottom: 1px solid #2F7F41;
				}
					
					div.Main .Container .Dx .pagcontent h1 {
						height: 25px;
						font-family: 'Lato', sans-serif;
						font-weight: 300;
						font-size: 20px;
						color: #333;
						margin-top: 20px;
					}
					
					div.Main .Container .Dx .pagcontent p, div.Main .Container .Dx .pagcontent  {
						font-family: 'Lato',sans-serif;
						font-weight: normal;
						color: #333;
						font-size: 14px;
						margin-bottom: 20px;
					}
					
					div.Main .Container .Dx .pagcontent span {
						color: #2F7F41;
					}

					div.Main .Container .Dx ol{
						list-style:none;
						font-weight:bold;
						margin-top: 10px;
					}
					
					div.Main .Container .Dx li{
						list-style:circle;
						margin-left:14px;
						font-weight: normal;
						color: #333333;
					}




	div#ContattoDirettoDx{
		float: left;
		margin: 0;
		width: 186px;
				
	}
	
	
		div#ContattoDirettoDx h1{
			padding: 20px;
			border-bottom: none;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 18px;
			margin-bottom: 0;	
			background: #f7f7f7;
			
		}
	
		div#ContattoDirettoDx p{
			line-height: 22px;
			font-weight: normal;
			font-size: 12px;
			color: #333;
            padding: 0 20px 20px 20px;
            background: #f7f7f7;
            margin-top: 0px; 
		}

		div#ContattoDirettoDx a{
			float: left;
			display: block;
			margin: 0;
			width: auto;
			height: 30px;
			padding:0 10px 0 10px;
			line-height: 28px;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 14px;
			color: #fff;
			background: #333;
			text-decoration: none;
		}

		div#ContattoDirettoDx a:hover{
			text-decoration: none;
			background: #2F7F41;
				
		}

.left{
	float: left;
	margin: 0 29px 29px 0;
}

.right{
	float: right;
	margin: 0 0px 29px 29px;
}

		div.Main .Container .Dx .BoxInput{
			float: left;
			margin-top: 10px;
			width: 294px;
			height: 55px;
		}

			div.Main .Container .Dx .BoxInput h1{
				width: 250px;
				margin-left: 0px;
				margin-bottom: 5px;
				height: auto;
				font-weight: normal;
				font-size: 14px;
				font-family: 'Lato', sans-serif;
				color: #333;
				border-bottom: none;
			}
			div.Main .Container .Dx .BoxInput input{
				width: 280px;
				height:30px;
				padding-left: 14px;
				line-height: 30px;
				font-weight: normal;
				font-size: 12px;
				color: #333;
				background: #f7f7f7;
			}
		
		div.Main .Container .Dx .BoxInputFull{
			float: left;
			margin-top: 10px;
			width: 616px;
			height: 200px;
		}

			div.Main .Container .Dx .BoxInputFull h1{
				width: 250px;
				margin-left: 0px;
				margin-bottom: 5px;
				height: auto;
				font-weight: normal;
				font-size: 14px;
				font-family: 'Lato', sans-serif;
				color: #333;
				border-bottom: none;
			}
			div.Main .Container .Dx .BoxInputFull textarea{
				width: 622px;
				height: 122px;
				min-width: 622px;
				min-height: 122px;
				max-width: 622px;
				max-height: 122px;
				padding: 14px;
				line-height: 14px;
				font-weight: normal;
				font-family: arial;
				font-size: 12px;
				color: #333;
				background: #f7f7f7;
			}

			div.Main .Container .Dx .Privacy {
    width: 640px;
    height: 44px;
    overflow: auto;
    font-weight: normal;
    font-family: arial;
    font-size: 10px;
    color: #666;
    line-height: 12px;
}
			div.Main .Container .Dx .Spazio{
				float: left;
				width: 28px;
				height: 1px;
			}
			
			
			
		div.Main .Container .Dx .Invio a{
			float: left;
			display: block;
			margin: 20px 0 0 0;
			width: auto;
			height: 30px;
			padding:0 10px 0 10px;
			line-height: 28px;
			font-family: 'Lato', sans-serif;
			font-weight: 400;
			font-size: 14px;
			color: #fff;
			background: #333;
			text-decoration: none;
		}

		div.Main .Container .Dx .Invio a:hover{
			text-decoration: none;
			background: #2F7F41;
				
		}

			
			.Consenso{
				margin-top: 20px;
				font-size: 11px;
			}
			.Consenso span{
				margin-right: 20px;
				color: #333;
			}
		
		div.Main .Container .Dx .Blank{
			float: left;
			width: 29px;
			height: 1px;
		}	
        div.Main .Container .Dx .GalleryPage
        {
            float:left;
			margin: 25px 0 0 0;
			width: 640px;
			height: auto;
		}

			div.Main .Container .Dx .GalleryPage a {
				float: left;
				margin-right: 41px;
				margin-bottom: 20px; 
				text-decoration: none;
				font-size: 1px;
				text-decoration: none;
				padding: 0;
                width: 186px;
                height: 123px;
			}

			div.Main .Container .Dx .GalleryPage a img{
				/*border-top: 2px solid #CC0033;*/

			}

            div.Main .Container .Dx .gallerytemplate {
                clear:both;
            }

            div.Main .Container .Dx .gallerytemplate div.containerimage {
                float: left;
                font-size: 1px;
                margin: 0 5px 20px 0 !important;
                padding: 0;
            }
            
            div.Main .Container .Dx .gallerytemplate a.image {
                float: none;
                font-size: 1px;
                text-decoration: none;
                display: block;
                height: auto;
                width: auto;
            }

            div.Main .Container .Dx .gallerytemplate div.containerimage h4 a {
                float: none;
                font-size: 12px;
                text-decoration: none;
                display: block;
                height: auto;
                width: 289px;
            }

.clearfix {	display: inline-block;}
.clearfix:after {	content: "."; visibility: hidden;	clear: both; height: 0; line-height: 0; display: block;}

/*-------------------------------------MAP-------------------------------------*/
div#map_canvas {
    height: 400px;
    margin-top: 0px;
    width: 100%;
}
/*-------------------------------------/MAP-------------------------------------*/


/*------------------------------------------------------------NEWSLETTER------------------------------------------------------*/

div#FasciaTopFooter {
	background: #F7F7F7;
	border-top: 1px solid #E0E0E0;
	}


div.Main .Dati{
	width: 980px;
	height: auto;
	padding: 30px 0;
}

	div.Main .Dati .DueTerzi{
		float: left;
		width: 680px;
		height: auto;
		margin-left: 0px;
	}
	
		div.Main .Dati .DueTerzi h1{
			height: 25px;
			margin-bottom: 10px;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 20px;
			color: #333;
		}
		
	div.Main .Dati .DueTerzi .Blocco{
		/*float: left;
		width: 185px;*/
		margin:  0;
		padding: 0px;
		font-size: 12px;
		color: #333;
		line-height: 25px;
	}
	
	div.Main .Dati .DueTerzi .Blocco a{
			float: left;
			display: block;
			width: 210px;
			font-size: 12px;
			color:  #333;
			line-height: 25px;
			text-decoration: none;
		}

			div.Main .Dati .DueTerzi .Blocco a:hover{
				color: #2F7F41;
				text-decoration: none;
			}

/* @group My Group */



/* @end */

	div.Main .Dati .DueTerzi .Blank{
		float: left;
		padding: 0px;
		width: 28px;
		height: 29px;
	}
		
	div.Main .Dati .UnTerzo{
		float: right;
		width: 300px;
		height: auto;
		margin-right: 0px;
	}
	
		div.Main .Dati .UnTerzo h1{
			height: 25px;
			margin-bottom: 10px;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 20px;
			color: #333;
		}
		
	div.Main .Dati .UnTerzo .Blocco{
			float: left;
			display: block;
			width: 210px;
			font-size: 12px;
			color:  #333;
			line-height: 25px;
			text-decoration: none;
	}

		div.Main .Dati .UnTerzo .Blocco a{
			display: block;
			font-size: 11px;
			color:  #919191;
			line-height: 25px;
			text-decoration: none;
		}

			div.Main .Dati .UnTerzo .Blocco a:hover{
				color: #2F7F41;
				text-decoration: none;
			}

/*------------------------------------------------------------FOOTER------------------------------------------------------*/
div#Footer{
	width: 100%;
	height: auto;
	background: #333333;
	border-top: 1px solid #2F7F41;
}

	div#Footer .Content{
		width: 980px;
		height: 100px;
		margin: 0 auto;
	}

	div#Footer .Content .Dx{
		float: right;
		width: 190px;
		height: 30px;
		margin-top: 10px;
		font-size:10px;
		font-weight: normal;
		color: #aaa;
		text-align:right;
	}
		div#Footer .Content .Dx a{
			float: right;
			margin: 0 0 0 5px;
			color: #747474;
			text-decoration: none;
		}
		div#Footer .Content .Dx a:hover{
			color: #2F7F41;
			text-decoration: none;
		}
	div#Footer .Content .Sx{
		float: left;
		width: 750px;
		height: 30px;
		margin-top: 10px;
		font-size:12px;
		font-weight: normal;
		color: #f7f7f7;
	}


/*------------------------------------------------------------NEWSLETTER------------------------------------------------------*/
div#Newsletter{
	position: absolute;
	top: 227px;
	left: 50%;
	margin-left: -490px;
	width: 480px;
	height: 50px;
	background: url(../../../Images/BgdNewsletter.png) no-repeat;
	z-index: 99;
}

	div#Newsletter h1{
		float: left;
		width: 220px;
		margin: 14px 30px 0 15px;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
		font-weight: normal;
		font-size: 18px;
		color: #fff;
	}

	div#Newsletter  input{
		float: left;
		width: 150px;
		height: 20px;
		margin: 15px 0px 0 15px;
		padding-left: 10px;
		font-style: italic;
		background: #fff;
		color: #666;
	}

	div#Newsletter .Btn{
		float: left;
		width: 20px;
		height: 20px;
		margin: 15px 0px 0 10px;
	}

		div#Newsletter .Btn a{
			float: left;
			width: 20px;
			height: 20px;
			background: url(../../../Images/BtnInvioNewsletter.png) no-repeat;
		}
/*------------------------------------------------------------CONTATTO DIRETTO------------------------------------------------------*/
div#ContattoDiretto{
	position: absolute;
	top: 227px;
	left: 50%;
	margin-left: 10px;
	width: 480px;
	height: 50px;
	z-index: 100;
}

	div#ContattoDiretto a{
		display: block;
		width: 480px;
		height: 50px;
		background: url(../../../Images/BgdContattoDiretto.png) no-repeat;
	}

		div#ContattoDiretto a:hover{
			text-decoration: underline;
		}
	
		div#ContattoDiretto a h1{
			float: left;
			width: 220px;
			margin: 14px 30px 0 15px;
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
			font-weight: normal;
			font-size: 18px;
			color: #fff;
		
		}

			div#ContattoDiretto a:hover h1{
				text-decoration: underline;
			}	
			
/* @group SLIDER */

/* @end */

#homepage-slider {
  height: 400px;
  width: 100%;
  position: relative;
  z-index: 0;
}
#homepage-slider .container {
  position: relative;
  height: 400px;
}
#homepage-slider ul {
  list-style: none;
}
#homepage-slider ul li {
  position: relative;
  height: 400px;
}
#homepage-slider .controls {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 200;
}
#homepage-slider .controls a {
  width: 34px;
  height: 34px;
  background-image: url('../img/slider-controls.png');
  text-indent: -9999px;
  text-transform: capitalize;
  float: left;
  margin-right: 5px;
}
#homepage-slider .controls a.next {
  background-position: -34px 0;
}
#homepage-slider .controls a.next:hover {
  background-position: -34px -34px;
}
#homepage-slider .controls a.prev {
  background-position: 0px 0;
}
#homepage-slider .controls a.prev:hover {
  background-position: 0px -34px;
}
#homepage-slider .text-box {
  margin-left: 0;
  margin-top: 0px;
}
#homepage-slider .text-box h1 a {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  color: white;
  text-shadow: 2px 2px #333333;
}

#homepage-slider .text-box h1 a span{
  font-size: 30px;
  font-weight: 400;


}
#homepage-slider .text-box p {
  color: white;
  font-size: 15px;
}
#homepage-slider .description {
  position: absolute;
  bottom: 15px;
  right: 0;
  background-color: #09101b;
  text-align: center;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
#homepage-slider .description .left {
  float: left;
  width: 200px;
}
#homepage-slider .description .right {
  width: 100px;
  float: left;
  border-left: solid 1px #222832;
  padding: 15px 0;
}
#homepage-slider .description .title {
  float: left;
  width: 100%;
  border-bottom: solid 1px #222832;
  padding: 2px 0;
}
#homepage-slider .description .title .big {
  color: white;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
#homepage-slider .description .title .small {
  color: #b5b7ba;
  font-size: 13px;
  font-weight: 400;
}
#homepage-slider .description .rooms {
  float: left;
  width: 100%;
  color: #b5b7ba;
  font-size: 13px;
  font-weight: 400;
  padding: 2px 0;
}
#homepage-slider .description .price {
  color: white;
}
#homepage-slider .description .price .number {
  font-size: 21px;
  font-weight: bold;
}
#homepage-slider .description .price .rate {
  font-size: 13px;
}
#homepage-slider .bg-image {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  height: 100%;
}

#homepage-slider .slider-wrapper {
  width: 100%;
  height: 275px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#homepage-slider .controls-wrapper {
  width: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#homepage-slider .homepage-slider {
  width: 100%;
  height: 400px;
  overflow-y: hidden;
}

#homepage-slider ul li {
  height: 400px !important;
}

.flex-caption {
    font-family: Helvetica,Arial,sans-serif;
}
.flex-caption a {
    border-bottom: 1px dotted #FFFFFF;
    color: #FFFFFF;
}
.flex-caption a:hover {
    color: #FFFFFF;
}
/* Caption styles */

.flex-caption h1 {
	background: #333333;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
        /*float: right;*/
    font-size: 32px;
    font-weight: 300;
    /*margin-bottom: 10px;*/
    padding: 10px;
    /*text-align: right;*/
    float: left;
}
.flex-caption p {
	background:#ffffff ;
    color: #333333;
    font-family: 'Lato', sans-serif;
    /*float: right;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px;
    /*text-align: right;*/
    max-width: 400px;
    clear: both;
    margin: 0;
}

.flex-caption .Btn{
	/*float: right;*/
	/*margin-top: 10px;*/
	margin-right: 15px;
	width: auto;
}

	.flex-caption .Btn a{
	    font-family: 'Lato', sans-serif;
		width: auto;
		line-height: 18px !important;
		padding: 10px;
		font-size: 14px;
		font-weight: 400;
		color: #ffffff;
		text-decoration: none;
		border: none;
		background: #2F7F41;
		display: block;
		float: left;
	}

		.flex-caption .Btn a:hover{
			text-decoration: none;
			background: #333333;
		}

/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}
.flexx-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    padding: 2%;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%;
}

.flex-caption {
	position:absolute;
	left: 50%;
    width:490px;
	top:200px;
	color: #fff;
	margin-left: -490px;
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}