@font-face {
    font-family: 'InterstateRegular';
    src: url('font/interstate-regular-webfont.eot');
    src: url('font/interstate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/interstate-regular-webfont.woff') format('woff'),
         url('font/interstate-regular-webfont.ttf') format('truetype'),
         url('font/interstate-regular-webfont.svg#interstate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'santana';
    src: url('font/Santana-BlackCondensed-webfont.eot');
    src: url('font/Santana-BlackCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Santana-BlackCondensed-webfont.woff') format('woff'),
         url('font/Santana-BlackCondensed-webfont.ttf') format('truetype'),
         url('font/Santana-BlackCondensed-webfont.svg#santana-blackcondensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* GENERAL */
    
body { margin:0px; font: .8em/140% Arial, Helvetica, sans-serif; color: #777; background-color:#ddd; 
       /*background-image:url(/images/cancella.jpg); background-size: cover;*/
       /*background: url(/images/logli.jpg) 50% 0% no-repeat fixed;*/
}

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

.no_pad { padding:0px; margin:0px; border:0px; vertical-align:top; }
.no_pad:hover { padding:0px; margin:0px; border:solid 0px #800; vertical-align:top;
                opacity: 0.8; filter:Alpha(Opacity=80);
}
.content_img { float:left; margin:0.3% 1% 1% 0; width:65px; height:65px;  }
.print_img { padding:0px; margin:0px 0px 0px 10px; border:0px; vertical-align:middle; }
.gallery_li { display:inline-block; zoom:1; *display:inline; padding:0.5%; margin:0px; list-style: none; vertical-align: top; }
.lazy_gallery { padding:0px; margin:0px; border:0px; vertical-align:top; width:100%; border:solid 0px #fff; }
.lazy { padding:0px; margin:0px; border:0px; vertical-align:top; }
.barra {width:90%; height:2px; max-height:2px; min-height:2px; background-color:#ddd; margin:2% auto 0 auto; text-align:center;}
.tags_barra {width:100%; height:1px; max-height:1px; min-height:1px; margin:5px 0 5px 0;background-color:#eee;}

/* STRUCTURE */

.top { background-image: url(images/top.jpg); width:100%; width:1000px; height:178px;  margin: 0px auto 0; }
.pagewrap { width: 1000px; max-width: 96%; margin: 0px auto 0; }

#logo { float:left; margin:2.7% 4.8%; width:58%; text-align:left;}
#contatti { float:right; width:23%; margin:2.7% 4% 0 0; text-align:left; font-size:120%; color:#000; line-height:18px;}

.box {width:90%; padding:2% 5%;}
.box_left { float:left; width:20%; text-align:left; }
.box_right { float:left; width:80%; text-align:left; }

.title { font-size:120%; margin:1% 0 1% 0; color:#800; }
.sub_title { font-size:130%; font-style:italic; color:#000;}
.desc { font-size:120%; margin:1% 0; color:#666;}

.shadow {padding:0px; margin:0px; border:0px; vertical-align:top; 
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.shadow:hover { padding:0px; margin:0px; border:solid 0px #800; vertical-align:top;
                opacity: 0.8; filter:Alpha(Opacity=80);
}

.footer{ background-image:url(images/bottom.jpg); width:1000px; height:56px; display:block;}



/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 800px) 
{
body { }

.top { background-image:none; background-color:#f7f4ef; width:100%;  height:auto;  margin: 0 auto;  padding:2% 0;}

#logo { float:none; margin:0 auto; width:100%; text-align:center;}
#contatti { float:none; width:80%; margin:3% auto; text-align:center; font-size:120%; color:#000; line-height:18px;}

.box {width:90%; padding:2% 5%;}
.box_left { float:none; width:100%; max-width:162px; }
.box_right { float:none; width:100%;  }

.title { padding:2% 0; }

.footer{ display:none; }

}

@media screen and (min-width: 800px) {
	/* ensure #nav is visible on desktop version */
	#nav { display: block !important; }
	#menu-icon { display: none !important; }
	#menu_mobile { display: none !important; }
}

/************************************************************************************
/* MISCELLANEOUS */
/*************************************************************************************/
.log_div {position: absolute; top:0px; width: 302px; height:20px; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index:1000;
          background-image:url(/images/buttons/log_back.png); font-family:Verdana; font-size:10px; padding: 1px 4px 3px 4px; color:#636363;   }
.log_div A:link    { text-decoration: none; color: #000000; padding:0px 4px 0px 4px;}
.log_div A:visited { text-decoration: none; color: #000000; padding:0px 4px 0px 4px;}
.log_div A:hover   { color: #545454;}

/* color box GALLERY */
#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; -webkit-overflow-scrolling: touch;}
#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; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*settings*/
#cboxOverlay{background:url(/images/color_box/overlay.png) repeat 0 0;}
#colorbox{}
/*bordo*/
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight{width:10px; height:6px; background-color:#fff;}
#cboxMiddleLeft,#cboxMiddleRight{width:10px; background-color:#fff;}
#cboxTopCenter,#cboxBottomCenter{height:6px; background-color:#fff;}
/*contenuti*/
#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:#333333; font-size:12px; font-family:Arial;}
#cboxCurrent{position:absolute; bottom:4px; left:0px; color:#333333; font-size:11px; font-family:Arial;}
#cboxSlideshow{position:absolute; bottom:4px; right:35px; color:#333333; font-size:11px; font-weight:bold; font-family:Arial;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/color_box/back.png) no-repeat; width:0px; height:0px; text-indent:-9999px;}
#cboxPrevious:hover{}
#cboxNext{position:absolute; bottom:0; left:25px; background:url(/images/color_box/next.png) no-repeat; width:0px; height:0px; text-indent:-9999px;}
#cboxNext:hover{}
#cboxLoadingOverlay{background:url(/images/color_box/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/images/color_box/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:6px; right:0;  background:url(/images/color_box/close.png) no-repeat; width:16px; height:16px; text-indent:-9999px;}
#cboxClose:hover{}
/*for IE7 and IE8*/
.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);
}

/*-------------finestre alert---------- */
.jqifade{ position: absolute; background-color: #000;   }
div.jqi{ font-family: Arial, Helvetica, sans-serif; position: absolute; background-color: #F5EEE0; font-size: 100%; 
         text-align: left; border: solid 1px #eeeeee; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; z-index:999999999999;  }
div.jqi .jqiclose{ float:right; padding:2px 4px; cursor: pointer; background-image:url(/images/buttons/close.gif); background-repeat:no-repeat;
                   font-size:0%; width:16px; height:16px;}
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; clear:both; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #F5EEE0; } /*barra pulsanti*/
div.jqi button{ padding: 1px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #333333; font-weight: normal; font-size: 10px; cursor:pointer; }
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #61553F; color:#fff; } /*pulsante ok*/
.jqiwarning .jqi .jqibuttons{ background-color: #fff; } /*pulsante ok*/

/* jquery.SHARE */
.share-square {  -moz-transition: all 0.2s linear 0s;  background: url("images/social-icons.png") no-repeat scroll left top transparent;
                display: inline-block; line-height: 0; margin: 0px 0px 0px 0px; width: 26px; height: 26px; 
                -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; 
                opacity: 0.7; filter:Alpha(Opacity=70); 
}
/*opacity con mouseover */
.share-square:hover { opacity: 1; filter:Alpha(Opacity=100); }
/* primo valore posizione orizzontale, secondo valore posizione verticale - punto 0 0 è top left (quindi tutti negativi)*/
.share-square-email { background: url("images/email.png") no-repeat; }
.share-square-facebook { background: url("images/facebook.png") no-repeat; }
.share-square-googleplus { background: url("images/google_plus.png") no-repeat; }
.share-square-twitter { background: url("images/twitter.png") no-repeat; }


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}