html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body { background:#fff; font: small "Trebuchet MS",Verdana,sans-serif; letter-spacing: 0.1em; text-align: center; }
html,body { height: 100%; }
ol, ul { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #ddd; }
small { color: #bbb; padding-bottom: 3px; font-size: 0.9em; }

#distance { width:1px; height:50%; margin-bottom:-225px; float:left; }

#container { position: relative; margin: 0 auto; text-align: left; width: 1000px; clear: left; }
#site_name { height: 100px; position: relative; background: url('/Content/images/logo_piumacharles.png') no-repeat 137px 50%; text-indent: -9999999px; }

#main_menu { height: 350px; background: url('/Content/images/paraguas_home.png') no-repeat 0 100%; }
#main_menu ul { position: relative; left: 392px; width: 250px; z-index: 50; }
#main_menu li { height: 30px; background: url('/Content/images/flecha.png') no-repeat 0 25%; }
#main_menu li span { position: relative; left: 70px; }

#footer { text-align: center; color: #aaa; position: relative; top: -35px; }