/*
ELENCO COLORI
Blu				#223982
Azz medio	#0269d2
Azzurro		#14b4e8
Grigio 1	#f2eeed
*/


/* Reset CSS */
body {margin:0 auto; padding:0; text-align:center; font-family:'Oswald', Century gothic, Tahoma, sans-serif; color:#000; background:#f2eeed}
div {text-align:center}
img {border:none;}
a, a:visited {text-decoration:none; color:inherit;}
a:hover {text-decoration:none; color:inherit;}
a:focus{ outline:none} 
h1 {width:750px; text-align:right; border-top:6px solid #99322f; padding-top:10px}
h2 {color:#99322f; font-size:16px; font-weight:bold; text-align:left; padding:2px 20px;}
hr {border:0px; border-bottom:1px dotted #99322f; margin:0px 20px 0px 21px; height:1px; line-height:1px; }

.social-ico{font-size:24px}


/* CSS BASE */
.pagina {width:970px; margin:0 auto; /*background:url('/img/sf_bianco_20.png')*/}
.clear {clear:both}
.azzurrino {background:#14b4e8}
.P_container {background:#F2EEED url('/img/sf_motocross.png') top center}

.bottone {width:110px; height:30px; color:#FFF; text-transform:uppercase; background:url('/img/sf_bottone.png') no-repeat; margin:0 auto; line-height:30px; font-size:12px; text-decoration:none; font-family:'Oswald', Century gothic, Tahoma, sans-serif; }
a .bottone {text-decoration:none}
a:hover .bottone {color:#223982}
.contenuto {padding:20px 10px; text-align:left; font-size:13px; line-height:20px; font-family:Tahoma, sans-serif}
a.opacita {opacity:0.5; filter: alpha(opacity=50); }
a.opacita:hover {opacity:1; filter: alpha(opacity=100);}
a img.desaturate {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: grayscale(100%);
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
a:hover img.desaturate {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter:none; /* IE6-9 */
  -webkit-filter: grayscale(0%);
}
.contenuto div {text-align:left}

.HeaderBg {background:url('/img/sf_blu_90.png'); text-align:center; transition:all 0.5s}
.H_Bg {background:url('/img/sf_blu_100.png') !important}

.logo {float:left; padding:10px 0}
.logo img {width:185px; transition:all 0.5s}
.logo img.LogoP {width:90px}
.menu {float:right; color:#FFF; text-transform:uppercase}
  .menu a {padding:45px 16px; display:inline-block; float:left; transition:all 0.5s}
  .menu a:hover {background:#0269d2}
  .menu a.on {background:#14b4e8}
  
  .menu a.M_scr {padding:20px !important}
  
.menusecondario {color:#FFF; text-align:left; padding-left:51px; z-index:10000; height:37px; overflow:hidden; text-transform:uppercase}
.marchi {background:#FFF;}
a.marchio {border:1px solid transparent; display:inline-block; position:relative}
a.marchio:hover {border:1px solid #14b4e8}
  a.marchio div.ImgMarchio {position:relative; float:left; width:130px; height:65px;}
  a.marchio img {position:absolute; width:70%; height:auto; margin:auto; top:-15px; left:0px; bottom:0px; right:0px;}
  a.marchio div.TitMarchio {display:block; width:130px; height:14px; text-align:center; font-size:9px; position:absolute; bottom:0}
  
.black {background:url('/img/sf_login_60.png') left top; margin-left:30%; transition:all 0.5s}
.black_on {background:url('/img/sf_login_60_on.png') left top !important}
.black2 {background:url('/img/sf_login_60b.png') left top; margin-left:32%; transition:all 0.5s; position: relative; top:162px; z-index:100}
.black2_on {background:url('/img/sf_login_60b_on.png') left top !important}
.black2_fix {display:none}
.black3_fix {width:100%; position:fixed !important; top:102px !important; display:block}

.footer {min-height:130px; background:#223982 url('/img/sf_logone_01.png') 50% 50% no-repeat; padding-bottom:10px}
.loghetto {float:right; font:11px Tahoma; color:#FFF; text-align:right}
.menu2 {float:left; color:#FFF; padding-top:65px; text-align:left; text-transform:uppercase}
  .menu2 a {padding:5px 5px}
  .menu2 a:hover {text-decoration:underline}
  .menu2 a.on {color:#14b4e8}
a.login {padding:10px 15px; font-size:12px; display:inline-block}
a.login:hover {background:#0269d2}
a.login_on {padding:10px 20px; font-size:12px; display:inline-block; background:#14b4e8}


a#ArrowBottom {background:url(/img/ico/arrow_bottom.png) center center no-repeat #069; float:left; width:40px; height:40px; border-radius:5px; position: fixed; bottom:30px; right:20px; display:none; opacity:0.8; z-index:100; border:solid 1px #BBD7F4}
a:hover#ArrowBottom { opacity:1.0}

.WinApply {border:solid 1px #093; color:#093; margin:30px; padding:50px; border-radius:20px; text-align:center !important; font-size:14px; background:#FFF}

#MenuContainer {position:fixed; margin:0 auto; width:100%; z-index:1000; top:0px}

a.Pdf_Dwn {font-weight:bold; color:#C00; text-decoration:none}
a:hover.Pdf_Dwn {text-decoration: underline}
a.Pdf_Dwn img {border:none; margin-left:10px}

.InputDisable {color: #999}

/************** SLIDER BANNER ********************/
.banner {height:400px; width:100%; position:relative}

#Slider_Container { width:100%; overflow:hidden; height:200px; transition:all 0.5s}
#Slider_Container img {position:absolute; width:100%; bottom:0; left:0; overflow:hidden}

#dotSliderContainer {position:absolute; bottom:0; left:0; float:left; width:100%; height:20px; z-index:15; display:none}
a.dotSlider {float:left; width:8px; height:8px; background:#999; border:solid 1px #FFF; border-radius:50%; margin:0 5px; transition:all 0.5s}
a:hover.dotSlider {background:#14b4e8}
a.dotSdr_on {background:#14b4e8 !important}


/** CSS PER PAGINA HOME **/
.titoletto_home {font-size:24px; color:#FFF; text-align:left; padding:5px 0; padding-left:50%; margin-left:-475px}

.news_home {background:#111111 url('/img/sf_news.jpg') center top no-repeat}

.nuovoprodotto {float:left; margin:10px 8px; background:#FFF}
.nuovoprodotto_foto {background:#FFF /*#dfdfdf*/; border:3px solid #dfdfdf}
.nuovoprodotto_titolo {width:195px; height:55px; color:#FFF; background:url('/img/sf_nuovoprodotto_titolo.png') right top no-repeat; text-align:left; /*-webkit-hyphens:auto;-moz-hyphens:auto; hyphens:auto;*/}
  .nuovoprodotto_titolo span {padding-left:10px; padding-right:45px; display:block}
.nuovoprodotto_descrizione {width:206px; height:85px; font-size:11px; text-align:justify}
  .nuovoprodotto_descrizione div {padding:10px; text-align:left; font-family:Tahoma, sans-serif}
.nuovoprodotto_dettagli {width:206px/*217px*/; height:42px; background:url('/img/sf_dettagli.png') bottom repeat-x; text-align:center;}

.box-news {background:url('/img/sf_bianco_10.png'); margin:25px; padding:10px 0 0 0; width:430px; float:left; color:#FFF}
.box-news_titolo {height:50px; color:#14b4e8; text-align:left}
  .box-news_titolo div {padding:0 10px; text-align:left}
.box-news_descrizione {height:85px; font-size:11px;}
  .box-news_descrizione div {padding:10px; text-align:left; font-family:Tahoma, sans-serif}
.box-news_dettagli {height:42px; background:url('/img/sf_continua.png') bottom repeat-x; text-align:right;}


/** LOGIN **/
#BoxLogin {margin:50px 280px; padding:10px; border-radius:10px}
#BoxLogin table { color:#FFF; font-weight:bold}
#BoxLogin table input { color:#333}


/** CARRELLO **/
.BntCart {color:#333; font-size:12px; font-weight:bold; padding:3px 12px; border-radius:5px; width:inherit; border:solid 1px #666}


/** SLIDER HOME **/
a.ArrowSprite {float:left; width:40px; height:70px; background-image:url(/img/sprite_slider.png)}
a.AS_Left {background-position:0 -70px; display:none}
a.AS_LeftOff {background-position:0 -140px}
a:hover.AS_Left {background-position:0 0}
a.AS_Right {background-position:-40px -70px}
a.AS_RightOff {background-position:-40px -140px}
a:hover.AS_Right {background-position:-40px 0}

#SliderPdtContainer {width:890px; float:left; height:390px; margin:0 auto; overflow:hidden}
#SliderPdtStrip {float:left; height:390px}



a.contatti {color:#14b4e8}
a.contatti:hover {color:#0269d2}


/** CSS PER PAGINA AZIENDA **/
.immaginiazienda {margin:0 0 10px 0; padding:0 0 10px 0}
  .immaginiazienda a{border:2px solid #F2EEED; display:inline-block; margin:0 5px; padding:1px}
  .immaginiazienda a:hover{border:2px solid #14b4e8;}
a.AzLinkOn {font-weight:bold}


/** CSS PER PAGINA NEWS **/
.news {margin:25px 0 55px 0;}
.datanews {width:180px; background:/*#0269d2*/ url("/img/sf_azzurro_100.png") bottom right; color:#FFF; font-style: italic;font-family:'Oswald', Century gothic, Tahoma, sans-serif; padding:10px 10px 3px 10px}
.titolonews {background:#233685 /*#0269d2*/; font-size:20px; font-weight:bold; color:#FFF; font-family:'Oswald', Century gothic, Tahoma, sans-serif; padding:10px 10px 10px 10px}
.contenutonews {background:url('/img/sf_bianco_60.png') /*url('/img/sf_black_20.png')*/; padding:10px; text-align:left; font-family:Tahoma, sans-serif; /*border-bottom:2px solid #14b4e8*/}


/** CSS PER PAGINA TEAM **/
.titoloteam {background:#233685 /*#0269d2*/; font-size:20px; color:#FFF; font-family:'Oswald', Century gothic, Tahoma, sans-serif; padding:10px}
  .titoloteam i {font-size:16px; font-weight:normal; color:#FFF; font-family:'Oswald', Century gothic, Tahoma, sans-serif; padding:10px 0 0 10px; display:block}
.dettagliteam {float:left; margin:1px 20px 5px 20px; padding:10px 20px 10px 10px; text-align:left; background:/*pink*/ url('/img/sf_azzurro_40.png') right top no-repeat; }
  .dettagliteam span {display:block; width:290px; /*background:lime*/}
.logoteam {float:left; width:210px; /*background:red*/}
  .logoteam img {background:#FFF}


/** CSS PER PRODOTTI **/
/*#LegendaDisp {width:99.5%; margin-bottom:10px; text-align:center; padding:10px 0}
#LegendaDisp legend {float:left; margin:-20px 0 0 20px}
#LegendaDisp .PointAvailable {margin:0 5px 0 15px; width:10px; height:10px}*/

#LegendaDisp{
	text-align:center;
	margin-bottom:10px;
	padding:10px;
}
#LegendaDisp legend{
	text-align:left;
	margin:-20px 0 0 20px
}
#LegendaDisp>span{
	display:inline-block;
	padding:5px;
}

table.risultatoricerca {background-color:#FFF !important; margin:10px 0; border-spacing:2px !important; border-bottom:none !important}
table.risultatoricerca thead th {padding:2px 10px; font-family:'Oswald', Century gothic, Tahoma, sans-serif; font-size:14px; letter-spacing:1px; color:#FFF; text-align:center}
table.risultatoricerca thead tr th {background-color:#14b4e8 !important; border-bottom:none}
table.risultatoricerca thead tr td {border-bottom:2px solid #14b4e8 !important}
table.risultatoricerca tbody {background:#FFF;}
table.risultatoricerca tbody td {border-bottom:2px solid #14b4e8; height:60px; padding:0 5px; text-align:center}
table.risultatoricerca tbody td.SearchTipo {height:30px}
table.risultatoricerca tbody td.StDes {border-bottom:1px solid #14b4e8}

table.TableStd {background-color:#FFF !important; margin:10px 0; border-spacing:2px !important; border-bottom:none !important}
table.TableStd thead th {padding:2px 10px; font-family:'Oswald', Century gothic, Tahoma, sans-serif; font-size:14px; letter-spacing:1px; color:#FFF; text-align:center}
table.TableStd thead tr th {background-color:#14b4e8 !important; border-bottom:none; text-transform:uppercase}
table.TableStd thead tr td {border-bottom:2px solid #14b4e8 !important}
table.TableStd tbody {background:#FFF;}
table.TableStd tbody td {border-bottom:2px solid #14b4e8; height:60px; padding:0 5px; text-align:center}
table.TableStd tbody td.SearchTipo {height:30px}
table.TableStd tbody td.StDes {border-bottom:1px solid #14b4e8}

.PointAvailable {width:8px; height:8px; border-radius:100%; border:1px solid #999; display:inline-block; cursor:pointer}

.titolofamiglia {padding:5px 0; font-family:'Oswald', Century gothic, Tahoma, sans-serif; font-size:24px; letter-spacing:1px; color:#14b4e8; text-align:left; line-height:28px}


.descrizionefamiglia {text-align:left; line-height:normal; min-height:30px}

.etichettamarca {padding:14px 0 0 10px !important; border-bottom:3px solid #14b4e8; background:url('/img/sf_azzurro_100.png') -550px 15px no-repeat; text-align:left !important; font-size:14px; color:#FFF; font-weight:bold}
tr td.etichettamarca {height:30px;}
tr td.specifiche {height:20px;}

.applicazioni {background:#FFF; margin:10px 0}
.applicazioni tr {max-height:200px; overflow:auto}
.applicazioni tr td {background:#FFF; border-bottom:2px solid #14B4E8; padding:5px !important; text-align:center; height:30px !important; max-height:200px}
.applicazioni tr:first-child td {background:#14b4e8}
.applicazioni tr:first-child td {font-family:'Oswald', Century gothic, Tahoma, sans-serif; font-size:14px; color:#FFF; text-align:center;}


.AppPopupTip {background:#FFF !important; margin:10px 0}
.AppPopupTip thead {background:#14b4e8 !important; display:block}
.AppPopupTip thead th {padding:5px; font-family:'Oswald', Century gothic, Tahoma, sans-serif; font-size:14px; letter-spacing:1px; color:#FFF; text-align:center;}
.AppPopupTip tr:first-child td {background:#FFF !important; color:#000; font-size:13px; font-family:Tahoma, Geneva, sans-serif}
.AppPopupTip tbody {background:#FFF !important; display:block; max-height:200px; overflow:auto}
.AppPopupTip tbody td {background:#FFF !important; border-bottom:2px solid #14B4E8 !important; padding:5px !important; text-align:center; height:30px !important}


form.ricerca {margin:20px 20px 10px 20px; text-align:left}
form.ricerca label {display:inline-block; font-weight:bold; margin:0 10px}
form.ricerca select {width:250px; height:28px; font-size:14px; margin:5px 0}
form.ricerca input {width:250px; height:25px; font-size:14px ; margin:5px 0; padding:0}
tr td.specifiche {height:20px;}
.FrmIptRed {border:solid 1px #999}
.FIR_on {font-weight:bold; color:#C00; border:solid 1px #C00}

.TabFieldSearch tr td {height:38px}
label.Cod_Desc {font-size:11px}
input.Cod_Desc, select.Cod_Desc {font-size:11px !important; height:16px !important; width:200px !important}
.TFS_1 tr td:first-child {width:125px}

a.AzzeraFormPdt {margin-left:30px; color:#FFF; height:38px !important; line-height:38px !important}

.sf_black_20 {background:url('/img/sf_black_20.png') !important}

#RichTab {float:left; width:100%}
#RichTab a {float:left; width:30%; height:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold; border-top:solid 2px transparent}
#RichTab a:hover {border-top:solid 2px #CCC; background:url('/img/sf_black_10.png')}
#RichTab a.RT_on {border-top:solid 2px #999}

#RichFormContainer {float:left; width:100%; margin-bottom:20px}

a.Show_Art_Details {display:inline-block; width:32px; height:32px}
a.SAD_loading {background:url(/img/ico/loader_2.gif) center center no-repeat}
a.SAD_loaded {background:url(/img/dettagli.png) center center no-repeat}

.Art_Details {position:absolute; background:url('/img/sf_black_60.png'); padding:5px 20px 25px 20px; display:none; z-index:10}
.All_List_order {position:absolute; background:url('/img/sf_black_60.png'); padding:5px 20px 25px 20px; display:none; z-index:10}
.Pos_PopupArt {bottom:-100px; right:100px; box-shadow:#999 -4px 4px 4px }
.Pos_PopupApp {top:65px; left:-120px; box-shadow:#999 4px 4px 4px }
.Close_ADb {text-align:right; position:absolute; bottom:4px; right:20px}
.arrow_up_60 {position:absolute; top:-11px; left:280px}
.arrow_sx_60 {position:absolute; top:15px; left:-11px}
.arrow_dx_60 {display:none; position:absolute; bottom:25px; right:89px}


.cutTextFam {height:80px}
.cTF {overflow:hidden}
.oTFcontainer {/*display:block; margin-top:5px */text-align:center !important; font-weight:bold; float:left; width:100%; margin:0 0 10px 0}
.oTF_dw {background:url(/img/ico/text_family_open.png) center center no-repeat}
.oTF_up {background:url(/img/ico/text_family_close.png) center center no-repeat}
a.oTF {color:#006699; font-size:11px}
a:hover.oTF { text-decoration:underline}
a.closeTextFamily {display:none}



/** CSS PER PAGINA CONTATTI **/
form {margin:20px 30px; text-align:left}
fieldset {background:#cfecfb; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:1px solid #223982; margin-top:5px; margin-bottom:5px;}
  fieldset div {width:300px; padding:3px; float:left; margin-left:5px; /*border:1px solid #c2c5c8;*/ margin-bottom:5px;}
  fieldset label {width:80px; display:inline-block; color:#595c5f; font-size:12px;}
  fieldset input {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
fieldset .td{width:auto; padding:3px; float:none; margin-left:0px; margin-bottom:0px;}
legend {background-color:#223982; color:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:1px 10px;}
input {width:150px; font-size:11px; padding:2px 5px}
input[type="checkbox"]{width:auto; margin: 4px 0;}
input[type="checkbox"][readonly]{opacity:0.4}
#colonnasx {width:520px; float:left; padding-top:25px;}
#colonnadx {width:330px; float:left; text-align:center; padding-top:37px;}
.error {color:#FF0000; border:1px solid #FF0000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fef1ec;}
label.error {padding:0 5px; width:220px; border:none; text-align:center;}
textarea {font-size:10px}


.sendbutton {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #223982), color-stop(1, #14b4e8) );
  background:-moz-linear-gradient( center top, #223982 5%, #14b4e8 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#223982', endColorstr='#14b4e8');
  background-color:#223982;
  border-radius:10px;
  text-indent:0;
  border:1px solid #223982;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  font-style:normal;
  height:40px !important;
  line-height:35px !important;
  width:100px !important;
  text-decoration:none;
  text-align:center;
	cursor:pointer;
}
.sendbutton:hover {
  background:#14b4e8;
}
.sendbutton:active {
  position:relative;
  top:1px;
}


/********* CART ******/
.DivFormLogin {color:#39A025; margin:25px 100px; text-align:center !important; font-size:16px}

.ApplyAddCart {display:none; position:absolute; top:4px; right:110px; border:#093 solid 2px; border-radius:10px; background:#FFF; color:#093; padding:8px; white-space: nowrap;}
.NoAddCart    {display:none; position:absolute; top:4px; right:110px; border:#F00 solid 2px; border-radius:10px; background:#FFF; color:#F00; padding:8px; white-space: nowrap;}

a.AddCart {display:none}
.Sconto {color:#C00}

.TabCart tr:last-child td {font-weight:bold; background:aliceblue}
.TabCart tr.CassaRow td {height:40px !important; background:aliceblue}
.TabCart tr.CassaRow:last-child td {background:#9BCBEE}

.CartQ {width:20px; font-weight:bold; text-align:right; padding:1px}
.CartRem, .CartAdd {cursor:pointer}
.CR_Off {opacity:0.4}

.CartArtDel {cursor:pointer}

.CartButton {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #223982), color-stop(1, #14b4e8) );
  background:-moz-linear-gradient( center top, #223982 5%, #14b4e8 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#223982', endColorstr='#14b4e8');
  background-color:#223982;
  border-radius:10px;
  text-indent:0;
  border:1px solid #223982;
  display:inline-block;
  color:#ffffff !important;
  font-size:15px;
  font-weight:bold;
  height:30px;
  line-height:30px;
  text-decoration:none;
  text-align:center;
  cursor:pointer;
  padding:0 10px
}
.CartButton:hover {
  background:#14b4e8;
  color:#333
}

#TabOrdine {width:90%; margin:0 50px; border-collapse:collapse; border:solid 1px #999999; background: #F0F7FB}
#TabOrdine tr td:first-child {font-weight:bold}
#TabOrdine tr td:last-child {color:#036}
#TabOrdine tr:first-child td {font-weight:bold; background:#069; color:#FFF; text-align:center; font-size:15px}

.RadioSede input {width:15px}
.RadioSede label {cursor:pointer}

/********** AGENTI *********/
.LoadingOrder {background:url(/img/ico/loader.gif) center center no-repeat #FFF; width:100%; height:80px; text-align:center}
.ShowOrder {cursor:pointer}
.ShowOrderNew {cursor:pointer}

.Pos_PopupOrd {top:0; left:50%; width:900px; margin-left:-880px; position: absolute; z-index:1000}

.TabOrderAge {width:100%; border-collapse:collapse}
.TabOrderAge td {height:20px !important}
.TabOrderAge tr:first-child td {font-weight:bold; background:#14b4e8; color:#FFF}

.RowDetails {display:none}
.RowDetails td {background:url(/img/sfondi/tab_details_1.png) no-repeat right top}

.OpenOrder {cursor:pointer}
.CloseOrder {cursor:pointer; display:none}

.TabDetails {width:93%; font-size:11px; border-collapse:collapse; float:left}
.TabDetails td {height:20px !important; background:#F2F9FF}
.TabDetails tr:first-child td {font-weight:bold; background: #069; color:#FFF; text-transform:uppercase}

.ui-widget {font-size:12px}


/* ==== cambio risoluzione ==== */
@media screen and (min-width: 800px) {
.black {margin-left:50%}
.black2 {margin-left:51%}
}

/* ==== cambio risoluzione ==== */
@media screen and (min-width: 1300px) {
.banner {height:530px}
.black2 {top:292px}
}

.color-error{color:#f00 !important}
.TabCart tr[data-disponibilita="B"]{background-color:rgba(255,0,0,0.2);}

.wrapper{max-width:960px; width:96%; margin:0 auto; position:relative;}
.cont-menusecondario>div{ text-align:right}
.black.menusecondario{margin-left:0px; display: inline-block; position:relative; overflow:inherit; background:none}
.black.menusecondario:before{
	content:"";
	background: url(/img/sf_login_60.png) left top;
	display:block;
	left:0;
	top:0;
	bottom:0;
	right:-2000px;
	position: absolute;
    z-index: -1;
}
.black.black_on.menusecondario:before{background: url(/img/sf_login_60_on.png) left top;}
.menusecondario i{font-size:16px; margin-right:10px; vertical-align:-1px;}

.TabOrdini td{padding: 8px 10px !important;}

.menu-user{list-style:none; padding:0px; margin:-20px; font-size:0px;}
.menu-user li{ display:inline-block; width:25%; box-sizing:border-box; padding:20px;}
.menu-user li a{ display:block; color:rgba(255,255,255,1); background-color:rgba(20,180,232,1); text-align:center; padding: 30px 15px; text-transform:uppercase}
.menu-user li i{ display:block; height:88px; line-height:70px; font-size:66px}
.menu-user li.focus a{ background-color:#39A025}

.tabella-prodotti{ margin:-10px}
.tabella-prodotti .tabella-prodotti-tr{background-color:rgba(250,250,250,1); border:2px solid #14b4e8; margin:10px;}
.tabella-prodotti .tabella-prodotti-cat{background-color:rgba(255,255,255,1);}
.tabella-prodotti .tabella-prodotti-cat>div{display:table-cell; vertical-align:middle; padding:10px;}
.tabella-prodotti .tabella-prodotti-cat>div:first-of-type{ width:100%}
.tabella-prodotti .tabella-prodotti-cat .open-sub-cat:before{content:'\f0d7'; font-family:"fontAwesome"; font-size:28px; color:#39A025; cursor:pointer}
.tabella-prodotti .tabella-prodotti-tr.subcat-is-open .tabella-prodotti-cat .open-sub-cat:before{content:'\f0d8'}
.tabella-prodotti ul{ list-style:none; padding-left:25px}
.tabella-prodotti ul li{position:relative}
.tabella-prodotti ul li:before{content:'\f0da'; font-family:"fontAwesome"; position:absolute; top:6px; left:-12px}
.tabella-prodotti ul li a{ font-size:14px; padding:5px 7px; display:block;}
.tabella-prodotti ul li a:hover{opacity:0.5}
.tabella-prodotti .tabella-prodotti-subcat{ display:none;  border-top:2px solid #14b4e8; }

.menu-dettaglio{ text-align:right}
.menu-dettaglio a{ display:inline-block; padding:5px; color:rgb(5, 116, 152); font-size:32px}
.menu-dettaglio a:hover{opacity:0.5}


/* ricerche prodotti */
.color-blue{color:rgba(2,105,210,1)}
.color-light-blue{color:#14b4e8}
.color-grey{color:rgba(123,123,123,1)}
.color-red{color:rgba(255,0,0,1)}

.bg-blue{background-color:rgba(2,105,210,1) !important}

.head-famiglia>div{display:table-cell; vertical-align:top; padding:5px;}
.head-famiglia>div:first-of-type{width:100%}
.head-famiglia img{display:block}

.head-famiglia h2{padding:0px; font-family: 'Oswald', Century gothic, Tahoma, sans-serif; font-size: 24px; letter-spacing: 1px; color: #14b4e8; text-align: left; line-height: 28px; font-weight:normal; margin:0px;
}
.table-1{border-collapse:collapse !important; width:100%; background-color:rgba(255,255,255,1); margin-bottom:20px !important;}
.table-1 th{background-color:#14b4e8 !important; text-transform:uppercase; border:2px solid rgba(255,255,255,1); padding: 2px 10px !important;font-family: 'Oswald', Century gothic, Tahoma, sans-serif;font-size: 14px;letter-spacing: 1px;color: #FFF;text-align: center; height:38px; border-bottom:none !important}
.table-1 td{border-bottom:2px solid #14b4e8;  height:38px; padding: 2px 10px; text-align:center; font-family: Tahoma, sans-serif;}
.table-1 .articolo-marca{color:rgba(255,255,255,1); position:relative; z-index:1; padding:14px 0 0 10px; height:28px; border:2px solid rgba(255,255,255,1); border-bottom-color:#14b4e8; font-size: 14px; font-weight: bold; text-align:left}
.table-1 .articolo-marca:before{content:""; position:absolute; bottom:0; left:0; height:30px; width:350px; background-color:rgba(2,105,210,1); z-index:-1}
.table-1 .articolo-marca:after{content:""; position:absolute; bottom:0; left:350px; z-index:-1; width: 0; height: 0; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent transparent transparent rgba(2,105,210,1);}
.table-1 .ico{font-size:28px; vertical-align: middle;}
.table-1 a:hover{opacity:0.6;}
.table-1 [data-status-td="1"]:before{content:"\f00c"; font-family:"fontAwesome"; color:rgba(0,153,0,1);}
.table-1 .disponibilita>span{width:12px; height:12px;display: inline-block; vertical-align: middle;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 1px solid rgba(0,0,0,0.4)}

.dettagli-prodotto{display:none}

.ico-double{position:relative}
.ico-sup{position:absolute; top:50%; left:50%; height:20px; width:20px; line-height:20px; margin:-10px; text-align:center; font-size:18px; text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);}
.icon-new{font-size:22px; vertical-align: middle; color: #ff9001;}

.txt-small{font-size:11px}
.table-1 th.bg-blue{background-color:rgba(2,105,210,1) !important}
/* /ricerche prodotti */

.td{display:table-cell; vertical-align:top}
.td.main{width:100%}

.hide_discount{display:block}
.hide_discount .check{display:inline-block; width:17px; height:17px; border:1px solid rgba(204,204,204,1); box-sizing:border-box; vertical-align:middle; margin-right:5px; text-align:center; background-color:rgba(255,255,255,1)}
.hide_discount.checked .check:before{content:"\f00c"; font-family:"fontAwesome"; color:#39A025; line-height:15px}

.box-tutorial{float:right; position:relative; border:1px solid rgba(204,204,204,0.5); background-color:rgba(204,204,204,0.5); max-width:200px; font-size:16px; padding:11px 15px}
.box-tutorial .btn-content{border-top:1px solid rgba(204,204,204,1); margin-top:12px; padding-top:12px; box-sizing:border-box; position:relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
.box-tutorial .btn-content .btn{background-color:#39A025; color:rgba(255,255,255,1); padding:5px 7px; font-size:14px; display:block; cursor:pointer}
.box-tutorial .btn-content .btn:hover{opacity:0.7}
.box-tutorial .icona{position:absolute; top:0; right:0; width:44px; height:44px; font-size:44px; margin:-20px; color:#fff; background-color:#14b4e8; text-align:center; border-radius:100%; box-sizing:border-box; border:1px solid rgba(204,204,204,0.5)}

/* - menu lingua - */
.menu-lang{float:right}
.menu-lang ul{list-style:none; font-size:0px; white-space:nowrap; padding:40px 0px 40px 11px; transition:all 0.5s;}
.menu-lang ul li{display:inline-block; font-size:20px; vertical-align:middle; padding:5px; opacity:0.3; position:relative;}
.menu-lang ul li:hover{opacity:1;}
.menu-lang ul li.active{opacity:1;}
.menu-lang ul li a{display:block;}
.menu-lang ul li a i{border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 1px solid rgba(255,255,255,0.4);}
.scroll-start .menu-lang ul{padding:15px 0px 15px 11px;}

.menu-lang ul{display:none} /*PROVVISORIO*/
/* -/menu lingua - */