@charset "UTF-8";
/* CSS Document */

html,
body
{
       height: 100%;
    margin: 0;
	font-family: 'Lato', sans-serif;
}


a:link, a:visited {
	text-decoration:none;
	  color: #000;
	}



.facebook:link, .facebook:visited {
	  background-image: url("img/facebook.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    width: 26px;
	}


.facebook:hover {
	opacity:0.5;
	}



#controlli {
   font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    text-transform: uppercase;
    width: 120px;
	}

.jcarousel-control-prev {
	float:left;	
	 color: #000 !important;
	}

.jcarousel-control-next {
	float:right;
	 color: #000 !important;
	}


#box-mappa{
 margin-bottom: -19px;
    padding: 0 30px;
	}



#img-tratt {
	  background-image: url("img/img-chi.jpg");
    background-size: cover;
    display: block;
    float: right;
    height: 401px;
    width: 35%;
	}

#prezzi {
	     padding: 0 30px;
    text-align: left;
}

strong {
float:right;
	
	}




.tel:link, .tel:visited {
	 background-image: url("img/tel.png");
    background-position: 11px center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    border: 2px solid #000;
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 11px;
    padding: 5px 5px 5px 30px;
    text-decoration: none;
    width: 138px;
	
	pointer-events: none;
   cursor: default;
	}


.tel:hover {
	color:#fff;
	background-color:#000;
	 background-image: url("img/tel2.png");
		}


*::-moz-selection {
    background: none repeat scroll 0 0 #ccc;
    color: #ffffff;
}


.lt-ie9 header
{
    background-position: top center;
}

header {

    background-image: url("beach.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 100%;
	
	}
	

#box-contatti {
	margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
	}
	

h5 {
	  font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
	}
	

#footer{
  float: left;
    line-height: 23px;
    margin-top: 50px;
    padding-bottom: 100px;
    text-align: center;
    width: 100%;
}



h1 {
	background-image: url("img/sep.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 50% 3px;
    font-size: 27px;
    margin-bottom: 32px;
    padding-bottom: 21px;
    text-align: center;
    text-transform: uppercase;
	}
	
h2 {
	    background-image: url("img/sep.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 50% 3px;
	
    font-size: 19px;
    font-weight: 600;
    padding-top: 21px;
    text-align: center;
	}
	



#servizi a:link, #servizi a:visited{
	color:#000;
	transition:all 200ms linear 0s;
	}
	

#servizi a:hover {
	opacity:0.6;
	}


.fancybox {
	
	}


#gallery {
  float: left;
    margin-bottom: -20px;
    margin-top: 11px;
    text-align: center;
    width: 100%;
	
	}
	
#gallery img {
	margin: 0 1% 2% !important;
    width: 30%;
	}


#servizi {
	  float: left;
    margin-top: 30px;
    width: 100%;
	}
	
#servizi img {
 height: auto;
    margin: 0 !important;
    width: 100%;

}
	
h4 {
	  float: left;
    font-size: 15px;
    line-height: 19px;
    margin: 15px 0 35px;
    text-decoration: none !important;
    width: 100%;
	}

#serv1 {
	 float: left;
    margin: 0 8% 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 28%;
	}
	
	
#serv2 {
	 float: left;
    margin: 0 8% 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 28%;
	}
	

#serv3 {
	 float: left;
	  text-align: center;
	 width: 28%;
	     text-transform: uppercase;

	}
	
	
p {
	 
	}


#box-contenuto img {
     clear: both;
    float: right;
    margin-left: 30px;
    margin-top: 12px;
}

#box-contenuto2 img {
     clear: both;
    margin-top: 12px;
}

#box-contenuto3 img {
     clear: both;
    float: right;
    margin-left: 4%;
    margin-top: 12px;
}
	


#page {
	display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    position: relative;
    width: 100%;
	}

#box-contenuto {
	    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 30px;
    text-align: justify;
	}

#box-contenuto2 {
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0;
    text-align: justify;
    width: 100%;
}

#box-contenuto3 {
     float: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: justify;
    width: 100%;
}

	
#logo {
	 background-image: url("img/logo.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 288px auto;
    height: 182px;
    margin-top: 75px;
    text-indent: -999999px;
    width: 100%;
	}



#nav-home {
	  border-bottom: 6px solid #000000;
    bottom: 0;
    height: auto;
    position: absolute;
    width: 100%;
	}
	
	
	#nav-int {
	border-top: 6px solid #000000;
    height: auto;
    position: absolute;
    top: 0;
    width: 100%;
	}
	
	
	
#navigation-one {
	   height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 100%;
	}
	

#navigation-two {
	   height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 100%;
	}

	
.nav-menu:link, .nav-menu:visited{
	background-image: url("img/frec.png");
    background-position: center 38px;
    background-repeat: no-repeat;
    color: #000;
    display: table;
    float: left;
    font-weight: bolder;
    height: 37px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s;
    width: 20%;
	  font-size: 15px;
	}
	
.nav-menu-active:link, .nav-menu-active:visited{
	background-image: url("img/frec.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #000;
    display: table;
    float: left;
    font-weight: bolder;
    height: 37px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s;
    width: 20%;
	  font-size: 15px;
	}
	
.nav-menu:hover {
	background-image: url("img/frec.png");
    background-position: center bottom;
    background-repeat: no-repeat;
	}
	
	
	
	
	.nav-menu2:link, .nav-menu2:visited{
	 background-image: url("img/frec-giu.png");
    background-position: center -5px;
    background-repeat: no-repeat;
    color: #000;
    display: table;
    float: left;
    font-weight: bolder;
    height: 37px;
    padding-top: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s;
    width: 20%;
	  font-size: 15px;
	}
	
.nav-menu-active2:link, .nav-menu-active2:visited{
	  background-image: url("img/frec-giu.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #000;
    display: table;
    float: left;
    font-weight: bolder;
    height: 37px;
    padding-top: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease-out 0s, background 0.2s ease-in 0s;
    width: 20%;
	  font-size: 15px;
	}
	
.nav-menu2:hover {
	background-image: url("img/frec-giu.png");
    background-position: center 0;
    background-repeat: no-repeat;
   
	}
	
	
	
	
	
	
@media screen and (max-width:430px) { 






.tel:link, .tel:visited {
	cursor: default;
	pointer-events: auto;
	}




#gallery img {
    margin: 0 1% 2%;
    width: 45%;
}


h4 {
    float: left;
    font-size: 15px;
    line-height: 19px;
    margin: 15px 0 35px;
    width: 100%;
	text-decoration:none !important;
}


#serv1 {
     float: left;
   margin: 0 0 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


#serv2 {
    float: left;
   margin: 0 0 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#serv3 {
    float: left;
   margin: 0 0 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}



#box-contenuto img {
   margin-bottom: 40px;
    width: 100%;
}


#box-contenuto3 img {
   display: block;
    float: none;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}


.nav-menu:link, .nav-menu:visited {
	font-size: 13px;
	 height: 28px;
	 width: 19%;
	}
	
.nav-menu-active:link, .nav-menu-active:visited {
	font-size: 13px;
	 height: 28px;
	 width: 19%;
	}


.nav-menu2:link, .nav-menu2:visited {
	font-size: 13px;
	 height: 28px;
	 width: 19%;
	}
	
.nav-menu-active2:link, .nav-menu-active2:visited {
	font-size: 13px;
	 height: 28px;
	 width: 19%;
	}


#logo{
	  background-image: url("img/logo.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 220px auto;
    height: 132px;
    margin-top: 55px;
    text-indent: -999999px;
    width: 100%;
	}




}
	
	
	

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



h4 {
	text-decoration:none;
	}


.nav-menu:link, .nav-menu:visited {
	font-size: 11px;
	 height: 28px;
	 width: 19%;
	}
	
.nav-menu-active:link, .nav-menu-active:visited {
	font-size: 11px;
	 height: 28px;
	 width: 19%;
	}

#navigation-one {
  height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 312px;
    min-width: 100px;
    width: 100%;

}





.nav-menu2:link, .nav-menu2:visited {
	font-size: 11px;
	 height: 28px;
	 width: 19%;
	}
	
.nav-menu-active2:link, .nav-menu-active2:visited {
	font-size: 11px;
	 height: 28px;
	 width: 19%;
	}
#navigation-two {
  height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 312px;
    min-width: 100px;
    width: 100%;

}


}