html, body {
	margin: 0px;
	padding:0px;
}
body {
	background-color: #fff; 
	color: #000;
	font-family: 'Quicksand', sans-serif;
	font-size:100%;
}
#content_login {
	width:100%;
	background-color:#ede4ca;
	height:30px;
	text-align:right;
}
#login {
	margin:0 auto;
	max-width:81.25em;  /* 1300px / 16px = 81.25em */
	text-align:right;
	padding-right:1.25em;   /* 20px / 16px = 1.25em */
	padding-left:1.25em;   /* 20px / 16px = 1.25em */
}
#login_mobi { display:none; }
#content_top {
	margin:0 auto;
	max-width:81.25em;  /* 1300px / 16px = 81.25em */
	padding-right:1.25em;   /* 20px / 16px = 1.25em */
	padding-left:1.25em;   /* 20px / 16px = 1.25em */
}
#top {
	width:100%;  
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}
#logo {
	width:50%;  /* 650px / 1300px = 0.5% */
	float:left;
	height:70px;
}
#social {
	width:50%;  /* 130px / 1300px = 0.1% */
	float:left;
	text-align:right;
	margin-top:10px;
}
#cerca {
	text-align:right;
	width:50%;  /* 650px / 1300px = 0.5% */
	float:left;
}

#top_menu {
	background-color:#d5a00d;
	height:40px;
	width:100%;
	float:left;
	text-align:center;
	padding-top:10px;
}
#top_menu_mobi {
	display:none;
	
}
#header_image {
	width: 100%; height: 400px;
	float:left;
	background: url(corale_requiem.jpg) no-repeat center top; z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#container {
	margin:0 auto;
	max-width:81.25em;  /* 1300px / 16px = 81.25em */
	padding-right:1.25em;   /* 20px / 16px = 1.25em */
	padding-left:1.25em;   /* 20px / 16px = 1.25em */
}
#testo {
	float:left;
	width:100%;
}
#testo_home {
	float:left;
	width:68%;
	margin-top:10px;
	font-size:0.9em;
}
#testo_home td {
	font-size: 0.95em;
}
#box_middle {
	width:30%;
	float:left;
	margin-right:2%;
	margin-top:20px;
}
#box_A {
	margin-bottom:10px;
	float:left;
	width:100%;
	text-align:center;
	height:auto;
;
}
#box_B {
	margin-bottom:10px;
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}
#box_C {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}
#box_D {
	width:100%;
	float:left;
	margin-top:30px;
}
#box_dx {
	float:left;
	width:33%;
	text-align:center;
	height:350px;
}
#flag_mobi, #social_mobi {
	display:none;
}
#footer {
	text-align:center;
	color:#fff;
	width:100%;
	font-size:0.6875em;  /* 11px / 16px = 0.6875em */
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#d5a00d;
}
#footer a:visited, #footer a:hover, #footer a:link {
	color:white;
}
#testo2 {
	float:left;
	width:72%;
	margin-right:3%;
}
#celladx {
	width:25%;
	float:left;
}
/* TESTO PAGINA -------------------------------------------------------------------------------------------------------------*/
div.testo {
	padding:15px;
	background-color: white;
	width:1000px;
	padding-left:50px;
	padding-right:50px;
	font-size:13px;
	color: #000;
	float:left;
}
div.testo a:link, div.testo a:visited, div.testo a:hover {
	color: #000; 
	text-decoration: none;
	font-size:12px;
}
h1, h2, h3, h4, h5 {
	color: #000; 
	font-size: 25px; 
	font-weight:bold; 
	text-align: left; 
}
/* MENU TOP ------------------------------------------------------------------------------------------------------------*/
ul.menu_top { 
	text-align: center; 
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
ul.menu_top li { 
	color: #fff;
	font-size:0.875em;  /* 14px / 16px = 0.875em */
	display: inline; 
	margin-right: 1%;  
	margin-left: 1%;
}
ul.menu_top li#current_menu_top { 
	color: #fff;
}
ul.menu_top li a:hover, ul.menu_top li a:link, ul.menu_top li a:visited { 
	color: #fff;
	text-transform:uppercase;
}
ul.menu_top li#current_menu_top a:hover, ul.menu_top li#current_menu_top a:link, ul.menu_top li#current_menu_top a:visited { 
	color: #fff;
	text-transform:uppercase;
}
#dacercare {
	border:1px solid #efefef;
	width:30%;
}
/* NEWSLETTER -------------------------------------------------------------------------------------------------------------*/
div.newsl_label {
	width:48%;
	text-align:right;
	float:left;
	margin-right:2%;
	font-size:1.2em;
}
div.news_input {
	width:50%;
	float:left;
	margin-bottom:12px;
}
input.newsl {
	width: 280px;
	font-size:14px;
	text-align:left;
	padding:3px;
}

/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
#contatti.lab_cont {
	width:20%;
	text-align:left;
	float:left;
	font-size:15px;
	padding-top:5px;
	margin-bottom:2px;
}
#contatti.inp_cont {
	width:50%;
	margin-left:10%;
	float:left;
	margin-bottom:5px;
	margin-right:10%;
}
#contatti input[type=text] {
	margin-bottom: 10px;
	width:90%;
	padding: 1px;
	font-size:1em;
	height:27px;
	border:3px solid #d5a00d;
}
#contatti input[type=submit] {
	margin-bottom: 20px;
	width:30%;
	padding: 1px;
	font-size:15px;
	cursor:pointer;
}
#contatti textarea {
	width:90%;
	padding: 1px;
	margin-bottom: 20px;
	resize:none;
	border:3px solid #d5a00d;
}
#contatti input.radio {
	color: #000;
	border-style: none;
	width:25px;
}
#contatti input {
	color: #000;
}
/* CATALOGO PRODOTTI / CATEGORIE ------------------------------------------------------------------------------------------------------------*/
div.categoria {
	width:25.33%;
	max-width:200px;
	float:left;
	border:#efefef 1px solid;
	margin-left:4%;
	margin-right:4%;
}
div.cat_img {
	width:100%;
	float:left;
	text-align:center;
}
div.cat_name {
	width:100%;
	float:left;
	text-align:center;
	background-color: #B4A694;
	padding:5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:45px;
}

/* CATALOGO PRODOTTI / DOWNLOAD MP3 ------------------------------------------------------------------------------------------------------------*/
div.riga_download {
	width:96%;
	border:#efefef 1px solid;
	float:left;
	height:auto;
	margin-bottom:6px;
	padding-left:2%;
	padding-right:2%;
	padding-top:7px;
	padding-bottom:3px;
	background-color:#f3f4f4;
}
div.riga_download img {
	height:35px;
}
div.nome_download {
	width:30%;float:left;
}
div.file_download {
	width:68%;float:left;
}
.ico_down { border:none; height:40px; }
.box_down { float:left; width:54px;  }
/* VARI ------------------------------------------------------------------------------------------------------------*/

.clear {clear: both; }

ul {
	clear:both;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
li{
	padding:0px;
	margin: 0px;
	list-style-type: none;
}
img { border:none; }

a:link, a:visited, a:hover {
	text-decoration: none;
}


#iubenda-cs-banner { bottom: 0px !important; left: 0px !important; position: fixed !important; width: 100% !important; z-index: 99999998 !important; background-color: black; } 
.iubenda-cs-content { display: block; margin: 0 auto; padding: 20px; width: auto; font-family: Helvetica,Arial,FreeSans,sans-serif; font-size: 14px; background: #000; color: #fff;} 
.iubenda-cs-rationale { max-width: 900px; position: relative; margin: 0 auto; } 
.iubenda-banner-content > p { font-family: Helvetica,Arial,FreeSans,sans-serif; line-height: 1.5; } 
.iubenda-cs-close-btn { margin:0; color: #fff; text-decoration: none; font-size: 14px; position: absolute; top: 0; right: 0; border: none; } 
.iubenda-cs-cookie-policy-lnk { text-decoration: underline; color: #fff; font-size: 14px; font-weight: 900; } 

/********* MEDIA QUERY *************/
/*  !!! smartphone portrait */
@media only screen and (max-width:480px) {
	
#login { display:none; }	
#login_mobi {
	display:block;
	max-width:29.375em;  /* 470px / 16px = 29.375em */
	padding-right:0.3125em;   /* 5px / 16px = 0.3125em */
	padding-left:0.3125em;   /* 5px / 16px = 0.3125em */
	margin:0 auto;
	text-align:right;
}
#content_top {
	max-width:29.375em;  /* 470px / 16px = 29.375em */
	padding-right:0.3125em;   /* 5px / 16px = 0.3125em */
	padding-left:0.3125em;   /* 5px / 16px = 0.3125em */
}
#flag, #social {
	display:none;
}
#logo {
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
#logo img {
	width:100%;
}
#cerca {
	width:100%;
	text-align:center;
}
#top_menu {
	display:none;
}
#top_menu_mobi {
	display:block;
	background-color:#d5a00d;
	width:100%;
	height:35px;
	padding-top:10px;
	float:left;
	text-align:center;
	color:white;
}
#header_image {
	height:200px;
}
#box_bottom {
	max-width:29.375em;  /* 470px / 16px = 29.375em */
	padding-right:0.3125em;   /* 5px / 16px = 0.3125em */
	padding-left:0.3125em;   /* 5px / 16px = 0.3125em */
}
#box_A, #box_B, #box_C, #box_D {
	float:left; 
	width:100%;
	border:none;
	/*margin-top:20px;*/
}
#box_middle {
	width:100%;
	float:left;
	margin-right:0;
	margin-top:20px;
}
#testo_home {
	float:left;
	width:100%;
	margin-top:10px;
	font-size:0.9em;
}
#flag_mobi, #social_mobi {
	display:block;
	width:100%;
	text-align:center;
	float:left;
	height:50px;
}
#footer {
	height:20px;
	float:left;
	margin-top:5px;}
div.riga_download {
	width:96%;
	border:#efefef 1px solid;
	float:left;
	height:auto;
	margin-bottom:12px;
	padding-left:2%;
	padding-right:2%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#f3f4f4;
}
div.nome_download {
	width:100%;float:left;
	margin-bottom:5px;
}
div.file_download {
	width:100%;float:left;
}
div.newsl_label {
	width:100%;
	text-align:center;
	float:left;
}
div.news_input {
	width:100%;
	float:left;
	margin-bottom:10px;
	text-align:center;
}
input.newsl {
	width: 90%;
	font-size:14px;
	text-align:left;
	padding:3px;
}
div.categoria {
	width:98%;
	margin:0 auto;
	float:none;
	height:210px;
}
#testo2 {
	width:100%;
}
#celladx {
	width:100%;
}
}


/*  !!! smartphone landscape + tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px){
div.riga_download {
	height:auto;
}
}