@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	font-family: Roboto, Verdana, Tahoma, sans-serif;
	font-size: 82%;
    color: #1F1F1F;
    background: #F2C5C8  top no-repeat fixed;
  	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 160%;
}
	
a:link, a:visited { color: #9D7A74; text-decoration: none;}
a:hover, a:active { color: #666666; text-decoration: underline; }
h1{font-size: 18px; color: #9D7A74; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4{font-size: 12px;}
h5{font-size: 10px;}
h6{font-size: 9px;}

hr { border-top: 1px dotted #CCCCCC; width: 90%; color: #FFFFFF; background: #FFFFFF; }

p { margin: 0; padding: 0;}
img{border: none;}


/* Struttura Principale */
#container {
	width: 994px;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	text-align: center;
	margin: 30px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	background-color: #F7EEF1;	
	border-radius: 25px;
	}
.pagewidth { 

	width: 90%;
	min-width: 1200px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 2px 20px;
	position: relative;
	background: #FFFFFF;
	 }	
#testata {
	width: auto;
	height: auto !important;
	background: #FFFFFF;
	
	text-align: right; 
	color: #333333;
	padding: 0; 
	margin: 0;
	}
#testata .logo { float: left;}
#testata #login { padding: 10px 10px 0px 0; text-align: right; min-height: 140px;  }
.shop_box { position: absolute; padding: 0 40px 0 0; width: 26%; text-align: right; top: 8px; right: 2px; }
.shop_box img { position: absolute; top: -5px; right: 2px;}
.fb_ico { position: absolute; top: 0px; right: -26px; }
.riepilogo_carrello { background:  #F7F7F7;  margin: 0px 0px 5px 0px; padding: 8px 4px; position: absolute; top: 126px; right: 0px; text-align: left; width: 70%; }
#social { position: absolute; top: 55px; right: 5px;}
#menu { 
padding: 0;
margin: 0;
z-index: 99;
	}
#menu a {  }
#menu ul {
	margin: 0;
	padding: 0px;
	}
#menu li { list-style: none; display: inline; margin: 0; }

	#out_footer ul {
	text-align: right;
	font-weight: bold;
	float: right;
	display: inline;
	font-size: 9px;	
	margin: 1px 0 0 0px;
	padding: 0px;}
	#out_footer ul a:link { color: #BF218D; }
#menu li, #out_footer li{
	text-align: right;
	display: inline;
	margin: 0px 10px;
	padding: 0px;
	text-transform: capitalize;}
	
	#up_corpo {
width: auto;
	height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	
	}
#corpo {
	width: 994px;
	text-align: left;
	height: auto;
	margin: 0px auto 0 auto;
	padding: 0px;
	line-height: 160%;
	}
	#corpo h1 { font-size: 14px; }

	#col_sx {
	background:  #FFFFFF;
	-webkit-box-shadow: 0px 0px 15px #DDDDDD;
    -moz-box-shadow: 0px 0px 15px #DDDDDD;
    box-shadow: 0px 0px 15px #DDDDDD;
	min-height: 800px;
	float: left;
	width: 23%;
	margin: 1px 0 0 -34px;
	padding: 0px;
	text-align: left;
	
	
	} 
	#col_sx  ul {     margin-left: 14px;  }
	#col_sx  li { list-style: none; margin: 0; padding: 0;  line-height: 168%;}
	#col_sx h2 { margin: 10px 1em; padding: 0; }
	#col_sx img { max-width: 100%; }
#col_dx p,#col_sx p,#corpo h3,#corpo h4,#corpo h5 { 
	margin: 10px; 
	}

#col_dx {
	background: #FFD6E1;
	border-right: none;
	min-height: 800px;
	float: left;
	width: 180px;
	margin: 4px 0px 4px 0px;
	padding: 0px;
text-align: left;
display: none;
} 
	
#content {
	float: right;
	width: 74%;
	margin: 1% 0;
	line-height: 160%;
	padding: 10px;
	background:  #FFFFFF;
	
	}
	#content_home {
	float: right;
	width: 79.5%;
	margin: 1% 0;
	line-height: 160%;
	padding: 0;

	
	}

#content h2 { margin: 10px 0;}

.title, .title a  { padding: 5px; text-align: center; background: #F2C5C8; color: white;  }
.page p {
		width: 90%;
		height: auto;
		line-height: inherit;
		margin: 5px 0px;
		padding: 3px;
		}
		
	

#footer {
	width: 1029px;
	height: 22px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	color: #FFFFFF;
	}
#out_footer a { color: #CCCCCC; }
#out_footer {
	width: 994px;
	height: auto;
	margin: 0px auto 10px auto;
	padding: 0px 20px;
	clear: both;
	color: #fff;
	}
	


/* Table */
table { 
	margin: 0px; 
	padding: 0px; 
	border: none; 
	border-spacing: 0px; 
	border-collapse:collapse; 
	caption-side: top;
	}
.dati { 	
	border-spacing: 2px; 
	border-collapse: separate; 
	caption-side: top; 
	width: 98%; 
	height: auto; 
	margin: 20px auto 20px auto;
	padding: 0px; 	 
	vertical-align: middle; 
	font-size: 12px;  
	border: none;
	background:  #FFF;
	clear: both;
	}

.dati th { height: 25px; vertical-align: middle; background: #333333; color: #FFFFFF;  border: 1px solid #CCCCCC; padding: 5px; margin: 0px;  }
.dati td { vertical-align: middle; line-height: 30px; margin: 0px; padding: 2px 2px 2px 4px;  border: 1px solid #F7F7F7;}
.dati tr { background: none; margin: 1px 0px 1px 0px; padding: 0px;  border: 1px; height: auto; }   
.dati tr.homepage { background: #E1F4E1; height: auto;} 

.center { text-align: center; }
.dati .id { width: 20px; }
.dati .titolo { width: 45%; text-align: left; font-size: 12px; }
.dati .pubblicazione { width: 100px; }
.dati .home { width: auto;}
.dati .cubo { width: 10px; text-align: center;}
.dati .tasto { width: auto; text-align: center; }
.dati .visite {width: 50px;}
.dati .risalto { background:  #FFFFCC; text-align: center; font-weight: bold;}
.alternate,.tr2 { background-color: #DFEEFF;}
.dati td.noborder { border: none; }

/* Paginazione Dati */
.paginazione { margin: 0px auto 20px 0px; width: auto; padding: 0;  }
.paginazione h2 { font-size: 12px; margin: 4px 0; padding: 6px 4px; }
.paginazione a:link, .paginazione a:visited, .paginazione a:hover, .paginazione a:active { padding: 2px 4px 2px 4px; background: #FBFBFB; border: 0.1em dotted #CCCCCC;}
a.pagina_selezionata { background:  #FFCC99; font-weight: bold; }
	
/* Liste */
ul {}
li {}

dl {}
dt {}
dd {}

.menu_accordion li { list-style: none; }

/* Moduli */
form {
	margin: 0px; 
	padding:0px;
	}
input {
	background: #FAFAFA;
	  border: 1px solid #F7F7F7;
  padding: 5px;
	}
select {
	background: #FAFAFA;
	  border: 1px solid #F7F7F7;
  padding: 5px;

	width: 180px;
	}
.hard { margin: 40px 20px; text-align: right; }
textarea {
	background: #FAFAFA;
	border: 1px solid #CCCCCC;
	}
.cerca { width: 95%; padding: 14px 5px;}
.button a:link, .button a:active, .button,a.button,.button_big  { 
background: #F2C5C8;
border: none;
padding: 5px;
color: #FFFFFF;
margin: 4px 0;
cursor:pointer;
}
.btn_carrello {
background: #F2C5C8;
border: none;
padding: 5px;
color: #FFFFFF;
margin: 6px 0px;
} 
.btn_carrello:hover {
background-color: #F2C5C8;
}
.button_big { 
padding: 10px;
}

.form_right { text-align: right; margin: 30px auto  230px auto;}
.form_color {width: 280px; background: url(../../img/bg_.jpg) repeat-x scroll top; border: 0.1em solid  #CCCCCC !important;  border: 0.1em solid  #CCCCCC ; margin: auto 40px auto 10px; }
.textarea_color  { width: 500px; background-color: #FFFFF4; border: 0.1em solid  #CCCCCC !important;  border: 0.1em solid  #CCCCCC ; margin: auto 40px auto 10px;}
#fm_registrazione { width: auto; margin-right: 180px;}
.higl-input { font-weight: bold; color:#666666; width: 300px; margin-left: 10px; background-color: #FFFFE8; text-align: left; vertical-align: middle; padding: 3px;}
.modulo, .modulo_red { font-weight: bold;  width: 250px; color:#666666; margin-left: 10px;  text-align: left; vertical-align: middle; padding: 3px;}
.modulo_red { border: ridge #CC0000 thin; }
.form_title { width: 100%; margin: 10px 0px; }
.form_row { 
	margin: 10px auto auto auto; 
	text-align: right; 
	width: 500px;
	height: auto;
	padding-right: 20px;}	
#ricerca { margin: 10px 2px;}
/* Classi */
.menu {}
.img_left { float: left; }
.img_right { float: right; }


/* Box */

.prodotto { border: 1px solid #CCCCCC; padding: 1px;}
.h3 { color: #00496A; margin-top: 4px;}
.prezzo { color: #009D15; font-size: 14px; font-weight: bold;}
.blink { text-decoration: blink; color: #990000;}

.prodotto_box { width: 170px; float: left; text-align: center; margin: 5px; border: 1px solid #F2F2F2 ; border-top: 3px solid #BF218D; padding: 3px 2px; }
.prodotto_box h2 { height: 50px; overflow: hidden; background-color: transparent; }
.prezzo_box { text-align: right; background-color: #F2F2F2; padding: 5px;}
#scheda_content .prodotto_box { width: 180px; }

.box_big {
	
	background:  #FFFFFF;
	width: 100%;
	padding: 0px;
	margin: 0px 0 4px 0;}
	 
#content h2, #scheda_content h2 { margin: 10px 0; width: 98.5%; }
	/* Box */ 
.barra { width: 100%; } /* Rettangoli */

.colore { color: #990000; }

.subcolore { color: #333333; }

.clear { clear: both; }


.esito { margin: 50px 20px; }

/* Scheda dei prodotti */
.icona_scheda_prod { width: 250px; height: auto;}
.tags { padding: 2px 5px; font-size: 9px; }

/* Riepiloghi Catalogo */
.item {  background: #FFFFFF; width: 32.5%; float: left; text-align: center;   margin: 2px 3px 0 0; padding: 0 0 20px 0; border: #F7F7F7 solid 1px;  height: auto !important; min-height: 190px; max-height: 190px; 
overflow: hidden; height: 140px; position: relative; }
.item p { margin: 0; padding: 5px; }
.item .prezzo {text-align: left;  position: absolute;
  bottom: 7px;
  left: 2px;  }
.item .acquista { position: absolute; right: 0px; text-align: right; bottom: 2px; }
.item .img_box { height: 120px; overflow: hidden; }
.item  h2 a,.item  h2{color: #615E5F; font-size: 12px; line-height: 100%; margin: 5px; padding: 0; text-align: center; height: 15px; }
.item img, .icona_prodotto { width: auto; max-width: 100%; height: auto; max-height: 100%; }
.item .promozione { position: absolute; top: 0; right: 0; width: 76px; z-index: 50; height: 81px; overflow: hidden; color: transparent; background:  url(../lay/promo.png) no-repeat top left; } 
.promozione { font-size: smaller; color: red;}
#col_dx .item  { width: auto; float: none; min-height: none; max-height: none; overflow: visible; position: relative;  }
#col_dx .item .anteprima { position: relative; }
#col_dx .prezzo { position: absolute; right: 2px; bottom: 2px; color: #006666; font-size: 22px; 
-moz-text-shadow:   -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    -webkit-text-shadow:   -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    text-shadow:   -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
#col_dx .item img { width: 90%; height: auto; max-width: none; max-height: none;  }

#riepilogo_carrello { width: 97%; }
.carrello_option {  width: 97%; border: 1px solid #CCCCCC; margin: 10px auto; padding: 0px; text-align: left;  }
.carrello_option h2 { background: #CCCCCC url(../lay/bg_barra.jpg) repeat-x; color: #333333; height: auto; padding: 5px;  }
.codice_cliente { width: 97%; margin: 2px auto; text-align: right; }
#catalogo_content form { width: 100%; }

.item_prod {
	 width: auto; 
	-webkit-box-shadow: 0px 0px 15px #DDDDDD;
    -moz-box-shadow: 0px 0px 15px #DDDDDD;
    box-shadow: 0px 0px 15px #DDDDDD;
	background: #FFFFFF;
    margin: 20px 4px 10px 4px; padding: 5px 0px; height:auto;  min-height: 200px; overflow: hidden; clear: both; position: relative; }
.item_prod img { float: left; margin: 10px; width: auto; max-width: 200px; height: auto; }
.item_prod .informazioni { margin: 0px 0px 0px 220px; padding: 20px 0 0 0;  }
.item_prod .acquista { position: absolute; bottom: 5px; right: 0px; text-align: right; color: #CCCCCC;}
.tags { visibility: hidden; }
.item_prod .prezzo {
	text-align: left;
background: rgba(242, 242, 242, 0.24) none repeat scroll 0% 0%;
width: 27%;
padding: 5px;
bottom: 0px;

 }
#add_carrello { 
  background: #F7EEF1;
  margin: 0;
  padding: 10px;
  border: #F7EEF1;
  width: 95%;
  float: right;
  }

#sottogategorie_list  { margin: 0; padding: 0; }
#sottogategorie_list .sottogategorie_item {  text-align: left; background: #F2F2F2; padding: 8px; margin: 2px; list-style: none; display: inline-block; }

.fotogallery { clear: both; }
.articolo_res { background:  #F7F7F7; padding: 6px; margin: 4px 0px; position: relative; min-height: 130px; }
.articolo_res img { max-width: 100%;  }

.img_articolo { position: absolute; top: 0; right: 0; }
.img_articolo img  { max-height: 140px; width: auto; }
 
.foto_res { float: left; border: 1px solid #CCCCCC; padding: 5px; margin: 5px; height: 80px; width: 120px; overflow: hidden; text-align: center; }
.foto_tumb {  background: #F7F7F7; width: 120px; height: 80px; overflow: hidden; margin: auto 0; }
.foto_tumb img {  max-width: 120px; height: auto; min-height: 80px; }

#menu li a.highlight { font-weight: bold; }
.translate { text-align: left; min-height: 30px; overflow: hidden; position: fixed; top: 0; width: 994px; margin: 0 auto;  }
.translate h2 { margin: 5px 4px; display: inline-block; color: #9E7B77; font-size: 110%; }




.big, a.big,.orange,.orange:hover , .orange a {
	width: 90%;
clear: both;
text-align: center;
margin: 10px auto;
padding: 14px 4px;
float: none;
color: white;
display: block;
}  
.3rdColor, a.3rdColor {
	  background: #AB7EA7;
}
.mobile { display: none; }

ul#menu1 {margin:0 auto; padding: 2px 0 0 0; list-style: none; float:left; line-height:20px; vertical-align:center; font-size:80% text-align: left; }
ul#menu1 li { list-style: none; float:  left; width:  40%; font-size:  larger; text-align: left; }

#catalogo1, #catalogo2, #catalogo3  { display:  none; }



@media screen and (min-width: 0) and (max-width: 600px) {


.dati td { display: inline-table;  }

.3rdColor, a.3rdColor {
	  background: #AB7EA7;
}
.mobile,  #cats { display: block; }
.mobilehide, #catalogo1, #catalogo2, #catalogo3 , #chat-application { display: none; }
#testata, #container, .footer, #out_footer, #footer, #content {  float:  none; min-width: 0; width: auto;  }
#testata { padding-bottom: 1px; }
#out_footer { margin-bottom: 30px;  }
#container, #content_home  { margin: 0; float:  none; width: auto; } 
.item , .item_prod, .item_prod .informazioni{ float:  none; width: auto; margin: 2px 0; }
#content { margin-top:  5px; padding: 10px;  }
.item_prod .informazioni{ padding:  5px; margin-top:  10px;}
.item_prod { padding:  5px; margin-top:  10px;}

#slide { width: auto; }
#logo,.box, .vetrina, .novita, #main_box, .main_img { float: none; width: auto; min-width: 0; max-width: none; }
#menu1 { display: none; }
.menumobile {}
.box { min-height: 0; min-width: 0;}
.box h2 { font-size: 120%; }
.box .prezzo { font-size: 110%; }
.main_menu li a {
    margin-left: 0px;
    display: block;
    width: auto;
    padding: 7px;
}

.main_menu li > span i { top: 0; right: 0px;
z-index: 999;
padding: 5px 10px;
 background: #F4F4F4;
 top: -43px;
  }
 .main_menu li > span { 
width: 100%;
right: 0px;
left: auto;
float: right;
top: 0px;
position: relative;


}
ul#menu1 li {
    margin: 2px;
    padding: 9px 12px
}
#logo div, ul#menu2, #col_dx,#partners, #menu3,.medium-4 { display: none;  }
#col_sx, #centrale,#corpo { clear: both;  float: none; width: 100%; min-width: 0; padding: 0; margin: 0; min-height: 0; }
#col_sx { margin-bottom:  5px; }
.fott { width: 100%; }
.vedi, .vedi a, .vedi a:link,  .vedi a:visited {
	clear: both;
width: 100%;
float: none;
text-align: center;
background: rgb(169, 200, 78); color: white;}
.medium-5 {
    width: 41.6667%;
    width: 100%;
    text-align: center;
}
.cerca {     width: 98%;
padding: 14px 5px;
}
.main_menu ul , .main_menu ul li .sub-menu, .main_menu ul li:hover .sub-menu {
  
    margin-bottom: 0px;
    position: relative;
    top: auto;
    left: auto;
    background: #FFF none repeat scroll 0% 0%;
    z-index: 9999;
    width: 100%;
    min-width: 0;
	display: block;
	margin: 0;
}
.form_row { width: auto; }
.span_row label {
    width: auto;
    text-align: left;
    float: none;
    display: inline; }
#top_menu {
    width: 100%;
    height: auto;
	text-align: left;

    position: relative;
    background: #0C4382;
}
#top_menu li { float: none; display: inline-block; width: 100%; 	padding: 10px 5px;  }
.galleriafoto { width: auto; height: auto; float: none; }
.descrizione {
    float: none;
    width: auto;
    margin: 10px auto;
}
.lineare {
    width: 100%;
    float: none;
    height: auto;
	clear: both
}
.acquista { float: none; width: 100%; clear: both; padding: 0; height: auto; }
.acquista a {
    
     padding: 10px; 
    display: inline-block;
	clear: both
}

.sfondo {
    position: relative;
    height: 0;
}
}






.roboto-thin {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: normal;
  }
  
  .roboto-light {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
  }
  
  .roboto-regular {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  
  .roboto-medium {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: normal;
  }
  
  .roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
  
  .roboto-black {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: normal;
  }
  
  .roboto-thin-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
	font-style: italic;
  }
  
  .roboto-light-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: italic;
  }
  
  .roboto-regular-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: italic;
  }
  
  .roboto-medium-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 500;
	font-style: italic;
  }
  
  .roboto-bold-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: italic;
  }
  
  .roboto-black-italic {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-style: italic;
  }