@font-face {
    font-family: "MyFont";
    font-style: normal;
    font-weight: normal;
    src:  url("klavika_medium-webfont.eot?#iefix") format("embedded-opentype"),
          url("klavika_medium-webfont.woff") format("woff"),
          url("klavika_medium-webfont.ttf") format("truetype");
}
/* TAGS */
body {
  margin:0;
  text-align:center;
  background:#FFF;
  font-family: Arial,Helvetica,sans-serif;
  text-rendering: optimizelegibility;
  font-size: 18px;
  line-height: 22px;
  color:#2b2f34;
}
div, aside {
  position:relative;
  text-align:left;
}
p {
  margin-top:18px;
  margin-bottom:18px;
  padding:0;
}
td {
  padding:4px;
}
h1, h2, h3, h4, h5 {
  font-family: "MyFont",Arial,sans-serif;
  font-weight: 400;
  margin:10px 0;
}
h1 {
  font-size: 30px;
  line-height: 32px;
}
h2 {
  font-size:27px;
  line-height:30px;
}
h3 {
  font-size:22px;
  line-height:24px;
}
h4 {
  font-size:18px;
  line-height:20px;
}
h5 {
  font-size:15px;
  line-height:18px;
}
big {
  font-size: 30px;
  line-height: 32px;
}
small {
  font-size:80%;
}
img {
  border:0;
}
a {
  text-decoration:none;
  color:#222;
  -webkit-transition: all 0.1s ease-in-out 0.1s;
  -moz-transition: all 0.1s ease-in-out 0.1s;
  -o-transition: all 0.1s ease-in-out 0.1s;
  -ms-transition: all 0.1s ease-in-out 0.1s;
  transition: all 0.1s ease-in-out 0.1s;
}
a:hover {
  text-decoration:underline;
}
a:focus {
  outline:0;
}
a.tag {
  background:#285485;
  font-family: "MyFont",Arial,sans-serif;
  color:#FFF !important;
  font-weight:normal !important;
  padding:0px 5px;
  font-size:12px;
  float:left;
  margin:2px;
  text-transform:uppercase;
}
hr {
  border:1px solid transparent;
  border-top:1px solid #d1d1c6;
}
input, textarea, select {
  font-family: 'Raleway', sans-serif;
  font-size:14px;
  border:1px solid #c5c5ba;
  background:#FFF;
  color:#787878;
  padding:7px 10px;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  -moz-transition: all 0.2s ease-in-out 0.1s;
  -o-transition: all 0.2s ease-in-out 0.1s;
  -ms-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
}
input.submit {
  border:0px solid #FFF;
  background:#0162b1;
  color:#FFF;
  cursor:pointer;
  border-radius:5px;
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
}
input.submit:hover {
  background:#ee1b24;
  color:#FFF;
}
select {
  cursor:pointer;
}
option {
}
textarea {
  padding:2px;
}
table.bordo {
  width:100%;
  border-top:1px solid #dddddd;
  border-left:1px solid #dddddd;
}
table.bordo td {
  padding:15px 20px;
  border-right:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
}
ul {
  padding:10px 10px;
  margin:5px 10px;
}

/* ELEMENTI LAYOUT */
div#header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  /*
  background-color: rgba(43,47,52,0.9);
  */
  background:#FFF;
  z-index:100;
}
div#header img#logo {
  height:100px;
  margin:10px;
  margin-bottom:5px;
}
div#header div#cssmenu {
  margin-top:35px;
}
div#spazio-header {
  height:120px;
  display:block;
}
@media all and (max-width: 1010px) {
    div#header img#logo {
      height:66px;
    }
    div#spazio-header {
      height:86px;
      display:block;
    }
}
@media all and (max-width: 900px) {
    div#header {
      position:relative;
    }
    div#header .left {
      float:none;
      width:100%;
      text-align:center;
    }
    div#header div#cssmenu {
      margin-top:0;
    }
    div#spazio-header {
      display:none;
    }
}
div#slideshow {
}
div#breadcrumb {
  padding:5px 20px 4px 20px;
  font-size:11px;
  color:#F00;
}
div#breadcrumb a {
  color:#666;
}
@media all and (max-width: 480px) {
    div#breadcrumb {
      padding:5px 10px 4px 10px;
      font-size:11px;
    }
}
#google_maps iframe {
  width:100% !important;
  height:375px;
  background-image:url(../images/spinner.gif);
  background-repeat:no-repeat;
  background-position:center center;
}
@media all and (max-width: 480px) {
    #google_maps iframe {
      height:270px;
    }
}

#header-foto {
  max-height:500px;
  overflow:hidden;
  position:relative;
}
#header-foto img {
  float:left;
}
#header-foto h1 {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background: rgb(0,0,0,0.5);
  margin:0;
  padding:5px 0;
  color:#FFF;
  text-align:left;
}

section {
  margin:30px 0;
}

div#footer {
  background:#2b2f34;
  color:#888888;
}
div#footer a {
  color:#888888;
}
div#footer a:hover {
  color:#CCC;
  text-decoration:none;
}
div#footer hr {
  border-top:1px solid #444;
}

#titolo-sopra-slide {
  position:absolute;
  bottom:0;
  z-index:1;
  width:100%;
  background: rgb(0,0,0,0.8);
  color:#FFF;
  margin:0;
  padding:10px 0;
  font-size:22px;
  opacity:0.5;
  font-family: "MyFont",Arial,sans-serif;
  font-weight: 400;
}

/* CLASSI */
.container {
	max-width:1200px;
	margin:auto;
}
.mezzo {
	float:left;
	width:50%;
}
.un_terzo {
	float:left;
	width:33%;
}
.due_terzi {
	float:left;
	width:66%;
}
@media screen and (max-width: 900px) {
    .mezzo,
    .un_terzo,
    .due_terzi {
    	width:100%;
    }
}
.un_quarto {
	float:left;
	width:25%;
}
.tre_quarti {
	float:left;
	width:75%;
}
@media screen and (max-width: 900px) {
    .un_quarto {
    	width:50%;
    }
    .tre_quarti {
    	width:50%;
    }
}
@media screen and (max-width: 640px) {
    .un_quarto,
    .tre_quarti {
      float:none;
    	width:100%;
    }
}
.un_quinto {
	float:left;
	width:20%;
}
@media screen and (max-width: 768px) {
    .un_quinto {
    	width:33%;
    }
}
@media screen and (max-width: 640px) {
    .un_quinto {
    	width:50%;
    }
}
@media screen and (max-width: 480px) {
    .un_quinto {
    	width:100%;
    	float:none;
    }
}
.un_sesto {
	float:left;
	width:16%;
}
@media screen and (max-width: 900px) {
    .un_sesto {
    	width:33%;
    }
}
@media screen and (max-width: 640px) {
    .un_sesto {
    	width:50%;
    }
}

.left {
  float:left !important;
  margin-right:10px !important;
}
.right {
  float:right !important;
  margin-left:10px !important;
}
@media all and (max-width: 768px) {
    .left, .right {
      float:none !important;
      margin:0px !important;
      width:100%;
    }
}
.center, .align-center, .center-all, .center-all * {
  text-align:center;
}
.align-left {
  text-align:left;
}
.align-right {
  text-align:right;
}
.justify {
  text-align:justify;
}
@media all and (max-width: 768px) {
    .mobile-align-left {text-align:left !important;}
    .mobile-align-right {text-align:right !important;}
    .mobile-align-center {text-align:center !important;}
}

.clear {clear:both;}
.link {cursor:pointer;}
.move {cursor:move;}
.nascosto {display:none;}
.hidden {visibility:hidden;}

.nascosto-mobile {}
.visibile-mobile {display:none;}
@media all and (max-width: 768px) {
    .nascosto-mobile {display:none;}
    .visibile-mobile {display:block;}
}

.bordo {border:1px solid #DDD;}
.senzabordo {border:0;}

.bianco   {color:#FFF !important;}
.nero     {color:#000 !important;}
.grigio   {color:#777 !important;}
.blu      {color:#0162b1 !important;}
.rosso    {color:#ed1b24 !important;}
.giallo   {color:#c5a97f !important;}
.arancio  {color:#F60 !important;}
.verde    {color:#026a00 !important;}
.viola    {color:#60F !important;}
.fucsia   {color:#b560a4 !important;}

.smussato {
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.more {
  font-family: 'Raleway', sans-serif;
  margin:20px 0;
  padding:10px 20px;
  background:#0162b1;
  color:#FFF;
  font-size:13px;
  border-radius:5px;
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.more:hover {
  text-decoration:none;
  background:#ed1b24;
}

.sfondo_bianco {background:#FFFFFF;}
.sfondo_grigio {background:#EEEEEE;}

.small {font-size:80%;}
.spazio {height:20px;}

.m-0  {margin:0 !important}
.m-10 {margin:10px !important}
.m-20 {margin:20px !important}
.m-30 {margin:30px !important}

.mt-0 {margin-top:0 !important}
.mb-0 {margin-bottom:0 !important}
.ml-0 {margin-left:0 !important}
.mr-0 {margin-right:0 !important}
.mt-10 {margin-top:10px !important}
.mb-10 {margin-bottom:10px !important}
.ml-10 {margin-left:10px !important}
.mr-10 {margin-right:10px !important}
.mt-20 {margin-top:20px !important}
.mb-20 {margin-bottom:20px !important}
.ml-20 {margin-left:20px !important}
.mr-20 {margin-right:20px !important}
.mt-30 {margin-top:30px !important}
.mb-30 {margin-bottom:30px !important}
.ml-30 {margin-left:30px !important}
.mr-30 {margin-right:30px !important}

.p-0  {padding:0 !important}
.p-10 {padding:10px !important}
.p-20 {padding:20px !important}
.p-30 {padding:30px !important}

.pt-0 {padding-top:0 !important}
.pb-0 {padding-bottom:0 !important}
.pl-0 {padding-left:0 !important}
.pr-0 {padding-right:0 !important}
.pt-10 {padding-top:10px !important}
.pb-10 {padding-bottom:10px !important}
.pl-10 {padding-left:10px !important}
.pr-10 {padding-right:10px !important}
.pt-20 {padding-top:20px !important}
.pb-20 {padding-bottom:20px !important}
.pl-20 {padding-left:20px !important}
.pr-20 {padding-right:20px !important}
.pt-30 {padding-top:30px !important}
.pb-30 {padding-bottom:30px !important}
.pl-30 {padding-left:30px !important}
.pr-30 {padding-right:30px !important}


.modulo_contatti {
  margin-bottom:20px;
}
.modulo_contatti input,
.modulo_contatti select,
.modulo_contatti textarea {
  width:96%;
  padding:10px 2%;
  border-radius:3px;
  -moz-border-radius:3px;
	-webkit-border-radius:3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.modulo_contatti select {
  width:100%;
}
.modulo_contatti input.submit {
  text-transform:uppercase;
  border-radius:5px;
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:auto;
	display:block;
	margin-top:20px;
	padding:10px 25px;
}
.modulo_contatti textarea {
  height:100px;
}