/* - - - - - - - - - - - - - - - - - - - - WATERLOGIC4 website by websolute - - - - - - - - - - - - - - - - - - - - */ /* BODY & ALTRO - - - - - - - - - - - - - - - - - - - - */ * {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;} html {background: url(../img/sf_pag.jpg) repeat-x top left #343434;} body {/*background: url(../img/sf_pag.jpg) repeat-x top left #343434;*/ background: url(../img/sf_footer.jpg) no-repeat center 542px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color:#fff; } a {color:#fff; text-decoration:underline; } a:hover {color:#fff; text-decoration: none; } h1 { font-size: 13px; font-weight: bold; display: inline; } h2 { font-size: 12px; font-weight: bold; display: inline; } /* container - - - - - - - - - - - - - - - - - - - - */ #container {width:960px; margin:0 auto; position:relative; } /* header - - - - - - - - - - - - - - - - - - - - */ #header {padding:7px 0px 0px 0px; background: url(../img/sf_menu.jpg) no-repeat top left;} #flags {float: left; width: 100px; padding: 5px 0 0 0;} #menu {float: right; } #menu ul{list-style: none; padding: 0px; margin: 0px 0px 0px 0px; } #menu ul li{float: left; list-style: none; padding: 0px; margin: 0px; } #menu ul li a{display:block; text-indent:-9999px; font-size:0.0001em; width: 96px; height: 25px; padding: 0px; margin: 0px; } #menu ul li a#pulshome{background: url(../img/puls_home.gif) no-repeat top left; } #menu ul li a#pulshome:hover, #menu ul li a#pulshome.on {background: url(../img/puls_home.gif) no-repeat bottom left; } #menu ul li a#pulsdesign{background: url(../img/puls_design.gif) no-repeat top left; } #menu ul li a#pulsdesign:hover, #menu ul li a#pulsdesign.on{background: url(../img/puls_design.gif) no-repeat bottom left; } #menu ul li a#pulscolours{background: url(../img/puls_colours.gif) no-repeat top left; } #menu ul li a#pulscolours:hover, #menu ul li a#pulscolours.on{background: url(../img/puls_colours.gif) no-repeat bottom left; } #menu ul li a#pulstechnology{background: url(../img/puls_technology.gif) no-repeat top left; } #menu ul li a#pulstechnology:hover, #menu ul li a#pulstechnology.on {background: url(../img/puls_technology.gif) no-repeat bottom left; } #menu ul li a#pulsspecifications{background: url(../img/puls_specifications.gif) no-repeat top left; } #menu ul li a#pulsspecifications:hover, #menu ul li a#pulsspecifications.on {background: url(../img/puls_specifications.gif) no-repeat bottom left; } #menu ul li a#pulsbenefits{background: url(../img/puls_benefits.gif) no-repeat top left; } #menu ul li a#pulsbenefits:hover, #menu ul li a#pulsbenefits.on {background: url(../img/puls_benefits.gif) no-repeat bottom left; } #menu ul li a#pulslearn{background: url(../img/puls_learn.gif) no-repeat top left; } #menu ul li a#pulslearn:hover, #menu ul li a#pulslearn.on {background: url(../img/puls_learn.gif) no-repeat bottom left; } /* SK */ #menu ul li a#pulshome-sk{background: url(../img/puls_home.gif) no-repeat top left; } #menu ul li a#pulshome-sk:hover, #menu ul li a#pulshome-sk.on {background: url(../img/puls_home.gif) no-repeat bottom left; } #menu ul li a#pulsdesign-sk{background: url(../img/puls_design.gif) no-repeat top left; } #menu ul li a#pulsdesign-sk:hover, #menu ul li a#pulsdesign-sk.on{background: url(../img/puls_design.gif) no-repeat bottom left; } #menu ul li a#pulscolours-sk{background: url(../img/puls_colours_sk.gif) no-repeat top left; } #menu ul li a#pulscolours-sk:hover, #menu ul li a#pulscolours-sk.on{background: url(../img/puls_colours_sk.gif) no-repeat bottom left; } #menu ul li a#pulstechnology-sk{background: url(../img/puls_technology_sk.gif) no-repeat top left; } #menu ul li a#pulstechnology-sk:hover, #menu ul li a#pulstechnology-sk.on {background: url(../img/puls_technology_sk.gif) no-repeat bottom left; } #menu ul li a#pulsspecifications-sk{background: url(../img/puls_specifications_sk.gif) no-repeat top left; } #menu ul li a#pulsspecifications-sk:hover, #menu ul li a#pulsspecifications-sk.on {background: url(../img/puls_specifications_sk.gif) no-repeat bottom left; } #menu ul li a#pulsbenefits-sk{background: url(../img/puls_benefits_sk.gif) no-repeat top left; } #menu ul li a#pulsbenefits-sk:hover, #menu ul li a#pulsbenefits-sk.on {background: url(../img/puls_benefits_sk.gif) no-repeat bottom left; } #menu ul li a#pulslearn-sk{background: url(../img/puls_learn.gif) no-repeat top left; } #menu ul li a#pulslearn-sk:hover, #menu ul li a#pulslearn-sk.on {background: url(../img/puls_learn.gif) no-repeat bottom left; } /* main - - - - - - - - - - - - - - - - - - - - */ #finestra{width: 960px; height: 520px; position:relative; overflow:hidden;} #scroll {position:absolute; top:0; left:0px; width: 5760px;} /* scroll 0 - home - - - - - - - - - - - - - - - - - - - - */ #scroll_0 { float:left; width:960px; height: 580px; background: url(../img/scroll_0_sf2.jpg); } #scroll_0 #contenitore_0sx{ clear: left; float:left; width:5000px; height: 100%;} #scroll_0 #contenitore_0sx ul {margin: 5px 0 5px 20px;} #scroll_0 #contenitore_0sx .logo_alto{float:left; width:382px; height: 70px; } #scroll_0 #contenitore_0sx .logo_alto a{display:block; text-indent:-9999px; font-size:0.0001em; width:382px; height: 65px;} #scroll_0 #contenitore_0sx #txt_0{ clear: both; width: 571px; padding: 2px 2px 5px 21px; background:transparent url(../img/text_bg.png) repeat;} #scroll_0 #contenitore_0sx #txt_0 p{ clear: both; padding: 3px 40px 0px 0px;} #scroll_0 #contenitore_0sx #txt_0 p.center{ clear: both; text-align: center; padding: 10px 40px 0px 0px; font-size: 18px; font-weight: bold;} #scroll_0 #contenitore_0sx #video_0{clear: both; width:206px; height: 131px; margin: 10px 0px 0px 41px;} #scroll_0_dx { float:right;} #scroll_0_dx #bolle { float:right;} #scroll_0_dx #logo_basso{clear:both; float:right; width:150px; height: 50px; margin: 320px 0px 0px 0px;} #scroll_0_dx #logo_basso a{display:block; text-indent:-9999px; font-size:0.0001em; width:150px; height: 50px;} /* scroll 1 - design - - - - - - - - - - - - - - - - - - - - */ #scroll_1 { float:left; width:960px; height: 520px; background: url(../img/scroll_7_sf2.jpg); } #scroll_1 #contenitore_1sx{ clear: left; float:left; width:370px;} #scroll_1 #contenitore_1sx .logo_alto{float:left; width:382px; height: 65px; } #scroll_1 #contenitore_1sx .logo_alto a{display:block; text-indent:-9999px; font-size:0.0001em; width:382px; height: 65px;} #scroll_1 #contenitore_1sx #txt_1{ clear: both; width: 341px; padding: 0px 0px 0px 41px;} #scroll_1 #contenitore_1sx #txt_1 p{ clear: both; padding: 16px 40px 0px 0px;} #scroll_1 #contenitore_1sx #txt_1 p img{ margin: 30px 0px 0px 0px;} #scroll_1 #contenitore_1sx #video_1{clear: both; width:206px; height: 131px; margin: 5px 0px 0px 41px;} #scroll_1 #contenitore_1dx{ float:right; width:578px; } #scroll_1 ul { margin: 10px 0 0 20px; } /* scroll 2 - technology - - - - - - - - - - - - - - - - - - - - */ #scroll_2 { float:left; width:960px; height: 520px; background: url(../img/scroll_2_sf.jpg);} #scroll_2 #contenitore_2sx{ clear: both; float:left; width:482px; padding: 0px 0px 0px 41px; } #scroll_2 #contenitore_2sx .logo_alto{clear: both; width:382px; height: 65px; } #scroll_2 #contenitore_2sx .logo_alto a{display:block; text-indent:-9999px; font-size:0.0001em; width:382px; height: 65px;} #scroll_2 #contenitore_2sx .txt_2a{ clear: both; width: 482px; margin: 0px 0px 0px 0px; } #scroll_2 #contenitore_2sx .txt_2a p{ clear: both; padding: 0px 0px 0px 0px;} #scroll_2 #contenitore_2sx .txt_2a p img{ margin: 10px 0px 0px 0px;} #scroll_2 #contenitore_2sx .txt_2a p img.ico_technology{ float: left; margin: 3px 15px 0px 0px;} #scroll_2 #contenitore_2sx #video_2{ clear: both; width:246px; height: 133px; margin: 15px 0px 0px 0px;} #scroll_2 #contenitore_2dx{ float:right; width:385px; margin: 0px 0px 0px 0px;} /*#scroll_2 #contenitore_2 .logo_basso{float:right; width:150px; height: 50px; margin: 115px 0px 0px 0px; } #scroll_2 #contenitore_2 .logo_basso a{display:block; text-indent:-9999px; font-size:0.0001em; width:150px; height: 50px;} */ /* scroll 3 - specification - - - - - - - - - - - - - - - - - - - - */ #scroll_3 { float:left; width:960px; height: 520px; background: url(../img/scroll_7_sf3.jpg); } #scroll_3 #contenitore_3dx{clear: both; float:right; margin: 0px 0px 0px 0px; width: 577px; position: relative;} #scroll_3 #contenitore_3sopra { float:left; padding: 0px 0px 0px 41px; z-index:2; position: absolute;} #scroll_3 #contenitore_3sopra .logo_alto{clear:left; float:left; width:382px; height: 65px; } #scroll_3 #contenitore_3sopra .logo_alto a{display:block; text-indent:-9999px; font-size:0.0001em; width:382px; height: 65px;} #scroll_3 #contenitore_3sopra table {clear: both; width: 370px;} #scroll_3 #contenitore_3sopra table td {padding: 3px 0px 2px 0px; font-size: 9px;} #scroll_3 #contenitore_3sopra table td.top {padding: 15px 0 0 0;} #scroll_3 #contenitore_3sopra table td h1 {font-size: 11px;} /* scroll 4 - benefits - - - - - - - - - - - - - - - - - - - - */ #scroll_4 { float:left; width:960px; height: 520px; background: url(../img/scroll_2_sf.jpg); } #scroll_4 #contenitore_4sx_sopra{ clear: left; float:left; width:900px; z-index:2; position: absolute;} #scroll_4 #contenitore_4sx_sopra .logo_alto{clear:left; width:382px; height: 65px; } #scroll_4 #contenitore_4sx_sopra .logo_alto a{display:block; text-indent:-9999px; font-size:0.0001em; width:382px; height: 65px;} #scroll_4 #contenitore_4sx_sopra #txt_4{clear: both; margin: 0px 0px 0px 41px; width: 900px;} #scroll_4 #contenitore_4sx_sopra #txt_4 p{ clear: both; padding: 16px 0px 0px 0px;} #scroll_4 #contenitore_4sx_sopra #video_4{clear: both; width:206px; height: 131px; margin: 35px 0px 0px 41px;} #scroll_4 #contenitore_4dx{ float:right; width:598px; position: relative;} /* scroll 5 - - - - - - - - - - - - - - - - - - - - */ #scroll_5 { float:left; width:960px; height: 520px; background: url(../img/scroll_2_sf.jpg); } #scroll_5 #contenitore_5sx_sopra{ clear: left; float:left; width:382px; z-index:2; position: absolute;} #scroll_5 #contenitore_5sx_sopra .logo_alto{float:left; width:382px; height: 65px; } #scroll_5 #contenitore_5sx_sopra .logo_alto a{display:block; text-indent:-9999px; font-size:0.0001em; width:382px; height: 65px;} #scroll_5 #contenitore_5sx_sopra #txt_5{clear: both; margin: 15px 0px 0px 41px; width: 280px;} #scroll_5 #contenitore_5sx_sopra #txt_5 p { clear: both; padding: 16px 0px 0px 0px;} #scroll_5 #contenitore_5sx_sopra #txt_5 p.center{ clear: both; text-align: center; padding: 10px 40px 0px 0px; font-size: 14px; font-weight: bold;} #scroll_5 #contenitore_5sx_sopra #txt_5 table td.left-indent { padding: 0;} #scroll_5 #contenitore_5sx_sopra #txt_5 div.indent { margin: 5px 0 0 10px;} #scroll_5 #contenitore_5dx { float:right; width:598px; position: relative;} /* scroll 7 - - - - - - - - - - - - - - - - - - - - */ #scroll_7 { float:left; width:960px; height: 520px; background: url(../img/scroll_2_sf.jpg) no-repeat; } #scroll_7 #contenitore_7sx { clear: left; float:left; width:482px;} #scroll_7 #contenitore_7sx .logo_alto{float:left; width:382px; height: 65px; } #scroll_7 #contenitore_7sx .logo_alto a{display:block; text-indent:-9999px; font-size:0.0001em; width:382px; height: 65px;} #scroll_7 #contenitore_7sx #txt_7{ clear: both; width: 341px; padding: 60px 0px 0px 41px;} #scroll_7 #contenitore_7sx #txt_7 p{ clear: both; padding: 8px 40px 0px 0px;} #scroll_7 #contenitore_7sx #txt_7 p img{ margin: 30px 0px 0px 0px;} #scroll_7 #contenitore_7sx #txt_7 img.ostatni_pristroje_img{margin:5px 0 0 0;} #scroll_7 #contenitore_7sx #video_7 {clear: both; width:206px; height: 131px; margin: 15px 0px 0px 41px;} #scroll_7 #contenitore_7dx{ float:right; width:385px;} #scroll_7 ul { margin: 10px 0 0 20px; } /* popup - - - - - - - - - - - - - - - - - - - - */ .body_popup{background: #000;font-size:9px;} #container_popup {width:360px; margin:0 auto; position:relative; } #container_popup_news {width:550px; margin:0 auto; position:relative; } #container_popup_grigio {background: #3f3f3f; padding: 20px;} #container_popup_video {width:560px; margin:20px auto 0px 60px; position:relative; background: #000;} #container_popup_grigio ul {list-style: none; } #container_popup_grigio ul li{list-style: none; background:url(../img/sf_li_popup.gif) no-repeat left 5px; padding-left: 12px; } /* footer - - - - - - - - - - - - - - - - - - - - */ #footer{ clear: both; width:1022px; height: 106px;/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sf_footer.png', sizingMethod='scale'); z-index: 2;*/ margin: -9px auto 0px auto; } /*#footer img{ behavior: url("pngbehavior.htc"); width:1022px; height: 106px; position:absolute;} */ #footer{ clear: both; width:1022px; height: 106px;/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sf_footer.png', sizingMethod='scale'); z-index: 2;*/ margin: -9px auto 0px auto; } #footer div a{float: left;} #footer div a{display:block; text-indent:-9999px; font-size:0.0001em; width:18px; height: 20px;} #scroll_5 iframe {border: none; margin:0; padding:0; /*position: static; top:0; left:0; visibility:visible; display:block;*/} #contenitore_lm {margin:0; padding:0; height:455px; overflow:hidden; width:960px; background:transparent url(/img/scroll_2_sf.jpg) repeat scroll 0 0; position:relative;} #contenitore_lm .padding20 {padding:20px 40px; /*background:url(../img/tit_learmore.gif) no-repeat top left; text-indent:-9999px; font-size:0.0001em;*/ text-transform:uppercase; } #contenitore_lm .padding20 h2{text-transform:uppercase; font-size:14px;} #contenitore_lm .bm_paginatore {padding:0; margin:20px 0;} #contenitore_lm .bm_paginatore ul {display:inline; list-style:none; padding:0; margin:0;} #contenitore_lm .bm_paginatore ul li {display:inline; list-style:none; padding:0; margin:0;} #contenitore_lm .bm_paginatore ul a{display:inline; padding:4px;} #contenitore_lm dl {margin-bottom:15px; clear:both; width:460px;} #contenitore_lm dl dt { font-weight:bold } #contenitore_lm dl dt a { font-size:11px; margin-bottom:4px; text-decoration: none; text-transform: uppercase;} #contenitore_lm dl dt a:hover {text-decoration:underline;} #contenitore_lm dl dt a img {border: 1px solid #7b7b7b; float:left; margin: 0 15px 0 0;} #contenitore_lm dl dd {} #contenitore_lm .bom_allegati {width:150px; clear: both; margin:20px 0px 0px 0px; } #contenitore_lm .bom_allegati ul {list-style:none; background:url(../img/tit_allegati.gif) no-repeat top left; padding: 15px 0px 0px 0px;} #contenitore_lm .bom_allegati ul li {list-style:none;} #contenitore_lm .bom_allegati ul li a{ background:url(../img/freccina_link.gif) no-repeat left 4px; padding: 0px 0px 0px 10px; text-transform: none; font-weight: bold;} #contenitore_lm .bom_links { width:150px; clear: both; margin:20px 0px 0px 0px; } #contenitore_lm .bom_links ul {list-style:none; background:url(../img/tit_links.gif) no-repeat top left; padding: 15px 0px 0px 0px;} #contenitore_lm .bom_links ul li {clear:both;} #contenitore_lm .bom_links ul li a{ background:url(../img/freccina_link.gif) no-repeat left 4px; padding: 0px 0px 0px 10px; text-transform: none; font-weight: bold;} #contenitore_lm .bom_paginazione {position: absolute; bottom:-4px; left:40px; margin:0; padding:0;} #contenitore_lm .bom_paginazione ul {margin:0; padding:0;} #contenitore_lm .bom_paginazione ul li a {text-decoration:none; padding:2px 4px;} #contenitore_lm h2 {margin-bottom: 16px} #contenitore_lm div.bom_corpo {margin:0; padding:0; text-transform:none; } #contenitore_lm div.bom_corpo_txt {float: left; width:400px;} #contenitore_lm img.img_corpo {float:left; margin:0 20px 0 0;} body.in_iframe {background:#000 url(/4/img/scroll_2_sf.jpg) no-repeat bottom left; margin:0; padding:0; border: 0px;} #contenitore_lm a.iframe_back {margin-bottom:20px; display:block; width:120px; background:url(../img/freccina_link.gif) no-repeat left 4px #1c1c1c; padding: 0px 0px 0px 10px; text-transform: none; font-weight: bold;}