/*stili per il layout fluido*/ html,body{ margin: 0; padding:0 } body{ background-color:#000000; font-family: "Bitstream Vera Sans", "Verdana", Arial, sans-serif; font-size: 76% } div#container{ position: relative } div#title_imageheader{ background-image:url("1.jpeg"); background-repeat:no-repeat; background-position: center center; text-align:center; height: 79px; background-color:#000000; color: #ffffff; margin-top:20px; margin-left:50px; margin-right:50px } div#header{ text-align:center; height: 55px; background-color:#222222; color: #ffffff; margin-top:20px; margin-left:50px; margin-right:50px } div#left{ color: #ffffff; position: absolute; top: 195px; left: 0; width: 160px; width:170px; width:160px; padding: 1em 0 0 10px; margin-left:50px } div#right{ position: absolute; color: #ffffff; top: 195px; right: 0; width: 160px; width:170px; width:160px; padding: 1em 5px; margin-right:50px } div#middle{ color: #ffffff; border-style:solid; border-width:0 170px; border-color:#000 #81746e #000 #81746e; padding: 1em 10px; margin-left:50px; margin-right:50px } div#footer{ text-align:center; padding: 5px 0; background-color: #222222; color: #000; margin-left:50px; margin-right:50px; margin-bottom:20px } /*images*/ .centre { text-align: center; } .line { display: inline; width: 100px; position: relative; top: 0; background: #330099; color: #ffff00; text-align: center; line-height: 37px; height: 37px; margin: 0 auto 2ex auto; padding: 0; } .news { background-image:url("contacts_2.jpeg"); background-repeat:no-repeat; background-position: center; height: 55px; left: 0 } .photos { background-image:url("news.jpeg"); background-repeat:no-repeat; background-position: center; height: 55px; right: 0 } .videos { background-image:url("news.jpeg"); background-repeat:no-repeat; background-position: center; height: 55px } .staff { background-image:url("news.jpeg"); background-repeat:no-repeat; background-position: center; height: 55px } .contacts { background-image:url("news.jpeg"); background-repeat:no-repeat; background-position: center; height: 55px } /*titles*/ h1,h2{ margin: 0; padding:0 } h2{ padding-top:5px; color: #ffffff; font-size: 1.5em; font: 2.3em/80px; font-family: "Bitstream Vera Sans", "Verdana", Arial, sans-serif } div#footer a{ color:#fff; font-weight: bold; text-decoration: underline; bottom:0 } /*stili specifici per il layout*/ /*stili per l'header*/ /*div#header ul{margin: 0;padding: 0; list-style-type: none;}*/ div#header li{display: inline; margin: 0 0 0 1em; padding: 0} /*nota display: inline*/ div#header a{color:#FFFFFF;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none} div#header a:hover{color: #81746e} div#header a#activelink{color: #c6c6c6;text-decoration: none} /*stili per la navigazione*/ div#left ul{margin: 0;padding: 0; list-style-type: none} div#left li{margin: 0;padding: 0} div#left a{color:#ffffff;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none} div#left a:hover{color: #033;text-decoration: underline} div#left a#activelink{color: #033;text-decoration: none} div#left p{font-size: 90%} /*stili per la sezione extra*/ div#right div.newsbox{font-size: 90%;margin-bottom: 2em} div#right div.newsbox h2{color: #999;font-size: 1.2em} div#right div.newsbox p{margin: 0}