/* CSS Document for mielebianchi.it */

@media only screen and (min-width: 1070px) and (max-width: 1219px) {

body {
	color: #666;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	/*background-color: #83A283;*/
	background-color: #FFF;
	/*
	font-family: 'Questrial', sans-serif;
  */
  /* 
  font-family: 'Hammersmith One', sans-serif;
  */
  font-family: 'Mitr', sans-serif;
	font-size: 16px;
	line-height: 18px;
}
a:link {
	color: #9D3C13;
	text-decoration: none;
}
a:visited {
	color: #9D3C13;
	text-decoration: none;
}
a:hover {
	color: #C00;
	text-decoration: underline;
}
/* Top Bar */
#top-bar-container {
	position: relative;
  top: 0px;
	z-index: 500;
	width: 100%;
	/*background-color: #CC33CC;*/
}
	/* Headline */
#headline {
	width: 1070px;
	/*height: 100px;*/
	padding: 0px;
	margin: 0px auto;
	/*background-color: #83A283; */
}
#headline img {
}
    /* Contatti Sx, Dx */
div.h-contatti-sx, div.h-contatti-dx {
  font-family: 'Questrial', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  text-align: right;
  min-width: 365px;
  position: relative;
  top: -27px;  
  display: inline-block;
  color: #CEA567;
  /*height: 60px;
  background-color: #FF5555;*/
}
div.h-contatti-sx span, div.h-contatti-dx span {
  /* display: none; */
  /*background-color: #E4E4C2;*/
  padding: 18px 10px 11px 10px;
  border-radius: 5px;
  border: 4px solid #E4E4C2;
}
div.h-contatti-sx .fa-mobile-alt, div.h-contatti-dx .fa-mailbox {
	font-size: 26px;
	padding: 6px 12px;
  background-color: #E4E4C2;
	/* border: 2px solid #CCC; */
  color: #300;
	border-radius: 5px;
}
    /* Fine - Contatti Sx, Dx */
    /* Logo */
div.logo {
  display: inline-block;
  text-align: center;
  min-width: 300px;
}
    /* Fine - Logo */
    /* Contatti Dx */
div.h-contatti-dx {
  text-align: left;
  /*
  height: 30px;
  background-color: #F00;
  */
}
div.h-contatti-dx span:first-child {
  display: none;
}
div.h-contatti-dx a:link {
	color: #CEA567;
	text-decoration: none;
}
div.h-contatti-dx a:visited {
	color: #CEA567;
	text-decoration: none;
}
div.h-contatti-dx a:hover {
	color: #300;
	text-decoration: none;
}
    /* Fine - Contatti Dx */
/*
#distanziale-hline {
	width: 100%;
	height: 2px;
	background-color: #FFF;
}
*/
	/* Fine - Headline */
#tob-bar-menu-container {
	/* background-color: #699; */
	border-top: 1px solid #DBBA81;
	border-bottom: 1px solid #DBBA81;
  margin-bottom: 2px;
}
#top-bar {
	width: 1070px;
	margin: 0px auto;
	padding: 6px; 
	height: 36px;
  font-family: 'Questrial', sans-serif;
	/* background-color: #999; */
	color: #FFF;
	line-height: 36px;
}
#top-bar a {
	color: #591112;
	text-decoration: none;
	display: inline-block;
}
#top-bar a:hover {
	color: #F30;
}
#top-bar a span.s-active {
 color: #F30;
 font-weight: 700;
}
	/* Comparsa Menù */
#top-bar .button { 
	position: relative;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	top: 6px;
	left: 0px;
	display: inline-block;
	margin: 0px;
	float: left;
  /* Impostando questa regola bypassi il problema dell'icona menù che altrimenti influirebbe nella discesa del menù spostandolo a dx per una misura pari alla width del menù. Unitamente devi impostare a 0em il valore widh del menu-comparsa */
}	
#top-bar span.m-percorso {
	display: none;
}
#top-bar .menu-comparsa {
  height: 302px;
	padding: 0px 5px 0px 6px;
	position: relative;
	z-index: 800;
	top: 6px;
	left: 0px;
	font-size: 16px;
	background-color: #FFF;
	border-radius: 0px 0px 5px 5px;
	border-left: 1px solid #DBBA81;
	border-right: 1px solid #DBBA81;
	border-bottom: 1px solid #DBBA81;
}
/*
.distanziale {
	margin: 0px 0px 14px 0px;
	height: 10px;
	background-color: #99BBBB;
}
*/
#top-bar .menu-comparsa a {
  display: block;
  font-size: 18px;
  line-height: 22px;
  padding: 10px 0px 8px 0px;
	margin-left: 10px;
  margin-right: 10px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #DBBA81;
	/* background-color: #F00; */
}
		/* Main Links */
div.main-links, div.miele, div.derivati, div.golosita, div.usato {
	min-width: 350px;
  height: 287px;
	padding: 0px 0px 8px 0px;
	background-color: #F1EED0;
  position: absolute;
  top: 0px;
	display: inline-block;
}
div.main-links {
	display: none;
}
div.miele {
}
div.derivati {
  left: 359px;
}
div.golosita {
  left: 712px;
}
#top-bar .menu-comparsa div.main-links a:link, #top-bar .menu-comparsa div.miele a:link, #top-bar .menu-comparsa div.derivati a:link, #top-bar .menu-comparsa div.golosita a:link {
	/* background-color: #C7E8B7; */
}
#top-bar .menu-comparsa div.main-links a:visited, #top-bar .menu-comparsa div.miele a:visited, #top-bar .menu-comparsa div.derivati a:visited, #top-bar .menu-comparsa div.golosita a:visited {
	/* background-color: #C7E8B7; */
}
#top-bar .menu-comparsa div.main-links a:hover, #top-bar .menu-comparsa div.miele a:hover, #top-bar .menu-comparsa div.derivati a:hover, #top-bar .menu-comparsa div.golosita a:hover {
	/* background-color: #FFF;*/
	color: #F30;
	border-bottom: 1px solid #F30;
}
			/* Active Links Sottomenu */
#top-bar .menu-comparsa div.main-links a.active-b:link, #top-bar .menu-comparsa div.miele a.active-b:link, #top-bar .menu-comparsa div.derivati a.active-b:link, #top-bar .menu-comparsa div.golosita a.active-b:link {
	background-color: #DBBA81;
	color: #FFF;
	padding-left: 10px;
  padding-right: 10px;
  margin-right: 0px;
	margin-left: 0px;
}
#top-bar .menu-comparsa div.main-links a.active-b:visited, #top-bar .menu-comparsa div.miele a.active-b:visited, #top-bar .menu-comparsa div.derivati a.active-b:visited, #top-bar .menu-comparsa div.golosita a.active-b:visited, #top-bar .menu-comparsa div.usato a.active-b:visited {
	/*background-color: #FFF;*/
	color: #FFF;
}
#top-bar .menu-comparsa div.main-links a.active-b:hover, #top-bar .menu-comparsa div.miele a.active-b:hover, #top-bar .menu-comparsa div.derivati a.active-b:hover, #top-bar .menu-comparsa div.golosita a.active-b:hover {
	background-color: #FFF;
	color: #F30;
}
			/* Fine - Active Links Sottomenu */
div.main-links span:first-child, div.miele span:first-child, div.derivati span:first-child, div.golosita span:first-child {
	display: block;
	text-align: right;
	padding: 5px 10px;
	margin: 0px;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #FFF;
	background-color: #C00;
	border-left: 0px none;
}
		/* Fine Main Links */
	/* Fine Comparsa Menù */
.link-pre-menu {
	display: inline-block;
	padding: 0px 10px 0px 99px;
	float: left;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 6px;
	margin-left: 0px;
  /*background-color: #3583D3;*/
}
	/* Fine - Link Pre Menu */
	/* Link Post Menu */
#top-bar .link-post-menu {
	display: inline-block;
	position: relative;
	top: 0px;
	left: 30px;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	/*background-color: #43B345;*/
}
.link-pre-menu a, #top-bar .link-post-menu a {
	margin-right: 20px;
}
	/* Fine - Link Post Menu */
/* Fine - Top Bar */
/* Header */
#header-container {
	/*background-color: #C4DF9B;*/
}
#header {
	margin: 0px auto;
	min-height: 0px;
	height: auto !important;
	height: 0px;
	padding: 0px;
	position: relative;
	z-index: 0;
	background-color: #FFF;
	/* background-color: #544CB8; */
}	
#header iframe {
  width: 100%;
  height: 328px;
  border: 0px none;
}
div.img-area {
  width: 100%;
	padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #CCC;
}
div.img-area img {
  width: 100%;
}
	/* Layout Home */
.container-img-area {
  width: 100%;
  height: 50vh;
	background-color: #F00;
	text-align: center;
  background: url("../images/home/img-layout.jpg") top center;
  background-size: cover;
	background-repeat: no-repeat;
  position: relative;
}
#header hr {
	width: 99.9%;
	height: 1px;
	background-color: #CCC;
	border: 0px none;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
.container-img-area h1 {
	position: relative;
	top: 40px;
	left: 0px;
	z-index: 3000;
	text-align: center;
	font-weight: 400;
	font-size: 32px;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-style: italic;
}
.container-img-area .acquista {
	width: 300px;
	position: relative;
	top: 80px;
	left: 0px;
	z-index: 3500;
	text-align: center;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 10px;
	color: #FFF;
	display: inline-block;
	text-decoration: none;
	background-color: #F00;
	text-transform: uppercase;
	border: 2px solid #FFF;
	border-radius: 5px;
}
.container-img-area .acquista:hover {
	text-decoration: none;
	background-color: #C00;
}
	/* Fine - Layout Home */
/* Fine - Header */
/* Contenuti */
#contenuti-container {
	width: 100%;
	/* background-color: #F00; */
}
#contenuti {
	width: 1010px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: 0px auto;
	padding: 0px 30px 30px 30px;
	font-family: 'Questrial', sans-serif;
  text-align: justify;
  line-height: 24px;
	/* background-color: #CC66FF; */
}
	/* Content */
#content {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	/* background-color: #993300; */
}
#content h1 {
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	color: #333;
}
#content h2 {
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 34px;
	margin: 0px;
	padding: 0px;
	color: #666;
	border-bottom: 2px solid #CCC;
}
#content h3 {
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 28px;
	margin: 10px 0px 0px 0px;
	padding: 0px 10px;
	color: #9D3C13;
  background-color: #E6ED86;
}
#content p {
	margin: 10px 0px;
	padding: 0px;
	font-family: 'Quicksand', sans-serif;
}
#content p b {
	font-weight: 700;
	color: #999;
}
/*
#content em {
	display: block;
	text-transform: uppercase;
	font-style: normal;
	color: #000;
	padding-left: 10px;
	border-left: 10px solid #F00;
	border-radius: 50px 0px 0px 50px;
}*/
#content ul {
	margin: 10px 0px;
	padding: 0px;
	line-height: 24px;
	list-style: none;
	/* font-family: 'Quicksand', sans-serif; */
}
#content ul li {
	margin: 10px 0px;
	padding: 0px 5px;
}
#content ul li.first-li {
  margin: 10px 0px;
}
#content ul li.alternative {
	background-color: #FFC;
	padding: 4px 5px 5px 5px;
	border: 1px solid #F63;
	border-radius: 3px;
}
#content img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
#content-space {
}
		/* Percorso Navigazione */
.percorso-nav {
	padding: 9px 10px 14px 0px;
	margin: 10px 0px;
	font-size: 16px;
	line-height: 18px;
	color: #CCC;
	border-bottom: 1px solid #EEE;
}
		/* Fine - Percorso Navigazione */
		/* Home Page */
			/* Preview-top, Preview, Preview-bottom */
        /* Preview-top */
div.preview-top {
	margin: 0px 0px 10px 0px;
	/* background-color: #CC0000;*/
}
#content div.preview-top h2 {
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 22px;
	line-height: 28px;
	color: #666;
	height: 34px;
	border-bottom: 1px solid #FC0;
}
#content div.preview-top h2 span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #FC0;
  border-radius: 100%;
}
#content div.preview-top p {
	margin: 0px;
	padding: 10px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
  overflow: hidden;
  border: 1px solid #F7F4A7;
}
#content .tasto-gb-n {
  display: block;
  width: 100%;
  padding: 10px 0px;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  /* margin-top: 10px; */
  background-color: #FC0;
  color: #FFF;
  text-transform: uppercase;
}
#content .tasto-gb-n:visited {
  background-color: #FC0;
  color: #FFF;
  text-decoration: none;
}
#content .tasto-gb-n:hover {
  background-color: #CCC;
  color: #000;
  text-decoration: none;
}
div.prev-t1, div.prev-t2 {
	width: 500px;
	padding: 0px;
	display: inline-block;
}
div.prev-t1 {
	margin-right: 3px;
}
#content div.prev-1 div, #content div.prev-2 div {
  padding: 10px;
  background-color: #E1E1E1;
}	
#content div.prev-t1 img, #content div.prev-t2 img {
	width: 100%;
}	
        /* Fine - Preview-top */
        /* Preview */
div.preview {
	margin: 0px 0px 10px 0px;
	/* background-color: #CC0000;*/
}
#content div.preview h2 {
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 22px;
	line-height: 28px;
	/* font-weight: bold; */
	/* color: #12662B; */
	color: #666;
	height: 34px;
	border-bottom: 1px solid #C00;
}
#content div.preview h2 span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #C00;
  border-radius: 100%;
}
div.prev-1, div.prev-2, div.prev-3 {
	width: 331px;
	padding: 0px;
	display: inline-block;
}
div.prev-2 {
	margin: 0px 2px;
}
div.prev-3 {
	padding: 0px;
}
#content div.prev-1 div, #content div.prev-2 div, #content div.prev-3 div {
  padding: 10px;
  background-color: #E1E1E1;
}	
#content div.prev-1 li, #content div.prev-2 li, #content div.prev-3 li {
  border-bottom: 1px solid #FFF;
  padding-bottom: 10px;
  margin: 0px 0px 10px 0px;
}	
#content div.prev-1 li a, #content div.prev-2 li a, #content div.prev-3 li a {
  display: block;
  padding: 0px 10px;
  font-weight: 700;
  /* width: 100%; */
}
#content div.prev-1 li a:link, #content div.prev-2 li a:link, #content div.prev-3 li a:link {
  text-decoration: none;
  color: #666;
  border-left: 10px solid #FFF;
}
#content div.prev-1 li a:visited, #content div.prev-2 li a:visited, #content div.prev-3 li a:visited {
  text-decoration: none;
  color: #666;
  border-left: 10px solid #FFF;
}
#content div.prev-1 li a:hover, #content div.prev-2 li a:hover, #content div.prev-3 li a:hover {
  text-decoration: none;
  color: #C00;
  border-left: 10px solid #C00;
}
#content div.prev-1 img, #content div.prev-2 img, #content div.prev-3 img {
	width: 100%;
}	    
        /* Fine - Preview */
			  /* Preview-bottom */
div.preview-bottom {
	margin: 0px;
  padding: 10px;
  height: 294px;
  border: 1px solid #CCC;
  Border-top: 10px solid #CCC;
	/* background-color: antiquewhite; */
}
#content div.preview-bottom h2 {
	text-transform: uppercase;
  /* background-color: #FFF; */
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
	font-size: 22px;
	line-height: 28px;
	color: #666;
	height: 34px;
  border: 0px none;
  border-radius: 5px;
}
#content div.preview-bottom h2 span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-color: #F60;
  border-radius: 100%;
}
div.prev-6-sx {
  width: 384px;
  height: 310px;
  float: left;
}
#content div.prev-6-sx p {
  margin: 0px 0px 6px 0px;
  /* background-color: #F00; */
}
#content .tasto-ir {
  display: block;
  width: 100%;
  padding: 9.5px 0px;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  margin-top: 8px;
  background-color: #F60;
  color: #FFF;
  text-transform: uppercase;
}
#content .tasto-ir:visited {
  background-color: #F60;
  color: #FFF;
  text-decoration: none;
}
#content .tasto-ir:hover {
  background-color: #CCC;
  color: #000;
  text-decoration: none;
}
div.prev-6-dx {
  width: 596.5px;
  height: 310px;
  float: right;
}
#content div.preview-bottom img {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #CCC;
}
			  /* Fine - Preview-bottom */
			/* Fine - Preview-top, Preview, Preview-bottom */
		/* Fine - Home Page */
    /* Azienda, Prodotti */
div.gallery {
  margin-top: 30px;
  text-align: center;
}
div.p-box {
   display: inline-block;
}  
#content div.p-box h2 {
	font-weight: lighter;
  text-transform: uppercase;
  background-color: #EEE;
  border-radius: 5px 5px 0px 0px;
	font-size: 24px;
	line-height: 34px;
	margin: 0px;
	padding: 0px;
	color: #666;
	border-bottom: 0px none;
} 
#content div.p-box img {
   width: 242px;
   padding: 2px;
   border: 1px solid #CCC;
   border-radius: 5px;
}
#content div.p-box img.img-p-cosmesi {
   width: 324px;
   border-radius: 0px;
}
#content div.p-box img:hover {
   border: 1px solid #E5261E;
}
    /* Fine - Azienda, Prodotti */
    /* Prodotti */
div.download-PDF {
  margin-top: 30px;
  font-size: 34px;
  line-height: 34px;
  text-transform: uppercase;
}
div.download-PDF a {
  padding: 10px;
  border: #CCC;
  text-decoration: none;
}
div.download-PDF a:link {
  border: 1px solid #CCC;
  border-radius: 5px;
  text-decoration: none;
}
div.download-PDF a:visited {
  border: #CCC;
  text-decoration: none;
}
div.download-PDF a:hover {
  border: 1px solid #C00;
  text-decoration: none;
}
    /* Fine - Prodotti */
	  /* Contatti */
#map-container {
	margin: 0px;
	padding: 0px;
	/* background-color: #FFF;*/
}
#map-container iframe {
	width: 100%;
	height: 350px;
	margin: 0px;
	padding: 0px;
}
		  /* Fine - Contatti */
	/* Fine - Content */
/* Fine - Contenuti */
/* Footer */
#footer-container {
	width: 100%;
	padding: 30px 0px;
	background-color: #E0C50C;
}
#footer {
	width: 1070px;
	margin: 0px auto;
	padding: 0px;
	color: #FFF;
}
#footer a:link {
	color: #FFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #591112;
	text-decoration: none;
}
#social {
	text-align: center;
}
#footer .fa-chevron-up, #footer .fa-google, #footer .fa-globe {
	font-size: 40px;
	padding: 4px 6px;
	border: 2px solid #FFF;
	border-radius: 5px;
}
div.geolocal {
  width: 500px;
  padding: 20px 10px;
  margin: 20px auto;
  text-align: center;
  background-color: #CC9D24;
  border: 2px solid #FFF;
  border-radius: 5px;
}
#footer div.geolocal .fa-map-pin {
	font-size: 22px;
	padding: 4px 12px;
  background-color: #73560E;  
	border: 2px solid #FFF;
	border-radius: 5px;
}
/*
#footer .fa-chevron-up {
	margin-right: 20px;
  margin-left: 20px;
}*/
	/* Terms */
#terms {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #FFF;
	text-align: center;
}	
#terms div {
	margin-top: 10px;
	display: inline-block;
}
.nome-azienda {
	margin-left: 30px;
	margin-right: 30px;
}
	/* Fine - Terms */
/* Fine - Footer */
}