/* - - - - - - - - - - - - - - - - - - - - F L U X A I R - M O R F E U S http://www.fluxair.it website by websolute - - - - - - - - - - - - - - - - - - - - */ /* body & altro - - - - - - - - - - - - - - - - - - - - */ body {margin:0px; padding:0px; background:#fff; font:11px Arial, Helvetica, sans-serif; color:#354859;} img {border:none;} h2 {color:#004381; font-size:24px; margin:0px; padding:0px; font-weight:normal; letter-spacing:-1px;} h3 {color:#004381; font-size:13px; margin:0px; padding:0px;} a {text-decoration:underline; color:#004381; outline:none;} a:hover {text-decoration:none; color:#004381;} ul, ol, li {margin:0px; padding:0px; list-style:none;} hr {display:none;} p {margin:11px 0px; padding:0px;} img.left {float:left; margin:0px 10px 10px 0px; padding:4px; background:#fcfcfc; border:2px solid #edeeed;} /* clearfix - - - - - - - - - - - - - - */ .clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /* Nascosto per IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* Fine nascosto per IE-mac */ /* contenitori - - - - - - - - - - - - - - - - - - - - */ div#container {background:url(../img/bg.gif) repeat-x 0px 213px #ffffff; padding-top:10px;} div#wrap {margin:0px auto; width:890px; height:626px; position:relative;} #loading {background:url(../img/loading.gif) no-repeat center center #fff; text-indent:-9999px; display:none;} /* header - - - - - - - - - - - - - - - - - - - - */ #header {height:70px; padding:0px 35px;} #header #logo_fluxair {float:left;} #header #logo_morfeus {float:right;} #header img {vertical-align:top;} /* menu - - - - - - - - - - - - - - - - - - - - */ #menu {height:19px; background:url(../img/bg_menu.gif) no-repeat center bottom; padding:6px 35px 0px 35px;} #menu ul {margin:0px; padding:0px; list-style:none;} #menu ul li {float:left; color:#888a8f; margin:0px 28px 0px 0px; padding:0px;} #menu ul li a {color:#888a8f; text-decoration:none; outline:none;} #menu ul li a.on {color:#004381;} #menu ul li a:hover {color:#5c5f65;} /* corpo - - - - - - - - - - - - - - - - - - - - */ #corpo {position:relative; height:509px; width:890px; overflow:hidden;} #slider {width:8120px; position:absolute; z-index:1; left:0px;} #cornice_top {position:absolute; top:95px; left:0px; background:url(../img/bg_cornice_top.gif) no-repeat left top; width:890px; height:10px; z-index:5;} #cornice_bot {position:absolute; top:588px; left:0px; background:url(../img/bg_cornice_bot.gif) no-repeat left top; width:890px; height:16px; z-index:5;} #cornice_sx {position:absolute; top:105px; left:0px; background:url(../img/bg_cornice_sx.gif) no-repeat left top; width:19px; height:483px; z-index:5;} #cornice_dx {position:absolute; top:105px; right:0px; background:url(../img/bg_cornice_dx.gif) no-repeat left top; width:19px; height:483px; z-index:5;} #marker {width:18px; height:13px; background:url(../img/marker.png) no-repeat left top; position:absolute; top:94px; left:136px; z-index:5; display:none;} * html #marker {background-color:#000; back\ground-color: transparent; background-image: url(../img/blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.fluxair.it/img/marker.png", sizingMethod="scale");} /* sistemi per dormire - - - - - - - - - - - - - - - - - - - - */ #sistema {width:852px; height:483px; background:url(../img/bg_sistemi.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #sistema .video {float:left; padding:19px 0px 0px 20px;} #sistema .testi {float:left; padding:19px 0px 0px 55px; width:490px;} /*#sistema .dettagli h3 {padding:0px 5px 0px 0px;} #sistema .dettagli {position:absolute; top:205px; left:755px; padding:20px 22px 0px 0px; text-align:right;} #sistema .dettagli li {margin:5px 0px 8px 0px;}*/ /* concept - - - - - - - - - - - - - - - - - - - - */ #concept {width:852px; height:483px; background:url(../img/bg_concept.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #concept .video {float:left; padding:19px 0px 0px 20px;} #concept .testi {float:left; padding:19px 0px 0px 55px; width:490px;} #concept img.logo_pininfarina {float:right;} #concept .dettagli h3 {padding:0px 5px 0px 0px;} #concept .dettagli {position:absolute; top:205px; left:1640px; padding:20px 22px 0px 0px; text-align:right;} #concept .dettagli li {margin:5px 0px 8px 0px;} /* tecnologia - - - - - - - - - - - - - - - - - - - - */ #tecnologia {width:852px; height:483px; background:url(../img/bg_tecnologia.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #tecnologia .video {float:left; padding:19px 0px 0px 20px;} #tecnologia .testi {float:left; padding:19px 0px 0px 55px; width:490px;} #tecnologia .testi ul {margin:0px 0px 0px -50px; height:194px;} #tecnologia #tecnologie {clear:both;} #tecnologia #aquacell {clear:left; float:left; width:248px; padding:10px 20px 0px 22px;} #tecnologia #aquacell img {float:right; padding:0 0 5px 5px;} #tecnologia #formatherm {float:left; width:236px; padding:94px 20px 0px 0px;} #tecnologia #formatherm img {float:right; padding:0 0 5px 5px;} #tecnologia #silversave {float:left; width:261px; padding:94px 0px 0px 0px;} /* collezione FluxAir - - - - - - - - - - - - - - - - - - - - */ #sub_menu_prod {float:left; width:852px; background:url(../img/sub_menu_prod.jpg) no-repeat left bottom #fff; padding:5px 5px 6px 17px; margin:-5px 0 0 0;} #sub_menu_prod ul {margin:0px; padding:0px; list-style:none;} #sub_menu_prod ul li {float:left; color:#888a8f; margin:0px 25px 0px 0px; padding:0px;} #sub_menu_prod ul li a {color:#888a8f; text-decoration:none; outline:none;} #sub_menu_prod ul li a.on {color:#004381;} #sub_menu_prod ul li a:hover {color:#5c5f65;} #collezione {width:852px; height:483px; background:url(../img/bg_sistema.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #collezione .video {float:left; padding:19px 0px 0px 20px;} #collezione .testi {float:left; padding:19px 0px 0px 24px; width:490px;} #collezione .testi2 {clear:left; padding:15px 0px 0px 24px; width:218px;} #fa_premium {height:390px; padding:30px 8px 30px 20px; position:absolute; width:802px; background:url(../img/bg_basamento.png) no-repeat left top; top:40px; left:2700px;} * html #fa_premium {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.fluxair.it/img/bg_basamento.png", sizingMethod="scale");} #fa_signum {height:390px; padding:30px 8px 30px 20px; position:absolute; width:802px; background:url(../img/bg_basamento.png) no-repeat left top; top:40px; left:2700px;} * html #fa_signum {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.fluxair.it/img/bg_basamento.png", sizingMethod="scale");} #fa_planaria {height:390px; padding:30px 8px 30px 20px; position:absolute; width:802px; background:url(../img/bg_basamento.png) no-repeat left top; top:40px; left:2700px;} * html #fa_planaria {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.fluxair.it/img/bg_basamento.png", sizingMethod="scale");} #fa_accessori {height:390px; padding:30px 8px 30px 20px; position:absolute; width:802px; background:url(../img/bg_basamento.png) no-repeat left top; top:40px; left:2700px;} * html #fa_accessori {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.fluxair.it/img/bg_basamento.png", sizingMethod="scale");} #collezione .collezione_sx {float:left; width:240px; margin:0 20px 0 0;} #collezione .collezione_sx img {float:left; margin:5px 10px 10px 0;} #collezione .collezione_dx {float:left; width:510px;} #collezione a.close {background:url(../img/pixel.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; width:15px; height:15px; position:absolute; top:45px; left:3508px; z-index:2; outline:none;} div.content_scroll {overflow:auto; height:375px;} div.content_scroll h2 {} #collezione #dett_img p {float:left; width:191px; padding:60px 45px 0px 24px;} ul#dett_img {float:right; margin:20px 2px 0px 0px; text-align:right;} ul#dett_img li {float:left; margin-left:6px;} /* caratteristiche - - - - - - - - - - - - - - - - - - - - */ #caratteristiche {width:852px; height:483px; background:url(../img/bg_caratteristiche.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #caratteristiche .testi {float:left; padding:20px 0px 0px 17px;} #caratteristiche .dettagli {float:right; text-align:right; padding:93px 24px 0px 0px; width:320px;} #caratteristiche #versioni li {float:right; text-align:right; width:115px; margin:0px 0px 25px 0px;} #caratteristiche #versioni li img {display:block; float:right;} #caratteristiche #specifiche {color:#9c9d9f; padding:362px 0px 0px 0px;} /* certificazioni - - - - - - - - - - - - - - - - - - - - */ #certificazioni {width:852px; height:483px; background:url(../img/bg_certificazioni.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #certificazioni .testi {float:left; padding:20px 0px 0px 17px;} #certificazioni .testi h3 {margin:18px 0px 0px 0px;} #certificazioni #madeinitaly {width:218px; float:left; margin-right:45px;} #certificazioni #okeo {width:218px; float:left; margin-right:45px;} #certificazioni #okeo img {margin:10px 0 0 0;} #certificazioni #garanzia {width:250px; float:left;} #certificazioni #marchi {clear:left; color:#9c9d9f; padding:80px 0px 0px 0px;} #certificazioni #marchi img {float:right; padding:0px 40px 0px 0px;} /* azienda - - - - - - - - - - - - - - - - - - - - */ #azienda {width:852px; height:483px; background:url(../img/bg_azienda.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #azienda .testi {float:left; padding:20px 0px 0px 17px;} #azienda .testi h3 {margin:18px 0px 0px 0px;} #azienda #morfeus {width:218px; float:left; margin-right:45px;} #azienda #pininfarina {width:218px; float:left;} /* contatti - - - - - - - - - - - - - - - - - - - - */ #contatti {width:852px; height:483px; background:url(../img/bg_contatti.jpg) no-repeat left top; float:left; padding:10px 19px 16px 19px;} #contatti .testi {float:left; width:355px; padding:20px 0px 0px 17px;} #contatti .testi h3 {margin:15px 0px 20px 0px;} #contatti form {margin:0px; padding:0px;} #contatti form fieldset {margin:0px; padding:0px; border:none;} #contatti form fieldset em {color:#a10000;} #contatti form fieldset.campi li {margin:1px 0px;} #contatti form fieldset.campi label {float:left; width:108px; padding:3px 0px 0px 0px;} #contatti form fieldset.campi input {background:url(../img/bg_input.gif) no-repeat left top; border:none; font:11px Arial, Helvetica, sans-serif; padding:3px 2px 2px 4px; height:17px; width:179px; color:#1e61a0;} #contatti form fieldset.checkbox {margin:0px 0px 10px 0px;} #contatti form fieldset.checkbox input {/*margin:0px 15px 0px 0px;*/} #contatti form fieldset.checkbox li {/*margin:5px 0px;*/} #contatti form input#invia {width:100px; height:21px; border:none; background:url(../img/invia.gif) no-repeat left top; font-size:0.001em; cursor:pointer; text-align:left; color:#1e61a0;} #contatti #contatti_morfeus {margin:104px 0px 0px 0px;} #contatti #contatti_morfeus p {margin-top:0px;} /* footer - - - - - - - - - - - - - - - - - - - - */ #footer {padding:0px 35px; font-size:10px; color:#acadaf; height:20px;} #footer a {text-decoration:underline; color:#85868a;} #footer a:hover {text-decoration:none;} #copy {float:left;} #websolute {float:right;} #websolute img {vertical-align:middle;} #websolute a {color:#acadaf; text-decoration:none;} #websolute a:hover {color:#acadaf;} /* supahbox - - - - - - - - - - - - - - - - - - - - */ #supahbox {display:none;} #zoom {margin:0px auto; width:790px; position:absolute; z-index:15; top:80px; left:50%; margin-left:-395px;} #zoom table {border-collapse:collapse; border:none;} #zoom table td.top_sx {width:13px; height:11px; background:url(../img/supahbox_top_sx.png) no-repeat left top;} #zoom table td.top {height:11px; background:url(../img/supahbox_top.png) repeat-x left top;} #zoom table td.top_dx {width:13px; height:11px; background:url(../img/supahbox_top_dx.png) no-repeat left top;} #zoom table td.sx {width:13px; background:url(../img/supahbox_sx.png) repeat-y left top;} #zoom table td.dx {width:13px; background:url(../img/supahbox_dx.png) repeat-y left top;} #zoom table td.mid {background:url(../img/loading.gif) no-repeat center center #f3f4f4; text-align:center; padding:23px 29px;} #zoom table td.mid img, #zoom table td.mid object {border:5px solid #fff;} #zoom table td.bot_sx {width:13px; height:15px; background:url(../img/supahbox_bot_sx.png) no-repeat left top;} #zoom table td.bot {height:15x; background:url(../img/supahbox_bot.png) repeat-x left top;} #zoom table td.bot_dx {width:13px; height:15px; background:url(../img/supahbox_bot_dx.png) no-repeat left top;} * html #zoom table td.top_sx {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_top_sx.png", sizingMethod="scale");} * html #zoom table td.top {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_top.png", sizingMethod="scale");} * html #zoom table td.top_dx {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_top_dx.png", sizingMethod="scale");} * html #zoom table td.sx {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_sx.png", sizingMethod="scale");} * html #zoom table td.dx {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_dx.png", sizingMethod="scale");} * html #zoom table td.bot_sx {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_bot_sx.png", sizingMethod="scale");} * html #zoom table td.bot {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_bot.png", sizingMethod="scale");} * html #zoom table td.bot_dx {background-color:#000; back\ground-color: transparent; background-image: url(../img/pixel.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://extranet.websolute.it/fluxair/img/supahbox_bot_dx.png", sizingMethod="scale");} #chiudi {width:13px; height:13px; position:absolute; top:90px; left:50%; margin-left:370px; z-index:20;} #chiudi a {display:block; height:13px; width:13px; background:url(../img/chiudi.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; outline:none;} /* home - - - - - - - - - - - - - - - - - - - - */ #container_home {background:#fff;} #home {width:100%; background:#000; text-align:center; padding-top:10px;} #home #header {width:820px; padding:0px 35px 20px 35px; margin:0px auto;} #home #flash {width:820px; padding:0px 35px 20px 35px; margin:0px auto; text-align:center; color:#fff;} #home #flash a {color:#fff; text-decoration:underline; padding:0px 5px;} #home #flash a:hover {text-decoration:none; background:#fff; color:#000;} /* template - - - - - - - - - - - - - - - - - - - - */ #cornice_top_tmp {background:url(../img/bg_cornice_top.gif) no-repeat left top; width:890px; height:10px;} #cornice_bot_tmp {background:url(../img/bg_cornice_bot.gif) no-repeat left top; width:890px; height:16px;} #template {border-right:5px solid #edeeed; border-left:5px solid #edeeed; min-height:484px; height:auto; _height:484px; background:#fff; padding:8px 16px; margin-left:14px; width:820px} #template h1 {color:#004381; font-size:24px; margin:0px 0px 5px -2px; padding:0px; font-weight:normal; letter-spacing:-1px;}