/* - - - - - - - - - - - - - - - - - - - - 
AUTOTRASPORTI DARPETTI
- - - - - - - - - - - - - - - - - - - - */ 

/* BODY & ALTRO
- - - - - - - - - - - - - - - - - - - - */
* {margin:0; padding:0; outline:none;/* -moz-outline: none;*/}
a img {border:none;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clear {clear:both;}
.clearfix {display:block;}
/* End hide from IE-mac */
* ul li {height:auto;#height:1%;}
img {border:none; margin:0;}

body {background: url(../img/sf_body.gif) repeat-x top left #030605; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color:#fff; overflow:hidden; }
a {color:#fff; text-decoration:underline; font-weight: bold;}
a:hover {color:#fff; text-decoration: none; }

/* HOMEPAGE
- - - - - - - - - - - - - - - - - - - - */
#container_sf_hp{background: url(../img/sf_hp02.jpg) no-repeat center 81px; width: 100%; margin: 0 auto;  height: 940px; overflow: hidden; }
#container{width: 960px; margin: 0 auto; position: relative; }
/* TOPBAR
- - - - - - - - - - - - - - - - - - - - */
#topbar{width: 960px; height: 81px; margin: 0 auto; background:url(../img/logo_darpetti.gif) no-repeat top left;}
#logo{float: left; width: 240px; height: 81px;}
#logo a{float: left; display:block; text-indent:-9999px; font-size:0.0001em; width: 240px; height: 81px;}
#menu{float: right; }
#menu ul{list-style: none; margin: 51px 0px 0px 0px; padding: 0;}
#menu ul li{float: left;list-style: none; margin: 0; padding: 0px 0px 0px 30px;}
#menu ul li a{display:block; text-indent:-9999px; font-size:0.0001em; height:11px;}
#menu ul li a#pulshome{background: url(../img/menu.gif) no-repeat top left; width: 36px;}
#menu ul li a#pulshome:hover, #menu ul li a#pulshome.on {background: url(../img/menu.gif) no-repeat bottom left; }
#menu ul li a#pulschisiamo{background: url(../img/menu.gif) no-repeat -67px top ; width: 64px;}
#menu ul li a#pulschisiamo:hover, #menu ul li a#pulschisiamo.on {background: url(../img/menu.gif) no-repeat -67px bottom; }
#menu ul li a#pulsprodotti{background: url(../img/menu.gif) no-repeat -159px top ; width: 56px;}
#menu ul li a#pulsprodotti:hover, #menu ul li a#pulsprodotti.on {background: url(../img/menu.gif) no-repeat -159px bottom; }
#menu ul li a#pulsautotrasporti{background: url(../img/menu.gif) no-repeat -242px top ; width: 96px;}
#menu ul li a#pulsautotrasporti:hover, #menu ul li a#pulsautotrasporti.on {background: url(../img/menu.gif) no-repeat -242px bottom; }
#menu ul li a#pulscontatti{background: url(../img/menu.gif) no-repeat -365px top ; width: 56px;}
#menu ul li a#pulscontatti:hover, #menu ul li a#pulscontatti.on {background: url(../img/menu.gif) no-repeat -365px bottom; }

/* SLOGAN
- - - - - - - - - - - - - - - - - - - - */
#slogan{clear: both; margin: 117px 0px 0px 0px;}
#slogan_testo{float:left; width: 535px;}
#slogan_testo p{/*text-indent:-9999px; font-size:0.0001em;*/ font-size: 2em; font-family:Arial, Helvetica, sans-serif;}

#slogan_img{float:left; }
#slogan_img ul{list-style: none; margin: 0px; padding: 0px; }
#slogan_img ul li{list-style: none; margin: 0px; padding: 0px; float: left;}
#slogan_img ul li a{display: block; text-indent:-9999px; font-size:0.0001em; width: 106px; height: 70px; }

/* BLOCCO RAPPRESENTANTI
- - - - - - - - - - - - - - - - - - - - */
#blocco_rappresentanti{clear: both; margin: 70px 0px 0px 0px; padding: 0px 0px 0px 90px;line-height: 1.2em;}
#blocco_rappresentanti h1{font-size: 1.25em; font-weight: bold; letter-spacing: 0.03em;}
#blocco_rappresentanti p{font-size: 1.1em; }
#blocco_rappresentanti span {color: #efce0e}
#blocco_rappresentanti a{color: #efce0e}

/* FUMETTO
- - - - - - - - - - - - - - - - - - - - */

#fumetto_chisiamo{display: none; z-index:20; position: absolute; top: 255px; left: 528px; background:url(../img/fumetto.png) no-repeat top left; width: 205px; height:153px;}

/* FOOTER
- - - - - - - - - - - - - - - - - - - - */
#footer{z-index: 10; position: absolute; bottom:10px; right: 0px;  width: 100%; font-size: 0.6em; font-weight: bold;}
#footer_content{width: 960px; margin: 0 auto; position: relative;}
#footer_content ul {float: right; list-style: none; margin: 0px; padding: 0px;}
#footer_content ul li{float: left; list-style: none; margin: 0px; padding: 0px 10px 0px 10px; background:url(../img/fil_footer.gif) no-repeat left 5px;}