@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; 
font-family: Arial, Helvetica, sans-serif; font-size:12px;
color:#333333;
background:#F7F7F7; }
#pre{ background:url(/img/layout/cont.jpg) center repeat-y  } 
#sfo{ background:url(/img/layout/body.jpg) repeat-x top; }
#pri{  width:853px; margin:auto; text-align:left; }
/* -------------------------------------------------------------------------- Top */
#top{ height:112px;}
#top #logo{ float:left;}
#top #cerca{ float:right;}
/* -------------------------------------------------------------------------- Pie */
#pie{ text-align:right; font-size:11px; color:#999999}
/* -------------------------------------------------------------------------- Nav */
#nav ul li{}
#nav{ height:32px; margin-bottom:10px;}
#nav ul{ position:absolute; padding:0; margin:0;}
#nav ul li{ display:inline; position:absolute;}
#nav ul li a{ display:block; height:32px; text-decoration:none}
#nav ul li a span{ visibility:hidden}
#nav ul li#nav1{ width:122px; left:23px;}
#nav ul li#nav2{ width:122px; left:200px;}
#nav ul li#nav3{ width:114px; left:359px;}
#nav ul li#nav4{ width:122px; left:523px;}
#nav ul li#nav5{ width:122px; left:711px;}
#nav ul li#nav1 a{ background:url(/img/nav/nav1.jpg) no-repeat 0 0;}
#nav ul li#nav2 a{ background:url(/img/nav/nav2.jpg) no-repeat 0 0;}
#nav ul li#nav3 a{ background:url(/img/nav/nav3.jpg) no-repeat 0 0;}
#nav ul li#nav4 a{ background:url(/img/nav/nav4.jpg) no-repeat 0 0;}
#nav ul li#nav5 a{ background:url(/img/nav/nav5.jpg) no-repeat 0 0;}


#subnav{ position:absolute; z-index:3000; width:845px;}
#subnav ul{ position:absolute; padding:0; margin:0;}
#subnav ul li{ display:inline; position:absolute; height:90px; width:86px;}
#subnav ul li a{ display:block; height:90px; width:86px; text-decoration:none}
#subnav ul li a span{ visibility:hidden}
#submenu1_1, #submenu2_1{ top:15px; left:50px;height:90px; width:86px; }
#submenu1_2, #submenu2_2{ top:15px; left:200px; height:90px; width:86px;}
#submenu1_3{ top:15px; left:350px; height:90px; width:86px;}
#submenu1_4{ top:15px; left:500px; height:90px; width:86px;}

#submenu1_1 a{ background:url(/img/nav/terra-del-sole.png) no-repeat 0 0;}
* html #submenu1_1 a{
background-color: #333;height:90px; width:86px;
back\ground-color: transparent;
background-repeat:no-repeat;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/terra-del-sole.gif");
}
#submenu1_2 a{ background:url(/img/nav/mono.png) no-repeat 0 0;}
* html #submenu1_2 a{
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/mono.gif");
}
#submenu1_3 a{ background:url(/img/nav/tt-fuoristrada.png) no-repeat 0 0;}
* html #submenu1_3 a{
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/tt-fuoristrada.gif");
}
#submenu1_4 a{ background:url(/img/nav/3-faggi.png) no-repeat 0 0;}
* html #submenu1_4 a{
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/3-faggi.gif");
}

#submenu1_1 a:hover{ background:url(/img/nav/terra-del-sole.png) no-repeat 0 -90px;}
* html #submenu1_1 a:hover{
background-position:0 -90px;
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/terra-del-sole.gif");
}
#submenu1_2 a:hover{ background:url(/img/nav/mono.png) no-repeat 0 -90px;}
* html #submenu1_2 a:hover{
background-position:0 -90px;
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/mono.gif");
}
#submenu1_3 a:hover{ background:url(/img/nav/tt-fuoristrada.png) no-repeat 0 -90px;}
* html #submenu1_3 a:hover{
background-position:0 -90px;
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/tt-fuoristrada.gif");
}
#submenu1_4 a:hover{ background:url(/img/nav/3-faggi.png) no-repeat  0 -90px;}
* html #submenu1_4 a:hover{
background-position:0 -90px;
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/3-faggi.gif");
}

#submenu2_1 a{ background:url(/img/nav/sede.png) no-repeat 0 0;}
* html #submenu2_1 a{
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/sede.gif");
}
#submenu2_2 a{ background:url(/img/nav/storia.png) no-repeat 0 0;}
* html #submenu2_2 a{
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/storia.gif");
}
#submenu2_1 a:hover{ background:url(/img/nav/sede.png) no-repeat 0 -90px;}
* html #submenu2_1 a:hover{
background-position:0 -90px;
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/sede.gif");
}
#submenu2_2 a:hover{ background:url(/img/nav/storia.png) no-repeat 0 -90px;}
* html #submenu2_2 a:hover{
background-position:0 -90px;
background-color: #333;height:90px; width:86px;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/nav/storia.gif");
}
.menu{ display:none; height:131px; width:845px; background:url(/png/sfo_menu.png); margin-top:-18px;}
* html .menu{
background-color: #333;
background-repeat:no-repeat;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/png/sfo_menu.png");
margin-top:-30px;
background-position:top;
}
.menu ul{ list-style-type:none; padding:20px; margin:0; }
.menu ul li{ display:inline; list-style-type:none;}
/* -------------------------------------------------------------------------- Ani */
#ani{ background: url(/img/ani.jpg) no-repeat; height:391px;}
#ani div{ padding:14px;}
/* -------------------------------------------------------------------------- Cont */
#con{ background:url(/img/layout/con_top.jpg) no-repeat top center;}
.sin{ float:left; width:400px;}
.sin h2{ font-size:10px;}
.des{ float:right; width:400px;}
#con p {letter-spacing:1px; font-size:12px}

/* -------------------------------------------------------------------------- Titoli */
h2 { color:#CC0000}
h2 span{ visibility:hidden;}
h2.contatti{ background:url(/img/titoli/contatti.jpg) top left no-repeat; height:30px;}
h2.sede{ background:url(/img/titoli/sede.jpg) top left no-repeat; height:30px;}

h2.mono{ background:url(/img/titoli/mono.jpg) top left no-repeat; height:60px;}
h2.tt{ background:url(/img/titoli/tt.jpg) top left no-repeat; height:60px;}
h2.terradelsole{ background:url(/img/titoli/terradelsole.jpg) top left no-repeat; height:30px;}
h2.trefaggi{ background:url(/img/titoli/3faggi.jpg) top left no-repeat; height:30px;}
/* -------------------------------------------------------------------------- Tabelle */
.tdalt{ background-color:#DDDDDD}
/* -------------------------------------------------------------------------- pie */
#pie{ background:url(/img/layout/pie.jpg) no-repeat top center #F7F7F7; }