body, table, form {
	font-family: Arial, Helvetica, sans-serif;
	color: #ADADAD;
	margin: 0;
	padding: 0;
	font-size:11px;	
}

body {
	background-color: #222222;
	text-align: center;
}

.hl-form-bad, .warning-bad {color: red; font-weight: bold;}
.hl-form-ok, .warning-ok {color: green; font-weight: bold;}

.body-editor {text-align: left; background: 0;}

a {text-decoration:none; color: #EEE;cursor: pointer;}
a:hover {text-decoration:underline; color: #ED1C24;}
a.arr {background: url(/picture/mask/arr.gif) 0 4px no-repeat; padding-left: 10px;}
img {border:none;}
p {padding:10px 0;margin:0;}
br.clear {clear:both;}
h1, h2, h3 {margin:0; padding:0;font-size:12px;font-weight:normal;}
h1 {margin: 15px 0 0 15px;font-size:18px;color:#ed1c24;font-weight:bold;}
h2 {font-size:11px; text-transform: uppercase;}

#container {
  background: url(/picture/mask/contbg.gif) repeat-y;
  width:848px;
  text-align: left;
  margin: auto;
  padding:0 10px 0 10px;
}

#top {
  float: left;
  background: url(/picture/mask/top.png) no-repeat;
  width:828px;
  height:119px;
}
.home {float: left;}
.home table {
	width: 502px;
	color: #9F9F9F;
	padding-bottom: 20px;
}

.home table.bor {
	border-bottom: 15px solid #212121;
}

.home table td {width:50%; vertical-align: top;}
.home a {
	float: left;
	width: 235px;
	background: url(/picture/mask/home-arr.gif) right 1px no-repeat;
	margin-bottom: 10px;
}

  #logo {
  	float: left;
    width: 380px;
    height: 73px;
  }
  
  #logo img {margin: 6px 0 0 20px;}
  
  #nav {
  	float: left;
    width:150px;
    margin: 12px 0 0 28px;
  }
  
  #nav p {float:left;}
  .web {width: 103px;}
  #nav a {color:#8c8c8c;}
  
  #lang {
  	float: left;
    width:135px;
    height:16px;
    margin: 22px 0 0 128px;
  }
  
  #menu {
  	float: right;
    height:28px;
    margin-top: 17px;
    background: #474747;
    border-left: 1px solid #555555;
    border-top: 1px solid #555555;
  }
  
  #menu ul {
    list-style:none;
    margin:0;
    padding:0;
  }
  
  #menu li {
    float:left;
    height:22px;
    border-left:#555555 solid 1px;
    padding-top:8px;
  }
  
  #menu li a {
    color:#ffffff;
    background: url(/picture/mask/li.gif) no-repeat 0px 1px;
    margin:7px;
    padding:0 4px 0 17px;
    text-transform: uppercase;
  }
  
  #menu li.active a {
  	color: #EB1E23;
  }

#header {
  width:828px;
  height:254px; 
  float:left;
}

#left {
  width:228px;
  float:left;
}
  
  .topl {
  	clear: both;
    background: url(/picture/mask/lefttopbg.gif) repeat-y;
    width:228px;
  }
  
#news, #contact, #eu, #search {
  padding:15px 20px 15px 20px;
}

#news {
  background:#737373;
}

.news-all {
	clear: both;
	padding-bottom: 10px;
}

  .news {
    text-align:justify;
  }
  
  .news span {color:#bdbdbd;}
  .news h3 a{color:#ffffff;}
  .news p {color:#242424;padding-top:2px;}
  a.vice {float:right;color:#dddddd;font-weight:bold;}

#contact{
  background:#383838;
  color:#dddddd;
}

#contact img {
	border: 5px solid #9B9B9B;
}

  #contact p a {color:#dddddd;}
  
  a img.mapa {border: 5px solid #c4c4c4;margin-top:10px;}
  a:hover img.mapa {border-color: #9b9b9b;}

#eu {
  background:#454545;
  color:#bebebe;
}

	.mtb15 {
		float: left;
		margin: 15px 0 15px 0;
	}

  .mli {
  	float: left;
  	width: 228px;
  }
  
  .mlm, .mlch {
  	margin: 0 10px 0 10px;
  	padding: 5px 5px 5px 10px;
  }
  
  .mlb {
  	background: #605e5f;
  }
  
  .mlm {
  	background: url(/picture/mask/li.gif) no-repeat 3px 6px;
  }
  
  .mlm .pad {
  	margin-left: 10px;
  }
  
  .hr {
  	float: left;
  	width: 228px;
  	margin: 3px 0 2px 0;
  	background: url(/picture/mask/ulsub.gif) no-repeat center 0;
  	font-size: 1px;
	}
  
  .mlm a {
    color:#ffffff;
    font-size:12px;
  }
  
  .mlm a.active, .mlch a.active {
    color:#EB1E23;
  }
  
  .mlch a {
    color:#ffffff;
    font-size:12px;
    background: url(/picture/mask/lii.gif) no-repeat 20px 4px;
    padding:0 0 0 30px;
  }

#center {
  width:502px;
  float:left;
}
  .centerpan {
    float:left;
    padding-bottom: 20px;
  }
  
  #center .text {margin:15px;width:472px;}
  .text {color:#adadad;}
  
  .news-main {float: left; width: 100%;}
  .news-main .news-item, .news-main .news-item-l {float: left; width: 100%;}
  .news-main .news-title {float: left; width: 100%; margin-bottom: 18px;}
  .news-main .news-title a {color: #FFF; font-weight: bold; text-decoration: underline;}
  .news-main .news-title a:hover {color: #AAA; text-decoration: none;}
  .news-main .news-title .news-date {float: left; margin-right: 13px;}
  .news-main .news-image {float: left;margin:0 10px 10px 0;}
  .news-main .news-image img {float: left; padding:5px; border:#737373 1px solid;}
  	.button-on, .button-off {float: right; margin-top: 20px; width: 41px; height: 16px;}
  	.button-on a, .button-off a {color: #FFF; margin: 3px 0 0 14px; font-size: 10px;}
	.button-on {background: url(/picture/mask/but-on.gif);}
	.button-off {background: url(/picture/mask/but-off.gif);}
  
  img.historie{float:right;padding:5px;border:#737373 1px solid;margin-left:5px;}  
  
  .tech, .news-main .news-item, .news-main .news-item-l {
  	float: left;
    margin:10px 0 5px 0;
    border-bottom:1px #ed1c24 solid;
    padding:15px 0 15px 0;
    width:472px;
  }
  
  .linka {
  	float: left;
  	width: 100%;
  	border-bottom:1px #ed1c24 solid;
  	margin: 35px 0 25px 0;
  	height: 1px;
  	font-size: 1px;
  }
  
  .tech, .cat-all {
  	border-color: #3B3B3B;
  }
  
  .last {border: 0;}
  
  .news-main .news-item-l {border: 0;background: 0;}
  
  .techl{float:left;width:300px;}
    .tech h3{color:#ffffff;font-weight:bold;}
    .body-editor .tech h3 {color: #000;}
    .tech ul{list-style:none;padding:0;margin:10px;}
    .tech ul li{background: url(/picture/mask/techli.gif) no-repeat 0px 5px; padding-left:10px;}

#right {
  width:98px;
  float:left;
  background:#6e6e6e;
  height:100%;
}

  #right img{
    margin:5px 0 5px 0;
  }

  #right .pad {
    margin: 10px;
    text-align: center;
  }
  
  .topr {
    background: url(/picture/mask/righttopbg.gif) repeat-y;
    width:98px;
    margin-bottom:10px;
  }
  
  .topl, .nav, .topr, .home h2 {
    color:#ffffff;
    font-size:95%;
    padding:8px 0 8px 23px;
    text-align:left;
  }
  
  .nav, .home h2 {
    background: url(/picture/mask/centertopbg.gif) repeat-y;
    width:502px;
    text-transform: uppercase;
    color: #AAA;
  }
  
  .home h2 {
  	color: #DDD;
  }
  
  .nav a {
  	color: #FFF;
  }
  
#footer {
  background:#3a3a3a;
  width:828px;
  float:left;
  padding:8px 0 20px 0;
  color: #BABABA;
}

#footer a {
	color:#FFF;
	margin-left: 15px;
}

#footer .eu {
	float: left;
	width: 100%;
}

#footer .eu .pad {
	margin: 10px 10px 0 40px;
}

#footer .copy{
	float: left;
	width: 800px;
	text-align: right;
	margin-top: 13px; 
}

.eu-image {
	float: left;
	margin-right: 20px;
}

.eu-text {
	padding-top: 9px;
	font-size: 10px;
}

.pages {float: right; width: 100%; text-align: right; margin-top: 20px;}

.product {
	float: left;
	width: 154px;
	height: 293px;
	background: #3E3C3D;
	margin: 0 2px 2px 0;
}

.product .pad {
	margin: 5px;
	height: 240px;
}

.text img {
	background: #2D2D2D;
	border: 1px solid #737373;
}

 .text img {
 	padding: 3px;
 }
 
 .zoom {
 	margin-top: 10px;
 	width: 100%;
 	text-align: center;
 }
 
 .zoom img {
 	border: 0;
 	background: 0;
 	padding: 0;
 }

.product .img img {
	margin: 3px;
}

.product .title {
	margin: 10px 0 20px 0;
}

.product .title a {
	font-weight: bold;
	text-decoration: underline;
}

.product .button-on, .product .button-off {
	margin-right: 5px;
}

.prod {
	float: left;
	width: 100%;
}

.prod .prod-img {
	float: left;
	margin: 0 10px 10px 0;
}

.prod-text {
	margin-bottom: 20px;
}

.gallery {
	float: left;
	width: 100%;
}

.gallery .item  {
	float: left;
	width: 157px;
	text-align: center;
	margin-bottom: 10px;
}

.ecat-item {
	float: left;
	width: 100%;
	background: #3E3C3D;
	margin-bottom: 1px;
}

.ecat-item .pad {
	margin: 10px;
}

.ecat-img {
	float: left;
	width: 130px;
}

.ecat-title {
	float: right;
	width: 320px;
	margin-top: 10px;
}

.ecat-title .pad {
	margin-left: 20px;
}

.ecat-title .pad a {
	color: #ADADAD;
}

.ecat-title .button-off, .ecat-title .button-on {
	clear: both;
	margin-top: 20px;
}

.ecat-title div a {
	color: #FFF;
}

.ecat-bg {
	background: #444;
}

.ecat-top {
	float: left;
	width: 470px;
	border: 1px solid #6B6B6B;
	background: #413F40;
	margin-bottom: 40px;
	height: 40px;
}

.ecat-top .pad {
	margin: 10px;
}

.lem {
	float: left;
	width: 150px;
	font-weight: bold;
	padding-top: 4px;
}

.led {
	float: left;
	width: 300px;
}

.led select {
	border: 1px solid #7E9DBA;
	width: 290px;
}

.ecat-t {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.ecat-t .ctleft {
	float: left;
	width: 235px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.ecat-t .ctright {
	float: left;
	width: 235px;
	text-align: right;
}

.cat-all {
	float: left;
	width: 50%;
}

.cat-img {
	float: left;
}

.cat-text a {
	font-weight: bold;
}

.contact {
	float: left;
	width: 100%;
}

.cleft {
	float: left;
	width: 270px;
}

.cright {
	float: right;
	width: 195px;
}

.contact h2 {
	color: #FFF;
	font-weight: bold;
	margin-bottom: 10px;
}

.body-editor .contact h2 {color: #000;}

.cleft img {
	border: 0;
	background: 0;
}

.contact table .ico {text-align: center;}

.conq {
	width: 100%;
	margin-bottom: 30px;
}

.conq td {
	width: 50%;
	vertical-align: top;
}

img.nobr {
	background: 0;
	border: 0;
}

.in2 {
	width: 160px;
	border: 0;
	margin-right: 10px;
}

#search {
	background: #454545;
}

.le {float: left; width: 100%; margin-top: 10px;}
.lel {float: left; width: 55px; margin-top: 2px;}
.ler {float: left; width: 170px;}
.ler input {width: 160px;}
.lea {float: left; width: 450px;}
.lea textarea {width: 450px; height: 100px;}
.ic {clear: both; margin-top: 30px; background: #ED1C24; border: 0; color: #FFF; font-weight: bold;}
.nut {clear: both; margin-top: 30px; font-weight: bold;}