/* ::::: https://web.archive.org/static/css/banner-styles.css ::::: */

#wm-ipp { width: 100%; min-height: 65px; min-width: 800px; left: 0px; top: 0px; padding: 0px; margin: 0px; border-radius: 0px; background-color: transparent; font-size: 11px; }
#wm-ipp * { font-family: Lucida Grande,Helvetica,Arial,sans-serif; font-size: inherit; line-height: 1.2; width: auto; outline: medium none; float: none; }
#wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form { padding: 0px; margin: 0px; border: medium none; border-radius: inherit; background-color: transparent; background-image: none; z-index: 2147483640; }
#wm-ipp table { border: medium none; border-collapse: collapse; margin: 0px; padding: 0px; width: auto; font-size: inherit; }
#wm-ipp form input { padding: 1px; height: auto; display: inline; margin: 0px; }
#wm-ipp form input[type="submit"] { padding: 0px 8px; margin: 1px 0px 1px 5px; width: auto ! important; }
#wm-ipp a:hover { text-decoration: underline ! important; }
#wm-ipp #wm-ipp-inside { width: 98% ! important; min-width: 780px; margin: 0px auto; border-width: medium 5px 5px; border-style: none solid solid; border-color: -moz-use-text-color rgb(0, 0, 0) rgb(0, 0, 0); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background-color: rgba(255, 255, 255, 0.9); box-shadow: 1px 1px 4px rgb(51, 51, 51); border-radius: 0px 0px 8px 8px; }
#wm-ipp #wm-logo { padding: 0px 10px; vertical-align: middle; min-width: 110px; }
#wm-ipp td.c { vertical-align: top; width: 100%; }
#wm-ipp td.c td.u { padding: 3px 0px; text-align: center; }
#wm-ipp td.c td.n { padding-left: 5px; }
#wm-ipp td.c td.n a { text-decoration: none; color: rgb(51, 51, 255); font-weight: bold; }
#wm-ipp td.c td.n td.b { padding-right: 6px ! important; text-align: right ! important; overflow: visible; white-space: nowrap; color: rgb(153, 153, 170); vertical-align: middle; }
#wm-ipp td.c td.n td.c { background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 0); font-weight: bold; text-align: center; }
#wm-ipp td.c td.n td.f { padding-left: 6px ! important; text-align: left ! important; overflow: visible; white-space: nowrap; color: rgb(153, 153, 170); vertical-align: middle; }
#wm-ipp td.c td.n tr.m td { text-transform: uppercase; white-space: nowrap; padding: 2px 0px; }
#wm-ipp td.c td.s { padding-right: 5px; text-align: center; vertical-align: bottom; }
#wm-ipp td.c td.s a.t { color: rgb(51, 51, 255); font-weight: bold; line-height: 1.8; }
#wm-ipp td.c td.s div.r { color: rgb(102, 102, 102); font-size: 9px; white-space: nowrap; }
#wm-ipp td.c td.k { vertical-align: bottom; padding-bottom: 2px; }
#wm-ipp td.c td.n tr.y td, #wm-ipp td.c td.s { padding-bottom: 2px; }
div#wm-ipp-sparkline { position: relative; white-space: nowrap; background-color: rgb(255, 255, 255); cursor: pointer; border-right: 1px solid rgb(204, 204, 204); line-height: 0.9; }
#sparklineImgId { position: relative; z-index: 9012; }
#wm-ipp-sparkline div.yt { position: absolute; z-index: 9010 ! important; background-color: rgb(255, 255, 0) ! important; }
#wm-ipp-sparkline div.mt { position: absolute; z-index: 9011 ! important; background-color: rgb(236, 0, 140) ! important; }
#wm-ipp td.r { position: relative; padding-left: 65px; }
#wm-ipp td.r a { display: block; padding: 0px 15px 0px 0px; color: rgb(51, 51, 255); border: medium none; position: absolute; right: 5px; background-color: transparent; background-repeat: no-repeat ! important; background-position: 100% 100% ! important; }
/* ::::: https://web.archive.org/web/20160114142302/http://www.hyppocorporation.com/res/css/reset.css ::::: */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
body { line-height: 1; margin: 0px; }
ol, ul { list-style: outside none none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
a { text-decoration: none; color: rgb(51, 51, 51); }
/* ::::: https://web.archive.org/web/20160114142302/http://www.hyppocorporation.com/res/css/custom.css ::::: */

* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
body { background-image: url('sfondo.jpg'); background-position: center top; background-repeat: repeat; background-color: transparent; line-height: 17px; font-size: 12px; color: rgb(51, 51, 51); font-family: arial; }
img { border: 0px none; }
a { text-decoration: none; color: rgb(51, 51, 51); }
h2 { color: rgb(42, 90, 135); font-size: 17px; font-family: arial; margin-top: 10px; margin-bottom: 10px; }
.right h2 { margin-bottom: 10px; font-size: 17px; }
table td { vertical-align: top; }
input[type="text"], textarea { background-color: rgb(243, 243, 243); border-color: rgb(210, 210, 210); border-style: solid; }
.centerContainerTop a {  }
.whatWeDo ul { margin-left: 10px; }
.centerContainer li { margin-right: 22px; }
.centerContainer li.last { margin-right: 0px; }
#wrap { min-height: 100%; }
#main { height: auto; overflow: auto; padding-bottom: 65px; }
#footer { position: relative; margin-top: -65px; height: 65px; clear: both; background-color: white; }
#footer .footerMenu { height: 33px; background-image: url('sfondofootermenu.jpg'); background-position: center top; background-repeat: repeat-x; background-color: transparent; }
#footer .footerContent { color: white; height: 32px; background-color: rgb(42, 90, 135); font-size: 11px; }
body::before { content: ""; height: 100%; float: left; width: 0px; margin-top: -32767px; }
.topBar { height: 349px; background-image: url('sfondotopbar.jpg'); background-position: center top; background-repeat: repeat-x; background-color: transparent; }
.centerContainer { width: 950px; margin: auto; position: relative; }
.topBar .centerContainerTop, .topBarInnerPage .centerContainerTop { width: 950px; margin: auto; position: relative; }
.left, .content, .right { float: left; margin: 0px 30px 0px 0px; width: 300px; padding-top: 10px; }
.left { margin: 0px; padding-left: 10px; width: 280px; }
.right { margin-right: 0px; min-height: 100%; }
.topMenu { position: absolute; top: 89px; right: 0px; }
.bannerHeader { position: absolute; left: -28px; top: 119px; padding-left: 28px; height: 229px; width: 1017px; background-image: url('fascia_blu.jpg'); background-position: center top; background-repeat: no-repeat; background-color: transparent; margin-top: 1px; }
.bannerHeader img { width: 193px; height: 193px; margin: 10px; }
.bannerHeader .contents { position: relative; margin-top: 10px; }
.bannerHeader .contents .testi { position: absolute; width: 700px; height: 160px; left: 230px; top: 43px; font-size: 18px; color: white; line-height: 20px; }
.topMenu ul { display: block; list-style: outside none none; margin: 0px; padding: 0px; width: 100%; }
.topMenu li { display: block; float: left; margin-right: 2px; padding-left: 18px; padding-right: 18px; background-image: url('backgroundtopmenubutton.gif'); background-position: left top; background-repeat: repeat-y; background-color: transparent; height: 30px; text-transform: uppercase; border-right: 1px solid rgb(253, 177, 105); }
.topMenu li:hover { background-color: rgb(248, 157, 12); }
.topMenu li a { color: rgb(51, 51, 51); font-size: 17px; text-transform: uppercase; padding-top: 7px; display: block; }
.footerMenu ul { display: block; list-style: outside none none; margin: 0px; padding: 0px; width: 100%; }
.footerMenu li { display: block; float: left; margin-right: 2px; margin-left: 0px ! important; padding-top: 9px; padding-right: 18px; font-size: 13px; }
.footerContent .testoAzienda { float: left; width: 600px; margin-top: 8px; }
.contentSoloCenter { padding-top: 20px; }
.contentSoloCenter .left { float: left; width: 625px; }
.contentSoloCenter .right { width: 300px; float: right; }
.widget { padding: 20px 10px 10px; border: 1px solid rgb(237, 237, 237); border-radius: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; margin-bottom: 20px; box-shadow: 2px 2px 2px 1px rgb(219, 219, 219); }
.buttonWhoWeAre { width: 105px; height: 32px; background: transparent url('btnwhoweare.png') no-repeat scroll left top; display: block; margin-top: 20px; }
.buttonWhoWeAre:hover { background-position: right top; }
.buttonLeggi { width: 80px; height: 32px; background: transparent url('btnleggi.png') no-repeat scroll left top; display: block; }
.whatWeDo .buttonLeggi { position: absolute; top: 185px; left: 0px; }
.buttonLeggi:hover { background-position: right top; }
.buttonLeggiGiallo { width: 80px; height: 32px; background: transparent url('leggigiallo.png') no-repeat scroll left top; display: block; margin-top: 20px; }
.buttonLeggiGiallo:hover { background-position: right top; }
.whatWeDo { margin-left: 10px; margin-top: 10px; }
.whatWeDo li { float: left; width: 162px; height: 216px; position: relative; }
.whatWeDo li.last { width: 170px; }
.whatWeDo li a { color: rgb(42, 90, 135); font-size: 15px; }
.homepage .whatWeDo a.btnPalla { width: 130px; height: 139px; background-repeat: no-repeat; display: block; margin-left: 5px; }
.homepage .whatWeDo a.consulenza { background: transparent url('btnpallaconsulenza.jpg') no-repeat scroll left top; }
.homepage .whatWeDo a.formazione { background: transparent url('btnpallaformazione.jpg') no-repeat scroll left top; }
.homepage .whatWeDo a.sviluppo { background: transparent url('btnpallamodelli.jpg') no-repeat scroll left top; }
.homepage .whatWeDo a.modelli { background: transparent url('btnpallasviluppo.jpg') no-repeat scroll left top; }
.homepage .whatWeDo a.digitalPartnering { background: transparent url('btndigitalpartnering.jpg') no-repeat scroll left top; }
.homepage .whatWeDo a.btnPalla:hover { background-position: right top; }
.homepage .blogContainer { margin-bottom: 20px; position: relative; height: 330px; margin-left: 10px; }
.blogContainer img { position: absolute; top: 40px; left: -10px; width: 402px; height: 278px; }
.blogContainer .right { position: absolute; top: 40px; left: 410px; width: 538px; font-size: 14px; }
.whoWeeAre { height: 242px; font-size: 14px; }
.whoWeArePage table a:hover, .widget a:hover, .footerMenu a:hover, .tuttiPost a:hover { color: rgb(42, 90, 135); }
.blogTitle { border-bottom: 1px solid rgb(196, 196, 196); position: relative; height: 27px; }
.blogTitle .tuttiPost { position: absolute; left: 846px; top: 0px; width: 125px; height: 30px; }
.tuttiPost img { width: 8px; height: 12px; position: absolute; top: 4px; left: 85px; }
.tuttiPost a.text { position: absolute; top: 0px; left: 0px; font-size: 17px; color: rgb(42, 90, 135); }
.tuttiPost a.text:hover { color: rgb(42, 90, 135); }
.separatoreSfumatoHomeWhatWeDo { width: 18px; height: 227px; background-image: url('separatoresfumatohomewhatwedo.png'); position: absolute; top: 30px; }
.separatoreHp1 { left: 179px; }
.separatoreHp2 { left: 354px; }
.separatoreHp3 { left: 542px; }
.separatoreHp4 { left: 721px; }
.credits_home { position: absolute; top: 202px; left: 65px; font-size: 10px; color: rgb(255, 255, 255); }
body { margin-top: 0px ! important; padding-top: 0px ! important; min-width: 800px ! important; }