html, body, div{
margin: 0;
padding: 0;
}
body{
font-family: Arial, Tahoma, sans-serif;
font-size : 13px;
line-height:15px;
}
img{ border:none; }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap {
word-wrap: break-word;
}
.clear{ clear:both; }
.left{ float:left; }
.right{ float:right; }
.box{ display:block; position:relative; }
.center{ text-align:center; }
.table{ display:table; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }
/*---------- text-link ----------*/
a:link{text-decoration : none; color : #ffffff;}
a:visited {text-decoration : none; color : #ffffff;}
a:hover {text-decoration: none; color : #ffffff;}
a.txtLink:link {text-decoration : none; color : #0079c2;}
a.txtLink:visited {text-decoration : none; color : #0079c2;}
a.txtLink:hover {text-decoration:underline; color : #0079c2;}
#home{ background:#000000; color: #ffffff; }
#header{ display:block; height:104px; background:#ffffff; }
#page-home{
display:block; background:url(../img/bg_overall.jpg) top center no-repeat;
}
.content{ display:block; width:1000px; margin:0 auto; }
.box-logo{ display:block; float:left; width:247px; }
.box-menu{ display:block; float:left; width:753px; }
.logo{ display:block; padding:20px 0 0 22px;}
.home-line-top{ display:block; width:1000px; margin:0 auto; height:13px; background:url(../img/home-line-top.png) no-repeat center top; }
.home-line-bottom{ display:block; width:1000px; margin:8px auto 0; height:24px; background:url(../img/home-line-bottom.png) no-repeat center top; }
.home-content{ display:block; position:relative; width:1000px; margin:0 auto; }
.home-box{ display:block; position:relative; padding:0 22px; }
.home-offset{ display:block; width:191px; height:328px; background:url(../img/home-offset.png) no-repeat; float:left; position:relative; }
.home-flexible{ display:block; width:191px; height:328px; background:url(../img/home-flexible.png) no-repeat; float:left; position:relative; }
.home-tubes{ display:block; width:191px; height:328px; background:url(../img/home-tubes.png) no-repeat; float:left; position:relative; }
.home-film{ display:block; width:191px; height:328px; background:url(../img/home-film.png) no-repeat; float:left; position:relative; }
.home-labels{ display:block; width:191px; height:328px; background:url(../img/home-labels.png) no-repeat; float:left; position:relative; }
/* == menu == */
#menu{ display:block; position:relative; padding:60px 0 0; }
a.mAbout{ display:block; height:24px; width:94px; background:url(../img/mAbout.png) no-repeat; margin-right:62px; }
a.mAbout:hover{ background-position:0 -24px; }
a.mAbout-activ{ display:block; height:24px; width:94px; background:url(../img/mAbout.png) no-repeat; background-position:0 -24px; margin-right:62px; }
.nav li.hover a.mAbout,
.nav li:hover a.mAbout{
background:url(../img/mAbout.png) no-repeat; background-position: 0 -24px;
}
.nav li.hover a.mAbout-activ,
.nav li:hover a.mAbout-activ{
background:url(../img/mAbout.png) no-repeat; background-position: 0 -24px;
}
a.mAbout-history{ display:block; background:url(../img/mAbout-history.png) no-repeat; width:85px; height:22px; float:left; }
a.mAbout-history:hover{ background-position:0 -22px; }
a.mAbout-history-activ{ display:block; background:url(../img/mAbout-history.png) no-repeat; width:85px; height:22px; float:left; background-position:0 -22px; }
a.mAbout-philo{ display:block; background:url(../img/mAbout-philo.png) no-repeat; width:110px; height:22px; float:left;}
a.mAbout-philo:hover{ background-position:0 -22px; }
a.mAbout-philo-activ{ display:block; background:url(../img/mAbout-philo.png) no-repeat; width:110px; height:22px; float:left; background-position:0 -22px; }
a.mAbout-partners{ display:block; background:url(../img/mAbout-partners.png) no-repeat; width:95px; height:22px; float:left; }
a.mAbout-partners:hover{ background-position:0 -22px; }
a.mAbout-partners-activ{ display:block; background:url(../img/mAbout-partners.png) no-repeat; width:95px; height:22px; float:left; background-position:0 -22px; }
a.mOurBusiness{ display:block; height:24px; width:125px; background:url(../img/mOurBusiness.png) no-repeat; margin-right:62px; }
a.mOurBusiness:hover{ background-position:0 -24px; }
a.mOurBusiness-activ{ display:block; height:24px; width:125px; background:url(../img/mOurBusiness.png) no-repeat; background-position:0 -24px; margin-right:62px; }
a.mNews{ display:block; height:24px; width:67px; background:url(../img/mNews.png) no-repeat; margin-right:62px; }
a.mNews:hover{ background-position:0 -24px; }
a.mNews-activ{ display:block; height:24px; width:67px; background:url(../img/mNews.png) no-repeat; background-position:0 -24px; margin-right:62px; }
a.mContact{ display:block; height:24px; width:111px; background:url(../img/mContact.png) no-repeat; margin-right:62px; }
a.mContact:hover{ background-position:0 -24px; }
a.mContact-activ{ display:block; height:24px; width:111px; background:url(../img/mContact.png) no-repeat; background-position:0 -24px; margin-right:62px; }
a.mCareer{ display:block; height:24px; width:80px; background:url(../img/mCareer.png) no-repeat; }
a.mCareer:hover{ background-position:0 -24px; }
a.mCareer-activ{ display:block; height:24px; width:80px; background:url(../img/mCareer.png) no-repeat; background-position:0 -24px; }
.nav{
display:block;
list-style:none;
position:relative;
}
.nav ul {
padding:0;
margin:0;
list-style: none;
}
.nav li{
float:left;
margin:0;
position:relative;
display:block;
z-index:90;
}
.nav li.last {
right:auto;
}
.nav li:hover {
z-index:600;
}
.nav li a {
display:inline-block;
border:none !important;
color:#FFFFFF; font-size:13px; text-transform:uppercase;
}
.nav li a:hover ,
.nav li.active a {
color:#000000;
text-decoration:none;
}
.nav li:hover .sub,
.nav li.hover .sub {
display:block;
}
.nav li .sub {
margin:0 0 0; padding:0;
display: none;
position: absolute;
top: 24px; width:315px;
left: -146px; z-index:109;
}
.boxsubm{ display:block; background:url(../img/bg-submenu.png) no-repeat bottom; height:24px; padding:13px 0 0;}
/* == ================================ == */
/* == offset == */
.link-home-offset{ position:absolute; width:69px; height:20px; bottom:0px; cursor:pointer; left:62px; }
.link-home-offset .over-home-offset{ display:none; }
.over-home-offset{ width:1000px; height:426px; position:absolute; background:url(../img/bg-over-offset.jpg) no-repeat center top; top:-426px; left:-84px; z-index:60; cursor:default; }
.link-home-offset:hover .over-home-offset{ }
.box-offleft{ display:block; width:500px; float:left; position:relative; }
.offset-logo{ display:block; position:absolute; background:url(../img/home-logo.png) no-repeat; width:131px; height:33px; left:52px; bottom:0px; }
.box-off-txt{ display:block; width:500px; height:304px; background:url(../img/home-over-txt-line.gif) no-repeat bottom; }
.box-off-txt-t{ display:table-cell; width:500px; height:304px; vertical-align:bottom; }
.overoff-txt{ display:block; padding:46px 0; text-align:center; width:280px; margin-left:92px; }
a.btn-offset{ display:inline-block; width:128px; height:15px; background:url(../img/btn-offset-website.gif) no-repeat; margin:10px 0 0 171px; }
a.btn-offset:hover{ background-position:0 -15px; }
/* == ================================ == */
/* == flex == */
.link-home-flex{ position:absolute; width:72px; height:20px; bottom:0px; cursor:pointer; left:60px; }
.link-home-flex .over-home-flex{ display:none; }
.over-home-flex{ width:1000px; height:426px; position:absolute; background:url(../img/bg-over-offset.jpg) no-repeat center top; top:-426px; left:-273px; z-index:60; cursor:default; }
.link-home-flex:hover .over-home-flex{ }
.flex-logo{ display:block; position:absolute; background:url(../img/home-logo.png) no-repeat; width:131px; height:33px; left:241px; bottom:0px; }
.box-flex-txt{ display:block; width:458px; height:304px; background:url(../img/homeflex-over-txt-line.gif) no-repeat bottom; }
.box-flex-txt-t{ display:table-cell; width:458px; height:304px; vertical-align:bottom; }
.overflex-txt{ display:block; padding:46px 0; text-align:center; width:280px; margin-left:48px; }
a.btn-flex{ display:inline-block; width:131px; height:15px; background:url(../img/btn-flex-website.gif) no-repeat; margin:10px 0 0 124px; }
a.btn-flex:hover{ background-position:0 -15px; }
/* == ================================ == */
/* == tubes == */
.link-home-tubes{ position:absolute; width:60px; height:20px; bottom:0px; cursor:pointer; left:60px; }
.link-home-tubes .over-home-tubes{ display:none; }
.over-home-tubes{ width:1000px; height:426px; position:absolute; background:url(../img/bg-over-tubes.jpg) no-repeat center top; top:-426px; left:-464px; z-index:60; cursor:default; }
.link-home-tubes:hover .over-home-tubes{ }
.img-home-tubes{ display:block; background:url(../img/home-tubes-img.png) no-repeat top left; height:426px; }
.tubes-logo{ display:block; position:absolute; background:url(../img/home-logo.png) no-repeat; width:131px; height:33px; left:435px; bottom:0px; }
.box-tubes-txt{ display:block; width:470px; height:304px; margin:0 0 0 auto; }
.box-tubes-txt-t{ display:table-cell; width:470px; height:304px; vertical-align:bottom; }
.overtubes-txt{ display:block; padding:46px 0; text-align:center; width:280px; margin-left:70px; }
a.btn-tubes{ display:inline-block; width:117px; height:15px; background:url(../img/btn-tubes-website.gif) no-repeat; margin:10px 0 0 154px; }
a.btn-tubes:hover{ background-position:0 -15px; }
/* == ================================ == */
/* == film == */
.link-home-film{ position:absolute; width:60px; height:20px; bottom:0px; cursor:pointer; left:63px; }
.link-home-film .over-home-film{ display:none; }
.over-home-film{ width:1000px; height:426px; position:absolute; background:url(../img/bg-over-film.jpg) no-repeat center top; top:-426px; left:-658px; z-index:60; cursor:default; }
.link-home-film:hover .over-home-film{ }
.img-home-film{ display:block; background:url(../img/home-film-img.png) no-repeat top right; height:426px; }
.film-logo{ display:block; position:absolute; background:url(../img/home-logo.png) no-repeat; width:131px; height:33px; left:626px; bottom:0px; }
.box-film-txt{ display:block; width:502px; height:304px; text-align:center;}
.box-film-txt-t{ display:table-cell; width:502px; height:304px; vertical-align:bottom; }
.overfilm-txt{ display:block; padding:46px 0; text-align:center; width:288px; margin-left:107px; }
a.btn-film{ display:inline-block; width:112px; height:15px; background:url(../img/btn-film-website.gif) no-repeat; margin:10px 0 0 0; }
a.btn-film:hover{ background-position:0 -15px; }
/* == ================================ == */
/* == labels == */
.link-home-labels{ position:absolute; width:60px; height:20px; bottom:0px; cursor:pointer; left:63px; }
.link-home-labels .over-home-labels{ display:none; }
.over-home-labels{ width:1000px; height:426px; position:absolute; background:url(../img/bg-over-film.jpg) no-repeat center top; top:-426px; left:-849px; z-index:60; cursor:default; }
.link-home-labels:hover .over-home-labels{ }
.img-home-labels{ display:block; background:url(../img/home-labels-img.png) no-repeat top right; height:426px; }
.labels-logo{ display:block; position:absolute; background:url(../img/home-logo.png) no-repeat; width:131px; height:33px; left:817px; bottom:0px; }
.box-labels-txt{ display:block; width:502px; height:304px; text-align:center;}
.box-labels-txt-t{ display:table-cell; width:502px; height:304px; vertical-align:bottom; }
.overlabels-txt{ display:block; padding:46px 0; text-align:center; width:288px; margin-left:107px; }
a.btn-labels{ display:inline-block; width:119px; height:15px; background:url(../img/btn-labels-website.gif) no-repeat; margin:10px 0 0 0; }
a.btn-labels:hover{ background-position:0 -15px; }
/* == ================================ == */
.boxh-lastnews{ display:block; background:#333333; padding:21px 0 13px 22px; position:relative; }
.lastnews-h{ display:block; float:left; width:191px; }
.box-lastnews{ display:block; width:382px; float:left; }
.lastnews-img{ display:block; padding:0 0 0 7px; border-left:#999a9c solid 1px; height:74px; }
a.btn-more{ display:inline-block; height:11px; width:47px; background:url(../img/btn-more.gif) no-repeat; }
a.btn-more:hover{ background-position:0 -11px; }
.box-footer{ display:block; position:relative; padding:21px 24px 18px; font-size:12px; }
#inner{ background:#FFF; color:#999999; }
#inner a:link{text-decoration : none; color : #999999;}
#inner a:visited {text-decoration : none; color : #999999;}
#inner a:hover {text-decoration: none; color : #999999;}
/*
Career
*/
.box-care{ display:block; width:191px; float:left; }
a.btn-care-flex{ display:block; background:url(../img/btn-care-flex.gif) no-repeat; width:182px; height:54px; margin:0 auto; }
a.btn-care-flex:hover{ background-position:0 -54px; }
a.btn-care-offset{ display:block; background:url(../img/btn-care-offset.gif) no-repeat; width:182px; height:54px; margin:0 auto; }
a.btn-care-offset:hover{ background-position:0 -54px; }
a.btn-care-tubes{ display:block; background:url(../img/btn-care-tubes.gif) no-repeat; width:182px; height:54px; margin:0 auto; }
a.btn-care-tubes:hover{ background-position:0 -54px; }
a.btn-care-film{ display:block; background:url(../img/btn-care-film.gif) no-repeat; width:182px; height:54px; margin:0 auto; }
a.btn-care-film:hover{ background-position:0 -54px; }
a.btn-care-labels{ display:block; background:url(../img/btn-care-labels.gif) no-repeat; width:182px; height:54px; margin:0 auto; }
a.btn-care-labels:hover{ background-position:0 -54px; }
/*
Contact
*/
.box-contact-form{ display:block; width:505px; float:left; color:#999999;}
.box-contact-map{ display:block; width:405px; float:right; }
.con-req{ color:#b59157; }
.con-txt{ display:block; padding:5px 0 6px; }
#contactform label { display:block; padding:0; margin:0;}
#contactform label.error{ margin-left: 0px; color:#9d372e; font-size:11px; font-style:italic; }
#contactform input{ display:block; border:0; height:19px; border-bottom:#8b8b8b solid 1px; width:100%; color:#999999; font-size:12px; }
#contactform input.error{ background: #f8dbdb; color:#959595; }
#contactform textarea{ display:block; border:0; resize: none; width:100%; height:45px; border-bottom:#8b8b8b solid 1px; margin-bottom:6px; color:#999999; font-size:12px; }
#contactform textarea.error{ background: #f8dbdb;}
#contactform input[type="image"]{ width:49px; height:15px; background:none; border:0; padding:0; margin:0; }
#contactform select.error{ background: url(../img/select.gif) no-repeat right transparent; }
.select_comp {
width: 300px;
height: 22px;
overflow: hidden; border-bottom:#8b8b8b solid 1px;
background: url(../img/select.gif) no-repeat right;
}
.select_comp select {
color:#8b8b8b; font-size:12px; background: transparent;
padding: 2px 0 0 3px; width:323px;
height: 22px; border:none;
}
.select_comp option {
border:none !important; color:#8b8b8b; font-size:12px;
padding: 3px 3px;
}
.contact-map{ display:block; background:url(../img/contact-map.gif) no-repeat; width:405px; height:333px; position:relative; margin:5px 0 0; }
.box-map-btn{ display:block; padding:299px 22px 0 0; position:relative; }
a.btn-print{ display:block; background:url(../img/btn-print.gif) no-repeat; width:49px; height:15px; margin:0 0 0 auto; }
a.btn-print:hover{ background-position:0 -15px; }
a.btn-google-map{ display:block; background:url(../img/btn-google-map.gif) no-repeat; width:95px; height:15px; margin:4px 0 0 auto; }
a.btn-google-map:hover{ background-position:0 -15px; }
/*
news
*/
.news-box{ display:table-cell; width:190px; border-left:#8b8b8b solid 1px; vertical-align:top; padding-bottom:0; }
.news-img{ display:block; padding:0 0 12px;}
.news-img img{ max-width:170px; max-height:130px; }
.news-subj{ display:block; padding:0 0 10px; border-bottom:#d3d3d3 solid 1px; color:#8b8b8b; font-weight:bold; }
.news-sdesc{ display:block; padding:8px 0 10px; border-bottom:#d3d3d3 solid 1px; color:#8b8b8b; margin-bottom:9px; }
a.btn-read{ display:block; background:url(../img/btn-read.gif) no-repeat; width:47px; height:15px; margin:0 10px 0 auto; }
a.btn-read:hover{ background-position:0 -15px;}
.select_contact {
width: 192px;
height: 22px;
overflow: hidden; border:#cbcbcb solid 1px;
background: url(../img/select.gif) no-repeat right;
}
.select_contact select {
color:#8b8b8b; font-size:12px; background: transparent;
padding: 2px 0 0 3px; width:215px;
height: 22px; border:none;
}
.select_contact option {
border:none !important; color:#8b8b8b; font-size:12px;
padding: 3px 3px;
}
/*
our business
*/
.box-ourbusiness{ display:block; position:relative; background:url(../img/bg-ourBusiness.jpg) center top no-repeat #ededed; min-height:576px; margin:30px 0 0; }
.box-busi{ display:block; width:1000px; height:576px; background:url(../img/ourBusiness-img.png) no-repeat; margin:0 auto; position:relative; }
.busi-labels{ display:block; position:absolute; width:229px; top:170px; left:66px; }
.busi-film{ display:block; position:absolute; width:242px; top:444px; left:61px; }
.busi-offset{ display:block; position:absolute; width:220px; top:26px; left:761px; }
.busi-flex{ display:block; position:absolute; width:170px; top:216px; left:816px; }
.busi-tubes{ display:block; position:absolute; width:160px; top:410px; left:834px; }
/*
about
*/
/* ========= history =========== */
.box-about-history{ display:block; width:1000px; margin:30px auto 0; background:url(../img/bg-about-history.gif) center top no-repeat; position:relative; padding:13px 0 0; }
.history-box{ display:block; width:956px; margin:0 auto; position:relative; }
.box-timeline{ display:block; position:relative; margin:18px 0 52px; color:#404041; }
.timeline-left{ display:table-cell; width:472px; vertical-align:top; }
.timeline-right{ display:table-cell; width:471px; vertical-align:top; }
.timeline-line{ display:table-cell; width:13px; vertical-align:bottom; background:url(../img/history-line.gif) repeat-y; }
.his-1932{ display:block; width:489px; height:315px; position:relative; margin-top:-70px; margin-right:-17px; }
.his-1969{ display:block; width:489px; position:relative; margin-right:-17px; margin-top:85px; }
.his-1985{ display:block; width:489px; position:relative; margin-right:-17px; margin-top:172px; }
.his-1996{ display:block; width:489px; position:relative; margin-right:-17px; margin-top:72px; }
.his-1999{ display:block; width:489px; position:relative; margin-right:-17px; margin-top:120px; }
.his-2003{ display:block; width:489px; position:relative; margin-right:-17px; margin-top:158px; }
.his-2008{ display:block; width:489px; position:relative; margin-right:-17px; margin-top:177px; }
.his-2012{ display:block; width:489px; position:relative; margin-right:-17px; margin-top:143px; }
.his-1946{ display:block; width:489px; position:relative; margin-left:-18px; margin-top:102px; }
.his-1984{ display:block; width:489px; position:relative; margin-left:-18px; margin-top:150px; }
.his-1992{ display:block; width:489px; position:relative; margin-left:-18px; margin-top:70px; }
.his-1998{ display:block; width:489px; position:relative; margin-left:-18px; margin-top:64px; }
.his-2000{ display:block; width:489px; position:relative; margin-left:-18px; margin-top:98px; }
.his-2007{ display:block; width:489px; position:relative; margin-left:-18px; margin-top:140px; }
.his-2011{ display:block; width:489px; position:relative; margin-left:-18px; margin-top:109px; }
/* =========================== */
/* ========= philo =========== */
.box-about-philo{ display:block; width:1000px; margin:30px auto 0; position:relative; background:url(../img/bg-about-philo.jpg) no-repeat; min-height:446px; }
.box-philo{ display:block; width:480px; padding:40px 0 0 22px; }
/* =========================== */
/* ========= partners =========== */
.box-about-partners{ display:block; color:#8b8b8b; background:#f2f2f2; position:relative; margin:30px 0 0; min-height:446px; }
.box-partners{ display:block; width:1000px; margin:0 auto; background:url(../img/bg-about-partner.jpg) center top no-repeat; position:relative; }
.partner-box{ display:block; width:956px; padding:0 22px; position:relative; }
/* =========================== */
#btn_top{ display:block; width:28px; height:28px; background:url(../img/top.png) no-repeat; }