@charset "UTF-8";

/* 

Ferrucciolipari 

*/



/* === PRELOAD === */

#copertinaLoading {
	position:fixed;
	left:0;
	top:0;
	z-index:2000;
	background:#FFF;
	width:100%;
	height:100%;
	}

.radius3 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	}

body{
	font-family:Arial,Helvetica,sans-serif;
	overflow-x:hidden;
	color:#222;
	border-top:2px solid #222;
	}

.box_fluid {
	margin:0 auto;
	position:relative;
	max-width:1300px; /* responsive OK */
	}

.box960 {
	width:960px;
	position:relative;
	margin:0 auto;
	display:block;
	}

.color1 {color:#118D8F;}

#logo_top {
	display:block;
	width:310px;
	height:67px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/logo-top.png) center center no-repeat;
	color:transparent;
	}
	
.separatore1 {
	height:2px;
	background-color:#A5D1D0;
	width:100%;
	}

#navmenu {
    width:100%;
	text-align:center;
	padding-top:9px;
	}
	
#navmenu a {
	display:inline-block;
	font-size:13px;
	letter-spacing:0.5em;
	padding:7px 12px 7px 16px;
	border-bottom:1px solid transparent;
	color:#222;
	}

#navmenu a:hover {
	color:#118D8D;
	border-bottom:1px solid #118D8D;
	}
	
#navmenu a,
#navmenu a:hover,
#scelta_lingua,
#scelta_lingua:hover  {
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear; 
	}

#box_categorie a,
#box_categorie a img,
#box_categorie a:hover img,
#box_categorie a:hover .ico_hj {
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	transition:all 0.3s linear; 
	}
	
#navmenu a.active {
	background-color:#118D8D;
	color:#FFF;
	border-bottom:1px solid #118D8D;
	border-top:1px solid #118D8D;
	}
	
.slogan_centrato {
	letter-spacing:0.7em;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	color:#000;
	}

#box_categorie .containerx3 {
	float:left;
	width:970px;
	}

#box_categorie .containerx4 {
	float:left;
	width:1320px;
	}	

#box_categorie .containerx3 .titolo_sezione,
#box_categorie .containerx4 .titolo_sezione {
	position:absolute;
	bottom:30px;
	left:0;
	z-index:5;
	width:313px;
	overflow:hidden;
	text-align:center;
	background:url(../images/alpha-white80.png) repeat;
	}

#box_categorie .containerx3 .titolo_sezione h3,
#box_categorie .containerx4 .titolo_sezione h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.4em;
	text-align:center;
	font-size:18px;
	color:#222;
	display:inline-block;
	padding:13px 0 15px;
	}

#box_categorie .containerx4 .titolo_sezione h3 {letter-spacing:0.1em;}

.ico_hj {
	width:47px;
	height:38px;
	display:block;
	position:absolute;
	left:50%;
	top:36%;
	margin-left:-23px;
	z-index:6;
	background:url(../images/ico-hj.png) center center no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity:0;
	}

#box_categorie .containerx3 a,
#box_categorie .containerx4 a {
	display:block;
	float:left;
	position:relative;
	width:313px;
	height:302px;
	overflow:hidden;
	float:left;
	background-color:#FFF;
	margin:0 10px 10px 0;
	}

 #box_categorie .containerx4 a {
	margin:0 16px 16px 0;
	}


#box_categorie a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
	}

#box_categorie a:hover img {
	background:url(../images/ico-hj.png) center center no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity:0.1;
	}

#box_categorie a:hover .ico_hj {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
	}
	
#scelta_lingua {
	font-size:12px;
	font-style:italic;
	color:#333;
	display:inline-block;
	padding-bottom:10px;
	}	
	
#scelta_lingua:hover {color:#118D8D;}	
	
#dati_footer {
	width:810px;
	margin:0 auto;
	}

#dati_footer p,#dati_footer a {
	text-align:center;
	font-size:14px;
	color:#222;
	line-height:1.6em;
	}
	
#dati_footer a {
	text-decoration:underline;
	}
	
footer {
	position:relative;
	margin:0 auto;
	display:block;
	padding-top:115px;
	}
	 
footer #btn_galleria_completa {
	text-transform:uppercase;
	letter-spacing:0.5em;
	text-align:center;
	font-size:13px;
	color:#FFF;
	display:block;
	padding:15px 11px 15px 15px;
	background-color:#118D8F;
	margin:0 auto;
	width:260px;
	}
	
footer #linea2 ,footer #linea2 a{
	color:#888;
	font-size:12px;
	}
	
#socials {text-align:center;}


footer #btn_galleria_completa.active {
	background-color:#FFF;
	color:#118D8D;
	}

.slogan_top {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url(../images/alpha-black65.png);
	}

/* Direction Nav */
#slider-top .flex-direction-nav {*height: 0;}
	
#slider-top .flex-direction-nav a {
	display:block;
	width:40px;
	height:40px;
	margin:-20px 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	color:rgba(255,255,255,0.9);
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transition:all .3s ease;
	}
	
#slider-top .flex-direction-nav .flex-prev {
	left:-50px;
	}
	
#slider-top .flex-direction-nav .flex-next {
	right:-50px;
	text-align:right;
	}
	
#slider-top .flexslider:hover .flex-prev {
	opacity: 0.7; left: 10px;
	}
	
#slider-top .flexslider:hover .flex-next {
	opacity: 0.7; right: 10px;
	}
	
#slider-top .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1;}
#slider-top .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#slider-top .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
#slider-top .flex-direction-nav a.flex-next:before  { content: '\f002'; }














#carousel .flex-direction-nav {
	position:relative;
	}
	
#carousel .flex-prev,
#carousel .flex-next {
	position:absolute;
	display:block;
	width:15px;
	height:25px;
	padding:10px;
	overflow:hidden;
	text-indent:-9999px;
	color:transparent;
	top:-54px;
	}	
	
#carousel .flex-prev{
	background:url(../images/arrow-prev.png) center center no-repeat;
	left:-40px;
	}
	
#carousel .flex-next{
	background:url(../images/arrow-next.png) center center no-repeat;
	right:-40px;
	}


#galleria_dettaglio a img,
#carousel a img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
	}

#galleria_dettaglio a:hover img,
#carousel a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:0.6;
	}
	
#carousel li img {
	width:71px;
	height:68px;
	}


#galleria_dettaglio a {
	margin:0 3px;
	}
	
	
	
	
	
	
	
	.box810 {
		display:block;
		position:relative;
		width:810px;
		margin:0 auto;
		}
	
	
	
	
	
	
	#box_harman_jane {
		padding:10px;
		background-color:#FFF;
		position:absolute;
		top:-140px;
		right:0;
		}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	}


	
	
	
	
	
	
	
	
	
	
	
	
































































	
	
	
	
	
	
	
	
	
	
	
	
	
	





























/* ============= PAGINAZIONE ================= */
.paginazione {text-align:center;}
	
.paginazione a, #nav a {
	border:1px solid #222;
	padding:4px 8px;
	margin:0 5px;
	font-size:14px;
	color:#E7452F;
	background:url(../images/bg_h1_slider.png);
	}

.current, #nav .activeSlide {
	background-color:#E7452F;
	border:1px solid #222;
	padding:4px 8px;
	margin:0 5px;
	font-size:14px;
	color:#FFF;
	} 
	
.disabled {
	padding:4px 8px;
	margin:0 5px;
	font-size:14px;
	color:#ccc;
	} 		

.paginazione a:hover {color:#EEE;}

.paginazione a#active {
	background-color:#EEE;
	color:#C00;
	}

.paginazione a:hover,.paginazione a {
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	transition:all 0.1s linear; 
	}
	
/* ========== GRID TESTO ============= */
.gridTesto h3 {
	font-size:16px;
	color:#EEE;
	}
	
.gridTesto {font-size:14px;}
	
.gridTesto h1 {
	font-size:19px;
	line-height:1em;
	color:#000;
	letter-spacing:0.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.gridTesto {
	line-height:1.6em;	
	color:#333;
	}
	
.gridTesto ul,
.gridTesto ol {
	margin:20px 0;
	padding:0;
	}
	
.gridTesto li {
	margin-left:20px;
	color:#444;
	}
	
.gridTesto em {font-style:italic;}
.gridTesto ul li {list-style-type:disc;}
.gridTesto ol li {list-style-type:decimal;}
.gridTesto strong {color:#008CBA; font-weight:700;}
.link1,.gridTesto a {color:#E7452F;}
.link1:hover,.gridTesto a:hover {text-decoration:underline;}
.link1 {text-transform:uppercase;}
.gridTesto .titoletto {
	font-size:15px;
	font-style:italic;
	}
	
.gridTesto .separatore{
	border-top:1px solid #333;
	background-color:#000;
	height:1px;
	width:100%;
	margin:10px 0;
	}
	







/* ============ BOX CONTATTI ============ */

#box_contatti h1 {font-size:26px;}

#box_contatti .f_textarea,
#box_contatti .f_condizioni_privacy,
#box_contatti .divider  {
	width:500px;
	}
	
#box_contatti .f_input,
#box_contatti .f_textarea,
#box_contatti .f_condizioni_privacy {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.5em;
	font-size:13px;
	}

#box_contatti .f_input {
	padding:5px;
	border:1px solid #BBB;
	background:#DDD;
	margin:5px 0;
	width:200px
	}
	
#box_contatti .f_textarea {
	padding:5px;
	border:1px solid #BBB;
	background:#DDD;
	margin:5px 0;
	height:145px;
	}
	
#box_contatti .f_condizioni_privacy {
	padding:5px;
	border:1px solid #BBB;
	background:#DDD;
	color:#888;
	font-size:12px;
	margin:5px 0;
	}
	
#box_contatti .divider {
	height:2px;
	background-color:#118D8F;
	}

#box_contatti #btn_contatti {
	background-color:#000;
	padding:12px 16px;
	color:#FFF;
	text-transform:uppercase;
	}
	
#box_contatti {
	height:640px;
	}

#mappa_google {
	width:1300px;
	height:400px;
	}






.divider_standard {
	width:100%;
	height:1px;
	background:#AAA;
	}



@media (max-width:1299px) {

.box_fluid {width:960px;}
#box_categorie .containerx4 {width:970px;}
#box_categorie .containerx4 a {margin:0 10px 10px 0;}

#mappa_google {
	height:295px;
	}

}