/* stili generali */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #343434;
	margin: 0px;
	background: url(../images_3effe/bg_body.gif) repeat-x #fff;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
iframe { width: 98%;}
* html iframe {	width: 98%;}

a, a:link, a:active, a:visited{
	text-decoration: underline;
	color: #343434;	
}
a:hover {
	text-decoration: none;
}

.blu_italico {
	color: #00578e;
	font-style: italic;
	font-weight: bold;
}
.txt_orange {
	color: #00578e;
	font-weight: bold;
}
h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #c39809;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #c39809;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

/*Div dopoil20 (Slittamento pagamento ultimi giorni del mese) */
.dopoil20
{
	display:none;
	position:fixed;
	z-index: 10000;
	color: #505e6a;
	background-image:url(../images_3effe/div_pagamenti_30gg.jpg);
	font-size: 12px;
	font-family: Arial;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 300px;
	margin-left: -200px;
	margin-top: -150px;
	border: Solid 1px #505e6a;
	text-align: center;
}
.dopoil20 .chiudi
{
    text-align: Right;
	font-size: 11px;
	font-weight: bold;
	width: 99%;
	height: 14px;
	color: #505e6a;
    border-bottom: Solid 2px #505e6a;
}

/*Div TRAGUARDO + Div Traguardo Webpage*/
/****************************************/

.divTraguardoCart {	
	width: 724px;
	height: 16px;
	padding: 10px;
	font-size: 11pt;
	border: 1px solid #c8c8c8;
}


.divTraguardo {
	position: absolute;
	z-index: 10;
	top: 130px;
	left: 20px;
	width: 620px;
	height: 100px;
	padding: 10px;
	font-size: 10pt;
	background: url(../images_3effe/bg_traguardo.gif) no-repeat;
}


.divTraguardo .close {
	width: 100%;
	height: 15px;
	text-align: right;
}
.divTraguardo .close img {margin: 0 0 0 572px;}

.divTraguardo h3 {color: #003089; padding: 0 0 0 60px}

.divTraguardo p {
	padding: 0 0 0 60px;
	margin: 5px 0 0 0;
}
.divTraguardo img {
	float: left;
	margin: 0 0 0 20px;
}
.divTraguardo span {
	padding: 0px 2px;
	font-weight: bold;
	color: #fff;
}
.divTraguardo span.fatturato, .divTraguardoHome span.fatturato {background: #003089;}
.divTraguardo span.traguardo, .divTraguardoHome span.traguardo{background: #2d8800;}
.divTraguardo span.mancanti, .divTraguardoHome span.mancanti{background: #d90000;}
.divTraguardo span.obiettivo, .divTraguardoHome span.obiettivo{background: #f3eb07; color: #003089;}


/*utilizzato sotto il menu della Login*/

.divTraguardoHome {
	position: absolute;
	z-index: 12;
	top: 640px;
	left: 670px;
	width: 290px;
	height: 180px;
	padding: 10px;
	font-size: 10pt;
	border: 1px solid #c8c8c8;
	background: url(../images_3effe/bg_ricerca.gif) repeat-x;
}


.divTraguardoHome .close{
	width: 100%;
	height: 15px;
	text-align: right;
}
.divTraguardoHome .close img {margin: 0 0 0 242px; display:none;}
.divTraguardoHome h3 {color: #003089; padding: 0 0 0 40px}

.divTraguardoHome table {
	/* 
	padding: 0 0 0 40px;
	margin: 10px 0 0 0;
	*/
	width: 100%;
}

.divTraguardoHome table th {
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

.divTraguardoHome table td {
	font-size: 12px;
	white-space: nowrap;
}

.divTraguardoHome .tdDx {
	border: 1px solid #c8c8c8;
	font-size: 13px;
	width: 100px;
	text-align: right;	
}

.divTraguardoHome img {
	float: left;
	margin: 0 0 0 0px;
}
.divTraguardoHome span {	
	padding: 0px 2px;
	font-weight: bold;
	color: #fff;
}



/*Div NOVITA + Div LE TUE RICHIESTE */
/****************************************/

.prodScroll {	
	position: absolute;
	z-index: 15;
	top: 470px;
	left: 20px;
	width: 634px;
	height: 186px;
	padding: 2px;
	font-size: 9pt;
	border: 1px solid #c8c8c8;
	background: url(../images_3effe/bg_prodscroll_2.gif) no-repeat #fff;
}

	.prodScroll .close{
		width: 99%;
		height: 18px;
		text-align: right;
	}
	.prodScroll .close img {margin: 0; vertical-align: middle;}


	.scrollSx {
		width: 294px;
		height: 148px;
		padding: 10px;
		float: left;
		margin: 0 6px 0 0;
		border-top: 3px solid #e2e2e2;
	}
	
	.scrollDx {
		width: 294px;
		height: 148px;
		padding: 10px;
		float: left;
		border-top: 3px solid #d3d3d3;
	}

	#innerScrollSx ul, #innerScrollDx ul {
		list-style: none;
	}
	#innerScrollSx ul li, #innerScrollDx ul li{
		height: 72px;
		width: 294px;
		border-bottom: 1px solid #e2e2e2;
	}
	#innerScrollSx ul li div, #innerScrollDx ul li div{
		padding: 10px 0;
	}
	#innerScrollSx ul li div img, #innerScrollDx ul li div img{
		float: left;
		margin: 0 10px 0 0;
		padding: 0 20px;
		background: #fff;
	}

	#innerScrollSx ul li div a {
		color: #0a5fa6;
		text-decoration: none;
	}
	#innerScrollDx ul li div a {
		color: #538046;
		text-decoration: none;
	}
	


/* INTESTAZIONE */

#mainframe {
	padding: 0px 0px 10px 0px;
	width: 100%;
}

/* barra di intestazione, logo, ricerca, menu */

#intestazione {
	padding: 0px;
	margin: 0px;
	width: 100%;
	background: url(../images_3effe/bg_page.gif) no-repeat;
}
	#logo {
		width: 915px;
		height: 82px;
		padding: 5px 0 0 20px;
		margin: 0px;
	}
	#logo img{ float: left;}
	.newsbanner{
		position: absolute; 
		top: 8px;
		left: 390px;
		width: 310px;
		height: 60px;
	}
	
	#submenu {
		z-index: 200;
		position: absolute;
		top: 0;
		left: 0;
		width: 949px;
	}
	#lingua {
		float: right;
		color: #FFF;
		padding: 3px 0 0 0;
	}
		#lingua img {
			margin: 0 2px 0 2px;
			vertical-align: middle;
			border: 1px solid #b5cfe4;
		}
	
	#mainmenu {
		position: absolute;
		z-index: 201;
		width: 860px;
		height: 16px;
		top: 0;
		left: 0;
		padding: 7px 0 0 0;
		text-align: right;
	}
	#mainmenu img {
		margin: 0 0 0 5px;
	}

/**/


#menubox {
	width: 200px;
	top: 240px;
	left: 20px;
	position: absolute;
	z-index: 30;
}
div.SMENU
{
    visibility: hidden;
    position: absolute;
	margin: -19px 0px 0px 180px;
	border-left: solid 10px #000;
    width: 180px;
	z-index: 50;
}
#menubox a, #menubox a:link, #menubox a:active, #menubox a:visited{
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #c39809; /*chiaro , lo scuro è #004876*/
}
#menubox a:hover {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #fff;	
	background: #00578e;
}
#menubox a.news, #menubox a.news:link, #menubox a.news:active, #menubox a.news:visited{
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: blink;
	color: #fff;
	background: #c39809; /*chiaro , lo scuro è #004876*/
}
#menubox a.news:hover {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: blink;	
	color: #fff;	
	background: #00578e;
}
#menubox a.on, #menubox a.on:link, #menubox a.on:active, #menubox a.on:visited{
	width: 170px;
	padding: 2px 5px 2px 5px;
	background: #00578e;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #fff;
}
#menubox a.sottomenu, #menubox a.sottomenu:link, #menubox a.sottomenu:active, #menubox a.sottomenu:visited{
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;
	color: #333;
	background: #EAD088;
}
#menubox a.sottomenu:hover {
	width: 170px;
	padding: 2px 5px 2px 5px;
	border-bottom:solid 2px #FFF;
	display: block;
	text-decoration: none;	
	color: #fff;
	background: #c39809;
}
#lingue {
	position: absolute;
	top: 10px;
	width: 30px;
	height: 200px;
	left: 970px;
/*	margin-top: -105px;*/
}
a.lingue, a.lingue:link, a.lingue:active, a.lingue:visited{
	padding: 2px;
	width: 18px;
	height: 12px;
	border: solid 1px #D2D2BB;
	margin-right: 10px;
	margin-bottom: 5px;
	background: none ;
	background-image: none;
	text-decoration: none;
	display: block;
}
a.lingue:hover {
	border: solid 1px #FFBF00;
	background: none;
	background-image: none;	
}

/* LOGIN BOX */
/* menu */
#login_box {
	position: absolute;
	top: 230px;
	min-height: 235px;
	left: 670px;
	width: 300px;
	padding: 5px;
	font-size: 8pt;
	color: #505e6a;
	border: 1px solid #FFF;
	background: /*url(../images_3effe/bg_login_box.gif) repeat-x*/ #c1dff1;
}
#login_box h1{
	font-size: 11px;
	color: #1a6aac;
	font-weight: bold;
}


#login_box .bottone {
	font-family: Tahoma, Arial;
	margin: 5px 0px 0px 0px;
	border: none;
	padding: 0px;
}

* html #login_box { 
margin-top: 0px;
}

#login_box a, #login_box a:link, #login_box a:active, #login_box a:visited{
	display: block;
	height: 20px;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #084170;	
}

#login_box a:hover {
	text-decoration: none;
	color: #084170;
}



.premi_menu{
	display: block;
	height: 20px;
	width: 123px;
	padding: 5px 0 0 15px;
	background: url(../images_3effe/bg_premi_menu.gif) no-repeat;

}

/* 
blocco con login effettuata
#login_box_prod serve a dare un posizionamento diverso rispetto al #login_box
in alcuni casi assume proprietà = #pagina in altri casi no dipende dal sito in questione.
IN QUESTO CASO ≠
*/
#login_box_prod {
	position: absolute;
	top: 130px;
	left: 20px;
	width: 628px;
	height: 90px;
	padding: 5px;
	font-size: 8pt;
	color: #505e6a;
	border: 1px solid #FFF;
	background: #c1dff1;
}
#login_box_prod h1{
	font-size: 14px;
	color: #1a6aac;
	font-weight: bold;
}
#login_box_prod a, #login_box_prod a:link, #login_box_prod a:active, #login_box_prod a:visited{
	display: block;
	height: 18px;
	float: left;
	margin: 0px 10px 0 0;
	font-weight: bold;
	text-decoration: none;
	color: #084170;	
}
#login_box_prod a:hover {
	text-decoration: none;
}

#login_box_prod a img {
	background: #c1dff1;
	margin: 0 5px 0 0;
}

/*
#login_box_prod a.premi_menu, #login_box_prod a.premi_menu:link, #login_box_prod a.premi_menu:active, #login_box_prod a.premi_menu:visited{
	position: absolute;
	
}
#login_box_prod a.premi_menu:hover {
	text-decoration: none;
}
*/



/**/

input.login {
	width: 142px;
	background: #FFF;
	font-size: 10px;
	border: solid 1px #00578D;
	margin: 5px 0px 0px 0px;
	padding: 2px;
	margin: 0px;
}
input.registrazione {
	width: 200px;
	background: #FFF;
	font-size: 10px;
	border: solid 1px #ddd;
	margin: 5px 0px 0px 0px;
	padding: 2px;
	margin: 0px;
}
input.bottone {
	font-family: Tahoma, Arial;
	margin: 5px 0px 0px 0px;
	border: none;
	padding: 2px;
	background: #01304e;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
}


/* pannello di targa */
	.targa {
	position: absolute;
	top: 32px;
	left: 670px;
	height: 82px;
	width: 305px;
	padding: 5px 0 0 5px;
	font-size: 8pt;
	font-weight: bold;
	color: #ddd;
	border: 1px solid #0a5fa6;
	background: /*url(../images_3effe/bg-targa-foto.jpg) left center no-repeat*/ #0a5fa6;
	}
	.targa h1{
		font-size: 12pt;
		color: #fff;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.targa input[type=button] {float: left; border: none; width: 30%; height: 30px; color: #fff; text-transform: uppercase; font-size: 0.8em; padding: 10px 0; margin: 0; background: #000;}
	.targa input[type=text] {float: left; width: 40%; height: 28px; padding-left: 40px; border: 0; text-transform: uppercase; background: url(../images_3effe/ico-targa-it.png) left center no-repeat #fff; background-size: 18px 30px;}
	.targa button:hover {color: #fff; background: #069}


/* pannello di ricerca */

#ricerca {
	position: absolute;
	top: 130px;
	left: 670px;
	height: 94px;
	width: 305px;
	padding: 5px 0 0 5px;
	font-size: 8pt;
	font-weight: bold;
	color: #ddd;
	border: 1px solid #c8c8c8;
	background: url(../images_3effe/bg_ricerca.gif) repeat-x;
	
}

	#ricerca h1{
		font-size: 9pt;
		color: #1a6aac;
		font-weight: bold;
	}
	#ricerca .bottoni{
		width: auto;
		height: auto;
		vertical-align: middle; 
		border: 0; 
		padding: 0 10px 0 0;
	}
	#ricerca input {
		vertical-align: middle;	
		border: 1px solid #999;
		height: 15px;
		width: 250px;
		padding: 0;
		margin: 5px 10px 0 0;
	}

input.ricerca {
	width: 176px;
	padding: 2px;
	height: 13px;
	border: none;
	background: #fff;
	margin: 0px;
	font-size: 10px;
	color: #01304e;	
}
input.bottone_ricerca {
	font-family: Tahoma, Arial;
	margin:0px;
	height: 17px;
	padding: 2px 5px 2px 5px;
	background: #C29809;
	border: none;
	color: #FFF;
	font-size: 9px;
	font-weight: bold;
}

/* riceca avanzata */
.ricerca_avanzata {
	width: auto;
	vertical-align: middle;
	padding: 10px 0 0 0;
}
.ricerca_avanzata a { color: #4f5d69;}
.ricerca_avanzata img { vertical-align: middle;}

/* Target Fatturato/Obiettivi*/
.target_box {
	position: absolute;
	top: 530px;
	left: 670px;
	min-height: 120px;
	width: 300px;
	padding: 5px;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #c8c8c8;
	background: url(../images_3effe/bg_ricerca.gif) repeat-x;
}
.target_box  table{width: 100%; border-collapse: collapse; font-size: 1.1em;}
.target_box  table th{border-bottom: 3px solid #1a6aac; text-align: left; padding: 3px;}
.target_box  table td{border-bottom: 1px solid #1a6aac; padding: 5px 3px;}
.target_box  table .active td{background: #c1dff1; font-size: 1.2em;}
.target_box  table .fatturato td{color: #1a6aac;}





/* vetrina */

#vetrina-home {
	z-index: 5;
	position: absolute;
	top: 180px;
	left: 20px;
	height: 226px;
	width: 634px;
	padding: 2px;
	border: 1px solid #c8c8c8;
}
#vetrina {
	z-index: 5;
	position: absolute;
	top: 130px;
	left: 20px;
	height: 226px;
	width: 634px;
	padding: 2px;
	border: 1px solid #c8c8c8;
}
#vetrina .txt{
	position: absolute;
	top: 2px;
	left: 132px;
	padding: 10px 10px 0 10px;
	width: 484px;
	height: 216px;
	background: url(../images_3effe/bg_vetrina_txt.jpg) no-repeat;
}
#vetrina h1{
	font-size: 14pt;
	color: #1a6aac;
	font-weight: normal;
}

#vetrina object{margin: 0 0 0 10px;}
#vetrina p{margin: 0; padding: 0;}

#vetrina iframe { width: 100%;}
* html #vetrina iframe {	width: 100%;}

/* whatsapp */

.whatsapp {
	z-index: 20;
	position: absolute;
	top: 130px;
	left: 20px;
	height: 40px;
	width: 640px;
}


.banner2 {
    z-index: 20;
    position: absolute;
    top: 420px;
    left: 20px;
    height: 40px;
    width: 640px;
}


/* pagina generale */

#pagina-home  {
	padding: 324px 0px 10px 20px;
}
#pagina  {
	padding: 284px 0px 10px 20px;
}
	#img_prod_list {
		height: 245px;
		background: #3e3e3e;
	}
	#page_sx {
		width: 640px;
		float: left;
		height: auto !important;  /* per i browser moderni */
		height: 245px;      /* per IE5.x e IE6 */
		min-height: 245px;  /* per i browser moderni */
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #c8c8c8;
	}
	#page_sx p{margin: 13px 0;}

	#page_dx {
		width: 320px;
		float: left;
		height: auto !important;  /* per i browser moderni */
		height: 245px;      /* per IE5.x e IE6 */
		min-height: 245px;  /* per i browser moderni */
	}

	.testo {
		width: 638px;
		float: left;
		height: auto !important;  /* per i browser moderni */
		height: 225px;      /* per IE5.x e IE6 */
		min-height: 225px;  /* per i browser moderni */
	}
	.testo h1{
		font-size: 14pt;
		color: #1a6aac;
		font-weight: normal;
	}

/* 
pagina gestione prodotti
#pagina_prod serve a dare un posizionamento diverso rispetto al #pagina 
in alcuni casi assume proprietà = #pagina in altri casi no dipende dal sito in questione.
IN QUESTO CASO ≠
*/

#pagina_prod { 
	padding: 163px 0 10px 10px;
	background: #FFF;
}

#pagina_prod .testo{ 
		width: 97%;
		height: auto !important;  /* per i browser moderni */
		height: 225px;      /* per IE5.x e IE6 */
		min-height: 225px;  /* per i browser moderni */
		padding: 10px;
		background: #FFF;
}

#pagina_prod .testo .titolo{ 
		font-size: 14pt;
		color: #1a6aac;
		font-weight: normal;
}

/* pagina di registrazione */

#pagina_reg {
	width: 710px;
	height: auto !important;  /* per i browser moderni */
	height: 245px;      /* per IE5.x e IE6 */
	min-height: 245px;  /* per i browser moderni */
	padding: 296px 0 10px 20px;
	background: url(../images_3effe/bg_page_reg.jpg) 20px 45px no-repeat;
}
#pagina_reg  span.titolo {
	font-size: 14pt;
	color: #1a6aac;
	font-weight: normal;
}
#pagina_reg iframe {
	width: 640px;
	height: 140px;
}

table.page {
	width: inherit;
	border: none;
}
table.page td {
	vertical-align: top;
	padding: 5px;
}

/* storico ordini */

.lista_carrello {
	background: #eaeaea;
	color: #000;
}

.lista_carrello td{
	border: 1px solid #ccc;
}

.lista_carrello a, .lista_carrello a:link, .lista_carrello a:active, .lista_carrello a:visited{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}



/* Black Friday */
/****************************************/
.black-friday {position: absolute; top: 180px; left: 20px; width: 640px; height: 232px; background: #000; z-index: 200;}

/* FOOTER */
/****************************************/
#footer {
	width: 980px;
	height: 44px;
	padding: 25px 0 0 0;
	clear: both;
	font-size: 8pt;
}
	.menu_servizio {
		width: 310px;
		padding: 5px 0 0 0;
		margin: 0 0 0 10px;
		float: right;
		border-top: 1px solid #c8c8c8;
	}

	.indirizzo {
		width: 638px;
		padding: 5px 0 0 0;
		float: right;
		border-top: 1px solid #c8c8c8;
	}

div.cleaner {
	font-size: 1px;
	height: 10px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* STILI SPECIALI PAGINA TEAM */

a.team {
	width: 68px;
	height: 68px;
	border: solid 1px #343434;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
a.team:hover {
	border: solid 1px #1a6aac;
}
div.teambox {
	width: 310px;
	padding: 0px;
	float: left;
}
#image_team {
		height: auto !important;  /* per i browser moderni */
		height: 2px;      /* per IE5.x e IE6 */
		min-height: 2px;  /* per i browser moderni */
		font-size: 1px;
}

/* STILI SPECIALI PAGINA DISTRIBUTORI */

#visible {
	visibility: hidden;
	width: 375px;
	padding: 0px;
	float: left;
}

#startregione, #valledaosta, #liguria, #lombardia, #toscana, #sardegna, #sicilia, #puglia, #marche, #emiliaromagna, #toscana, #abruzzo, #lazio, #campania, #puglia, #friuli {
	position: absolute;
	top: 450px;
	left: 280px;
	width: 375px;
	padding: 0px;
}

/* ######### Stock Banner  ######### */
/*quadrato*/
.bravostock-banner {position:absolute; z-index:10; top: 130px; left:340px; width: 320px; height: 232px; background: url(/FTProot/resources/images_3effe/bg-banner-bravostrock.jpg) center center no-repeat;}
.bravostock-banner a {position:absolute; z-index: 10; top: 0; left:0; width: 320px; height: 232px;}
.bravostock-banner .inner {position:relative; width: 100%; height: 100%; text-align: center;}
.bravostock-banner .txt {position:absolute; width: 100%; bottom: 10px; color: #fff; font-size: 12pt; font-weight: bold}
.bravostock-banner .txt span{display: block; width: 40%; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;  padding: 10px; font-size: 1.6em; background: #e01;}
/*rettangolo*/
/*
.bravostock-banner-header {position:absolute; z-index:10; top: 8px; left:180px; width: 480px; height: 80px; background: url(/FTProot/resources/images_3effe/bg-banner-bravostrock-header.jpg) center center no-repeat;}
.bravostock-banner-header a {position:absolute; z-index: 10; top: 0; left:0; width: 480px; height: 80px;}
.bravostock-banner-header .txt {position:absolute; bottom: 15px; right: 10px; text-align: center; color: #fff; font-size: 12pt; font-weight: bold}
.bravostock-banner-header .txt span{display: block;}
.bravostock-banner-header .count {position: absolute; top: 13px; right: 160px; width: 82px; height: 24px; padding: 15px 10px; text-align: center; font-size: 1.9em; font-weight: bold; color: #fff; background: url(/FTProot/resources/images_3effe/bg-badge-bravostock.png)center center no-repeat;}
*/
/*rettangolo piccolo*/
.bravostock-banner-header {position:absolute; z-index:10; top: 8px; left:180px; width: 285px; height: 80px; background: url(/FTProot/resources/images_3effe/bg-banner-bravostrock-header-small.jpg) center center no-repeat;}
.bravostock-banner-header a {position:absolute; z-index: 10; top: 0; left:0; width: 285px; height: 80px;}
.bravostock-banner-header .txt {position:absolute; top: 5px; right: 10px; text-align: center; color: #fff; font-size: 9pt; font-weight: bold}
.bravostock-banner-header .txt span{display: block;}
.bravostock-banner-header .txt small{display: none;}
.bravostock-banner-header .count {position: absolute; top: 28px; right: 17px; width: 52px; height: 22px; padding: 8px 10px; text-align: center; font-size: 1.5em; font-weight: bold; color: #fff; background: url(/FTProot/resources/images_3effe/bg-badge-bravostock.png)center center; background-size: cover}

/* ######### Dialer Banner  ######### */
.bannerlink{position: absolute; z-index: 10; top: 7px; left: 470px;}




/*##########################################################################*/
/*##### GESTIONE MENU PRINCIPALE #############*/
/*##########################################################################*/

/* ######### LIVELLO PRINCIPALE ######### */

.mattblackmenu ul{
position: absolute;
z-index: 201;
width: 650px;
margin: 0 0 -200px 0;
padding: 0;
top: 92px;
left: 20px;
font: bold 12px Arial;
list-style-type: none;
overflow: hidden;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a, .mattblackmenu a.selected, .mattblackmenu li a:visited{
float: left;
display: block;
width: 125px;
height: 23px;
margin: 0;
padding: 7px 0 0 5px; /*padding inside each tab*/
text-decoration: none;
color: #0a5fa6;
background: url(../images_3effe/bg_menu_off.gif);
}

.mattblackmenu li a:hover{
background: url(../images_3effe/bg_menu_on.gif);
color: #000;
}


/* ######### LIVELLO SECONDO ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
position: absolute;
visibility: hidden;
z-index: 202;
margin: 0;
padding: 0;
left: 0;
top: 0px;
font: bold 11px Arial;
list-style-type: none;
}

.ddsubmenustyle li a{
display: block;
width: 121px;
height: 17px;
padding: 4px 0 0 0;
font-size: 7pt;
color: #0a5fa6;
text-indent: 12px;
text-decoration: none;
background: url(../images_3effe/bg_mainmenu_sub_off.gif);
}

* html .ddsubmenustyle li a, .ddsubmenustyle li a:visited, .ddsubmenustyle li a:link, .ddsubmenustyle li a:active { /*IE6 CSS hack*/
display: inline-block;
text-indent: 0;
color: #0a5fa6;
text-decoration: none;
padding-left: 20px;
width: 100px;
}

.ddsubmenustyle li a:hover{
	text-decoration: none;
	color: #000;
	background: url(../images_3effe/bg_mainmenu_sub_on.gif);
}


/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images_3effe (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}


/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}


#mappa {
	height: 345px;
	width: 946px;
	margin-left: 15px;
}

/* ######### Pagina dei premi  ######### */

#premi  {
	padding: 139px 0 0 20px;
	width: 620px;
	height: auto !important;  /* per i browser moderni */
	height: 300px;      /* per IE5.x e IE6 */
	min-height: 300px;  /* per i browser moderni */
}

	#premi h1{
		font-size: 14pt;
		color: #1a6aac;
		font-weight: normal;
	}

/***/

/* Tracking*/
.tracking-icon{position: absolute;left: -280px;top: 650px;width: 310px;text-align:center;z-index:10;
    -webkit-animation: run 4s ease-in-out forwards; 
    animation: run 4s ease-in-out forwards;
}
@-webkit-keyframes run {
    from { left: -300px;}
    to{left: 670px;}
}
@keyframes run {
    from { left: -300px;}
    to{left: 670px;}
}