/* CSS Document */
html, body {margin:0; padding:0; height:100%;}
body {background-color:#fff; font:12px/16px Arial,Helvetica,sans-serif; color:#666; text-align:center;}
a {color:#06c; text-decoration:none;}
a:hover {color:#f93;}
a:focus {outline:none;}
a img {border:none;}
h1, h2, h3, h4, form {margin:0; padding:0}
p {margin:0 0 16px;}
ul {margin:0; padding:0; list-style-type:none;}
hr {display:none;}

.leftalign {float:left; clear:left; margin:0 16px 16px 0;}
.follow {float:left; margin-top:16px; padding:0 8px; background-color:#F5821F; color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase;}
.follow:hover {background-color:#0D4F7C; color:#fff;}
.solare  {position:absolute; top:0; right:0; width:48px; height:48px; background:url('widgets/solare_small.png') no-repeat 0 0; z-index:10;}

#page {margin:0 auto; width:902px; min-height:100%; text-align:left; overflow:hidden;}

#header {position:relative; padding:25px 0 24px; height:48px; z-index:0;}
#header h1 a {display:block; margin-top:-17px; padding-left:80px; width:216px; height:65px; background:url('widgets/logo_big.gif') no-repeat 0 0; color:#006BB3; font-size:11px;}
#header h1 a strong {display:block; line-height:40px; text-indent:-9000px;}

#lang {position:absolute; top:9px; right:0;}
#lang li {float:left; margin-left:16px;}
#lang li a {display:block; padding-right:28px; background:url('widgets/flag_sprite.jpg') no-repeat; line-height:24px; color:#aaa; font-size:10px; text-transform:uppercase;}
#lang li a:hover,
#lang li.active a {color:#333;}
#lang li a.it {background-position:100% -24px;}
#lang li a.it:hover,
#lang li.active a.it {background-position:100% 0;}
#lang li a.de {background-position:100% -72px;}
#lang li a.de:hover,
#lang li.active a.de {background-position:100% -48px;}
#lang li a.en {background-position:100% -120px;}
#lang li a.en:hover,
#lang li.active a.en {background-position:100% -96px;}
#lang li a.fr {background-position:100% -168px;}
#lang li a.fr:hover,
#lang li.active a.fr {background-position:100% -144px;}

#nav {position:absolute; bottom:9px; right:0;}
#nav li {float:left; margin-right:9px;}
#nav li.last {margin:0;}
#nav li a {display:block; padding:8px 6px; color:#777; text-transform:uppercase; text-align:center;}
#nav li a.active,
#nav li a:hover {background:#CE6001 url('widgets/bg_nav_active.gif') repeat-x; color:#fff;}

#visual {position:relative; overflow:hidden; height:150px; width:902px;}
#visual .slide img {display:block;}
#visual h2 {position:absolute; left:0; bottom:16px; padding:0 16px; width:870px; background-color:#004573; color:#fff; font-size:20px; font-weight:normal; line-height:32px; z-index:90;}
#visual .palette {position:absolute; right:0; bottom:0; z-index:91;}
#visual .palette li {float:left; width:20px; height:24px; border-style:solid; border-color:#fff; border-width:1px 0 0 1px; text-indent:-9000px;}
#visual .palette li.color01 {background-color:#F5821F;}
#visual .palette li.color02 {background-color:#AC0075;}
#visual .palette li.color03 {background-color:#F4889B;}
#visual .palette li.color04 {background-color:#ED1C24;}
#visual .palette li.color05 {background-color:#273C98;}
#visual .palette li.color06 {background-color:#8CC63F;}
#visual .palette li.color07 {background-color:#00AA56;}
#visual .palette li.color08 {background-color:#32A3DC;}
#visual .palette li.color09 {background-color:#EC008C;}
#visual .palette li.color10 {background-color:#7961AA;}
#visual .palette li.color11 {background-color:#962E34;}
#visual .palette li.color12 {background-color:#B16E29;}
#visual .palette li.color13 {background-color:#FFD400;}

#content {position:relative; padding-bottom:80px; width:100%; overflow:hidden; z-index:0;}
#breadcrumb {padding:10px 0; color:#333; font-size:11px; text-align:right;}
#breadcrumb.floating {position:absolute; top:14px; right:8px; z-index:1;}
#breadcrumb.light {color:#bbb;}
.pagetitle {clear:both; margin:16px 0 0; padding:0 16px; background-color:#F27F1D; color:#fff; font-size:16px; line-height:32px;}
.interna .pagetitle {background-color:#F27F1D;}
.prodotti .pagetitle {background-color:#0D4F7C;}
.prodotti .s1 {background-color:#0088DF;}
.prodotti .s2 {background-color:#85AFD5;}
.scheda .pagetitle {background-color:#F9B000;}
.midpage {margin:32px 0 16px;}
.floating a {color:#fff;}

.main {position:relative; padding:10px 16px; width:870px; z-index:0;}
.main h3 {margin:24px 0 8px; color:#F27F1D; font-size:15px;}
.main h3.line {margin:0; color:#137CC1; font-size:20px; line-height:24px;}
.main h4.name {margin-bottom:8px; color:#888; font-size:15px;}
.main p {width:100%; overflow:hidden;}
.main form {width:100%; overflow:hidden;}
.main form fieldset {margin:0; padding:0; border:none;}
.main form label {float:left; width:160px; /*margin-right:8px; width:152px; text-align:right;*/}
.main form label.error {float:none; margin-left:8px; color:#c00; text-align:left;}
.main form input,
.main form textarea {padding:1px 0; width:200px; border:1px solid #aaa; font:11px Arial,Helvetica,sans-serif;}
.main form textarea {height:76px;}
.main form input.error,
.main form textarea.error {border-color:#c00;}
.main form button {margin:0; padding:8px; border:none; background:#CE6001 url('widgets/bg_nav_active.gif') repeat-x 0 0; color:#fff; cursor:pointer;}
.main form .pulsanti {padding:0 0 0 160px; width:auto;}
.main form.long {padding:0 80px; width:630px;}
.main form.long div {position:relative; float:left; margin-bottom:16px; padding:0 20px; width:275px;}
.main form.long div.full {clear:both; width:590px;}
.main form.long label {display:block; float:none; width:auto;}
.main form.long label.error {position:absolute; top:0; right:20px;}
.main form.long input {width:auto; vertical-align: bottom;}
.main form.long input.text,
.main form.long textarea {width:99%;}
.main .solare {top:8px; right:12px;}
.main .testo {float:right; width:720px;}
.main .testo-small {float:right; width:550px;}
.main .testo ul {margin:0 0 8px; padding-left:18px; list-style-type:disc;}
img.captcha {display:block; margin:0 160px;}

#bollini {position:absolute; top:8px; right:0; height:40px; z-index:10;}
#bollini li {float:left; padding-left:8px;}
#bollini img {margin:0 4px; width:40px; height:40px; vertical-align:middle; cursor:help;}


.text {width:100%; overflow:hidden;}
.text h4 {margin:16px 0 8px; font-size:12px;}
.text ul {margin:0 0 8px; padding-left:18px; list-style-type:disc;}
.text ul li {margin:0 0 8px;}

#tabs {float:left; margin:-40px 0 0 -17px; height:24px; overflow:hidden;}
#tabs li {float:left; border-left:1px solid #aaa;}
#tabs li a {display:block; padding:0 16px; color:#0D4F7C; font-weight:bold; line-height:24px;}
#tabs li a.selected {color:#F68A2E;}

.scroll-box {position:relative; margin:0 -16px; padding:0 25px; height:252px; overflow:hidden;}
.scroll-box .arrow {position:absolute; top:0; width:25px; height:252px; background:url('widgets/arrow_sprite.gif') no-repeat 0 50%; text-indent:-9000px; cursor:pointer; z-index:10;}
.scroll-box .prev {left:0; background-position:0 50%;}
.scroll-box .prev:hover {background-position:-25px 50%;}
.scroll-box .next {right:0; background-position:-75px 50%;}
.scroll-box .next:hover {background-position:-50px 50%;}
.scroller {height:252px; overflow:hidden;}
.scroller ul {width:852px; height:252px; overflow:hidden;}
.products li {position:relative; float:left; padding:25px 26px; width:90px;}
.products li a {display:block; text-align:center; color:#888;}
.products li a strong {display:block; color:#888; font-size:14px;}
.products li a .foto {display:none;}
.products li a .tecn {display:block;}
.products li a:hover {margin:-25px 0;}
.products li a:hover .foto {display:block;}
.products li a:hover .tech {display:none;}
.products li a:hover strong {color:#F6AB08;}

.components li {float:left; padding:0 16px; width:394px; /*height:276px;*/ overflow:hidden;}
.components li div {position:relative; padding:24px 0 33px 150px; width:244px; height:81px; border-bottom:1px dotted #ccc;}
.components p {padding-left:6px; border-left:2px solid #f93;}
.components .follow {position:absolute; bottom:24px; left:150px;}
.components .foto {position:absolute; top:24px; left:0;}
.main .news {width:100%; overflow:hidden;}
.main .news li {float:none; padding:0; width:auto;}
.main .news li div {float:left; margin:0 16px;}

.col-3 {margin-right:-48px; width:918px; overflow:hidden;}
.col-3 li {position:relative; float:left; margin:0; padding:24px 48px 24px 0; width:258px; overflow:hidden;}
.col-3 li img {float:left; margin-right:24px;}
.col-3 h4 {margin-bottom:8px; color:#0D4F7C; font-size:12px;}
.col-3 p {margin:0; width:auto;}
.col-3 .follow {line-height:24px;}
.col-3 .solare {top:0; left:24px;}

dl.features {float:left; margin:0 0 16px; width:726px;}
dl.features dt {color:#137CC1; font-weight:bold; text-transform:uppercase;}
dl.features dd {margin:0 0 8px; padding:0;}
.divider {display:block; visibility:hidden; clear:both; margin:32px 0;}
table {margin:16px 0; border-collapse:separate; border-spacing:1px; border-style:none; background-color:#666; font-size:10px;}
table td {border-style:none; background-color:#fff;}
.prod-data {margin:0; width:726px;}
.prod-data th {background-color:#888; color:#fff;}
.prod-data td {background-color:#fff; color:#666;}
.prod-data tr.odd td {background-color:#fff; color:#666;}
.prod-data tr.even td {background-color:#E9EFF9; color:#666;}
.prod-data .small {width:32px; text-align:center;}
.buttons {clear:both; padding-top:16px; width:100%; overflow:hidden;}
.buttons .follow {margin-right:16px; background-color:#bbb; font-size:12px; line-height:32px; color:#fff;}
.buttons .follow:hover {background-color:#F9B000;}
.buttons .pdf {padding-right:32px; background-image:url('widgets/pdf.gif'); background-repeat:no-repeat; background-position:100% 50%;}


#footer {position:relative; margin:-80px auto 0; padding:16px 0; width:902px; color:#888; font-size:10px; text-align:left;}
#footer .logo {display:block; padding-left:38px; background:url('widgets/logo_footer.gif') no-repeat 0 0; color:#006BB3; font-size:10px; font-weight:bold; line-height:12px;}
#footer .logo strong {display:block; line-height:20px; text-indent:-9000px;}
#footer address {padding-left:38px; font-style:normal;}
#footer .credits {position:absolute; bottom:16px; right:0; text-align:right;}
#footer .credits img {vertical-align:bottom;}

/* CSS 3 */
#nav li a.active,
#nav li a:hover {-webkit-border-radius:3px; -moz-border-radius:3px;}

/* thickbox*/
#TB_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background:url('widgets/macFFBgHack.png') repeat;}
.TB_overlayBG {background-color:#000; -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=75);}
#TB_window {position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%;}
#TB_window img#TB_Image {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;}
#TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title {background-color:#e8e8e8; height:27px;}
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
#TB_HideSelect {z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; -moz-opacity:0; opacity:0; height:100%; width:100%;}
#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px;}

/* TipTip CSS - Version 1.2 */
#tiptip_holder {display:none; position:absolute; top:0; left:0; width:200px; z-index:99999;}
#tiptip_holder.tip_top {padding-bottom:5px;}
#tiptip_holder.tip_bottom {padding-top:5px;}
#tiptip_holder.tip_right {padding-left:5px;}
#tiptip_holder.tip_left {padding-right:5px;}
#tiptip_content {
  font-size:11px; 
  color:#fff; 
  padding:4px 8px; 
  border:1px solid rgba(255,255,255,0.25); 
  background-color:rgba(25,25,25,0.92); 
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); 
  border-radius:3px; 
  -webkit-border-radius:3px; 
  -moz-border-radius:3px; 
  box-shadow:0 0 3px #555; 
  -webkit-box-shadow:0 0 3px #555; 
  -moz-box-shadow:0 0 3px #555;
  text-shadow:0 0 2px #000;
  -background:#000;}
#tiptip_arrow, 
#tiptip_arrow_inner {position:absolute; border-color:transparent; border-style:solid; border-width:6px; height:0; width:0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color:#fff; border-top-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color:#fff; border-bottom-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color:#fff; border-right-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color:#fff; border-left-color:rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top:-7px; margin-left:-6px; border-top-color:rgb(25,25,25); border-top-color:rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top:-5px; margin-left:-6px; border-bottom-color:rgb(25,25,25); border-bottom-color:rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top:-6px; margin-left:-5px; border-right-color:rgb(25,25,25); border-right-color:rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top:-6px; margin-left:-7px; border-left-color:rgb(25,25,25); border-left-color:rgba(25,25,25,0.92);}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #tiptip_content {padding:4px 8px 5px 8px; background-color:rgba(45,45,45,0.88);}
  #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color:rgba(45,45,45,0.88);}
  #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color:rgba(20,20,20,0.92);}
}