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

/******************/
/* Helper Classes */
/******************/

.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/*******************/
/* General Classes */
/*******************/

::-moz-selection {background:#b3d4fc;text-shadow:none;}
::selection {background:#b3d4fc;text-shadow:none;}

/******************/
/* Plugin Classes */
/******************/

.lightbox {z-index: 999999;}

.amean-container .mean-bar {background-color:#000;}
.amean-container .mean-nav {background-color:#ab5316;}
.mean-container .mean-nav ul li a {padding-top:10px;padding-bottom:10px;}
.mean-container .mean-nav ul li a.active {text-decoration: none;color: #297cce;}

.hide_on_meanmenu{display: inline;}
.show_on_meanmenu{display: none;}

/****************/
/* Main Styles  */
/****************/

html
{
  min-height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  
  background-repeat:no-repeat;
  background: #a1060c; /* Old browsers */
  background: -moz-linear-gradient(top,  #620001 0%, #a1060c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#620001), color-stop(100%,#a1060c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #620001 0%,#a1060c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #620001 0%,#a1060c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #620001 0%,#a1060c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #620001 0%,#a1060c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#620001', endColorstr='#a1060c',GradientType=0 ); /* IE6-9 */
  
  font-family: "arialnarrow", Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #000000;  
}

a {color: #297cce;text-decoration: none}
a:hover {color: #297cce;text-decoration: underline;}

#banner {text-align: center; margin-top: 25px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; padding: 0px;}
#banner img {max-width: 100%; border: none; vertical-align: middle;}

#navigator_band {background-color: #000000;padding:0;margin:0;color:#ffffff;text-align:center;}
#navigator {width:960px; max-width:100%;margin:auto;padding:0; text-align: left;}
#navigator ul {list-style:none;text-align:left;margin:0; margin-left:30px; padding:0;padding-top: 10px; padding-bottom: 10px;}
#navigator ul li {display:inline;text-align:center;padding:15px;}
#navigator ul li a {color: #ffffff;text-decoration: none;}
#navigator ul li a:hover {color: #297cce;text-decoration: underline;}
#navigator ul li a.active {font-weight: bold; text-decoration: none;color:#297cce;}
#navigator ul li a.active:hover {text-decoration: none;cursor: default;}

#photo_band {background: url("../img/gallery-home.jpg") center 0 no-repeat;height: 83px;margin-top: 5px;margin-bottom: 4px;width: 100%;}

#contact_band {padding:0;margin:0;color:#ffffff;text-align:center;margin-left: 10px; margin-right: 10px;}
#contacts {width:960px; max-width:100%;margin:0 auto;padding:30px 0; text-align: left;background-color: #620001;}
#social_links {float: left;margin-left: 50px;}
#social_links img {margin: 0;padding: 0; vertical-align: middle;}
#contact_links {float: left; margin-left: 20px;margin-top: -4px;}
#contact_links img {display: inline-block;vertical-align: middle;}
#contact_telephone {margin-left: 10px; vertical-align: middle;line-height: 0;color: #ec0f18; font-weight: bold;}
#contact_telephone a {color: #ec0f18; text-decoration: none;}
#contact_telephone a:hover {color: #ec0f18; text-decoration: none;}
#contact_email {line-height: 1em; font-size: 0.8em; margin-top: 2px;}
#contact_email a {color: #ffffff; text-decoration: none;}
#contact_email a:hover {color: #297cce; text-decoration: none;}
#contact_payoff {overflow: hidden; text-align: right; margin-right: 50px; font-size: 0.8em;}

#content_band {padding:0;margin:0;color:#000;text-align:center;margin-left: 10px; margin-right: 10px;}
#content {width:960px; max-width:100%;margin:5px auto;padding:30px 0; text-align: left;background-color: #ffffff;line-height: 1.4em; color: #515151;}
#content h1 {margin: 20px 50px 20px 50px; color:#000000; padding-bottom:20px; border-bottom: 1px solid #c4c4c4; text-indent: 30px; font-variant: normal;font-weight: normal;}
#content #anagrafica {float: left;margin: 0px 50px 10px 80px;}
#content .title {font-weight: bold;}
#content #telephone a {color: #515151; text-decoration: none;}
#content #telephone a:hover {color: #515151; text-decoration: none;}
#content #orari {overflow: hidden; margin-right: 50px;}
#content #map-canvas {overflow: hidden; margin-right: 50px;height: 300px;margin-top: 20px;margin-bottom: 20px;}
#content #whois_text {float: left;margin: 0px 50px 10px 80px;max-width: 40%;}
#content #whois_photo {overflow: hidden; margin-right: 50px;}
#content #whois_photo img {max-width: 90%;}

#footer_band {padding: 20px; font-size: 0.7em; text-align: center; color: #e18987;}
#footer_band a {color: #e18987;text-decoration: none;}
#footer_band a:hover {color: #620001;text-decoration: none;}
#footer_credits {margin-top: 10px;}

@media only screen and (max-width: 700px)
{
  #contact_payoff{clear: both;text-align: left;padding-top: 20px;margin-left: 50px;}
  
  #content h1 {text-indent: 0px;}
  #content #anagrafica {float: none; margin: 20px 50px 10px 50px;}
  #content #orari {overflow: auto; margin: 20px 50px 10px 50px;}
  #content #map-canvas {overflow: auto; margin: 20px 50px 10px 50px;}  
  
  #content #whois_text {float: none; margin: 20px 50px 10px 50px;max-width: 100%;}
  #content #whois_photo {overflow: auto; margin: 20px 50px 10px 50px; text-align: center;}
  #content #whois_photo img {max-width: 100%;}
}
  
@media only screen and (max-width: 600px)
{
  #navigator ul {text-align: center;margin-left:0px;}
}
  
@media only screen and (max-width: 500px)
{
  .hide_on_meanmenu{display: none;}
  .show_on_meanmenu{display: inline;}
  
  #banner {margin: 0px;}
  #content {margin: 0px;}
  #photo_band {margin-top: 1px;margin-bottom: 1px;}
  #contact_band {margin: 0px;}
  #content_band {margin: 0px;}
}

@media only screen and (max-width: 350px)
{
  #social_links {float: none;}
  #contact_links {float: none; margin-left: 50px; padding-top: 20px;}
}  

@media only print
{
  #photo_band {display: none;}
  #contact_links img {display: none;}
  #contact_telephone {margin-left: 0px;}
}

.followus {
    background: #39599C;
    max-height: 75px;
}

#cookieChoiceInfo {
    color: #fff;
}