/* COLORI USATI
#FFF
#369A3D
#FFC
#CDFFA1
#006A35
#660033

*/


/* proprietà generali delle pagine */
html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;background: #FFF;padding-bottom:20px}  /*background: #757D88*/
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
input,select,textarea, label {margin:0 3px;color: #660033;font-family: "Verdana";font-size: xx-small;}
p.small{font-style:italic;}

img.standard{border: 0; margin:5px 10px 0;}
img.flag{border: 0; margin:4px 5px 0;}
img.news{float:left;border: 0; margin:5px 5px; vertical-align:middle;}   /*immagini nelle news */
img.tip{float:left;border: 0; margin:0px 5px; vertical-align:middle;}   /*immagini dei tooltip */

/* proprietà dei link interni ad oggetti (pulsanti, marche, prodotti...) */
/* ancora non usata  */
a.linkbutton {text-decoration:none;color: #FFC}
a.linkbutton:hover{color: #006A35}


/* header */
/*div#header{position:absolute;left:0;width:900px;height: 100px; overflow:hidden;background: url(./images/gradientM.png);} */
div#header{position:absolute;left:0;width:900px;height: 120px; overflow:hidden;}
div#header div#menu{position:absolute;top:81px;left:205px;width:695px;margin:0 auto 10px;text-align:left}    /*float:right;*/
div#header h1{text-align:left; padding: 10px 0 0;color: #660033}
div#header h3{font-size:80%;text-align:left;padding: 0 0 0px;color: #660033}

/* box con i contatti e la ricerca sull'header */
div#header div#search{position:absolute;top:10px;left:630px;width:260px;margin:0 auto 10px;text-align:right}    /*float:right;*/
div#header div#lingue{position:absolute;top:40px;left:630px;width:260px;margin:5px auto 10px;text-align:left}    /*float:right;*/
div#header div#search p {font-size: 80%;padding-left:5px;color: #660033;}
div#header div#lingue p {font-size: 80%;padding-left:10px;margin:2px;color: #660033;}
div#header div#search a{font-size:80%;padding-left: 10px;color: #660033;}

/*div#header div#lingue a{float:right;font-size:80%;padding-left: 10px;text-decoration:none}    */

/* menu principale sull'header */
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #369A3D;text-decoration:none;color: #FFC}
ul#nav a:hover{background: #CDFFA1;color: #006A35}
ul#nav li.activemenu a{background: #FFF;color: #660033}
ul#nav li.activemenu a:hover{background: #FFF;color: #660033}

/* menu di navigazione sinistro */
div#left_side{position:absolute;top:110px;left:0px;width:190px;margin:0 0 10px;padding:10px 0 10px;text-align:left;}
div#left_side a{text-decoration:none;color: #660033}
div#left_side a:hover{color: #FF1612}

/* intestazione del catalogo e dell'area clienti*/
div.intestazione{float:left;display:inline;width:170px;background:#369A3D;margin:0 10px 0}
div.intestazione h3{font-size: 100%; font-weight:600; letter-spacing: 2px; margin: 2px 10px;color: #FFF}
div.intestazione p{padding: 10px;margin:0}

/* box contenente il catalogo sul menu laterale*/
div#catalogo{float:left;display:inline;width:170px;background:#F3CB51;margin:0 10px 10px}
div#catalogo h3{font-size: 110%; margin: 10px 5px;color: #007BC4}
div#catalogo p{padding: 10px;margin:0}

/* classe per la lista che costituisce il catalogo posizionato sul menu laterale*/
ul.menu1 {width:170px;list-style:none;margin:0; padding:0px;}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu1 li a { /* proprietà dei link all'interno della lista */
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura */
	padding:0 1em; /* lascia spazio fra il bordo del menu e il testo del link */
	height:1.5em;line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */
	font-size: 80%;
}
ul.menu1 li.activelink a,ul#nav li.activelink a:hover{background: #CDFFA1;color: #c00}
ul.menu1 li a:hover, ul.menu1 li a:active { /* colori per l'effetto roll-over */
	background: #CDFFA1; /*#eee; */
	color:#c00;
}
ul.menu1 p {font: 50%;padding:0 1em;color: #660033;}

/* box contenente l'area clienti sulla sinistra*/
div.areaclienti{float:left;display:inline;width:170px;background:#F3CB51;margin:0 0 10px 10px}
div.areaclienti p {font-size: 80%;padding-left:10px;margin:2px;color: #660033;}
div.areaclienti a{font-size:80%;padding-left: 10px;}
div.areaclienti a:hover { background: #F3CB51; color:#c00;}
div.areaclienti input {margin:0 3px;color: #660033;font-family: "Verdana";font-size: xx-small;}

/* box contenente info particolari (es prenotazione libro di natale*/
div.info_par{float:left;display:inline;width:170px;background:#F3CB51;margin:0 0 10px 10px}
div.info_par p {font-size: 80%;padding-left:10px;margin:2px;color: #660033;}
div.info_par a{font-size:80%;margin-left:2px;}
div.info_par a:hover { background: #F3CB51; color:#c00;}


/* box contenente le informazioni sulla sinistra*/
div#infogenerali{float:left;display:inline;width:170px;background:#F3CB51;margin:0 0 10px 10px}
div#infogenerali p {font-size: 80%;padding-left:10px;margin:2px;color: #660033;}
div#infogenerali a{font-size:80%;padding-left: 10px;}
div#infogenerali a:hover { background: #F3CB51; color:#c00;}
div#infogenerali input {margin:0 3px;color: #660033;font-family: "Verdana";font-size: xx-small;}

/* TEMPLATE SOLO PER SITO IN MANUTENZIONE */
div#temp{float:left;position:absolute;top:110px;left:0;width:900px;}
div#temp h2{font-size: 130%;margin: 10px 0;color: #660033} /*#007BC4 colore azzurro*/
div#temp p{font-size: 80%;margin:5px 0 10px;padding: 0 10px}

/* proprietà delle pagine di contenuti*/
div#container{display:inline;position:absolute;top:110px;left:190px;width:720px;margin:0 10px auto 10px;padding:5px 0 10px;text-align:left;background:#FFF}
/*div#container{float:left;display:inline;border:1px solid black;background:red}*/
div#content{float:left;display:inline;width:400px;margin:0 0 10px 10px}
div#content h2{margin: 10px 0;color: #660033} /*#007BC4 colore azzurro*/
div#content p{font-size: 80%;margin:5px 0 10px;padding: 0 10px}

/* HOMEPAGE */
/* contenuti della homepage*/
div#homeContent{float:left;width:700px;margin:0 0 10px 10px}
div#homeContent h2{margin: 10px 0;color: #660033} /*#007BC4 colore azzurro*/
div#homeContent p{font-size: 80%;margin:5px 0 10px;padding: 0 10px}

/* box contenenti le news in homepage*/
div.comments div.bignews{background:#C7EFC7;margin:0 10px 10px 0;width:680px;} /* #EEE*/
div.comments div, div.comments div.rx{float:left;background:#C7EFC7;margin:0 10px 10px 0;width:335px;} /* #EEE*/
div.comments div.rx{clear:left;} /* #EEE*/
div.comments h3{font-size: 100%; font-weight:bold; margin: 10px 5px;color: #660033} /*#007BC4*/
div.comments p, img{font-size: 100%; margin:10px 0 0 10px}
div.comments a:hover { background: #C7EFC7; color:#c00;}
div.comments div.odd{background:#6FB56F} /*#DAE6FE*/
/*div.comments td p {font-size: 80%}  */

/* intestazione dei box ooferta e vetrina*/
div.intSide{float:right;display:inline;width:130px;background:#369A3D;margin:10px 15px 0 0}
div.intSide h3{font-size: 100%; font-weight:600; letter-spacing: 2px; margin: 2px 10px;color: #FFF}

/* box di destra in homepage contenenti l'oggetto in vetrina e offerta*/
div.side{float:right;display:inline;width: 130px;background:#F3CB51; margin:0 15px 0 0;}
div.side h2{margin: 10px 0;color: #660033}
div.side h3{font-size: 100%; font-weight:bold;}
div.side a{display:inline; font-size: 80%; color: #660033; text-decoration:none;}
div.side p{display:block; font-size: 30%;}
div.side a:hover { background: #F3CF00; color:#c00;}

/* CATALOGO: proprietà dei box contenenti i prodotti e le marche*/
div#catContent{float:left;display:inline;width:520px;margin:0 0 10px 10px}
/* ATTENZIONE: le proprietà size servono per essere applicate anche dentro le tabelle (bug) */
div#catContent h2{margin: 5px 0;color: #660033} /*#007BC4 colore azzurro*/
div#catContent h1{font-size: 100%;font:bold;margin: 10px 10px;color: #660033} /*#007BC4 colore azzurro*/
div#catContent h3{font-size: 80%;margin:5px 0 5px;padding: 0 10px;}
div#catContent p{font-size: 70%;margin:5px 0 5px;padding: 0 10px;}

/* proprietà dei box contenenti i dati dei corsi*/
div.corsi div{background:#C7EFC7;margin-bottom:10px} /* #EEE*/
div.corsi h3{font-size: 100%; font-weight:bold; margin: 10px 5px;color: #660033} /*#007BC4*/
div.corsi p, img{font-size: 100%; margin:10px 0 0 10px}
div.corsi a:hover { background: #C7EFC7; color:#c00;}
div.corsi div.odd{background:#6FB56F} /*#DAE6FE*/

/* box per le date dei corsi*/
div.date{float:right;width: 100px;padding: 5px 0;background: #FFFFFF;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 90%;line-height:0.9; border:2px solid;}
div.date span{display:block;font-size: 150%;font-weight:bold}


/* proprietà dell'intestazione e footer delle liste di prodotti, marche e articoli*/
div.intProd, div.footProd{float:left;display:inline;width:513px;background:#006A35;} /*369A3D*/
div.intProd h3{font-size: 100%; font-weight:600; letter-spacing: 2px; margin: 2px 10px;color: #FFF;}
select.ordinamento{margin:2px 5px; float:right;display:inline;}
label.ordinamento{margin:2px 5px; float:right;display:inline;font-size: 80%;color:white}
div.footProd{margin-bottom: 10px;}
div.footProd p{float:left;color: #FFF;font-size: 80%;padding: 3px 3px}
div.footProd a{text-decoration:none;color: #FFF;font-size: 80%;padding: 3px 3px}
div.footProd div{float:right}

/* proprietà della "finta tabella" dei prodotti di catalogo*/
ul#products,ul#products li{list-style-type:none;margin:0;padding:0}
ul#products{float:left;font-size: 80%}
ul#products li{float:left;text-align: center;border-left:1px solid #369A3D;border-bottom:1px solid #369A3D;}
ul#products li a{float:left;width: 170px;padding: 5px 0;background: #C7EFC7;text-decoration:none;color: #660033}
ul#products li a:hover{background: #CDFFA1;color: #006A35}
ul#products li.selezionato a,a:hover{background: #CDFFA1;color: #006A35}

/* proprietà della "finta tabella" delle marche di catalogo*/
ul#marche,ul#marche li{list-style-type:none;margin:0;padding:0}
ul#marche{float:left;font-size: 80%}
ul#marche li{float:left;text-align: center;border-left:1px solid #369A3D;border-bottom:1px solid #369A3D;}
ul#marche li a{float:left;width: 170px;padding: 5px 0;background: #C7EFC7;text-decoration:none;color: #660033}
ul#marche li a:hover{background: #CDFFA1;color: #006A35}
ul#marche li.selezionato a,a:hover{background: #CDFFA1;color: #006A35}

/* proprietà della tabella degli articoli*/
table.articoli {float:left;width:513px;border: 1px solid #006A35;border-collapse: collapse;background: #C7EFC7} /*sfondo F3CB51 bordi 369A3D*/
table.articoli h3{font-size: 90%; font-weight:bold; margin: 5px 5px;}
table.articoli p{font-size: 0.8em;}
p.articoli{font-size: 0.5em;}
table.articoli img{vertical-align: middle; margin: 2px}

td.tdArt, td.tdFoto, td.tdlavori {border: 1px solid #006A35;}   /*padding:5px;*/
td.tdFoto {width:120px;}
td.tdlavori {width:200px;}
td.tdArt a:hover, td.tdFoto a:hover {background: #C7EFC7;}
/*td.tdArt p{font-size: 80%;margin:5px 0 10px;padding: 0 10px}*/
/*td.tdArt p{font-size: 0.5em;color: #006A35}*/

/* intestazione dei box a destra del catalogo (più venduti, etc...)*/
div.intRightMenu{float:left;display:inline;width:160px;background:#369A3D;margin:10px 10px 0}
div.intRightMenu h3{font-size: 100%; font-weight:600; letter-spacing: 2px; margin: 2px 10px;color: #FFF}
div.intRightMenu p{padding: 10px;margin:0}

/* box a destra del catalogo (più venduti)*/
div.hints{float:left;display:inline;width: 160px;background:#F3CB51; margin:0 10px 10px;}
div.hints h2{margin: 10px 10px;color: #660033}
div.hints h3{font-size: 100%; font-weight:bold; margin: 10px 5px;}
div.hints p{font-size: 80%;margin:2px 2px;}
div.hints a{font-size: 80%;text-decoration:none;color: #660033;margin:2px 5px;}
div.hints a:hover { background: #F3CB51; color:#c00;}

/* tabella che visualizza gli item nel carrello*/
table.carrello {float:left;width:513px;border: 1px solid #006A35;border-collapse: collapse;background: #C7EFC7} /*sfondo F3CB51 bordi 369A3D*/
table.carrello h3{font-size: 0.8em;; font-weight:bold; margin: 2px 2px;}
table.carrello p{font-size: 0.8em;}
p.carrello{font-size: 0.5em;}
table.carrello img{vertical-align: middle}
table.carrello a:hover{background: #C7EFC7;}
td.tdCart {border: 1px solid #006A35;}
input.quantita{text-align:right;margin:0 3px;color: #660033;font-family: "Verdana";font-size: xx-small;}

/* tabella che visualizza il riepilogo articoli acquistati*/
table.riepilogo {float:left;width:513px;border: 0;border-collapse: collapse;background: #C7EFC7;} /*sfondo F3CB51 bordi 369A3D*/
table.riepilogo h2{font-size: 90%; font-weight:bold; margin: 5px 5px;}
table.riepilogo h3{font-size: 90%; font-weight:bold; margin: 2px 2px;}
table.riepilogo p{font-size: 0.8em;padding: 1px;}

/* tabella che visualizza i pulsanti per proseguire gli ordini (carrello)*/
table.pulsanti {float:left;width:513px;border: 0;} /*sfondo F3CB51 bordi 369A3D*/


td.tdTest {border-bottom: 1px dashed #006A35;}
td.tdCaption {border-bottom: 1px solid #006A35;}
td.tdSpese {border: 0;}


/* box contenenti i dati dell'ordine (dati sped, pagamento, etc)*/
div.dataord {margin:10px 0;} /* #EEE*/
div.dataord div{background:#C7EFC7;width:513px;} /* #EEE*/
div.dataord p{padding: 0;margin:2px}

/* tabella che visualizza i dati dell'ordine (dati sped, pagamento, etc)*/
table.dataordine {float:left; width:513px; border:0; background: #C7EFC7;} /*sfondo F3CB51 bordi 369A3D*/


/* box dummy, per contenere i pulsanti in fase di ordine, riepilogo, etc...*/
div.dummy {background:#FFF;width:513px;margin:10px 0;} /* #EEE*/
div.dummy a{margin:10px 20px;}
div.dummy div.left{float:left;}
div.dummy div.right{float:right;}
div.dummy div.center{}
div.dummy div.left img{margin:10px 20px;}
div.dummy div.left a{margin:10px 20px;}
div.dummy div.right input{margin:10px 20px;}
div.dummy div.center img{margin:10px 20px;}
div.dummy div.center a{margin:10px 20px;}

/* descrizione degli articoli*/
/* TBV NON UTILIZZATA? */
div.item {width:300px}
div.item h3{font-size: 100%; font-weight:bold; margin: 10px 5px;color: #660033} /*#007BC4*/
div.item p{font-size: 80%;background:#F3CF00;margin:0; padding:10px;border-left:1px solid #369A3D;border-bottom:1px solid #369A3D;}


/* footer, non utilizzata*/
/* TBV NON UTILIZZATA? */
div#footer{clear:both;width:730px;margin:0 10px 0;padding: 10px 0;
    background: #586695;color: #FFF;text-align:center}
div#footer p{margin:0}

/* pulsanti*/
/* TBV NON UTILIZZATA? */
div.pulsante{width:50px;margin:10px 10px 0;border:outset thin}
div.pulsante a{padding:2px 5px;display:block;font: bold 70%;
    background: #369A3D;color: #FFF;text-decoration:none;text-align:right}
div.pulsante a:hover{background: #CDFFA1;color:#666}

/* pulsante piccolo */
/* TBV NON UTILIZZATA? */
div.smallpulsante{width:25px;margin:10px 10px 0;border:outset thin}
div.smallpulsante a{padding:2px 5px;display:block;font: bold 30%;
	background: #369A3D;color: #FFF;text-decoration:none;text-align:right}
div.smallpulsante a:hover{background: #CDFFA1;color:#666}


/* messaggi di errore, info, etc... */
div.message{
    margin: 10px 0 2em;
    padding: 1em 15px 0 50px;
    border-style: solid;
    border-width: 2px 0}

div.message p{
    margin: 10px 0 1em;
    font-size: 90%;
    color: #660033;}
    
div.message h3{
    margin: 10px 0 1em;
    font-size: 100%;
    font-weight:bold;
    color: #660033;}

div.message.info{
    background: #FFF0BA url(./images/info20.png) no-repeat 15px 50%;  /*#EAEBF7*/
    border-color: #369A3D}  /*#EAEBF7*/

div.message.warning{
    background: #FFF0BA url(./images/warning20.png) no-repeat 15px 50%;
    border-color: #369A3D}  /*#E87C29*/

div.message.question{
    background: #E4F6DE url(./images/help20.png) no-repeat 15px 50%;
    border-color: #8FDC79}

div.message.error{
    background: #FFD8D6 url(./images/error.png) no-repeat 15px 50%;
    border-color: #FF0038}

/* Pagina di iscrizione */
ul#label,ul#label li{list-style-type:none;margin:0;padding-left:5px;padding-top:2px;padding-bottom:2px;}
ul#label{float:left;font: 80%/1.3 Verdana,Arial,sans-serif;width: 480px}
ul#label li{width: 180px;float:left;text-align: left;}

/* Effetto pulsanti grossi rollover */
a.rollbutton{display: block;width: 125px;height: 21px;
    text-decoration: none;text-align: center;
    font: bold 14px/14px "Trebuchet MS",Arial,sans-serif;
    background: url(./images/it/test-ps-hover.png);color: #FFFFFF;}

a.rollbutton:hover{background: url(./images/it/test-ps-hover.png);background-position:-125px 0;color: #0D4B72}

/* Stesso effetto sui pulsanti grossi submit di una form. Selettore per tutti i submit */
input[type="submit"]{display: block;width: 125px;height: 21px;
    margin: 1,2em;text-decoration: none;text-align: center;
    font: bold 14px/14px "Trebuchet MS",Arial,sans-serif;
    background: url(./images/it/test-ps-hover.png);color: #FFFFFF; border:0;}

input[type="submit"]:hover{background: url(./images/it/test-ps-hover.png);
	background-position:-125px 0;color: #0D4B72; cursor:pointer;margin: 1,2em;}

/* Effetto pulsanti piccoli rollover */
a.small_rollbutton{display: block;width: 50px;height: 21px;
    text-decoration: none;text-align: center;
    font: bold 14px/14px "Trebuchet MS",Arial,sans-serif;
    font-size: 100%;
    padding-left: 0px;
    background: url(./images/it/small-ps-hover.png);color: #FFFFFF;}

a.small_rollbutton:hover{color: #0D4B72;background: url(./images/it/test-ps-hover.png);background-position:-50px 0;color: #0D4B72}