* {font-size:100.01%}
html {font-size:62.5%}
body {margin:0; padding:0; background:#d5d5d5; text-align:center; font-size:1.2em; font-family:Arial,sans-serif}

div#header {width:800px; height:125px; background:#4070c5 url(immagini/top.jpg) no-repeat top right; padding:0; margin:0 auto; text-align:left}
div#header .logo {display:block; width:189px; height:86px; background:url(immagini/rimedionaturale.gif) no-repeat 0 5px; text-indent:-9999px; margin:0 5px 0; color:#016699}
div#header .sottotit {font-size:1.1em; float:left; color:white; margin:4px 5px 0; font-weight:normal}
div#header .sottotit a {color:white}
div#menu {margin:0 auto; width:800px; padding:0; height:30px; background:#45963D; text-align:left}
div#menu ul {margin:0; padding:6px 0 5px; height:19px; list-style-type:none}
div#menu li {display:inline; margin:0; padding:0}
div#menu li a {margin-right:21px; margin-left:15px; color:white; text-decoration:underline}
div#menu li a:hover {color:white; text-decoration:underline}

div#middle {margin:0 auto; width:780px; padding:10px 10px 45px; background:white url(immagini/middle.gif) repeat-y; text-align:left}
div#middle .left {width:170px; padding:0 3px; float:right}
div#middle .left h4 {font-size:1.6em; color:#333; margin:10px 2px 1px}
div#middle .left ul {margin:4px 0; padding:0; list-style-type:none; font-size:1em}
div#middle .left li {margin:0; padding:0}
div#middle .left a {display:block; margin:0; padding:4px 7px; color:black; text-decoration:underline; border-top:1px dotted #aaa}
div#middle .left a:hover {color:black; text-decoration:underline; background:#d0d0d0}
div#middle .left .titolo {display:block; font-size:1.1em; font-weight:bold; padding:10px 0 15px}
div#middle .left .colofon {display:block; margin:4px 4px 7px; color:#444; width:160px}
div#middle .left .colofon .tit {display:block; font-size:1.1em; font-weight:bold; color:#3E8601}
div#middle .left .colofon .tit a {color:#3E8601; text-decoration:underline; background:none; border:0; display:inline; padding:0 0 2px}
div#middle .elenco {float:left}


div#middle .right {width:590px; font-size:100%; float:left; padding:5px 0 0; text-align:left}
div#middle .right h1 {font-size:170%; margin:0 0 5px; color:#3e8601}
div#middle .right h2 {font-size:140%; margin:5px 0 10px; color:#016699}
div#middle .right h3 {font-size:120%; margin:5px 0; color:#015B6D}
div#middle .right .titolo {display:block; font-size:120%; margin:5px 0; color:#015B6D; font-weight:bold}
div#middle .right p {margin:5px 0 18px}
div#middle .right a {color:#3e8601; font-weight:bold; text-decoration:underline}
div#middle .right a:hover {color:#016699; text-decoration:underline}
div#middle .imgright {float:right; margin-left:5px}
div#middle .imgleft {float:left; margin-right:5px}
div#middle .elencorimedi {overflow:scroll; width:310px; height:260px; border:1px solid #eee; padding:4px; margin:10px 0 20px}
div#middle .elencorimedi ul,li {margin:0; padding:0}

div#footer {margin:0 auto; width:780px; height:20px; padding:10px; background:#406ec4; text-align:left; color:white}
div#footer .left {float:left}
div#footer .right {float:right; font-size:0.9em}
div#footer .right a {color:white; text-decoration:underline; margin-right:5px}