html {
background-color:black;
font-family: 'Ubuntu', sans-serif;
font-weight:300;
}
body {
min-width:1080px;
margin:0 auto;
}
a, a:focus, a:hover {
outline:0;
}
section > div > h2 {
background:url("../img/various/logo.png") no-repeat left top;
padding-left:180px;
}
a.topLink {
background:url("../img/various/top.png") no-repeat center top;
color:#00a8ac;
text-decoration:none;
width:87px;
padding-top:25px;
height:50px;
display:block;
text-align:center;
text-transform:uppercase;
position:fixed;
bottom:20px;
right:20px;
z-index:101;
}
span.greenColor {
color:#00A8AC;
}
/* HEADER */
header {
background:url("../img/header/header-back.png") repeat-x top #1e1e1e;
height:54px;
position:fixed;
width:100%;
z-index:100;
}
header a.toggleHeader {
display:block;
width:60px;
margin:0 auto;
z-index:101;
position:relative;
margin-top:86px;
color:#00a8ac;
text-decoration:none;
text-transform:uppercase;
font-size:14px;
font-weight:500;
background:url("../img/header/toggle-hide.png") no-repeat right center;
}
header nav {
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
}
header nav ul {
width:892px;
padding:0 40px;
margin:10px auto 0;
}
header nav ul li {
float:left;
padding-top:5px;
background:none;
border-top:2px #1e1e1e solid;
font-size:14px;
}
header nav ul li:hover, header nav ul li.active {
border-top:2px #00a8ac solid;
}
header nav ul li.homepage {
border:none;
padding-top:0;
margin-top:-20px;
}
header nav ul li.homepage h1 {
margin:0;
padding:0;
position:absolute;
}
header nav ul li.homepage:hover {
border:none;
}
header nav ul li.design {
margin-left:0px;
}
header nav ul li.concept {
margin-left:15px;
}
header nav ul li.functions {
margin-left:15px;
}
header nav ul li.homepage {
margin-left:0px;
}
header nav ul li.movie {
margin-left: 446px;
position: relative;
z-index: 10000;
}
header nav ul li.info {
margin-left:15px;
}
header nav ul li.buy {
margin-left:15px;
}
header nav ul li a {
color:#00a8ac;
text-decoration:none;
text-transform:uppercase;
}
/* END HEADER */
/* CONTENT */
section {
height:910px;
position:relative;
}
section > div {
width:960px;
margin:0 auto;
}
.shadow {
background:url("../img/various/shadow.png") no-repeat top center;
height:27px;
position: absolute;
width: 100%;
z-index:51;
}
a.close {
background:url("../img/various/close.png") no-repeat center center;
height:19px;
position: absolute;
top:5px;
right:5px;
width:19px;
}
/* END CONTENT */
/* HOMEPAGE SECTION */
#section-homepage #homeSlider {
margin-left:-220px;
background: url(../img/home/sliders/01.jpg) no-repeat center top;
height: 861px;
width: 1400px;
z-index:1;
position:relative;
}
#section-homepage p {
font-size:30px;
color:#009fa0;
text-transform:uppercase;
width:320px;
display:none;
}
#section-homepage p.sx {
padding-top: 150px;
position: absolute;
text-align: center;
width: 100%;
}
#section-homepage p.dx {
float:right;
padding-top:458px;
padding-right: 200px;
}
#section-homepage ul {
margin-top:-161px;
z-index:50;
position:relative;
}
#section-homepage ul.nav li {
float:left;
margin-right:35px;
}
#section-homepage ul.nav li a {
width:293px;
height:208px;
border:1px solid #009fa0;
display:block;
text-decoration:none;
color:white;
text-transform:uppercase;
}
#section-homepage ul.nav li a span {
width:100%;
height:30px;
text-align:center;
display:block;
background:url("../img/various/black-back78.png");
padding-top:15px;
}
#section-homepage ul.nav li.engineering a {
background:url("../img/home/list/list-1.jpg") no-repeat center center;
}
#section-homepage ul.nav li.engineering:hover a {
background:url("../img/home/list/list-1-hover.jpg") no-repeat center center;
}
#section-homepage ul.nav li.pdf a {
background:url("../img/home/list/list-2.jpg") no-repeat center center;
}
#section-homepage ul.nav li.pdf:hover a {
background:url("../img/home/list/list-2-hover.jpg") no-repeat center center;
}
#section-homepage ul.nav li.video {
margin-right:0px;
}
#section-homepage ul.nav li.video a {
background:url("../img/home/list/list-3.jpg") no-repeat center center;
}
#section-homepage ul.nav li.video:hover a {
background:url("../img/home/list/list-3-hover.jpg") no-repeat center center;
}
/* END HOMEPAGE SECTION */
/* DESIGN/CONCEPT COMMON SECTION */
#section-design h2, #section-concept h2 {
color:white;
text-transform:uppercase;
padding-top:50px;
font-weight:300;
font-size:36px;
float:left;
padding-bottom:10px;
}
#section-design > div, #section-design .slider-wrapper, #section-design .slider ul, #section-design .slider ul li,
#section-concept >div, #section-concept .slider-wrapper, #section-concept .slider ul, #section-concept .slider ul li {
width:900px;
}
#section-design nav, #section-concept nav {
float:right;
padding-top:50px;
}
#section-design nav div, #section-concept nav div {
height:44px;
width:6px;
}
#section-design nav div.sx, #section-concept nav div.sx {
float:left;
background:url("../img/design/menu/back-sx.png") no-repeat;
}
#section-design nav div.dx, #section-concept nav div.dx {
float:left;
background:url("../img/design/menu/back-dx.png") no-repeat;
}
#section-design nav ul, #section-concept nav ul {
float:left;
padding:0;
margin:0;
}
#section-design nav ul li, #section-concept nav ul li {
float:left;
background:url("../img/design/menu/back.png") repeat-x;
height:29px;
padding:10px 20px 5px;
}
#section-design nav ul li a, #section-concept nav ul li a {
color:#a0a0a0;
text-decoration:none;
font-size:16px;
background:none;
display:inline-block;
height:38px;
}
#section-design nav ul li a:hover, #section-design nav ul li.active a,
#section-concept nav ul li a:hover, #section-concept nav ul li.active a {
background:url("../img/design/menu/hover.png") bottom center repeat-x;
}
#section-design ul.sliders, #section-concept ul.sliders {
position:relative;
clear:both;
}
#section-design .sliders li.slider1, #section-design .sliders li.slider2, #section-design .sliders li.slider3,
#section-concept .sliders li.slider1, #section-concept .sliders li.slider2, #section-concept .sliders li.slider3 {
position:absolute;
top:0;
left:0;
}
#section-concept .sliders li.slider1 img {
margin-bottom: 20px;
margin-right: 50px;
float:left;
}
#section-concept .sliders li.slider1 p {
text-align:left;
width:700px;
}
/* END DESIGN/CONCEPT COMMON SECTION */
/* DESIGN SECTION */
#section-design {
background:url("../img/design/bg.jpg") no-repeat center center;
}
#section-design .sliders li.slider2 {
overflow:hidden;
position:relative;
}
#section-design .sliders li.slider2 div {
position:absolute;
top:0;
left:0;
}
#section-design .sliders li.slider2 div.engImg {
display:none;
}
.engImg > p {
width:245px;
background:url("../img/various/grey-back65.png");
padding:10px 65px 20px 20px;
color:black;
position:absolute;
right:0;
top:10px;
}
#section-design .slider3 > p {
left: 50px;
position: absolute;
text-align: center;
top: 0;
width: 800px;
}
/* END DESIGN SECTION */
/* CONCEPT SECTION */
#section-concept > .workspace {
position:relative;
z-index:50;
}
#section-concept > .background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url("../img/concept/bgs/01.jpg") no-repeat center center;
z-index:0;
}
#section-concept .sliders li {
width:960px;
margin:0 auto;
}
#section-concept .sliders li h3, #section-concept .sliders li p {
color:white;
text-align:center;
margin:0 auto;
}
#section-concept .sliders li h3 {
width:725px;
font-weight:500;
font-size:26px;
margin:20px auto;
text-transform:uppercase;
}
#section-concept .sliders li p {
width:550px;
font-size:16px;
line-height:24px;
}
#section-concept .slider4 strong {
text-transform:uppercase;
}
/* END CONCEPT SECTION */
/* FUNCTIONS SECTION */
#section-functions {
background:url("../img/functions/bg.jpg") no-repeat center center;
}
#section-functions > div {
width:900px;
}
#section-functions h2 {
background:url("../img/various/logo4.png") no-repeat left top;
color:#323232;
text-transform:uppercase;
padding-top:30px;
font-weight:300;
font-size:36px;
padding-bottom:0px;
}
#section-functions ul {
position:relative;
display:block;
overflow:hidden;
}
#section-functions ul.nav li {
float:left;
}
#section-functions ul.nav li > a {
width:223px;
height:277px;
border-top:1px solid #009fa0;
border-left:1px solid #009fa0;
display:block;
text-decoration:none;
color:white;
text-transform:uppercase;
}
#section-functions ul.nav li > a span {
width:100%;
height:30px;
text-align:center;
display:block;
background:url("../img/various/blue-back78.png");
padding-top:15px;
font-weight:500;
}
#section-functions ul.nav li.plumbline > a {
background:url("../img/functions/list/list-1.jpg") no-repeat center center;
}
#section-functions ul.nav li.removablepin > a {
background:url("../img/functions/list/list-2.jpg") no-repeat center center;
}
#section-functions ul.nav li.measuringtape > a {
background:url("../img/functions/list/list-3.jpg") no-repeat center center;
}
#section-functions ul.nav li.ruler > a {
background:url("../img/functions/list/list-4.jpg") no-repeat center center;
border-right:1px solid #009fa0;
}
#section-functions ul.nav li.goniometer1 > a {
background:url("../img/functions/list/list-5.jpg") no-repeat center center;
border-bottom:1px solid #009fa0;
}
#section-functions ul.nav li.goniometer2 > a {
background:url("../img/functions/list/list-6.jpg") no-repeat center center;
border-bottom:1px solid #009fa0;
}
#section-functions ul.nav li.extractablebrush > a {
background:url("../img/functions/list/list-7.jpg") no-repeat center center;
border-bottom:1px solid #009fa0;
}
#section-functions ul.nav li.reflexhammer > a {
background:url("../img/functions/list/list-8.jpg") no-repeat center center;
border-right:1px solid #009fa0;
border-bottom:1px solid #009fa0;
}
#section-functions ul.nav li.plumbline > a:hover, #section-functions ul.nav li.plumbline > a:active {
background:url("../img/functions/list/list-1-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.removablepin > a:hover, #section-functions ul.nav li.removablepin > a:active {
background:url("../img/functions/list/list-2-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.measuringtape > a:hover, #section-functions ul.nav li.measuringtape > a:active {
background:url("../img/functions/list/list-3-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.ruler > a:hover, #section-functions ul.nav li.ruler > a:active {
background:url("../img/functions/list/list-4-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.goniometer1 > a:hover, #section-functions ul.nav li.goniometer1 > a:active {
background:url("../img/functions/list/list-5-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.goniometer2 > a:hover, #section-functions ul.nav li.goniometer2 > a:active {
background:url("../img/functions/list/list-6-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.extractablebrush > a:hover, #section-functions ul.nav li.extractablebrush > a:active {
background:url("../img/functions/list/list-7-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.reflexhammer > a:hover, #section-functions ul.nav li.reflexhammer > a:active {
background:url("../img/functions/list/list-8-hover.jpg") no-repeat center center;
}
#section-functions ul.nav li.goniometer1 > a span, #section-functions ul.nav li.goniometer2 > a span, #section-functions ul.nav li.reflexhammer > a span {
padding-top:1px;
height:44px;
}
#section-functions ul.nav li div {
height:557px;
width:900px;
background:black;
position:absolute;
top:0;
right:0;
z-index:50;
display:none;
color:white;
}
#section-functions ul.nav li img {
float:left;
border-right:1px solid #009fa0;
}
#section-functions ul.nav li div h3 {
font-size:24px;
width:250px;
padding-top:100px;
padding-left:640px;
font-weight:300;
}
#section-functions ul.nav li div p {
padding-left:640px;
width:230px;
}
#section-functions ul.nav li div a.control, #section-design .sliders .slider2 div a.control {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
width:18px;
height:87px;
text-indent:-9999px;
display:block;
}
#section-functions ul.nav li div a.control.sx, #section-design .sliders .slider2 div a.control.sx {
left:14px;
background:url("../img/various/nivo-sx.png") no-repeat center center;
}
#section-functions ul.nav li div a.control.dx, #section-design .sliders .slider2 div a.control.dx {
right:14px;
background:url("../img/various/nivo-dx.png") no-repeat center center;
}
/* END FUNCTIONS SECTION */
/* INFO SECTION */
#section-info {
background:url("../img/design/bg.jpg") no-repeat center center;
color:white;
}
#section-info #tab-container-1 {
position:relative;
}
#section-info #tab-container-1 #pdf-download {
position:absolute;
top:60px;
right:0;
}
#section-info #tab-container-1-nav .button1 a {
/*background:url("../img/various/logo.png") no-repeat left top;
padding-left:200px;*/
}
#section-info div.tab#tab1, #section-info div.tab#tab2 {
background:url("../img/info/bg.jpg") no-repeat top center;
min-height:585px;
}
#section-info div.tab#tab3 {
background:url("../img/info/bg-resell.jpg") no-repeat top center;
min-height:585px;
}
#section-info div.tab h3 {
padding-top:15px !important;
}
#section-info div.tab p, #section-info div.tab .errors, #section-info div.tab h3 {
padding:0 37px;
}
#section-info #tab-container-1-nav a {
color:grey;
text-transform:uppercase;
margin-top: 65px;
padding: 5px 10px 12px;
font-weight:300;
font-size:18px;
float:left;
text-decoration:none;
}
#section-info #tab-container-1-nav a.active {
color:white;
background-color:#181818;
}
#section-info .tab {
clear:both;
position:relative;
}
#section-info #tab1 table {
margin-left:32px;
}
#section-info #tab1 input, #section-info #tab1 select, #section-info #tab1 textarea {
width:380px;
margin-bottom:25px;
border-radius: 5px 5px 5px 5px;
background-color:black;
border-bottom: 1px solid #00a8ac;
border-right: 1px solid #00a8ac;
border-top: none;
border-left: none;
padding:10px;
color:white;
font-weight:500;
}
#section-info #tab1 textarea {
width:863px;
}
#section-info #tab1 input#submit-button {
clear:both;
margin-left:800px;
background:url("../img/info/buttons/submit.png") no-repeat;
text-indent:-9999px;
width:115px;
height:27px;
}
#section-info #tab2 .info-link a {
color:#009fa0;
text-decoration:none;
padding-right:20px;
background:url("../img/info/arrow.png") no-repeat center right;
}
#section-info #tab2 .info-link a:hover {
color:#FFF;
background:url("../img/info/arrow-hover.png") no-repeat center right;
}
footer {
position:absolute;
bottom:0;
width:100%;
}
footer div {
border-top:2px grey solid;
width:860px;
margin:0 auto;
}
footer p {
font-size:11px;
float:left;
padding:0 !important;
}
footer a {
text-decoration:none;
color:white;
}
/* END INFO SECTION */
/* BUY ONLINE SECTION */
/*
#section-info div.tab#tab2, #section-info div.tab#tab3, #section-info div.tab#tab4, #section-info div.tab#tab5, #section-info div.tab#tab6 {
background-color:#FFF;
color:black;
min-height:585px;
}
#section-info div.tab#tab2 table {
width:796px;
margin:10px auto 0;
text-align: center;
}
#section-info div.tab#tab2 table tr {
border-bottom:2px solid #d1d2d2;
}
#section-info div.tab#tab2 table tr.last {
border-bottom:none;
}
#section-info div.tab#tab2 table td, #section-info div.tab#tab2 table th {
padding:20px;
}
#section-info div.tab#tab2 table th {
font-weight:300;
}
#section-info div.tab#tab2 table td#tot, #section-info div.tab#tab2 table td#totale {
font-weight:500;
}
#section-info #tab2 div {
width:406px;
}
#section-info #tab2 p.buyError {
background-color: pink;
border-bottom-width: 16px;
color: red;
margin-top: 0;
padding-bottom: 16px;
padding-top: 16px;
}
#section-info #tab2 div#buyDati {
float:left;
margin-left:74px;
}
#section-info #tab2 div#buyPagamento {
float:right;
margin-right:74px;
}
#section-info #tab2 h3 {
font-size:16px;
font-weight:300;
background-color:#bbe3e3;
text-align:center;
}
#section-info #tab2 div#buyDati input, #section-info #tab2 div#buyDati select {
display:block;
width:350px;
margin-bottom:15px;
border-radius: 5px 5px 5px 5px;
background-color:white;
border: 1px solid grey;
padding:10px;
margin-left:
color:black;
font-weight:500;
}
#section-info #tab2 div#buyDati input.error, #section-info #tab2 div#buyDati select.error {
background:pink;
}
#section-info #tab1 input.error, #section-info #tab1 textarea.error {
background:darkred;
}
#section-info #tab2 input#buy-button {
clear:both;
margin-left:202px;
background:url("../img/info/buy/buy.jpg") no-repeat;
text-indent:-9999px;
width:208px;
height:66px;
border:none;
}
#section-info #tab-container-1-nav li.button3, #section-info #tab-container-1-nav li.button4, #section-info #tab-container-1-nav li.button5, #section-info #tab-container-1-nav li.button6 {
display:none;
}
#section-info div.tab#tab3 img, #section-info div.tab#tab4 img, #section-info div.tab#tab5 img, #section-info div.tab#tab6 img {
margin:0 auto;
padding:100px 0 30px 0;
display:block;
width:199px;
}
*/