* { margin: 0; padding: 0;}
body { text-align: center; background: #C2DEF6 url(../img/body-bckg.jpg) no-repeat top center; font-family: Arial, Helvetica, sans-serif; font-size: 75%;line-height: 125%;}
img, input, fieldset { border: 0;}
ul { list-style: none; }
ol { margin-left: 25px;  }

table, form, select, input {font-family: Arial, Helvetica, sans-serif;font-size:100%;}
table { border-collapse: collapse; width: 100%; margin: 1em 0; border-right: 1px solid #CCE3F0; border-top: 1px solid #CCE3F0; }
thead td { background: #2887C3; color: #fff; font-weight: bold; }
td { padding: 4px 8px; border-left: 1px solid #CCE3F0; border-bottom: 1px solid #CCE3F0;}

h1, h2, h3, h4 { color: #0C5F90; font-size: 100% }
h2 { background: url(../img/h2.gif) no-repeat; font-size: 150%; padding: 2px 10px 0px 20px; margin: 0 0 10px 0; line-height: 125%; }
h3 { font-size: 110%; padding: 0 0 0.1em 0; }
a { color: #0C5F90 }
a:hover { color: #000; }
button { border: 0; background: none; }

.cleaner { clear: both; line-height: 0px; }
.cleaner hr { display: none; }
.last { border: none !important; }
.even { background: #F0F8FD; }
.banner { width: 225px; height: 140px; background: url(../img/cert.jpg) no-repeat; text-align: right; color: #fff; cursor: hand; cu\rsor:pointer; }
.banner div { padding: 10px 25px 0 80px; }
.banner strong { font-size: 130%; }
.banner p { font-size: 95%; padding: 8px 0 0 0; }
.banner a { color: #EDD63A; font-weight: bold; text-decoration: none; }
.cert { float: left; text-align: center; }
.cert p { width: 220px; }
.c { text-align: center; }
.vlevo { float: left; }

#center { width: 730px; background: #fff url(../img/center-bckg.jpg) no-repeat bottom; margin: 0 auto; text-align: left; padding: 0 0 30px 0;}
#wrap { background: url(../img/header.jpg) no-repeat 0 -210px; padding-right: 10px; }

/* header */
#logo, #logo span { float: left; width: 197px; height: 114px; background: url(../img/logo.jpg); position: absolute; left: 15px; top: 0; text-align: left; font-size: 150%; line-height: 140%; font-weight: bold; cursor: hand; cu\rsor: pointer; }
#logo span { left: 0; }
#header { position: relative; text-align: right; height: 210px; background: #0A60A4 url(../img/header.jpg); }
#header .intro { position: absolute; bottom: 0; right: 40px; }
#header h1 { color: #fff; text-transform: uppercase; text-align: center; line-height: 135%; float: right; font-size: 145%; margin: 0 0 10px 0;}
#header h1 span { font-weight: normal; color: #EDD63A; font-size: 77%; }
#header p { clear: right; color: #fff; font-size: 95%;}
#header ul { color: #B8E5FF; font-size: 95%; text-decoration: none; cursor: default;}
#header ul.services a { color: #B8E5FF; text-decoration: none; cursor: default;}
.lang { margin: 28px 5px 0 0; background: #fff; font-size: 95%; float: right; }
.lang li { float: left; padding: 0; }
.lang a { float: left; padding: 0 9px; border-right: 1px solid #383838; }
.lang .curr a { color: #000; text-decoration: none;  }

/* footer */
#footer { background: url(../img/footer-bckg.jpg) no-repeat center; color: #fff; font-size: 95%; text-align: right; padding: 1.5em 17px; clear: both;}
#footer a { float: left; padding: 0 7px; border-right: 1px solid #fff; }
#footer .copy a { float: none; border: none; padding: 0; }

/* left col */
#col { width: 225px; background: url(../img/col-bckg.jpg) no-repeat; }
#menu { background: url(../img/menu-bckg.jpg) no-repeat bottom; padding: 0 12px 20px 14px; }
#menu li { padding: 10px 12px 5px 12px; margin: 0 3px; background: url(../img/dot.gif) repeat-x bottom; }
#menu ul { padding: 4px 0 0 0; }
#menu ul li { background: none; padding: 2px 0 2px 8px; margin: 0; }
#menu ul a { font-weight: normal; }
#menu a { text-decoration: none; font-weight: bold; display: block; }
#menu a:hover { text-decoration: underline; }
#menu a.parent { background: url(../img/menu-down.gif) no-repeat right; }
#menu .curr a { color: #000;}

/* content */
.page { border-top: 1px solid #D0D0D0; padding: 10px 0 0 0; float: left; width: 490px;  }
.page div { float: right; }
.page a { float: left; margin: 0 3px 3px 0; background: #0A60A4 url(../img/page.jpg); color: #fff; text-decoration: none; font-weight: bold; }
.page a:hover { color: #000; }
.page span { display: block; background: url(../img/page.gif) no-repeat bottom right; padding: 2px 6px; }
.page .curr { background: none; color: #0C5F90; font-weight: bold;}
.page .curr span { background: url(../img/page-curr.gif) no-repeat top center; }

#content { width: 490px; float: right; padding: 50px 0 10px 0; }
#content ul, #content ol, #content p { padding: 0.5em 0; }
#content ul {  margin-left: 15px; }
#content ul li { padding:0 0 4px 15px; background: url(../img/li.gif) no-repeat 0 0.25em; }
#content a { color: #0C5F90;  }
#content a:hover { color: #000;  }

.article { padding: 0 0 15px 0; }
.article img { border: 3px solid #E0EEFA; margin: 0 8px 4px 0; }
.date { display: block; font-weight: bold; font-size: 95%; }
.text { padding: 0 0 0.5em 0; }

.article img.external {border: none;}



/* reference */
.reference ul { list-style:none; background:none;margin:0;padding:0; }
.reference ul li { float:left;list-style:none;padding:0;margin:0 0 5px 0;background:none !important;text-align:center;width:100px;height:100px; }  

.reference ul li a:hover { background-position:bottom;margin:0;padding:0;float:right; }
.reference ul li.dalsi span{display:block;width:100px;height:40px;}
.reference ul li a {display:block;width:100px;height:100px;font-size:0px;line-height:0px;color:#fff !important;}
.reference ul li span {display:block;width:100px;height:100px;font-size:0px;line-height:0px;color:#fff !important;}
.reference ul li span:hover { background-position:bottom;margin:0;padding:0;float:right; }


.audi a { background:url(../img/reference/logo-audi.jpg) no-repeat top left ; }
.opel a { background:url(../img/reference/logo-opel.jpg) no-repeat top left;}
.skoda a { background:url(../img/reference/logo-skoda.jpg) no-repeat top left;}
.daewoo a { background:url(../img/reference/logo-daewoo.jpg) no-repeat top left; }
.bentler a { background:url(../img/reference/logo-bentler.jpg) no-repeat top left; }
.cadence a { background:url(../img/reference/logo-cadence.jpg) no-repeat top left; }
.antolin a { background:url(../img/reference/logo-antolin.jpg) no-repeat top left; }
.bosal a { background:url(../img/reference/logo-bosal.jpg) no-repeat top left; }
.evobus span { background:url(../img/reference/logo-evobus.jpg) no-repeat top left; }
.iveco span { background:url(../img/reference/logo-iveco.jpg) no-repeat top left; }
.magma span { background:url(../img/reference/logo-magma.jpg) no-repeat top left; }
.essa span { background:url(../img/reference/logo-essa.jpg) no-repeat top left; }
.linde span { background:url(../img/reference/logo-linde.jpg) no-repeat top left; }
.rostra span { background:url(../img/reference/logo-rostra.jpg) no-repeat top left; }
.intier span { background:url(../img/reference/logo-intier.jpg) no-repeat top left; }
.novem span { background:url(../img/reference/logo-novem.jpg) no-repeat top left; }
.witte span { background:url(../img/reference/logo-witte.jpg) no-repeat top left; display:block}
.metech span { background:url(../img/reference/logo-metech.jpg) no-repeat top left; }
.klein span { background:url(../img/reference/logo-klein.jpg) no-repeat top left; }
.unikov span { background:url(../img/reference/logo-unikov.jpg) no-repeat top left; }

.fujikoyo a { background:url(../img/reference/logo-fujikoyo.jpg) no-repeat top left; }
.keyplastics a { background:url(../img/reference/logo-keyplastics.jpg) no-repeat top left; }
.kleinblazek a { background:url(../img/reference/logo-kleinblazek.jpg) no-repeat top left; }
.meopta a { background:url(../img/reference/logo-meopta.jpg) no-repeat top left; }
.keyplastics a { background:url(../img/reference/logo-keyplastics.jpg) no-repeat top left; }
.meopta a { background:url(../img/reference/logo-meopta.jpg) no-repeat top left; }
.witte a { background:url(../img/reference/logo-witte.jpg) no-repeat top left; }
.novem a { background:url(../img/reference/logo-novem.jpg) no-repeat top left; }
/* reference */



table.homepage {border:0; padding:0}
table.homepage td{border:0; padding:0}
table.homepage img{border:0; padding:0}
table.homepage td.mleft{border:0; padding:0 0 0 35px}
table.homepage td h1{padding-bottom:4px}


#i10hidden { display: none; }