/******************* generico *******************/
a { color: #340f5e; text-decoration: none; }
td, tr { margin: 0px; padding: 0px; }
body { background-color: #340f5e; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: center; }
form { margin: 0px; padding: 0px; }
input { border: solid 1px #a5acb2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
textarea { border: solid 1px #a5acb2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

#contenitorePagina { background-color: #FFDDFB; border-right: 4px solid #59138B; margin: 0px auto; padding-right: 4px; text-align: left; width: 795px; }

#header { background-color: #691ba0; border: solid 4px #59138b; height: 130px; margin: 0; padding: 0; position: relative; width: 794px; z-index: 0; }
#banner { bottom: 10px; left: 255px; position: absolute; z-index: 1; }

.colonnaSx { background-color: #ffddfb; border-left: 4px solid #59138b; border-right: 4px solid #59138b; padding: 0px; width: 134px; }

/******************* highLights *******************/
.highLights { background-color: #ffddfb; border-bottom: 4px solid #ffffff; font-size: 12px; text-align: left; }
.highLights .titolo { background-color: #D49DFB; border-bottom: 4px solid #ffffff; font-weight: bold; height: 29px; line-height: 30px; text-align: center; text-transform: uppercase; }
.highLights .contenuto a { color: #340F5E; display: block; padding: 8px 4px; }
.highLights .contenuto a:hover { background-color: #340F5E; color: #ffddfb; }

/******************* multimedia *******************/
.multimedia { background-color: #edf1ff; border-bottom: 4px solid #fff; font-size: 12px; text-align: left; }
.multimedia .titolo { background-color: #c2d4f8; border-bottom: 4px solid #fff; font-weight: bold; height: 29px; line-height: 30px; text-align: center; text-transform: uppercase; }
.multimedia .contenuto a { color: #340F5E; display: block; padding: 8px 4px; }
.multimedia .contenuto a:hover { background-color: #340F5E; color: #EDF1FF; }

/******************* logIn *******************/
.logIn { background-color: #ebfdec; border-bottom: 4px solid #D8E4F9; font-size: 9px; text-align: left; width: 134px; }
.logIn .titolo { background-color: #a0ffa5; border-bottom: 4px solid #D8E4F9; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center; text-transform: uppercase; }
.logIn .contenuto form { padding: 5px; }
.logIn .contenuto form .campo { width: 100px; }
.logIn .contenuto a { display: block; padding: 2px 5px; }
.logIn .contenuto a:hover { background-color: #340F5E; color: #EBFDEC; }
.logIn input { margin: 4px 0px; padding: 2px; }
.logIn .contenuto { margin-top: 5px; }
.logIn .testo { font-weight: bold; margin: 5px; }
.logIn .chk { border: none; vertical-align: middle; }
.logIn #tasto { color: #000000; cursor: pointer; margin: -5px 5px 5px 0px; padding: 0px; text-align: right; }
.logIn #tasto input { cursor: pointer; padding: 3px; text-align: center; }
.logIn #tasto input:hover { background-color: #a0ffa5; border: 1px solid #000000; }

#contenitoreCellaDx { background-color: #ffddfb; margin-right: 4px; }

/******************* menuTop *******************/
#menuTop { background-color: #d7d7d7; border-bottom: 4px solid #fff; color: #000; font-size: 12px; font-weight: bold; height: 29px; margin: 0px; padding: 0px; position: relative; width: 657px; }
#menuTop ul { border-right: 2px solid #340F5E; height: 14px; list-style-type: none; margin: 0px; position: absolute; top: 8px; }
#menuTop ul li { border-left: 2px solid #340F5E; float: left; position: relative; }
#menuTop img { border: none; float: right; height: 23px; position: relative; right: 5px; top: 3px; width: 36px; }
#menuTop li a { padding-left: 3px; padding-right: 3px; }
#menuTop li a:hover { background-color: #340f5e; color: #d7d7d7; }

/******************* Cerca *******************/
#barraCerca { background-color: #eee; border-bottom: 4px solid #fff; color: #000; font-size: 10px; height: 26px; margin: 0px; padding: 0px; }
#cercaForm { float: left; padding: 4px 10px; }
#cercaForm .tasto:hover { background-color: #000000; border: 1px solid #D49DFB; color: #ffffff; cursor: pointer; }
#cercaData { float: right; padding: 6px 10px; }
input.cerca { width: 200px; }
.cercaParola { color: #f00; font-weight: bold; }

/******************* DoveSei *******************/
#barraDoveSei { background-color: #59138b; border-bottom: 4px solid #ffddfb; color: #fff; font-size: 10px; margin: 0px; padding: 0px; text-align: left; }
#barraDoveSei .contenuto { border: none; font-weight: bold; padding-bottom: 4px; padding-left: 10px; padding-top: 4px; }
#barraDoveSei a { color: #fff; font-weight: normal; padding-left: 6px; padding-right: 6px; }
#barraDoveSei a:hover { background-color: #fff; color: #59138b; text-align: left; }

#barraContenuti { background-color: #ffddfb; width: 100%; margin: 0px; padding: 0px; }
#pagColSx { background-color: #FFDDFB; border-right: 4px solid #bca9c6; color: #000; font-size: 12px; margin: 0px; padding: 0px; text-align: left; width: 188px; }
#pagColSx img { border-bottom: 4px solid #bca9c6; border-top: 4px solid #bca9c6; }

/******************* HotNews *******************/
#barraHotNews { background-color: #ffddfb; color: #000; font-size: 12px; text-align: center; }
#barraHotNews .titolo { background-color: #FF68EC; border-bottom: 4px solid #bca9c6; border-top: 4px solid #bca9c6; color: #000; font-size: 12px; font-weight: bold; height: 29px; line-height: 30px; text-transform: uppercase; }
#barraHotNews .contenuto { font-size: 12px; text-align: left; padding: 5px; }
#barraHotNews .contenuto a { color: #340F5E; display: block; padding: 1px; margin-bottom: 7px; }
#barraHotNews .contenuto a:hover { background-color: #340F5E; color: #ffddfb; }

/******************* AreaSelection *******************/
.barraAreaSelection { background-color: #ffddfb; color: #000; font-size: 12px; text-align: center; }
.barraAreaSelection .titolo { background-color: #eee; border-bottom: 4px solid #bca9c6; border-top: 4px solid #bca9c6; color: #000; font-size: 12px; font-weight: bold; height: 29px; line-height: 30px; text-transform: uppercase; }
.barraAreaSelection .contenuto { text-align: left; }
.barraAreaSelection .contenuto a { display: block; padding: 6px 5px; }
.barraAreaSelection .contenuto a:hover { background-color: #340F5E; color: #FFDDFB; }

#pagColDx { background-color: #ffddfb; color: #000; font-size: 12px; padding: 0px; margin: 0px; }

/******************* NomeArea *******************/
#barraNomeArea { background-color: #eee; border-bottom: 4px solid #bca9c6; border-top: 4px solid #bca9c6; color: #000; font-size: 12px; font-weight: bold; height: 29px; line-height: 30px; margin-left: 0px; padding-left: 0px; text-align: center; text-transform: uppercase; width: 100%; }
#barraNomeArea .nome { float: left; margin-left: 10px; }
#barraNomeArea .ordina { float: right; font-weight: normal; margin-right: 10px; text-transform: none; }
#barraNomeArea .ordina select { font-size: 11px; height: 18px; margin: 0px 0px 3px; padding: 0px; vertical-align: middle; }

/******************* Articoli *******************/
#contenitoreArticoli { border: none; margin: 0px 5px 15px 5px; }
.barraMese { background-color: #ff68ec; color: #00f; font-size: 10px; font-weight: bold; margin-top: 12px; padding: 5px; text-align: left; }
.boxArticolo { margin-top: 8px; width: 100%; }
.boxArticolo .titolo { background-color: #d49dfb; border: none; color: #000; font-size: 12px; font-weight: bold; margin-bottom: 4px; padding: 3px; text-align: left; }
.paragrafo { background-color: #fff; color: #000; padding: 5px 3px; text-align: left; }
.paragrafo a:hover { background-color: #340F5E; color: #ffffff; }
.paragrafo .foto { border: none; float: left; height: 84px; margin: 2px 15px 0px 0px; width: 84px; }
.paragrafo .foto img { border: solid 1px #c2d4f8; }
.paragrafo a:hover img { border-color: #039; }
.contenitoreLista { background-color: #edf1ff; border: solid 1px #c2d4f8; margin: 0px 2px; }
.contenitoreLista .titolo { background-color: transparent; border-bottom: solid 1px #c2d4f8; color: #000; font-size: 12px; font-weight: bold; height: 29px; line-height: 30px; margin: 0px; padding: 6px; text-transform: uppercase; text-align: center; }
.contenitoreLista ul { list-style-type: none; margin: 5px 0px; padding: 0px; }
.contenitoreLista ul li { background-color: #f4f9ff; border: 1px solid #c2d4f8; float: left; height: 84px; margin: 1px; padding: 0px; text-align: center; vertical-align: top; width: 84px; }
.contenitoreLista .didascalia { background-color: #EDF1FF; font-size: 10px; padding: 0px; text-align: left; width: 100%; }
.contenitoreLista li:hover { border: 1px solid #039; }
.vidScl a.testo { color: #340F5E; font-size: 10px; font-weight: bold; padding: 3px; }
.vidScl a.testo:hover { background-color: #340F5E; color: #ffffff; }
.imgScl a.testo { color: #340F5E; font-size: 10px; font-weight: bold; padding: 3px; }
.imgScl a.testo:hover { background-color: #340F5E; color: #ffffff; }
.imgScl img { border: solid 1px #c2d4f8; }
.imgScl a:hover img { border-color: #039; }
.imgScl { display: table; text-align: center; vertical-align: middle; margin: 0px auto; padding: 0px; }
.didascaliaImgScl { margin-left: 22px; margin-top: 10px; width: 90%; }
.boxInformazioni { background-color: #efefe0; color: #000; font-size: 10px; line-height: 10px; margin: 4px 0px; padding: 3px; }
.boxInformazioni a:hover { background-color: #000; color: #efefe0; }
.paragrafoContenitore { background-color: #fff; color: #000; padding: 5px 3px; text-align: left; }
.paragrafoContenitore ul { list-style-type: none; margin: 0; padding: 0; }
.paragrafoContenitore ul li { background-color: #f4f9ff; border: 1px solid #c2d4f8; float: left; height: 165px; margin: 3px 3px; padding: 0px; position: relative; text-align: center; vertical-align: top; width: 104px; }
.paragrafoContenitore ul li img { border: none; }
.paragrafoContenitore .ft { height: 80px; margin: 1px auto; overflow: hidden; padding: 0px; text-align: center; vertical-align: top; width: 80px; }
.paragrafoContenitore .didascalia { font-size: 10px; height: 59px; overflow: hidden; padding: 3px 2px; text-align: left; }
.paragrafoContenitore li:hover { border: solid 1px #039; }
.paragrafoContenitore .boxInformazioni { background-color: #efefe0; bottom: 3px; color: #000; font-size: 10px; left: 0px; line-height: 10px; margin: 0px; padding: 2px 0px; position: absolute; width: 100%; }
/***************** Duplicati lista MM x Articoli*****************/
.contenitoreLista .paragrafoContenitore { color: #000; background-color: #fff; text-align: left; padding: 5px 1px; }
.contenitoreLista .paragrafoContenitore ul { list-style-type: none; margin: 0; padding: 0; }
.contenitoreLista .paragrafoContenitore ul li { background-color: #f4f9ff; border: solid 1px #c2d4f8; float: left; height: 165px; margin: 2px; padding: 0px; position: relative; text-align: center; vertical-align: top; width: 104px; }
.contenitoreLista .paragrafoContenitore ul li img { border: none; }
.contenitoreLista .paragrafoContenitore .ft { height: 80px; margin: 1px auto; overflow: hidden; padding: 0px; text-align: center; vertical-align: top; width: 80px; }
.contenitoreLista .paragrafoContenitore .didascalia { font-size: 10px; height: 59px; overflow: hidden; padding: 3px 2px; text-align: left; width: 100px; }
.contenitoreLista .paragrafoContenitore li:hover { border: 1px solid #039; }
/***************** Navigazione *****************/
.barraNavigazione { background-color: #e0e0e0; font-size: 10px; margin: 5px 0px 5px; padding: 3px; position: relative; }
.barraNavigazione .corrente { position: relative; }
.barraNavigazione .numeriPag { left: 40%; margin: 3px; position: absolute; top: 0px; }
.barraNavigazione .numeriPag .corrente { font-weight: bold; padding: 0px 2px; }
.barraNavigazione .numeriPag a { padding: 0px 2px; }
.barraNavigazione .numeriPag a:hover { background-color: #340F5E; color: #E0E0E0; }
.boxNav { margin: 3px; position: absolute; right: 0px; top: 0px; width: 110px; }
.boxNav .navIndietro { margin: 0 auto; position: relative; right: 24px; width: 60px; }
.boxNav .navAvanti { margin: 0px auto; position: absolute; right: 0px; top: 0px; width: 47px; }
.boxNav a { padding: 0px 2px; }
.boxNav a:hover { background-color: #340F5E; color: #E0E0E0; }

/******************* Commenti ******************/
.boxCommenti { margin: 4px 0px; }
.boxCommenti .titolo { background-color: #d49dfb; border: none; color: #000; font-size: 12px; font-weight: bold; margin: 4px 0px; padding: 3px; text-align: left; }
.commento { background-color: #fff; border: 2px solid #FF68EC; font-size: 11px; margin-top: 8px; padding: 5px; }
.commentoFiglio { background-color: #fff; border-color: #ff68ec; border-style: solid dashed; border-width: 0 1px 1px; font-size: 11px; margin: 0 1px 0 8px; padding: 5px; }
.dati { border-top: 2px solid #FF68EC; font-size: 9px; margin-top: 5px; padding: 2px 0px; }
.dati a:hover { background-color: #C2D4F8; color: #000; }
.boxCommenti .tasto { text-align: center; }
.boxCommenti .tasto input { cursor: pointer; background-color: #fff; border: 1px solid #000000; padding: 3px; text-align: center; }
.boxCommenti .tasto input:hover { background-color: #FF68EC; color: #fff; }
.portaChkCommenti { font-size: 10px; }
.portaChkCommenti .chk { border: none; margin: 0px; padding: 0px; vertical-align: middle; }

/************* Form Registrazione **************/
.etichettaForm { font-size: 10px; text-align: right; }
.etichettaFormObbligatorio { color: #f00; font-size: 10px; text-align: right; }
.form .tasto { text-align: center; }
.form input.tasto { cursor: pointer; background-color: #fff; border: 1px solid #000000; padding: 3px; text-align: center; }
.form input.tasto:hover { background-color: #FF68EC; color: #fff; }
.form .chk { border: none; margin: 0px; padding: 0px; vertical-align: middle; }
.hobbies { vertical-align: middle; }

/******************* Footer *******************/
#barraFooter { background-color: #691ba0; border: solid 4px #59138b; color: #fff; font-size: 10px; padding: 5px; position: relative; text-align: left; width: 784px; }
#barraFooter ul { border-right: 1px solid #fff; height: 12px; left: 250px; list-style-type: none; margin: 0px; position: absolute; top: 5px; }
#barraFooter ul li { border-left: 1px solid #fff; float: left; position : relative; }
#barraFooter a { color: #fff; padding: 0px 3px; }
#barraFooter a:hover { background-color: #fff; color: #691ba0; }