/* CSS Document */
#mainpan {
    margin: auto;
    width: 780px;
    border:0;
    padding-bottom:10px;
}

#content {
    width: 580px;
    padding: 3px;
    vertical-align: top;
    padding-top:5px;
    padding-bottom:10px;
    background-color: #FFFFFF;
}

#rightSideBar {
    width: 180px;
    vertical-align: top;
    padding-top:5px;
    padding-bottom:10px;
    background-color: #29B3BE;
}

#leftSideBar {
    width: 200px;
    vertical-align: top;
    background-color: #DDDDDD;
}

body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color :#000000;
    margin: 0px;
    margin-bottom: 30px;
    background-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #EEEEEE;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #FBFBFB;
	scrollbar-darkshadow-color: #000000;
}
td {
    font-family: Verdana, Helvetica, Arial;
}
th {
    font-style: oblique;
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    text-align: left;
    background-color: #DDDDDD;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color:#CC0000;
}
h1 {
    font-style: oblique;
    font-weight: bold;
    color: #214D94;
    font-size: 19px;
}
hr {
    background : #CCCCCC;
    height: 1pt;
    width: 95%;
}
form {
    margin:  0px;
    padding: 0px;
}
input, textarea, select{
    font-size: 11px;
    font-family:Verdana,Helvetica,sans-serif;
    border-top:  #000000 1px solid;
    border-left: #000000 1px solid;
    border-right: #000000 1px solid;
    border-bottom: #000000 1px solid;
}
img {
    border: 0px;
}

/** BARRANAV ** roll-over basato solo sui colori **/
div.tab_nav {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-align: middle;
    background-color: #000000;
}
div.tab_nav a {
    width: auto;   /* ATTENZIONE la misrua deve essere (780) / (elementi da mettere nel menù) */
    line-height: 20px; height: 20px;/*  altezza del link: height e line-height devono avere il medesimo valore */
    display: block;  /*il link occupa tutto lo spazio orizzontale */
    text-align:center;
}
div.tab_nav a:visited,
div.tab_nav a:link,
div.tab_nav a:active {
    color:#FFFFFF;
    padding-bottom:1px;
    padding-top:1px;
}
div.tab_nav a:hover {
    color: #FFFF00;
    background-color: #666666;
}
/* Navigazione default */
#tab_navSel {
    font-family: Verdana, Arial, Sans-Serif;
    color: #FFFF00;
    background-color: #444444;
    padding-bottom:1px;
    padding-top:1px;
}

/** MENU LATERALE ** roll-over basato solo sui colori **/
/* colore cella e testo menù selezionato */
.MenuSelect {
    color:#000000;
    font-weight: bold;
    background: #DDDDDD;
}
/* colore cella menù Titolo sezione es: utilizzi */
.MenuTitleSezione {
    color:#000000;
    font-weight: bold;
}
/* colori e stile del titolo box */
.MenuSelectTitle {
    color:#000000;
    font-weight: bold;
    text-transform: uppercase;
    background: #DDDDDD;
}
ul.MenuSezione {
    width: auto; /* Qui mettere le dimensioni esatte della cella */
    list-style:none; /* elimino i punti elenco */
    margin:0;
    padding:0; /* elimino i rientri delle liste */
    background: #DDDDDD;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #DDDDDD;
}
ul.MenuSezione li a {
    display:block; /* il link occupa tutto lo spazio orizzontale */
    text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
    padding:2px 2px; /* lascia spazio fra il bordo del menu e il testo del link */
    line-height: 16px; height:16px;/*  altezza del link: height e line-height devono avere il medesimo valore */

}
ul.MenuSezione li { /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
    display:inline;
}
/* colori per l'effetto roll-over */
ul.MenuSezione li a:hover, ul.MenuSezione li a:active {
    background: #EEEEEE;
    color:#333333;
}
/* Richiamo la classe MenuSelect per evidenziare sezione in cui si è e assegno lunghezza alla cella */
ul.MenuSezione li a:MenuSelect, ul.MenuSezione li a:MenuTitleSezione {
    font-family: Verdana, Arial, Sans-Serif;
    width: auto;  /* Qui mettere le dimensioni esatte della cella */
}

/* Paginazione dei prodotti */
.Pager {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
    font-weight: normal;
    height: 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
a.Pager:hover {
    color: #FF0000;
}
.PagerSelected {
    color: #FF0000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: x-small;
    font-weight: normal;
    height: 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
/* Messaggi di errore od evidenziati */
.Message {
    font-size: 12px;
    color: #FF0000;
}
/* Submit dei form */
.Bottone {
    font-size: 12px;
    font-weight: bolder;
    color :#000000;
    background: #FFFFFF;
    border-color: #444444;
    border-width: 1px;
}
/* Classe paragrafo di stampa nelle pagine */
.ParProd{
    line-height: 16px;
    clip:  rect(   ) ;
    margin = 0px;
    text-align: justify;
}
/* Classe paragrafo box ultimi prodotti, marche,  ... */
.PProdotti {
    line-height: 16px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 8px;
}
/* E' il contorno delle tabelle o le sue caratteristiche */
.ListTable{
    border: 1px solid #000000;
}
/* Extra piccola */
.xsmall {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: normal;
}
/* Evidenziata */
.evidenzia {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #FF0000;
}
/* Carattere di default del corpo (testo) pagina */
.TestoPagina {
    font-size: 11px;
    color :#000000;
    text-align: justify;
    margin-bottom: 8px;
}
/* Titolo del prodotto */
.TitleProd {
    font-family: Arial, Verdana, Sans-Serif;
    color : #FF0000;
    font-weight: bold;
    font-size: 14px;
}
/* stile del nome tipologia */
.Tipologia{
    color :#444444;
    font-weight: bold;
    font-size: 12px;
}
/* stile del nome della marca */
.Marca{
    color :#444444;
    font-weight: bold;
    font-size: 12px;
}
/* stile del nome utilizzo */
.Utilizzo{
    color :#444444;
    font-weight: bold;
    font-size: 12px;
}
/* Piede della pagina */
.Fother {
    background : #FFFFFF;
    color: #FF0000 ;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14;
    font-weight: normal;
}
/* Carattere dei link download */
.LinkDownAction{
    text-transform: none;
    font-weight: bold;
    font-size: 11px;
}
/* Prodotto in offerta o vetrina elenco */
.Sale {
    background : #FFFFFF;
    color: #FF0000 ;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14;
    font-weight: bold;
}
/* Prezzi nel catalogo */
.PriceCart {
    background : #FFFFFF;
    color: #D70000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14;
    font-weight: bolder;
}
/* Classe contenitore dei box di DX */
#mainBox {
    width: 98%;
    background : #DDDDDD;
    margin-bottom: 6px;
    margin-bottom: 6px;
    text-align:left;
}
/* Titolo prodotto in offerta */
div.BoxSale,
div.BoxSale a:active,
div.BoxSale a:link {
    background : #FFFFFF;
    color: #000000;
    font-size: 14;
    display: block;  /*il link occupa tutto lo spazio orizzontale */
    padding-bottom: 8px;
}
div.BoxSale a:hover {
    background : #F5FFD9;
    color: #666666 ;
    font-size: 14;
    display: block;  /*il link occupa tutto lo spazio orizzontale */
}
/* Titolo prodotto in offerta */
.BoxSaleTitle {
    background-color: #FFFFFF;
    color: #FF6600 ;
    font-size: 12;
    font-weight: bold;
}
/* stile del corpo box ricerca */
.BoxSerachTitle {
    color:#000000;
    font-size: 12px;
    background-color:#DDDDDD;
}
/* stile del corpo box ricerca */
.BoxSerach {
    font-size: 11px;
    color:#000000;
    background-color:#DDDDDD;
    padding-bottom: 8px;
}
/* Stile del titolo box ultimi */
.UltimiTitle{
    background : #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* stile del testo box ultimi */
.UltimiTesto{
    background : #FFFFFF;
    font-size: 11px;
    color: #000000 ;
    padding-bottom: 8px;
}
/* stile del testo box ultimi */
.UltimiTesto a:hover {
    color: #000000 ;
    text-decoration: underline;
}
/* stile del testo box carrello */
.CartBox {
    font-size: 11px;
    background : #FFFFFF;
    color: #000000;
    padding-bottom: 8px;
}

/* stile del titolo box carrello */
.CartTitleBox {
    font-size: 12px;
    background : #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Style del nome del prodotto nel carrello */
.CartProduct {
    color: #00CC00;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 8px;
}
/* Style dei titoli nel carrello (prezzo, diciture carrello) */
.CartTitle {
    background: #DDDDDD;
    border: 1px solid #000000;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    font-weight: normal;
    padding: 1px;
    text-align: center;
}
/* Style dei bottoni del carrello */
.CartBotton {
    background: #EEEEEE;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    width: 100% ;
}
/* Testo carrello */
.TextCart {
    background : #FFFFFF;
    color: #000000;
    font-size: 11;
}
/* Qui aggiungi styli che ti servono */

/* Usati nelle stampe delle immagini delle tipologie */
#mainImmagini {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}
#mainMuseoImmagini {
    width: 100%;
    float: left;
    margin:0;
    padding:0;
}
ul#minipics{margin:0;padding:0;list-style-type:none}

ul#minipics li{float: right;margin: 2px;padding: 0 2px 2px 0;
    background: url(dropshadow.jpg) no-repeat bottom right}

ul#minipics li img{display: block;
    position: relative;top: -5px;left: -5px;
    padding: 5px}

/* paragrafo nel dettaglio del prodotto provvisorio */
.ProdDettailMuseo {
	background-color: #FFFFFF;
	text-align: justify;
	vertical-align: middle;
	border: 1px dashed #CCCCCC;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	font-weight: normal;
	color: #000000;
	margin: 2px;
	padding: 4px;
}
/* Sottotitolo nelle pagine */
.SottoTitoli {
    font-family: Arial, Verdana, Sans-Serif;
    color : #BB0000;
    font-weight: bold;
    font-size: 12px;
}
/* Sottotitolo nelle pagine */
.TitoloLingua {
    font-family: Arial, Verdana, Sans-Serif;
    color : #000000;
    font-weight: bold;
    font-size: 14px;
}

/* Titolo attributo opera nelle pagine dettaglio film e dettaglio opera */
.TitoloAttributiCatalogo {
    font-family: Arial, Verdana, Sans-Serif;
    color : #990000;
    font-weight: bold;
    font-size: 11px;
}

div.imgcontainer{
    float: left;padding:0 6px 6px 0;
    background: url(dropshadow.jpg) no-repeat bottom right
}

div.imgcontainer img {
    display:block;
    position: relative;top: -5px;left: -5px;   
    padding:5px
}.TitleProdCopia {
    font-family: Arial, Verdana, Sans-Serif;
    color : #0033CC;
    font-weight: bold;
    font-size: 14px;
}