/*
@font-face {
	font-family: 'VWHeadlineOTBook';
	src: url('../fonts/vwheadlineot-book-webfont.eot');
	src: url('../fonts/vwheadlineot-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/vwheadlineot-book-webfont.woff') format('woff'), url('../fonts/vwheadlineot-book-webfont.ttf') format('truetype'), url('../fonts/vwheadlineot-book-webfont.svg#VWHeadlineOTBook') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
	font-family: 'VWHeadlineOTSemibold';
	src: url('../fonts/vwheadlineot-semibold-webfont.eot');
	src: local('☺'), url('../fonts/vwheadlineot-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/vwheadlineot-semibold-webfont.woff') format('woff'), url('../fonts/vwheadlineot-semibold-webfont.ttf') format('truetype'), url('../fonts/vwheadlineot-semibold-webfont.svg#VWHeadlineOTSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'VWHeadlineOTBlack';
	src: url('../fonts/vwheadlineot-black-webfont.eot');
	src: local('☺'), url('../fonts/vwheadlineot-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/vwheadlineot-black-webfont.woff') format('woff'), url('../fonts/vwheadlineot-black-webfont.ttf') format('truetype'), url('../fonts/vwheadlineot-black-webfont.svg#VWHeadlineOTBlack') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
    font-family: 'VWHeadlineOTBlack';
    src: url('../fonts/vwheadlineot-black-webfont.eot');
    src: url('../fonts/vwheadlineot-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vwheadlineot-black-webfont.woff') format('woff'),
         url('../fonts/vwheadlineot-black-webfont.svg#VWHeadlineOTBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VWHeadlineOTBook';
	src: url('../fonts/vwheadlineot-book-webfont.eot');
    src: url('../fonts/vwheadlineot-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vwheadlineot-book-webfont.woff') format('woff'),
         url('../fonts/vwheadlineot-book-webfont.svg#VWHeadlineOTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}




#homepage-popup{
	position: fixed;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	z-index: 100000;
	.curtain{
		background:#000;
		.opacity(50);
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
	}
	.content{
		position: relative;
		width: 100%;
		height: 100%;
		.popupcontent{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 960px;
			height: 485px;
			margin-left:-480px;
			margin-top:-242px;
			background: #fff;
			img{
				display: block;
			}
		}
	}
}


/**/
/*
 Cufon.replace('h1', { fontFamily: 'VWHeadlinebl' });
    Cufon.replace('h2', { fontFamily: 'VWHeadlinebl' });
    Cufon.replace('h3', { fontFamily: 'VWHeadlinebl' });
    Cufon.replace('#MainMenu a', { fontFamily: "VWHeadline", hover: true });
    Cufon.replace('#service-flotte .title', { fontFamily: "VWHeadline", hover: true });*/

*{
	text-rendering: optimizeLegibility;
  	-webkit-font-smoothing: subpixel-antialiased !important;
}
h1,h2,h3{
	font-family: 'VWHeadlineOTBlack';
	font-weight: normal;
}
#service-flotte .title{
	font-family: 'VWHeadlineOTBook';
}

/**/
#service-flotte{
	overflow: hidden;
	.title{
		a{
			color:#0a62bb;

		}
		color:#0a62bb;
		font-weight: bold;
		font-size:12px;
		/*font-family: 'VWHeadlineOTBook';*/
	}
	.even{
		width: 49%;
		margin-right: 1%;
		float:left;
	}
	.odd{
		width: 49%;
		margin-left: 1%;
		float:left;
	}
	padding-bottom:30px;
}

#top-search{
	top:15px;
	right: 20px;
	position: absolute;
	input{
		max-width: 126px;
	}
}
#fb-like-area{
	top:15px;
	right: 200px;
	position: absolute;
}


#dealer-logo{
	top:5px;
	right: 340px;
	position: absolute;
	max-height: 60px;
	overflow: hidden;
}


img{
	border:none;
}
body{
	margin:				0 auto;
	padding:			0px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#333333;
}


h1{
	height:				20px;
	margin:				0px;
	padding:			0px;
	padding-top:		3px;
	padding-left:		20px;
	padding-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-left:		0px;
	color:				#111111;
	font-size:			14px;
	//font-weight:		bold;
	float:				left;
}


h2{
	width:				450px;
	margin:				0px;
	padding:			0px;
	padding-top:		0px;
	padding-left:		0px;
	padding-right:		0px;
	margin-top:			0px;
	margin-bottom:		16px;
	color:				#111111;
	font-size:			24px;
	//font-weight:		bold;
}


h3{
	width:				450px;
	margin:				0px;
	padding:			0px;
	padding-top:		0px;
	padding-left:		0px;
	padding-right:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	color:				#111111;
	font-size:			24px;
	//font-weight:		bold;
}


#MainPage{
	width:				962px;
	margin:				0 auto;
	padding:			0px;
}


#MainHeader{
	width:				962px;
	height:				111px;
	position:        relative;
}


#logo{
	padding-left:		10px;
	padding-top:		23px;
	padding-right:		2px;
	padding-bottom:		26px;
	float:				left;
}


#topmenu{
	width:				auto;
	height:				22px;
	padding-left:		10px;
	padding-top:		0px;
	padding-right:		0px;
	margin-top:			70px;
	margin-bottom:		19px;
	margin-right: 1px;
	float:				right;
}


#topmenu a.toolbar-item {
    display: block;
    width: 				123px;
    height: 			22px;
    background-image: 	url('../images/toolbar-sprite.png');
    background-repeat:  no-repeat;
    margin: 			0px;
	margin-left:		10px;
	float:				right;
}
#btn-tagliando{
	background-position:0 0;
}
#btn-contatti{
	background-position:-123px 0;
}
#btn-newsletter{
	background-position:-246px 0;
}
#btn-test-drive{
	background-position:-492px 0;

}
#btn-car-configurator{
	background-position:-369px 0;
}
#btn-tagliando:hover{
	background-position:0 -22px;
}
#btn-contatti:hover{
	background-position:-123px -22px;
}
#btn-newsletter:hover{
	background-position:-246px -22px;
}
#btn-test-drive:hover{
	background-position:-492px -22px;

}
#btn-car-configurator:hover{
	background-position:-369px -22px;
}

a#facebook{
    display: block;
    width: 				29px;
    height: 			22px;
    margin: 			0px;
    background-image: 	url(../img/it.m501_sprite.png);
    background-position: 0 -222px;
	margin-left:		10px;
	float:				right;

}
a#twitter{
    display: block;
    width: 				26px;
    height: 			22px;
    margin: 			0px;
    background-image: 	url(../img/it.m501_sprite.png);
    background-position: 0 -296px;
	float:				right;

}
a#youtube{
    display: block;
    width: 				23px;
    height: 			22px;
    margin: 			0px;
    background-image: 	url(../img/it.m501_sprite.png);
    background-position: 0 -402px;
	float:				right;

}
a#google_plus{
    display: block;
    width: 				27px;
    height: 			22px;
    margin: 			0px;
    background-image: 	url(../img/it.m501_sprite.png);
    background-position: -28px -402px;
	float:				right;

}
a#pinterest{
    display: block;
    width: 				27px;
    height: 			22px;
    margin: 			0px;
    background-image: 	url(../img/it.m501_sprite.png);
    background-position: -59px -402px;
	float:				right;

}
a#instagram{
    display: block;
    width:              27px;
    height:             22px;
    margin:             0px;
    background-image:   url(../img/it.m501_sprite.png);
    background-position: -59px -370px;
    float:              right;
}
a#linkedin{
    display: block;
    width:              27px;
    height:             22px;
    margin:             0px;
    background-image:   url(../img/it.m501_sprite.png);
    background-position: -28px -370px;
    float:              right;

}

#topmenu a#btn1:hover {
    background-image: 	url(../images/btn_car_configurator_in.jpg);
}


#topmenu a#btn2 {
    display: block;
    width: 				123px;
    height: 			22px;
    background-image: 	url(../images/btn_test_drive.jpg);
    margin: 			0px;
	margin-left:		10px;
	float:				right;
}


#topmenu a#btn2:hover {
    background-image: 	url(../images/btn_test_drive_in.jpg);
}


#topmenu a#btn3 {
    display: block;
    width: 				123px;
    height: 			22px;
    background-image: 	url(../images/btn_vw_club.jpg);
    margin: 			0px;
	margin-left:		10px;
	float:				right;
}


#topmenu a#btn3:hover {
    background-image: 	url(../images/btn_vw_club_in.jpg);
}


#topmenu a .alt { display: none; }


#MainContainer{
	border-top:			3px solid #cfd7d9;
	border-bottom:		1px solid #cfd7d9;
	border-left:		1px solid #cfd7d9;
	border-right:		1px solid #cfd7d9;
	padding:			0px;
	background-color:	#fff;
}





/* --- inizio MENU LATERALE ------------------------------------*/

ul.sidemenu {
	padding:			0;
	margin: 			0;
	list-style: 		none;
	font-size: 			11px;
	width: 				215px;
}

ul.sidemenu li.first {
	border-bottom: 		1px solid #cfd7d9;
/*	height:				20px;*/
	padding-top:		0px;
	padding-bottom:		10px;
}


ul.sidemenu li.middle {
	border-bottom: 		1px solid #cfd7d9;
/*	height:				10px;*/
	padding-top:		10px;
	padding-bottom:		10px;
}


ul.sidemenu li.last {
	border-bottom: 		0px solid #cfd7d9;
	height:				10px;
	padding-top:		10px;
	padding-bottom:		10px;
}


ul.sidemenu li a {
	text-decoration: 	none;
	display: 			block;
	width: 				205px;
	color: 				#33434c;
	padding: 			0px;
}


ul.sidemenu li a:hover {
	color: 				#2274ac;
}


ul.sidemenu li a.selected, ul.sidemenu li.selected a {
	background-image:	url(../images/blu_arrow.gif);
	background-repeat:	no-repeat;
	color: 				#2274ac;
	padding-left:		10px;
}


#spni{
	ul.sidemenu{
		width: auto;
		padding:0 20px;
		line-height:25px;
		li{
			display:inline;
			border:none;
			a{
				display:inline-block;
				padding-right:15px;
				width: auto;

			}
			&.selected, a.selected{
					background:#fff;
					padding-left:0;
			}
			&.last, &.first{
				padding:0;
				border:none;
			}
		}
	}

}

ul.submenu{
	display: none;

}
.selected{
	ul.submenu{
		display:            block;
		padding:			0;
		padding-left:       10px;
		margin: 			0;
		list-style: 		none;
		font-size: 			11px;
	}
}
ul.submenu li{
	line-height: 18px;
}
.selected  ul.submenu li a{
	background-image: none;
	padding-left:0;
	color: 				#33434c;
}

ul.submenu li.active a{

	color: 				#2274ac;
}
/* --- fine MENU LATERALE ------------------------------------*/


#MainSubHeader{

	background-color: #999;
	
	> img{
	    display: block;
	}
}


#ColumnContent{
	padding:			20px;
	padding-bottom:		0px;
	margin:				0px;
	overflow:hidden;
}


.title{
	width:				195px;
	font-weight:		bold;
	font-size:			11px;
	color:				#000;
	padding-top:		8px;
	padding-bottom:		6px;
}


.row_link{
	padding:			0px;
	margin:				0px;
	margin-bottom:		5px;
}


.row_link a{
	font-size:			11px;
	color:				#2274AC;
	text-decoration:	none;
	padding-left:		8px;
	background-image:	url(../images/red_arrow.gif);
	background-repeat:	no-repeat;
}


.row_link a:hover {
	font-size:			11px;
	color:				#2274AC;
	text-decoration:	underline;
	background-image:	url(../images/blu_arrow.gif);
	background-repeat:	no-repeat;
}


.column_t1{
	width:				215px;
	padding:			0px;
	float:				left;
	margin-right:		20px;
	min-height: 		200px;
	.title{
		width: auto;
	}
}
.column_t1_last{
	margin-right: 0;
}


.column_t1 img{
	margin:				0px;
	margin-top:			0px;
	margin-bottom:		0px;
}


.box_column_t1{
	width:				215px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		10px;
}


.column_t2{
	width:				215px;
	padding:			0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-top:			0px;
}


.column_t2 img{
	padding:			0px;
	margin:				0px;
	margin-top:			0px;
	margin-bottom:		0px;
}


.box_column_t2{
	width:				195px;
	padding:			0px;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	background-image:	url(../images/bg_column_t2.jpg);
}


.column_t2_close{
	width:				215px;
	height:				14px;
	padding:			0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		20px;
	background-image:	url(../images/bg_column_t2_close.jpg);
	clear:				both;
}


.column_t3{
	width:				685px;
	padding:			0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-top:			0px;
}


.column_t3 img{
	margin:				0px;
	margin-top:			0px;
	margin-bottom:		0px;
}


.box_column_t3{
	width:				685px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-top:			20px;
}


.box_column_t3 span.width-fixed {
	width:				685px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-bottom:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
}


.box_column_t3 span.img_side_title{
	width:				450px;
/*	height:				10px;*/
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	font-weight:		bold;
	vertical-align:		top;
	color:				#111111;
}


.box_column_t3 span.img_side_text{
	width:				450px;
	padding-top:		10px;
	padding-bottom:		0px;
	padding-left:		0px;
	padding-right:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
}


.box_column_t3 a{
	color:				#2274AC;
	text-decoration:	none;
}


.box_column_t3 a:hover{
	color:				#2274AC;
	text-decoration:	underline;
}


.box_column_t3 span.img_side{
	width:				215px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	float:				left;
	margin-right:		20px;
	margin-left:		0px;
}


.box_column_t3 span.img_side_link{
	width:				450px;
	padding:			0px;
	padding-top:		10px;
	margin:				0px;
	margin-bottom:		0px;
}


.box_column_t3 span.img_side_link a{
	width:				430px;
	color:				#2274AC;
	text-decoration:	none;
	padding-left:		8px;
	padding-bottom:		6px;
	background-image:	url(../images/red_arrow.gif);
	background-repeat:	no-repeat;
	float:				left;
}


.box_column_t3 span.img_side_link a:hover {
	color:				#2274AC;
	text-decoration:	underline;
	background-image:	url(../images/blu_arrow.gif);
	background-repeat:	no-repeat;
}


.box2_column_t3{
	width:				450px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-top:			20px;
}

.box2_column_t0{
	width:				685px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-top:			20px;
}


.box3_column_t3{
	width:				215px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		20px;
	margin-top:			20px;
}


.column_t4{
	width:				470px;
	padding:			0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-top:			0px;
}


.column_t4 img{
	margin:				0px;
	margin-top:			0px;
	margin-bottom:		10px;
}


.box_column_t4{
	width:				450px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	float:				left;
	margin-right:		0px;
	margin-left:		0px;
	margin-bottom:		10px;
}


.box_column_t4{
	.img_side_info, span.block, .img_side_text, .img_side_title{
		width:				450px;
		padding:			0px;
		padding-left:		0px;
		padding-right:		0px;
		padding-bottom:		20px;
		float:				left;
		margin-right:		0px;
		margin-left:		0px;
	}
	 span.img_side_title{
		width:				200px;
	/*	height:				10px;*/
		padding:			0px;
		padding-left:		0px;
		padding-right:		0px;
		//float:				left;
		margin-right:		0px;
		margin-left:		0px;
		font-weight:		bold;
		vertical-align:		top;
		color:				#111111;
	}
}
.box_column_t4, .box_column_t3{
	.team-img{
		float:left;
		padding-right: 20px;
	}
	.team-data{
		padding-top: 10px;
	}
	.team-title{
		font-weight: bold;
		color:#111;
	}
	.team-text{
		padding-top: 10px;
	}
}
.box_column_t4 {
	.team-data{
		width: 700px;

	}
}
.box_column_t4 span.img_side_subtitle{
	width:				450px;
/*	height:				10px;*/
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	padding-bottom:		10px;
	//float:				left;
	margin-right:		0px;
	margin-left:		0px;
	font-weight:		bold;
	vertical-align:		top;
	color:				#111111;
	font-weight:		bold;
}


.box_column_t4 span.img_side_text{
	width:				215px;
	padding-top:		10px;
	padding-bottom:		0px;
	padding-left:		0px;
	padding-right:		0px;
	//float:				left;
	margin-right:		0px;
	margin-left:		0px;
}


.box_column_t4 span.img_side_info{
	width:				215px;
	padding-top:		0px;
	padding-bottom:		10px;
	padding-left:		0px;
	padding-right:		0px;
	//float:				left;
	margin-right:		0px;
	margin-left:		0px;
	color:				#333333;
}



.box_column_t4 span.img_side{
	width:				215px;
	padding:			0px;
	padding-left:		0px;
	padding-right:		0px;
	float:				left;
	margin-right:		20px;
	margin-left:		0px;
}


.box_column_t4 span.img_side_link{
	width:				200px;
	padding:			0px;
	padding-top:		0;
	margin:				0px;
	margin-bottom:		0px;
}

.box_column_t4 span.srv_side_title{
	width:				200px;
}


.box_column_t4 span.srv_side_subtitle{
	width:				450px;
}


.box_column_t4 span.srv_side_text{
	width:				215px;
}


.box_column_t4 span.srv_side_info{
	width:				315px;
}
.box_column_t4 span.srv_side{
	width: 				115px;
}


.box_column_t4 span.srv_side_link{
	width:				200px;
}

.box_column_t4 a{
	/*color:				#2274AC;
	text-decoration:	none;*/
}


.box_column_t4 a:hover{
	color:				#2274AC;
	text-decoration:	underline;
}

.box_column_t4 span.img_side_link a{
	width:				200px;
	color:				#2274AC;
	text-decoration:	none;
	padding-left:		8px;
	padding-bottom:		6px;
	background-image:	url(../images/red_arrow.gif);
	background-repeat:	no-repeat;
	float:				left;
}


.box_column_t4 span.img_side_link a:hover {
	color:				#2274AC;
	text-decoration:	underline;
	background-image:	url(../images/blu_arrow.gif);
	background-repeat:	no-repeat;
}


.column_t3 a.back_link, .column_t4 a.back_link{
	width:				440px;
	color:				#2274AC;
	text-decoration:	none;
	margin:				0px;
	margin-top:			6px;
	margin-bottom:		10px;
	padding-left:		10px;
	padding-bottom:		6px;
	background-image:	url(../images/back_red_arrow.gif);
	background-repeat:	no-repeat;
	border-bottom:		1px solid #cfd7d9;
	float:				left;
}
.column_t3 a.back_link{
	width:				674px;
}

.column_t3 a.back_link:hover, .column_t4 a.back_link:hover {
	color:				#2274AC;
	text-decoration:	underline;
	background-image:	url(../images/back_blu_arrow.gif);
	background-repeat:	no-repeat;
}


.line_1{
	height:				1px;
	width:				920px;
	padding:			0px;
	margin-left:		20px;
	margin-right:		20px;
	border-top:			1px solid #cfd7d9;
}


#Footer{
	padding-top:		15px;
	padding-bottom:		88px;

}


span#note {
	width:				450px;
	font-size:			10px;
	color:				#8994A0;
	float:				left;
}


span#info {
	width:				510px;
	float:				left;
	font-size:			10px;
	color:				#8994A0;
	text-align:			right;
}


span#info a {
	padding-left:		10px;
	padding-right:		10px;
	color:				#8994A0;
	text-decoration:	none;
}


span#info a:hover{
	text-decoration:	underline;
	color:				#2274AC;
}


span#info a.last {
	padding-left:		10px;
	padding-right:		0px;
	color:				#8994A0;
	text-decoration:	none;
}


span#info a.last:hover{
	text-decoration:	underline;
	color:				#2274AC;
}


div.clear {
	 &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}


.colum_01_form {
	width:200px;float:left
}


.colum_02_form {
	width:300px;float:left
}


.colum_03_form {
	width:50px;float:left
}


textarea, label, input, option, select, textarea, button, option, dd, dt, checkbox {
	//font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}


#boxprivacy dd, #boxprivacy dt {
	width: 220px;
	float: left;
	padding: 3px;
}


span.error {
    color: #c33;
    padding-left: 3px;
}
/*!
 * Bootstrap v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

// CSS Reset
//@import "bs/reset.less";

// Core variables and mixins
@import "bs/variables.less"; // Modify this for custom colors, font-sizes, etc

@sansFontFamily:        Arial, sans-serif;

@baseFontSize:          11px;
@baseLineHeight:        18px;

@import "bs/mixins.less";
@import "bs/scaffolding.less";
@import "bs/grid.less";
@import "bs/layouts.less";
@import "bs/code.less";
@import "bs/tables.less";
@import "bs/sprites.less";
@import "bs/dropdowns.less";
@import "bs/wells.less";
@import "bs/component-animations.less";
@import "bs/close.less";
@import "bs/buttons.less";
@import "bs/button-groups.less";
@import "bs/alerts.less";
@import "bs/navs.less";
@import "bs/navbar.less";
@import "bs/breadcrumbs.less";
@import "bs/pagination.less";
@import "bs/pager.less";
@import "bs/modals.less";
@import "bs/tooltip.less";
@import "bs/popovers.less";
@import "bs/thumbnails.less";
@import "bs/labels-badges.less";
@import "bs/progress-bars.less";
@import "bs/accordion.less";
@import "bs/carousel.less";
@import "bs/hero-unit.less";
@import "bs/utilities.less"; // Has to be last to override when necessary

.carousel-control{
    background-color:#000;
    border:none !important;
    border-radius:3px  !important;
    width: 40px !important;
    height: 40px !important;
    top: 50%;
    margin-top: -20px;
}

#myCarousel{
	a{
		text-decoration: none;
	}
	.left{
        background-image: url('data:image/svg+xml;utf8,<svg id="238b6a3b-7b97-42c4-afa7-8c5ad91d0232" data-name="left-white-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><title>Artboard 1</title><polygon points="9.29 17.71 0.59 9 9.29 0.29 10.71 1.71 3.41 9 10.71 16.29 9.29 17.71" style="fill:%23fff"/></svg>');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 12px 18px;
        &:hover{ opacity: 1; }
	}
	.right{
        background-image: url('data:image/svg+xml;utf8,<svg id="0ffd0a83-90e9-4db8-82a9-7fa898177434" data-name="right-white-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><title>Artboard 1</title><polygon points="2.71 17.71 1.29 16.29 8.59 9 1.29 1.71 2.71 0.29 11.41 9 2.71 17.71" style="fill:%23fff"/></svg>');
		background-repeat: no-repeat;
		background-position: center center;
        background-size: 12px 18px;
        &:hover{ opacity: 1; }
	}
}

.inactive{
	.carousel-control{
		display: none;
	}
}


#myCarouselWrapper{

		min-height: 283px;
		//overflow: hidden;
		padding-bottom: 18px;
}

#MainSubHeader #myCarousel{
	min-height: 0;
	padding-bottom: 0;
}

#btn-addthis{
	top: 15px;
	right: 310px;
	position: absolute;

	width: 19px;
	height: 21px;
	background: url('../images/share.png') no-repeat;
	//background-position: 0 -19px;
	display: block;
	.at16nc{
		background: none !important;
	}
}
#btn-addthis:hover{
	background-position: 0 -19px;
}
#myCarouselWrapper-Small{
	min-height: 213px;
	padding-bottom: 18px;
	//overflow: hidden;
}

#myCarouselThumbs{
	.thumbnail{
		float: left;
		border:1px solid #d5d6d8;
		margin-right: 15px;
		margin-bottom:15px;
		height: 60px;
		overflow: hidden;
	}
}
.btn{
	text-decoration: none !important;
}

body{
	line-height: normal;
}

.promo{
	padding-bottom:25px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:25px;
}

.carousel-control{
	color:#fff !important;
}
// Horizontal rules
hr {
  margin: @baseLineHeight 0;
  border: 0;
  border-top: 1px solid @hrBorder;
  border-bottom: 1px solid @white;
}

.headline, .headline-list{
	font-family:VWHeadlineOTBlack;
	text-align:center;
	color:#3779a3;
	line-height:100%;
	width: 273px;
	height: 111px;
	margin: 0 auto;
	font-size:14px;
	background: url('../img/promozione-dettaglio.png') no-repeat center center;
	.row1{
		font-size:16px;
		line-height:20px;
		padding:2px 0;
		padding-top:20px;
		display: block;
	}
	.row2{
		font-size:20px;
		line-height:24px;
		padding:2px 0;
		display: block;
	}
	.row3{
		font-size:12px;
		line-height:16px;
		padding:2px 0;
		display: block;
	}
}
.headline.arancione{
	background-image: url('../img/promozione-dettaglio-arancione.png');
	color:#fff;
}
.headline.blu{
	background-image: url('../img/promozione-dettaglio-blu.png');
	color:#fff;
}

a.view-promo, a.view-usato{
	display: block;
	width: 148px;
	height: 26px;
	margin: 0 auto;
	background: url('../img/scopri-la-promozione.png') no-repeat center center;
}
a.view-promo{
	span{
		display: none;
	}
}
a.view-usato{
	width: 85px;
	background-image: url('../img/dettagli-usato.png');
}
a.btn-mail, a.btn-comment, a.btn-print, a.btn-subscribe{
	display: block;
	float:left;
	width: 135px;
	height: 56px;
	margin-right:5px;
	text-indent:-1000px;
	background: url('../img/richiedi-informazioni.png') no-repeat center center;
	span{
		opacity: 0;
		filter: alpha(opacity=0);
	}
}
a.btn-comment{
	background-image: url('../img/dillo-a-un-amico.png');
}
a.btn-print{
	background-image: url('../img/stampa.png');
}

a.btn-subscribe{
	background-image: url('../img/vuoipartecipare.png');
}

.headline-list{
	width: 223px;
	background: url('../img/promozione-lista.png') no-repeat center center;
}

.headline-list.arancione{
	background-image: url('../img/promozione-lista-arancione.png');
	color:#fff;
}
.headline-list.blu{
	background-image: url('../img/promozione-lista-blu.png');
	color:#fff;
}
.modal-backdrop{

	background-color: #666;
}

label label.error{
	display: block;
	font-weight: bold;
}


.banner-wrapper{
	width:214px;
	height:102px;
	overflow:hidden;
	background:#f0f0f0;
	position:relative;
	.subtitle{
		position: absolute;
		height: 18px;
		line-height:18px;
		bottom:-18px;
		background:rgba(255,255,255,0.8);
		left:0;
		width: 100%;
		span{
			padding: 0 5px;
		}
	}
}

.banner-wrapper:hover{
	.subtitle{
		bottom:0;
	}
}
@formwidth:100%;

.btn-usato{
	width: 196px;
	height: 36px;
	margin-left:-4px;
	display: block;
	background:url(../images/button-usato.png) no-repeat;
	text-decoration: none;
	border:none;
}
.error{
	color:#f00;
}
.btn{
	font-family: VWHeadlineOTBlack;
}
#request {
	width: @formwidth;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 auto;
}
#title {
	width: 240px;
	height: 29px;
	margin-top:10px;
	background: #fff url(../form/images/restaAggiornato.jpg) no-repeat right top;
	//font-family: 'VWHeadlineOTSemibold';
	//font-size:24px;
	h1{
		display:none;
	}
}
#thanks, #thanksNL, #thanksTD {
	width: @formwidth;
	height: 25px;
	margin-top: 15px;
}
#thanks {
	background: #fff url(../form/images/thanks.jpg) no-repeat left top;
}
#thanksNL {
	background: #fff url(../form/images/thanksNL.jpg) no-repeat left top;
}
#thanksTD {
	background: #fff url(../form/images/thanksTD.jpg) no-repeat left top;
}
#request > p {
	margin: 20px 0;
}
.privacy {
	//width: @formwidth;
	background: #fff url(../form/images/genericPrivacyBg.png) repeat right top;
	margin: 20px 0 10px;
}
#dataTop, #dataBottom, #privacyTop, #privacyBottom {
	width: @formwidth;
	height: 10px;
}
#dataTop {
	background: #fff url(../form/images/genericFormTop.png) no-repeat right top;
}
#dataBottom {
	background: #fff url(../form/images/genericFormBottom.png) no-repeat right top;
}
#privacyTop {
	background: #fff url(../form/images/genericPrivacyTop.png) no-repeat right top;
}
#privacyBottom {
	margin-top:40px;
	background: #fff url(../form/images/genericPrivacyBottom.png) no-repeat right top;
}

.newsletter-form #privacyBottom{
	margin-top: 120px;
}

#dataHeader, #privacyHeader {
	width: @formwidth;
	height: 35px;
}
#dataHeader {
	background: #d3dadc;
	margin-bottom: 1px;
}
#privacyHeader {
	//background: #fff url(../form/images/genericPrivacyBg.png) repeat-y right top;
	border-bottom: 1px solid #bbb;
}
#dataHeader > p, #privacyHeader > p {
	font-weight: 700;
	float: left;
	padding: 5px 0 0 30px;
}
#consent {
	float: right;
	padding: 5px 30px 0 0;
}
#consent > p {
	cursor: pointer;
}
#consentContent {
	width:595px;
	margin:0 15px;
   	font-size:10px;
	padding:1em 3em;
	background:#e8e8e8;
	text-align:justify;
	position: absolute;
	z-index: 100;
}
#dataContent, #privacyContent {
	padding: 10px 30px;
}
#dataContent {
	background: #d3dadc;
}
#privacyContent {
	//background: #fff url(../form/images/genericPrivacyBg.jpg) repeat right top;
}
#privacyContent > p {
	margin: 15px 0 20px;
}
#contact-form,#compriamo-usato-form{
	width: @formwidth;
	margin: 0 auto;
	margin-bottom:20px;
	.data,  .privacy{
        margin-bottom:15px;
        font-size:12px;
    }
     .input {
        overflow: auto;
        clear: both;
        width: 100%;
        margin: 0 10px 12px 0;
    }
     .radio {
        clear: right;
        width: 60%;
    }
    label, 
    input[type=text] , 
    input[type=email] , 
    select, 
    fieldset, 
    legend, 
    span {
        display: block;
        float: left;
        margin: 0 15px 0 0;
    }
     fieldset {
        border: none;
    }
    #gender, label, legend {
        width: 120px;
        margin-top: 4px;
    }
    .text input[type=text], .text input[type=email] {
        width: 261px;
        height: 20px;
        padding: 0 5px;
    }
    .select select {
        width: 275px;
    }
    .radio label {
        width: 99px;
    }
    .radio fieldset label {
        width: 94px;
    }
    .radio input {
        width: 15px;
        height: 20px;
        margin-left: 1px;
    }
    .checkbox input {
        margin-top: 1px;
    }
    .checkbox label {
        width: 400px;
        margin-top: 0;
    }
    .short .text, form .short .select {
        float: left;
        width: 48%;
    }
    .short .text {
        clear: left;
    }
    .short .select {
        clear: right;
    }
    input.short {
        width: 80px;
    }
    select.short {
        width: 115px;
    }
}
#submit {
	float: left;
	width: 200px;
	height: 40px;
}
#asterisk {
	margin: 0 0 20px;
}
#noDataEntered, #errorData {
	float: left;
	margin: 12px 0 0 30px;
}
.help {
	width: 16px;
	height: 16px;
	background: url(../form/images/help.png) no-repeat right top;
}
.missing {
	color: red;
}
form .select select.missingBackground, form .text input.missingBackground {
	color: #fff;
	background-color: #a40000;
}
#captcha {
	clear: both;
	width: 275px;
	border: 1px solid #afafaf;
	margin: 0 135px 5px;
}
#captchaReload {
	float: right;
	text-decoration: none;
	color: #000;
	margin: 4px 184px 0 0;
}
#captchaReload > img {
	border: none;
	margin: 0 4px 0 0;
}

/* TDE */
#tde {
	margin: 0 auto;
	width: @formwidth;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
#tde > p {
	margin: 20px 0;
}
/* Title */
#tde #title {
	width: @formwidth;
	height: 31px;
	margin-top: 10px;
	background: #fff url(../form/images/frontend/genericTitleTD.jpg) no-repeat right top;
}
/* Thanks */
#tde #thanks, #tde #thanksNL, #tde #thanksTD {
	width: @formwidth;
	height: 25px;
	margin-top: 15px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left top;
}
#tde #thanks {
	background: url(../form/images/frontend/thanks.jpg);
}
#tde #thanksNL {
	background: url(../form/images/frontend/thanksNL.jpg);
}
#tde #thanksTD {
	background: url(../form/images/frontend/thanksTD.jpg);
}
/* Data and Privacy */
#tde .privacy {
	width: @formwidth;
	margin: 20px 0 10px 0;
	background: #fff url(../form/images/frontend/genericPrivacyBg.jpg) repeat-y right top;
}
#tde #dataTop, #tde #dataBottom, #tde #privacyTop, #tde #privacyBottom {
	width: @formwidth;
	height: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right top;
}
#tde #dataTop {
	background: url(../form/images/frontend/genericFormTop.jpg);
}
#tde #dataBottom {
	background: url(../form/images/frontend/genericFormBottom.jpg);
}
#tde #privacyTop {
	background: url(../form/images/frontend/genericPrivacyTop.jpg);
}
#tde #privacyBottom {
	background: url(../form/images/frontend/genericPrivacyBottom.jpg);
}
#tde #dataHeader, #tde #privacyHeader {
	width: @formwidth;
	height: 35px;
}
#tde #dataHeader {
	background: #d3dadc;
	margin-bottom: 1px;
}
#tde #privacyHeader {
	background: #fff url(../form/images/frontend/genericPrivacyBg.jpg) repeat-y right top;
	border-bottom: 1px solid #bbb;
}
#tde #dataHeader > p, #tde #privacyHeader > p {
	padding: 5px 0 0 30px;
	font-weight: bold;
	float: left;
}
#tde #consent {
	padding: 5px 30px 0 0;
	float: right;
}
#tde #consent > p {
	cursor: pointer;
}
#tde #consentContent {
	padding: 10px 30px;
	background: #d3dadc;
	font-size: 10px;
	text-align: justify;
}
#tde #dataContent, #tde #privacyContent {
	padding: 10px 30px;
}
#tde #dataContent {
	background: #d3dadc;
}
#tde #privacyContent {
	background: #fff url(../form/images/frontend/genericPrivacyBg.jpg) repeat-y right top;
}
#tde #privacyContent > p {
	margin: 15px 0 20px 0;
}
/* Link */
#tde li {
	margin-bottom: 10px;
	padding-left: 20px;
	list-style: none;
	background: url(../form/images/frontend/arrow.png) no-repeat 0 -16px;
}
#tde li:hover {
	background: url(../form/images/frontend/arrow.png) no-repeat 0 0;
}
#tde a {
	color: #2274AC;
	text-decoration: none;
}
#tde a:hover {
	text-decoration: underline;
}
/* Form Fields */
#tde form .input {
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0 10px 12px 0;
}
#tde form .radio {
	clear: right;
	width: 60%;
}
#tde form label, #tde form input, #tde form select, #tde form fieldset, #tde form legend, #tde form span {
	display: block;
	float: left;
	margin: 0 15px 0 0;
}
#tde form fieldset {
	border: none;
}
#tde #gender, #tde form label, #tde form legend {
	width: 120px;
	margin-top: 4px;
}
#tde form .text input {
	width: 261px;
	height: 20px;
	padding: 0 5px;
}
#tde form .select select {
	width: 275px;
}
#tde form .radio label {
	width: 99px;
}
#tde form .radio fieldset label {
	width: 94px;
}
#tde form .radio input {
	width: 15px;
	height: 20px;
	margin-left: 1px;
}
#tde form .checkbox input {
	margin-top: 1px;
}
#tde form .checkbox label {
	width: 400px;
	margin-top: 0;
}
/* Short */
#tde form .short .text, #tde form .short .select {
	float: left;
	width: 48%;
}
#tde form .short .text {
	clear: left;
}
#tde form .short .select {
	clear: right;
}
#tde form input.short {
	width: 80px;
}
#tde form select.short {
	width: 115px;
}
/* Dynamic */
#tde #submit {
	float: left;
	width: 200px;
	height: 40px;
}
#tde #asterisk {
	margin: 0 0 20px 0;
}
#tde #noDataEntered, #tde #errorData {
	margin: 12px 0 0 30px;
	float: left;
}
/* Errors */
#tde .help {
	width: 16px;
	height: 16px;
	background: url('../form/images/frontend/help.png') no-repeat right top;
}
#tde .missing {
	color: #f00;
}
#tde form .select select.missingBackground, #tde form .text input.missingBackground {
	color: #fff;
	background-color: #a40000;
}
/* Captcha */
#tde #captcha {
	clear: both;
	width: 275px;
	border: 1px solid #afafaf;
	margin: 0 135px 5px 135px;
}
#tde #captchaReload {
	float: right;
	margin: 4px 184px 0 0;
	text-decoration: none;
	color: #000;
}
#tde #captchaReload > img {
	margin: 0 4px 0 0;
	border: none;
}
.orari{
	padding-top:10px;
}
.orari h4{
	font-size:14px;
}

.promo-box-content{
	margin-top:20px;
	margin-bottom:10px;
	padding:15px;
}
.promo-box-link{
	padding-bottom:20px;
	text-align: right;
}


#used-cars-query{
	padding:18px 40px;
	background:#f1f1f1;
	.control-group{
		position: relative;
		.control-label{
			display: inline-block;
			font-weight: bold;
			width:100px;
		}
		.optionals-list{
			padding:4px;
			border:1px solid #ddd;
			border-top:none;
			width:222px;
			position:absolute;
			left:103px;
			top:18px;
			display:none;
			z-index:1000;
			background:#fff;
			.row-fluid{
				min-height: 0;
				.span6{
					min-height: 0;
				}
			}
		}
		.optional-label{
			border:1px solid #ddd;
			padding:0 4px;
			display: inline-block;
			line-height: 16px;
			position: relative;
			padding-right: 24px;
			background:#fff;
			.text{
				white-space:nowrap;
				text-overflow:ellipsis;
				width:140px;
				overflow:hidden;
				display: inline-block;
			}
			button{
				position:absolute;
				right: 0;
				top:0;
				display: inline-block;
				margin: 0;
				padding: 0;
				border: none;
				background: #fff;
				border-left: 1px solid #ddd;
				display: inline-block;
				width:20px;
				height: 16px;
				/*

				border-right: 1px solid #ddd;*/
			}
		}
	}
}

.used-cars-page{
    #myCarouselThumbs{
        .thumbnail{
            float: left;
            border:1px solid #d5d6d8;
            margin-right: 15px;
            margin-bottom:15px;
            max-width: 80px;
            max-height: 60px;
            overflow: hidden;
            img{
                max-width: 100%;
                height: auto !important;
                display: block;
            }
        }
    }
}
.my-icon{
	background: url(../images/btn_download_grigio.png);
	margin-right:10px;
	width: 36px;
	height: 30px;
	float:left;
	display: block;
}
.file-preview-link{
	margin:20px 0;
	display:block;
}
a:hover{
	text-decoration: none;
}
a:hover .my-icon{
	background: url(../images/btn_download_arancione.png);
}

h4.video-title{
	font-family: "VWHeadlineOTBlack", sans-serif;
	font-weight: normal;
	font-size:14px;
	margin:12px 0;
	padding: 0;
}

p.video-intro{
	margin: 0;
	padding: 0;
}
.video-preview{
	margin-bottom: 15px;
}


.video-page-intro{
	padding-bottom:35px;
}


h3.article-title{
	font-size:16px;
	font-weight:bold;
	width:100%;
	padding-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
}

.article-wrapper{
	padding:5px 0;
	margin-top:5px;
}

.usato{
	h4.optionals{
		color:#2779ab;
	}
	.properties{
		p{
			margin: 0;
			padding: 0;
			padding-bottom:4px;
		}
	}
	.control-group{
		padding-top:8px;
		.control-label{
			font-weight: bold;
			padding-bottom: 3px;
		}
	}
}
.box_column_t3 a.btn-vw{
	color:#fff !important;
	
}
.btn-vw{
	font-family: "VWHeadlineOTBook", sans-serif;
	color:#fff;
	width:200px;
	padding-left:23px;
	font-size:13px;
	overflow:hidden;
	text-decoration: none;
	line-height:36px;
	display: block;
	margin-bottom: 18px;
	margin-top:10px;
	text-transform:uppercase;
	background:#2274af url('../images/right-arrow-white.png') no-repeat 190px center ;
	.center{
		display: block;
		//background: url('../images/btn-vw-center.png');
		float:left;
		height:36px;
	}
	.right-corners{
		display: none;
		width:18px;
		height:36px;
		//background: url('../images/btn-vw-right.png');
		float:left;
	}
	.left-corners{
		display: none;
		width:27px;
		height:36px;
		//background: url('../images/btn-vw-left.png');
		float:left;
	}
	&:hover, &:active, &:focus{
		color:#fff !important;
		background-color:#33434c;
	}
}

.download-box{
	margin-top:10px;
	width:217px;
	min-height:45px;
	font-family: VWHeadlineOTBook,sans-serif;
	font-size:12px;
	color:#fff;
	border-radius:4px;
	background:#8d97a3 url('../images/download-arrow.png') no-repeat 20px 50%;
	a{
        color:#fff;
		display: block;
		text-decoration: none;
		color:inherit;
		padding:4px;
		&:hover{
			text-decoration: none;
		}
	}
		h3{
            color:#fff;
            margin:0;
			font-family: inherit;
			font-size:12px;
			padding-top:4px;
			padding-left: 60px;
			font-weight: bold;
		}
		p{
			margin: 0;
			font-size:11px;
			padding-left: 60px;
		}
	/*&:hover{
		background-color: #2680b5;
		background-image: url('../images/download-arrow-hover.png');
		a,h3,p{
			color:#fff;
		}
	}*/
}

#btn-pdf-download{
	float:right;
	clear:both;
	margin-top:15px;
	margin-right:31px;
	display: block;
	width: 102px;
	padding-right:48px;
	height: 44px;
	span{
		display: block;
		padding-top:10px;
		text-align: right;
	}
	background: url('../img/pdf.png') no-repeat top right;
	&:hover{
		background-position:100% -44px;
	}
}


.btn-form{
	font-family: 'VWHeadlineOTBook', sans-serif;
	display: block;
	width: 215px;
	height: 35px;
	line-height: 35px;
	//margin: 0 auto;
	background: #2274ac;
	color: #fff;
	margin-top: 27px;
	text-align: center;
	border-radius: 4px;
	border:none;
	font-size:16px;
	cursor: pointer;

		.arrow{
			display: inline-block;
			width: 10px;
			height: 11px;
			background: url(../promozioni/promo-link-arrow.png) no-repeat 0 0;
		}
}


#cookies-policy{
	display:none;
    position: fixed;
    top:0;
    right: 0;
    left: 0;
    background: #fff;
    border-bottom:1px solid #ddd;
    z-index: 3000;
    box-shadow: 0 0 6px #000;
    .cookies-policy-container{
        margin: 15px 50px;
        font-size:12px;
    }
    .cookies-policy-accept{
        padding: 4px 10px;
        display: inline-block;
        margin-top:10px;
        background: #2274ac;
        color:#fff;
        &:hover{
            background: #4b4b4b;
            color:#fff;
        }
    }
}


.img-responsive{
    max-width: 100%;
    display: block;
    height: auto !important;
}

@import "../../mobile/less/model-table.less";
@import "promozioni-2014.less";
@import "service-2014.less";
@import "modal-form.less";
@import "_e-center.less";
@import "vw-side-accordion.less";

@import "_nav-tabs.less";

@import "_20160509-vw-accordion.less";
@import "_20160522-modelli.less";

@import "_20160615-usatodwa.less";