@charset "utf-8";
/* CSS Document */

.clear {clear:both;}

html, body {margin:0; padding:0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; background-color: #000000; margin:0; padding:0; /* height:100%;  background-image:url(/fe-web/img/tile.jpg); background-repeat: repeat; background-position: top center; */}
.container {width: 960px; margin: auto; /*This makes the trick*/}

#glow{position:absolute; width:644px; height:112px; margin: auto !important; padding:0; background-image:url(/fe-web/img/glow.png); background-repeat:no-repeat; background-position:center; z-index:-1;}
#glow1604{position:absolute; width:1604px; height:106px; margin: auto !important; z-index:-1;}

#header-container {width:100%; margin:0; padding:0; background-color:#262626; background-image:url(/fe-web/img/header/header-shadow_trasp_1x20.png); background-repeat:repeat-x; border-bottom:1px solid #000000;}
#header-container-trasp {width:100%; margin:0; padding:0; background-image:url(/fe-web/img/header-shadow.png); background-repeat:repeat-x; border-bottom:1px solid #000000;}

#header {width: 960px; margin: auto !important; margin:0; padding:0; position: relative;}
#header img{border:none;}

/*classi logo*/
.logo {background-position:-0px -5px;}
.logoDucatiCorse {background-position:-90px -5px;  padding-bottom:1px;}

/* Sprite logo */
#header .colSx .sprite.logo{display:block; z-index: 11; position:relative; cursor: pointer; background-position:7px -5px; width: 90px; height: 86px;text-decoration: none;margin-left:30px;}
#header .colSx .sprite.logo.ducatiCorse{background-position:-86px -5px;}

#header .msg {position:absolute; background-color:#0F0F0F; padding:5px 10px; z-index:2; top:40px; width:300px; left:0; right:0; margin-left:auto; margin-right:auto; font-size:0.85em; color:#999999; border: 1px solid #FF0000;text-align: center;}

#header .colSx{float:left; width:145px; text-align:left; padding:18px 0 0 0; z-index:10; margin-right: 20px;}
#header .colDx{float:left; width:790px; margin:0 5px 0 0; position: relative; z-index: 99;}
#header .colDx .remember{position:relative; float:left; background-color:#0F0F0F; padding:5px 10px; z-index:2; left:347px; top:33px; font-size:0.85em; color:#999999;}
#header .colDx .remember input {border:none; margin:0; padding:0; width:12px; height:12px; background-color:#262626; font-size:0.85em; color:#999999;}
/*
#header .colDx .lang{position:absolute; padding:12px 7px 5px 7px; margin:0; color:#999999; background-color:#000000;}
	#header .colDx .lang a{color:#999999; text-decoration:none; text-transform:uppercase; font-size:0.8em; margin:0; padding:0; letter-spacing:0px;}
#header .colDx .lang a:Hover{color:#FFFFFF;}
*/
#header .colDx .black-box{position:relative; float:left; height: 51px; width: auto; margin-bottom: 16px;}
#header .colDx .black-box img{margin:0; border:none;}
#header .colDx .black-box .txt{float:left; height:20px; /*width:250px;*/ text-align:left; padding:0; margin:0px 0 0 0;}
#header .colDx .black-box .logged{padding:0px 0px 0px 0px; margin:-4px 0 0 0;}
#header .colDx .black-box .txt h5{font-size:1em; margin:0; padding:0 13px 0 0;}
#header .colDx .black-box .txt h6{font-size:1em; margin:0; padding:0 13px 0 0;}
#header .colDx .black-box .txt h6 a {color:#999999; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase; margin:0; padding:0;}
#header .colDx .black-box .txt h6 a:hover {color:#FFFFFF;}
#header .colDx .black-box .txt .row1{text-align:left; margin:0; padding:0; width:100%;}
#header .colDx .black-box .txt .row1 a {color:#FF0000; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase;}
#header .colDx .black-box .txt .row1 a:hover {color:#FFFFFF;}
#header .colDx .black-box .txt a {color:#FF0000; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase; margin:0; padding:0;}
#header .colDx .black-box .txt a:hover {color:#FFFFFF;}
#header .colDx .black-box .txt .row2{text-align:left; margin:0; padding:0; width:100%;}
#header .colDx .black-box .txt .row2 a {color:#999999; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase;}
#header .colDx .black-box .txt .row2 a:hover {color:#FFFFFF;}

#header .colDx .black-box .txt .row{float:left; padding:0; margin:0; width:100%;}
#header .colDx .black-box .txt .colSX{float:left; text-align:left; padding:0 13px 0 0; margin:0;}
#header .colDx .black-box .txt .colSX a {color:#FF0000; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase; margin:0; padding:0;}
#header .colDx .black-box .txt .colSX a:hover {color:#FFFFFF;}
#header .colDx .black-box .txt .colDX{float:right; text-align:right; padding:0; margin:0;}
#header .colDx .black-box .txt .colDX a {color:#FFFFFF; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase; margin:0; padding:0;}
#header .colDx .black-box .txt .colDX a:hover {color:#FF0000;}
#header .colDx .black-box .txt .colSX2{float:left; text-align:left; padding:2px 13px 0 0; margin:0; color:#666666; font-size:0.7em;}
#header .colDx .black-box .txt .colDX2{float:right; text-align:right; padding:2px 0 0 0; margin:0;font-size:0.7em; text-transform:uppercase; color:#FF0000;}

/* Header Login */
#header .colDx .black-box .loginForm{display: inline;}
#header .colDx .black-box .loginForm .user{float: left; width:85px; height:20px; margin-right: 1px; padding: 0;}
#header .colDx .black-box .loginForm .user input{float: left;width:75px; height:13px; margin-left: 10px;}
#header .colDx .black-box .loginForm .loginButtom{float: left;background-image:url(/fe-web/img/back-button-search.png);width: 55px; height: 17px; line-height: 17px; text-align: center; font-size:0.7em; text-transform:uppercase; background-color:#3c3c3c; border:none; cursor:pointer; margin-left: 21px; margin-top: 1px;}
#header .colDx .black-box .loginTxt {float: left; padding:0;}
#header .colDx .black-box .loginTxt .txt{float:left;line-height: 26px; text-align:left;}
#header .colDx .black-box .loginTxt .txt h5{line-height: 12px; height: 12px; margin-bottom:2px; font-size:1em}
#header .colDx .black-box .loginTxt .txt h6{line-height: 12px; height: 12px; font-size:1em;}
#header .colDx .black-box .pwd{float:left; margin:0; padding:0 13px 0 0;}
#header .colDx .black-box .bookmark{float:left; padding:0 13px 0 0;}
#header .colDx .black-box .keyword{float:left; margin:0;}
#header .colDx .black-box .button{float:left; margin:0;}

.spacerPipe {	
	margin: 27px 22px 0 22px;    
    background-image: url("/fe-web/img/header/separatore_header_4x15.png");
    background-repeat: no-repeat;
}

#userAction {z-index: 12;}

a.grey {color:#999999; text-decoration:none; font-size:0.7em; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px;}
a.grey:hover {color:#FFFFFF;}

#header .colDx #col1{float:left; text-align:left; padding:0; margin:0 10px 0 0; color:#666666; text-transform:uppercase; font-size:0.7em;}
#header .colDx #col1 .red{color:#FF0000; text-transform:uppercase; display:block;}

#header .colDx #col2{float:left; text-align:right; padding:0; margin:0;}
#header .colDx #col2 a {color:#FFFFFF; text-decoration:none; font-size:0.8em; font-weight: bold; text-transform:uppercase; background-color:#333333; padding: 2px 5px 2px 5px;}
#header .colDx #col2 a:hover {color:#999999;}
/*#header .colDx #row2{padding:0; text-align:right;}
#header .colDx #row2 ul,ol {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
#header .colDx #row2 li {display: inline; margin: 0 0 0 38px; padding: 0 0 0 0; font-size:0.85em; text-transform:uppercase; font-weight: bold; color: #FFFFFF;}
#header .colDx #row2 li a {color: #FFFFFF; text-decoration: none;}
#header .colDx #row2 li a:hover {color: #FF0000;}*/
#header .colDx #row2{float:left; text-align:right;}
#header .colDx #row2 ul,ol {list-style:none; margin:0; padding:0;}
#header .colDx #row2 li {display:inline; margin:0; padding:0; font-size:0.85em; text-transform:uppercase; font-weight:bold; color:#FFFFFF;}
#header .colDx #row2 li a {color:#FFFFFF; text-decoration:none;}
#header .colDx #row2 li a:hover {color: #FF0000;}

#header .colDx #row2 .buttonMenu {float:left; margin:0; padding:0; position: relative; z-index: 15;}
#header .colDx #row2 .buttonMenu ul,ol {list-style:none; margin:0; padding:0;}
#header .colDx #row2 .buttonMenu li {width:100%; text-align:center; font-weight:bold; padding:0; margin:0; color:#FFFFFF;outline: none;}
#header .colDx #row2 .buttonMenu li a {
	color: #F8F8F8;
	display: block;
	font-size: 16px;
	font-weight: normal;
	margin: 0;	
	text-decoration: none;
	text-shadow: 0px 2px 2px #000; /* Esecutivo: dropped shadow #000 2px verticali, 2px sfumatura, alpha 60% */
	text-transform: none;
	outline: none; /* Serve a evitare il contorno punteggiato attorno ai link. in IE7 non va*/
}

/*#header .colDx #row2 .buttonMenu li a:hover {background-color:#000000; color:#CC0000;}*/

#header .colDx #row2 .buttonMenu li .aOn {background-color:#000000; color:#FFFFFF}
#header .colDx #row2 .buttonEnjoy {float:left; margin:0; padding:0;}
#header .colDx #row2 .buttonEnjoy ul,ol {list-style:none; margin:0; padding:0;}
#header .colDx #row2 .buttonEnjoy li {width:100%; text-align:center; font-weight:bold; padding:0; margin:0; color:#FF0000;}
#header .colDx #row2 .buttonEnjoy li a {display:block; color:#FF0000; text-decoration:none; text-transform:uppercase; margin:0; padding:10px;}
#header .colDx #row2 .buttonEnjoy li a:hover {/*background-color:#FFFFFF;*/ color:#FFFFFF;}

#header .search {font-size: 0.7em; color:#999999; text-transform:uppercase; background: none; border: 0px solid #333333; padding: 2px 0px 2px 6px;}

#header input {	
	color: #D0D0D0;
	background-color: #161616;
	font-size: 0.85em;
	border: 1px solid #333333;
	border-radius: 5px;	
	margin: 0;
	padding: 2px 3px 3px 5px;
}

/*
#header input .key {color:#CCCCCC; font-size:0.85em; color:#999999; width:142px; border:none; background-color:#262626; margin:0; padding:3px 3px 3px 5px;}
*/

#header button {color:#FFFFFF; font-size:0.7em; text-transform:uppercase; background-color:#3c3c3c; border:none; padding-top: 3px; padding-bottom: 3px; padding-left: 9px; padding-right: 9px; background-image:url(/fe-web/img/back-button-search.png); cursor:pointer; margin-left: 13px;}

#header .colDx .textbox {float:left; margin:0; padding:0; /*border:1px solid #393939;  background-color:#262626; color:#FFFFFF;*/}
#header .colDx .textbox input {color:#CCCCCC; color:#999999; width:146px; border:none; background-color:#262626; margin:0; padding:0px 3px 2px 5px;}
#header .colDx .textbox1 {float:left; border:1px solid #393939; margin:0; padding:0; background-color:#262626; color:#FFFFFF;}
#header .colDx .textbox1 input {color:#CCCCCC; color:#999999; width:83px; border:none; background-color:#262626; margin:0; padding:0px 3px 2px 5px;}
#header .links {font-size:1em; padding:0; margin:0; text-transform:uppercase;}
#header .links ul,ol {list-style:none; margin:0; padding:0;}
#header .links li {margin:0; padding:0; font-weight:normal;}
#header .links li a {color:#FFFFFF; text-decoration:none;}
#header .links li a:hover {color:#CC0000;}


/* Parte di ricerca  */
#header .colDx .black-box.search {/*IE z-index-fix bug*/position:relative;z-index:1000;/*fine fix bug*/ width:245px;height:22px; /*era 13 a sx*/padding:13px 12px 11px 0px; margin:0 0 13px -13px;  }
#header .colDx .black-box.search input {margin:0px;color:#CCCCCC; font-size:10px; color:#999999; width:83px; border:1px solid #383838; background-color:#262626; margin:0; padding:2px 3px 3px 5px;}
#header .colDx .black-box.search button {margin:0px;color:#FFFFFF; font-size:10px; text-transform:uppercase; background-color:#3c3c3c; border:none; padding-top: 1px; padding-bottom: 1px; padding-left: 9px; padding-right: 9px; background-image:url(/fe-web/img/back-button-search.png); cursor:pointer; margin-left: 13px;}
#header .colDx .black-box.search .textbox {/*width:245px; border:1px solid #393939; background-color:#262626;*/ color:#FFFFFF; float:left;  margin:0; padding:0; height:18px;}
/* solo x senza bottone*/
#header .colDx .black-box.search .textbox input.noButton  {float:left;margin:0px;border:none;color:#CCCCCC; color:#999999;height:18px; line-height:18px;  width:216px; border:none; background-color:#262626; margin:2px 0px 0px 0px; padding:0px 3px 1px 5px;}
/*Input per bottone*/
#header .colDx .black-box.search .textbox input.button {float:left;margin:0px;border:none;color:#CCCCCC; color:#999999;height:18px; line-height:18px;  width:173px; border:none; background-color:#262626; margin:0; padding:0px 3px 0px 5px;}

#header .colDx .black-box.search .textbox button {width:58px;margin:0px;border:none;float: right;height:18px;color:#FFFFFF; font-size:10px; line-height:18px; text-transform:uppercase; background-color:#3c3c3c; border:none; padding-top: 0px; padding-bottom: 0px; padding-left: 9px; padding-right: 9px; background-image:url(/fe-web/img/back-button-search.png); cursor:pointer; margin-left: 0px;}
#header .colDx .black-box.search .textbox .close {width:12px; background-image: url("/fe-web/img/header/close.png"); background-repeat: no-repeat; cursor: pointer; position:absolute; top:2px; left:210px; height:12px;}
#header .colDx .black-box.search .textbox .searchIndicator {cursor:default;/*left:230px;*/ left:210px;line-height:17px;margin-right:5px;position:absolute;/*top:2px;*/width:12px;z-index:10;}

#header .colDx .black-box.search .dropDownContainer {width:245px;float:right;position:relative;margin: 0px;padding: 0px;z-index: 1000;}	
#header .colDx .black-box.search .dropDownContainer .dropDown {/*width: 245px;top: 26px;left: 0px;*/background-color:#333333;border:1px solid #333333; position: absolute;z-index:999999; width: 212px; top:19px; left:16px;} 

/*Risultati*/ 	
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownCategory{clear:both;background-color:#161616;}
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownCategory .title {color:#666666;font-size:10px;height:20px;line-height:20px;padding:0 5px;text-transform:uppercase;}
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownElement {clear:both;cursor:pointer;}
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownElement .textWrap{float: left;width:140px;margin: 3px;text-transform:none;}
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownElement .image {margin:3px;float:left;width: 45px;height:45px;background-image: url("/fe-web/img/header/segnaPosto.png");}
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownElement .title {color:#FFFFFF;font-size:11px;}
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownElement .text {margin-top:0px;color:#666666;font-size:11px;}
/*
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownElement.hover {clear:both;background-color:#161616;}
#header .colDx .black-box.search .dropDownContainer .dropDown .dropDownElement.hover .title {color:#FF0000;font-size:11px;}
*/
#header .colDx .black-box.search .dropDownContainer .dropDown .allresult {clear:both;background-color:#161616;font-size:10px;height:20px;line-height:20px;padding:0 5px;text-transform:uppercase;background-image: url("/fe-web/img/header/freccia.png");background-repeat: no-repeat;background-position: 235px 50%;cursor: pointer;}
#header .colDx .black-box.search .dropDownContainer .dropDown .allresult .text {text-align: right;line-height: 20px;margin-right: 10px;color:#666666;}

/*No risultati*/
#header .colDx .black-box.search .dropDownContainer .dropDown .noResult {text-transform: none;margin: 7px 5px;font-size:11px;}
#header .colDx .black-box.search .dropDownContainer .dropDown .noResult .title {color: #FFFFFF;}
#header .colDx .black-box.search .dropDownContainer .dropDown .noResult .text {color:#666666;}


.dropDownContainer #dropDownSuggestHeader ul {
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}

.dropDownContainer #dropDownSuggestHeader li{
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
}

#header .colDx .black-box.search .dropDownContainer .dropDown li.selected .dropDownElement {background-color:#161616;}
#header .colDx .black-box.search .dropDownContainer .dropDown li.selected .dropDownElement  .title {color:#FF0000;font-size:11px;}

.headerText16 {
	font-size: 16px;
    line-height: 19px;    
    text-shadow: 0px 2px 2px #000;
}

.headerText14 {
	color: #909090;
	font-size: 14px;
    line-height: 17px;
    text-shadow: 0px 2px 2px #000;
}

.headerText12 {
	color: #909090;
	font-size: 12px;
    line-height: 22px; /* Da esecutivo dovrebbe essere 14, tuttavia con 14 si ottiene uno strano disallineamento in altezza tra l'input password e quello dello username, disallineamento che ancor più marcato in ie (7, 8 e 9) */
}

/* Esecutivo: dropped shadow #000 2px verticali, 2px sfumatura, alpha 60% */
#header .colDx .black-box .loginTxt .shop {
	color: #E0E0E0;	
    cursor: pointer;
    text-shadow: 0px 2px 2px #000;     
    border: 1px solid #909090;
    margin-top: 20px;
    margin-right: 24px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 25px;
    padding-bottom: 5px;
    border-radius: 4px;
    background-image: url('/fe-web/img/header/icon_shop-header_dark-background_std.png');
	background-position: right 7px top 4px;
	background-repeat: no-repeat;
	position: relative;
	left: -7px;	
}

#header .colDx .black-box .loginTxt .shop:hover {
	color: #CC0000;
	border: 1px solid #CC0000;
	background-image: url('/fe-web/img/header/icon_shop-header_hover.png');
}
 
#header .colDx .black-box .loginTxt .no-shop {
	color: rgb(224, 224, 224);
	margin-top: 25px;	
	cursor: pointer;
	text-shadow: 0px 2px 2px rgb(0, 0, 0);		
}

#header .colDx .black-box .loginTxt .no-shop:hover {
	color: #CC0000;
}

#header .colDx .black-box .loginTxt .frecciaLogin {
	width: 13px;
	height: 16px;
	vertical-align: middle;
	line-height: 16px;
	background:url(/fe-web/img/headerNuovo/freccia-login.png) no-repeat center center;
}

#header .colDx .black-box .loginTxt .frecciaLogin:hover {
	background: url(/fe-web/img/headerNuovo/invia-login-hover.png) no-repeat;
	vertical-align: middle;
}

/* Pensata per le voci di menu più comuni che appaiono nel header e che hanno un link, tipo "Registrati" */
.standardMenuItem {	
	margin-top: 27px;
	cursor: pointer;	
}

.standardMenuItem:hover {color: #CC0000;}

/* Pensata per i testi che appaiono nel header che sono sprovvisti di link, tipo "Benvenuto Roberto Rossi" */
.standardText {	
	margin-top: 27px;		
}


.rightSmallGreyArrow {	
	background-image: url('/fe-web/img/header/Icon_arrow-small-DX_std-2_20x20.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;		
}

.rightSmallGreyArrow:hover {	
	background-image: url('/fe-web/img/header/Icon_arrow-small-DX_hover_20x20.png');	
}

.waiting {	
	background-image: url('/fe-web/img/header/loader_8x8.gif');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;		
}

.searchLogin {
	width: 244px;
	height: 26px;
	float: left;
	padding: 1px 0px 0px 0px;
	margin-top: -5px;
}

#header .colDx .black-box.search .dropDownContainer .textbox .searchLogin input.noButton {	
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
	width: 202px;
	height: 20px;
	line-height: 20px; 
	padding-left: 10px; 
	margin-left:15px;
	background: url(/fe-web/img/headerNuovo/search-no-login.png) no-repeat;
}

#ip-detection-ctr {
	background-color:#414141;
	width: 100%;
	height: 100px;
	font-size: 18px;	
	color: #F9F9F9;
	line-height: 20px;
	text-align: center;
}

#ip-detection-ctr .answers {
	margin-top: 16px;
	font-size: 16px;
	color: #F8F8F8;
	line-height: 19px;
}

#ip-detection-ctr .spacerPipe {
	font-size: 14px;
	margin: 0 15px;
	color: #D0D0D0;	
}

#ip-detection-ctr.close {display: none;}

.language-container{float:left; padding-top: 27px;margin-left: 25px;}
.language-container a{font-weight: normal; outline: none; line-height: 17px; display: block}
.language-container a.headerText14, .language-container .languages{float:left;}
.language-container .languages{min-width: 250px;}
.language-container a.headerText14.highlight{color:#FFF;}
.language-container a.lang {color: #909090;; text-decoration:none; font-size:14px; margin-left:15px; padding:0; letter-spacing:0px; float: left;}
.language-container a.lang:hover{color:#cc0000;}

.thinline {height: 1px; background-color: black;}