/* - - - - - - - - - - - - - - - - - - - - 
OFFICINA ETICA
website by websolute
- - - - - - - - - - - - - - - - - - - - */ 

/* BODY & ALTRO
- - - - - - - - - - - - - - - - - - - - */
* {margin:0; padding:0; border:none; outline:none;/* -moz-outline: none;*/}
* ul li {height:auto;#height:1%;}
.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 */

body.body_hp {background: url(../img/sf_hp.jpg) no-repeat top center; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size:10px; color:#999999; line-height: 15px; }
body {background: url(../img/sf_pag.jpg) no-repeat top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; line-height: 15px;}
a{color:#2b373e; text-decoration:underline; font-size:10px;}
a:hover{color:#71797e; text-decoration:none; font-size:10px;}

/* CONTAINER
- - - - - - - - - - - - - - - - - - - - */
#container {width:960px; margin:0 auto; position:relative; }

/* TOPBAR
- - - - - - - - - - - - - - - - - - - - */
#topbar {clear: both; width:960px; margin:0px 0px 0px 0px; padding: 30px 0px 0px 0px;  height: 77px;}
#logo{float: left; background: url(../img/logo_officina_etica.gif) no-repeat top left; width: 230px; height: 51px;}
#logo a{display:block; text-indent:-9999px; font-size:0.0001em;  width: 230px; height: 51px; }

#menu {float: right; padding: 0px 130px 0px 0px; margin-top: 21px; line-height:normal;}
#menu ul { clear: both; list-style:none; padding: 0px 0px 0px 0px;  margin-top: 2px;}
#menu ul li {float: left; list-style:none;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; #height:1%; height: 13px; }
#menu ul li a {display:block; text-indent:-9999px; font-size:0.0001em; height: 13px;  }
#menu ul li a#pulshome{background: url(../img/puls_home.gif) no-repeat left top; width: 34px; }
#menu ul li a#pulshome:hover{background: url(../img/puls_home.gif) no-repeat left bottom;  }
#menu ul li a#pulschisiamo{background: url(../img/puls_chisiamo.gif) no-repeat left top; width: 64px; }
#menu ul li a#pulschisiamo:hover{background: url(../img/puls_chisiamo.gif) no-repeat left bottom;  }
#menu ul li a#pulsteam{background: url(../img/puls_team.gif) no-repeat left top; width: 40px; }
#menu ul li a#pulsteam:hover{background: url(../img/puls_team.gif) no-repeat left bottom;  }
#menu ul li a#pulsmedia{background: url(../img/puls_media.gif) no-repeat left top; width: 82px; }
#menu ul li a#pulsmedia:hover{background: url(../img/puls_media.gif) no-repeat left bottom;  }
#menu ul li a#pulsrecruitment{background: url(../img/puls_recruitment.gif) no-repeat left top; width: 76px; }
#menu ul li a#pulsrecruitment:hover{background: url(../img/puls_recruitment.gif) no-repeat left bottom;  }
#menu ul li a#pulscontatti{background: url(../img/puls_contatti.gif) no-repeat left top; width: 55px; }
#menu ul li a#pulscontatti:hover{background: url(../img/puls_contatti.gif) no-repeat left bottom;  }
#menu ul li a#pulsglossario{background: url(../img/puls_glossario.gif) no-repeat left top; width: 60px; }
#menu ul li a#pulsglossario:hover{background: url(../img/puls_glossario.gif) no-repeat left bottom;}
#menu ul li a#pulslink{background: url(../img/puls_link.gif) no-repeat left top; width: 33px; }
#menu ul li a#pulslink:hover{background: url(../img/puls_link.gif) no-repeat left bottom;}
#menu ul li a#pulsenglish{background: url(../img/puls_english.gif) no-repeat left top; width: 47px; }
#menu ul li a#pulsenglish:hover{background: url(../img/puls_english.gif) no-repeat left bottom;  }
#menu ul li a#pulsresponsabilita{background: url(../img/puls_responsabilita.gif) no-repeat left top; width: 134px; }
#menu ul li a#pulsresponsabilita:hover{background: url(../img/puls_responsabilita.gif) no-repeat left bottom;  }
#menu ul li a#pulsfondazione{background: url(../img/puls_fondazione.gif) no-repeat left top; width: 136px; }
#menu ul li a#pulsfondazione:hover{background: url(../img/puls_fondazione.gif) no-repeat left bottom;  }
#menu ul li a#pulsfamily{background: url(../img/puls_family.gif) no-repeat left top; width: 123px; }
#menu ul li a#pulsfamily:hover{background: url(../img/puls_family.gif) no-repeat left bottom;  }
#menu ul li a#pulsportfolio{background: url(../img/puls_portfolio.gif) no-repeat left top; width: 57px; }
#menu ul li a#pulsportfolio:hover{background: url(../img/puls_portfolio.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsportfolio{background: url(../img/puls_portfolio.gif) no-repeat left top; width: 57px; }
#menu_en ul li a#pulsportfolio:hover{background: url(../img/puls_portfolio.gif) no-repeat left bottom;  }

#menu_en {float: right; padding: 0px 130px 0px 0px; margin-top: 21px; line-height:normal;}
#menu_en ul { clear: both; list-style:none; padding: 0px 0px 0px 0px;  margin-top: 2px; }
#menu_en ul li {float: left; list-style:none;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; #height:1%; height: 13px; }
#menu_en ul li a {display:block; text-indent:-9999px; font-size:0.0001em; height: 13px;  }
#menu_en ul li a#pulshome_en{background: url(../img/puls_home_en.gif) no-repeat left top; width: 34px; }
#menu_en ul li a#pulshome_en:hover{background: url(../img/puls_home_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulschisiamo_en{background: url(../img/puls_chisiamo_en.gif) no-repeat left top; width: 72px; }
#menu_en ul li a#pulschisiamo_en:hover{background: url(../img/puls_chisiamo_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsteam_en{background: url(../img/puls_team_en.gif) no-repeat left top; width: 40px; }
#menu_en ul li a#pulsteam_en:hover{background: url(../img/puls_team_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsmedia_en{background: url(../img/puls_media_en.gif) no-repeat left top; width: 87px; }
#menu_en ul li a#pulsmedia_en:hover{background: url(../img/puls_media_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsrecruitment_en{background: url(../img/puls_recruitment_en.gif) no-repeat left top; width: 76px; }
#menu_en ul li a#pulsrecruitment_en:hover{background: url(../img/puls_recruitment_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulscontatti_en{background: url(../img/puls_contatti_en.gif) no-repeat left top; width: 59px; }
#menu_en ul li a#pulscontatti_en:hover{background: url(../img/puls_contatti_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsglossario_en{background: url(../img/puls_glossario_en.gif) no-repeat left top; width: 59px; }
#menu_en ul li a#pulsglossario_en:hover{background: url(../img/puls_glossario_en.gif) no-repeat left bottom;}
#menu_en ul li a#pulslink_en{background: url(../img/puls_link_en.gif) no-repeat left top; width: 33px; }
#menu_en ul li a#pulslink_en:hover{background: url(../img/puls_link_en.gif) no-repeat left bottom;}
#menu_en ul li a#pulsenglish_en{background: url(../img/puls_english_en.gif) no-repeat left top; width: 45px; }
#menu_en ul li a#pulsenglish_en:hover{background: url(../img/puls_english_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsresponsabilita_en{background: url(../img/puls_responsabilita_en.gif) no-repeat left top; width: 125px; }
#menu_en ul li a#pulsresponsabilita_en:hover{background: url(../img/puls_responsabilita_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsfondazione_en{background: url(../img/puls_fondazione_en.gif) no-repeat left top; width: 132px; }
#menu_en ul li a#pulsfondazione_en:hover{background: url(../img/puls_fondazione_en.gif) no-repeat left bottom;  }
#menu_en ul li a#pulsfamily_en{background: url(../img/puls_family_en.gif) no-repeat left top; width: 122px; }
#menu_en ul li a#pulsfamily_en:hover{background: url(../img/puls_family_en.gif) no-repeat left bottom;  }



/* FLASH IN HP
- - - - - - - - - - - - - - - - - - - - */
#animazione{clear: both;  padding: 0px 0px 0px 130px; margin: 0px; }

/* BLOCCHETTI IN HP
- - - - - - - - - - - - - - - - - - - - */
#blocchetti_hp {clear: both;  padding: 70px 0px 0px 158px; margin: 0px; }
#blocco_hp {float: left; width: 173px; margin: 0px 61px 30px 0px; }
#blocco_hp p{float: left; margin-top: 10px;}
#blocco_hp p strong{font-size:1em;}

/* PAGINA INTERNA - contenuto 
- - - - - - - - - - - - - - - - - - - - */
#pag_contenuto {clear: both; width: 600px; padding: 0px 180px 0px 180px; margin: 0px 0px 0px 0px; background:  url(../img/sf_pag_contenuto02.jpg)  no-repeat top left; height: auto!important; min-height: 377px; height: 377px; }
#pag_contenuto p{padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px;}
#pag_contenuto img{float: right; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 10px; }
#pag_contenuto h1.h1_responsabilita{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_responsabilita.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_responsabilita_en{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_responsabilita_en.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_fondazione{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_fondazione.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_fondazione_en{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_fondazione_en.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_family{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_family.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_chisiamo{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_chisiamo.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_chisiamo_en{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_chisiamo_en.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_team{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_team.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_media{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_media.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_media_en{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_media_en.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_portfolio{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_portfolio.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_recruitment{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_recruitment.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_contatti{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_contatti.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_contatti_en{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_contatti_en.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto h1.h1_glossario{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_glossario.gif) no-repeat top left; width: 600px; height: 15px;}

#pag_contenuto ul{list-style: none; margin: 15px 0px 0px 0px; padding: 0px;}
#pag_contenuto ul li{list-style: none; margin: 0px; padding: 0px 0px 15px 12px; background: url(../img/freccina.gif) no-repeat left 5px; }
#pag_contenuto ul li a{text-decoration: none; font-weight: bold;}


#pag_contenuto h1.h1_glossario_en{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_glossario_en.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto .ico_su {clear: both; float: left; margin: 3px 3px 0px 0px;}
#pag_contenuto_chiusura {clear: both; padding: 0px 0px 0px 100px; }

#pag_contenuto_glossario {clear: both; width: 600px; padding: 0px 180px 0px 180px; margin: 0px 0px 0px 0px; background:  url(../img/sf_pag_glossario.jpg)  no-repeat top left; line-height: 14px;}
#pag_contenuto_glossario p{padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; }
#pag_contenuto_glossario img{float: right; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 10px; }
#pag_contenuto_glossario h1.h1_glossario_en{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_glossario_en.gif) no-repeat top left; width: 600px; height: 15px;}
#pag_contenuto_glossario .ico_su {clear: both; float: left; margin: 3px 3px 0px 0px;}

#pag_contenuto_link {clear: both; width: 600px; padding: 0px 180px 0px 180px; margin: 0px 0px 0px 0px; background:  url(../img/sf_pag_glossario.jpg)  no-repeat top left; line-height: 14px;}
#pag_contenuto_link p{padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; }
#pag_contenuto_link h1.h1_link{display: block; text-indent:-9999px; font-size:0.0001em; background: url(../img/tit_link.gif) no-repeat top left; width: 600px; height: 15px;}



/* FOOTER
- - - - - - - - - - - - - - - - - - - - */
#footer{clear: both;  margin:0 auto; position:relative; background: url(../img/sf_footer.jpg) no-repeat top center; width: 100%; color: #999999; font-size: 9px; padding: 0px 0px 15px 0px; }
#footer_contenuto{ width: 714px; padding: 48px 0px 0px 0px; margin: 0px auto; background: url(../img/loghi_footer.gif) no-repeat 480px 48px; }
#footer_contenuto ul{clear: both; list-style:none; padding: 0px 0px 0px 0px; }
#footer_contenuto ul li{float: left; list-style:none;  padding: 0px 9px 0px 9px; margin: 0px 0px 0px 0px; background:url(../img/fil_footer.gif) no-repeat right 6px; }
#footer_contenuto ul li a { color: #999999; text-decoration: none; font-size: 9px;}
#footer_contenuto ul li a:hover { color:#2b373e;}