@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'DinBold';
    src: url('fonts/din-bold_0-webfont.eot');
    src: url('fonts/din-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold_0-webfont.woff') format('woff'),
         url('fonts/din-bold_0-webfont.ttf') format('truetype'),
         url('fonts/din-bold_0-webfont.svg#FiatAdvert01BRgRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin:0;
	padding:0;
	}

html, body{
	height:100%;
	width:100%;
	overflow:hidden;
	}
body{
	min-width:1000px;
	}
ul,li,h1,h2,h3,h4,p{
	list-style-type:none;
	padding:0;
	margin:0;
	font-weight:normal;
	}
a{
	border:none;
	outline:none;
	text-decoration:none;
	cursor:pointer;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	}
a:hover{
	text-decoration:none;
	}
.disabled a, a.disabled, .disabled p{
	cursor:default !important;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	}
.disabled div{
	cursor:default;
	}
.selected > a, .selected div, .selected > p{cursor:default !important;}
p{
	font-family: 'DINMediumRegular';
	font-size:11px;
	color:#333;
	}
/*********************************************WRAPPER******************************************************/
.globalWrapper{
	position:absolute;
	top:78px;
	bottom:30px;
	width:100%;
	overflow:hidden;
	/*min-height:540px;*/
	min-width:1000px;
	}
/*---------------------car container--------------------------------------*/
.start-image{
	width:100%;
	height:100%;
	position:absolute;
	background-position:center center;
	background-repeat:no-repeat;
	/*background:url(../img/start-image.jpg) center center no-repeat;*/
	background-size: 100%;
	}
#car-container.configurator{
	width:100%;
	height:100%;
	position:absolute;
	background:url(../img/bg-figurino.jpg) center center;
	}
#car-container.configurator img {
    display: block;
    left: 50% !important;
    margin-left: -39%;
    margin-top: -21.8%;
    position: absolute;
    top: 50% !important;
    width: 72%;
	height:auto;
}
#car-container.configurator .esterni.angle-4 img{
	margin-left: -38%;
	 width: 65%;
}
@media all and (max-width: 1024px) {
    #car-container.configurator .esterni.angle-4 img{
        display: block;
        left: 50% !important;
        margin-left: -38%;
        margin-top: -20.9%;
        position: absolute;
        top: 50% !important;
        width: 65%;  
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#car-container.configurator img{
        margin-top: -48.7%;
}
	
	}
@media only screen 
and (max-device-width : 1024px) {
	#car-container.configurator img{
        margin-top: -48.3%;
}
#car-container.configurator .esterni.angle-4 img{
	margin-top: -47% !important;
	margin-left: -47% !important;
	
	}
	
	}

@media all and (max-width: 1280px) {
    #car-container.configurator .esterni.angle-4 img{
        display: block;
        left: 50% !important;
        margin-left: -38%;
        margin-top: -20.9%;
        position: absolute;
        top: 50% !important;
        width: 64%;  
    }
}

#car-container .linea {
	background: none repeat scroll 0 0 #000000;
    display: block;
    height: 4px;
    margin-top: 11.2%;
    position: absolute;
    top: 49.7%;
    width: 100%;
}
/*---------------------my car--------------------------------------*/
#mycar{width:260px;position:absolute;right:-260px;top:40px;
}
.mycarAll{
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.2);
}
#mycar .top{background:#EEEEEE;font-family: 'DINMediumRegular';color:#333333;padding:2px 20px 10px 20px;min-height:38px;} 
#mycar .top h1{font-size:24px;}
#mycar .details{background:#AB1A17;color:#FFF;padding:10px 20px;}
.details p{color:#FFF;}
	
.datoWrapper{overflow:hidden;}
/*.datoWrapper:first-child{border-bottom:solid 1px #FFF; padding-bottom:2px; margin-bottom:2px;}*/
.datoWrapper{border-bottom:solid 1px #FFF; padding-bottom:2px; margin-bottom:2px;}
.datoWrapper p.left{float:left; text-transform:uppercase;}
.datoWrapper p.right{float:right;}
.datoWrapper p.right.bigPrice{font-size:21px; font-family:'DinBold';}
/*.datoWrapper.totaleWrapper{margin-top:20px;}*/
.datoWrapper.totaleWrapper p.left{margin-top:8px;}

/***chiudi pannello***/
#mycar.closed a#chiudi-pannello {
    background: url("../img/panels/mycar/close.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    z-index:1;
    display:none;
}
html.lt-ie9 #mycar.closed a#chiudi-pannello{
	background: url("../img/panels/mycar/close.jpg");
	background-position:bottom;
	display:none;
	}
#mycar a#chiudi-pannello {
    background: url("../img/panels/mycar/close.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    display:none;
    height: 29px;
    position: absolute;
    right: 0;
    width: 34px;
    z-index:1;
    clear: both;
}
html.lt-ie9 #mycar a#chiudi-pannello{
	background: url("../img/panels/mycar/close.jpg");
	background-position:top;
	display:none;
}

p.mycar_open_recap.opened{display:none;}
p.mycar_open_recap {
float: left;
text-transform: uppercase;
font-family: 'DINMediumRegular';
font-size: 11px;
padding: 5px 20px;
color:#FFF;
display:none;
position:absolute;
}



/***scroll***/
#da-scrollare {
    height: 130px;
    overflow: hidden;
}
.scroll {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 100 !important;
    padding-right: 0 !important;
    right: 1px !important;
    width: 6px !important;
}
#mycar div#menu-scroll {
    display: block;
    padding: 0 0 0 20px;
}
#mycar div#menu-scroll div {
    border-bottom: 1px solid #CCCCCC;
    margin-right: 15px;
    overflow: hidden;
    padding: 6px 0;
}
#mycar div#menu-scroll div span.bold {
    color: #AB1A17;
    float: none;
    font-family: 'DINMediumRegular';
    font-size: 12px;
    padding: 1px 0;
    text-transform: uppercase;
}
#mycar div#menu-scroll div span {
    color: #000000;
    display: block;
    float: left;
    font-family: 'DINMediumRegular';
    font-size: 11px;
    text-transform: none;
    width: 155px;
}

.mycar-opt-row {
    padding-bottom: 3px;
    padding-top: 3px;
}
#mycar div#menu-scroll div span.prezzo-panel {
    display: block;
    float: right;
    font-family: 'DINMediumRegular';
    font-size: 11px;
    padding-top: 2px;
    text-align: right;
    width: 50px;
}

#mycar .details-recap {
    background: none repeat scroll 0 0 #FFFFFF;
}
/*---------------------Pusanti alto sx--------------------------------------*/
#topSXbuttons{position:absolute;left:-230px;top:40px; width:200px;}

a.sxButtons{
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#DDD;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.2);
	position:relative;
	color:#333333;
	text-transform:uppercase;
	font-family:'DinBold';
	font-size:11px;
	line-height:11px;
	padding:10px 30px 10px 40px;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	width:130px;
	margin-bottom:10px;
	outline:none;
	}
a.sxButtons:hover{color:#AB1A17;}
a.sxButtons.promo{margin-top:20px; margin-bottom:0;}
a.sxButtons span.icon{
	display:block; position:absolute; left:10px; background-position:center top; background-repeat:no-repeat;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	}
span.icon.change{display:block;background-image:url(../img/icons/cambia-modello.png); width:20px; height:20px;}
a.sxButtons:hover span.icon{ background-position:bottom}
a.sxButtons span.icon.change{ background-image:url(../img/icons/cambia-modello.png); width:20px; height:20px; top:6px;}
a.sxButtons span.icon.scheda{ background-image:url(../img/icons/scheda-prodotto.png); width:20px; height:20px; top:6px;}
a.sxButtons span.icon.sheet{ background-image:url(../img/icons/sheet.png); width:20px; height:20px; top:6px;}
a.sxButtons span.promo{display:block; background:url(../img/icons/promo-top.png) no-repeat; width:26px; height:31px; position:absolute;left:5px; top:-3px;}
a.sxButtons span.icon.frecciaGiu{ background-image:url(../img/icons/frecciaGiuPromo.png); width:14px; height:7px; top:20px; left:auto; right:10px;}
a.sxButtons.opened span.icon.frecciaGiu{ background-image:url(../img/icons/frecciaSuPromo.png); width:14px; height:7px; top:20px; left:auto; right:10px;}

#TECHS_menudown.disabled:hover{color:#333333;}
#TECHS_menudown.disabled:hover span.icon{ display: block; background-position:0 0;}

.promoText{
	background:#EEEEEE;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.2);
	padding:5px 10px;
	}
.promoText p{font-size:10px;}
.promoText p.testoPromo{padding-bottom:5px; border-bottom:solid 1px #CCC; margin-bottom:5px}
.promoText p.prezzoPromo{font-size:14px;text-transform:uppercase;}
a.vaiPromo{text-decoration:underline; text-transform:uppercase;font-size:11px; color:#666;font-family: 'DINMediumRegular'}
a.vaiPromo:hover{color:#000;}

/*------------------------------VISTE----------------------------------*/
#views{
	position:absolute;
	width:100%;
	position:absolute;
	top:40px;
	text-align:center;
	}
#views ul{
	display:inline-block;
	text-align:left;
	overflow:hidden;
	}
#views ul li{
	display:block;
	float:left;
	}
#views ul li a{
	display:block;
	background-position:center top;
	background-repeat:no-repeat;
	width:89px;
	height:48px;
	padding:5px;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	text-transform:uppercase;
	font-family:'DinBold';
	font-size:10px;
	color:#333;
	line-height:10px;
	border-right:1px solid #CCC;
	}
#views ul li a:hover{
	background-position:bottom;
	color:#FFF;
	}
#views ul li.disabled, #views ul li.disabled a{cursor:default}
#views ul li.disabled a:hover{background-position:top;color:#333;}
#views ul li.disabled.selected a:hover{background-position:bottom;color:#333;}
#views ul li.selected a{background-position:bottom;color:#FFF;border-right:#FFF solid 1px;}
a.side{background-image:url(../img/icons/side.png)}
a.front{background-image:url(../img/icons/front.png)}
a.back{background-image:url(../img/icons/rear.png)}
a.space{background-image:url(../img/icons/space.png)}

.volume{
	position:absolute; background:#AB1A17;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
	padding:3px 10px;
	font-size:12px;
	font-family:'DinBold';
	left:50%;
	margin-left:-320px;
	bottom:5px;
	}
@media all and (max-width: 1200px) {
	.volume{
		left:50%;
		margin-left:-200px;
		bottom:-30px;
		}
	}
/*--------------------------------------------------------------------NAVIGATORE PRIMARIO E PANNELLI--------------------------------------------------*/
#nav{
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	bottom:-56px;
	z-index:3;
	}
#nav ul{
	display:inline-block;
	}
#nav ul li{
	display:block;
	float:left;
	position:relative;
	}
#nav ul li a{
	display:block;
	font-size:14px;
	font-family: 'DINMediumRegular';
	text-transform:uppercase;
	padding:13px 0 15px 0;
	width:189px;
	background:#DDD;
	border-top:2px solid #B1B1B1;
	color:#333;
	border-right:1px solid #D2D2D2;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	}
#nav ul li a.riepilogo{
	color:#AB1A17;
	}
#nav ul li.start span#start-arrow, #nav ul li.start.selected span{
	display:block;
	position:absolute;
	width:190px;
	position:absolute;
	left:50%;
	margin-left:-95px;
	background:url(../img/icons/start-arrow.png) bottom center no-repeat;
	height:25px;
	font-size:11px;
	text-align:center;
	font-family:'DinBold';
	color:#AB1A17;
	top:-285px;
	text-transform:uppercase;
	}
#nav ul li span{
	display:none;
	}
#nav ul li.selected span{
	display:block;
	position:absolute;
	width:13px;
	height:8px;
	position:absolute;
	left:50%;
	margin-left:-7px;
	background:url(../img/icons/selected-li.png);
	top:0px;
	text-indent:-20000px;
	}
#nav ul li.selected a{
	background:#AB1A17;
	color:#FFF;
	border-top:2px solid #921614;
	}
#nav ul li.visited a{
	background:#AB1A17;
	color:#FFF;
	border-top:2px solid #921614;
	}
#nav ul li.visited.selected span.lineetta{
        display:none;
	}
#nav ul li.visited a:hover{
        background:#851512;
        }  
#nav ul li.visited.selected a:hover{
        background:#AB1A17;
        }       
#nav ul li.visited span.lineetta{
         background: none repeat scroll 0 0 #FFFFFF;
        display: block;
        height: 2px;
        left: 50%;
        margin-left: -25px;
        position: absolute;
        top: 34px;
        width: 50px;
	}

#nav ul li a:hover{
	background:#AB1A17;
	color:#FFF;
	border-top:2px solid #921614;
	}
#nav ul li.disabled a:hover{
	background:#DDD;
	border-top:2px solid #B1B1B1;
	color:#333;
	}
/*****************************************************PANNELLI*******************************************************************/
#ACCS_menudown-pannello,
#OPT_menudown-pannello,
#BODY_menudown-pannello,
#VRSN_menudown-pannello,
#EQPM_menudown-pannello{
	z-index:2;
}
.panels{
        display: none;
	position:absolute;
	bottom:2px;
	background:#FFF;
	-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.27);
	-moz-box-shadow:    0px -2px 5px rgba(0, 0, 0, 0.27);
	box-shadow:         0px -2px 5px rgba(0, 0, 0, 0.27);
	padding-top:20px;
	padding-bottom:60px;
	width:100%;
	left:0;
	text-align:center;
	}
a.close-panel{
	display:block;
	background:url(../img/icons/close-panel.png) top center no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	}
a.close-panel:hover{
	background:url(../img/icons/close-panel.png) bottom center no-repeat;
	}
.centraturaPannello{
	display:inline-block;
	width:950px;
	text-align:left;
	position:relative;
	}
/*ALLESTIMENTII*/
.centraturaPannello h2{
	font-size:15px;
	line-height:15px;
	color:#333;
	font-family:'DinBold';
	text-transform:uppercase;
	}
.centraturaPannello h2.red{ color:#AB1917; font-size:15px; margin-bottom:15px; text-transform:none}
.pannello-configurazione.colori .centraturaPannello h2{
	height: 33px;
	}       
.centraturaPannello h2 span{
	font-family: 'DINMediumRegular';
	font-size:10px;
	text-transform:none;
	color:#666;
	display:inline-block;
	margin-left:10px;
	}
.centraturaPannello h2 span.upper{
	text-transform:uppercase;
	}
.centraturaPannello .dxPanelContent h2 span.upper{
        margin-left:0px;
        float:right;
        width: 310px;
        margin-top: 3px;
        }     
.centraturaPannello .thContainer{
	float:left;
	overflow:hidden;
	margin-top:10px;
	}
.centraturaPannello .thContainer#trim-thmb{
	width:490px;}
.thAllestimento{
	float:left;
	position:relative;
	width:140px;
	margin:10px 0;
	padding:10px 10px 0 10px;
	border-right:dotted 1px #999;
	cursor:pointer;
	}
.thAllestimento.selected{
	cursor:default;
	}
.thAllestimento.last{
	border-right:none;
	}
a.flag{
	display:block;
	background:url(../img/icons/flag.png) center top;
	width:13px;
	height:11px;
	position:absolute;
	right:15px;
	top:23px;
	}
a.flag.input-error{
	background:url(../img/icons/flag-error.png) center top;
	width:26px;
	}
.thAllestimento.selected a.flag.input-error{
	background:url(../img/icons/flag-error.png) bottom top;
	width:26px;
	}
.thAllestimento a.flag{
	width:26px;
	height:23px;
	background:url(../img/icons/flag-allestimento.png) center top;
	}
.thAllestimento.selected a.flag{
	background:url(../img/icons/flag-allestimento.png) center bottom;
	}
.thAllestimento.selected p,.thAllestimento.selected:hover p{
	color:#AB1A17;
	}
.thAllestimento:hover p{
	color:#333;
	}
.thAllestimento img{
	transition: opacity 0.2s, color 0.2s;
	-webkit-transition: opacity 0.2s, color 0.2s;
	}
.thAllestimento:hover img{
	opacity:0.5;
	filter:alpha(opacity=40); /* For IE8 and earlier */}

.thAllestimento.selected:hover img{
	opacity:1;
	filter:alpha(opacity=100);
	}

.thAllestimento p{
	font-size:12px;
	color:#878787;
	font-family: 'DINMediumRegular';
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	}
.thAllestimento.disabled{
	cursor:default;
	}
.thAllestimento.disabled img, .thAllestimento.disabled:hover img{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	}
.thAllestimento.disabled p, .thAllestimento.disabled:hover p{
	color:#878787;
	}
/*Allestimenti disabilitati*/
.gruppoTendine{
	float:left;
	margin-top:10px;
	width:330px;
	}
.tendawrap{
	float:left;
	position:relative;
	}
.etichettaEQPM{
	margin-bottom:6px;
	color:#000;
	font-family:'DinBold';}
.tendina,a.tendina.disabled:hover{
	float:left;
	display:block;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background:#DDD;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.2);
	position:relative;
	color:#333333;
	text-transform:uppercase;
	font-family: 'DINMediumRegular';
	font-size:10px;
	line-height:10px;
	padding:8px 20px 8px 10px;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	width:130px;
	margin-bottom:10px;
	width:125px;
	margin-right:10px;
	margin-bottom:10px;
}
.tendina span,a.tendina.disabled:hover span{
	background:url(../img/icons/up-tendine.png) center top;
	width:13px;
	height:6px;
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-3px;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	}
a.tendina.selected{
	color:#AB1A17;
	}
a.tendina.selected span{
	background:url(../img/icons/down-tendine.png) center bottom;
	}
a.tendina.selected:hover span{
	background:url(../img/icons/down-tendine.png) center bottom;
	}
.tendina:hover span{
	background:url(../img/icons/up-tendine.png) center bottom;
	}

a.conferma{
	display:block;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background:#AB1A17;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.2);
	color:#FFF;
	text-transform:uppercase;
	font-family: 'DINMediumRegular';
	font-size:14px;
	line-height:14px;
	padding:7px 0;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	width:130px;
	margin-bottom:10px;
	text-align:center;
	position:absolute;
	right:0;
	bottom:0px;
	}
a.conferma:hover{
	background:#666;
	color:#FFF;
	}
a.resetta{
	display:block;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	background:#DDDDDD;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.2);
	color:#666;
	text-transform:uppercase;
	font-family: 'DINMediumRegular';
	font-size:14px;
	line-height:14px;
	padding:7px 0;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	width:130px;
	margin-bottom:10px;
	text-align:center;
	position:absolute;
	right:0;
	bottom:35px;
	}
a.resetta:hover{
	background:#CCC;
	color:#666;
	}
.menuTendina{
    display: none;
	background:#FFF;
	position:absolute;
	border:1px solid #EEEEEE;
	border-bottom:none;
	border-top:none;
	width:100%;
	bottom:38px;
	width:154px;
	}
.menuTendina a, .menuTendina a.disabled:hover{
	display:block;
	font-family: 'DINMediumRegular';
	font-size:10px;
	line-height:10px;
	border-bottom:1px dotted #EEEEEE;
	padding:10px 10px 10px 28px;
	position:relative;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	text-transform:uppercase;
	color:#333;
	background:none;
	}
.menuTendina a:hover{
	background:#EEEEEE;
	}
.menuTendina a.selected:hover{
	background:none;
	color:#333;
	cursor:default;
	}
span.flag, .menuTendina a.disabled:hover span.flag{
	display:block;
	background:url(../img/icons/flag.png) center top;
	width:13px;
	height:11px;
	position:absolute;
	}
.menuTendina a.selected span.flag{
	background:url(../img/icons/flag.png) center bottom;
	}
.menuTendina a span.flag{
	left:10px;
	top:9px;
	}
/*COLORI*/
.sxPanelContent{
	width:440px;
	float:left;
	overflow:hidden;
	margin-right:10px;
	}
.dxPanelContent{
	width:380px;
	float:left;
	overflow:hidden;
	}
.scrollContainer{
	max-height:250px;
	overflow:hidden;
	margin-top:20px;
	}
.scrollContent{
	}
div.scroll{
	z-index:109 !important;}
.contenuti{
	padding:10px 10px 0 10px;
	/*overflow:hidden;*/
	}
a.thColors{display:block;width:40px;height:50px;float:left;margin:0 20px 30px 0;position:relative;}
a.thColors img{width:40px;height:50px;}
a.thColors span{display:none; position:absolute; top:50%; left:50%; margin-left:-27px; margin-top:-34px;}
a.thColors span img{width:54px;height:68px;}
a.thColors:hover span, a.thColors.selected span{display:block;width:54px;height:68px; position:absolute;}
a.thColors.selected span span{height:3px; width:30px; background:#333333; position:absolute; bottom:-8px; left:50%; margin-left:-15px; top:auto;}

a.thTessuto{display:block;width:62px;height:62px;float:left;margin:0 13px 24px 0;position:relative;}
a.thTessuto img{width:62px;height:62px;}
a.thTessuto span{display:none; position:absolute; top:50%; left:50%; margin-left:-37px; margin-top:-37px;}
a.thTessuto span img{width:74px;height:74px;}
a.thTessuto:hover span, a.thTessuto.selected span{display:block;width:74px;height:74px; position:absolute;}
a.thTessuto.selected span span{height:3px; width:30px; background:#333333; position:absolute; bottom:-6px; left:50%; margin-left:-15px; top:auto;}

.scrollContainer.tessutiScroll{
	width:250px;
	float:left;
	}
img.sedile{
	display:block;
	float:left;
	margin-top:30px;
	margin-left:10px;
	}
a.disabled:hover span{
	display:none;
	}	
/*OPT*/
.optContainer{
	width:800px;
	overflow:hidden;
	}
h2.testata{
	padding:10px 20px;
	background:#CCCCCC;
	margin-bottom:2px;
	}
.colonnaSxOpt{
	width:190px;
	position:relative;
	float:left;
	}
.OptCategory{
	width:170px;
	padding:20px 10px;
	margin:0;
	text-transform:uppercase;
	font-size:11px;
	font-family: 'DINMediumRegular';
	}
.OptCategory li {
	padding:7px;
	border-bottom:dotted 1px #CCC;
	}
.OptCategory li a{
	display:block;
	}
.OptCategory li.selected a{
	color:#AB1917;
	}
.detailsOpt{
	width:180px;
	padding:20px 10px;
	background:#DDDDDD;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	}
p.smallP{
	font-size:10px;margin-top:10px;
	}
.scrollContainer.optScroll{float:right;width:600px;border-left:solid 1px #DDDDDD;margin-top:0; padding-bottom:10px;}
.scrollContent.optScroll{margin:10px 40px 10px 20px;}
.righeContainer{overflow:hidden;}
p.titleOptCategory{ text-transform:uppercase; color:#AB1917; float:left;}
p.prezzoBase{ font-family:'DinBold'; float:right;}
.accsContainerRow ,.optContainerRow{ margin-top:0px;padding:5px 0; overflow:hidden; border-bottom:solid 1px #DDD;}
.rightZone{float:left;  width:450px; overflow:hidden;}
.rightZone a.flag{position:relative; float:left; right:auto; top:auto; background:url(../img/icons/flag-opt.png) center top; width:15px; height:15px;margin-top:1px}
a.lente{display:block; width:16px; height:18px; background:url(../img/icons/lente.png) center top no-repeat; }
.optContainerRow:hover a.lente{background:url(../img/icons/lente.png) center bottom no-repeat; }
.disabled a.lente:hover{background:url(../img/icons/lente.png) center top no-repeat;}
.rightZone a.lente{float:left; margin-left:10px;}
p.etichettaOpt{ font-size:11px; margin-left:10px; float:left; margin-top:1px;color:#666666; width:380px;}
.leftZone{float:right;}
p.priceOpt{color:#666; margin-top:1px;}
/*SELECTED*/
.optContainerRow.selected a.flag{background:url(../img/icons/flag-opt.png) center bottom;}
.optContainerRow.selected p.etichettaOpt, .optContainerRow.selected:hover p.etichettaOpt{color:#AB1917;}
.optContainerRow.selected p.priceOpt{color:#AB1917; font-family:'DinBold'}
/*DI SERIE*/
.optContainerRow.diserie a.flag{cursor:default !important;}
.optContainerRow.diserie p.etichettaOpt, .optContainerRow.diserie:hover p.etichettaOpt{color:#AB1917; cursor:default !important;}
.optContainerRow.diserie p.priceOpt{color:#AB1917; font-family:'DinBold'}
.optContainerRow.diserie a.lente{ cursor:default !important;}
.optContainerRow.diserie a.lente:hover,.optContainerRow.diserie .optContainerRow.diserie a.lente{background:url(../img/icons/lente.png) center top no-repeat !important;}
/*OVER*/
 p.etichettaOpt:hover{color:#333; cursor:pointer;}
 .disabled p.etichettaOpt:hover{color:#666666;}
 
 /*OPT IN PACK DETAIL*/
ul.packOptDescr li {
    padding: 2px 0 0 20px;
    font-size: 10px;
    clear: both;
    list-style-type: disc;
    list-style-position: inside;
}
a.detailButton.scrollForMore {
    font-size: 11px;
    margin-left: 10px;
    float: left;
    margin-top: 1px;
}
.collapse {display: none;}
.nocollapse{display:block;}
 /* TECHNICAL SHEET *******/
 
.techsheet .img-container {
	padding-bottom: 5px; overflow:hidden;
	width:100%; height:auto;
	border-bottom:2px solid #DDDDDD;
}
.techsheet .blocks {
	float:left; clear:none; overflow:hidden; position: relative;
}
.techsheet .blocks.grey { background-color:#dddddd; }
.techsheet .blocks.grey-2 { background-color:#cccccc; }
.techsheet .blocks img {
	position: absolute; top:-50%; left:-50%;
}

.techsheet .blocks-2 { height:237px; }
.techsheet .blocks-2.col-1 { width:75%; }
.techsheet .blocks-2.col-1 img { left: 6%; top: -48%; width: 92%; }
.techsheet .blocks-2.col-2 { width:25%; }
.techsheet .blocks-2.col-2 img { left: -96%; top: -47%; width: 274%; }

.techsheet .blocks-3 { height:237px; }
.techsheet .blocks-3.col-1 { width:50%; }
.techsheet .blocks-3.col-1 img { left: -15%; top: -45%; width: 135%; }
.techsheet .blocks-3.col-2 { width:25%; }
.techsheet .blocks-3.col-2 img { left: -86%; top: -45%; width: 270%; }
.techsheet .blocks-3.col-3 { width:25%; }
.techsheet .blocks-3.col-3 img { left: -86%; top: -45%; width: 270%; }

.techsheet .blocks-4 { height:237px; }
.techsheet .blocks-4.col-1 { width:33%; }
.techsheet .blocks-4.col-1 img { left: -20%; top: -15%; width: 141%; }
.techsheet .blocks-4.col-2 { width:17%; }
.techsheet .blocks-4.col-2 img { left: -89%; top: -15%; width: 275%; }
.techsheet .blocks-4.col-3 { width:17%; }
.techsheet .blocks-4.col-3 img { left: -89%; top: -15%; width: 275%; }
.techsheet .blocks-4.col-4 { width:33%; }
.techsheet .blocks-4.col-4 img { left: -20%; top: -15%; width: 141%; }
 
.riepilogoConfigurazione.techsheet h1,
.techsheet .centraturaPannello h2,
.techsheet .centraturaPannello h3 {
	padding-left: 10px;
}
.riepilogoConfigurazione.techsheet h1 {
	font-size: 16px;
}
.techsheet .centraturaPannello h2 {
	margin:10px 0 20px 0;
	font-size: 22px; color: #333333; font-weight: normal; font-family: 'DINMediumRegular';
	text-transform: none;
}
.techsheet .centraturaPannello h3 {
	margin-bottom: 10px;
	color:#961713; font-size: 15px; font-family: 'DINMediumRegular'; text-transform: uppercase;
}

.techsheet .riapilogoTable {
	margin-bottom: 10px;
	width: 97%;
	border-top: 1px solid #DDDDDD;
}
.techsheet .riapilogoTable tr td {
	color:#333333; font-size: 13px;
	text-align: left;
}
.techsheet .riapilogoTable tr td.colB { border-right:0; }

.techsheet .scrollContainer {
	margin-top: 322px;
}
.techsheet .scrollContainer.riepilogoScroll {
	bottom: 15px;
}
 
 /***********************************************************************POPIN****************************************************************************
 ********************************************************************************************************************************************************
 ********************************************************************************************************************************************************/
.popinBg{
	 position:absolute;
	 background: rgba(0, 0, 0, 0.8);
   	 width:100%;
	 height:100%;
	 text-align:center;
	 display:table;
	 z-index:108;
	 }
.popinCenter{
	display:table-cell;
    vertical-align: middle;
	}
.popin{
	padding:10px;
	max-height:400px;
	width:700px;
	margin:0 auto;
	text-align:left;
	}
html.lt-ie9 .popinBg{
	background:url(../img/ie8/bg-popin.png);
	}
.testataPopin{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:15px 15px 15px 40px;
	position:relative;
	font-family:'DinBold';
	background:#DDDDDD;
	text-transform:uppercase;
	font-size:11px;
	line-height:11px;
	}
.testataPopin span.icon{position:absolute;top:11px;left:11px;}
.popinContent{
	background:#EEEEEE;
	padding:15px 40px;
	position:relative;
	}
p.intro{font-size:10px; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted 1px #BB1D15;}
.popinColumn{float:left;width:32%;margin-right:1%; overflow:hidden; margin-bottom:15px;  background: url(../img/icons/frecciaDestraRossa.png) left center no-repeat; display:block;}
.popinColumn a{ font-family:'DinBold'; color:#333; font-size:14px;padding-left:15px; display:block;}
.popinColumn a:hover{color:#BB1D15;}
.popin.sharePopin{
	width:350px;
	}
.popin.sharePopin .testataPopin{padding:15px;}
.iconSocialContainer{
	text-align:center;
	}
.iconSocialContainer a{
	display:inline-block;
	width:80px;
	height:80px;
	margin:15px;
	background-position:top;
	background-repeat:no-repeat;
	transition: background 0.2s;
	-webkit-transition: background 0.2s;
	}
.iconSocialContainer a span{
	display:none;
	}
.iconSocialContainer a:hover{
	background-position:bottom;
	}
.iconSocialContainer a#FB{
	background-image:url(../img/icons/followUp/facebook.jpg);
	}
.popinContent form{
	padding:0;
	margin:0;
}
.iconSocialContainer a#GP{
	background-image:url(../img/icons/followUp/g.jpg);
	}
.popin.inviaPopin, .popin.testdrivePopin{
	width:650px;
	}
.etichetta-form{
	font-family: 'DinBold';
	font-size:12px;
	}
.popin input[type=text]{
	background-color:#DDDDDD;
	border:1px solid #CCC;
	font-family: 'DINMediumRegular';
	font-size:11px;
	color:#666;
	padding:7px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
.popin textarea{
	background:#DDDDDD;
	border:1px solid #CCC;
	font-family: 'DINMediumRegular';
	font-size:11px;
	color:#666;
	padding:7px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top:0px;
	}
.etichetta-form.mail-popin_msg_label{margin-top:15px;}
.popin .scrollContainer{max-height:290px;}
.popin.inviaPopin textarea{width:540px;}
textarea.etichetta-form.mail-popin_msg_label {margin-top:5px;}
.mittente-input input[type=text]{width:245px; margin-right:15px}
.loginPopin input[type=text]{width:350px; margin-right:10px}
.popin.salvaPopin input[type=text]{width:350px; margin-right:10px}
.mittente-input input[type=text].secondo{width:260px; margin-right:0px}
input[type=text].input-error{ background-image:url(../img/icons/alert.png); background-position:97% center; background-repeat:no-repeat}
.mittente-input{margin-bottom:10px; overflow:hidden;}
.etichetta-form.dest{margin-top:10px;}
.etichetta-form.dest span{display:block; float:left; margin-top:2px;}
.trash{display:block;float:left;width:20px;height:21px;background:url(../img/icons/followUp/trash.png) top center no-repeat; margin-left:5px;}
.trash:hover{background:url(../img/icons/followUp/trash.png) bottom center no-repeat;}
.dest-input-row{margin-bottom:10px;}
a.aggiungi{font-family: 'DINMediumRegular'; color:#333; font-size:12px;}
a.aggiungi:hover{color:#AB1A17;}
.privacy-text a{text-decoration:underline;}
p.privacy-popin_main_text{ padding-right:15px;}
.popin a.flag{position:relative;right:auto;float:left;top:auto; margin-top:0px; margin-right:5px;}
.privacyBlock{overflow:hidden; margin-top:20px; float:left; width:50%;}
.popin a.flag.selected{background:url(../img/icons/flag.png) bottom no-repeat;}
.popin.loginPopin, .popin.salvaPopin{ width:530px;}
p.modello{ font-family:'DinBold'; font-size:16px;}
p.nome{font-size:13px; margin-bottom:20px;}
#listConfiguration{ margin-right:20px; padding-bottom:30px;}
#listConfiguration p.nome{margin-bottom:10px; margin-top:20px; font-family:'DinBold'; font-size:14px;}
#listConfiguration p.nome.small{font-family: 'DINMediumRegular';margin-top:0; font-size:11px; margin-bottom:0;}
#listConfiguration p.data{ display:none;}
.config-salvate .dato{float:left; margin-top:5px; width:370px;}
.strumenti-config{ float:right; width:50px;}
.strumenti-config a{
	float:left;
	}
.popin.caricaPopin .config-salvate .dato{width:520px;}
.popin.salvaPopin .popinContent{padding: 15px 30px 15px 40px;}
.popin.salvaPopin .scrollContent{width:97%;}
.config-salvate p.nome{ margin-bottom:0;}
.config-salvate{padding:10px; border:solid 1px #CCC; margin-bottom:10px;}
.strumenti-config a.right{background-image:url(../img/icons/carica-popin.png);display:block;width:13px;height:16px;background-position:top;background-repeat:no-repeat; margin-top:3px; margin-right:5px;}
.strumenti-config a.lente{margin-top:1px;}
.strumenti-config a:hover{background-position:bottom;}
.formbuttons{
	background: none repeat scroll 0 0 #AB1A17;
    border-radius: 1px 1px 1px 1px;
    bottom: 8px;
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.2);
    color: #FFFFFF;
    display: block;
    font-family: 'DINMediumRegular';
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 10px;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease 0s, color 0.2s ease 0s;
	}
.formbuttons:hover{
	background:#666;
	color:#FFF;
	}
.popin.inviaPopin .formbuttons{
	float:right;
	margin-right:14px;
	margin-top:15px;
	}
.popin.loginPopin .formbuttons, .popin.salvaPopin .formbuttons {
	float:right;
	margin-top:2px;
	}
p.form-error{color:#AB1A17;}
p.privacy-text{
	margin-top:0px;
	float:left;}
p.testDriveTitle{
	text-transform:uppercase;
	color:#AB1917;
	font-family:'DinBold';
	margin:10px 0;
	}
img.imgTestDrive{
	display:block;
	margin:10px auto;}
p.testdrive-popin_from_label{
	text-transform:uppercase;
	margin-bottom:10px;
	}
.privacyRadio{
	overflow:hidden;
	}
a.informativa{
	display:block;
	float:left;
	text-transform:uppercase;
	font-size:10px;
	 font-family: 'DINMediumRegular';
	 color:#666;
	 margin-right:20px;
	}
a.informativa:hover{
	color:#AB1A17;
	}
input[type=radio]{
	display:block;
	float:left;
	margin-right:10px;
	}
.privacyRadio label{
	display:block;
	float:left;
	margin-right:20px;
	font-size:10px;
	font-family: 'DINMediumRegular';
	color:#666;
	}

p.text-privacy{font-size:9px;margin:10px 0;color:#666;}
a.formbuttons.testdrive-popin_send_button{float:right;margin-right:10px;}
.popin.warningPopin p{font-size:13px;}
p.elencoSelezione{font-family:'DinBold';margin-bottom:10px;font-size:12px;}
p.space{ margin-bottom:10px;}

.popin.warningPopin .scrollContainer{max-height:270px;}
.popin.warningPopin .scrollContent{ margin-right:10px;}
.elencoOptAlert{overflow:hidden; padding:10px 0; border-bottom:1px dotted #CCC;}
.elencoOptAlert a.flag{margin-top:3px;}
.elencoOptAlert.selected a.flag{ background-position:bottom;}
.elencoOptAlert p{float:left; width:470px;}
.elencoOptAlert.selected p{color:#AB1A17}
.elencoOptAlert p.price{ float:right; width:120px; color:#AB1A17; text-align:right;}
.buttonFormContainer{overflow:hidden; float:right}
.buttonFormContainer a{float:left; margin-right:10px;}

 /***********************************************************************POPIN****************************************************************************
 ********************************************************************************************************************************************************
 ********************************************************************************************************************************************************/
.popinBg{
	 position:absolute;
	 background: rgba(0, 0, 0, 0.8);
   	 width:100%;
	 height:100%;
	 text-align:center;
	 display:table;
	 z-index:108;
	 }
.popinCenter{
	display:table-cell;
    vertical-align: middle;
	}
.popin{
	padding:10px;
	max-height:400px;
	width:700px;
	margin:0 auto;
	text-align:left;
	}
#compare-popin .popin{
	max-height:auto; min-height:400px;
	width:960px;
}
html.lt-ie9 .popinBg{
	background:url(../img/ie8/bg-popin.png);
	}
.testataPopin{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:15px 15px 15px 40px;
	position:relative;
	font-family:'DinBold';
	background:#DDDDDD;
	text-transform:uppercase;
	font-size:11px;
	line-height:11px;
	}
.testataPopin span.icon{position:absolute;top:11px;left:11px;}
.popinContent{
	background:#EEEEEE;
	padding:15px 40px;
	position:relative;
	}
p.intro{font-size:10px; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted 1px #BB1D15;}
.popinColumn{float:left;width:32%;margin-right:1%; overflow:hidden; margin-bottom:5px;  background: url(../img/icons/frecciaDestraRossa.png) left center no-repeat; display:block;}
.popinColumn a{ font-family:'DinBold'; color:#333; font-size:14px;padding-left:15px; display:block;}
.popinColumn a:hover{color:#BB1D15;}
.changeModelHeader {
    font-family: 'DinBold';
    color: #AB1A17;
    font-size: 16px;
    padding-left: 15px;
    display: block;
    margin-top: 10px;
}
.popin.sharePopin{
	width:350px;
	}
.popin.sharePopin .testataPopin{padding:15px;}
.iconSocialContainer{
	text-align:center;
	}
.iconSocialContainer a{
	display:inline-block;
	width:80px;
	height:80px;
	margin:15px;
	background-position:top;
	background-repeat:no-repeat;
	transition: background 0.2s;
	-webkit-transition: background 0.2s;
	}
.iconSocialContainer a:hover{
	background-position:bottom;
	}
.iconSocialContainer a.facebook{
	background-image:url(../img/icons/followUp/facebook.jpg);
	}
.popinContent form{
	padding:0;
	margin:0;
}
.iconSocialContainer a.g{
	background-image:url(../img/icons/followUp/g.jpg);
	}
.popin.inviaPopin, .popin.testdrivePopin{
	width:650px;
	}
.etichetta-form{
	font-family: 'DinBold';
	font-size:12px;
	}
.popin input[type=text]{
	background-color:#DDDDDD;
	border:1px solid #CCC;
	font-family: 'DINMediumRegular';
	font-size:11px;
	color:#666;
	padding:7px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
.popin textarea{
	background:#DDDDDD;
	border:1px solid #CCC;
	font-family: 'DINMediumRegular';
	font-size:11px;
	color:#666;
	padding:7px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top:0px;
	}
.etichetta-form.mail-popin_msg_label{margin-top:15px;}
.popin .scrollContainer{max-height:290px;}
.popin.inviaPopin textarea{width:540px;}
textarea.etichetta-form.mail-popin_msg_label {margin-top:5px;}
.mittente-input input[type=text]{width:245px; margin-right:15px}
.loginPopin input[type=text]{width:350px; margin-right:10px}
.popin.salvaPopin input[type=text]{width:340px; margin-right:10px}
.mittente-input input[type=text].secondo{width:260px; margin-right:0px}
input[type=text].input-error{ background-image:url(../img/icons/alert.png); background-position:97% center; background-repeat:no-repeat}
.mittente-input{margin-bottom:10px; overflow:hidden;}
.etichetta-form.dest{margin-top:10px;}
.etichetta-form.dest span{display:block; float:left; margin-top:2px;}
.trash{display:block;float:left;width:20px;height:21px;background:url(../img/icons/followUp/trash.png) top center no-repeat; margin-left:5px;}
.trash:hover{background:url(../img/icons/followUp/trash.png) bottom center no-repeat;}
.dest-input-row{margin-bottom:10px;}
a.aggiungi{font-family: 'DINMediumRegular'; color:#333; font-size:12px;}
a.aggiungi:hover{color:#AB1A17;}
.privacy-text a{text-decoration:underline;}
.popin a.flag{position:relative;right:auto;float:left;top:auto; margin-top:0px; margin-right:5px;}
.privacyBlock{overflow:hidden; margin-top:20px; float:left; width:50%;}
.popin a.flag.selected{background:url(../img/icons/flag.png) bottom no-repeat;}
.popin.loginPopin, .popin.salvaPopin{ width:530px;}
p.modello{ font-family:'DinBold'; font-size:16px;}
p.nome{font-size:13px; margin-bottom:20px;}
.listConfiguration p.nome{margin-bottom:10px; margin-top:20px; font-family:'DinBold'; font-size:14px;}
.listConfiguration p.nome.small{font-family: 'DINMediumRegular';margin-top:0; font-size:11px;}
.config-salvate .dato{float:left; margin-top:5px; width:370px;}
.strumenti-config{ float:right; width:50px;}
.strumenti-config a{
	float:left;
	}
.popin.caricaPopin .config-salvate .dato{width:530px;}
.popin.salvaPopin .popinContent{padding: 15px 30px 15px 40px;}
.popin.salvaPopin .scrollContent{width:97%;}
.config-salvate p.nome{ margin-bottom:0;}
.config-salvate{padding:10px; border:solid 1px #CCC; margin-bottom:10px;}
.strumenti-config a.carica{background-image:url(../img/icons/carica-popin.png);display:block;width:13px;height:16px;background-position:top;background-repeat:no-repeat; margin-top:3px; margin-right:5px;}
.strumenti-config a.lente{margin-top:1px;}
.strumenti-config a:hover{background-position:bottom;}
.formbuttons{
	background: none repeat scroll 0 0 #AB1A17;
    border-radius: 1px 1px 1px 1px;
    bottom: 8px;
    box-shadow: 0 1px 1px rgba(50, 50, 50, 0.2);
    color: #FFFFFF;
    display: block;
    font-family: 'DINMediumRegular';
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 10px;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.2s ease 0s, color 0.2s ease 0s;
	}
.formbuttons:hover{
	background:#666;
	color:#FFF;
	}
.popin.inviaPopin .formbuttons{
	float:right;
	margin-right:14px;
	margin-top:15px;
	}
.popin.loginPopin .formbuttons, .popin.salvaPopin .formbuttons {
	float:right;
	margin-top:2px;
	}
p.form-error{color:#AB1A17;}
p.privacy-text{
	margin-top:0px;}
p.testDriveTitle{
	text-transform:uppercase;
	color:#AB1917;
	font-family:'DinBold';
	margin:10px 0;
	}
img.imgTestDrive{
	display:block;
	margin:10px auto;}
p.testdrive-popin_from_label{
	text-transform:uppercase;
	margin-bottom:10px;
	}
.privacyRadio{
	overflow:hidden;
	}
a.informativa{
	display:block;
	float:left;
	text-transform:uppercase;
	font-size:10px;
	 font-family: 'DINMediumRegular';
	 color:#666;
	 margin-right:20px;
	}
a.informativa:hover{
	color:#AB1A17;
	}
input[type=radio]{
	display:block;
	float:left;
	margin-right:10px;
	}
.privacyRadio label{
	display:block;
	float:left;
	margin-right:20px;
	font-size:10px;
	font-family: 'DINMediumRegular';
	color:#666;
	}

p.text-privacy{font-size:9px;margin:10px 0;color:#666;}
a.formbuttons.testdrive-popin_send_button{float:right;margin-right:10px;}
.popin.warningPopin p{font-size:13px;}
p.elencoSelezione{font-family:'DinBold';margin-bottom:10px;font-size:12px;}
p.space{ margin-bottom:10px;}

.popin.warningPopin .scrollContainer{max-height:270px;}
.popin.warningPopin .scrollContent{ margin-right:10px;}
.elencoOptAlert{overflow:hidden; padding: 10px 10px 0 0; border-bottom:1px dotted #CCC;}
.elencoOptAlert a.flag{margin-top:3px;}
.elencoOptAlert.selected a.flag{ background-position:bottom;}
.elencoOptAlert p{float:left; width:470px;}
.elencoOptAlert.selected p{color:#AB1A17}
.elencoOptAlert p.price{ float:right; width:120px; color:#AB1A17; text-align:right;}
.buttonFormContainer{overflow:hidden; float:right}
.buttonFormContainer a{float:left; margin-right:10px;}
/*STAMPA POPIN*/
.table.content{ width:90%}
#stampa-configurazione table{
	width:99%;
	}
#print-vehicle-left {
    height: 225px;
    overflow: hidden;
    position: relative;
    width: 610px;
}
#print-vehicle-left img {
	height: 370px;
        width: auto;
        margin-top: -100px;
        margin-left: -50px;
	}

#stampa-configurazione .titolo-stampa-td {
    width: 60%;
	font-family: 'DINMediumRegular';
}
#stampa-configurazione .titolo-stampa-td h3{
	margin-top: 10px;
    padding-top: 3px;
}
.prezzo-stampa{
	float: right;
    font-size: 17px !important;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 15px;
    text-align: right;
	font-family: 'DINMediumRegular';
	color:#AB1A17;
	}

table.tabella-print tr td {
    border-bottom: 1px solid #CCC;
}
td.et {
    width: 25%;
}
#stampa-configurazione p.etichetta{
	color: #333;;
    font-size: 13px;
    padding: 6px 0;
    text-transform: uppercase;
	font-family:'DinBold';
	}
#stampa-configurazione p.dato{
	color: #333;;
    font-size: 13px;
    padding: 6px 0;
	font-family: 'DINMediumRegular';
	}
table#print-opt-blocco-dato td.etichetta {
    border-bottom: medium none;
}
#stampa-configurazione td.etichetta {
	width:25%;
    color: #333;;
    font-size: 13px;
    padding: 6px 0;
    text-transform: uppercase;
	font-family:'DinBold';
}
table#print-opt-blocco-dato .print-popin-list-opt, table#print-pack-blocco-dato .print-popin-list-opt, table#print-oq-blocco-dato .print-popin-list-oq {
    color: #333;;
    font-size: 13px;
    padding: 6px 0;
	font-family: 'DINMediumRegular';
}
td.print-popin-price-opt {
 	color: #333;;
    font-size: 13px;
    padding: 6px 0;
	font-family: 'DINMediumRegular';
    text-align: right;
    width: 10%;
}
.titolo-oq-stampa-td h3 {
    font-size: 16px;
    font-family: 'DinBold';
    padding: 0;
    margin: 0;
    text-align: center;
}
table#print-oq-blocco-dato .logo-stampa-td img {
	height: auto;
	width: 100%;
	float:left;
}
td.print-popin-list-oq {
	text-align: right;
}
.print-popin_footer{
	margin: 10px 0;
}
/*******************TOOLS FOLLOWUP/***********************/
ul.followup{position:relative;margin-top:3px; background:#CCCCCC; height:32px}
ul.followup li{display:block;float:left;}
ul.followup li a{display:block;width:43px;height:32px;background-position:top;background-repeat:no-repeat;	transition: background 0.2s, color 0.2s;-webkit-transition: background 0.2s, color 0.2s;}
ul.followup li.clear{clear:both;float:none;}
ul.followup li a:hover, ul.followup li a.popin-open{background-position:bottom;}

ul.followup li span{
	display:block;
	font-family: 'DINMediumRegular';
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	left:0;
	bottom:-20px;
	font-size:10px;
	width:100%;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);	
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	display:none;
	}
ul.followup li:hover span{
	display:block;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);	
	}

ul.followup li a#fullscreen, ul.followup li a#fullscreenRecap{ background-image:url(../img/icons/followUp/carica.jpg)}
ul.followup li a#save, ul.followup li a#saveRecap{ background-image:url(../img/icons/followUp/save.jpg)}
ul.followup li a#mail, ul.followup li a#mailRecap{ background-image:url(../img/icons/followUp/send.jpg)}
ul.followup li a#print, ul.followup li a#printRecap{ background-image:url(../img/icons/followUp/print.jpg)}
ul.followup li a#facebook, ul.followup li a#facebookRecap{ background-image:url(../img/icons/followUp/share.jpg)}
ul.followup li a.calcolatrice{ background-image:url(../img/icons/followUp/calculator.jpg)}

/*******************************************************RIEPILOGO CONFIGURAZIONE*********************************************************/
#MYCAR_menudown-pannello,
#TECHS_menudown-pannello {
 	bottom: 0;
    overflow: hidden;
    position: absolute;
    /*top: 5px;*/
    width: 100%;
	height:100%;
	z-index:2;
}
.riepilogoConfigurazione{
	position:absolute;
	bottom:2px;
	background:#FFF;
	-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.27);
	-moz-box-shadow:    0px -2px 5px rgba(0, 0, 0, 0.27);
	box-shadow:         0px -2px 5px rgba(0, 0, 0, 0.27);
	padding-top:20px;
	padding-bottom:60px;
	width:100%;
	left:0;
	top:25px;
	text-align:center;
	}
.riepilogoConfigurazione .centraturaPannello{
	height:100%;
	}
.riepilogoConfigurazione h1{
	text-transform:uppercase;
	color:#333;
	font-family: 'DINMediumRegular';
	font-size:20px;
	}
tr.headTable{
	border-bottom:2px solid #DDD;
	}
table{width:100%}
.testataRiepilogo{
	background:#EEEEEE;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.27);
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.27);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.27);
	padding:15px;
	position:relative;
	margin-top:15px;
	}
.testataRiepilogo h1{
	text-transform:none;
	font-size:27px;
	line-height:27px;
	}
.testataRiepilogo p{
	margin-top:10px;
	}
.testataRiepilogo img{
	display:block;
	position:absolute;
	right:-80px;
	top:-87px;
}
.sinistraRiepilogo{
	width:660px;
	position:absolute;
	top:155px;
	bottom:0px;
	}
.scrollContainer.riepilogoScroll{
	position:absolute;
	top:0;
	bottom:140px;
	max-height:none;
	left:0;
	right:0;
	}
.destraRiepilogo{
	float:right;
	width:260px;
	margin-top:46px;
	}
.destraRiepilogo p.smallText{
	margin-top:20px;
	}
.riapilogoTable{
	border-collapse:collapse;
	color:#666;
	}
.riapilogoTable tr td{
	padding:4px 10px;
	border-right:1px solid #DDD;
}
.riapilogoTable tr th{
	font-family: 'DINMediumRegular';
	font-size:11px;
	border-right:1px solid #DDD;
	padding:8px;
	text-align:center;
}
.riapilogoTable tr.titoloTable td{
	text-transform:uppercase;
	color:#961713;
	font-family: 'DINMediumRegular';
	font-size:12px;
	}
.riapilogoTable tr th.colA, .riapilogoTable tr td.colA{
	width:55%;
	}
.colC, .colB{
	text-align:center;
	}
.riapilogoTable tr td{
	font-family: 'DINMediumRegular';
	color:#666;
	font-size:11px;
	}
.riapilogoTable tr th.colC, .riapilogoTable tr td.colC{
	border-right:none;
	}
.riapilogoTable tr.Border{
	border-bottom:solid 1px #DDD;
	} 
.riapilogoTable tr.DoubleBorder{
	border-bottom:solid 2px #DDD;
	}
.totaleDiv{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	}
.riapilogoPrezzoTable{
	font-family:'DinBold';
	text-transform:uppercase;
	color:#666;
	font-size:12px;
	}
.riapilogoPrezzoTable .grey{
	background:#EEEEEE;
	}
.riapilogoPrezzoTable .red{
	background:#AB1A17;
	color:#FFF;
	}
.riapilogoPrezzoTable td{
	padding:8px;
	}
.riapilogoPrezzoTable td.colA{
	width:55%;
	border-right:solid 1px #DDD;
	}
.riapilogoPrezzoTable td.colB{
	text-align:center;
	border-right:solid 1px #DDD;
	}
.riapilogoPrezzoTable tr.Border{
	border-bottom:solid 1px #DDD;
	} 
.riapilogoPrezzoTable tr.DoubleBorder{
	border-bottom:solid 2px #DDD;
	}
.totaleDiv p{
	padding:8px 0px 0px 8px;
	color:#666;
	font-size:10px;
	}
.extendedFollowUp{
	margin-top:6px;
	}
.extendedFollowUp li{
	padding:5px 15px;
	background:#EEEEEE;
	border-bottom:solid 1px #DDD;
	position:relative;
	cursor:pointer;
	transition: background 0.2s;
	-webkit-transition: background 0.2s;
	}
.extendedFollowUp li:hover{
	background:#AB1A17;
	}
.extendedFollowUp li a{
	outline:none;
	font-family:'DinBold';
	text-transform:uppercase;
	color:#666;
	font-size:12px;
	line-height:12px;
	display:block;
	padding:6px;
	}
.extendedFollowUp li span{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-20px;
	background-position:center top;
	background-repeat:no-repeat;
	transition: background 0.2s;
	-webkit-transition: background 0.2s;
	}
.extendedFollowUp li:hover span, .extendedFollowUp li.selected span{
	background-position:bottom;
	}
.extendedFollowUp li:hover a, .extendedFollowUp li.selected a{
	color:#FFF;
	}
.extendedFollowUp li.richiediPreventivo span{
	background-image:url(../img/icons/richiedi-preventivo.png);
	}
.extendedFollowUp li.richiediBrochure span{
	background-image:url(../img/icons/richiedi-brochure.png);
	}
.extendedFollowUp li.testDrive span{
	background-image:url(../img/icons/test-drive.png);
	}
.extendedFollowUp li.calcolaFinanziamento span{
	background-image:url(../img/icons/calcola-finanziamento.png);
	}
.extendedFollowUp li.prontaConsegna span{
	background-image:url(../img/icons/pronta-consegna.png);
	}
.extendedFollowUp li.dealerLocator span{
	background-image:url(../img/icons/cerca-concessionario.png);
	}
.extendedFollowUp li.financialCalculator span{
	background-image:url(../img/icons/calcola-finanziamento.png);
}
	
#loader-wrapper{
	width:100%; height:100%;
	position:absolute;
	z-index:100;
	background-image:url(../img/ie8/bg-popin.png);
}
#loader-wrapper .loaderGif{
	display:block;
	position:absolute;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:69px;
	background:url(../img/loader.gif);
	top:50%;
	margin-top:-35px;
	}
p.smallText{
	color: #666666;
    font-size: 10px;
    padding: 8px;
	}
/*iframe{display:none !important}*/
.ootbtwa{ display:none !important;}

.popin-content iframe{ margin-top:40px}


#view-message{
	font-size: 10px;
	font-family: 'DINMediumRegular'; 
}

/*NETMINIG FORM*/
#overlay {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: url(/it/CMSIT/NetMiningForm/bgOverlay.png) repeat;
 display: none;
 z-index: 200;
}
#ucALFA_IFrame {
 position: absolute;
 top: 50%;
 left: 50%;
 width: 620px;
 height: 500px;
 margin-top: -250px;
 margin-left: -310px;
}
#btClose {
 cursor: pointer;
 position: absolute;
 top: 33px;
 z-index: 20;
 right: 20px;
}

/* FORM COMPARE ***********************/

#visualizza-configurazione .config-salvate {
  margin-left: 25px; position: relative;
}
#visualizza-configurazione .config-salvate.selected { border-color:#AB1A17; }

.config-salvate .dato { width: 345px; }
#visualizza-configurazione .popin .scrollContainer { max-height: 270px; }
#visualizza-configurazione .popin.caricaPopin .config-salvate .dato { width: 492px; }

#form-compare div.butt-cont {
	margin-top: 10px;
	width:100%; overflow: hidden;	
}
#form-compare div.butt-cont input {
	float:right; padding: 8px 9px 8px 9px;
	color:#ffffff; font-size: 11px;
	text-transform: uppercase;
	border:none;
	background-color:#AB1A17;
}

.config-salvate-checkbx-wrapper { display:none; }
#form-compare .config-salvate-checkbx-wrapper {
	position:absolute; top:14px; left:-26px; overflow: hidden; display:block;
	width:15px; height: 15px;
	background: url("images/cb_unchecked.gif") no-repeat 0 0 transparent;
	cursor: pointer;
}
#form-compare .config-salvate-checkbx-wrapper.selected { background-image: url("images/cb_checked.gif"); }
#form-compare .config-salvate-checkbx-wrapper input { visibility: hidden; }

.compare-table {
	border-spacing: 6px;
    border-collapse: separate;
}
.compare-table td {
	padding:8px;
	border:1px solid #AB1A17;
}

/* FORM COMPARE END *******************/

/* ONGOING CALCULATOR *******************/
.financialDiv.collapsed .tuaDa{ display:none;}
.financialDiv.collapsed .calcolaFinanziamento{ display:none;}
.financialDiv.expanded .tuaDa{ display:block; }
.financialDiv.expanded .calcolaFinanziamento{ display:block; }
.financialDiv.disabled{ opacity: 0.4; pointer-events: none; z-index: 2;}
.financialDiv #OqIframe{width:100%}

/**************************FINANCIAL**************************/
.financialDiv{ margin-top:-2px; background: white;}
.financialDetails{ display:block; background:#FFFFFF; text-transform:uppercase; font-size:11px; color:#000; padding:10px; line-height:11px;font-family: 'DINMediumRegular';}
.financialDetails span{ display:block; background:url(../img/icons/more.png) right center no-repeat}
.expanded .financialDetails span{ background:url(../img/icons/minus.png) right center no-repeat}
.tuaDa{ background:#FFF; margin-top:1px; color:#000; padding:10px; text-transform:uppercase; position:relative;}
.tuaDa span{ display:block;}
.tuaDa span.tua{font-family: 'DinBold'; font-size:14px;}
.tuaDa span.righerate{font-family: 'DINMediumRegular'; font-size:11px;}
.tuaDa span.righerate br{ display:none}
a.inforata{ display:block; position:absolute; width:27px; height:27px; border:1px solid #AB1A17; color:#AB1A17; font-size:20px; line-height:27px;font-family: 'DINMediumRegular'; right:10px; top:10px; text-align:center}
a.calcola{ display:block; padding:10px; background:#DDDDDD; color:#AB1A17; font-family: 'DinBold'; font-size:14px; text-transform:uppercase; margin-right:-10px; margin-left:-10px; border-top:1px solid #AB1A17; margin-bottom:-10px; margin-top:10px}

.financial-description, .financial-value{font-family: 'DINMediumRegular'; font-size:12px; color:#666666}

.totaleDiv .financialDiv.recap .financialDetails{ background:#EEEEEE; display:inline-block; margin-top:10px;}
.totaleDiv .financialDiv.recap .financialDetails span{ display:block; padding-right:50px;}
.totaleDiv .financialDiv.recap .tuaDa { border:1px solid #EEE; overflow:hidden}
.totaleDiv .financialDiv.recap .tuaDa span{ display:inline-block; margin-top:5px;}
.totaleDiv .financialDiv.recap a.inforata{ display:inline-block; position:inherit}
.totaleDiv .financialDiv.recap a.calcola{ display:block; float:right; border-top:none; margin-left:0; margin-right:0; margin-bottom:0; margin-top:0}
#fc-details-center-wrapper li.last::before{content: "\00a0 ";}

#financial-details-popin li{ overflow: hidden; padding:5px 0;}
#financial-details-popin .sx{ float:left; box-sizing:border-box; width:70%}
#financial-details-popin .dx{ float:left; box-sizing:border-box; width:30%; padding-right:20px; text-align:right; font-family: 'DinBold'; }
#fc-details-center-wrapper li.last .sx{ display:none;}
#fc-details-center-wrapper li.last .dx{ float:none; width:auto; text-align:left}


.accsContainerRow.selected a.flag{background:url(../img/icons/flag-opt.png) center bottom;}
.accsContainerRow.selected p.etichettaOpt, .optContainerRow.selected:hover p.etichettaOpt{color:#AB1917;}
.accsContainerRow.selected p.priceOpt{color:#AB1917; font-family:'DinBold'}
.accsContainerRow .image{float:right;}
.accsContainerRow .leftZone{float:left;}
.accsContainerRow .rightZone{width:470px;}
div#optImage img {width: 100%;}
#acc-image-popin .popin{width:600px}

/***RESIZE TALENTO****/
/**.fullback .start-image, .talento-merci .start-image, .talento-persone .start-image, .talento-trasformazione .start-image,
.talento-crew-cab .start-image, .talento-crew-cab-m1 .start-image, .talento-crew-cab-n1 .start-image, .talento-van .start-image,
.talento-combi .start-image {background-size:100%;}**/

.changeModelPopin {
    max-height: 600px;
}
.changeModelPopin .scrollContainer {
    max-height: 400px;
}