/* - - - - - - - - - - - - - - - - - - - - 
C A F F I T A L Y
CAFFILTALY SISTEM
http://www.caffitaly.it
website by websolute
- - - - - - - - - - - - - - - - - - - - */

/* BODY & ALTRO
- - - - - - - - - - - - - - - - - - - - */
/* img, div { behavior: url(../iepngfix.htc); }*/
* {margin:0; padding:0; border:none; outline:none;/* -moz-outline: 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%;}

body {background: url(../imgs/sf_pag_header.jpg) repeat-x top left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000; }
a {color: #a20302;}
a:hover {color:#000; }
h1,h2 {color: #a20302; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px;}

/* WELCOME PAGE
- - - - - - - - - - - - - - - - - - - - */
body.body_welcome {background: url(../imgs/sf_welcome.jpg) repeat-x top left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000; }
#container_welcome {width:860px; margin: 15px auto 0 auto; position: relative; background: #fff; }
#container_welcome #header_welcome{width:860px; height: 120px; background: url(../imgs/sf_header_wp.gif) no-repeat top center;}
#container_welcome #header_welcome #logo_wp{float: left; width:158px; height: 120px; margin-left: 351px;}
#container_welcome #header_welcome #logo_wp a{display:block; text-indent:-9999px; font-size:0.0001em; width:158px; height: 68px; margin: 22px 0px 0px 0px; }
#news_wp{float: right; width: 195px;margin: 10px 10px 0px 0px; }

#container_welcome #blocchi_wp{clear: both; width:860px;}
#container_welcome #blocchi_wp_sx{float: left; width: 430px; }
#container_welcome #blocchi_wp_dx{float: right; width: 430px;}
#container_welcome #banner_wp{clear: both; width:860px; background: url(../imgs/banner_wp_rosso.jpg) no-repeat top left; height: 196px; padding: 15px 0px 0px 0px; }
#container_welcome #banner_wp a{ height: 27px; width: 220px;display:block; text-indent:-9999px; font-size:0.0001em; margin: 0px 0px 0px 0px;}
#container_welcome #banner_wp_sx{float: left;  width: 220px; padding: 35px 0px 0px 0px;}
#container_welcome #banner_wp_dx{float: right; width: 450px;  }


#container_welcome #footer_wp{clear: both; width:860px; height: 30px; /*margin-top: 20px;*/ background: url(../imgs/sf_footer_wp.gif) no-repeat top left;  text-indent:-9999px; font-size:0.0001em;}
#container_welcome #footer_wp .loghi_credits{float: left;  /*margin: 0px 0px 0px 578px;*/height: 20px; width: 145px;}
#container_welcome #footer_wp .loghi_credits a{ float: left; height: 20px; display:block; text-indent:-9999px; font-size:0.0001em;}

/*#container_welcome #footer_wp .logo_ws{float: left;  margin: 0px 0px 0px 0px; width: 18px; height: 20px;}
#container_welcome #footer_wp .logo_ws a{width: 18px; height: 20px; display:block; text-indent:-9999px; font-size:0.0001em;}
*/
#apri_popup{display: none;}
#apri_popup a{display: none; text-indent:-9999px; font-size:0.0001em;display:block;}


/* CONTAINER
- - - - - - - - - - - - - - - - - - - - */
#container {width:100%; margin:0;}

/* HEADER
- - - - - - - - - - - - - - */
#header {clear: both; width:860px; height: 107px; background:url(../imgs/sf_header.jpg) no-repeat top left; margin: 0 auto; position: relative;}
#header #logo{float: left; width:140px; height: 60px; margin: 25px 0px 0px 0px;}
#header #logo a{display:block; text-indent:-9999px; font-size:0.0001em; width:140px; height: 60px; }

/* MENU ORIZZ (header)
- - - - - - - - - - - - - - - - - - - - */
#menu {clear: both; width:860px; height: 41px; margin: 6px auto 0 auto; position: relative;}
#menu ul{list-style: none; padding: 0px; margin: 0px 0px 0px 0px; }
#menu ul li{float: left; list-style: none; padding: 0px; margin: 0px 0px 0px 8px; }
#menu ul li a{display:block; text-indent:-9999px; font-size:0.0001em;width: 120px; height: 41px; padding: 0px; margin: 0px; }
#menu ul li a#pulshome{background: url(../imgs/puls_home.jpg) no-repeat top left; }
#menu ul li a#pulshome:hover{background: url(../imgs/puls_home.jpg) no-repeat bottom left; }
#menu ul li a#pulsazienda{background: url(../imgs/puls_azienda.jpg) no-repeat top left; }
#menu ul li a#pulsazienda:hover{background: url(../imgs/puls_azienda.jpg) no-repeat bottom left; }
#menu ul li a#pulssistema{background: url(../imgs/puls_sistema.jpg) no-repeat top left; }
#menu ul li a#pulssistema:hover{background: url(../imgs/puls_sistema.jpg) no-repeat bottom left; }
#menu ul li a#pulspersonalizzazione{background: url(../imgs/puls_personalizzazione.jpg) no-repeat top left; }
#menu ul li a#pulspersonalizzazione:hover{background: url(../imgs/puls_personalizzazione.jpg) no-repeat bottom left; }
#menu ul li a#pulspartner{background: url(../imgs/puls_partner.jpg) no-repeat top left; }
#menu ul li a#pulspartner:hover{background: url(../imgs/puls_partner.jpg) no-repeat bottom left; }

/* MAIN
- - - - - - - - - - - - - - - - - - - - */
#main {clear: both; width:100%; margin:0; background: url(../imgs/sf_main.jpg) no-repeat top left;}
#content { clear: both;  width:860px; margin: 0px auto ; position: relative;}
#content img{behavior: url("pngbehavior.htc");}
#content #content_sx { float: left; width: 125px;}
#content #content_sx ul{list-style: none; padding: 0px; margin: 0px 0px 0px 11px; }
#content #content_sx ul li{list-style: none; padding: 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #9c9a99; font-size: 10px; font-weight: bold; color: #000; padding: 10px 0px 3px 0px;}
#content #content_sx ul li a{display: block; font-size: 10px; font-weight: bold; color: #000; text-decoration:none; }
#content #content_sx ul li a:hover{font-weight: bold; color: #a20302; background: url(../imgs/frecc_menu.gif) no-repeat right 13px;}
#content #content_sx ul li ul{list-style: none; padding: 0px; margin: 0px 0px 0px 11px; }
#content #content_sx ul li ul li{list-style: none; padding: 0px; margin: 0px 0px 0px 0px; border: 0px;}
#content #content_sx ul li ul li a{display: block; font-size: 11px; font-weight: bold; color: #a20302; text-decoration:none; padding: 10px 0px 3px 0px;}

#content #content_dx { float: right; width: 676px; padding: 10px 0px 0px 45px;}
#content #content_dx table td{ padding: 0px 20px 20px 0px;}
.titoli {color:#9E0000; font-family:Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; font-size:15px; font-weight:bold; letter-spacing:2px;}
table.caratteristiche td{color:#000; font-family:Trebuchet MS,Arial,Verdana,Helvetica,sans-serif; font-size:11px;}

.ul_struttura {list-style: none; padding: 0px; margin: 0px 0px 0px 0px; }
.ul_struttura li{padding: 1px 0px 2px 10px; margin: 0px 0px 0px 0px;  background: url(../imgs/pallino_ul.gif) no-repeat left 6px;}

.rosso {color: #a20302;}

#content #content_dx table a{ font-size: 12px; text-decoration: none;}
#content #content_dx table ul{ list-style: none; padding: 0px; margin: 10px 0px 0px 0px;}
#content #content_dx table ul li{ list-style: none; background:url(../imgs/frecc_rossa.gif) no-repeat left 2px; }
#content #content_dx table ul li a{ display: block;padding: 0px 0px 3px 18px;}
.link_macchine{font-size: 10px; text-decoration: none;}

.div_popup { margin: 5px auto 0px auto; position: relative; }
.div_popup ul {list-style: none; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px;  }
.div_popup ul li{list-style: none; padding: 2px 0px 2px 0px; margin: 0px;}
.div_popup ul li a{list-style: none; padding: 0px 0px 0px 10px; margin: 0px; text-decoration: none;}

/* MACCHINE
- - - - - - - - - - - - - - - - - - - - */
#content #content_dx_macchine { float: right; width: 699px; padding: 10px 0px 0px 22px;}
/*#s01hs_ombre{position: absolute; z-index: 20; top: 384px; left: 161px;}
#s01hs_ombre img{behavior: url("pngbehavior.htc");}
#cover_macchina {clear: both; background: url(../imgs/s01hs_cover.jpg) no-repeat 23px; height: 503px; }
#cover_macchina #s01hs_info{clear: both; float: right; height: 65px; txt-align: right;}
#cover_macchina #s01hs_info a{display:block; text-indent:-9999px; font-size:0.0001em; width: 62px; height: 32px; padding: 0px; margin: 0px; }
#cover_macchina .s01hs_vantaggi{clear: both; height: 65px; padding: 0px 0px 0px 45px; }
#cover_macchina .s01hs_vantaggi a{float: left; text-indent:-9999px; font-size:0.0001em; width: 92px; height: 92px; padding: 0px; margin: 0px 10px 10px 0px; }
#cover_macchina #s01hs_pulsanti{clear: both;  padding: 0px 0px 0px 23px; margin: 75px 0px 0px 0px; }
#cover_macchina #s01hs_pulsanti a{display:block; text-indent:-9999px; font-size:0.0001em; width: 247px; height: 45px; padding: 0px; margin: 0px 0px px 0px; }
#cover_macchina #s01hs_menu {clear: both; padding: 0px; margin: 13px 0px 0px 0px; }
#s01hs_menu a{display:block;text-indent:-9999px; font-size:0.0001em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  width: 215px; height: 19px;  }*/

#s01hs_ombre{position: relative; z-index: 20; top: 306px; left: -23px; }
#s01hs_ombre img{behavior: url("pngbehavior.htc");}
#cover_macchina {clear: both; background:  url(../imgs/s01hs_cover.jpg) no-repeat top left; height: 513px; margin: 20px 0px 0px 20px; width: 860px;}
#cover_macchina_sx {float: left; width: 600px;}
#cover_macchina_sx .s01hs_vantaggi{clear: both; padding: 60px 0px 0px 28px; }
#cover_macchina_sx .s01hs_vantaggi a{float: left; text-indent:-9999px; font-size:0.0001em; width: 93px; height: 93px; padding: 0px; margin: 0px 10px 10px 0px;}
#cover_macchina_sx #s01hs_pulsanti{clear: both;  padding: 48px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#cover_macchina_sx #s01hs_pulsanti a{display:block; text-indent:-9999px; font-size:0.0001em; width: 245px; height: 20px; padding: 0px; margin: 0px 0px px 0px; }
#cover_macchina_dx {float: right; width: 220px;}
#s01hs_menu {clear: both; padding: 40px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#s01hs_menu a{display:block; text-indent:-9999px; font-size:0.0001em; padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px;  width: 220px; height: 20px; }

#s02hs{clear: both; background: url(../imgs/s02hs_sf.jpg) no-repeat 23px top; height: 352px; }
#amante{clear: both; background: url(../imgs/amante_sf.jpg) no-repeat left top; height: 330px; padding: 45px 280px 0px 20px; line-height: 1.5em;}
#saeco_one{clear: both; background: url(../imgs/saeco_01_sf.jpg) no-repeat left top; height: 350px; }
#saeco_two{clear: both; background: url(../imgs/saeco_02_sf.jpg) no-repeat left top; height: 350px; }
#horeca_uno{clear: both; background: url(../imgs/horeca_01_sf.jpg) no-repeat left top; height: 350px; }
#horeca_due{clear: both; background: url(../imgs/horeca_01_sf.jpg) no-repeat left top; height: 350px; }
#horeca_tre{clear: both; background: url(../imgs/horeca_01_sf.jpg) no-repeat left top; height: 350px; }




/* FOOTER
- - - - - - - - - - - - - - - - - - - - */
#footer {clear: both; width:100%; margin:0; }
#footer_content {clear: both; width:860px; margin: 0px auto; position: relative;}
#footer_content ul{clear: both; list-style: none; padding: 0px; margin: 0px 0px 0px 0px; }
#footer_content ul li{float: left; list-style: none; padding: 0px 8px 0px 8px; margin: 0px 0px 0px 0px;  font-size: 10px; color: #777676; background:url(../imgs/fil_footer.gif) no-repeat right 5px;}
#footer_content ul li a{ padding: 0px; margin: 0px 0px 0px 0px;  font-size: 10px; color: #777676; text-decoration: none;}
#footer_content ul li a:hover{  text-decoration: underline;}