/* Box-sizing -*/
@font-face {
  font-family: 'Cube';
  src: url('font/cube_1_.eot');
  src: url('font/cube_1_.eot?#iefix') format('embedded-opentype'),
       url('font/cube.woff') format('woff'),
	   url('font/cube.woff2') format('woff2'),
       url('font/cube.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@import 'https://fonts.googleapis.com/css?family=Open+Sans';


* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 *behavior: url('js/boxsizing.htc');
}

/* Display block per gli elementi HTML5 su IE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display: block;
}

/* Immagini responsive */
img { 
 border:0; 
	vertical-align:middle; 
	-ms-interpolation-mode:bicubic;
}
 
img.scala { 
 max-width:100%; 
	height:auto;
	width: auto; 
}

/* Stili di base e tipografia */
body {
 margin: 0;
 padding: 0;
 font-family: 'Cube', sans-serif;
 font-size: 14px;
 line-height: 20px;
 color:#000000; 
 -webkit-text-size-adjust:100%;
}

a {
 color:#000000;
 text-decoration: none;
}

a:hover {
  color: #b81309;
 text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Cube', sans-serif;
} 

h1 { 
 font-size:24px; 
	line-height:46px; 
	margin-bottom:20px; 
}

h2 { 
 font-size:16px; 
	line-height:28px; 
	margin-bottom:12px; 
}

h3 { 
 font-size:21px; 
	line-height:25px; 
	margin-bottom:8px; 
}

/* header */
.contenitoreheader {
width:100%;
padding-bottom:0px;
height:160px;
padding:10px;
background-image:url("images/SBFLRG.jpg");
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
background-opacity:0.8;
}
.contenitoreheader img {
max-height: 90%;
width:auto;	
}
.contenitoreheaderdx {
float:right;
position:relative;	
width:80%;
height:160px;
}

.contenitoreheadersx {
float:left;
position:relative;
width:20%;
height:160px;
margin:0 auto;	
}
.contenitoreheadersx img {
	width:auto;
	height:90%;
	
}


.contenitore {
 width:100%; 
	margin:0 auto; 
	padding:0; 
	position:relative;
}

.riga {
 margin: 0 0 0px 0;
}
.rigamain {
 margin: 0 0 0px 0;
}

[class*='colonna-'] {
 display: block;
 float: left;
 padding: 0 0px;
}
.colonna-contenuti-1 {
	width: 20%;
	text-align: left;
	float: left;
	position: relative;
	background-color:#93a6bd;
	padding:10px;
}
.colonna-contenuti-1 hr {
	border: none;
	border-top: 2px solid #00427a;
}
.linkmenu1 {
font-size:15px;
	color:#00427a;
	line-height:16px;
	display:block;
	margin-top:20px;
	font-weight:bold;	
}
.linkmenu1top {
font-size:13px;
	color:#fff;
	line-height:16px;
	display:block;
	margin-top:20px;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;	
	background-color:#A80A0C;
	text-align:center;
}
.linkmenu1intermedio {
font-size:13px;
	color:#fff;
	line-height:16px;
	display:block;
	margin-top:20px;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;	
	background-color:#052D7E;
	text-align:center;
}
.linkmenu1economico {
font-size:13px;
	color:#fff;
	line-height:16px;
	display:block;
	margin-top:20px;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;	
	background-color:#C3A400;
	text-align:center;
}
.linkmenu1servizi {
	font-size: 13px;
	color: #fff;
	line-height: 16px;
	display: block;
	margin-top: 20px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #685222;
	text-align: center;
}
.linkmenu1 a:link, .linkmenu1 a:visited {
	font-size:15px;
	color:#00427a;
	line-height:16px;
	display:block;
	margin-top:20px;
	font-weight:bold;
}
.linkmenu1 a:hover, .linkmenu1 a:active {
	color: #BCD4F0;
	BACKGROUND-COLOR: #709FF7;
}
.linkmenu2 a:link, .linkmenu2 a:visited {
font-size:12px;	
line-height:14px;
color:#00427a;
display:block;
margin-top:10px;
font-weight:bold;
}
.linkmenu2 a:hover, .linkmenu2 a:active {
	color: #BCD4F0;
	BACKGROUND-COLOR: #709FF7;
}
.attivo {
	color: red;
}
.colonna-contenuti-1 img {
width:50px;
height:auto;
border:1px solid #0066b2;	
}
.bonifica {
	font-size:13px;
	text-align:center;
	color: #BCD4F0;
}
.bonifica a:link, bonifica a:visited {
color: #00427a;	
}
.indirizzo {
	font-size:13px;
	color: #00427a;
}
.colonna-contenuti-2 {
width:80%;
float:left;	
color:#00427a;
font-size:16px;
background-color:white;
font-family: 'Open Sans', sans-serif;
}
.colonna-contenuti-2 p, .colonna-contenuti-2 h1, .colonna-contenuti-2 h3 {
padding-left:20px;
padding-right:20px;	
}
.fotohome {
width:100%;
height:auto;
margin-bottom:10px;	
}
.fotoprodotti {
max-width:100%;
width:500px;
height:auto;
padding:5px;

}
.bandablu {
width:100%;
height:60px;
}
.griglia {
width:100%;
float:left;
padding:1%;	
}

.alignfotodx {
	margin:10px;
	border:2px solid #0066b2;
	float:right;	
	display:inline-block;
}
.alignfotosx {
	margin:10px;
	border:2px solid #0066b2;
	float:left;	
	display:inline-block;
}

.colonna-1-3 {
width:30%;
margin-right:3%;
margin-bottom:3%;
height:auto;
/*-webkit-box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);	*/
text-align:center;
background-color:white;
}
.colonna-1-3 img {
max-width:100%;
height:auto;	
}
.colonna-1-4 {
width:22%;
margin-right:1.5%;
margin-left:1.5%;
margin-bottom:3%;
margin-top:3%;
height:300px;
-webkit-box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 23px 6px rgba(0,0,0,0.75);	
text-align:center;
background-color:white;
line-height:300px;
}
.colonna-1-4 img {
width:auto;
height:auto;
max-height:98%;	
max-width:98%;
}
.testogiallo {
color:#F5D426;	
}
.owl-carousel div {
font-size:10px;
line-height:12px;	
text-align:center;
}
.owl-carousel div img {
width:auto;
height:100px;	
}
.owl-carousel div a:link, .owl-carousel div a:visited {
display:block;	
}

/* Micro-clearfix */
.contenitore:before,
.contenitore:after,
.riga:before,
.riga:after, .rigamain:before,
.rigamain:after {
 content: " "; 
 display: table;
}

.contenitore:after,
.riga:after, .rigamain:after {
 clear: both;
}

.contenitore, 
.riga, rigamain {
 *zoom: 1;
}

/* Stili  per le varie sezioni */
header {
 position: relative;
}

footer {
background-color:white;
font-size:16px;
color:#00427a;
line-height:25px;
padding:20px;
}
footer a:link, footer a:visited {
color:#ffff2e;	
}
footer a:hover, footer a:active {
 color:white;
}
.imagehome {
width:auto;
max-height:300px;
border:2px solid #ffffff;
float:right;
margin-left: 5px;	
}
.imagehome1 {
width:auto;
max-height:200px;
border:2px solid #ffffff;
float:left;
margin-left: 5px;	
}
.boxtelefono {
	background-color:white;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	border:1px solid #00427a;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
float:left;
padding:8px;
line-height:30px;
}
.boxtelefono img {
height:auto;
width:20px;
margin-right:10px;	
margin-left:10px;
border:none;
}
.boxtelefono a:link, .boxtelefono a:visited {
font-size:14px;	
}
.boxtelefono1 {
	background-color:white;
	margin-top:20px;
	width:46%;
	margin-right:2%;
	margin-left:2%;
	border:1px solid #00427a;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
float:left;
padding:5px;
line-height:25px;
text-align:center;
}
.boxtelefono1 img {
height:auto;
width:50px;
margin-right:10px;	
margin-left:5px;
border:none;
}
.boxtelefono1 a:link, .boxtelefono1 a:visited {
font-size:17px;	
font-weight:bold;
display:block;
}
.divcontatti1 {
width:50%;
float:left;	
}
.divcontatti2 {
width:50%;
float:left;	
}
.googlemap_wrap  {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.googlemap_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.divcontatti1 a:link, .divcontatti1 a:visited {
	color:#00427a;
}
.divcontatti1 a:hover, .divcontatti1 a:active {
	color:red;
}
.captionjs a {
			color: #fff;
}
.captionjs.default a {
			color: #fff;
}
.captionjs figcaption {
			font-size: 13px;
			line-height: 1.5;
			padding: 10px 15px;
			border: 1px solid #ddd;
			border-top: none;
			background-color: #eee;
}
.ingrandimento img {
max-width:100%;
height:auto;	
}
figure {
max-width:100%!important;
height:auto!important;	
}

#form1 input {
max-width:90%;
width:90%;	
}





/* inizio facebook */

.fb-wrap {
padding-top: 10px; width:90%; margin: 0 auto;}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style]
{width:  100% !important; }

@media (max-width:1100px) { 
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget span iframe[style] {
	    width: 100% !important;
	    min-width: 90px;
	}
}
/* fine facebook */



 /*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(js/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(js/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(js/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(js/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(js/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(js/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(js/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(js/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(js/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(js/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(js/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(js/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(js/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(js/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(js/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(js/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(js/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(js/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(js/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}