/* 2Wins Studio - foglio di stile - versione retrò stile 2006 */
body { margin:0; padding:0; background:#d9e4f1 url(img/bg_tile.svg) repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
a { color:#1a5fb4; text-decoration:underline; }
a:hover { color:#e8590c; text-decoration:none; }
img { border:0; }
h1 { font-family:"Trebuchet MS", Verdana, sans-serif; font-size:20px; color:#0f3d7a; margin:0 0 10px 0; padding-bottom:4px; border-bottom:2px solid #ff9a1f; }
h2 { font-family:"Trebuchet MS", Verdana, sans-serif; font-size:14px; color:#fff; margin:18px 0 8px 0; padding:3px 8px; background:#3a7bd5 url(img/grad_h2.svg) repeat-x; border:1px solid #2a5da8; }
p { line-height:16px; margin:6px 0; }
small { font-size:10px; }
ol, ul { margin:4px 0 4px 20px; padding:0; line-height:16px; }

#topbar { background:#1b2a41; color:#cfd8e6; font-size:10px; height:20px; line-height:20px; border-bottom:1px solid #4a6fa5; }
#topbar .wrap { width:920px; margin:0 auto; }
#topbar .left { float:left; } #topbar .right { float:right; }
#topbar a { color:#ffcc66; }

#container { width:920px; margin:10px auto; background:#fff; border:1px solid #7a95b8; }
#header { height:110px; background:#0f3d7a url(img/grad_header.svg) repeat-x; color:#fff; padding:0 12px; }
#logo { vertical-align:middle; }
#logo img { margin-top:14px; }
.payoff { font-family:"Trebuchet MS", sans-serif; font-size:13px; color:#cfe0ff; margin-top:4px; letter-spacing:1px; }
.payoff span { color:#ffcc66; font-weight:bold; }
#heretroR { font-size:10px; color:#cfe0ff; vertical-align:middle; }
#heretroR .stars { color:#ffcc00; font-size:12px; }
#heretroR b { color:#fff; font-size:13px; }
.flip { animation:flip 3s infinite ease-in-out; }
@keyframes flip { 0%,100% { transform:rotate(-6deg); } 50% { transform:rotate(6deg); } }

#ticker marquee { height:16px; line-height:16px; }
#ticker { background:#fff3d6; border-top:1px solid #e0b060; border-bottom:1px solid #e0b060; color:#663c00; padding:2px 0; font-size:10px; }
#ticker a { color:#c04000; }

#leftcol { width:170px; background:#eef3fa; border-right:1px solid #c5d3e6; padding:8px; }
#rightcol { width:170px; background:#eef3fa; border-left:1px solid #c5d3e6; padding:8px; }
#maincol { padding:12px 16px; }

.boxtitle { background:#3a7bd5 url(img/grad_h2.svg) repeat-x; color:#fff; font-weight:bold; font-size:11px; padding:3px 6px; margin-top:10px; border:1px solid #2a5da8; border-bottom:0; }
.boxtitle:first-child { margin-top:0; }
.box { background:#fff; border:1px solid #b8c8de; padding:6px; }
.box.small { font-size:10px; line-height:15px; }
.center { text-align:center; }

.navtable { width:100%; border:1px solid #b8c8de; }
.navtable td.nav { background:#fff url(img/grad_nav.svg) repeat-x bottom; border-bottom:1px solid #d5dfec; }
.navtable td.nav a { display:block; padding:5px 8px; color:#1a3d6e; font-weight:bold; text-decoration:none; }
.navtable td.nav a:hover { background:#ffe9c2; color:#c04000; }
.navtable td.navon a { background:#ffcc66; color:#333; }

.txt { font-family:Verdana, sans-serif; font-size:10px; border:1px solid #7f9db9; padding:2px; }
.btn { font-family:Verdana, sans-serif; font-size:10px; background:#e8eef7 url(img/grad_nav.svg) repeat-x bottom; border:1px solid #7f9db9; padding:1px 6px; cursor:pointer; }
.btn:hover { background:#ffe9c2; }

.counter { font-family:"Courier New", monospace; font-size:14px; font-weight:bold; letter-spacing:3px; color:#0f0; background:#000; padding:2px 6px; border:2px inset #888; }
.badges img { margin:2px 0; display:block; margin-left:auto; margin-right:auto; }
.clients img, .partners img { margin:2px; border:1px solid #7a95b8; background:#1b2a41; }

.news b { color:#0f3d7a; }
.blink { color:#f00; font-weight:bold; animation:blink 1s step-start infinite; }
@keyframes blink { 50% { opacity:0; } }

.intro { font-size:12px; line-height:18px; }
.photo { border:3px solid #fff; outline:1px solid #b8c8de; margin:0 10px 6px 0; }
.thumb { border:1px solid #7a95b8; margin:0 8px 4px 0; background:#1b2a41; }
.bigbtn { display:inline-block; background:#ff9a1f url(img/grad_btn.svg) repeat-x; color:#fff !important; font-weight:bold; font-size:12px; padding:5px 14px; border:1px solid #c05a00; text-decoration:none; text-shadow:1px 1px 0 #a04800; }
.bigbtn:hover { background:#ffb347; }

.cases td { background:#f7f9fc; border:1px solid #dde5f0; }
.cases td b { color:#0f3d7a; }
.servlist td { border-bottom:1px dotted #ccc; padding:4px; }
.quote { background:#fffbe6 url(img/ico_quote.svg) no-repeat 6px 6px; border:1px solid #f0d890; padding:8px 8px 8px 30px; margin:6px 0; font-style:italic; }
.quote .who { font-style:normal; color:#777; font-size:10px; }

.timeline td.year { width:50px; font-family:"Trebuchet MS", sans-serif; font-size:18px; font-weight:bold; color:#ff9a1f; vertical-align:top; }
.timeline td { border-bottom:1px dotted #ccc; }
.team td { width:50%; background:#f7f9fc; border:1px solid #dde5f0; }
.awards { background:#b8c8de; }
.awards td { background:#fff; }
.awards tr.th td { background:#e3ebf5; font-weight:bold; }
.sub { color:#c04000; font-weight:bold; margin-top:-4px; }
.steps { background:#f7f9fc; border:1px solid #dde5f0; }
.tocbox { background:#eef3fa; border:1px solid #c5d3e6; padding:5px; }
.proj { background:#f7f9fc; border:1px solid #dde5f0; padding:8px; text-align:center; margin-bottom:6px; }
.proj .cat { color:#c04000; font-size:10px; }
.form td { font-size:10px; }
.captcha { font-family:"Courier New", monospace; background:#ccc url(img/captcha.svg); padding:2px 6px; border:1px solid #888; letter-spacing:2px; font-weight:bold; color:#333; font-style:italic; }
.faq dt { font-weight:bold; color:#0f3d7a; margin-top:8px; background:url(img/ico_arrow.svg) no-repeat 0 3px; padding-left:14px; }
.faq dd { margin:2px 0 6px 14px; line-height:16px; }
.gbentry { border:1px solid #c5d3e6; margin-bottom:8px; }
.gbhead { background:#eef3fa; padding:3px 6px; font-size:10px; border-bottom:1px solid #c5d3e6; }
.gbbody { padding:6px; background:#fff; }

#footer { background:#e3ebf5; border-top:1px solid #b8c8de; text-align:center; font-size:10px; padding:8px; color:#556; line-height:16px; }
#constr { width:920px; margin:0 auto 20px auto; text-align:center; font-size:10px; color:#556; }
#constr img { vertical-align:middle; }

/* banner pubblicitari (ricostruzione stile 2006) */
#retroTop { text-align:center; padding:6px; background:#fff; border-bottom:1px solid #c5d3e6; }
.retroSide { position:absolute; top:31px; width:120px; }
#retroL { left:50%; margin-left:-596px; }
#retroR { left:50%; margin-left:476px; }
@media (max-width:1220px) { .retroSide { display:none; } }
.retroTall, .retroWide { display:block; position:relative; border:1px solid #999; text-decoration:none; cursor:default; color:#fff; font-family:Arial, Helvetica, sans-serif; overflow:hidden; text-align:center; }
.retroTall { width:120px; height:600px; }
.retroWide { width:468px; height:60px; margin:0 auto; text-align:left; }
.retroTall .retroH { display:block; font-size:17px; font-weight:bold; padding:14px 4px 4px; letter-spacing:-0.5px; }
.retroTall .retroT { display:block; font-size:11px; line-height:14px; padding:0 6px 8px; }
.retroTall img { display:block; width:110px; height:200px; margin:6px auto; object-fit:cover; background:#fff; border:1px solid rgba(255,255,255,.4); }
.retroTall .retroCta { position:absolute; left:10px; right:10px; bottom:26px; padding:5px 0; background:#fff; color:#222; font-size:11px; font-weight:bold; border-radius:3px; }
.retroTall .retroLbl, .retroWide .retroLbl { position:absolute; font-size:8px; opacity:.7; }
.retroTall .retroLbl { bottom:4px; left:0; right:0; }
.retroWide .retroLbl { bottom:2px; right:4px; }
.retroWide img { float:left; width:56px; height:56px; margin:2px; object-fit:cover; }
.retroWide .retroH { display:block; font-size:16px; font-weight:bold; padding:8px 8px 0 66px; }
.retroWide .retroT { display:block; font-size:11px; padding:2px 8px 0 66px; }
.retroWide.retro-win .retroH, .retroWide.retro-win .retroT { padding-left:8px; }
.retro-black { background:linear-gradient(#333,#000); } .retroTall.retro-black img { background:#000; border:1px solid #444; }
.retro-cars { background:linear-gradient(#ff3a1a,#a80000); } .retro-cars .retroCta { color:#c00 !important; }
.retro-italia { background:linear-gradient(#0b3d91,#052060); } .retro-italia .retroCta { background:#009246 !important; color:#fff !important; }
.retro-dbz { background:linear-gradient(#ffb000,#e05000); } .retro-dbz .retroH { text-shadow:1px 1px 0 #802000; } .retro-dbz .retroCta { color:#c04000 !important; } .retroTall.retro-dbz img { border:1px solid #802000; }
.retro-win { background:#ff0; color:#c00; border:3px dashed #c00 !important; } .retro-win .retroCta { background:#c00 !important; color:#ff0 !important; }
.retroTall.retro-win .retroH { font-size:11px; letter-spacing:0; padding-top:40px; } .retroTall.retro-win .retroT { font-size:13px; line-height:18px; padding-top:20px; } .retroTall.retro-win .retroCta { font-size:14px; bottom:120px; }
.retro-fbar { background:linear-gradient(#ff2fa0,#5a00a0); } .retro-fbar .retroCta { color:#8000a0 !important; }
.retro-tre { background:linear-gradient(#333,#000); } .retro-tre .retroH { font-family:Arial Black, Arial; } .retro-tre .retroCta { background:#fff !important; color:#000 !important; } .retroTall.retro-tre img { border:1px solid #444; }
.retroTall.retro-fbar .retroH, .retroTall.retro-italia .retroH { font-size:14px; }
.retroBlink { animation:retroBlink .6s step-start infinite; }
@keyframes retroBlink { 50% { background:#c00; color:#ff0; } }
.retroTall.retro-fbar img, .retroWide.retro-fbar img { object-fit:contain; background:#fff; }
.retroTall.retro-fbar img { height:110px; margin:40px auto; object-fit:cover; }

/* due foto nello stesso banner */
.retroTall.two img { height:130px; margin:4px auto; }
.retroTall.two .retroH { padding-top:10px; }
.retroWide.two img { width:56px; height:56px; }
.retroWide.two .retroH, .retroWide.two .retroT { padding-left:8px; }
.retroWide.two .retroH { font-size:13px; }
.retroWide .retroH { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* box lavori in corso */
.wipbox { display:inline-block; margin-top:8px; padding:6px 10px; background:#fff; border-top:8px solid; border-bottom:8px solid; border-image:repeating-linear-gradient(-45deg,#ffcc00 0 8px,#111 8px 16px) 8; vertical-align:middle; }
.wipbox img { vertical-align:middle; margin-right:10px; }
.wiptxt { display:inline-block; vertical-align:middle; background:#ffcc00; border:2px solid #111; padding:6px 14px; font-family:"Arial Black", Arial, sans-serif; font-weight:900; font-size:14px; color:#111; letter-spacing:1px; animation:wipblink 1s step-start infinite; }
@keyframes wipblink { 50% { background:#111; color:#ffcc00; border-color:#ffcc00; } }
.thumb.cover { width:200px; height:140px; object-fit:cover; background:#fff; }

/* banner laterali dentro le colonne quando lo schermo e' stretto */
.retroInCol { margin-top:10px; text-align:center; }
.retroInCol .retroTall { margin:0 auto; }
.retroInCol:empty { display:none; }