@charset "iso-8859-1";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald');

body{margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#071329}
img{border:0px}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; color:#3D495F; font-family:'Oswald', Verdana; font-size:18px; font-weight:normal; text-transform:uppercase; width:100%; float:none}
form{padding:0px; margin:0px}
select{font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; line-height:20px; border:1px solid #3D495F; padding:3px 5px}
input{font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; border: 1px solid #3D495F;}
input[type="submit"]{color:#3D495F}
input[type="image"]{border:0}
hr{width:98%; height:2px; color:#242424; margin:20px 0px}

A:link, A:visited{color:#3D495F; text-decoration:none; font-weight:bold}
A:hover{color: #3D495F; text-decoration:underline; font-weight:bold}
#cookieChoiceInfo{color:#FFF !important; background-color:#3D495F; position:fixed;width:100%;margin:0; left:0; top:0;padding:4px;z-index:99999;text-align:center; font-size:1em}
#cookieChoiceInfo a{background-color:#FFF; padding:2px 3px}
#top{margin:0px auto; width:1004px; background-image:url(../immagini/bg-top.png); background-position:bottom right; background-repeat: no-repeat; vertical-align:top; background-color:#3D495F;border-bottom: 2px solid #4fff00;}
#bottom{ font-family:'Oswald', Verdana; margin:0px auto; width:1004px; height:190px; background-image: url(../immagini/bg%20bottom.jpg); background-position:top; background-repeat: repeat-x; border-top:4px solid #3D495F}
#bottom-main{height:190px; color:#3d3d3d; background-color:#0F0F0F}
#divProdotti{border-bottom:2px solid #4fff00; background-color:#666; padding:5px}
#bottom-p1{float:left; width:15%; padding-left:10px; line-height:54px;}
#bottom-p1 h3{color:#C5C8CF;}
#bottom-p2 img{float:left; margin:0px 15px; vertical-align:middle}
#logorpm{margin:19px 0px 19px 10px}
#logodiv{text-align:center}
#logorpmbottom{margin:0px 14px 0px 10px}
#main{min-height:500px ;margin:0px auto; width:984px; padding:10px; background-color:#FFF; vertical-align:top; display: -webkit-flex; display: -ms-flexbox; display: flex;flex-wrap:wrap; overflow: hidden; line-height:20px}
#shop{ text-align:right; padding:10px 10px 0px 0px;}

#menutop{font-size: 14px; margin:0px; padding:8px; color: #666; font-family:'Oswald', Verdana; text-transform:uppercase; text-align:center; background-color:#585858; line-height:30px}
.sf-menu A:link, .sf-menu A:visited{color:#D0D9E8; text-decoration:none; border:0px solid #D0D9E8; padding:0px 10px; background-color:#585858;}
.sf-menu A:hover{color: #4fff00; text-decoration:none; border:0px solid #FFF; padding:0px 10px;}
/* menu */
.sf-menu{float:none;display:inline-block}
#menu{text-align:center;}
#mob-menu { display: none; }
#menubottom{float:right; margin:5px 10px 0px 0px; color:#5a5a5a;}
#menubottom A:link, #menubottom A:visited{color:#5a5a5a; text-decoration:none; font-size:13px}
#menubottom A:hover{color: #4fff00; text-decoration:underline; font-size:13px}

#box-supersprint{display: inline-block; width:49.5%; border:1px solid #000; font-family:'Oswald', Verdana; font-size:18px; margin:10px 0px; background-color:#C5C8CF; line-height:30px; text-transform:uppercase;}
/*#box-supersprint img,#box-hr img, #box-ebc img, #box-alko img{width:350px; height:auto}*/
#box-supersprint div{padding:5px}
#box-greenfilter{display: inline-block; width:49.5%; border:1px solid #000; font-family:'Oswald', Verdana; font-size:18px; margin:10px 0px; background-color:#C5C8CF; line-height:30px; text-transform:uppercase;}
/*#box-supersprint img,#box-hr img, #box-ebc img, #box-alko img{width:350px; height:auto}*/
#box-greenfilter div{padding:5px}
#box-altro{ width:708px; padding:7px}
#box-altro img{height:25px; margin-top:10px; margin-bottom:10px}
#box-cerca{border:1px solid #000; font-family:'Oswald', Verdana; font-size:14px; background-color:#C5C8CF; line-height:30px; text-transform:uppercase}
#box-cerca div{padding:5px}

.box-img {height:69px; text-align:center; background-color:#666;}
.box-img img {height:59px; width:auto;}
.color-supersprint-1{color:#3D495F;}
.bg-supersprint-1{background-color:#4fff00; color:#3D495F;}
.bg-th-supersprint-1{ background-color:#D0D9E8; color:#5a5a5a;}
.bg-th-supersprint-2,.bg-th-univ-1{ background-color:#5a5a5a; color:#fff;}

.color-greenfilter-1{color:#3D495F;}
.bg-greenfilter-1{background-color:#4fff00; color:#3D495F;}
.bg-th-greenfilter-1{ background-color:#D0D9E8; color:#5a5a5a;}
.bg-th-greenfilter-2{ background-color:#5a5a5a; color:#fff;}

.bg-green{ background-color:#096; border-top:1px solid #FFF;}
.bg-blue{ background-color: #002d69; border-top:1px solid #FFF;}
.bg-yellow{ background-color: #FF0; color:#333; border-top:1px solid #FFF;}
.bg-black{ background-color:#333; border-top:1px solid #FFF;}
.bg-red{ background-color:#F03; border-top:1px solid #FFF;}
.bg-white{ background-color:#FFF; color:#002d69; border-top:1px solid #FFF;}

.legenda { font-family:'Oswald', Verdana; width:100%; border-spacing: 0; border-collapse: collapse;}
.legenda td {border-top: 1px solid #4fff00; }

/*.bg-car{ background-image:url(../immagini/bg-car.jpg)}
.bg-car-bottom{ background-image:url(../immagini/bg-car-bottom.jpg); background-position: bottom; background-repeat:repeat-x}*/
.bg-car-bottom td{ text-align:center; font-family:'Oswald', Verdana;}

.border-1{ border-left:1px dashed #3D495F; padding-left:10px}
.border-2{ border:1px solid #3D495F; padding-left:10px}
.border-3{ border:1px solid #3D495F; padding:10px}
.border-4{ border-bottom:1px solid #3D495F; margin-bottom:10px; padding-bottom:10px}
td.td-N{width:729px; padding-right:8px; vertical-align:top;}
td.td-C{width:235px; vertical-align:top;}
td.td-L{ width:50%;}
div.td-N{padding-right:8px; vertical-align:top; flex: 1 729px;}
div.td-C{vertical-align:top; flex: 1 235px;}
div.td-L{flex: 1;}
.mart10{margin-top:10px}
.mart20{margin-top:20px}

/* menu H&R*/
#menuhr{margin:5px 10px 0px 0px; color:#5a5a5a; }
#menuhr div{float:left; margin:5px 5px 0px 0px; padding:5px; background-color:#003366; border:1px solid #3D495F;}
#menuhr div.on{float:left; margin:5px 5px 0px 0px; padding:5px; background-color:#003366; color: #FFD008; font-weight:bold}
#menuhr A:link, #menuhr A:visited{color: #999; text-decoration:none;}
#menuhr A:hover{color: #FFD008; text-decoration:underline;}

/* contattaci */
#contattaci{width:100%}
    #contattaci input[type=text], #contattaci input[type=password], #contattaci select {
        width: 100%
    }
#contattaci textarea{width:100%}

/* prodotti */
#navCar{margin-top:10px;}
.prodotti{margin:20px 0px}
.prodotti th {padding:5px 5px}
.prodotti td {padding:5px 3px;}
.prd-pic{width:60px; height:auto; vertical-align:top}

/* dettaglio */
#dettaglio{margin:10px 0px}
#dettArt{margin:10px 0px 20px 5px}
#dettArt div{margin:10px 0px}
#dettaglio select{width:50px}
#dettaglio input[type=image], #sidebar input[type=image], #carrello input[type=image]{height:20px; width:20px}
#addCart{margin:10px 0px; text-align:center; padding-bottom:10px; font-size:10px;}
#addCart div{line-height:12px}
#dettaglio ul{ font-size:11px; padding:0px; margin:0px;}
#dettaglio li{margin-left:25px}

/* carrello */
#carrello{ text-align:center; width:400px; margin:40px auto; border:1px solid #3D495F; padding:10px}
#reg{margin-top:30px;}
#reg td{padding:5px;}
#reg input[type=text], #reg input[type=password]{width: 100%}
.pagamento{height:20px}
.uppercase{text-transform:uppercase}

/* aggiornamento */
#preload{ display:none; width:200px; margin:30px auto; text-align:center}

/* varie */
.clear{ clear:both}
.clear-right{ clear:right; margin:0px; padding:0px; line-height:5px}
.clear-left{ clear:left;}
.hide{ display:none}
.pointer{ cursor:pointer}
.sfumatura{ background-image:url(../immagini/bg-top.jpg); background-position:top; background-repeat:repeat-x}
.vTop{ vertical-align: top}
.riga_0{ background-color:#dfe5ee}
.riga_1{ background-color:#F7F7F7}
.Oswald{font-family: 'Oswald'}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.marT5{margin-top:5px}
.marT15{margin-top:15px}
.marT30{margin-top:30px}
.marB10{margin-bottom:10px}
.lh2{ line-height:1px; font-size:1px; padding:0px; margin:0px}
.blu{color:#3D495F;}
.grigio_topo{color:#282828}
.bold{ font-weight:bold}
.mar10{margin:10px}
.pad10{padding:10px}
.pad5{padding:5px}
.padL5{ padding-left:5px}
.padL15{ padding-left:15px}
.padB15{ padding-bottom:15px}
.padLR280{ padding:10px 280px}
.padLR250{ padding:10px 250px}
.fs10{ font-size:10px}
.fs11{ font-size:11px}
.fs12{ font-size:12px}
.fs14{ font-size:14px}
.fullWidth{ width:100%}
.w95{ width:95%}
.w90{ width:80%}
.w50{ width:49%}
.w10{ width:20%}
.inline,.fl{float:left}
.fr{float:right}
.overline{ text-decoration: line-through}
.nowrap{white-space:nowrap;}

.tablesorter td,.tablesorter th{padding:2px; white-space:nowrap}
.tablesorter img{text-align:center}
/* paginazione */
.pagination {list-style: none; margin: 5px 0px; overflow: hidden; font-size:10px; padding:0px}
.pagination li {background: #f3f3f3; border: 1px solid #e1dddd; float: left; margin: 0 8px 0 0;}
.pagination li.active, .pagination li.active:hover {background: #f3f3f3; border: 1px solid #3D495F;}
.pagination li a {color: #939191; display: block; font-weight: bold; height: 27px; line-height: 27px; text-decoration: none; padding: 0 8px;}
.pagination li.prev a { padding: 0 14px 0 24px;}
.pagination li.next a { padding: 0 24px 0 14px;}
.pagination li.active a, .pagination li.active:hover a {color: #3D495F;}
.pagination li:hover a {color: #777;}

/* Promo */
.promo{border: 1px solid #3D495F; margin-top:10px; padding:5px}
.promo-img{float:left; padding-right:5px}
.giacOff{ background-color:#F00; color:#FFF}

/* Pagamento */
#addInd{ cursor:pointer; float:right; margin-top:0px}
#addInd_Form{ display:none}

/* jquery ui*/
.ui-state-highlight { height: 1.5em; line-height: 1.2em;}
.ui-datepicker-trigger {margin:10px 0 0 5px; padding:0;  width:20px}

/* professionale */
.overlinepro{text-decoration:line-through}
.hidepro{display:none}
#nascondi{margin:10px 10px 0 0}
.showOff{display:none}
.showOn{display:normal}

/* aggiunte */
.row{display:block}
.row div{display:inline-block}
#regx .row div{width:30%; margin:3px 0}
#regx .row div input{width:90%}
#regx .row div select{width:92%}
#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5{min-height:400px}
#tabs-2 .row div,#tabs-3 .row div{width:20%; margin:3px 0}
#tabs-2 .row div input[type=text],#tabs-3 .row div input[type=text]{width:90%}
#tabs-2 .row div select,#tabs-3 .row div select{width:92%}
#errore{font-size:10px; color:#ff2000}
#tabs{margin-bottom:15px}
#sidebar span{font-size:10px}

/* ricerca avanzata */
.search{clear:both; padding-top:10px}
.search, .hide {display:none;}
.search table { border:1px solid #3D495F; padding:10px;}
.search table th { font-weight:bold; padding:0px 5px}
.search table td { padding:5px;}
#ricerca_avanzata,#storico{ font-size:10px; cursor:pointer}