/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

* {
    font-size: 11px;
    font-family: verdana;
}

ul {
    margin: 10px;
}
ul, li {
    padding: 0;
}

img {
    border: 0;
}


/* Stili generici per il catalogo */
.catalogo {
    /*width: 535px;*/
    background-color: #F2F2F2;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

/*
.catalogo .title h1 {
    color: #666;
    font-size: 16px;
    font-family: arial;
    letter-spacing: -1px;
}
*/

/*
.catalogo .title h2 {
    color: #666;
    font-size: 13px;
    font-family: arial;
    letter-spacing: -1px;
}
*/

.catalogo h2 {
    color: #d00;
    font-size: 12px;
    margin-bottom: 3px;
}

.catalogo p {
    margin-top: 0;
    margin-bottom: 10px;
}

/* Stile per il blocco in testa display: navigazione per menu a tendina */
.catalogo .navigator {
    
}

.catalogo .navigator td {
    vertical-align: bottom;
}

.catalogo .navigator select {
    width: 120px;
}

/* Stili per il menu sulla spalla sinistra */
.catalogo-menu {
    float: left;
    width: 185px;
    background-color: #F2F2F2;
    font-size: 8px;
}

.catalogo-menu ul {
    list-style-type: none;
}

.catalogo-menu>ul>ul {
    margin-bottom: 5px;
    border-bottom: 1px dotted #ffffff;
    padding-bottom: 5px;
    margin-left: 0;
    padding-left: 10px;
    margin-top: 0;
}

.catalogo-menu>ul>li {
    font-weight: bold;
    text-transform: lowercase;
    color: #666666;
}

.catalogo-menu a {
    text-transform: lowercase;
    text-decoration: none;
    color: #666666;
    font-size: 10px;
}

.catalogo-menu a:hover {
    text-decoration: underline;
    color: #CC0000;
}

.catalogo-menu>ul ul li {
    display: inline;
}

.catalogo-menu>ul ul li.selected {
    display: block;
    color: #CC0000;
}

.catalogo-menu>ul ul li.selected a {
    color: #CC0000;
}

.catalogo .cerca {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Stili per lapagina principale del catalogo (main.jsp) */

.main ul {
    list-style-image: url(img/punto.gif); 
    margin-left: 20px;
    list-style-position: outside;
}
.main ul>li {
    font-size: 10px;
    color: #666;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
    margin-left: 0;
    padding-left: 0;
    text-transform: lowercase;
}

.main ul ul {
    margin-left: 0;
    margin-top: 0;
}
.main ul ul li {
    display: inline;
}

.main ul ul li a {
    font-size: 11px;
    color: #666;
    text-decoration: none;
    text-transform: lowercase;
    font-weight: normal;
}

/* Stili per la pagina sottofamiglia.jsp */
.sottofamiglia-main {
}

/*
.sottofamiglia-main h1 {
    color: #999;
    font-size: 13px;
    letter-spacing: -1px;
    font-family: arial;
}
*/

.sottofamiglia-main .linea {
    background-image: url(img/sfondo-linea.gif);
    float: left;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 202px;
}

.sottofamiglia-main .linea .image {
    border: 1px solid #bbb;
    overflow: hidden;
    background-color: #fff;
    height: 200px;
    float: left;
}

.sottofamiglia-main .linea .image img {
    display: block;
    margin: 10px;
}

.sottofamiglia-main .linea .logo {
    margin-bottom: 10px;
}

.sottofamiglia-main .linea .logo img {
    width: 90px;
}

.sottofamiglia-main .linea .text {
    padding: 10px;
    float: left;
    width: 100px;
    color: #999;
}

.sottofamiglia-main .linea .text .name {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sottofamiglia-main .linea .text .name a {
    color: #999;
    text-decoration: none;
}

.sottofamiglia-main .linea .text .desc {
    text-transform: lowercase;
}

.sottofamiglia-main .linea .image img{
    width: 100px;
}

/* Fine sottofamiglia.jsp */


/* Stili per la pagina linea.jsp */

.linea-main {
}

.linea-main .title h1 {
    color: #666;
    font-size: 16px;
    font-family: arial;
    letter-spacing: -1px;
}

.linea-main .title h2 {
    color: #666;
    font-size: 13px;
    font-family: arial;
    letter-spacing: -1px;
}

.linea-main .image {
    float: left;
    margin-right: 15px;
}

.linea-main .image img {
    -width: 230px;
}

.linea-main .descrizione {
}

.linea-main .marketing-text {
}

.linea-main .plus-commerciali {
    /*clear: both;*/
}
/* Definizioni per i modelli */




/* Definizione generica di una tabella */
.table {
    border-collapse: collapse;
}

.table th {
    border: 1px solid #666;
    background-color: #ccc;
    padding: 3px;
}
.table td {
    border: 1px solid #999;
    padding: 3px;
}

.table tr.even {
    background-color: #efefff;
}

.table tr.odd {
}

/* Zona superiore con i nomi della linea e della sottoamiglia */
.title h2 {
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #666;
}

.title h1 {
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #666;
}