@charset "UTF-8";

/*****************************************

STRUTTURA DEL CSS di Mauro Pascoli - 2012

------------------------------------------
Logo + Cerca:
	logo --> h1
	cerca --> cerca_top + cerca_bottom + modulo_autocomp
	
------------------------------------------	
Menu: 
	menu --> flags
	
------------------------------------------
Promo - Vespa Tech - Login (solo in HOME):
	promo --> h2 / p
	vespa tech --> h2 / p
	
------------------------------------------	
Contenuti: [riga 410]
	Home:
	colonna_sx --> blocco_pulsanti + blocco_vetrina --> prodotti
	colonna_dx --> blocco --> h3 + p
	
	Pagine interne:
	colonna_sx --> blocco --> catalogo / news / eventi / cerca / museo
	colonna_dx --> blocco --> h3 + p

*****************************************/

/********************************************************************************************************************/
/******************************************************* Generali ***************************************************/
/********************************************************************************************************************/

body {
	font: 100% 'Maven Pro', sans-serif;
	font-family: 'Maven Pro', sans-serif;
	font-size: 14px;
	background: #fff;  /* MODIFICA */
	margin: 0; /* azzero margin e padding di body per eliminare le impostazioni di default dei vari browser  */
	padding: 0;
	text-align: center; /* server per centrare il container in IE 5 */
	color: #666666;
	
}

.vespa_racing
{
//	background: url(img/vespa_racing_4.png) no-repeat top center #F3F3F3;
    background: #fff; /* MODIFICA */
}

/** sfondo totale ****************************************/
div#sfondo {	width:100%;} /*LARGHEZZA DEL SITO*/
#row { max-width:1150px; margin:auto}/* id da dare al div con contenuti non al 100% */
.row { max-width:1150px; margin:auto; clear:both}/* id da dare al div con contenuti non al 100% */
#row-content { margin:0px 0px 0px 0px;}

/*EFFETTO OVER */

*, *:after, *:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/** catalogo ****************************************/
div#boxcatalogo {
   height: 75px;
   width:220px;
     
	}
	


/** separatore ************************************/
div#separatore { /* riga bianca alta 20 px di separazione fra i vari blocchi */
	height:5px;
	text-indent:-10000px;	
}

/** contenitore ***********************************/
div#contenitore { 
	/* background:#FFF000; /* giallo */
	margin-top:30px; /* MODIFICA */
	}

/********************************************************************************************************************/
/***************************************************** Logo + Cerca *************************************************/
/********************************************************************************************************************/

div#sfondomenu {

width: 100%;
height:60px;
background:#eeeeee;
clear:both;
    position: relative;
    margin-top: 180px;
	}

div#intesta {
width: 100%;


	}
	
	
#intestazione {background:#004392; display:flex; padding: 30px 0px 30px; z-index: 10;  position: fixed;   width: 100%; height: 180px; top:0px;}
  
div#logo { width:40%; float:left

	
	}
#logo img { width:100%; border:0px; min-width:400px;} 	
	
#logo h1 {
	display:block;
 // z-index:10;
 // position: fixed;
   width:580px;
	 height:96px;	
   background:url(img/logo1.jpg) no-repeat 0 0;
    text-indent:-10000px;
	margin: 19px 0 9px 0;
	padding:0;
	}
  
#logo h1 a {
    display:block;
    width:100%;
    height:100%;
  	}	
#logo h1 a:hover {
	background:url(img/logo1.jpg) no-repeat 0 0; 
	}

/********************* NO H1 *********************/	
#logo_link {
	display:block;
    width:550px;
	height:124px;	
    background:url(img/logo_pascoli.jpg) no-repeat 0 0;
	margin:0;
	padding:0;
    text-indent:-10000px;
}
#logo_link a {
	display:block;
	width:100%;
	height:100%;
}
#logo_link a:hover {
	background:url(img/logo_pascoli.jpg) no-repeat 0 0;
}


#login_registrazione { width:35%; float:left}


#social { width:25%; float:right; text-align:right; margin-top: -28px;}

#nazione { float:left}
#nazione select {
    background-color: #004392;
    color: white;
    float: left;
    padding: 5px;
	    border-radius: 0px 10px 0px 0px;
}

/********************************************** CERCA *****************************************/
div#cerca { 
	/* background-color:#eee; */ /* grigino */
	color:#000;
	font: 100% Arial, sans-serif;
	font-size: 13px;
	height:124px;	
	float:right;
	}

/********************* TOP *********************/
#cerca #cerca_top {
	/* background-color:#0000FF; */ /* blu */
	display:block;
	height:60px;
	float:right;
	margin: 5px 0px 8px 38px;
	padding:0;
}

/************** AUTOCOMPLETAMENTO **************/	
#cerca #cerca_top #modulo_autocomp{
	visibility:hidden;
	position:relative;
	top:28px;
	width:219px;
	height:auto;
	z-index:10;
	margin: 0 0 0 67px;
	padding:0;
	text-align:left;
	border:1px solid #999;
	background-color:#FFF;
}
#cerca label {
	float: left;
	display: inline; /* IE double margin bug fix */
	font-size: 11pt;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin:0;
	padding:0;
	width: 67px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background-image:url(img/cerca_bg.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#cerca input.inputTxt {
	float: left;
	display: inline; /* IE double margin bug fix */
	line-height: 19px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	margin:0;
	padding: 5px 0px 5px 5px;
	width:80%;
	
}
#cerca input.inputImg {
	float: right;
	display: inline; /* IE double margin bug fix */
	margin:0;
}

/********************* BOTTOM *********************/
#cerca #cerca_bottom {
	/* background-color:#FF0000; */ /* rosso */
	display:block;
    width:315px;
	height:23px;
	float:right;
	margin:0;
	padding:0;
}
#cerca #cerca_bottom #testo {
	/* background-color:#FF0000; */ /* rosso */
	display:block;
	height:20px;
	float:right;
	margin:0;
	margin-left:10px;
	padding:0;
	font-weight:bold;
	text-align:right;
	padding-top:3px;
}
#cerca #img_carrello {
	padding-top:3px;
	padding-right:5px;
	float:left;
}
#cerca span.blu{

	float:left;
	color:#1b70bc;
	margin-left:7px;
}
#cerca span.nero{
	color:#000;
	margin-left:10px;
}

.box_25 { width:25%; float:left; }
.box_45 { width:45%; float:left; }

.box_25_box_home { width:25%; float:left;    margin-bottom: 20px;  }

.colmargin2 { margin-left:2%; margin-right:2%; margin-left:32px;}

#avvisi { padding-top:10px;
padding:0px; text-align:left}
#avvisi h2 { background-color:#004393;     border-radius: 0px 0px 20px 0px; padding:3px; text-align:left; font-size:16px; font-weight:bold; color:#ffffff; float:left; padding-right:20px;}

#movie {// padding:10px;
 text-align:center ;border: 2px solid #eeeeee; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height:134px}

#movie h2 { text-align:left; font-size:16px; font-weight:bold; color:#333; float:left; padding-top:10px;}

#movie a{}
#movie img{ background-color:#ffffff; color:#FFF}

#modulo_catalogo {}
#modulo_catalogo select { width:100%; }
#modulo_catalogo  h2 { background-color:#1b2d3d; border:2px solid #009ee0; width:100%; padding:10px; color:#FFF}


#boxlogin {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 20px;
    
	background-color:#FFF
}

#boxlogin FORM {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#boxlogin span {
    font-size: 0.9em;
}
#boxlogin input {
    border-radius: 0px;
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
	font-size: 90%;
    color: #333;
    border: 1px solid #ddd;
}

.recupera_pws {
    color: #7397bb;
    font-weight: normal;
    font-size: .7em;
    padding: 0px;
    text-decoration: none;
    background-color: #ffffff;
    text-transform: none;
    border: 0px;
    cursor: pointer;
    float: right;
}

#boxlogin button {
    margin: 10px;
}

.invia {
    background: linear-gradient(#76b819,#659d15);
    float: right;
    clear: both;
	border:0px;
	padding:10px;
	color:#FFF;
	text-transform:uppercase;
}

/********************************************************************************************************************/
/********************************************************* MENU *****************************************************/
/********************************************************************************************************************/
div#menu {
	font-size: 15px;
	font-weight:normal;
	/* border-bottom:#CCC solid 1px; border-top:#CCC solid 1px; */
	height:65px;
	color:#464646;
	}

#menu ul {
 	display:block;
}
#menu ul li {
  	display:block;
    	padding-left:12px ;
}
#menu ul li a {
  	display:block;
	//color:#003399;
}

div#menu img { //display:none;}

/********************* FLAGS *********************/
#menu ul#flags {
	display:block;
	width:185px;
	float:right;
  margin-top:0px;
}
#menu #flags li {
	display: block;
	padding-left:5px;
	padding-top:10px;
	float:left;
}


/********************************************************************************************************************/
/********************************************************* AVVISI *****************************************************/
/********************************************************************************************************************/
div#avvisi
{
  /* width:800px; */
	border:2px solid #eee;
	background-color: #FFF;
	min-height: 134px;
}

div#avvisi h2
{
		text-align:left;
		margin-left:5px;
		margin: -10px 0px 0px -10px;
}
div#avvisi #contenitore
{

	text-align:left;
	margin-top:10px;
	margin-left: 5px;
	margin-right:5px;
	padding-bottom:5px;
	overflow;hidden;
}

div#avvisi #contenitore span.avviso
{
	display:block;
	padding-bottom:3px;
	//border-bottom:1px dashed #CCC;
}

div#avvisi #contenitore span.titolo
{
	font-weight:bold;
}

/********************************************************************************************************************/
/********************************************************* Movies *****************************************************/
/********************************************************************************************************************/
div#movi
{
	width:218px;
	height:280px;
	background:#fff;
	border:1px solid #ccc;
}



/********************************************************************************************************************/
/** PROMO - VESPA TECH - LOGIN - BANNER registrati ******************************************************************/
/********************************************************************************************************************/

/** PROMO *********************/
div#slider { 
	background:#fff; 
	width:60%;
	height:280px;
	position:relative;
	border:1px solid #ccc;
	}

/**************************************************************/
/** Slider ****************************************************/
/**************************************************************/
#slider #titolo {
	display:block;
	position:absolute; /* in questo modo la pos di titolo è assoluta rispetto a #fiere */
	z-index:1;
	top:-4px;
	left:-4px;
	}
	
#slider-holder { height:280px; position:relative; overflow:hidden; text-align:left;}
#slider-holder .jcarousel-clip{ height:280px; width:100%; position:relative; overflow:hidden; }
#slider-holder ul{ width:458px; height:280px; position:relative; overflow:hidden; list-style-type: none; margin:0px;}
#slider-holder ul li{ width:458px; height:280px; position:relative; overflow:hidden; float:left; display:inline; }
/* caption */
#slider-holder ul li .caption { width:100%; /* width:97% */ color:#fff; background:#000; position:absolute; top:210px; opacity:0.6; filter:alpha(opacity=90); z-index:1; overflow:hidden; float:left; display:block; padding:5px;}
#slider-holder ul li h2 { display:block; padding-bottom:3px; margin:0px; color:#fff; font-size:22px; width:100%; }
#slider-holder ul li p { display:block; padding:0px; margin:0px; line-height:15px; float:left; width:75%; height:auto; }
#slider-holder ul li .prezzo{ display:block; width:23%; position:relative; top:-0px;height:auto margin:0px; float:right; color:#9ddb21; font-size:22px; font-weight:bold; text-align:right; }
#slider-holder ul li .aggiungipromo{ display:block; width:23%; position:relative; top:-25px; height:auto; margin:0px; float:right; color:#fff; font-size:14px; font-weight:bold; text-align:right; }
#slider-holder ul li .aggiungipromo a{ color:#fff; }
#slider-holder ul li img{ display:block; width:420px; position:relative; top:-50px; margin-left:19px;} /* CAMBIOIMG */

.slider-controls { font-size:0; line-height:0; height:0; position:absolute; top:20px; right:20px; z-index:2;}
.slider-controls a{ width:16px; height:16px; float:left; background:url(img/slider-nav.gif) no-repeat right 0; text-indent: -4000px; margin-left:3px;}
.slider-controls a:hover,
.slider-controls a.active{ background-position:0 0;}

.slider-nav { font-size:0; line-height:0; height:0;}
.slider-nav a{ text-indent: -4000px; width:34px; height:60px; position:absolute; top:120px; z-index:3}
.slider-nav a.next{ background:url(img/next.gif); right:0px}
.slider-nav a.prev{ background:url(img/prev.gif); left:0px;}


/** FIERE *********************/
div#fiere { 
	/* background:#ff0000; */ /* grigio */
	display:block;
	position:relative; /* in questo modo da a #fiere una pos relativa */
	width:39%;
	height:280px;
	background:#fff;
	border:1px solid #ccc; float:right
	}
#fiere #titolo {
	display:block;
	position:absolute; /* in questo modo la pos di titolo è assoluta rispetto a #fiere */
	z-index:3;
	top:-4px;
	left:-4px;
	}
#fiere #img {
	display:block;
	position:absolute;
	z-index:2;
	}
#fiere h2 {
	display:block;
	position:absolute;
	z-index:1;
	text-indent:-10000px;
	}
	
/** VESPA TECH *********************/ /* ELIMINATO */
div#vespa_tech { 
	/* background:#ff0000; */ /* grigio */
	width:298px;
	height:280px;
	background-image:url(img/bg_promo_vespa.jpg);
	background-repeat: repeat-x;
	border:1px solid #BBB;
	}
#vespa_tech h2 {
	display:block;
	height:89px;
	text-indent:-10000px;
	background-image:url(img/titolo_vespa_tech.png);
	margin: 15px 20px 0 20px;
	}
#vespa_tech p {
	display:block;
	color:#1b70bc;
	font-size:14px;
	font-weight:bold;
	margin: 14px 10px 0 20px;
	text-align:left;
	line-height:16px;
	}
	
/** LOGIN (colonna sx) *********************/
div#modulo_login { 
	/* background:#ff0000; */ /* grigio */
	width:218px;
	height:160px;
	background-image:url(img/bg_promo_vespa.jpg);
	background-repeat: repeat-x;
	border:1px solid #BBB;
	}
#modulo_login h2 {
	display:block;
	height:30px;
	text-align:left;
	color:#333;
	margin: 15px 20px 5px 20px; !important
	}
#modulo_login p {
	display:block;
	color:#1b70bc;
	font-size:12px;
	margin: 20px 20px 0 20px;
	text-align:left;
	line-height:15px;
}
#modulo_login form {
	display:block;
	height:60px;
}
#modulo_login label {
	float: left;
	display: inline; /* IE double margin bug fix */
	font-size: 10pt;
	color: #000;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	height: 27px;
	line-height: 23px;
	text-align: center;
}
#modulo_login input.inputCheck {
	float: left;
	display: inline; /* IE double margin bug fix */
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	margin: 5px 0px 0px 10px;
	padding: 5px 0px 0px 5px;
}
#modulo_login input.inputTxt {
	float: left;
	display: inline; /* IE double margin bug fix */
	width: 160px;
	height: 20px;
	line-height: 19px;
	border: 1px solid #afada6;
	background-color: #ffffff;
	margin: 0px 0px 10px 20px;
	padding: 5px 0px 0px 5px;
}
#modulo_login input.inputImg {
	float: left;
	display: inline; /* IE double margin bug fix */
	margin: 2px 0px 0px 12px;
}

/** BANNER (colonna sx) *********************/
div#banner_registrati { 
	/* background:#ff0000; */ /* grigio */
	width:218px;
	height:98px;
	margin-top:25px;
	background-image:url(img/bg_registrati.jpg);
	background-repeat: repeat-x;
	border:1px solid #BBB;
	}
#banner_registrati h2 {
	display:block;
	height:30px;
	text-align:left;
	margin: 10px 20px 0 20px;
	color:#1b70bc;
	font-size:25px;
	line-height:30px;
	}
#banner_registrati p {
	display:block;
	color:#555;
	font-size:18px;
	font-weight:bold;
	margin: 5px 20px 0 20px;
	text-align:left;
	line-height:22px;
	}
	
/** CORRIERI - CARTE (colonna sx) *********************/
div#corrieri_carte { 
	/* background:#ff0000; */ /* grigio */
 
	width:235px;
	height:180px;
//	margin-top:10px;
	background-image:url(img/corrieri_carte.jpg);
background-repeat: repeat-x;
	border:1px solid #BBB;
	text-indent:-10000px;
	}
#corrieri_carte h2 {
	display:block;
	height:30px;
	text-align:left;
	margin: 10px 20px 0 20px;
	color:#1b70bc;
	font-size:25px;
	line-height:30px;
	}
#corrieri_carte p {
	display:block;
	color:#555;
	font-size:18px;
	font-weight:bold;
	margin: 5px 20px 0 20px;
	text-align:left;
	line-height:22px;
	}
	


.grid_3 { display:block; width:100%; clear:both}

/********************************************************************************************************************/
/****************************************************** CONTENUTI ***************************************************/
/********************************************************************************************************************/

/* SINISTRA */
div#colonna_sx {
/*margin-top:295px;*/
	/*background:#ff0000;*/ /* blu */ /* MODIFICA */
	}
	
/* DESTRA */
div#colonna_dx { 
	/* background:#fff; /* rosso */ /* MODIFICA */
	position:relative;
	/*z-index:1;*/
	width:100%;
	}

/***********************************************************/
/**********************  COLONNA DESTRA  *******************/
/***********************************************************/

#colonna_dx p {
	display:block;
	font-size:13px;
	line-height:16px;
	color:#000;
	text-align:left;
	}

/* HOME --> BLOCCO PULSANTI PER NAVIGAZIONE della VETRINA  */
/***********************************************************/
#colonna_dx #blocco_pulsanti {
	display:block;
	font-size:20px;
	font-weight: bold;
	position:relative;
	z-index:3;
	padding-left:10px;
}

#colonna_dx #blocco_pulsanti h3 {
	display:block;
	float:left;
  width:30%;
	margin-bottom:0px;
	padding: 15px 15px 25px 15px;
	font-size:22px;
	font-weight: bold;
	//color:#1b70bc; /* BLU CHIARO */
  background:#eeeeee;
  color:#1c2d3d;
	text-align:center;
	position:relative;
	z-index:4;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin-top:20px;
	border-radius:5px 5px 0px 0px;
	margin-right:3%;
}

#colonna_dx #blocco_pulsanti .pulsante_spento {
	display:block;
  width:33.333%;
	float:left;
	margin-right:0px;
	padding: 30px 15px 30px 15px;
	color:#eeeeee;
	text-align:center;
	position:relative;
	z-index:4;
	cursor:pointer;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}

/* HOME --> VETRINA */
/***********************************************************/
#colonna_dx #blocco_vetrina {
	display:block;
	background:#eeeeee; /* MODIFICA */
	width:100%; /* MODIFICA */
	float:left;
	color:#3366cc;
	padding-left: 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-right: 10px;
 /*	position:relative;
 z-index:2;
	top:-10px;  ALLINEO IL BLOCCO SOTTO I PULSANTI */
	}
#colonna_dx #blocco_vetrina .righetta {
	display:block;
	width:100%;
	height:1px;
	float:left;
	margin-top:0px;
	margin-bottom:5px;
	/* background:#ccc; /* MODIFICA */
	}
	
/* HOME --> VETRINA --> PRODOTTI */
/***********************************************************/
#colonna_dx .prodotto {
display:block;
	width:230px; /* -30px di padding e -2px di bordo */
	/* height:220px; /* NON SERVE */
	min-height:355px;
	float:left;
	padding:10px;
	margin-left:27px ;
	//margin-right:20px;
	margin-top:15px;
  margin-bottom:15px;
	background-color:#fff; /* grigio */
	border:1px solid #3681c4;
	    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
#colonna_dx .prodotto .titolo {
	display:block; 
  height:80px; 
	margin-bottom:10px;
	font-size:14px; /* MODIFICA */
	font-weight: bold;
	color:#4e4e4e;
	line-height:18px;
  padding-left:5px;  padding-right:5px;
  text-transform:uppercase;
	}
#colonna_dx .prodotto p {
	display:block;
	margin:0;
	font-size:13px;
	line-height:16px;
	color:#000;
	text-align:left;
	float: right;
	}
#colonna_dx .prodotto img {
	width:130px;
	display: inline; 
	    margin-top: 20px;/* IE double margin bug fix */


	}
#colonna_dx .prodotto .grassetto {
	font-weight: bold;
  	width:300;
	}
#colonna_dx .prodotto .prezzo {
	display:block;
	margin-top:15px;
	margin-right:0px;
	float:right;
	font-size:20px; /* MODIFICA */
	font-weight: bold;
	color:#1b70bc;
	text-align:right;
	clear:both;
	//text-shadow:1px 1px 1px #555;
	//-webkit-text-shadow:1px 1px 1px #555;
	//-moz-text-shadow:1px 1px 1px #555;
	}
#colonna_dx .prodotto .aggiungi {
	display:block;
	margin-top:10px;
	margin-right:10px;
	padding:5px 10px 5px 10px;
	float:right;
	font-size:14px;
	font-weight: bold;
	color:#000;
	background:#fff;
	text-align:center;
	cursor:pointer;
	}

/* BLOCCO GENERICO PER PAGINE INTERNE */
/***********************************************************/
#colonna_dx .blocco {
	display:block;
 
	background:#fff; /*verde */ /* MODIFICA */
	font-size:13px;
	color:#000;
	text-align:left;
	/* + 2px di bordo + 30px di margin = 700px */
 // height:2000px;
	margin:0px;
	padding:15px;
	float:left;
	border:1px solid #ccc;
	    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
  
}
#colonna_dx .blocco p {
	display:block;
	font-size:13px;
	line-height:16px;
	color:#000;
	text-align:left;
	padding:20px 0px 20px 0px; /* MODIFICA */
	margin:0;
	//border-top:1px solid #ddd;
	text-align:justify;
}
#colonna_dx .blocco h2{
	display:block;
	font-size:21px;
/*	color:#1b70bc;  BLU CHIARO */
	text-align:left;
	margin-bottom:0px;
	padding: 0px;
	padding-left:0px
	/*border-bottom:1px dashed #aaa; */
	/* margin-right:10px; serve a distanziare h3 nel CATALOGO */
	/* float:left; serve ad allineare a sx h2 nel CATALOGO */
}
#colonna_dx .blocco h2 a{
	color:#1b70bc; /* BLU CHIARO */
}
#colonna_dx .blocco h3{
	display:block; /* MODIFICA */
	/*height:25px;    MODIFICA */
	margin-bottom:10px; /* MODIFICA */
	padding:10px 0 0 0; 
	font-size:16px; /* MODIFICA */
	color:#555; /* MODIFICA */
	text-align:left;
	overflow: inherit;
	//border-bottom:1px dashed #ccc;
}

#colonna_dx .blocco label {
	float: left;
	display: block; /* IE double margin bug fix */
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	margin:10px 20px 0 0;
	padding:0;
	width: 110px;
	height: 15px;
	line-height: 15px;
}
#colonna_dx .blocco input {
	display: block; /* IE double margin bug fix */
	line-height: 15px;
	border: 1px solid #afada6;
	background-color: #ffffff;
	margin:5px 0 5px 0;
	padding: 5px 0px 0px 5px;
}
#colonna_dx .blocco select {
	display: block; /* IE double margin bug fix */
	line-height: 15px;
	border: 1px solid #afada6;
	background-color: #ffffff;
	margin:5px 0 5px 0;
	padding: 5px 0px 0px 5px;
}
#colonna_dx .blocco input.input_button {
	display: block;
	float: left;
	width:auto;
	height:auto;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 15px 0 0;
	padding:10px;
	background-color: #1b70bc;
}
#colonna_dx .blocco input.input_button_museo {
	display: block;
	float: left;
	width:auto;
	height:28px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0px 10px 0;
	padding:5px 12px;
	background-color: #1b70bc;
}



#colonna_dx .blocco input.input_button_carrello {
	display: block;
	float: left;
	width:auto;
	height:auto;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 15px 0 0;
	padding:5px;
	background-color: #1b70bc;
	cursor:pointer;
}
#colonna_dx .blocco input.input_button_avanti {
	display: block;
	float: right;
	width:auto;
	height:auto;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0px 0 0;
	padding:10px;
	background-color: #1b70bc;
	cursor:pointer;
}

#colonna_dx .blocco input.input_button_indietro {
	display: block;
	float: left;
	width:auto;
	height:auto;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 15px 0 0;
	padding:10px;
	background-color: #1b70bc;
	cursor:pointer;
}

#modulo_news { width:100%;}

#modulo_eventi { width:100%;}


/********************************************************************************************************************/
/****************************************************** CATALOGO ****************************************************/
/********************************************************************************************************************/

/* PAGINA CATALOGO --> CATEGORIE */
/***********************************************************/
/* assegno uno stile ai paragrafi all'interno */
/* della lista di accessori del catalogo */

#colonna_dx .blocco .categoria {
	width:33.333%;
	float:left;
	border-top:0;
	text-align:left;
	padding:10px;
}
#colonna_dx .blocco .categoriaImg {
	width:33.333%;
	height:40px;
	float:left;
	border-top:0;
  margin-left:-20px;
	text-align:left;
  padding-left:35px; 
  display:none;
 
}

#colonna_dx .blocco .titolo{
	font-size:14px; /* MODIFICA */
	}

/* count = n pezzi per ogni categoria */
#colonna_dx .blocco .count_categoria {
	color:#19499c; /* BLU SCURO */
	font-size:14px;
	font-weight:bold;
}

/* BOTTONE NEW VETRINA IN HOME */

.ancora-bottone-scopri {
  /*  right: 4px;
    top: 5px;*/
   position: absolute;
}
.SCONTOPERCENTUALE {
    width: 40px;
    height: 40px;
    background: #FC0;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.SCONTOPERCENTUALE:before {
    content: "";
    width: 40px;
    height: 40px;
    background: #FC0;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}
.scopri-SCONTO {
    font-size: 18px;
    color: #333;
    top: 10px;
	font-weight:bold;
}
.SCONTOPERCENTUALE:after {
    content: "";
    width: 40px;
    height: 40px;
    background: #FC0;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

/* PAGINA CATALOGO --> LISTA RICAMBI // PAGINA CARRELLO // PAGINA RIASSUNTO ORDINE */
/**********************************************************************************************************************/
div .ricambio{
	display: block;
	border-bottom: 1px solid #ddd; /* bordo sotto blocco ricambio */
	width:100%;
	padding:0px 0px 20px 0px;
	margin-bottom:10px;
	
}
div .ricambio .left{
	display:block;
	float:left;
	margin-right:20px;
	border: 1px solid #CCC;
}
div .ricambio .middle{
	display:block;
  margin-left:10px;
  //font-size:14px;
	float:left;
	width:auto;
	max-width:400px;
}
div .ricambio .right{
	display:block;
	float:right;
	color:#FF0000;
	font-weight:bold;
	margin-left:10px;
	vertical-align:top;
}
div .ricambio .titolo{
	font-size:16px;
	font-weight: bold;
	color:#1b70bc;
}
div .ricambio .codice{
	font-size:11px;
}

div .ricambio .quantita {
	display:block;
	
	float:left;
	font-weight: bold;
	color:#000000;
	}
div .ricambio .prezzo {
	font-size:18px; /* MODIFICA */
	font-weight: bold;
	color:#FF0000;
	text-align:right;
	}
#colonna_dx .ricambio .left
{
	margin-right: 20px;
}

#colonna_dx .ricambio .left .flag
{
	position:relative;
	z-index:2;
	top:0px;
	left:0px;
}
#colonna_dx .ricambio .left .flag img
{
	width:40px;
	height:40px;
}
#colonna_dx .ricambio .left  img
{
	position:absolute;
}
	
.img_collezione { width:100%;}
	
/* PAGINA CATALOGO --> LISTA RICAMBI // PAGINA CARRELLO // PAGINA RIASSUNTO ORDINE */ /* ???????????? */
/**********************************************************************************************************************/
div .ricambio_banner{
	display: block;
	border-bottom: 1px solid #DDDDDD;
	padding:5px;
	margin-top:10px;
	text-align: left;
	
}
div .ricambio_banner .left{
	display:block;
	float:left;
	width:80%;

}
div .ricambio_banner .middle{
	display:block;
	float:left;
	width:auto;

}
div .ricambio_banner .right{
	display:block;
	float:right;
	color:#FF0000;
	font-weight:bold;
	vertical-align:bottom;
	height:auto;
}
div .ricambio_banner .titolo{
	font-size:14px;
	font-weight: bold;
	color:#1b70bc;
}
div .ricambio_banner .codice{
	font-size:11px;
	color:#333
}

div .ricambio_banner .quantita {
	display:block;
	font-weight: bold;
	color:#424344;
	}
div .ricambio_banner .prezzo {
	font-size:14px;
	font-weight: bold;
	color:#424344;
	
	}

.input_button_avanti {
	display: block;
	float: right;
	width:auto;
	height:auto;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0px 0 0;
	padding:10px;
	background-color: #1b70bc;
	cursor:pointer;
}
.input_button_indietro {
	display: block;
	float: left;
	width:auto;
	height:auto;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0px 0 0;
	padding:10px;
	background-color: #1b70bc;
	cursor:pointer;
}

/* PAGINA RIASSUNTO ORDINE // PAGINA SPEDIZIONE */
/**********************************************************************************************************************/	



.num_paginazione_carrello { background-color:#1b70bc; width:40px; height:40px; padding:10px; position:absolute; margin-top:-50px; right:20px;}
.num_paginazione_carrello span { color:#FFF; font-weight:bold; font-size:16px;}

.ordine{
	display: block;
	border-bottom: 1px solid #DDDDDD;
	width:100%;
	height:auto;
	padding:0px 0px 10px 0px;
	margin-bottom:10px;
	overflow:auto;
}

.Riassunto_carrello1 {border-bottom:1px dotted #e4e3e3; padding-bottom:10px; border-bottom:1px double}
.Riassunto_carrello_w50L {width:50%; float:left;}
.Riassunto_carrello_w50R {width:50%; float:right; text-align:right}

#colonna_dx .ordine .titolo { font-size:16px;}

.ordine .titolo{
	font-size:16px;
	font-weight: bold;
	color:#555555;
	margin-bottom:10px;
	display: block;
}

.ordine .codice{
	font-size:13px;
	font-weight: bold;
	color:#bcbbbb;
}

.ordine .quantita{
	font-size:14px;
	font-weight: bold;
	color:#1b70bc;
}
.ordine .prezzo_unit {
	font-size:14px;
	font-weight: bold;
	color:#FF0000;
	text-align:right;
}

.ordine .prezzo {
	font-size:14px;
	font-weight: bold;
	color:#FF0000;
	text-align:right;
}
.ordine .peso {
	font-size:14px;
	font-weight: bold;
	color:#1b70bc;
}
.ordine .tabella {
	font-size:12px;
	font-weight: bold;
	color:#333;
}
.ordine .left{
	display:block;
	width:100%;
	min-height:25px;
	float:left;
	margin-right:20px;
	padding:5px;
	/*border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background:#ffc;*/
}
.ordine .right{
	display:block;
	float:right;
	color:#FF0000;
	font-weight:bold;
	margin-left:10px;
	vertical-align:top;
}

/*****************************/
div .spedizione{
	display: block;
	border-bottom: 1px solid #DDDDDD;
	width:100%;
	padding:0px 0px 10px 0px;
	margin-bottom:10px;
}
div .spedizione .left{
	display:block;
	width:auto;
	max-width:510px;
	min-height:81px;
	float:left;
	/*border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	
	background: #FFC;	*/
}
div .spedizione .right{
	display:block;
	width:auto;
	min-width:40px;
	/*float:right;*/
	text-align:right;
	padding:7px;
	padding-right:22px;
	color:#FF0000;
	font-weight:bold;
	/*border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;*/
	vertical-align:top;
		min-height:81px;	
/*	background: #FFC;	*/
}
div .spedizione .testo_blu{
	padding:5px;
	font-size:14px;
	font-weight: bold;
	color:#1b70bc;
}

div .spedizione .testo_nero{
	padding:5px;
	font-size:14px;
	font-weight: bold;
	color:#555555;
}

/********************************************************************************************************************/
/**************************************************** NEWS ed EVENTI ************************************************/
/********************************************************************************************************************/

/* LISTATO PAGINE INTERNE della COLONNA DX */
/***********************************************************/

.contenuto_home {   /* display: inline-block;*/ width:72%; float:right }

div .lista{
	display: block;
	border-bottom: 1px solid #ddd;
	width:100%;
	padding:0px 0px 10px 0px;
	margin-bottom:15px;
}
div .lista .titolo{
	font-size:13px;
	font-weight: bold;
	color:#1b70bc;
}
div .lista .codice{
	font-size:11px;
	color:#FFF;
}
div .lista img{
	display:block;
	height:70px;
	float:left;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:15px;
	border: 1px solid #CCC;
	vertical-align:top;
}

/***********************************************************/
/******************** COLONNA SINISTRA *********************/
/***********************************************************/

#colonna_sx #separatore_dx  { 
	display:block;
	margin:0;  /* assegno margin e padding perchè separatore_dx non */
	padding:0; /* è un tag di base quindi non eredita dal reset.css */
	width:220px;
	height:25px;
	text-indent:-10000px;
	}
#colonna_sx .blocco {
	display:block;
	/*width:188px;*/ /* MODIFICA */
	
	padding:10px; /* MODIFICA */
	//border:1px solid #ccc;
	font-size:13px;
	color:#1b70bc; /* blu chiaro (colore del testo della classe .blocco */
	font-size:13px;
	//overflow:hidden;

   z-index: 900;
       background-color: #eeeeee;
	}
#colonna_sx .blocco .righetta {
	display:block;
	width:200px;
	height:1px;
	margin-bottom:10px;
	background:#CCC;
	text-indent:-10000px;
	}
#colonna_sx .blocco h3 {
display:block;
	width:310px;
	height:90px;
	margin: 0px 0px 0px 0px;
	font-size:22px;
	font-weight: bold;
	color:#1b70bc; /* BLU CHIARO */
	text-align:left;
	line-height:100px;

	}
  
  #colonna_sx .blocco h2 {
	display:block;
	margin: 0px 15px 10px 0px;
	font-size:22px;
	font-weight: bold;
	color:#ffffff;
	text-align:left;
	line-height:22px; 
	}
  
#colonna_sx .blocco p {
	display:block;
	width:210px;
	margin: 0px 15px 15px 15px;
	font-size:13px;
	line-height:16px;
	color:#000;
	text-align:left;
	}
#colonna_sx .blocco .titolo {
	display:block;
	margin-bottom:5px;
	margin-top:15px;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	color:#1b70bc;
	}
#colonna_sx .blocco .indirizzo { /* indirizzo serve negli eventi */
	display:block;
	margin-bottom:10px;
	font-size:13px;
	font-weight:bold;
	color:#19499c;
	}
#colonna_sx .blocco .grassetto {
	font-weight: bold;
	}
#colonna_sx .blocco img {
	display:block;
	float:left;
	width:70px;
	height:70px;
	border:1px solid #ccc;
	margin-right:15px;
	margin-top:5px;
	}
	
/** PROMO (colonna sx) *********************/
div#modulo_promo {
	width:218px;
	text-align:left;
}

#modulo_promo .blocco
{
	cursor:pointer;
}

#modulo_promo .blocco .flag
{
	position:relative;
	z-index:2;
	top:-15px;
	left:-4px;
}

#modulo_promo .blocco .flag img
{
	border:none;
	width: 70px;
	height:70px;
}


#modulo_promo  .blocco .avviso_bg {
	height:80px;
	position:relative;
	padding:3px;
	top:162px;
	width:212px;
	background-color:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#modulo_promo .blocco .promo_img
{
	width:216px; 
	height:216px; 
	margin-top:0px; 
	position:absolute; 
	border-bottom:none;
}


#modulo_promo .blocco .testo_promo
{
	color:#fff;
	display:block;
	position:absolute;
	top:3px;
}

#modulo_promo .blocco .testo_promo h3
{
	font-size:14px;
	margin:0px 0px 5px 0px;
	line-height: 14px;
}

/********************** PRODOTTI CORRELATI -  SCHEDA PRODOTTO********************************************************/
div#correlazione{
	float:left;
	border:1px solid #BBB;
	width:24%;
	padding:5px;
	margin-right:1%;
	margin-bottom:7px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
}

#correlazione .titolo {
	cursor:pointer;
	display:block;
	height:75px;
}

#correlazione img {
	cursor:pointer;
	width:100%;
	height:auto;
	margin-bottom:10px;
}


#correlazione .prezzo{
	float:right;
	font-size:24px; /* MODIFICA */
	font-weight: bold;
	color:#94c024;
	text-align:right;
	text-shadow:1px 1px 1px #555;
	-webkit-text-shadow:1px 1px 1px #555;
	-moz-text-shadow:1px 1px 1px #555;
}
/********************************************************************************************************************/
/******************************************************* PIEDE ******************************************************/
/********************************************************************************************************************/

div#sfondo_piede {
	width:100%;
/*	background-color:#f6f6f6;*/
/*	background:url(img/sfondo_NEW_FOOTER.png) repeat;  MODIFICA */
	/* margin:0 auto; gli auto margini (insieme alla larghezza) servono a centrare la pagina */
	margin-top:30px;
	padding-top:30px;
	padding-bottom:30px; /* MODIFICA */
	/*border-top:1px solid #acacac;*/
	clear:both;
	display:block;
}
#piede {
	font:normal 13px;
	color:#19499c;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:0;
	text-align:left;
}
#piede_logo {
	display:block;
	padding: 0 20px 20px 20px;
	float:left;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.piede_blocco {
	display:block;
	padding: 0 20px 0 20px;
	float:left;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	}
#piede ul {
 	display:block;
	list-style:none;
	float:right;
	width:298px;
	height:20px;
	margin:0;
	padding:0;
}
#piede ul li {
  	display:block;
  	float:left;
	height:20px; /* altezza esatta del pulsante */
  	margin: 0 0 0 19px;
	padding:0;
}
#piede ul li a {
	display:block;
	width:100%;
	height:100%;
}
#piede a {
	color:#19499c;
	}
#piede a:hover {
	color:#19499c;
	}

/* sottopiede *******************************************/ /* MODIFICA */
div#sfondo_sotto_piede { 
	width:100%;
/*	background:url(img/sfondo_NEW_FOOTER_COPY.png) repeat;*/ /* MODIFICA */
	margin:0 auto; /* gli auto margini (insieme alla larghezza) servono a centrare la pagina */
	padding-top:30px;
	padding-bottom:20px;
	border-top:1px solid #acacac;
	background-color:#172983;
}
#sotto_piede { /* MODIFICA */
	font:normal 12px Arial, sans-serif;
	color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:0;
	text-align:center
}
#sotto_piede a {
	color:#fff;
	text-decoration:none;
	}
#sotto_piede a:hover {
	color:#fff;
	text-decoration:underline;
	}

/* neretto ********************************************/
.piede_neretto {
	font-weight:bold;
	    text-transform: uppercase;

}

/********************************************************************************************************************/
/******************************************************* POP UP *****************************************************/
/********************************************************************************************************************/

/* Costruzione del CONTENITORE del POP UP GENERALE  */
/**********************************************************************************************************************/
div#oscurante {
	display:block;
	position:absolute;
	top:30px; /* MODIFICA a causa del margin-top su contenitore */
	left:0px;
  height:1000px;
	z-index:19;
/*	background-color:#000;
	filter:alpha(opacity=70); 
	opacity: .70;  */
}
/* scheda contiene chiudi e contenitore del testo + immagini solo per RICAMBI NEWS EVENTI*/
div#scheda {
    display: block;
    position: absolute;
    text-align: left;
    width: 50%;
    margin-top: 50px;
    /* margin-left: -190px; */
    z-index: 21;
    /* border: 2px solid #000; */
    background-color: rgba(0, 67, 146, 0.73);
    padding: 20px;
	    left: 25%;
}

#scheda span#chiudi {
	display:block;
	position:relative;
	top:0px;
	left:0px;
	float:right;
	text-align:right;
	width:20px;
	height:20px;
	z-index:20;
 /*  background-color:#000;*/
	background-image:url(img/close.png);
	cursor:pointer;
	
}
#scheda #contenitore_testo {
	margin:0px;
	padding:15px;
	//text-alignment:left;
  width: 90%;
  margin-left: -250px;
}

/* POP UP GENERALE usato in visualizzazione di --> RICAMBI --> NEWS --> EVENTI  */
/**********************************************************************************************************************/
/*div #popup_generale{
	display: block;
	border-bottom: 1px solid #DDDDDD;
	width:100%;
	padding:0px 0px 10px 0px;
	margin-bottom:10px;
	text-alignment:left;
	
} */
div #popup_generale{
	display: block;
	border-bottom: 1px solid #DDDDDD;
	width:100%;
	padding:0px 0px 10px 0px;
	margin-bottom:10px;
	text-alignment:left;
	
}
div #popup_generale .left{
	display:block;
	float:left;
	margin-right:20px;
	background-color:#00FFFF;
}
div #popup_generale .right{
	display:block;
}

div #popup_generale .titolo{
	font-size:14px;
	font-weight: bold;
	color:#1b70bc;
}

div #popup_generale .indirizzo { /* indirizzo serve negli eventi */
	font-size:13px;
	font-weight:bold;
	color:#19499c;
	}

div #popup_generale .prezzo {
	font-size:14px;
	font-weight: bold;
	color:#FF0000;
	text-align:right;
	}

/* POP UP usato per visualizzazione degli oggetti aggiunti al CARRELLO  */
/**********************************************************************************************************************/
div#popup_carrello
{
	display:block;
	position:absolute;
	padding:15px;
	width:300px;
	height:20px;
	z-index:10;
	font-size:15px;
	font-weight:bold;
	color:#0066FF;
	background-color: #FFF;
	border: 1px solid #DDD;	
}

#popup_carrello span#chiudi_carrello {
	display:block;
	position:relative;
	top:-50px;
	left:50px;
	float:right;
	text-align:right;
	width:20px;
	height:20px;
	z-index:10;
	background-image:url(img/close.png);
	cursor:pointer;
	
}

/********************************************************************************************************************/
/****************************************************** GENERICI ****************************************************/
/********************************************************************************************************************/

a {
	color:#464646;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
hr {
	border:0;
	width:auto;
	height:1px;
	margin:2px 0 2px 0;
	padding:0;
	background-color:#C7C7C7;
}
h1 {
	font-family: 'Maven Pro', sans-serif;
	font-size: 22px;
	color:#19499c; /* BLU SCURO */
}
h2 {
	font-family: 'Maven Pro', sans-serif;
	font-size: 18px;
	color:#1b70bc; /* BLU CHIARO */
}
h3 {
	font-family: 'Maven Pro', sans-serif;
	font-size:14px;
	color:#1b70bc; /* BLU CHIARO */
}
h4 {
	color:#333333;
	font-size:14px;
}

/* TABLE **************************************/
table {
	font: 11px/24px Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width:auto;
}
th {
	padding: 0 0.5em;
	text-align: left;
}
tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
}
td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	/*background: #FFC;*/
	background: #e4e3e3;
	
}
td:first-child {
	width: 80px;
}
td.prima { 
	width: 490px;
}
td.seconda { 
	width: 180px;
}
td.terza { 
	width: 100px;
}
td.quarta { 
	width: 15px;
}
td.quinta { 
	width: 80px;
}
td:last-child {
	width: 60px;
}
td+td {
	border-left: 1px solid #CCC;
	text-align: center;
}

/* GRASSETTO */
.grassetto {
	color:#000000;
	font-weight:bold;
}

 .aggiungi {
	display:block;
	margin-top:10px;
	margin-right:10px;
	padding:5px 10px 5px 10px;
	float:right;
	font-size:12px;
	font-weight: bold;
	color:#000;
	background:#fff;
	text-align:center;
	cursor:pointer;
	}


.switch_rec
{
	border: 1px solid #CCCCCC;
	float:left;
	padding:5px;
	margin:5px;
	cursor:pointer;
}



/*************************
Gallery
*************************/
.gallery{}
.gallery .tabella_gallery{border:1px solid #CCCCCC;}
.gallery .tabella_gallery .clear {clear:both;}
.gallery .tabella_gallery .foto {padding: 3px; background-color:#F2F2F2; width:106px; float:left; margin-left:5px;}
.gallery .tabella_gallery .foto .chiudi {display:none; cursor:pointer; width:106px;   text-align:center;}
.gallery .tabella_gallery .foto .confirm {display:none;}
.gallery .tabella_gallery .foto img {text-align:center;}


/*************************
Carrello navigazione
*************************/
div#navigazione_topnew {
	background-color:#000; 
	color:#ccc;
	font-size:16px;
	font-weight:bold;
	z-index:10; 
	position:fixed; 
	bottom:0px; 
	width:100%; 
	height: 30px;
  border-top: 2px solid #000;
  margin-top:-5px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
	}


div#navigazione_top {
	background-color:#000; 
	color:#ccc;
	font-size:16px;
	font-weight:bold;
	z-index:10; 
	position:fixed; 
	bottom:0px; 
	width:100%;
	padding:10px 0px 10px 0px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
	}
	
div#carrello_container{width:960px;height:30px; }

div#account{
display: block;
width: 100%;
float: left;
text-align:left;
padding: 30px 0 9px 45px;
z-index:1200; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	color:#FFF;
}
#account a {
	color:#FFF;
	text-decoration:none;
}
#account a:hover {
	color:#FFF;
	text-decoration:underline;
}
div#mipiace{display: block;
width: 110px;
float: left;
padding: 5px 0 9px 10px;}

#login_top_log {color:#FFF}

div#carrello_top {
display: block;
width: auto;
float: left;
padding: 15px 0 9px 45px;
color:#FFF;
}
#carrello_top a {
	color:#FFF;
	text-decoration:none;
}
#carrello_top a:hover {
	color:#FFF;
	text-decoration:underline;
}

/* popup del carrello --------*/
div#carrello_popup { display:none; max-width:340px; background-color:#fff; margin-top: 10px; overflow:auto; border:1px solid #394792; text-shadow:none; max-height: 300px;}

div#sospesi{display:none; width:150px; background-color: #fff;position: fixed; top:28px; border:1px solid #394792; text-shadow:none; text-align:left; padding-left:5px; margin-top:5px;}

div#preventivi{display:none; width:150px; background-color: #fff;position: fixed; top:28px; border:1px solid #394792; text-shadow:none; text-align:left; padding-left:5px; margin-top:5px;}

div#catalogo_colonna_dx{text-align: left;  width:100%;}

.messaggio_promo
{
	//color:#94C024;
  color:#FF0000;
	font-weight:bold;
	font-size:16px;
	display:block;
	width:80%;
	//text-shadow:#000000 1px 1px 1px ;
}


.nav-carrello
{
	display:block;
	float:left;
	height:25px;
	padding:5px;
	line-height: 22px;
	background-color: #1B70BC;
	color:#fff;
	margin-right:5px;	
}

.nav-carrello-prec
{
	display:block;
	float:left;
	height:25px;
	padding:5px;
	line-height: 22px;
	background-color: #1B70BC;
	color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	margin-right:5px;
	
}

.nav-carrello-spento
{
	display:block;
	float:left;
	height:25px;
	padding:5px;
	line-height: 22px;
	background-color: #BBBBBB;
	color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	margin-right:5px;
	cursor:default;
	
}



.nav-carrello-arrow
{
	display:block;
	float:left;
	margin-top:5px;
	margin-right:5px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.social
{
	display:block;
	width:100%;
	height:20px;
	padding:5px;
	border-bottom:1px dashed #BBB;
	background-color:#F2F2F2;
	margin-bottom:10px;
}

/************* PREVENTIVI ******************/
table.preventivo
{
	width:100%;
	border: 1px solid #BBB;
}

table.preventivo caption
{
	border-top:1px solid #BBB;
	border-right:1px solid #BBB;
	border-left: 1px solid #BBB;
	text-align: left;
	padding:5px;
	font-size: 12px;
}

table.preventivo caption textarea
{
	width:55%;
	max-width: 55%;
	min-width: 55%;
	height:100px;
	max-height: 100px;
	min-height: 100px;
}

table.preventivo th
{
	font-size : 14px;
	font-weight:bold;
	border-bottom: 1px solid #BBB;

}

table.preventivo td
{
	font-size:12px;
	font-weight:normal;
	background-color: #fff;
	border-bottom:none;
}

table.preventivo td.cod
{
	width: 15%;
}

table.preventivo td.prod
{
	width: 50%;
	text-align: left;
}


table.preventivo td.pruni
{
	width: 15%;
	text-align: left;
}

table.preventivo td.qta
{
	width: 5%;
	text-align: left;
}

table.preventivo td.pr
{
	width: 15%;
	text-align: left;
}

span#iva
{
  margin-top:0px; color:#1b2d3d; font-weight:bold;font-size:14px;  width:100%; float:right; width: auto; margin-top: 0px;
  
} 
  span#ivab
{
  color:#1b2d3d; font-weight:normal; font-size:14px; 
} 

span#prezzobarrato
{
  text-decoration:line-through; font-weight:normal;font-size:18px; width:100px; line-height:20px ; float:right;
}

span#prezzonorm
{
  font-weight:bold;font-size:18px; width:100px; float:right; line-height:20px ; clear:both
}

 #lingua {
	background-color:#004392; 
	display:block;
	float:right;

}
 #lingua select {
    background-color: #004392;
    color: white;
    padding: 5px;
	    border-radius: 0px 10px 0px 0px;
}

.box_social {margin-top: 60px;}

.login_link_home { border-right: 1px solid #FFF; padding-right: 10px; margin-right: 10px; float: left;}
.registrati_link_home { padding-left: 5px;}

.w-20_lingua {float:right; margin-top: -25px; position: relative;;}
.w-20_lingua select { margin-left:3px;}


.top_fisso_desktop { position: relative; margin-top: 180px;}
.top_fisso_mobile { display:none}

/* MENU */
/*===Navigation===*/

.menutopnonvible { display:none}

nav#navigation { text-align: left; margin: 0px 0px 0px 0px; z-index: 10; float: right; width:75%; margin-top:-5px; float:left}
nav#navigation ul ul { display: none; max-width: 1010px; margin: auto; }
nav#navigation ul li:hover > ul { display: block; }
nav#navigation ul { padding: 0; position: relative; list-style:  none; margin-left: 50px; margin: auto; max-width: 1010px; padding-top: 15px; }
nav#navigation ul:after { content: ""; clear: both; display: block; }
nav#navigation ul li {	float: left;  margin-left: 3px;}
nav#navigation ul li a { color: #464646; font-size: 0.9em; text-decoration:none; transition: color .2s ease; letter-spacing: 1px; padding-bottom:5px; }
nav#navigation ul li :hover { color: #1b70bc; border-bottom:2px solid #1b70bc }
nav#navigation ul ul { position: absolute; top: 100%; }
nav#navigation ul ul :hover  { color: #4b4b4b; }

.mt2-hover { background-color: #ccc; color: #666; }
.mt2 { border: 0px;background-color: #ea4d49; color: #fff;}

nav#navigation ul ul li {  float: none; position: relative; padding: 8px; margin-left: 0px; border-bottom: 1px solid #fff; }
nav#navigation ul ul li a { font-size: 0.8em; padding: 5px 10px 5px 10px; }	
nav#navigation ul ul li a:hover{text-decoration: none; border-bottom: 0px;}


/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu { display: none; padding: 5px; cursor: pointer; color: #fff; background: #fff; -webkit-border-radius:  4px; -moz-border-radius: 4px; border-radius: 4px; float:right; margin-right:10px;clear: both; }

.icon-bar { display: block; width: 20px; height: 3px; margin: 5px; background-color: #1e1e1e; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.menutop_sito { display:block}
.menutop_mobile{ display:none}

.show{display:block!important;}
.menuinside1{}

@media (max-width: 1150px) {





nav#navigation
{
	display: none;
	background-color: #6a97cc;
	z-index: 99;   
	min-height: 100vh; 
    margin: 0px 0px 0px 0px;
	position: relative;
	top: 1px;
	width: 100%;
}



.main-nav .scroll-box {
    height: calc(100vh - 54px);
  
}

.scroll-box {
    height: calc(100vh - 54px);
  
}


nav#navigation ul {  padding-top: 0px; }


nav#navigation  ul li a 	
{ 
height:        50px;
font-size:     1em;
padding:       0 0 0 20px;
color:#fff; text-transform:uppercase;
}
nav#navigation ul li {  text-align: left; border-bottom:1px solid #8eb5e2 ; margin-left: 0px; float: none; padding-left:0px; padding:15px 0px 15px 0px}

nav#navigation  ul li a:hover  	
{ 
color:           #d92e17;          
background:      #fff;
}


nav#navigation ul ul 
{
width:         100%;
position:      relative;
display:       table;
}


nav#navigation ul ul li a	
{	
font-size:     .85em;	
height:        35px;
line-height:   35px;
padding:       0 10px 0 0px;
}

nav#navigation ul ul li a:hover 
{
color:           #d92e17;          
background:      #fff;
text-decoration: none; 
}


nav#navigation ul ul ul 
{
width:         100%;
margin:        0 0 0 -100%;	
border:        0px solid #af3738;
}	


nav#navigation ul ul li ul 
{
width:         100%;
position:      relative;
}


.btn-responsive-menu
{
display:      block;
position:     relative; 
margin-top: 0px;
/*top:          5px; 
right:        5px;*/
z-index:100;
}

.show .btn-responsive-menu { position:fixed}

.contenuto_home {
/*    display: inline-block;*/
    width: 100%;
	float:right;
}

.box_25 {
    width: 100%;
    float: left;
}
.box_45 {
    width: 100%;
    float: left;
}

.box_25_box_home { width:49%}

.colmargin2 {
    margin-left: 2%;
    margin-right: 0%;
}

#colonna_dx .prodotto {
       width: 32%;
    min-height: 265px;
    float: left;
   margin-left: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

#colonna_dx #blocco_pulsanti h3 {
    display: block;
    float: left;
    width: 30%;
    margin-bottom: 0px;
    padding: 15px 0px 25px 0px;
    font-size: 22px;
    font-weight: bold;
    background: #eeeeee;
    color: #1c2d3d;
    text-align: center;
    position: relative;
    z-index: 4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    border-radius: 5px 5px 0px 0px;
}

.pulsante_spento {
    display: block;
    width: 30%;
    float: left;
    margin-right: 0px;
    padding: 30px 0px 30px 0px;
    color: #eeeeee;
    text-align: center;
    position: relative;
    z-index: 4;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


#movie {
    max-height: auto;
	    text-align: center;
}

#movie img {
    max-height: 100px;

}

.img_collezione { width:auto;}

div#menu {
    width: 100%;
}
div#avvisi {

    height: auto;
    padding-bottom: 50px;
    margin-bottom: 20px;
}


div#account {
    padding: 10px 0 9px 50px;
    max-width: 270px;
}

#lingua {
   float: left;
}

.login_link_home { float:left; border-right:0px; white-space:nowrap;}
.registrati_link_home { float: left; padding-left: 0px; margin-top: 10px; clear:both}


div#menu {
    padding-right: 0px;
}


.w-20_lingua {
    float: right;
    margin-top: -20px;
    margin-right: 80px;
}

#login_registrazione {
    width: 40%;
    float: left;
    clear: both;
	padding-top: 20px;
}

div#logo {
    width: 40%;
    float: left;
    margin-top: -40px;
	padding-left:10px;
}

#intestazione {
    position: relative;
    height: auto;
}

.top_fisso_desktop { }
.top_fisso_mobile { position: relative; margin-top: 0px; display:block;}

div#sfondomenu {

width: 100%;
height:60px;
background:#eeeeee;
clear:both;
    position: relative;
    margin-top: 0px;
	}

.ancora-bottone-scopri {
   position: relative;
   width: 100px;
}

}

@media (max-width: 1000px) {
div#scheda {
    display: block;
    position: absolute;
    text-align: left;
    width: 80%;
    margin-top: 50px;
	    left: 10%;
    
}

}

@media (max-width: 800px) {
#colonna_dx .prodotto {
    width: 100%;
    min-height: auto;
    float: left;
    margin-left: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}	
	
.box_25_box_home { width:100%}

	.colmargin2 {
    margin-left: 0%;
    margin-right: 0%;
}

div#logo {
    width: 60%;
}

#logo img {
    width: 80%;
    border: 0px;
    text-align: left;
    float: left;
    margin-top: -20px;
    padding-top: 0px;
min-width: 250px;
}

.box_social {
    margin-top: 0px;
}
#lingua {
    background-color: #004392;
    display: block;
   width: 80%;
    clear: both;
    padding-top: 10px;
	margin:auto;
	float:none
}

#nazione {
    width: 80%;
    text-align: center;
	margin:auto;
	float:none
}

#nazione select {
    border-radius: 0px 0px 0px 0px;
	width:100%;
}

#lingua select {
    border-radius: 0px 0px 0px 0px;
	width:100%;
}

#login_registrazione {
   width: 100%;
    float: left;
}
#social {
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 0px;
}



#colonna_dx #blocco_vetrina { 
	padding-right: 10px;
	}
#colonna_dx #blocco_pulsanti h3 { font-size:20px;}
#colonna_dx #blocco_pulsanti .pulsante_spento { font-size:20px;}

div#correlazione{
	width:49%;
	margin-right:1%;	
}
#colonna_dx .blocco .categoria {
	width:50%;
}


div#account {
    padding: 50px 0 0px 0px;
    margin: auto;
    max-width: 100%;
    text-align: center;
}

#colonna_dx .blocco select {
  
    width: 100%;
}

.login_link_home { margin-left:10%}
.registrati_link_home {  margin-left:10%}


.btn-responsive-menu {
/*    top: 15px;*/
}

div#scheda {
    display: block;
    position: absolute;
    text-align: left;
    width: 90%;
    margin-top: 50px;
	    left: 5%;
    
}

div .ricambio .middle{
  margin-left:80px;
}

.w-20_lingua {
    float: right;
    margin-top: -20px;
    margin-right: 80px;
}

div#carrello_top {
    padding: 25px 0 9px 5px;
}


.btn-responsive-menu {margin-top: 0px;}



#colonna_dx .prodotto .titolo {
    height:  auto;
}
#colonna_dx .prodotto p {
    float: none;
}

#colonna_dx .prodotto img {

}
	}
	
@media (max-width: 550px) {
	
div#logo {
    width: 60%;
    position: relative;
    margin-top: -120px;
}
	
.w-20_lingua {	    position: relative;
    margin-top: 60px;
    float: none;}
	
div#fiere { 

	width:100%;
	height:280px;    margin-top: 30px;

	}
	
div#slider {
    width: 100%;
    height: 280px;
 }
 
 .btn-responsive-menu {margin-top: -10px;}

	}
@media (max-width: 470px) {	
#colonna_dx .ricambio .left img {
    position: absolute;
    max-width: 55px;
    height: auto;
}
}
	
@media (max-width: 440px) {
#colonna_dx .blocco input {
    display: block;
    line-height: 15px;
    border: 1px solid #afada6;
    background-color: #ffffff;
    margin: 5px 0 5px 0;
    padding: 5px 0px 0px 5px;
	width:100%;
}

div#scheda {
    display: block;
    position: absolute;
    text-align: left;
    width: 100%;
    margin-top: 50px;
    left: 0%;
    padding: 5px;
}
#boxlogin {
    max-width: 260px;
    padding: 10px;
}


}

@media (max-width: 400px) {
#colonna_dx #blocco_pulsanti h3 {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    padding: 15px 15px 15px 15px;
    font-size: 20px;
    font-weight: bold;
    background: #eeeeee;
    color: #1c2d3d;
    text-align: center;
    position: relative;
    z-index: 4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    border-radius: 0px 0px 0px 0px;
    clear: both;
	margin-bottom: 10px;
}
#colonna_dx #blocco_pulsanti .pulsante_spento { font-size:18px;}

#colonna_dx #blocco_pulsanti .pulsante_spento {
    display: block;
    width: 100%;
    float: left;
    margin-right: 0px;
    padding: 15px 15px 15px 15px;
    color: #eeeeee;
    text-align: center;
    position: relative;
    z-index: 4;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}

#colonna_dx #blocco_pulsanti {

    margin-right: 10px;
}

div#correlazione{
	width:100%;
	margin-right:0%;	
}

#colonna_dx .blocco .categoria {
	width:100%;
}

div#account {
    padding: 20px 0 10px 0px;

}

.btn-responsive-menu {
    display: block;
    position: relative;
    z-index: 100;
    margin-top: 0px;
    float: right;
    margin-right: 5px;
}

div .spedizione .left {
    width: 100%;
}

div .spedizione .right{
	clear:both;
}


}

#back_to_top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	cursor: pointer;
	z-index: 10;
}