/*
 * Guida Service - foglio di stile
 *
 * Sezione 1: regole originali del sito (style.css del 2001), invariate.
 * Sezione 2: impaginazione che sostituisce il vecchio frameset.
 * Sezione 3: compatibilita' per le pagine che nel vecchio sito
 *            non caricavano style.css o usavano stili propri.
 */

/* ===== 1. Regole originali ===== */

A:link { font-weight: bold; font-size: 12px; text-decoration: underline; color:#08145D}
A:visited { font-weight: bold; font-size: 12px; text-decoration: underline; color:#08145D}
A:hover {font-weight: bold; font-size: 12px; text-decoration: underline; color: #6F82B2}

td { font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#08145D}
.titolo { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#6F82B2}
A.credits:link { font-size: 11px; text-decoration: none; font-weight: bold; color: #6F82B2 }
A.credits:visited { font-size: 11px; text-decoration: none; font-weight: bold; color: #6F82B2 }
A.credits:hover { font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFFF }
A.menu:link { font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFFF }
A.menu:visited { font-size: 11px; text-decoration: none; font-weight: bold; color: #FFFFFF }
A.menu:hover { font-size: 11px; text-decoration: none; font-weight: bold; color: #08145D }



.myform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #08145D;
	background-color: #FFFFFF;
	border-top: 1px solid #08145D;
	border-right: 1px solid #08145D;
	border-bottom: 1px solid #08145D;
	border-left: 1px solid #08145D;
}
.FormReply_BG {
	background-color: #FFFFFF;
}
.FormReply_FG {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #08145D;
}

.CatalogImg{
	width: 20%;
}
.CatalogImg IMG{
	border: 1px solid #08145D;
	margin: 20px;
}


TD.CatalogListPrezzo{
	border-bottom: 1px solid #08145D;
	padding-bottom: 5px;
	padding-top: 5px;
}

TD.CatalogListSottoProd{
	border-bottom: 1px solid #08145D;
	padding-bottom: 5px;
	padding-top: 5px;
}


.CatalogFooter {
	padding-left: 5px;
	padding-top: 5px;
	margin-top: 15px;
	border-top: 1px solid #08145D;
}

.CatalogHeader {
	padding-left: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	FONT-STYLE: normal;
        HEIGHT: 18px;
        color: #000000;
	BACKGROUND-COLOR: #D1D1D1;
}
.CatalogHeader A:link {
	COLOR: #08145D;
	TEXT-DECORATION: none	
}
.CatalogHeader A:visited {
	COLOR: #08145D;
	TEXT-DECORATION: none	
}
.CatalogHeader A:hover {
	COLOR: #08145D;
	TEXT-DECORATION: underline
}

.CatalogBoxContent IMG{

	border: 1px solid #08145D;
	margin: 10px;
	align: center;
}

.CatalogBoxTitle{
	align: center;
	text-align: center;
	padding-top: 10px;
}
.CatalogBoxContent{
	align: center;
	text-align: center;
}

.CatalogNome{
        FONT-SIZE: 16px;
        FONT-WEIGHT: BOLD;
	padding-bottom: 20px;
}

.CatalogPrezzo{
        FONT-SIZE: 12px;
        FONT-WEIGHT: BOLD;
	padding-bottom: 20px;
}
.CatalogSpecsTitle TD{
	border-bottom: 1px solid #08145D;
	padding-bottom: 5px;
	padding-top: 5px;
}
TD.CatalogSpecsTitle {
	border-bottom: 1px solid #08145D;
	padding-bottom: 5px;
	padding-top: 5px;
}
.CatalogSpecsLabel{
        FONT-SIZE: 12px;
        FONT-WEIGHT: BOLD;
	width: 10%;
	white-space: nowrap;
}
.CatalogSpecsRow{
	padding-left: 20px;
	padding-top: 5px;
}
.CatalogSpecsValue{
	width: 90%
}

/* ===== 2. Impaginazione (ex frameset: testata 111px, menu 138px, contenuto 638px, piede 21px) ===== */

html, body {
	height: 100%;
	margin: 0;
}
body {
	background-color: #9BA0BE;
	color: #000000;
}
img {
	border: 0;
}
#pagina {
	display: flex;
	flex-direction: column;
	width: 776px;
	height: 100%;
	margin: 0 auto;
}
#testata {
	display: flex;
	flex-wrap: wrap;
	flex: none;
	height: 111px;
	background-color: #08145D;
}
#testata img {
	display: block;
}
#centro {
	display: flex;
	flex: 1;
	min-height: 0;
}
#menu {
	flex: none;
	width: 138px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	background: #08145D url(/img/pat_spalla.gif);
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#menu li {
	padding-bottom: 1px;
	background: url(/img/tratti.gif) no-repeat left bottom;
}
#menu a {
	display: block;
	height: 23px;
	line-height: 23px;
	padding-left: 31px;
	background: url(/img/freccia.gif) no-repeat left top;
}
#contenuto {
	flex: none;
	width: 638px;
	overflow: auto;
	background-color: #FFFFFF;
}
#piede {
	flex: none;
	height: 21px;
	overflow: hidden;
	background-color: #08145D;
}
#piede div {
	padding-top: 3px;
	text-align: center;
	background: url(/img/pat_footer.gif);
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* Pagina di ingresso (index.php) */
body.ingresso {
	background-color: #08145D;
}
body.ingresso #ingresso {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100%;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* Immagini spaziatrici (trasp.gif) da sole in una cella: senza spazio di riga, come nel vecchio rendering "quirks" */
img.blocco {
	display: block;
}


/* ===== 3. Compatibilita' ===== */

/* Pagine senza style.css nel vecchio sito (privacy, cookie, percorsi): stili predefiniti del browser */
.testo-libero {
	margin: 8px;
}
.testo-libero a:link,
.testo-libero a:visited,
.testo-libero a:hover {
	font-size: inherit;
	font-weight: inherit;
	color: revert;
}

/* Cartina di "Dove siamo": cursore a lente come nel vecchio sito */
a.cartina, a.cartina img {
	cursor: url(/img/zoomin.cur), zoom-in;
}
.testo-libero > p:first-child {
	margin-top: 0;
}

/* Descrizioni prodotto: come nel vecchio rendering "quirks", niente margine sopra un elenco a inizio cella */
.CatalogDescrizione td > ul:first-child {
	margin-top: 0;
}

/* Area Privati / Area Rivenditori: nel vecchio sito erano documenti salvati da Microsoft Word */
.word p {
	margin: 0;
	font-size: 12pt;
	font-family: "Times New Roman", serif;
	color: black;
}
.word p.paragrafo {
	margin: 12px 0 16px;
}
.word a:link {
	color: blue;
}
.word a:visited {
	color: purple;
}
body.ingresso .riquadro > div {
	display: flex;
	align-items: flex-end;
}
body.ingresso .riquadro img {
	display: block;
}

/* Contatti: blocco sede/filiale (come nel vecchio rendering, niente margine sopra il primo titolo) */
.sede {
	text-align: center;
}
.sede h1 {
	margin-top: 0;
}