﻿/* CSS Document */
/* STILI DEL SITO 3 EFFE GROUP - GENERICI */
body {
	font-family: Tahoma;
	font-size: 10px;
	color: #333333;
	margin: 0px;
	padding: 5px;
	background: #fff;
}

form {	margin :0px; padding: 0px;}

p {	margin: 0px; padding: 0px;}

img {border: none;}

td { font-size: 9pt;}

a {
	text-decoration: underline;
	color: #0a5fa6;
	font-size: 11px;
}
a:hover {
	color: #313131;
}
a.codice {
	text-decoration: underline;
	color: #0a5fa6;
	font-size: 11px;
}
a.codice:hover {
	color: #313131;
}


/* risultato targa */

.credito {position: absolute; top: 20px; left: 220px; font-size: 9pt; width: 390px; min-height: 65px; padding: 20px; text-align: center; background: #eee;}
.credito span{display:block; margin: 0 auto; font-weight: bold; }
.credito a{display:block; margin: 0 auto; font-weight: bold; }
.creditoinfo {position: absolute; top: 20px; left: 660px; font-size: 7pt; font-weight: bold; width: 290px; min-height: 65px; padding: 42px 10px 10px 10px; border: 1px solid #c8c8c8;}
.targa_cercata {position: absolute; top: 28px; font-size: 8pt; color: #e01; left: 670px; width: 290px;}
.telatio_veicolo {position: absolute; top: 87px; width: 190px; padding: 10px 5px; border-radius: 5px; letter-spacing: 1px; color: #000; text-align: center; font-size: 15px; background: url(../images_3effe/bg-telaio.png) left center no-repeat #fff;}

.tga-subtitolo {text-transform: uppercase; height: 50px; padding: 14px 0 0 45px; margin-bottom: 60px; font-size: 20pt; background: url(../images_3effe/bg-targa.png) left center no-repeat #fff;}
.targa_veicolo { float: left; width: 955px; /* height: 170px; */ margin-bottom: 30px; border: 5px solid #0a5fa6}
.targa_descr {float: left; width: 150px; height: 270px; padding: 10px; color:#fff; font-size: 12pt; background: #0a5fa6}
.targa_alt,
.targa_str {float: left; width: 120px; height: 120px; padding: 10px;}
.targa_alt img,
.targa_str img {max-width: 100%;}
.targa_error {padding: 10px; float: left; color: #e01; font-size: 8pt; background: #eee; }
.targa_alt_no,
.targa_str_no,
.targa_pl_no,
.targa_com_no,
.targa_bat_no {float: left; width: 120px; height: 120px; padding: 10px; font-size: 9pt; color: #000; text-align: center;}
.targa_alt_no strong,
.targa_str_no strong,
.targa_pl_no strong,
.targa_com_no strong,
.targa_bat_no strong {text-decoration: underline; -moz-text-decoration-color: #e01; text-decoration-color: #e01;}
.targa_alt_no a,
.targa_str_no a,
.targa_pl_no a,
.targa_com_no a,
.targa_bat_no a {display: block; width: 100px; padding: 2px 10px; border: 1px solid #e01; font-weight: bold; color: #000; text-decoration: none; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}

.table-responsive .table {border-collapse: collapse; width: 99%}
.table-responsive .table th{font-size: 9pt; padding: 5px; white-space:nowrap; background: #000; color: #fff;}
.table-responsive .table td{font-size: 9pt; padding: 5px; vertical-align: middle; border: 1px solid #ddd;}
.table-responsive .table th.stkcattit{fnt-size: 9pt; color: #000; text-align: left; background: #fff; padding: 5px; padding-top: 25px; border:0;}
.table-responsive .table h3 {font-size: 1.4em; margin: 0;}
.table-responsive .table tr:hover td{background: #eee;}
.table-responsive .table .stkimg {text-align: center}
.table-responsive .table .stkimg img{width: 60px;}
.table-responsive .table .stkfornitore {font-size: 0.85em; font-weight: bold; color: #000;}
.table-responsive .table .stktit{font-weight: 700; color: #000;}
.table-responsive .table .stkcod {color: #000}
.table-responsive .table .stkprzunit {white-space: nowrap; font-weight: 700; font-size: 1.2em; color:#fff; text-align:right; vertical-align: middle; background: #e10!important}
.table-responsive .table .stkprzlist {white-space: nowrap; color:#c5c5c5; font-size: 1.0em; text-align:right; text-decoration: line-through; vertical-align: middle;}
.table-responsive .table .stkprzsconto {font-weight: 700; color:#000;}
.table-responsive .table .stkcart {white-space: nowrap; background: #eee;}
.table-responsive .table .stkcart select{width: 55px; padding: 3px 5px; margin-right: 10px;}
.table-responsive .table .stkcart input[type=button] {padding: 3px 5px; color: #fff; vertical-align: middle; border: 2px solid #e10; background: #e10;}
.table-responsive .table .stkcart input[type=button]:hover {color: #000; background: #fff;}
.table-responsive .table .stknodispo {color: #000; text-transform: uppercase; font-size: 0.7em;}

/**/


table.tab_titolo {
	width: 100%;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	border-bottom: dotted 1px #999999;
}

table.lista_prodotti {
	font-size: 11px;
	width: 100%;
	border-left: dotted 1px #f2f2f2;
	border-top: dotted 1px #f2f2f2;	
}
table.lista_prodotti td {
	border-bottom: dotted 1px #CCC;
	border-right: dotted 1px #CCC;
	padding: 5px;
	font-size: 8pt;
}
table.lista_prodotti .none{
	border: none;
	padding: 2px;
	font-size: 8pt;
}
table.lista_prodotti td.intestazione {
	border: none;
	background: #999999;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}

table.lista_prodotti td.intestazione_note {
	border: none;
	background: #999999;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}



table.lista_prodotti td.note {
	background: #f5f5f5;
	color: #667;
}

table.lista_prodotti td.note span {
	background: #f5f5f5;
	color: #008000;
}

table.lista_prodotti td.noteblu {
	background: #f5f5f5;
	color: #0a5fa6;
}


table.lista_equivalenti {
	width: 100%;
	border: none;
	/* border: solid 1px #CCC; */
}
table.lista_equivalenti td {
	padding: 3px;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	font-size: 11px;

}
table.lista_equivalenti td.titolo {
	background: #5b5b5b;
	padding: 3px;
	color: #FFF;
}


table.lista_vista_prodotto_eq {
	width: 100%;
}

.lista_vista_prodotto_eq a, .lista_vista_prodotto_eq a:link, .lista_vista_prodotto_eq a:active, .lista_vista_prodotto_eq a:visited{
	text-decoration: underline;
	font-weight: bold;
	color: #0000ff;
	font-size: 11px;
}
.lista_vista_prodotto_eq a:hover {
	color: #0000ff;
}


.valori_sx {
	width: 150px;
	border: solid 1px #CCC;
	text-align: right;
	background: #f5f5f5;
	color: #333;
	font-size: 11px;
}
.valori_dx {
	width: 150px;
	border: solid 1px #CCC;
	text-align: left;
	font-weight: bold;
	background: #f2f2f2;
	font-size: 11px;	
}


table.lista_vista_prodotto {
	width: 100%;
}

table.lista_vista_prodotto td {
	vertical-align: middle;
	border-bottom: solid 1px #CCC;
}

table.lista_vista_prodotto td.PlugTD {
	border: solid 3px #CCC;
	text-align: center;
	font-size: 12px;
}

.prodotti_trovati {
	font-size: 14px;
	color: #04407f;
	font-weight: bold;
	padding-left: 5px;
}
.titolo {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	background: #FFF;
	color: #1a6aac;
}
span.txt_orange {
	color: #0a5fa6;
	font-size: 14px;
}
select {
	font-size: 10px;
	background: #FFF;
	border: solid 1px #999;
}
span.titolo {
	background: #999;
	color: #f5f5f5;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 5px;
	width: 100%;
}

img.info {
	border: none;
	margin: 2px;
}
input {
	font-size: 10px;
	width: 100px;
}

input.lrg {
	font-size: 10px;
	width: 200px;
}

input.chk {
	width: 18px
}

#scroll{
	width:390px;
    height:260px;
    overflow:auto;
    text-align: left;
    background: #f1f1f1;
}



/***********************/
/* Progetto Leonida */
a.tooltipleo{
    position:relative; /*this is the key*/
    z-index:25;
    text-decoration:none;
}
a.tooltipleo span {
	display: none; 
	padding:5px;
}
a.tooltipleo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    width: 450px;
    top: -38px; 
    left: 35px; 
    border:1px solid #ffb14f;
    background-color:#ffdd66; 
    color:#000;
 }
 
 
/*Partner*/
/****************************************/

.tbl_partner td {
	border: none !important;
	font-size: 8pt !important;
}

.partner_tooltip {
	position: absolute;
	z-index: 20;
	width: 346px;
	height: 65px;	
	display: none;
	margin-top: -85px;
	margin-left: -140px;
	background: url(../images_3effe/bg_partner_tooltip.png) no-repeat;
}

.partner_tooltip .inner{
	padding: 10px;
}

.tbl_ord_partner {	width: 100%;}
.tbl_ord_partner td{
	border-bottom: 1px solid #dadada;
	padding: 10px 5px;
}
.tbl_ord_partner td input{	margin-right: 10px;}
.partner_title {font-weight: bold;}


/*SPECCHIO*/
.specchio {
	background: #E4E6F7;
}


.specchio-wrap {
	position: relative;
}
.specchio-info {
     position: absolute;
     left: -400px;
     background:#eee; 
     border: 1px solid #ccc; 
     width: 500px; 
     padding: 3px;
     font-size: 11px;
}
.specchio-info p{font-weight: bold}
.specchio-info table{
	width: 100%;
}
.specchio-info table th{
	padding: 3px;
	background: #828282;
	color: #fff;
}
.specchio-info table td{
	padding: 3px;
	border-bottom: 1px solid #828282
}
.specchio-info table td.price{
	color: #f00;
}
.specchio-info table td.mag{
	color: #03f;
	font-weight: bold;
}






