/*
@import url(https://fonts.googleapis.com/css?family=Economica:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700italic,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Exo:400,100);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200);
*/
/*
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
*/

/* Titoli Baloo */
@import url(https://fonts.googleapis.com/css?family=Baloo+2:wght@400;600);
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@300&display=swap');

/* NEW */ 
/* font-family: 'Piazzolla', serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,wght@0,400;1,700&display=swap');*/

:root 
{
	--blue: #213c8c;
	--petrol: #284462;
	--hSlide-1: 540px;
	--hSlide-2: 400px;
	--hSlide-3: 280px;
	--fontH2: 'Spectral';
}

.waitPdf {
    position: absolute;
    top: 8px;
    left: 7px;
    font-size: 24px;	
}
.both {clear:both;}
/* Main --------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/*font-size:100%;*/
	vertical-align:baseline;
	/*font-family: 'Titillium Web', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family:'Piazzolla', serif;
	*/
	font-family:'Baloo 2', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	
}
/* h2 {font-family:"Kaushan Script"} */
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
body {
	color:#333;
	line-height:1;
	background: #f3f9ff;
	/*
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2RjZGNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #eaeaea 1%, #dcdcdb 37%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eaeaea), color-stop(37%,#dcdcdb));
	background: -webkit-linear-gradient(top,  #eaeaea 1%,#dcdcdb 37%);
	background: -o-linear-gradient(top,  #eaeaea 1%,#dcdcdb 37%);
	background: -ms-linear-gradient(top,  #eaeaea 1%,#dcdcdb 37%);
	background: linear-gradient(to bottom,  #eaeaea 1%,#dcdcdb 37%);
	filtexr: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#dcdcdb',GradientType=0 );
	*/
}

.homeLogo {
	
} 
.homeLogo .cell {
display: inline-block;
    width: 100%;
    overflow: hidden;
    float: left;
    text-align: center;
	    padding: 10px 0;
}

.homeLogo img {

    text-align: center;
    display: inline;
    width: 50%;
	 margin:8px;
	
}

.trans1 {
	transition: all 0.400s ease-in-out;
	-moz-transition: all 0.400s ease-in-out;
	-o-transition: all 0.400s ease-in-out;
	-webkit-transition: all 0.400s ease-in-out;
}	
.trans2 {
	transition: all 0.450s linear;
	-moz-transition: all 0.450s linear;
	-o-transition: all 0.450s linear; 
	-webkit-transition: all 0.450s linear;
}	

/*
body{ -webkit-animation: bugfix infinite 1s; }
*/
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear: both;
}
br {
	line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

/* Header Nav */

#header {
	position: fixed;
	height:90px;
	width:100%;
	z-index:100;
	margin:0 auto;
	box-shadow:0px 3px 36px rgba(0,0,0,0.75); 
    border-bottom: 1px solid #496685;
	background: #fff;
	color:gray;
}

.phoneTop {margin:65px 10px 0 0 ;color:white; text-align:right;}

#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left; margin:1px; 
/* border: 1px solid #4283d0; */
}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/*--------------------------------
 Presentation Styles (Editable)
---------------------------------*/
.headernav { position: absolute; top:0; right:0}
.headernav {
	min-height: 10px;
	/* height: 100%; */
	z-index:8000;
	display:inline-block;
	float:right;
	margin-top:10px;
	/* margin-top:70px;*/
}

.headernav > h1 {
	float: left;
	padding: 30px 0 0;		
	color: #DFDFDF;
}

.nav { 
	display: block; 
	float: right; 
}



.menu > li > a{
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	font-weight: normal;
	font-size:.9em;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	color:gray;
}
.menu > li > a.flag {padding:0 2px; border:0}
.menu > li > a:hover, .menu > li > a:focus{
	
/* 	box-shadow: inset 0px 4px #3366CC; */
	background:var(--blue);
	color: white;
	border-radius: 2px;
}

.toggle{ 
	z-index: 2; 

	}
	
.PhotoOfd {	
    float: left;
    margin: 4px;
    width: 400px;
    height: 310px;
    border: 1px solid white;
    border-radius: .3em
}	
.TxtOfd {margin:8px 10px 0 10px;line-height:1.7em}	
.TxtOfd b {font-size:1.5em}
.TxtOfd span {font-size:1.1em}
.TxtOfd a {color:black}
.TxtOfd a:hover {color: #0f3d8e; text-decoration:none;}

.formSearch_Row2 {float:left; margin-left:2px;  width:100%}


#promo {
	position: relative;
	float: left;
	width: 100%;
	background: #666;
/*	background: #0a83d2 url(/imgs/promoBack.png) repeat-x top center;*/
	}

#promo h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 51;
	opacity: 0.2;
	-ms-filter: "alpha(Opacity=20)";
	width: 100%;
	height: 10px;
	overflow: hidden;
	text-indent: -5000px;
	background: #000;
	}

	#home #slider {
		height: var(--hSlide-3);
	}
	
#promo .cont {
	 position:relative; 
	 width: 100%; 
	 height: var(--hSlide-1); 
	 overflow:hidden;
}

#promo .cont ul {
	position: relative; 
	width: 100%; 
	height: 550px;
}

#promo .pager {
	position: absolute;
	bottom: 13px;
	left: 0;
	z-index: 53;
	width: 100%;
	text-align: center;
	}

#promo .pager a {
	display: inline-block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -5000px;
	background-color: rgba(255, 255, 255, 0.5);
	background-clip: content-box;
	outline: none;
	}

#promo .pager a:not(:first-child) {
	margin-left: 1px;
	}

#promo .pager a:hover,
#promo .pager a:focus {
	background-color: rgba(255, 255, 255, 0.6);
	}

#promo .pager a.activeSlide {
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(23, 55, 92, 0.8);
	}
	
#promo ul li {
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-transition: opacity 500ms ease-in-out;
	   -moz-transition: opacity 500ms ease-in-out;
	     -o-transition: opacity 500ms ease-in-out;
	        transition: opacity 500ms ease-in-out;
	}

#promo ul li .center {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: var(--hSlide-1);
}

#promo ul li .center .wrapper {
	float: left;
	margin: 50px 5px 0 10px;
	width: 950px; /* dimensioni area testo promo */
	}

#promo ul li .center .wrapper h2 a {
	 color: #ebebeb;
    font-weight: 700;
    text-shadow: 0px 2px 3px rgb(0 0 0 / 53%);
    /* background: #676969a1; */
    display: block;
    padding: 10px 5px;
    border-radius: 4px;
    font-size: 2.4em;
    width: 77%;
}

#promo ul li .center .wrapper p {
	color: #fff;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 0.8em;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
	padding: 0 13px;
	}

	#promo ul li .center .wrapper > a {
		position: absolute;
		display: inline-block;
		vertical-align: middle;
		top:76%; 
		left:10px;
		padding: 13px 10px;
		width: 20%;
		color: #fff;
		font-weight: 500;
		font-size: 1.0em;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	border:2px solid white;
		border-radius: 4px;
		}

/*
#promo ul li .center .wrapper > a {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top:290px; 
	left:10px;
	padding: 13px 10px;
	width: 20%;
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	background: #000000a8; 
	border:1px solid white;
	border-radius: 12px;
	}
*/

.ie8 #promo ul li .center .wrapper > a {
	visibility: visible;
	}

/*
#promo ul li .center .wrapper > a:hover,
#promo ul li .center .wrapper > a:focus {
background: black;
	}

#promo ul li .center .wrapper > a:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 290px;
	height: 10px;
	
}
*/

#promo ul li .center .wrapper > a:hover:before,
#promo ul li .center .wrapper > a:focus:before {
	background-position: 0 -70px;
	}


table.vendi {border:0; margin:0; font-size:1.2em}
table.vendi td {border-bottom:0px solid #ededed; padding:6px;}
table.vendi input {width:80%; padding:4px; border: 1px solid #cccccc;}
table.vendi input.ev { width:80%; border: 1px solid #c6c6c6; background:#ffffc1; padding:4px;}
table.vendi select.ev {font-size:9.75pt; border: 1px solid #9B9B9B; background:#ffffc1; padding:4px;}
table.vendi textarea.ev {font-family:arial; font-size:9.75pt; border: 1px solid #9B9B9B; background:#ffffc1; padding:2px;}
table.vendi textarea {font-family:arial; font-size:9.75pt; width:90%; border: 1px solid #B6B6B6;}
table.vendi td.vtit {padding:40px 4px 4px 4px; font-size:18px; color: #444444;}
.previewPhoto { float:left; padding:4px;}

.portfolio a.pChiedi {    
	background: #284462;
    padding: 10px 15px;
    border-radius: 6px;
    color: white;}

.portfolio a.pChiedi:hover {    
	background: #1c2a3a;}
	
.cntVetrine .col3 {
    position: relative;
    width: 23.7%;
    float: left;
    height: 450px; 
    background: white;
    margin: 0 1% 15px 0;
    border: 1px solid #FFFFFF;
    box-shadow: 0 2px 12px rgba(0,0,0,.25);
}
.cntVetrine .col3:hover {
   
   cursor:pointer;
   box-shadow: 0 2px 18px rgba(0,0,0,.55);
	}

	.srcVM {margin-top:5px; margin-right:10px; float:left; width:130px;}
	.srcWord {margin-top:5px; position:relative; margin-right:10px; float:left; width:75%;}

#navTopContainer #logo { height:69px;}

@media only screen and (max-width: 1165px){
	.portfolio {
		width:100% !important;
	}
	#navTopContainer {
		width:100% !important;
	}

}


@media only screen and (max-width: 959px){
	

	#promo .cont {
		 position:relative; 
		 width: 100%; 
		 height: var(--hSlide-2);
		 overflow:hidden;
	}
	
	#promo .cont ul {
		position: relative; 
		width: 100%; 
		height: var(--hSlide-2);
	}


	#promo ul li .center {
		position: relative;
		margin: 0 auto;
		width: 700px;
		 height:330px;
		}

	#promo ul li .center .wrapper {
		float: left;
		margin: 5px 5px 0 10px;
		width: 700px; /* dimensioni area testo promo */
		}

	#promo ul li .center .wrapper h2 {
		color: #fff;
		font-weight: 700;
		font-size: 2.3em;
		line-height: 1.2;
		text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.45);
		}
	#promo ul li .center {
		position: relative;
		margin: 0 auto;
		width: 700px;
		 height: var(--hSlide-2);
		}

	#promo ul li .center .wrapper {
		float: left;
		margin: 5px 5px 0 10px;
		width: 700px; /* dimensioni area testo promo */
		}

	#promo ul li .center .wrapper h2 {
		color: #fff;
		font-weight: 700;
		font-size: 1.9em;
		line-height: 1.2;
		text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.45);
		}

	#promo ul li .center .wrapper p {
		color: #fff;
		font-weight: normal;
		font-size: 1.2em;
		line-height: 1.1;
		text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.45);
		padding: 10px 0;
		}


	#navTopContainer  .Title{
			top:14px ! important;
	}

	#navTopContainer  .Title .subTitle{
			margin: 4px 0 0 0 ! important;
			font-size: 0.4em ! important;
		}


	.menu{
		background: #FFFFFF;
		
	}

/*	
	.toggle:after {
		content: url(../img/bottom.png);
		display: block;
		width: 40px;
		padding: 10px 10px;
		background: #17375C;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		text-align: center;
		font-size: 12px;
		color: #FFFFFF;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	
	.toggle:hover:after{
		background: #45ABD6;
	}
*/	
	#toggle:checked + .toggle:after{
		content: 'Close Menu';

	}
	.PhotoOfd {	float:left; margin:4px; width:300px; height:230px;border:1px solid white}	

	.formSearch_Row2 {width:70%;     display: none;}
}

.srcOrderBy {}
.srcOrderBy span {display:none}
.srcOrderBy select {width:140px}
#spNav {display:none}


@media only screen and (min-width: 768px) {
	.srcWord {width:26%}
	.srcOrderBy span {display:inline-block}
	.srcOrderBy select {width:inherit}
	#spNav {display:block}
	
	#promo ul li .center .wrapper h2 a {
		font-size: 2em;
		width: 100%;
	}
	
	.homeLogo .cell {
	display: inline-block;
		width: 50%;
		overflow: hidden;
		float: left;
		text-align: center;
		
	}

	.homeLogo img {

		text-align: center;
		display: inline;
		width: 50%;
		
	}
	
}

@media only screen and (min-width: 992px) {
	.srcWord {width:44%}
}
@media only screen and (min-width: 1200px) {
	.srcWord {width:52%}
}
@media only screen and (max-width: 768px) {
	
	.phoneTop {display:none}
	.previewPhoto {padding:4px;}	
	table.vendi {border:0; margin:0; font-size:13px}
	table.vendi td.vtit {padding:40px 4px 4px 4px; font-size:16px; color: #444444;}

	.menu > li > a.flag {padding-top:0;}
	#promo .cont {
		 position:relative; 
		 width: 100%; 
		height: var(--hSlide-3);
		 overflow:hidden;
	}
	#promo .cont ul {
		position: relative; 
		width: 100%; 
		height: 270px;
	}


	#promo ul li .center {
		position: relative;
		margin: 0 auto;
		width: 440px;
		 height:270px;
		}

	#promo ul li .center .wrapper {
		float: left;
		margin: 5px 5px 0 10px;
		width: 440px; /* dimensioni area testo promo */
		}

	#promo ul li .center .wrapper h2 {
		color: #fff;
		font-weight: 600;
		font-size: 1.1em;
		line-height: 1.2em;
		text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.45);
		}
	#promo ul li .center {
		position: relative;
		margin: 0 auto;
		width: 440px;
		 height:var(--hSlide-3);
		}

	#promo ul li .center .wrapper {
		float: left;
		margin: 5px 5px 0 10px;
		width: 440px; /* dimensioni area testo promo */
		}

	#promo ul li .center .wrapper h2 {
		color: #fff;
		font-weight: 700;
		font-size: .8em;
		line-height: 1.2;
		text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.45);
		}

	#promo ul li .center .wrapper p {
	 color: #fff;
    font-weight: normal;
    font-size: 1.3em;
    line-height: 1.1;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 45%);
    padding: 5px 3px;
	}

	#promo ul li .center .wrapper > a {
		position: absolute;
		display: inline-block;
		vertical-align: middle;
		top:67%;
		left:10px;
		min-width: 30%;
		color: #fff;
		font-weight: 100;
		font-size: 0.8em;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	border:2px solid white;
		border-radius: 4px;
		
		}

	#promo .pager {
		position: absolute;
		bottom: 3px;
		left: 0;
		z-index: 53;
		width: 100%;
		text-align: center;
		}

	#promo .pager a {
		display: inline-block;
		width: 10px;
		height: 10px;
		overflow: hidden;
		cursor: pointer;
		text-indent: -5000px;
		background-color: rgba(255, 255, 255, 0.5);
		background-clip: content-box;
		outline: none;
		}




	.headernav{
		background: transparent;
		padding:0;
	/*	margin:0;*/
	}


	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0;}
	.menu > li { display: block; width: 100%; margin: 0;}
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	
	.toggle .fa-bars {
		font-size: 26px;
		margin-top: 22px;
		margin-right: 5px;
	}
	
	#toggle:checked ~ .menu {
    margin-top: 0px;
    display: block;
    opacity: 1;
    width: 220px;
    box-shadow: 0 4px 5px rgba(0,0,0,.2);
	}

	.menu{
		background: #FFFFFF;
		border-top: 1px solid #51C1F1;
	}
	
	.menu, .menu > li, .menu > li > a{
		height: auto;
	}
	
	.menu > li > a{
		color:#141414;
		padding: 15px 15px;
	}
	
	.menu > li > a:hover, .menu > li > a:focus{
		background: #F2F2F2;
		padding: 15px 15px 15px 25px;
		color:black;
	}
	
	.menu > li > a.flag:hover, .menu > li > a.flag:focus{
		padding: 5px 15px 5px 25px;
	
	}
	/*
	.toggle:after {
		content: url(../img/bottom.png);
	}
*/
	.toggle:hover:after{
		background: #45ABD6;
	}
	#toggle:checked + .toggle:after{
		content: '';
	}
	
	.PhotoOfd {	float:left; margin:4px; width:98.5%; height:330px;	border:1px solid white}	
	.formSearch_Row2 {visibility:hidden;}
	.div_view {visibility:hidden; display:none}
	
	.cntVetrine .col3 {width: 48.5%;}

	
}

@media only screen and (max-width: 479px){
	
	.previewPhoto {float:none; padding:4px; margin:0 auto;}
	/*	#promo, .flexslider {visibility:hidden; display:none;}*/
	.headernav > h1 { 
		text-align: center;
	}
	.headernav > h1, .nav, .toggle:after{ 
		float: none; 
	}
	.PhotoOfd {	float:left; margin:4px; width:98%; height:230px;
	border:1px solid white;
	
}	

.formSearch_Row2 {visibility:hidden;}

}


/*-----------------------------------------------------------------------------------*/
/*	LAYOUT
/*-----------------------------------------------------------------------------------*/

#wrapper {
	/* width:964px;*/
	width:100%;
	margin:0 auto;
}
.topspace {
	clear:both; height:90px;
}

ul#menu, .flexslider, .section-container, .grid li, .jcarousel-container, .panel-container, .contact-container, #bottom {
	background-color: #fff;
	-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}


.borderline {
	/* padding-top:150px; */
}

.borderline h4{font-size:15px; line-height:1.2em; color: #535353; font-weight:bold; padding:0; margin:0}
/*
.section-container, #home, #portfolio, #news {
	margin-bottom: 10px;
}
*/
/*
#logo {
	display: block;
}
#logo img {
	margin-top:5px;
	display: block;
}
*/
#navTopContainer {
	position:relative;
	display: block;
	width:1140px; 
	text-align:left; 
	margin:0 auto;
}
#navTopContainer #logo {
	margin-top:10px;
	margin-bottom:10px;

}
#navTopContainer .Title {
position:absolute; top:20px; left:120px; 
font-size:2.6em; font-weight:700; 
line-height:0.7em;
color: #204f85;
}
#navTopContainer .Title .subTitle {
font-size:0.5em; font-weight:400; color:#141414; margin: 5px 0 0 0;
}
a {
	color: #141414;
	outline:0;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.lite {
	color: #4a8b86;
	border-bottom: 1px dashed #4a8b86;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color:#000;
}
h1 {
	font-size:22px;
	margin-bottom: 10px;
}
#logo h1 {
	display: inline-block;
	color:#282828;
	font-size:25px;
	text-transform: uppercase;
	margin-bottom:18px;
	padding-top:32px;
}
#logo h1 a {
	color:#282828;
	text-decoration: none;
}
h2 {
	font-size:35px;
	line-height:1;
	margin-top: -2px;
	margin-bottom: 10px;
}
.title h2 {
	margin: 10px 0 0 0;
	padding: 13px 20px 5px 0px;
	min-height: inherit;
	position: relative; 
	color: var(--blue);
	text-shadow: 1px 1px 1px white;
	font-family: var(--fontH2), serif;
}
.title h2 span {
	font-size:13px;
	text-transform:none;
	/*position: absolute;*/
	top:18px;
	font-weight:normal;
}
.title h2 span:before {
	content: '|';
	padding-left: 4px;
	padding-right: 8px;
}
h3 {
	font-size:18px;
	margin-bottom: 10px;
}
h4 {
	font-size:16px;
	margin-bottom: 10px;
}
h5 {
	font-size:14px;
	margin-bottom: 10px;
}
h6 {
	font-size:12px;
	margin-bottom: 10px;
}
p {
	font-size:16px;
	line-height:1.4em;
}
.imgPos {
	text-align: center;
    display: block;
    margin: 12px auto 12px auto;
	border-radius:.3em;
}
.imgPos.max60 {
	max-width: 60%;
}
.imgPos.max180px {
	max-width: 60%;
}

.imgPos.left {
	float:none;
}
.imgPos.right {
	float:none;
}
.imgPos.center {
	float:none;
}

ul.unordered li {
	padding-left:26px;
	line-height:16px;
	margin-bottom:10px;
	background-image: url(style/images/light/bullet.png);
	background-repeat: no-repeat;
	font-size: 13px;
	display: block;
}
ol {
	margin-top:20px;
	overflow: hidden;
}
ol li {
	line-height:16px;
	margin-bottom:10px;
	font-size: 13px;
	list-style-position: inside;
	list-style-type: decimal;
}
.dropcap {
	font-family: 'Archivo Narrow', sans-serif;
	display:block;
	float:left;
	font-size:45px;
	padding:0;
	margin: 0;
	margin:8px 8px 10px 0;
}

/* TABLES */
/* ----------------------------------------- */

table {
	width: 100%;
	font-size:14px;
	border-collapse: collapse;
	/*
	border-bottom:1px solid #8B8A88;
	border-top:1px solid #8B8A88;
	*/
}

table td {
	padding: 10px;
	/* border-right:1px solid #8B8A88;*/
}
/*
table td:hover {
	background-color: #FFFFFF;
}
*/
table th {
	padding: 10px;
	color:#000;
	text-align: left;
	/*border-right:1px solid #8B8A88;*/
}

table td.center {
	text-align: center;
}

table td.last {
	background: none;
}

table th.center {
	text-align: center;
}

table th.last {
	background: none;
}

table tr {
/*
	border-left:1px solid #8B8A88;
	border-top:1px solid #8B8A88;
	*/
}

table tr.hov:hover {
/*
	border-left:1px solid #8B8A88;
	border-top:1px solid #8B8A88;
	background-color: #FFFFFF;
	*/
}

table tr.caption {
/*
	border-left:1px solid #8B8A88;
	*/
}

/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/

ul#menu {
	font-family: 'Archivo Narrow', sans-serif;
	width:960px;
	height:35px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
ul#menu li {
	display: block;
	float:left;
	padding-right: 3px;
	margin-left: -2px;
}
ul#menu li a {
	height:50px;
	line-height: 34px;
	padding:0 30px;
	color: #272727;
	font-size: 16px;
	display: block;
	/*
	-webkit-transition:all 100ms ease-in;
	-moz-transition:all 100ms ease-in;
	*/
}
ul#menu li a:hover, ul#menu li.current a {
	color:#010101;
	text-decoration: none;
	background-color: #efefef;
	border-top:2px solid #3366CC;
}

.selectnav {
	display: none;
	width: 280px;
	margin: 10px auto 30px;
}
/*-----------------------------------------------------------------------------------*/
/*	COLUMNS
/*-----------------------------------------------------------------------------------*/

.row {
	margin-left:10px;
	margin-right:10px;
}


.row .col-dyn {
	display: inline-block;
    width: 100%;
    float: left;
    padding-bottom: 8px;
}
.gridPhoto 
{
	float:left; 
	width:50%; 
	border:2px solid #DCDCDB; 
	height:128px; 
	background-position:50% 50%; 
	background-size:cover; 
	background-repeat:no-repeat;
	box-sizing: border-box;
	
}
.one-half b{font-size:1.3em}	

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
	float:left;
	position:relative;
}

.one-third {
	width:30%;
	margin-right:5%;
}
.one-half {
	width:45%;
	margin-right:4%;
	padding:0 10px 0 10px;
}
.one-third {
	width:30%;
	margin-right:5%;
}
.two-third {
	width:65%;
	margin-right:5%;
}
.one-fourth {
	width:22%;
	margin-right:4%;
}
.one-fifth {
	width:18%;
	margin-right:2.5%;
}
.one-sixth {
	width:15%;
	margin-right:2%;
}
.three-fourth {
	width:74%;
	margin-right:4%;
}
.last {
	margin: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	SLIDER
/*-----------------------------------------------------------------------------------*/

#slider {
	/* margin-bottom: 10px; */
}

.flex-container a:active, .flexslider a:active {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	width: 100%;
	height: 450px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.flexslider .slides > li {
	display: none;
}
.flexslider .slides img {
	width: 920px;
	height: auto;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}

.flexslider .slides {
	zoom: 1;
}
.flexslider .slides > li {
	position: relative;
}
.flex-container {
	zoom: 1;
	position: relative;
}
.flex-caption {
	background:none;
	zoom: 1;
}
.flex-caption {
	width: 900px;
	padding: 8px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color:#FFF;
	opacity: .8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	color: #2f2f2f;
	font-size: 13px;
	line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav li a {
	width: 23px;
	height: 23px;
	display: block;
	background: url(style/images/light/slider-arrows.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0; filter:alpha(opacity=0);
	z-index: 100;
}
.flex-direction-nav li .flex-next {
	background-position: top right;
	right: 10px;
}
.flex-direction-nav li .flex-next:hover {
	background-position: bottom right;
}
.flex-direction-nav li .flex-prev {
	left: 10px;
}
.flex-direction-nav li .flex-prev:hover {
	background-position: bottom left;
}
.flex-direction-nav li .disabled {
	opacity: .5;
	filter:alpha(opacity=50);
	cursor: default;
}
.flexslider:hover .flex-direction-nav li a, .flexslider:hover .flex-control-nav li a { opacity: 1; filter:alpha(opacity=100); }
/* Control Nav */
.flex-control-nav {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}
.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 10px;
	height: 10px;
	display: block;
	background: url(style/images/light/slider-buttons.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: 99999px;
	opacity: 0.2; filter:alpha(opacity=20);
}
.flex-control-nav li a:hover {
	background-position: 0 -10px;
}
.flex-control-nav li a.flex-active {
	background-position: 0 -10px;
	cursor: default;
}

/*-----------------------------------------------------------------------------------*/
/*	SERVICE COLUMNS
/*-----------------------------------------------------------------------------------*/

#service-columns {
	text-align: center;
}
#service-columns p {
	color:#3a3a3a;
	font-size: 12px;
	line-height:20px;
	padding-top: 8px;
}
#service-columns img {
	padding-top:7px;
}
#service-columns h2 {
	margin-top:5px;
}
#service-columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

/*-----------------------------------------------------------------------------------*/
/*	ABOUT
/*-----------------------------------------------------------------------------------*/

.section-container {
	/* width:920px;
	padding:20px; */
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
.section-container p:last-child {
	padding-bottom: 0;
}
.section-container h2 {
	display:inline-block;
	/*overflow: hidden;*/
}
.section-container ul {
	overflow: hidden;
	padding-bottom: 10px;
}
.section-container ul li {
	padding-left:16px;
	line-height:22px;
	background-image: url(style/images/light/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 9px;
	font-size: 13px;
	display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	SERVICES
/*-----------------------------------------------------------------------------------*/

#services h2.icon img {
	padding-right: 8px;
	vertical-align: middle;
}

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

.portfolio {
	width: 1140px;
	margin-left:auto;
	margin-right:auto;
}
.grid {
	width: 1140px;
	overflow: hidden;
	margin:0 auto;
	padding: 0 0 0 0;
}
.grid:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
.grid li {
	width: 235px;
	margin-left: 2px;
	margin-bottom:20px;
	float: left;
	font-size: 12px;
	line-height: 17px;
	height: 180px;
	overflow: hidden;
	position:relative;
	border: 1px solid #FFF;
}
.grid li a {
	outline:0;
	text-decoration: none;
}
.grid li img {
	display: block;
	width:215px;
	height:136px;
}
.grid li div {
position:absolute; 
bottom:0; left:0; right:0; 
background: rgba(0, 0, 0, .4); 
height:35px; 
padding:2px 5px 2px 5px; 
color:white;
	transition: all 0.120s linear;
	-moz-transition: all 0.120s linear;
	-o-transition: all 0.120s linear;
	-webkit-transition: all 0.120s linear;
}

.grid li div:hover {
background: rgba(80, 137, 175, .9); 
height:55px; 
}

.cantieri {
	width: 984px;
	overflow: hidden;
	margin:0 auto;
	padding: 0 0 0 0;
}

.cantieri li {
	width: 30%;
	margin: 15px 0 10px 20px;
	float: left;
	overflow: hidden;
	position:relative;
	text-align:center;
	padding:0 !important;;
	
}
.cantieri li img {
/* 	display: block;*/
text-align:center;
}
.cantieri li a {
	outline:0;
	text-decoration: none;
} 
.gallerynav {
	overflow: hidden;
	padding: 0 0 0 2px;
}
.gallerynav li {
	font-family: 'Archivo Narrow', sans-serif;
	float:left;
	color:#000;
	font-size:15px;
	margin-right:8px;
}
.gallerynav li a {
	text-decoration: none;
	color:#000;
	outline:0;
	display:block;
	padding:5px 10px 6px;
	border:0;
}
.gallerynav li a:hover, .gallerynav li.active {
	background: #c0c0c0;
}
#gallery {
	clear:both;
/*	margin-top:20px; */
}
.caption {
	display:none;
	z-index:5;
	position:absolute;
	width:195px;
	background:#FFF;
	color: #000;
	padding: 8px 10px 0 10px;
	bottom:-32px;
	height:24px;
	opacity: .8;
	font-size: 11px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*-----------------------------------------------------------------------------------*/
/*	NEWS
/*-----------------------------------------------------------------------------------*/
.news-page:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.etabs { 
	margin: 0; 
	padding: 0; 
	width:270px; 
	float:left; 
	font-family: 'Archivo Narrow', sans-serif;
}
.tab { 
	display: block; 
	zoom:1;
}
.tab-container { 
	width:960px; 
	padding-left: 2px;
}
.panel-container { 
	padding: 20px; 
	width:920px; 
	min-height: 384px;
	float:right; 
	position: relative;
}
.panel-container h2 { 
	margin-bottom: 15px;
} 
.panel-container span.postdate { 
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	color: #adadad;
	font-size: 13px;
	font-style: italic;
	margin-top: -10px;
	margin-bottom: 20px;
	display: none;
} 
.next-tab.btn, .prev-tab.btn {
	position: absolute;
	top:15px;
	right: 15px;
	width: 21px;
	height: 21px;
	background: transparent url(style/images/light/news-arrows.png) no-repeat top right;
	text-indent: -9999px;
	cursor: pointer;
	display: none;
}
.prev-tab.btn {
	right: 40px;
	background-position: top left;
}
.jcarousel-container {
	width:  270px;
	height: 360px;
}
.jcarousel-container-vertical {
	padding: 34px 0;
	float: left;
}
.jcarousel-clip {
	overflow: hidden;
}
.jcarousel-clip-vertical {
	width:  270px;
	height: 360px;
}
.jcarousel-item {
	width: 270px;
	height: 59px;
	background-color: #fff;
	border-top:1px solid #c8c7c7;
}
.jcarousel-item a {
	display: block;
	padding: 20px 0 0 70px;
	height: 38px;
	color: #000000;
	text-decoration: none;
	outline: 0;
	font-size: 16px;
}
.jcarousel-item a:hover, .jcarousel-item a.active {
	color: #4a8b86;
	text-decoration: none;
}
.jcarousel-next-vertical, .jcarousel-prev-vertical {
	position: absolute;
	bottom: 0px;
	width: 270px;
	height: 34px;
	cursor: pointer;
	display: block;
	background: transparent url(style/images/light/down.jpg) no-repeat 0 0;
}
.jcarousel-prev-vertical {
	top: 0px;
	border-bottom:1px solid #c8c7c7;
	background-image: url(style/images/light/up.jpg);
}
.jcarousel-next-vertical:hover {
	background-position: 0 -34px;
}
.jcarousel-prev-vertical:hover {
	background-position: 0 -32px;
}
.date {
	position: relative;
	width: 28px;
	height: 33px;
	float: left;
	margin-left:11px;
	margin-top:9px;
	padding: 4px 6px;
	background: #d4d4d4;
	color: #0e0e0e;
}
.date .month {
	text-transform: uppercase;
	font-size: 8px;
	line-height: 8px;
	height: 10px;
}
.date .day {
	font-size: 12px;
	line-height: 12px;
	height: 13px;
}
.date .year {
	font-size: 8px;
	line-height: 8px;
	height: 10px;
}
.date .month, .date .day, .date .year {
	text-align: center;
}
 html:lang(en)>body .date .day {
	font-size: 12px;
	line-height: 12px;
	height: 14px;
}

/*-----------------------------------------------------------------------------------*/
/*	CONTACT
/*-----------------------------------------------------------------------------------*/

#contact {
	height: 1000px;
}
.contact-container {
	overflow: hidden;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}
.contact-form p {
	margin-bottom:33px;
}
 input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
.contact-right {
	float:right;
	width: 36%;
}
#bottom {
	width: 930px;
	margin: 25px auto 0;
	padding:12px 15px;
}
.copyright {
	float: left;
	padding-top: 0px;
	font-size: 11px;
	line-height:1.5em;
}
#bottom a {
	text-decoration: none;
}
.gototop {
	width:16px;
	float: right;
}
.scrolltop {
	background: transparent url(../img/top.png) no-repeat 0 0;
	width: 16px;
	height: 10px;
	display: block;
}
.title {
	font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size:1.2em;
	position: relative;
}
.title .gototop {
	display: none;
	float: none;
	position: absolute;
	top:20px;
	right: 20px;
}
.contact-info ul {
	padding:0;
	margin:0;
}
.contact-info ul li {
	font-size:13px;
	line-height: 22px;
	margin-bottom:6px;
}
.map {
	margin: 20px 0;
}
/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/

.form-container {
	position: relative;
	/* width: 404px;*/ 
	overflow: hidden;
	float: left;
	padding: 0;
	width: 500px;
}
.form-container .response {
	display: none;
	margin: 0 0 15px 0;
	color:#4d8c74;
	clear:both;
	text-shadow: none;
	line-height: 17px;
	width: 298px;
	font-size: 13px;
}
.forms ol {
	margin:0;
	padding:0;
	overflow: hidden;
}
.forms ol li {
	line-height:auto;
	list-style: none;
}
.forms li.form-row {
	margin-bottom: 20px;
}
.forms li.hidden-row {
	display: none;
}

.forms fieldset .text-input {
	background-color: #ededed;
	width: 350px;
	height: 24px;
	padding: 4px 20px 4px 9px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 18px;
	color:#363636;
	border: none;
}

.forms fieldset .text-area {
	background-color: #ededed;
	width: 359px;
	height: 244px;
	padding:10px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 18px;
	color:#363636;
	display: block;
	resize: none;
	border: none;
}

.forms fieldset .text-input:focus, .forms fieldset .text-area:focus {
	background-color: #ededed;
}

.forms fieldset .btn-submit {
	background-color: #c4c4c4;
	width:145px;
	height:33px;
	margin: 0;
	text-align: center;
	color:#363636;
	font-size: 13px;
	cursor: pointer;
	font-weight:bold;
	border: 1px solid #9a9a9a;
	/*
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
	*/
	margin-left: 95px;
	margin-bottom: -20px;
}
.forms fieldset .btn-submit:hover {
	background-color: #e3e3e3;
	color:#000;
}

.forms li.error input, .forms li.error textarea {
}
.forms span.error {
	display: block;
	margin-left: 95px;
	color: #c43131;
	font-size: 12px;
	padding-top: 5px;
}
.forms .button-row span.error {
	padding: 0;
	display: none;
}
.forms li.focus {
}
.forms label {
	display: block;
	float: left;
	width: 95px;
	padding-top: 7px;
	font-size:1.4em;
	clear: both;
}
.form-container:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*-----------------------------------------------------------------------------------*/
/*	SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/
ul.social li {
	float:left;
	margin:0;
	padding:0;
	margin-right:8px;
	margin-bottom: 8px;
}
ul.social li a img {
	position:relative;
}
#footer {
	border-top: 1px solid #bfbfbf; 
	color:white;
	text-align:center;
	padding: 0.5em;
	font-size: 1em;
	background: var(--blue);

	
}
#footer b {
	font-size: 1.5em;
}

.footerDev {background: #117BE4;text-align:right;padding:5px 10px 10px 0;color:white;}

.boat-first {
	/* width:100%; */
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

.boat-first .Tit {font-size:1.5em ! important; border:0; margin:20px 10px 12px 10px  ! important; border-bottom: 1px dotted #144192; color: #1350bb;
}
.boat-first span {
	font-size:1.2em;
	color: #9a9a9a;
}
.boat-first p:last-child {
	
	font-size:15px; padding:0; margin:0;
	border-bottom: 1px solid #e0e0e0;
}
.boat-first h2 {
	display:inline-block;
	font-size:13px;
	margin:0; padding:0 0 5px 0;
}
.boat-first h3 {
	font-weight:bold;
	font-size:18px;
	margin:0 0 15px 0;
}

.formSearch {margin:0; position:relative; clear:both; height:100px; text-align:left; 
color:white;     
font-size: .9em !important;
 padding:0px 10px 20px 10px;
	background-color: #8c96a1;     line-height: 120%;
}
table.search {border:0; margin:0; width:100%; border-collapse:collapse}
table.search tr{background:white; border-bottom: 1px solid #bcbcbc; line-height:1.4em}
table.search tr:hover {background:#f1f1f1; border-bottom: 1px solid #868686;}

#Selector {width:100%; background:#DCDCDB}
#Selector tr td {padding:10px; font-size:1.2em}
#Selector a {color:black; text-decoration:none; background:white; border:1px solid #c0c0c0; padding:5px; padding-left:9px; padding-right:9px; margin:1px; border-radius:5px}
#Selector a:hover {background: #2f70bd; ; border: 1px solid #17375C; color:white}
#Selector a.ps {color:white; font-weight:bold; text-decoration:none; background: #17375C; border:1px solid #17375C; padding:5px; padding-left:9px; padding-right:9px; border-radius:5px}
#Selector a.ps:hover {background: #2f70bd; border: 1px solid #17375C;}



/* Light --------------------------*/

ul#menu, .flexslider, .section-container, .boat-first, .grid li, .panel-container, .news-list, .contact-container, #bottom{
	background-color: #fff;
	-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.flexslider {
	background:white;
}


}
.lite {
	color: #4a8b86;
	border-bottom: 1px dashed #4a8b86;
}
h1, h2, h3, h4, h5, h6 {
	color:#000;
}
#logo h1 {
	color:#282828;
}
#logo h1 a {
	color:#282828;
}
ul.unordered li {
	background-image: url(../images/light/bullet.png);
}


/* TABLES */
/* ----------------------------------------- */
table {
/*
	border-bottom:0px solid #8B8A88;
	border-top:0px solid #8B8A88; padding:0;
*/
}

table td {
	/*
	border-right:0px solid #8B8A88;	 
	*/
	padding:0;
}
/*
table td:hover {
	background-color: #FFFFFF;
}
*/
table th {
	color:#000;
	border-right:0px solid #8B8A88;
}

table tr {
	border-left:0px solid #8B8A88;
	border-top:0px solid #8B8A88;
}
table tr.hov:hover {
	border-left:0px solid #8B8A88;
	border-top:0px solid #8B8A88;
	}

table tr.caption {
	border-left:1px solid #8B8A88;
}

.contents {
	
}

.contents p {
	margin-bottom:1em;
}

.contents h2 {
	font-size: 1.5em;
    color: var(--blue);	
}
/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/

ul#menu li {
	background: transparent;
}
ul#menu li a {
	color: #272727;
}
ul#menu li a:hover, ul#menu li.current a {
	color:#010101;
	background-color: #efefef;
}

/*-----------------------------------------------------------------------------------*/
/*	SLIDER
/*-----------------------------------------------------------------------------------*/

.flexslider {
/*	border: 20px solid #fff; */
}
.flex-caption {
	
}
/* Direction Nav */
.flex-direction-nav li a {
	background: transparent url(../images/light/slider-arrows.png) no-repeat 0 0;
}
.flex-control-nav li a {
	background: transparent url(../images/light/slider-buttons.png) no-repeat 0 0;
}

/*-----------------------------------------------------------------------------------*/
/*	SERVICE COLUMNS
/*-----------------------------------------------------------------------------------*/

#service-columns p {
	color:#3a3a3a;
}

/*-----------------------------------------------------------------------------------*/
/*	ABOUT
/*-----------------------------------------------------------------------------------*/

.section-container ul li {
	background-image: url(../images/light/bullet.png);
}

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

.grid li {
	border: 1px solid #FFF;
}
.gallerynav li {
	color:#000;
}
.gallerynav li a {
	color:#000;
}
.gallerynav li a:hover, .gallerynav li.active {
	background: #c0c0c0;
}
.caption {
	background:#FFF;
	color: #000;
}

/*-----------------------------------------------------------------------------------*/
/*	NEWS
/*-----------------------------------------------------------------------------------*/

.date {
	background: #d4d4d4;
	color: #0e0e0e;
}

/*-----------------------------------------------------------------------------------*/
/*	CONTACT
/*-----------------------------------------------------------------------------------*/

.scrolltop {
	background: transparent url(../images/light/top.png) no-repeat 0 0;
}

/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/

.forms fieldset .text-input {
	background-color: #ededed;
	color:#363636;
}

.forms fieldset .text-area {
	background-color: #ededed;
	color:#363636;
}

.forms fieldset .text-input:focus, .forms fieldset .text-area:focus {
	background-color: #ededed;
}

.forms fieldset .btn-submit {
	background-color: #c4c4c4;
	color:#363636;
}
.forms fieldset .btn-submit:hover {
	background-color: #e3e3e3;
	color:#000;
}


/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/*
*{
    -webkit-transition:all 0.25s linear;
         -moz-transition:all 0.25s linear;
               -o-transition:all 0.25s linear;
                     transition:all 0.25s linear;
}
*/

/* Search */
.photo {
	margin: 6px;
    width: 240px;
    height: 180px;
    border-radius: 0.3em;
	
}
.content {position:relative; height:170px; padding:5px 10px 0 5px; font-size:1.2em}
.content b {font-size:1.4em}
.content .bdesc {font-size:1.1em}
.content .spec {font-size:1.1em; line-height:1.1em}
.content .price {
	position:absolute; bottom:0; right:4px; 
	font-size:1.5em;
	font-weight:bold;
    margin: .2em 0.5em;
	color:var(--blue);
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Search */
.photo {margin:5px; width:155px; height:115px; border:1px solid #B8BCCB;}
.content {position:relative; height:120px; padding:10px 10px 0 5px; font-size:1.1em}
.content b {font-size:1.5em}
.content .bdesc {color:#141414; font-size:1.1em}
.content .spec {font-size:1.1em}
.content .price {position:absolute; bottom:10px; right:1px; font-size:1.4em; font-weight:bold}

ul#menu, .portfolio, .tab-container, .panel-container {
	width:90%;
}
 #services {
 	width:95%;
 }


#navTopContainer {
	text-align: left;
	width:95%
}
#navTopContainer #logo {
	display: inline;
}


.borderline {
	padding-top: 0;
}
ul#menu {
	 display: none;
}
.selectnav {
	display: block;
}
.title h2 {
	display: inherit;
}
.title .gototop {
	display: inherit;
}

.flexslider {
	width: 100%;
	height: 270px;
}
.flexslider .slides img {
	width: 675px;
	height: auto;
}
.flex-caption {
	width: 655px;
}
.section-container {
	/* width:675px; */
}
.boat-first {
	/* width:100%;*/
}

.grid {
	width: 735px;
	margin-left:-20px;
}
.grid li {
	margin-left: 6px;
	margin-bottom: 19px;
}

.cantieri {
	width: 300px;
	overflow: hidden;
	margin:0 auto;
	padding: 0 0 0 0;
}
.cantieri li {
	margin: 15px 0 10px 0;
}

.tab-container {
	padding: 0;
}
.panel-container {
	width:675px;
	min-height: 384px;
}
#contact {
	height: inherit;
	margin-bottom: 100px;
}
.contact-container {
	width:675px;
}
.form-container {
	width: 320px;
}
.forms fieldset .text-input {
	width: 291px;
	height: 24px;
}
.forms fieldset .text-area {
	width: 300px;
	height: 144px;
}
.contact-right {
	width:320px;
	float:right;
}
.forms span.error {
	margin-left:0;
}
.forms label {
	float: none;
	width: inherit;
	padding: 0;
	padding-bottom: 5px;
}
.forms fieldset .btn-submit {
	margin-left:0;
}
#twitter {
	width:261px;
}
.twitter-wrapper .bird {
	bottom: 35px;
	right: 30px;
}
#bottom {
	width: 685px;
	margin-top: 15px;
}

}/* END Smaller than standard 960 (devices and browsers) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.photo {margin:5px; width:135px; height:95px; border:1px solid #B8BCCB;}
	/*
	.content {position:relative; height:110px; padding:0 10px 0 5px;}
	.content b {font-size:14px;}
	.content .bdesc {visibility:hidden}
	.content .spec {font-size:14px}
	.content .price {position:absolute; top:85px; right:4px; font-size:13px;font-weight:bold}
	*/


	.content {position:relative; height:120px; padding:10px 10px 0 5px; font-size:1em}
	.content b {font-size:1.5em}
	.content .bdesc {color:#141414; font-size:1.1em}
	.content .spec {font-size:1em}
	.content .price {position:absolute; bottom:0; right:1px; font-size:1.2em; font-weight:bold}




	#promo .cont {
		 position:relative; 
		 width: 100%; 
		 height: var(--hSlide-3);
		 overflow:hidden;
	}

	  #promo ul li .center {
		position: relative;
		margin: 0 auto;
		width: 440px;
		 height: var(--hSlide-3);
		}

	ul#menu, #services, .portfolio, .tab-container {
		width:440px;
	}
	#logo {
		text-align: center;
	}
	#logo img {
		display: inline;
	}
	#navTopContainer {
		text-align: left;
		width:95%;
	}
	#navTopContainer #logo {
		display: inline;
	}
	.borderline {
		padding-top: 0;
	}
	ul#menu {
		display: none;
	}
	.selectnav {
		display: block;
	}
	.title h2 {
		display: inherit;
	}
	.title .gototop {
		display: inherit;
	}

	.flexslider {
		width: 100%;
		height: 270px;
		border-width: 10px;
	}
	.flexslider .slides img {
		width: 420px;
		height: auto;
	}
	.flex-direction-nav li .flex-next {
		right: 5px;
	}
	.flex-direction-nav li .flex-prev {
		left: 5px;
	}
	.flex-control-nav {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.flex-caption {
		width: 400px;
	}
	#service-columns {
		display: none;
	}
	.section-container {
	/*	width: 400px; */
	}
	.boat-first {
		 /* width:100%; */
	}
	/*
	.section-container img {
		max-width: 400px;
		height: auto;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	*/
	#services h2.icon img {	
		text-align: inherit;
		display: inline;
		margin: inherit
	}
	.section-container .one-half, .section-container .one-third, .section-container .two-third, .section-container .three-fourth, .section-container .one-fourth, .section-container .one-fifth, .one-sixth {
		margin: 0;
		width: 100%;
	}
	.section-container .last {
		margin-top: 20px;
	}

	.boat-first .one-half, .boat-first .one-third, .boat-first .two-third, .boat-first .three-fourth, .boat-first .one-fourth, .boat-first .one-fifth, .one-sixth {
		margin: 0;
		width: 95%;
	}
	.boat-first .last {
		margin-top: 20px;
	}

	.grid {
		width: 440px;
		margin: 0;
		padding: 0;
	}
	.grid li {
		width: 430px;
		height: 275px;
	/*	height: auto; */
		margin-left:0;
	}
	.grid li img {
		width:420px;
		height: 266px;
	}

	.cantieri {
		width: 400px;
		overflow: hidden;
		margin:0 auto;
		text-align:center;
		padding: 0 0 0 0;
	}
	.cantieri li {
		text-align:center;
		margin: 15px 0 10px 60px;
	}

	.gallerynav {
		padding: 0;
	}
	.caption {
		width:410px;
	}
	.jcarousel-container {
		display: none !important;
	}
	.tab-container {
		padding: 0;
	}
	.panel-container {
		width:400px;
		min-height: auto;
		float: none;
	}
	.panel-container h2 {
		max-width: 370px;
	}
	.panel-container img {
		max-width: 100%;
		height: auto;
		text-align: center;
		display: block;
		margin: 0 auto 20px;
		float: none;
	}
	.next-tab.btn, .prev-tab.btn {
		display: block;
	}
	.panel-container span.postdate { 
		display: block;
	} 
	#contact {
		height: inherit;
		margin-bottom: 100px;
	}
	.contact-container {
		width:400px;
	}
	.form-container {
		width:400px;
	}
	.forms fieldset .text-input {
		width: 370px;
		height: 24px;
	}
	.forms fieldset .text-area {
		width: 379px;
		height: 144px;
	}
	.forms span.error {
		margin-left:0;
	}
	.forms label {
		float: none;
		width: inherit;
		padding: 0;
		padding-bottom: 5px;
	}
	.forms fieldset .btn-submit {
		margin-left:0;
	}
	.contact-right {
		width:400px;
		float: left;
		margin-top: 30px;
	}
	#twitter {
		width:360px;
	}
	.twitter-wrapper .bird {
		bottom: 35px;
		right: 10px;
	}
	#bottom {
		width: 410px;
		margin-top: 15px;
	}


}/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media (min-width: 512px) {

	.row .col-dyn {
		display:inline-block;
		width:50%;
	}

	.gridPhoto 
	{
		width:33.3333333333333%; 
		height:155px; 
		
	}
	
}

@media (min-width: 768px) {

	.imgPos.left {
		float: left;
		margin: 0 1em 1em 0;
	}	
	.imgPos.right {
		float: right;
		margin: 0 0 1em 1em;
	}	
	
	.imgPos.max30 {
		max-width: 30%;
	}
	
	.imgPos.max180px {
		max-width: 180px;
	}
	
	.row .col-dyn {
		display:inline-block;
		width:25%;
	}
	
	.gridPhoto 
	{
		width:25%; 
		height:165px; 
		
	}
	
	#home #slider {
     height: var(--hSlide-2);
	}
	
}


@media (min-width: 960px) {
	
	
	#home #slider {
     height: var(--hSlide-1);
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.photo {margin:2px; width:70px; height:55px; border:1px solid #B8BCCB;}
	.content {position:relative; height:90px; padding:0 5px 0 2px;}
	.content b {font-size:14px;}
	.content .bdesc {visibility:hidden}
	.content .spec {font-size:14px}
	.content .price {position:absolute; bottom:68px; right:1px; font-size:12px;font-weight:bold}
	  
	ul#menu, #services, .portfolio, .tab-container {
		width:290px;
	}
	#logo {
		text-align: center;
	}
	#logo img {
		display: inline; 
	}
	#navTopContainer {
		text-align: left;
		width:95% !important;
	}
	#navTopContainer #logo {
		display: inline;
	}
	.borderline {
		padding-top: 0;
	}
	ul#menu {
		display: none;
	}

	.boat-first {
	/* width:100%; */
	}
	.one-half {
		width:90%;
		margin-right:10px;
	}
	.last {
		margin-top: 4%;
	}
	.selectnav {
		display: block;
	}
	/*
	.title h2 {
		display: inherit;
		padding: 10px 10px 11px;
		font-size: 1.2em;
	}
	.title h2 span {
		top:13px;
	}
	*/
	.title .gototop {
		display: inherit;
		top:15px;
		right: 10px;
	}

	.flexslider {
		width: 100%;
		height: 110px;
		border-width: 10px;
	}
	.flexslider .slides img {
		width: 270px;
		height: auto;
	}
	.flex-direction-nav li .flex-next {
		right: 5px;
	}
	.flex-direction-nav li .flex-prev {
		left: 5px;
	}
	.flex-control-nav {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.flex-caption {
		display: none;
	}
	#service-columns {
		display: none;
	}
	.section-container {
		/* width: 250px; */
	}
	.section-container img.imgPos.left, .section-container img.imgPos.right {
		float: none;
		margin-bottom: 20px;
		margin-right:auto;
	}
	.section-container img {
		max-width: 250px;
		height: auto;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	#services h2.icon img {	
		text-align: inherit;
		display: inline;
		margin: inherit
	}
	.section-container .one-half, .section-container .one-third, .section-container .two-third, .section-container .three-fourth, .section-container .one-fourth, .section-container .one-fifth, .one-sixth {
		margin: 0;
		width: 100%;
	}
	.section-container .last {
		margin-top: 20px;
	}
	.grid {
		width: 310px;
		margin: 0;
		padding: 0;
	}
	.grid li {
		width: 280px;
		height: 180px;
		/* height: auto; */
		margin-left:0;
	}
	.grid li img {
		width:270px;
		height: inherit;
	}

	.cantieri {
		width: 250px;
		overflow: hidden;
		margin:0 auto;
		text-align:center;
		padding: 0 0 0 0;
	}
	.cantieri li {
		width:220px;
		text-align:center;
		margin: 15px 0 10px 13px;
	}

	.cantieri li img {
		width:180px;
		height: inherit;
	}

	.gallerynav {
		padding: 0;
	}
	.caption {
		width:250px;
	}
	.jcarousel-container {
		display: none !important;
	}
	.tab-container {
		padding: 0;
	}
	.panel-container {
		width:250px;
		min-height: auto;
		float: none;
	}
	.panel-container h2 {
		max-width: 200px;
	}
	.panel-container img {
		max-width: 100%;
		height: auto;
		text-align: center;
		display: block;
		margin: 0 auto 10px;
		float: none;
	}
	.next-tab.btn, .prev-tab.btn {
		display: block;
	}
	.panel-container span.postdate { 
		display: block;
	} 
	#contact {
		height: inherit;
		margin-bottom: 100px;
	}
	.contact-container {
		width:345px;
	}
	.form-container {
		width:330px;
	}
	.forms fieldset .text-input {
		width: 330px;
		height: 24px;
	}
	.forms fieldset .text-area {
		width: 330px;
		height: 144px;
	}
	.forms label {
		float: none;
		width: inherit;
		padding: 0;
		padding-bottom: 5px;
	}
	.forms span.error {
		margin-left:0;
	}
	.forms fieldset .btn-submit {
		margin-left:0;
	}
	.contact-right {
		width:250px;
		float: left;
		margin-top: 30px;
	}
	#twitter {
		width:205px;
	}
	.twitter-wrapper .bird {
		bottom: 35px;
		right: 10px;
	}
	#bottom {
		width: 260px;
		margin-top: 15px;
	}

		.cntVetrine .col3 {width: 100%;}


}/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

.dynTable {
	
	margin:1em;
}
.dynTable p {
	width:96%
}
.dynTable ul {
	width:90%
}
.dynTitle {font-size:1.8em; color:#024; margin-bottom: 0.6em;}


@media only print {
	
	.row .col-dyn {
		display:inline-block;
		width:25%;
	}
	.gridPhoto 
	{
		width:25%; 
		height:165px; 
		
	}
	
}



/*
	Animation 
	---------------------------------------------------------------*/
	
@-webkit-keyframes 'aniRot' {
	0% {
		-webkit-transform: rotateY(-90deg); /* Chrome, Safari, Opera  */
		transform: rotateY(-90deg);	
		background:#fafafa;
	}
	 
	10% {
		-webkit-transform: rotateY(10deg); /* Chrome, Safari, Opera  */
		transform: rotateY(10deg);	
		background:#fff;
		
	}
	19% {
		-webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera  */
		transform: rotateY(0deg);	
		background:#fff;
		
	}
	 
	89% {
		-webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera  */
		transform: rotateY(0deg);
		background:#fff;
		
	}

	95% {
		-webkit-transform: rotateY(-20deg); /* Chrome, Safari, Opera  */
		transform: rotateY(-20deg);
		background:#fafafa;
		
	}
	 
	100% {
		-webkit-transform: rotateY(90deg); /* Chrome, Safari, Opera  */
		transform: rotateY(90deg);	
		background:#fafafa;
		
	}
}

@keyframes aniRot {
	0% {
		-webkit-transform: rotateY(-90deg); /* Chrome, Safari, Opera  */
		transform: rotateY(-90deg);	
		background:#eee;
	}
	 
	10% {
		-webkit-transform: rotateY(10deg); /* Chrome, Safari, Opera  */
		transform: rotateY(10deg);	
		background:#fff;
		
	}
	19% {
		-webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera  */
		transform: rotateY(0deg);	
		background:#fff;
		
	}
	 
	89% {
		-webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera  */
		transform: rotateY(0deg);
		background:#fff;
		
	}

	95% {
		-webkit-transform: rotateY(-20deg); /* Chrome, Safari, Opera  */
		transform: rotateY(-20deg);
		background:#f8f8f8;
		
	}
	 
	100% {
		-webkit-transform: rotateY(90deg); /* Chrome, Safari, Opera  */
		transform: rotateY(90deg);	
		background:#e8e8e8;
		
	}
}

.pointAni {

	animation-duration: 7s;
	animation-name: aniRot;
	animation-iteration-count:infinite;
	animation-timing-function: linear;

	-webkit-animation-duration: 7s;
	-webkit-animation-name: aniRot;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function: linear;
	
}