body{background: #f9f9f7 url(../img/bkg_sfum.gif) repeat-x; font-family: "trebuchet ms", helvetica, sans-serif; margin: 0; padding: 0;}
#container{position: relative; width: 747px; background: #fff url(../img/bkg_container.gif) repeat-y; margin: 0 auto; padding: 0;}
#upbg{position: absolute; top: 0px; left: 0px; background: #fff url(../img/upbg.gif) no-repeat; width: 747px; height: 264px; z-index: 1;}
#inner{position: relative; padding: 10px 30px; z-index: 2;}
#logo{position: relative; background: url(../img/logo_gammageo.gif) no-repeat top left; width: 747px;height: 66px; margin: 0; padding: 0; z-index: 2;}
#header{position: absolute;background: url(../img/logo-gamma-geoservizi.gif) no-repeat; width: 220px; height: 92px; color: #fff; padding-left: 20px; padding-top: 0;font-size: 23px; text-decoration: none; border: 0; cursor: pointer;}
#header_home{position: absolute;background: url(../img/header-gamma-geoservizi.jpg) no-repeat; width: 678px; height: 92px; color: #fff;}
#header h1{text-align: right; font-size: 18px; margin: 0 10px 0 0; padding: 42px 90px 0 0; color: #444; display: none;}
#header h2{padding-top: 60px;color:#000; font-size: 11px; letter-spacing: -1px; display: none;}
h2{color:#ff7800; font-size: 16px;line-height: 25px; letter-spacing: -1px; background: url(../img/dot.gif) bottom repeat-x;}
#splash{position: absolute; right: 30px;background: #EAEAE2 url(../img/home_img.jpg) no-repeat; width: 458px;height: 92px;}
#splash_geotecnica{position: absolute; right: 30px;background: #EAEAE2 url(../img/geotecnica.gif) no-repeat;  width: 458px;height: 92px;}
#splash_geofisica{position: absolute; right: 30px;background: #EAEAE2 url(../img/tomografia.gif) no-repeat;  width: 458px;height: 92px;}
#splash_gis{position: absolute; right: 30px;background: #EAEAE2 url(../img/gis-modellazione.jpg) no-repeat;  width: 458px;height: 92px;}
#splash_topografia{position: absolute; right: 30px;background: #EAEAE2 url(../img/topografia.jpg) no-repeat;  width: 458px;height: 92px;}
#splash_marcatura{position: absolute; right: 30px;background: #EAEAE2 url(../img/marcatura-ce.jpg) no-repeat;  width: 458px;height: 92px;}
#splash_sicurezza{position: absolute; right: 30px;background: #EAEAE2 url(../img/sicurezza.jpg) no-repeat;  width: 458px;height: 92px;}
#menu{position: relative; background: #fff url(../img/menu_bkg.gif) repeat-x; height: 67px; padding: 0; margin: 98px 0px 0px 0px;}
#menu ul li {display: inline; line-height: 52px;}
#menu ul li.first {border-left: 0px;}
#menu ul li a { background-color: transparent; background-repeat: repeat-x; padding: 8px; font-size: 12px; color: #fff; font-weight: bold;}
#menu ul li a:hover {background: #fff url(../img/li_on.gif) repeat-x top; color: #4A4A24; text-decoration: none;}
#menu ul li.here {background: #fff url(../img/li_on.gif) repeat-x top; color: #4A4A24; text-decoration: none; padding: 8px; font-size: 12px;  font-weight: bold;}
#text{position: relative; z-index: 2; float: left; clear: none; width: 400px; margin-left: 20px; font-size: 13px;text-align: justify;}
#text .footer{background: url(../img/text_footer.gif) repeat-x bottom left; text-align: right; padding-right: 10px; height: 40px;}
#text .footer a { color: #ff7800; text-decoration: none;}
#text .footer a:hover {text-decoration: underline;}
#box_right{position: relative; width: 220px; float: right; font-size: 13px;}
.list li{list-style-image: url(../img/arrow.gif); font-size: 12px; vertical-align: middle;}
.center{margin-top: 20px; text-align: center;font-size: 10px; color: #F06E33;}
#content{position: relative; z-index: 2;padding-top: 20px;}
ul.nav{float: left; clear: none; background-color: #fff; width: 150px; margin: 0; padding: 0; list-style: none; text-align: left; line-height: 30px; font-size: 13px;}
ul.nav li {width: 150px; height: 40px;}
ul.nav li a{background: url(../img/menu_off.gif) no-repeat bottom right; width: 150px; display: block; color: #656551; font-weight: bold; text-decoration: none; padding: 0; vertical-align: middle;}
ul.nav li a:hover{background: url(../img/menu_on.gif) no-repeat; color:#fff; font-weight: bold;}
li p{margin: 7px 0;}
a{color: #3366cc;}

.clear{width: 100%; clear: both;}
#footer{position: relative; clear: both; background: url(../img/bkg_footer.gif) repeat-x; height: 66px; margin: 0 auto; padding-top: 8px; font-size: 11px; text-align: center; color: #a8a88d;}
#footer a{color: #8C8C73;text-decoration: none;}
#footer a:hover{color: #8C8C73;text-decoration: underline;}
#footer_bot{background: url(../img/footer_bot.gif) no-repeat; width: 747px; height: 26px; margin: 0 auto;}

h3{font-size: 14px;color: #656551; background: url(../img/dot.gif) bottom repeat-x;}
.orange{color:#F06E33; font-size: 18px;}
.noborder{border: 0;}

.sublist {list-style-image: url(../img/arrow2.gif); vertical-align: middle;}
.column{width: 170px; margin: 10px 5px; float: left; clear: none; }
.column li{list-style: square;}
.frame{border: solid 2px #f3f3f3;}
.caption{font-size: 10px; font-style: italic; color: #555;}
.img{width: 200px; margin: 10px 20px; float: left; clear: none; }