/* IMPOSTAZIONI GENERALI ----------------------------------------------- */ BODY {color:#fff; margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000 url(../img/body-pattern.png) repeat-x top center} /* RESET */ H1, H2, H3, H4, H5, H6, P, UL, OL, LI, TABLE, TD, FORM, INPUT {margin:0; padding:0; list-style-type:none; line-height:125%;} A IMG {border:none;} A {color:#E83324} A:hover {color:#FA6C15} P {} P STRONG {color:#fff;} /* CLEARFIX */ .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* LAYOUT ----------------------------------------------- */ #tab {min-height:26px; background:#3E4A51 url(../img/top-pattern.png) repeat-x bottom center;} #wrap {width:960px; text-align:left; margin:0 auto; } #main {padding:28px 40px 80px 40px; color:#C8D0D7; font-size:16px; } /* NAVIGATION ----------------------------------------------- */ #tab {} #tab #login { padding:0px 0px 0 0; width:500px; float:right; margin:7px 20px 0 0;} #login #tabwrap { display:none; padding:0 0 10px 0; } #login TABLE {margin:0px 0 0 15px; padding:0; border-spacing:0; width:auto; } #login TABLE TD {text-align:left; font-size:9px; letter-spacing:1px; color:#ccc; padding:0 5px 0 0; white-space:nowrap} #login INPUT {background:#AFB3B5; border:none; border-left:1px solid #8F9315; border-top:1px solid #8F9315; } #login INPUT.campo {width:120px;} #login INPUT.bottone {width:auto; border:none; background:#272E32; color:#fff; cursor:pointer;} #login INPUT.bottone:hover {cursor:pointer; background:red;} #tab A {font-size:9px; display:block; width:182px; height:19px; line-height:19px; text-align:center; margin:0px 0px 0 0px; text-decoration:none; color:#ccc; text-transform:uppercase; outline:none;} #tab LI#nav-lan A {width:96px; text-transform:none; outline:none;} #tab A:hover {color:#fff;} #tab UL {background: url(../img/tab.png) no-repeat 0 0} #tab UL LI {float:left;} #tab UL LI#nav-lan {position:relative;} #tab UL LI UL {background:none; position:absolute; right:0px; top:20px; width:210px; display:none;} #tab UL LI UL LI {float:left; background:#58656C; padding:0 10px;} #tab UL LI UL LI A {display:inline; outline:none;} #headwrap {background:url(../img/head-fondo.png) no-repeat center top;} #head {width:960px; text-align:left; margin:0 auto;} #head H1 {width:234px; float:left;} #head H1 A {display:block; height:100px; text-indent:-1000em; background:url(../img/logo-realobs.png) no-repeat 0 0; outline:none;} #nav LI {float:left;} #nav A {display:block; height:100px; text-indent:-1000em; outline:none; } /* EN */ #nav-what A {width:108px; background:url(../img/nav-what.png) no-repeat 0 0; } #nav-why A {width:195px; background:url(../img/nav-why.png) no-repeat 0 0; } #nav-how A {width:228px; background:url(../img/nav-how.png) no-repeat 0 0;} #nav-suppliers A {width:109px; background:url(../img/nav-suppliers.png) no-repeat 0 0;} #nav-contact A {width:86px; background:url(../img/nav-contact.png) no-repeat 0 0; } #nav-what A:hover {background:url(../img/nav-what.png) no-repeat 0 100%; } #nav-why A:hover {background:url(../img/nav-why.png) no-repeat 0 100%; } #nav-how A:hover {background:url(../img/nav-how.png) no-repeat 0 100%;} #nav-suppliers A:hover {background:url(../img/nav-suppliers.png) no-repeat 0 100%;} #nav-contact A:hover {background:url(../img/nav-contact.png) no-repeat 0 100%; } #nav-what A.current {background:url(../img/nav-what.png) no-repeat 0 100%; } #nav-why A.current {background:url(../img/nav-why.png) no-repeat 0 100%; } #nav-how A.current {background:url(../img/nav-how.png) no-repeat 0 100%;} #nav-suppliers A.current {background:url(../img/nav-suppliers.png) no-repeat 0 100%;} #nav-contact A.current {background:url(../img/nav-contact.png) no-repeat 0 100%; } /* IT */ #it #head H1 {width:263px; float:left;} #it #head H1 A {background:url(../img/logo-realobs-it.png) no-repeat 0 0;} #it #nav-what A {width:119px; background:url(../img/nav-what-it.png) no-repeat 0 0; } #it #nav-why A {width:228px; background:url(../img/nav-why-it.png) no-repeat 0 0; } #it #nav-how A {width:156px; background:url(../img/nav-how-it.png) no-repeat 0 0;} #it #nav-suppliers A {width:108px; background:url(../img/nav-suppliers-it.png) no-repeat 0 0;} #it #nav-contact A {width:86px; background:url(../img/nav-contact-it.png) no-repeat 0 0; } #it #nav-what A:hover {background:url(../img/nav-what-it.png) no-repeat 0 100%; } #it #nav-why A:hover {background:url(../img/nav-why-it.png) no-repeat 0 100%; } #it #nav-how A:hover {background:url(../img/nav-how-it.png) no-repeat 0 100%;} #it #nav-suppliers A:hover {background:url(../img/nav-suppliers-it.png) no-repeat 0 100%;} #it #nav-contact A:hover {background:url(../img/nav-contact-it.png) no-repeat 0 100%; } #it #nav-what A.current {background:url(../img/nav-what-it.png) no-repeat 0 100%; } #it #nav-why A.current {background:url(../img/nav-why-it.png) no-repeat 0 100%; } #it #nav-how A.current {background:url(../img/nav-how-it.png) no-repeat 0 100%;} #it #nav-suppliers A.current {background:url(../img/nav-suppliers-it.png) no-repeat 0 100%;} #it #nav-contact A.current {background:url(../img/nav-contact-it.png) no-repeat 0 100%; } /* FR */ #fr #head H1 {width:214px; float:left;} #fr #head H1 A {background:url(../img/logo-realobs-fr.png) no-repeat 0 0;} #fr #nav-what A {width:180px; background:url(../img/nav-what-fr.png) no-repeat 0 0; } #fr #nav-why A {width:181px; background:url(../img/nav-why-fr.png) no-repeat 0 0; } #fr #nav-how A {width:171px; background:url(../img/nav-how-fr.png) no-repeat 0 0;} #fr #nav-suppliers A {width:132px; background:url(../img/nav-suppliers-fr.png) no-repeat 0 0;} #fr #nav-contact A {width:82px; background:url(../img/nav-contact-fr.png) no-repeat 0 0; } #fr #nav-what A:hover {background:url(../img/nav-what-fr.png) no-repeat 0 100%; } #fr #nav-why A:hover {background:url(../img/nav-why-fr.png) no-repeat 0 100%; } #fr #nav-how A:hover {background:url(../img/nav-how-fr.png) no-repeat 0 100%;} #fr #nav-suppliers A:hover {background:url(../img/nav-suppliers-fr.png) no-repeat 0 100%;} #fr #nav-contact A:hover {background:url(../img/nav-contact-fr.png) no-repeat 0 100%; } #fr #nav-what A.current {background:url(../img/nav-what-fr.png) no-repeat 0 100%; } #fr #nav-why A.current {background:url(../img/nav-why-fr.png) no-repeat 0 100%; } #fr #nav-how A.current {background:url(../img/nav-how-fr.png) no-repeat 0 100%;} #fr #nav-suppliers A.current {background:url(../img/nav-suppliers-fr.png) no-repeat 0 100%;} #fr #nav-contact A.current {background:url(../img/nav-contact-fr.png) no-repeat 0 100%; } /* CZ */ #cz #head H1 {width:234px; float:left;} #cz #head H1 A {background:url(../img/logo-realobs-cz.png) no-repeat 0 0;} #cz #nav-what A {width:108px; background:url(../img/nav-what-cz.png) no-repeat 0 0; } #cz #nav-why A {width:252px; background:url(../img/nav-why-cz.png) no-repeat 0 0; } #cz #nav-how A {width:150px; background:url(../img/nav-how-cz.png) no-repeat 0 0;} #cz #nav-suppliers A {width:130px; background:url(../img/nav-suppliers-cz.png) no-repeat 0 0;} #cz #nav-contact A {width:86px; background:url(../img/nav-contact-cz.png) no-repeat 0 0; } #cz #nav-what A:hover {background:url(../img/nav-what-cz.png) no-repeat 0 100%; } #cz #nav-why A:hover {background:url(../img/nav-why-cz.png) no-repeat 0 100%; } #cz #nav-how A:hover {background:url(../img/nav-how-cz.png) no-repeat 0 100%;} #cz #nav-suppliers A:hover {background:url(../img/nav-suppliers-cz.png) no-repeat 0 100%;} #cz #nav-contact A:hover {background:url(../img/nav-contact-cz.png) no-repeat 0 100%; } #cz #nav-what A.current {background:url(../img/nav-what-cz.png) no-repeat 0 100%; } #cz #nav-why A.current {background:url(../img/nav-why-cz.png) no-repeat 0 100%; } #cz #nav-how A.current {background:url(../img/nav-how-cz.png) no-repeat 0 100%;} #cz #nav-suppliers A.current {background:url(../img/nav-suppliers-cz.png) no-repeat 0 100%;} #cz #nav-contact A.current {background:url(../img/nav-contact-cz.png) no-repeat 0 100%; } /* RU */ #ru #head H1 {width:226px; float:left;} #ru #head H1 A {background:url(../img/logo-realobs-ru.png) no-repeat 0 0;} #ru #nav-what A {width:130px; background:url(../img/nav-what-ru.png) no-repeat 0 0; } #ru #nav-why A {width:214px; background:url(../img/nav-why-ru.png) no-repeat 0 0; } #ru #nav-how A {width:117px; background:url(../img/nav-how-ru.png) no-repeat 0 0;} #ru #nav-suppliers A {width:180px; background:url(../img/nav-suppliers-ru.png) no-repeat 0 0;} #ru #nav-contact A {width:93px; background:url(../img/nav-contact-ru.png) no-repeat 0 0; } #ru #nav-what A:hover {background:url(../img/nav-what-ru.png) no-repeat 0 100%; } #ru #nav-why A:hover {background:url(../img/nav-why-ru.png) no-repeat 0 100%; } #ru #nav-how A:hover {background:url(../img/nav-how-ru.png) no-repeat 0 100%;} #ru #nav-suppliers A:hover {background:url(../img/nav-suppliers-ru.png) no-repeat 0 100%;} #ru #nav-contact A:hover {background:url(../img/nav-contact-ru.png) no-repeat 0 100%; } #ru #nav-what A.current {background:url(../img/nav-what-ru.png) no-repeat 0 100%; } #ru #nav-why A.current {background:url(../img/nav-why-ru.png) no-repeat 0 100%; } #ru #nav-how A.current {background:url(../img/nav-how-ru.png) no-repeat 0 100%;} #ru #nav-suppliers A.current {background:url(../img/nav-suppliers-ru.png) no-repeat 0 100%;} #ru #nav-contact A.current {background:url(../img/nav-contact-ru.png) no-repeat 0 100%; } /* ES */ #es #head H1 {width:234px; float:left;} #es #head H1 A {background:url(../img/logo-realobs-es.png) no-repeat 0 0;} #es #nav-what A {width:100px; background:url(../img/nav-what-es.png) no-repeat 0 0; } #es #nav-why A {width:237px; background:url(../img/nav-why-es.png) no-repeat 0 0; } #es #nav-how A {width:162px; background:url(../img/nav-how-es.png) no-repeat 0 0;} #es #nav-suppliers A {width:135px; background:url(../img/nav-suppliers-es.png) no-repeat 0 0;} #es #nav-contact A {width:92px; background:url(../img/nav-contact-es.png) no-repeat 0 0; } #es #nav-what A:hover {background:url(../img/nav-what-es.png) no-repeat 0 100%; } #es #nav-why A:hover {background:url(../img/nav-why-es.png) no-repeat 0 100%; } #es #nav-how A:hover {background:url(../img/nav-how-es.png) no-repeat 0 100%;} #es #nav-suppliers A:hover {background:url(../img/nav-suppliers-es.png) no-repeat 0 100%;} #es #nav-contact A:hover {background:url(../img/nav-contact-es.png) no-repeat 0 100%; } #es #nav-what A.current {background:url(../img/nav-what-es.png) no-repeat 0 100%; } #es #nav-why A.current {background:url(../img/nav-why-es.png) no-repeat 0 100%; } #es #nav-how A.current {background:url(../img/nav-how-es.png) no-repeat 0 100%;} #es #nav-suppliers A.current {background:url(../img/nav-suppliers-es.png) no-repeat 0 100%;} #es #nav-contact A.current {background:url(../img/nav-contact-es.png) no-repeat 0 100%; } /* SUBNAV ----------------------------------------------- */ #subnav UL {float:right; margin:0 40px 0 0; border-bottom:5px solid #3D4B55; padding:0 0 7px 0;} #subnav LI {float:left; margin:0 0 0 25px} #subnav LI.first {float:left; margin:0 0 0 0px} #subnav LI A {text-transform:uppercase; color:#B3B3B3; text-decoration:none; font-size:14px; letter-spacing:-0.5px;} #subnav LI A:hover {color:#fff;} /* FOOTER ----------------------------------------------- */ #footer {background: #1D252A; padding:25px 0;} #infooter {width:880px; margin:0 auto; text-align:left;} #footer P {font-size:10px; color:#C8D0D7; float:left; text-transform:uppercase; letter-spacing:1px;} #footer P A {color:#fff; text-decoration:none;} #footer P A:hover {color:#E83324;} #footer UL {float:right;} #footer UL LI {float:left; margin:0 0 0 20px;}