@charset "UTF-8"; 
@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans_SemiCondensed-Light');
	src: local('Open Sans'), url('fonts/open-sans/static/OpenSans-Light.ttf') format('truetype');
	}

#container,#header,.subHeader,#nav,#main,#aside,#footer,.box-content,.search{margin:auto; display:block; height:auto; overflow:hidden; }
#container{background:#fff;}
#header{background:#bb7b78;/*#e1b0ad*/}
#main,#header,#aside{padding:15px 10px}
.subHeader{padding:10px; padding-bottom:0}
.box-content{margin:5px 0; }
#box-sidebar{display:block;margin-bottom:15px;overflow:hidden;height:auto}
#footer{text-align:center; padding:15px 0;width:100%;border-top:1px solid #cecece;font-size:12px; font-size:1.2rem}
.logo{float:left;width:220px; height:64px;display:block; margin:auto; text-align:center; background-image:url(../images/logo-squisitezza-bianco.png); background-repeat:no-repeat;background-position:center}
.login, .login:hover{cursor:pointer;vertical-align:baseline;float:right; width:26px; height:18px;margin-left:5px; padding-top:16px; padding-left:16px; background-image:url(../images/accedi.png);background-repeat:no-repeat;background-position: 10px 0;color:#fff; font-weight:bold;border-left:1px solid #ffffff;}
.login-txt,.loguot{float:right;color:#fff; font-weight:bold;vertical-align:baseline;height:18px; padding-top:16px;cursor:pointer;}
.menu-mobile{display:block; margin:2px}
#desk-login{display:none; margin:2px }
.mobile-login,.search-mobile{display:block}
.search-mobile img{float:right;width:20px;height:20px;margin:15px 0 15px 5px;}
.app-android{float:left; margin:10px;}
.it-fb,.it-tw,.it-in,.it-pt,.menu-resp{float:right;width:10px;height:20px;margin:10px 0 10px 5px; background:url(../images/facebook-icon.gif); background-repeat:no-repeat;background-position:center}

.menu-resp{background:url(../images/bg-menu.gif);width:26px;height:20px; margin:15px 0 15px 9px; cursor:pointer}
#nav{display:none;width:100%;position:absolute;background-color:#fff;float:right;right:0;z-index:1000;border-top:1px solid #e1b0ad; }
#nav>ul{
margin: 0;
padding: 0;
list-style: none;
   }
#nav>ul>li {margin:0; width:100%; padding:10px 0 10px; border-bottom:1px solid #e1b0ad; text-align:center}
#nav>ul>li>a{display:block;height:auto;overflow:hidden;width:100%; font-size:16px; font-size:1.6rem;color:#3c3c3c}
.menu{float:left;  }
.breadcrumb{display:block;margin-bottom:25px}
img{width:100%;height:auto;}
#box-news{display:block; padding:10px 0; overflow:hidden;}
.box-news{height:auto}
#box-news img{width:100%;height:auto;margin-top:5px}
#boxlogin{display:none;position:fixed;left:0;top:0;width:100%; height:100%; background:#F6F6F6;padding:10px 0; overflow:hidden; z-index:1000}
#boxlogin form{-moz-border-radius: 20px ;
-webkit-border-radius: 20px ;
border-radius: 20px;}
 input[type=text], input[type=password],input[type=email], input[type=submit], input[type=button]{width:calc(100% - 12px);margin:5px 0; padding:5px;text-indent:5px;border:1px solid #cecece;
-moz-border-radius: 4px ;
-webkit-border-radius: 4px ;
border-radius: 4px;}
.search{margin:12px 0}
.box-search{width:calc(100% - 2px);border:1px solid #ccc;-moz-border-radius:5px ;
-webkit-border-radius: 5px ;
border-radius: 5px ;}
.search input[type=search]{margin:0;width:calc(80% - 10px);padding:5px;border:none;}
.search input[type=submit]{float:right;margin:0;width:20%; height:100%;border:none}
#wForm{width:280px;margin:auto;padding:10px;background:#fff;-moz-border-radius: 20px ;
-webkit-border-radius: 20px ;
border-radius: 20px;}
#boxlogin input[type=button]{width:calc(100% - 2px);cursor:pointer;}
#wForm div.logo{padding:5px;width:calc(100% - 10px);background-position:center;background-color:#a65d66;-moz-border-radius: 4px;-webkit-border-radius: 4px ; border-radius: 4px; margin-bottom:10px;}
.closediv{float:right;font-size:32px;font-size:3.2rem;color:#6070aa;margin-right:10px;cursor:pointer}
#errorlog{color:red}
.box_register{display:block;padding-bottom:10px;overflow:hidden;height:auto}
.input-submit{margin:auto; width:300px}
.input_text,.input-submit{margin-bottom:10px}
.margin-right{margin-right:0}
.error-post{color:#DB5555;list-style:circle}
.error-post li{margin:10px}
#err_term{float:left;width:auto;border:1px solid #fff;-moz-border-radius: 2px ;
-webkit-border-radius: 2px ;
border-radius: 2px;}
#err_term>input[type=checkbox]{margin:0;}
.select_register{padding:5px;border:1px solid #cecece;-moz-border-radius: 2px ;
-webkit-border-radius: 2px ;
border-radius: 2px;}

.box100{display:block;height:auto;overflow:hidden;padding:10px 0;margin:10px 0}
#recovery{display:block;overflow:hidden;margin:10px 0}
#recovery input{padding:5px;width:calc(100% - 12px); border:1px solid #cecece}
#recovery input[type=submit]{width:calc(100% - 2px);cursor:pointer;}
#popup{float:left; width:100%; height:auto; display:block; text-align:left; background:#EEE}
.content_confirm{margin:2%; padding:2%; width:92%; height:70%; display:block; background:#FFF; overflow:auto}
.confirm{margin:auto; width:264px; height:200px; padding:20px; background:#EEE}
.action_user{margin:5px; cursor:pointer}
 label
{
	display:block;
	margin-top:14px;
	margin-bottom:4px;
	float:left;
	font-weight:bold;
}
.box_register input,.box_register .input_text
{ 
	display:block;
	height:auto;
}
.input_text, textarea
{
	width:100%;
	height:30px;
	margin-top:0.3rem;
	margin-bottom:0.3rem;
}
.input_text{text-indent:3px; text-indent:0.2rem;}
textarea
{
	height:100px;
}
.text_editor
{
	min-height:300px;
	height:auto;
}
.input_submit
{
	width:300px;
	margin:auto;
	height:30px;
}
select{padding:4px}
.msg_error,.input_error{background:#FFA8A8; display:block;border:1px #FF8484 solid;margin-bottom:10px; margin-top:0;padding:10px}
.msg_error{ margin-top:10px;}
.msg_ok,.msg_ko{
display:block;
width:auto;
margin:10px 0;
	padding:10px;
	border:#93FF93;
	background:#B3FFB3;
}
.msg_ko{
	border:#FF8A8A;
	background:#FFAAAA;
}
.foto_blog{
	width:100%;
	height:auto;
	margin:10px auto;
	background-color:#CCCCCC;
	}
#comments{display:block;margin:20px auto;padding:10px;background:#fff;-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
border-radius: 5px; background-color:#f2f1f0;}
#comments textarea{display:block;width:calc(100% - 22px);height:200px;padding:10px;text-indent:0;-moz-border-radius: 2px ;
-webkit-border-radius: 2px ;
border-radius: 2px;}
#comments input[type=submit]{ width:calc(50% - 4px); margin:auto 25%; height:30px; background-color:#a65d66; -moz-border-radius: 2px;
-webkit-border-radius: 2px ;
border-radius: 2px; color:#fff}
.display_comments{
	display:inline;
	height:auto;
	overflow:hidden;
	margin:10px 0;
	padding:10px 0;
}
.input-comment, .box-stars, .input-comment label{display:block;width:auto; margin:10px 0; height:auto;overflow:hidden}
.box-rating{float:right;display: flex; /* Usa flexbox per allineare le immagini */
  justify-content: flex-start;
  align-items: center; margin-bottom:20px}
.star-rating {
  position: relative;
  width: 150px; /* 5 stelle x 30px */
  height: 30px;
}

.stars-background,
.stars-foreground { 
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  display: flex; /* Usa flexbox per allineare le immagini */
  justify-content: flex-start;
  align-items: center;
}

.stars-background {
  background-color: #eee; /* sfondo stelle non votate */
}

.stars-foreground {
  background-color: #ffc23f; /* colore del voto */
  width: 60%; /* rappresenta il voto: 60% = 3 stelle su 5 */
}

.stars-background img,
.stars-foreground img {
  width: 30px;
  height: 30px;
}

.rating-text {
  display: inline-block;
  margin-left: 10px; /* Spazio tra le stelle e il testo */
  font-size: 18px;
  vertical-align: middle;
  color: #333;
}

.media-stars img{float:left;width:30px}
.box-stars img{float:left;width:auto; height:100%; margin-right:5px;}
.etichetta_comment{display:block;margin:10px auto;padding:5px;}
.comment_item{display:block;overflow:hidden;height:auto;padding:10px 0;padding:1.0rem 0;border-bottom:1px solid #c5c5c5}
.icon_comment{display:none;}
.autore_comment_item{font-weight:bold;color:#939EC6;font-size:14px;font-size:1.4rem;padding:0}
.data_comment_item{color:#939EC6;}
.author{display:block;padding:5px;overflow:hidden;height:auto}
.author img{width:100%; margin-bottom:10px}
.buy-pdf{display:block;background:#83AF30;margin-bottom:10px;margin-bottom:1.0rem;padding:10px 0;padding:1.0rem 0;color:#FFFFFF;font-size:16px;font-size:1.6rem;text-align:center;font-weight:bold;}
.info_blog{margin-bottom:15px;font-size:13px}
.contact_in,.contact_out{padding:10px 0}
.contact_out{color:orange}
ul.instructions, ul.instructions li{display:block;width:100%; padding:0;margin:10px 0;list-style-type: none;overflow:hidden;height:auto}
ul.instructions img{width:100%;height:auto}
.lazy{}
@media screen and (min-width:768px)
{
.box-news{float:left;width:calc(50% - 5px); height:480px; margin-right:5px; }

.box100{float:left;}
.input_text{float:left;width:calc(50% - 2px)}
.margin-right{width:calc(50% - 12px);margin-right:10px}
.margin-box{float:right;margin-right:0;margin-left:5px}
#recovery{margin:10px 25%;width:50%;}
.testo_comment_item,.data_comment_item{float:right;width:70%;width:calc(100% - 121px);padding: 0 10px;padding:0 1.0rem;}
.info_comment{float:left;max-width:80px;border:none;border-right:1px solid #c5c5c5;padding:10px;padding:1.0rem;}
.icon_comment,.autore_comment_item{display:block;width:100%;height:auto;text-align:center}
.author{float:left;width:calc(25% - 10px)}
ul.instructions li{float:left;}
ul.instructions img{float:left;margin-right:15px;width:180px;vertical-align:top}

}
@media screen and (min-width:1024px){

#nav{position:static;display:block;border-bottom:1px solid #efefef}
#nav>ul>li {border-bottom:none;}
#desk-login{display:block}
.mobile-login{display:none}
.menu-resp{display:none}
#nav>ul>li {margin:0; width:auto; float:left; padding:10px; }
#container{width:1024px;}
#main,#aside{position: relative;float:left; }
#main{width:648px}
#aside{float:right;width:336px;}
#wForm{width:300px;}
}
@media screen and (min-width:1224px){
#container{width:1220px}
#main{width:844px;}
}