/* audioemozioni-style.css - 'AUDIOEMOZIONI', by HOME.NET, http://www.home-net.it/ */
/* All associated layout&graphics copyright 2009, HOME.NET */
/* Added:june 30th, 2010 */
/* ToC
1. General
2. Layout
3. Navigation
4. Image Swapping
5. Misc
6. Forms
/* 1. General
-------------------------------------------------------------------------------------------------------- */
body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#202020; background-color:#000; margin-top:50px; margin-bottom:50px; margin-right:0px; margin-left:0px; text-align:center; padding:0px}
body.bg{background-image:url(../images/bg-container.jpg); background-repeat:no-repeat; background-position:center top; margin-bottom:0px; padding:0px; margin-top:0px; margin-right:0px; margin-left:0px}
ul{list-style:none}
/* 2. Layout
-------------------------------------------------------------------------------------------------------- */
#container{width:950px; margin-top:0; margin-right:auto; margin-bottom:0px; margin-left:auto; text-align:left; padding-top:50px; padding-right:0px; padding-bottom:0px; padding-left:0px}
#header{width:650px; color:#202020; float:left; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:150px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; background-image:url(../images/bg-sfondo.jpg); background-repeat:no-repeat; background-position:0px 0px; padding:0px}
#sfondo{width:650px; color:#202020; float:left; margin-top:20px; margin-right:0px; margin-bottom:0px; margin-left:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; background-image:url(../images/bg-content.jpg); background-repeat:repeat-y; background-position:0px 0px; padding:0px}
#content{width:650px; float:left; background-color:#E2E2E2; color:#202020; background-image:url(../images/bg-content.jpg); background-repeat:repeat-y; background-position:0px 0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:150px; padding-top:25px; padding-right:0px; padding-bottom:0px; padding-left:0px}
#navigation{float:left; width:140px; margin:0px; padding-top:37px; padding-right:20px; padding-bottom:0px; padding-left:20px}
#main{margin:0px; float:left; width:470px; padding-top:0px; padding-right:0px; padding-bottom:30px; padding-left:0px; min-height:400px}
#footer{clear:left; float:left; width:650px; font-size:90%; padding-top:15px; padding-right:0px; padding-bottom:0px; padding-left:0px; background-image:url(../images/bg-footer.jpg); background-repeat:no-repeat; background-position:0px 0px; height:50px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:150px}
/* HEADER */ 
#logo{width:375px; float:left; margin:0px; padding:0px}
#info-sito{float:left; width:375px; margin:0px; padding:0px}
#attivita{width:375px; float:left; margin:0px; padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:0px}
#photos{float:left; width:265px; margin:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:10px}
#header #h1-logo{width:375px; height:100px; position:relative; overflow:hidden; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; background-image:url(../images/logo-audioemozioni.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em; padding:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}
#attivita h2{text-align:center; font-size:14px; margin:0px; padding-top:8px; padding-right:0px; padding-bottom:8px; padding-left:0px}
#footer #developed{text-align:left; font-weight:bold; font-size:95%; margin-top:10px; margin-right:0px; margin-bottom:0px; margin-left:0px; width:123px; float:left; color:#57565b; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:12px}
#footer #developed a{margin:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; font-weight:bold; padding-top:5px; padding-right:0px; padding-bottom:0px; padding-left:0px; text-decoration:none}
#footer #developed a img{margin:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; padding:0px; text-decoration:none}
#footer #xhtmlcss{width:130px; font-weight:bold; font-size:95%; margin-top:13px; margin-right:0px; margin-bottom:0px; margin-left:0px; text-align:right; padding:0px; float:left; color:#57565b}
#footer #xhtmlcss a{margin:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; text-decoration:none; padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px; color:#626262}
#footer #xhtmlcss a:hover{margin:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; text-decoration:none; color:#3B3B3B; padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:0px}
#footer #copyright{font-weight:bold; font-size:95%; text-decoration:none; text-align:right; margin-top:13px; margin-right:0px; margin-bottom:0px; margin-left:0px; float:left; color:#626262; padding-top:0px; padding-right:12px; padding-bottom:0px; padding-left:0px; width:373px}
#footer #copyright a, #footer #copyright a:hover{text-decoration:none; text-align:right; color:#57565b; font-weight:bold}

#main p{text-align:justify; padding-top:0px; padding-right:15px; padding-bottom:20px; padding-left:0px; margin:0px; color:#202020}

/* 3. Navigation
-------------------------------------------------------------------------------------------------------- */
#navigation ul{margin:0px; padding:0px}
#navigation li{font-weight:bold; display:inline}
#navigation a{color:#202020; display:block; text-decoration:none; background-image:url(../images/bullet-bn.gif); background-repeat:no-repeat; background-position:12px 14px; padding-top:10px; padding-bottom:10px; padding-left:35px; padding-right:0px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#BBB; width:105px; margin:0px}
#navigation a:hover{color:#025bff; display:block; text-decoration:none; background-image:url(../images/bullet-blue.gif); background-repeat:no-repeat; background-position:12px 14px; padding-top:10px; padding-bottom:10px; padding-left:35px; padding-right:0px; width:105px; margin:0px}
#navigation a#current{color:#025bff; display:block; text-decoration:none; background-image:url(../images/bullet-blue.gif); background-repeat:no-repeat; background-position:12px 14px; padding-top:10px; padding-bottom:10px; padding-left:35px; padding-right:0px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#3B3B3B; width:105px; margin:0px}

/* 4. Image swapping
-------------------------------------------------------------------------------------------------------- */
#h2-home{width:325px; height:35px; background-image:url(../images/h2-home.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-chieravamo{width:325px; height:35px; background-image:url(../images/h2-chieravamo.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-chisiamo{width:325px; height:35px; background-image:url(../images/h2-chisiamo.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-contatti{width:325px; height:35px; background-image:url(../images/h2-contatti.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-newseventi{width:325px; height:35px; background-image:url(../images/h2-newseventi.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-occasioni{width:325px; height:35px; background-image:url(../images/h2-occasioni.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-press{width:325px; height:35px; background-image:url(../images/h2-press.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-prodotti{width:325px; height:35px; background-image:url(../images/h2-prodotti.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-login{width:325px; height:35px; background-image:url(../images/h2-login.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-grazie{width:325px; height:35px; background-image:url(../images/h2-grazie.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-w3c{width:325px; height:35px; background-image:url(../images/h2-w3c.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}

/* H2 titoli ADMIN */
#h2-admin-control-panel{width:400px; height:35px; background-image:url(../images/h2-admin-control-panel.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-admin-news{width:400px; height:35px; background-image:url(../images/h2-admin-news.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-admin-occasioni{width:400px; height:35px; background-image:url(../images/h2-admin-occasioni.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-admin-press{width:400px; height:35px; background-image:url(../images/h2-admin-press.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-admin-immagini{width:425px; height:35px; background-image:url(../images/h2-admin-immagini.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}
#h2-admin-compattaDB{width:425px; height:35px; background-image:url(../images/h2-admin-compattaDB.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-500em}

/* 5. Misc
-------------------------------------------------------------------------------------------------------- */
#main img.index-dx{display:block; width:213px; float:right; border:3px solid #025bff; clear:right; padding:0; margin-top:0px; margin-right:0; margin-bottom:12px; margin-left:12px}
#main img.index-sx{display:block; width:213px; border:3px solid #025bff; float:left; padding:0; margin-top:0px; margin-right:12px; margin-bottom:12px; margin-left:0}
.grassetto{font-size:105%; font-weight:bold; color:#202020}
/* EMOZIONARSI
#em-emozionarsi{width:94px; height:10px; position:relative; display:inline; overflow:hidden; padding-left:-94px}
#em-emozionarsi span{background-image:url(../images/p-emozionarsi.gif); position:absolute; height:100%; width:100%; background-repeat:no-repeat; background-color:transparent; background-position:0px 2px}
#em-emoziona{width:72px; height:10px; position:relative; display:inline}
#em-emoziona span{background-image:url(../images/p-emoziona.gif); position:absolute; height:100%; width:100%; background-repeat:no-repeat; background-color:transparent; background-position:0px 2px}
*/
em.emoziona, em.emozionarsi{color:#025BFF; font-weight:bold; font-size:120%; text-decoration:none}

div.firma{font-style:italic; text-align:right; margin:0px; padding-top:0px; padding-right:15px; padding-bottom:40px; padding-left:0px}
p.login a{float:left; text-align:left; background-image:url(../images/ico-back.gif); background-repeat:no-repeat; background-position:0px 0px; display:block; margin:0px; width:75px; padding-top:2px; padding-right:0px; padding-bottom:0px; padding-left:30px; height:22px; text-decoration:none; color:#3B3B3B}
p.login a:hover{color:#202020; font-weight:bold}
p.contatti{margin-left:10px}
#main ol{list-style-type:none; margin:0px; padding-top:0px; padding-right:9px; padding-bottom:16px; padding-left:16px}
#main li#telefono1, #main li#telefono2{background-image:url(../images/ico-mobile.gif); background-repeat:no-repeat; background-position:0px 0px; letter-spacing:2px; margin:0px; padding-top:0px; padding-right:0px; padding-bottom:8px; padding-left:30px}

/* LOGHI pagina PRODOTTI */
#main div.loghi-prodotti ul{float:left; margin:0; padding-top:10px; padding-right:0; padding-bottom:30px; padding-left:0; width:440px}
#main div.loghi-prodotti ul li{float:left; display:block; text-align:center; width:200px; padding:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0}
#main div.loghi-prodotti li.spazio-dx{margin:0; padding-top:0; padding-right:35px; padding-bottom:0; padding-left:0px}
#main div.loghi-prodotti ul li a img{text-decoration:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}
#main div.loghi-prodotti ul li a:hover img{text-decoration:none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}

/* NEWS - OCCASIONI - PRESS */
div.news, div.occasioni, div.press{margin-bottom:12px; float:left; margin-top:0px; margin-left:auto; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#666; margin-right:auto; width:450px; min-height:75px; padding-top:0px; padding-right:0px; padding-bottom:12px; padding-left:0px; text-align:justify; overflow:hidden}
div.news img.news, div.occasioni img.occasioni{width:100px; border:2px solid #202020; padding:0; float:left; height:75px; margin-top:0px; margin-right:10px; margin-bottom:10px; margin-left:0px}
div.news a img.news, div.occasioni a img.occasioni{width:96px; border:2px solid #202020; padding:0; height:71px; margin-top:0px; margin-right:10px; margin-bottom:10px; margin-left:0px; float:left}
div.news h3, div.occasioni h3{margin:0px; padding:0px; text-decoration:none; font-style:italic; color:#025BFF}
div.news h3 span.data, div.occasioni h3 span.data{margin:0px; padding:0px; text-decoration:none; color:#025BFF; font-size:80%}
div.news p, div.occasioni p{margin:0px; padding:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; white-space:normal}
div.news a, div.occasioni a, div.press a{border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; text-decoration:none; color:#020202}
div.news a:hover, div.occasioni a:hover, div.press a:hover{border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; text-decoration:underline; color:#025BFF}
#main a img.back{border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}

/* DIV CATEGORIE PRESS */
div.mdb-analog, div.mdb-digit, div.mdb-ampli, div.mdb-altoparlanti, div.mdb-varie{margin-bottom:12px; float:left; margin-top:0px; margin-left:0px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#666; margin-right:0px; width:450px; padding-top:0px; padding-right:0px; padding-bottom:12px; padding-left:0px}
div.mdb-analog h3, div.mdb-digit h3, div.mdb-ampli h3, div.mdb-altoparlanti h3, div.mdb-varie h3{margin:0px; padding:0px; text-decoration:none; font-style:italic; color:#025BFF}
div.mdb-analog a, div.mdb-digit a, div.mdb-ampli a, div.mdb-altoparlanti a, div.mdb-varie a{margin:0px; padding:0px; color:#020202}
div.mdb-analog a:hover, div.mdb-digit a:hover, div.mdb-ampli a:hover, div.mdb-altoparlanti a:hover, div.mdb-varie a:hover{margin:0px; padding:0px; text-decoration:none; color:#025BFF}
div.mdb-analog{background-image:url(../images/categorie/sorgenti-analogiche.gif); background-position:96% 95%; background-repeat:no-repeat; min-height:75px}
div.mdb-digit{background-image:url(../images/categorie/sorgenti-digitali.gif); background-repeat:no-repeat; background-position:96% 95%; min-height:75px}
div.mdb-ampli{background-image:url(../images/categorie/amplificazione.gif); background-repeat:no-repeat; background-position:96% 95%; min-height:75px}
div.mdb-altoparlanti{background-image:url(../images/categorie/sistemi-altoparlanti.gif); background-repeat:no-repeat; background-position:96% 95%; min-height:75px}
div.mdb-varie{background-image:url(../images/categorie/varie.gif); background-repeat:no-repeat; background-position:96% 95%; min-height:75px}

#main a img.back{border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; padding-right:5px; padding-bottom:0px; padding-top:0px; padding-left:0px}
#main #standards{border:none; float:left}
#main #standards a img{border:none; margin:0; padding:0 0 0 20px}
/* 1. MENU SCEGLI
-------------------------------------------------------------------------------------------------------- */
div#menu-press{float:left; padding-top:10px; padding-right:0px; padding-bottom:0px; padding-left:0px; margin:0px}
ul#press-category{float:left; width:360px; margin:0px; padding:0px}
ul#press-category li{list-style-type:none; padding:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px}
ul#press-category a{text-decoration:none; font-weight:bold; color:#202020; width:250px; padding-top:35px; padding-right:0; padding-bottom:0px; padding-left:110px; float:left; display:block; margin-left:0px; margin-bottom:25px; height:25px}
ul#press-category a:hover{text-decoration:none; font-weight:bold; color:#025bff; width:250px; padding-top:35px; padding-right:0; padding-bottom:0px; padding-left:110px; float:left; display:block; margin-left:0px; margin-bottom:25px; height:25px}
li#mdb-analog a{background-image:url(../images/categorie/sorgenti-analogiche.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-analog a:hover{background-image:url(../images/categorie/sorgenti-analogiche.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-digit a{background-image:url(../images/categorie/sorgenti-digitali.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-digit a:hover{background-image:url(../images/categorie/sorgenti-digitali.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-ampli a{background-image:url(../images/categorie/amplificazione.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-ampli a:hover{background-image:url(../images/categorie/amplificazione.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-altoparlanti a{background-image:url(../images/categorie/sistemi-altoparlanti.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-altoparlanti a:hover{background-image:url(../images/categorie/sistemi-altoparlanti.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-varie a{background-image:url(../images/categorie/varie.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}
li#mdb-varie a:hover{background-image:url(../images/categorie/varie.gif); background-repeat:no-repeat; background-position:0px center; letter-spacing:3px}