* {

	padding: 0;
	margin: 0;
}

a {
	outline: 0;
	border: 0;
}

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#nonFooter {
	position: relative;
	min-height: 100%;
	min-width: 990px;
	width: 100%;
	margin: 0 auto;
}

* html #nonFooter {
	height: 100%;
}

#content {
	background-color: #993399;
	width: 100%;
	margin: 0 auto;
}



#cookie-bar { padding: 20px 3px !important;} /* faccio barra + alta */


/* RIEPILOGO */

.item_totale {
	width: 990px;
	height: 50px;
}

.totale {
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	font-size: 20px;
	width: 196px;
	height: 50px;
	float: left;
}

.item_tabella {
	border-bottom: 1px solid #353434;
	height: 140px;
}

.foto_tabella {
	border-right: 1px solid #353434;
	width: 140px;
	height: 140px;
	float: left;
	background: #ffffff;
}


.prodotto_tabella {
	line-height: 140px;
	padding-left: 20px;
	font-size: 20px;
	border-right: 1px solid #353434;
	width: 181px;
	height: 140px;
	float: left;
}

.descrizione_tabella {
	/*padding-top: 20px;*/
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #353434;
	width: 380px;
	height: 140px;
	float: left;
}

.prezzo_tabella {
	text-align: center;
	font-weight: bold;
	line-height: 140px;
	font-size: 20px;
	width: 216px;
	height: 140px;
	float: left;
}

#tabella_prodotti {
	color: #FFFFFF;
	width: 990px;
}

#header_tabella {
	font-size: 16px;
	line-height: 30px;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
	color: #FFFFFF;
}

#steps_riepilogo {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	position: relative;
	margin-bottom: 100px;
}

#moto {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#parts_container_riepilogo {
	position: relative;
	z-index: 300;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}

#descr_riepilogo {
	color: #FFFFFF;
	font-size: 20px;
	float: left;
	text-shadow: 1px 1px 1px #000000;
	width: 990px;
	text-align: center;
}



/* CONFIGURATORE */

#overlayer_content {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	color: #FFFFFF;
	padding-left: 30px;
	font-size: 20px;
	line-height: 20px;
	background-image: url(../imm_struttura/freccia.png);
	background-position: 800px 54px;
	background-repeat: no-repeat;
}

#overlayer {
	display: none;
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: fixed;
	z-index: 100000;
	background-image: url(../imm_struttura/bg_overlayer.png);
}

#overlayer_box {

	width: 100%;
	height: 290px;
	background-image: url(../imm_struttura/bg_box_overlayer.png);
	background-repeat: repeat-x;
	position: absolute;
	top: 50%;
	margin-top: -150px;
}

#totale {
	z-index: 500;
	width: 248px;
	height: 60px;
	background-image: url(../imm_struttura/bg_totale_up.png);
	background-repeat: no-repeat;
	position: absolute;
	/*right: 46px;*/
	/*right: -10px;*/
	right: 46px;
	top: 80px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	cursor: pointer;
}

body.elettrica #totale {background-image: url(../imm_struttura/bg_totale_up_blue.png);}


#totale_panel {
	z-index: 90000;
	width: 240px;
	position: absolute;
	/*right: 51px;*/
	/*right: -5px; */
	right: 50px;
	top: 140px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	text-align: left;
	font-size: 12px;
}

.totale_pr_nome {
	float: left;
	margin-left: 5px;
}

.totale_del {
	margin-right: 5px;
	color: #b2001e;
	cursor: pointer;
}

.totale_pr_prezzo {
	float: right;
	margin-right: 5px;
}

.totale_pr {
	clear: both;
	background: url(../imm_struttura/bg_totale_panel.png);
	margin-bottom: 1px;
}

.info_btn {
	cursor: default;
	width: 70px;
	height: 20px;
	background-image: url(../imm_struttura/info_btn.png);
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	color: #FFFFFF;
	line-height: 15px;
	margin-top: 5px;
	font-size: 10px;
	text-shadow: 1px 1px 1px #000000;
}

.addTrolley_btn,
.addCargo_btn,
.addParamotore_btn,
.addPiastra_btn,
.addAttacco_btn,
.add_btn {

	width: 70px;
	height: 20px;
	background-image: url(../imm_struttura/bg_aggiungi_btn.png);
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	color: #FFFFFF;
	line-height: 15px;
	margin-top: 5px;
	font-size: 10px;
	text-shadow: 1px 1px 1px #000000;
	cursor: pointer;
}

.accessori_item {
	width: 160px;
	/*height: 204px;*/
	height: 228px;
	float: left;
	margin-right: 1px;
	position: relative;
}

.accessori_item_2 {
	width: 160px;
	/*height: 204px;*/
	height: 228px;
	float: left;
}

.desc_acc {
	width: 140px;
	height: 47px;
	background-color: #e9e8e8;
	padding: 10px;
	color: #010101;
	font-family: 'Open Sans', Helvetica, Arial;
	font-size: 11px;
	line-height: 12px;
}

.img_acc {
	width: 160px;
	/*height: 136px;*/
	height: 160px;
	background: #ffffff;
	/*background-image: url(../imm_struttura/bg_item.png);
	background-repeat: no-repeat;*/
	margin-bottom: 1px;
}

#selezione_accessori_container {
	height: 230px;
	position: absolute;
	z-index: 400;
}

.selezione_accessori {
	border: 1px solid #ffffff;
	/*height: 204px;*/
	height: 228px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
	list-style-type: none;
}

#punti_attivi {
	top: 50px;
	position: relative;
	width: 155px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	font-size: 12px;
	z-index: 400;
}

#parts_container {

	position: absolute;
	z-index: 300;
	top: 100px;
	width: 990px;
}

.partsAttacchi,
.parts {

	position: absolute;
	top: 0px;
	left: 0px;
}

/* sposto i cargo sulle valigie monokey + a sx rispetto ai cam-side per noin rifare nuove immagini */
.parts.cargolaterale.laterale_monokey {
	left: -27px;
    top: -1px;
}

/* alzo immagione bauletto se ho trolley */
.parts.posteriore_monokey img.conTrolley{
	position:absolute;
	top:-18px;
}


.parts.posteriore_monokey img.conTrolley.scroll_1{top:-17px;}
.parts.posteriore_monokey img.conTrolley.scroll_2{top:-16px;}
.parts.posteriore_monokey img.conTrolley.scroll_3{top:-15px;}
.parts.posteriore_monokey img.conTrolley.scroll_4{top:-14px;}
.parts.posteriore_monokey img.conTrolley.scroll_5{top:-13px;}

.parts.posteriore_monokey img.conTrolley.scroll_-1{top:-19px;}
.parts.posteriore_monokey img.conTrolley.scroll_-2{top:-20px;}
.parts.posteriore_monokey img.conTrolley.scroll_-3{top:-21px;}
.parts.posteriore_monokey img.conTrolley.scroll_-4{top:-11px;}
.parts.posteriore_monokey img.conTrolley.scroll_v5{top:-23px;}



#parts_container_riepilogo img.immagine_riepilogo.conTrolley{
	position:absolute;
	top:-8px;
}



#dots_container {

	position: absolute;
	z-index: 80000;
	top: 100px;
	width: 990px;
}

#contenitore_configuratore {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	min-height: 750px;
	background-position: 0px 100px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
}

#content_conf {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

#configuratore {

	background-position: top center;
	background-repeat: no-repeat;
	min-height: 550px;
}

#steps_conf {

	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	padding-top: 660px;
	position: relative;
	z-index: 320;
}

#steps_conf a,
#steps_conf a:link,
#steps_conf a:visited {
	color: #ffffff;
	text-decoration: none;
}



/* SCELTA MOTO */
#steps {
	margin-top: 340px;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
}

#container {
	padding: 0px 0px 0px 0px;
}
.slider {
	position: absolute;
	top: 340px;
	margin-top: 0px;
	width: 100%;
	height: 300px;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.slider.toggle_width {
	width: 70%;
}
.slider .my_container {
	overflow: hidden;
}
.slider .my_container .line-element {
	float: left;
	z-index: 1;
	height: 280px;
	width: 400px;
	display: block;
	position: relative;
	margin-right: -40px;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px
}

.slider .my_container span {
	position: absolute;
	bottom: 0;
	left: 0;
}
.slider .my_container img:first-child {
	margin-left: 0;
}
.slider .my_container img:last-child {
	margin-right: 0;
}

.cont-page {
	padding: 0px;
}

.cop {
	float: left;
	margin-right: 20px;
	height: 210px;
}

/* SCROLLONE  */

img {
	border: 0;
}

.clear {
	clear: both;
}

#content {
	padding-bottom: 9em;
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
}

#logo {
	position: absolute;
	left: 50px;
}

#menu_login {
	color: #FFFFFF;
	position: absolute;
	right: 50px;
	top: 20px;
}

#menu_login a{
	color: #FFFFFF;
	text-decoration:none;
}



/* menu a tendina marca moto stilato */
.custom-select {
    border: 1px solid #ccc;
    width: 140%;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../imm_struttura/down_arrow_select.png") no-repeat;
    background-position: 92% center;
    background-size: 8% 60%;
}

.custom-select select {
    padding: 5px 8px;
    width: 140%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.custom-select select:focus {
    outline: none;
}


/* FOOTER  */

#footer {
	position: relative;
	margin-top: -30px;
	height: 30px;
	width: 100%;
}

#footer_sx {
	color: #FFFFFF;
	float: left;
	margin-left: 50px;
}

#footer_sx ul {
	list-style-type: none;
}

#footer_sx ul li {
	float: left;
	margin-right: 20px;
}

#footer_sx ul li a,
#footer_sx ul li a:link,
#footer_sx ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer_dx {
	color: #FFFFFF;
	float: right;
	margin-right: 50px;
}

/* FOOTER  */

#container_buttons {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

#buttons {
	text-align: right;
	float: right;
	color: #FFFFFF;
	margin-right: 50px;
	margin-top: 305px;
}


/* PERSONALIZZAZIONI STEP SCELTA ALIMENTAZIONE */
#body_alimentazione #buttons{text-align: center;float:none;clear:both;padding-top: 10%;}
#body_alimentazione #buttons{text-align: center;float: none;padding-top: 10%;margin-right: 0px;margin-top: 0px;}
#body_alimentazione .testo_2{float:none;margin:0 auto;margin-top:15px;text-align:center;}
#body_alimentazione .testo_2 .container_buttons{display:inline-block !important;float:none !important;clear:both !important;}



/* PERSONALIZZAZIONI BACKGROUND MODELLO TERMICO */
body#body_configura.termica,
body#body_scegli.termica{background-image: url(../imm_struttura/bg_config_termica.jpg);}
body#body_configura.termica.v2
body#body_scegli.termica.v2{background-image: url(../imm_struttura/bg_config_termica_v2.jpg);}

/* PERSONALIZZAZIONI STEP SCELTA MODELLO ELETTRICO */
body#body_riepilogo.elettrica{background-image: url(../imm_struttura/bg_riepilogo_elettrico.jpg) !important;}
body#body_configura.elettrica,
body#body_scegli.elettrica{background-image: url(../imm_struttura/bg_config_elettrica.jpg);}
body#body_configura.elettrica.v2,
body#body_scegli.elettrica.v2{background-image: url(../imm_struttura/bg_config_elettrica_v2.jpg);}



#buttons h1 {
	font-size: 62px;
	font-weight: bold;
	letter-spacing: -5px;
	margin-bottom: 5px;
}


#contenitore {

	padding-bottom: 80px;
	display: block;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	width: 990px;
	padding-top: 120px;
}

/* PAGINA SCEGLI */

#descr {
	color: #FFFFFF;
	font-size: 20px;
	float: left;
	text-shadow: 1px 1px 1px #000000;
	width: 600px;
	margin-left: 50px;
}

#marca {
	color: #FFFFFF;
	font-size: 14px;
	float: right;
	margin-top: 100px;
	margin-right: 50px;
}

/* PAGINA SCEGLI */

.dot {
	cursor: pointer;
	width: 42px;
	height: 42px;
}

/* Default class for an overlay */
.ow-overlay {
	position: fixed;
	z-index: 100100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*background: #424242;
	opacity: 0.8;*/
}

/* Default class for both hidden overlay and modal window */
.ow-closed {
	display: none;
}

/* Default class for modal window */
.modal {
	position: absolute;
	z-index: 100200;
	height: 200px;
}

.prodotti_carousel {
	list-style-type: none;
}

.modal_attacchi_overlay_paramotore,
.modal_attacchi,
.modal_attacchi_overlay_schienalini,
#modal_attacchi_overlay_piastre_monolock,
#modal_attacchi_overlay_piastre_monokey,
#modal_attacchi_overlay_serbatoio,
#modal_attacchi_overlay_laterale,
#modal_attacchi_overlay_posteriore,
#modal_attacchi_overlay_posteriore_monokey,
#modal_attacchi_overlay_posteriore_monolock,
#modal_attacchi_borsa_serbatoio {
	background: url(../img/bg_overlay.png);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 110000;
	top: 0;
	left: 0;	
}

/*
#modal_cargolaterale{
	top:183px;
}
#modal_cargolaterale .chiudi_modal_cargo{
	margin-top:-300px;
}
*/

#modal_trolley,
#modal_cargolaterale,
.modal_attacchi_schienalini,
#modal_attacchi_paramotore,
#modal_attacchi_piastre_monolock,
#modal_attacchi_piastre_monokey,
#modal_attacchi_posteriore_monokey,
#modal_attacchi_posteriore_monolock,
#modal_attacchi_laterale_monokey,
#modal_attacchi_laterale_monokey_side,
#modal_attacchi_laterale_monokey_camside,
#modal_attacchi_laterale_soffice,
#modal_attacchi_borsa_serbatoio {
	position: relative;
	margin: 0 auto;
	width: 703px;
	height: 313px;
	background: url(../img/bg_attacchi.png) top center;
}

.attacco_titolo {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}

.modal_attacchi ul,
#modal_attacchi_paramotore ul ,
#modal_attacchi_piastre_monolock ul ,
#modal_attacchi_piastre_monokey ul ,
#modal_attacchi_serbatoio ul ,
#modal_attacchi_laterale ul ,
#modal_attacchi_posteriore ul,
#modal_attacchi_posteriore_monokey ul,
#modal_attacchi_posteriore_monolock ul,
#modal_attacchi_borsa_serbatoio ul {
	margin: 0 auto;
	list-style-type: none;
}

#modal_login {
 	position: fixed;
  	z-index: 20;
  	height: 300px;
  	left: 50%;
  	top: 50px;
  	width: 300px;
  	background-color: #f00;
}

#nome_moto {
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 46px;
	top: 20px;
	z-index: 400;
}

.chiudi_modal_prodotti {
	color: #ffffff;
	font-size: 12px;
	text-align: right;
	margin-top: -250px;
	cursor: pointer;
	margin-right: -2px;
}

.chiudi_modal_prodotti span {
	background: url(../img/bg_overlay.png);
	padding: 1px 5px 0 5px;
}

.chiudi_modal_trolley,
.chiudi_modal_cargo {
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	top: -20px;
	right:0px;
	position:absolute;
	cursor: pointer;
}



.chiudi_modal {
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	margin-top: -70px;
	cursor: pointer;
}

#wait {
	width: 100%;
	height: 100%;
	background: url(../imm_struttura/bg_overlayer.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	display: table-cell;
	text-align: center;
}

#wait img {
	margin: auto;
	display: inline-block;
	margin-top: 20%;
}

/****
 *  LINGUE
 */

#cambia_lingua {
	cursor: pointer;
}

#id_colori{
	cursor:pointer;
	color: #ffffff; 
	background: #bf1c27; 
	padding: 2px 5px; 
	font-size: 10px;
	display:inline-block; 
}

#lean_overlay,
#scelta_colore,
#scelta_lingue {
    position: fixed;
    z-index:100000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#scelta_lingue_country {
	top: 20%;
	left: 20%;
	position: absolute;
	color: #ffffff;
	font-family: 'Titillium Web', sans-serif;
	width: 300px;
}

#scelta_lingue_language {
	top: 20%;
	right: 50%;
	position: absolute;
	color: #ffffff;
	font-family: 'Titillium Web', sans-serif;
	width: 300px;
}

.titolo_lingua {
	font-size: 60px;
}

.elenco_lingue {
	font-size: 36px;
	line-height: 46px;
	font-weight: 400;
}

.elenco_lingue .lingua_div {
	/*clear: both;*/
}

.elenco_lingue div img {
	display: block;
	width: 30px;
	float: left;
	padding-top: 12px;
	margin-right: 10px;
}

.elenco_lingue div .nomelingua {
	/*float: left;*/
	font-weight: 200;
}

.elenco_lingue div .nomelingua a,
.elenco_lingue div .nomelingua a:link,
.elenco_lingue div .nomelingua a:visited {
	color: #ffffff;
	text-decoration: none;
}

.modal_close {
	position :absolute;
	right: 10%;
	top: 10%;
	color: #ffffff;
	font-size: 60px;
	cursor: pointer;
}

.cookie-alert {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    background: rgba(0, 0, 0, .9);
    margin: 0;
    padding: 10px;
    color: #fff;
}

.cookie-alert p {
        margin: 0 40px;
        padding: 0;
        text-align: center;
    }

.cookie-alert p,.cookie-alert  a {
        font-size: 14px;
        line-height: 20px;
        color: #fafafa;
    }

.cookie-alert a{
        font-size:13px;
        font-weight:bold;
        color: red;
}

.cookie-alert a:hover{
        text-decoration: underline;
}

.cookie-alert .close {
        position: absolute;
        top: 50%;
        right: 50px;
        margin-top: -10px;
        font-size: 22px;
        line-height: 20px;
        height: 20px;
        cursor: pointer;
        color: #fafafa;
}
.cookie-alert a:hover {
        color: #aaa;
}


@media screen and (max-width: 1024px){
	#nome_moto {
		left: 200px;
		top: 50px;
	}
}


@media screen and (max-width: 992px){
	
}