/* Sticky footer styles
-------------------------------------------------- */
@font-face {
    font-family: 'menschmensch_bold';
    src: url('fonts/mensch-bold-webfont.eot');
    src: url('fonts/mensch-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-bold-webfont.woff2') format('woff2'),
         url('fonts/mensch-bold-webfont.woff') format('woff'),
         url('fonts/mensch-bold-webfont.ttf') format('truetype'),
         url('fonts/mensch-bold-webfont.svg#menschmensch_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'menschmensch_thin';
    src: url('fonts/mensch-thin-webfont.eot');
    src: url('fonts/mensch-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-thin-webfont.woff2') format('woff2'),
         url('fonts/mensch-thin-webfont.woff') format('woff'),
         url('fonts/mensch-thin-webfont.ttf') format('truetype'),
         url('fonts/mensch-thin-webfont.svg#menschmensch_thin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'menschmensch_regular';
    src: url('fonts/mensch-webfont.eot');
    src: url('fonts/mensch-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-webfont.woff2') format('woff2'),
         url('fonts/mensch-webfont.woff') format('woff'),
         url('fonts/mensch-webfont.ttf') format('truetype'),
         url('fonts/mensch-webfont.svg#menschmensch_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 


html {
  position: relative;
  min-height: 100%;
  background: #F6EBD8;
  color: #39312F;
  font-family: 'menschmensch_regular', sans-serif;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 0px;
  font-family: 'menschmensch_regular', sans-serif;
  background: #F6EBD8;
  color: #39312F
}
.footer {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
 margin-top: 40px;
  text-align: center;
}
.container { background: #F6EBD8 }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

a { color: #39312F }
a:hover { color: #B65440 }



body > .container {
  padding: 0 30px; background: #F6EBD8
}



.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 70px;
  padding-top: 25px;
  
}
.footer {    }
.footer p { font-size: .8em; line-height: 1.2em }

code {
  font-size: 80%;
}

p { font-family: 'Lato', sans-serif; text-align: left; font-size: 1em}


.sx {  border-right: 3px solid #39312F; height: 280px }
.dx {  border-left: 3px solid #39312F;  height: 280px }


.navbar .col-sm-4 { position: relative; padding: 0; margin: 0 }
.welcome { position: absolute; left: -30px; top: 9px }
.casetta { position: absolute; left: 75px; top: 50px }
.palma { position: absolute; left: 55px; top: -30px }
.stelle { position: absolute; left: 240px; top: -5px }
.pesce { position: absolute; left: 0px; top: 65px }
.faro { position: absolute; left: 195px; top: 155px }
.elementi { position: absolute; left: 155px; top: 250px }
.campanello { position: absolute; left: 30px; top: 225px }
.carciofo { position: absolute; left: 45px; top: 140px }


.bruco { position: absolute; left: 14px; top: 25px }
.chiave { position: absolute; left: 51px; top: 25px }
.cielo { position: absolute; left: 0px; top: 116px }
.cucchiaio { position: absolute; left: 30px; top: 185px }
.guext { position: absolute; left: 160px; top: 70px }
.mucca { position: absolute; left: 75px; top: 150px }
.uccello { position: absolute; left: 225px; top: -35px }
.elementi2 { position: absolute; left: 275px; top: 268px }


.fico { position: absolute; left: 228px; top: -9px }
.fico2 { position: absolute; left: -15px; top: 60px }

.navbar { padding: 0px; background: #F6EBD8; border: 3px solid #39312F; margin: 30px auto; position: relative; }
.nav > li > a {
  color: #39312F;
  font-size: 1em;
  font-weight: bold;
}
.nav > li > a:hover { background: #39312F; color: #F5EBD7 }
.navbar-brand { height: auto}

@media (min-width: 960px) {
   .container { min-width: 960px; max-width: 960px }
}

@media (min-width: 768px) {
#tutto { width: 960px; border:3px solid red; position: relative; margin: 0 auto }
	.cx  {   height: 280px }
   .navbar { 
	  width: 100%; }
	.nav-bar { margin: 0 0px; 
	  
	  }
	.nav {
	  list-style: none;
	  text-align: center;
	}
	.nav > li {
	  position: relative;
	  float: left;
	  width: 25%;
	  padding: 0 !important; 
	  margin: 0 !important; 
	  text-align: center;
	  font-size: .9em;
  	  border-right: 3px solid #39312F;
	}
	.nav > li.noborder { border: 0px }
	.nav > li > a {
	  position: relative;
	  border-top: 3px solid #39312F;
	  margin: 0; padding: 10px 0; text-align:center;
	  background: transparent
	}
	
	.container {  }


	.nav > li.lingua { position: absolute; top: 60px; right: 0px; border: 0px }
	.nav > li.lingua > a { display: inline; float: none; margin: 0; width: auto; border: 0px }
	
	
	.nav {  
 	 z-index:100; margin: 0 !important; padding: 0px !important; width: 100%; position: absolute; bottom: 0; left: 0 }

 	.navbar-brand { 
 	  float: none;
	  height: 95px; width: 100%; 
	  padding: 0;
	  display: block;
	  margin: 
	  0px auto;
	 /* position: relative; top: 0px */
	  border-bottom: 3px solid #39312F;
	}
	.navbar-brand img { margin: 0 auto }

	.img1, .img5 { border: 3px solid #B65440; width: 100%; position: relative }
	.img1 img, .img5 img, .img5 .containimg, .img1 .containimg { margin: 20px 20px 37px 20px }
	.img1 .elementif { position: absolute; top: -30px; right: -105px }
	.img5 .elementif { position: absolute; bottom: -30px; right: -102px }


	.img2 { border: 3px solid #B65440; width: 100%; position: relative }
	.img2 img, .img2 .item img { margin: 20px auto 30px auto;  }

	.img3 { border: 3px solid #B65440; width: 100%; position: relative }
	.img3 img  { margin: 20px 20px 20px 20px }

	.img4, .img6 { border: 3px solid #B65440; width: 100%; position: relative }
	.img4  img, .img6 img, .img6 .containimg { margin: 20px 20px 20px 20px }
	.img6 .elementif { position: absolute; bottom: -100px; right: -40px }

	.img7 { border: 3px solid #B65440; idth: 100%; position: relative }
	.img7  img,  .img7 .containimg { margin: 20px 20px 50px 20px }
	.img7 .elementif { position: absolute; bottom: -90px; right: -30px }

	.m30 h2, .m30 h1 {  position: absolute; bottom: -10px; margin-left: -33px;  }
	.m15 h2, .m15 h1 { position: absolute; bottom: -10px; margin-left: -63px; }
	
	.stanzeimg .item img { /* margin: 20px auto; */ width:100%;}
	
	.footer .col-sm-6 { border-right: 3px solid #39312F; border-left: 3px solid #39312F; padding: 20px 0 }


} /*chiusura min-widht 768 */
.prelative { position: relative }

.menuc { text-align: center }

.contatti .modulo { float: left; width: 440px }
.fcontatti { margin: 30px 0 0 0px;  width: 100%   }
.fcontatti label { display: block; margin-bottom: 15px;  }
.fcontatti span { display: block }
.fcontatti input, .fcontatti textarea { 
	font-weight: normal;width: 100%; height: 20px; border: 1px solid #1D4E6A; background: #fff;
	}
.fcontatti textarea { height: 150px; margin-bottom: 0px }
.fcontatti .submit { width: 80px; padding: 5px; height: auto; color: #fff; background: #B65440; border-radius: 6px; border: 1px solid #B65440; }
.fcontatti a { color: #000; font-weight: normal }

.inevidenza { border: 3px solid #B65440; padding: 10px; font-family: 'menschmensch_regular', sans-serif; font-size: 1.2em}

div#gmaps-canvas {

    width:100%;	
    height:250px;
}

.text-center { text-align: center }
.margincenter { margin: 0 auto; display: block }




.ele1 { position: absolute; top: 0; left: 300px }

.m30 h2, .m15 h2, .m30 h1, .m15 h1 {  font-size: 2em; border: 3px solid #B65440;text-align: left; padding: 5px 30px; font-weight: bold;  }


h1, h2 { font-size: 3em; font-weight: bold}

a:hover,
a:focus {
  text-decoration: none;
} 

p.p15 { padding-left: 15px; width: 50%;  float: left; }

.footer { border: 3px solid #39312F; margin: 30px 0 }
.footer div { padding: 10px }

.elementi3 { position: absolute; bottom: 0; right: 0 }

.pstatic { position: static }

.mt30 { margin-top: 30px }
.mt50 { margin-top: 50px }

.stanzap div { border: 3px solid #B65440; margin: 10px 5px; padding: 15px } 


.carousel img {  margin: 0 }

.carousel-indicators { display: none }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #E5D9C7;
  
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
 font-family: 'Lato', sans-serif;
  border-top: 1px solid #B7AD9E;
}
.table > thead > tr > th {
  border-bottom: 2px solid #B7AD9E;
}



.panel {
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #F6EBD8;
  color: red
}
.panel-default > .panel-heading, .panel-primary > .panel-heading  {
  color: #333;
  background-color: #F6EBD8;
  border-color: #F6EBD8;
}
.panel-title {
  background: #F6EBD8 url("../img/piu.png") no-repeat right center;
  color: #39312F;
  border-color: #F6EBD8;
}
.panel-title a { display: block; padding: 5px 0 }
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #39312F;
}
.form-control::-moz-placeholder {
  color: #39312F;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #39312F;
}
.form-control::-webkit-input-placeholder {
  color: #39312F;
}

.thumbfoto { margin-bottom: 30px }

.divisore { text-align: right }