html,
body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #345;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	line-height: 130%;
}

a:link,
a:visited {
	color: #CC491D;
	text-decoration: none;
}

a:active,
a:hover {
	color: #CC491D;
	text-decoration: underline;
}

img {
	border: none;
}

h2 {
	margin: 0.75em 0 0.75em 0;
	color: #CC491D;
	font-size: 2em;
	font-weight: bold;
	line-height: 130%;
}

h3 {
	margin: 1em 0 0.5em 0;
	color: #444;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 130%;
}

h4 {
	margin: 1em 0 0.75em 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 130%;
}

h5 {
	margin: 1em 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 130%;
}

p {
	margin: 1em 0;
}

table {
	border: none;
	border-collapse: collapse;
	font-size: 1em;
}

table td,
table th {
	padding: 5px 10px 5px 0;
	vertical-align: top;
}

ul {
	margin: 1em 0;
	padding: 0 0 0 1em;
}

li {
	margin: 0.5em 0 0.5em 2em;
	padding: 0 0 0 0;
}

input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}


/* Definition list */

dl {
	margin: 0;
	padding: 0;
}

dt {
	clear: left;
	float: left;
	width: 120px;
	margin: 0 10px 10px 0;
	font-weight: bold;
}

dd {
	float: left;
	width: 400px;
	margin: 0 0 10px 0;
}

dd.nested {
	clear: both;
	margin-left:110px;
}

dd.nested dt {
	text-align: left;
}

dd.nested dd {
	margin-left: 10px;
}

#container {
	background: url('/img/back.png') repeat-x 50% 0 #EBEBEB;
}

/* Header */

#header {
	width: 930px;
	margin: 0 auto;
	position: relative;
	height: 90px;
	padding: 0;
	text-align: left;
	z-index: 2;
}

#header h1 {
	position: absolute;
	top: 25px;
	left: 0;
	width: 220px;
	height: 50px;
	margin: 0;
	background: url('/img/logo.png') no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
}

#header h1 a {
	display: block;
	float: left;
	width: 220px;
	height: 50px;
}

/* Language menu */

#lang-menu {
	float: right;
	position: relative;
	right: -5px;
	width: 120px;
	height: 24px;
	margin: 0;
	padding: 5px 5px 0 5px;
	background: url('/img/header.png') no-repeat 0 0;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	list-style: none;
	text-transform: lowercase;
}

#lang-menu li {
	display: inline;
	margin: 0 0 0 10px;
	padding: 0;
}

#lang-menu li a {
	color: #eee;
	font-weight: normal;
}

/* Main menu */

#main-menu {
	position: absolute;
	top: 42px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.2em;
}

#main-menu li {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	position: relative;
	background: url('/img/menu_separator.png') no-repeat 0 0;
	line-height: 30px;
}

#main-menu li.first {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}

#main-menu li a {
	display: block;
	float: left;
	color: #666;
	text-decoration: none;
	text-shadow: #fff 1px 1px 0;
}
#main-menu li a:hover {
	text-decoration: none;
}

#main-menu li.active a {
	height: 53px;
	background: url('/img/active_menu.png') no-repeat 50% 38px;
	color: #C9481C;
}

#container.home #main-menu li.active a {
	 background-image: url('/img/active_menu2.png');
}

#main-menu a:hover,
#main-menu a:active {
	color: #F66013;
	text-decoration: underline;
}

#main-menu ul {
	display: none;
}


/* Main */

#main-container {
	padding: 5px 0 10px 0;
	background: url('/img/back3.png') repeat-x 0 0;
	color: #333;
}

#container.home #main-container {
	background: url('/img/back2.png') repeat-x 0 0;
	padding-top: 200px;
}

#main {
	position: relative;
	width: 930px;
	margin: 0 auto;
	padding: 15px;
	background: url('/img/back5.png') repeat-x 0 0;
	background-color: #F9F9F9;
	text-align: left;
	z-index: 1;
}

#main .bottom {
	clear: both;
	height: 30px;
	margin: -15px;
	background: url('/img/back6.png') no-repeat 0 0;
}

#body {
	float: left;
	width: 715px;
	min-height: 300px;
	padding-bottom: 25px;
}

#breadcrumbs {
	font-size: 0.85em;
	color: #666;
	line-height: 1em;
}

#body p {
	text-align: justify;
}

#body .box {
	padding: 20px;
	background-color: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#body .box>h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

#sidebar {
	float: right;
	width: 200px;
}

#sidebar .box {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#sidebar .box h3 {
	margin: -10px -10px 10px -10px;
	padding: 5px 10px;
	background-color: #ddd;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 14px;
	font-weight: bold;
}

#sidebar .box ul {
	margin: 1em 0 -0.5em 0;
	padding: 0;
	list-style: none;
}

#sidebar .box ul li {
	margin: 0 0 0.5em 0;
	padding: 0;
}

#sidebar .box ul li.active {
	font-weight: bold;
}

#sidebar .box ul ul {
	margin: 0.5em 0;
	padding-left: 20px;
}

#sidebar .box li li {
	font-weight: normal;
}

#sidebar .box .input {
	margin: 3px 0;
}

#sidebar .box .input label {
	font-size: 0.9em;
}

#sidebar .box .input.text input,#sidebar .box .input.password input {
	width: 160px;
	padding: 2px;
	font-size: 1em;
}

#sidebar .box .submit {
	margin: 10px 0;
}

#sidebar .box .submit input {
	padding: 3px 10px;
	font-size: 1em;
}

#sidebar .submenu {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#sidebar .submenu h3 {
	margin: 0 0 10px 0;
}

#sidebar .submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar .submenu ul li {
	margin: 0.5em 0;
	padding: 0;
}

#sidebar .submenu ul li.active {
	font-weight: bold;
}

#sidebar .submenu ul ul {
	font-size: 0.8em;
	margin-left: 1em;
	font-weight: normal;
}

/* Footer */

#footer-container {
	min-height: 80px;
	border-top: 1px solid #fff;
}

#footer {
	clear: both;
	position: relative;
	width: 930px;
	margin: 0 auto;
	padding: 15px;
	color: #999;
	font-size: 11px;
	text-align: left;
}

#footer a {
	color: #eee;
}

#footer .copy {
	float: left;
}

#footer .design {
	float: right;
	clear: right;
	margin-top: 15px;
}

#footer .design a {
	color: #717C88;
}

ul#bottom-menu {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#bottom-menu li {
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #888;
}

ul#bottom-menu li.first {
	border-left: 0;
}

ul#bottom-menu li.active {
	font-weight: bold;
}

ul#bottom-menu a {
	color: #ccc;
}

/* Forms */

form {
	margin: 0;
}

.form-error {
	background-color: #fee;
	color: red;
}

label,
span.label {
	display: block;
	margin: 2px 0 2px 5px;
}

fieldset {
	border: 1px solid #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

fieldset legend {
	background-color: #fff;
}

form .required label:after {
	content: ' *';
	color: #d00;
}

form div.input,
form div.static {
	clear: both;
	margin: 0 0 10px 0;
}

form div.input .error-message {
	margin-left: 5px;
	font-size: 12px;
	color: #c00;
}

form div.submit {
	margin: 20px 0 0 0;
}

fieldset {
	margin: 5px 0;
	background-color: #fafafa;
	border: 1px solid #ccc;
}

.input.text input,
.input.password input,
.input textarea {
	padding: 5px;
}

.input.select select {
	padding: 2px;
}

.input.text input,
.input.password input,
.input.select select,
.input textarea
	{
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.input.text input:focus,
.input.password input:focus,
.input.select select:focus,
.input textarea:focus
	{
	border-color: #999;
}

.input.text input,
.input.password input,
.input.select select {
	font-size: 1.2em;
}

.submit input,
a.button {
	padding: 3px 15px;
	background: url('/img/back4.png') repeat-x 0 50%;
	/*	background: -moz-linear-gradient(center top, #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;*/
	color: #444;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 1.2em;
	font-weight: bold;
}
a.button {
	display: inline-block;
	text-decoration: none;
}

.submit input:focus {
	border-color: #999;
}

.checkbox label {
	display: inline;
	margin: 0 0 0 5px;
}

.radio div {
	margin: 0 0 5px 140px;
}

/* Inline form */
form.inline {
	margin: 1em 0;
	padding: 10px;
	border: 1px solid #eee;
}

form.inline div {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
}

form.inline label {
	display: inline;
	float: none;
	width: auto;
}

form.inline .submit {
	
}

/* Products */

.product-items {
	margin-right: -20px;
}

.product-item {
	float: left;
	width: 210px;
	margin: 0 15px 15px 0;
	padding: 10px 10px 30px 10px;
	height: 210px;
	background: #eee;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
* html .product-item {
	width: 200px; 
}
.product-item .image {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 5px 0;
}

.product-item h3 {
	margin: 0 0 0.5em 0;
	color: #888;
	font-size: 16px;
}

.product-item .description {
	font-size: 0.9em;
	line-height: 120%;
}

.product-item .more {
	border: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* News */

.news-items {
	margin-right: -20px;
}
* html .news-items {
	margin: 0;
}
.news-item {
	float: left;
	width: 210px;
	margin: 0 15px 15px 0;
	padding: 10px 10px 30px 10px;
	height: 160px;
	background: #eee;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
* html .news-item {
	width: 200px; 
}

.news-item .image {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 10px 5px 0;
}

.news-item h4 {
	margin: 0 0 0.5em 0;
	font-size: 13px;
	color: #888;
}

.news-item .date {
	margin: 0 0 0.5em 0;
	color: #666;
	font-size: 0.9em;
	font-style: italic;
}

.news-item .description{
	font-size: 0.9em; 
	line-height: 120%;
}

.news-item .more {
	border: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.news-article .date {
	float: right;
	margin: 0.5em 0;
	color: #666;
	font-size: 0.9em;
	font-style: italic;
}

.news-article .image {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 5px 0;
}

.news-article h3 {
	margin-bottom: 0.5em;
}

.news-article .description {
	margin-left: 110px;
}


/* FAQ */

.faq-item .question {
	padding: 10px;
	background-color: #eee;
	font-weight: bold;
	font-style: italic;
}

.faq-item .answer {
	margin-bottom: 20px;
	padding-left: 50px;
}


/* Gallery */

ul.images {
	margin: 0 -15px 0 -5px;
	padding: 0;
	list-style: none;
}

ul.images li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: 5px solid #eee;
}

ul.images li img {
	display: block;
	width: 100px;
	height: 100px;
}


/* Tabs */

ul.tabs {
	height: 28px;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #ccc;
	list-style: none;
}

ul.tabs li {
	display: block;
	float: left;
	height: 20px;
	margin: 3px 10px -1px 5px;
	padding: 5px 10px 0 10px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

ul.tabs li.active {
	height: 23px;
	margin: 0 10px 0 5px;
	background-color: white;
	font-weight: bold;
}

.tab-content {
	padding-top: 20px;
}

/* Pagination */

.paging {
	height: 20px;
	margin: 10px 0;
}

.paging div {
	display: inline;
	margin-right: 10px;
}

.paging a {
	margin: 0 5px;
	padding: 3px 8px;
	display: block;
	float: left;
	text-decoration: none;
}

.paging span a {
	border: 1px solid #eee;
}

.paging span a:hover {
	background: #eee;
}

.paging .current {
	display: block;
	float: left;
	margin: 0 5px;
	padding: 3px 8px;
	border: 1px solid #ccc;
	font-weight: bold;
}

.paging .page {
	display: block;
	float: left;
	margin: 0 5px;
	padding: 4px 8px 4px 0;
}

.paging .disabled {
	display: none;
}


/* Documents */

.documents .description {
	margin-bottom: 10px;
}

.documents td.name {
	padding-left: 20px;
}

.documents td.doc {
	background:url(/img/icons/doc.gif) left 50% no-repeat;
}

.documents td.default {
	background:url(/img/icons/default.gif) left 50% no-repeat;
}

.documents td.zip {
	background:url(/img/icons/zip.gif) left 50% no-repeat;
}

.documents td.xls {
	background:url(/img/icons/xls.gif) left 50% no-repeat;
}

.documents td.ppt {
	background:url(/img/icons/ppt.gif) left 50% no-repeat;
}

.documents td.pdf {
	background:url(/img/icons/pdf.gif) left 50% no-repeat;
}

.documents td.mp3 {
	background:url(/img/icons/mp3.gif) left 50% no-repeat;
}


/* Slideshow */

#slideshow {
	position: relative;
	width: 960px;
	height: 230px;
	margin: -215px -10px 0 -10px;
}
#slideshow img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#slideshow img.active {
	z-index: 10;
}

#slideshow img.last-active {
	z-index: 9;
}



/* Misc */

h3.border {
	margin: 10px 0;
	padding-bottom: 2px;
	border-bottom: 2px solid #EF9D28;
}

.clear {
	clear: both;
}
.clear-left {
	clear: left;
}

img.left {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

img.right {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}

.more {
	text-align: right;
	font-size: 11px;
	font-style: italic;
}

.navigation {
	margin-top: 20px;
}

.info_baloon {
	padding: 5px;
}

.info_baloon h3 {
	margin: 0 0 10px 0;
}

ul.col {
	float: left;
	width: 30%;
}


/* Tables */

table.list {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.list th {
	padding: 5px 10px;
	background-color: #ddd;
	color: #444;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: normal;
	text-align: center;
}

table.list th a {
	color: #444;
	margin-right: 5px;
	font-weight: bold;
}

table.list td {
	padding: 5px 10px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.list tr.altrow td {
	background-color: #f0f2f4;
}

table th.left,
table td.left {
	text-align: left;
}

table th.center,
table td.center {
	text-align: center;
}

table th.right,
table td.right {
	text-align: right;
}

/* Actions list */

ul.actions {
	height: 24px;
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

ul.actions li {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	background: none;
}

ul.actions a {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 1px 0 1px 20px;
}

table th.actions {
	text-align: right;
}
table td.actions {
	white-space: nowrap;
	text-align: right;
}
table td.action {
	text-align: right;
}

a.add,
a.view,
a.edit,
a.del,
a.list,
a.upload,
a.up,
a.down {
	margin: 0 5px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

a.add {
	background-image: url('/img/icons/plus_circle.png');
}
a.view {
	background-image: url('/img/icons/magnifier_left.png');
}
a.edit {
	background-image: url('/img/icons/pencil.png');
}
a.del {
	background-image: url('/img/icons/cross_circle.png');
}
a.list {
	background-image: url('/img/icons/table.png');
}
a.upload {
	background-image: url('/img/icons/document__plus.png');
}
a.up {
	background-image: url('/img/icons/arrow__090.png');
}
a.down {
	background-image: url('/img/icons/arrow__270.png');
}

span.tick {
	display: block;
	height: 16px;
	background: url('/img/icons/tick.png') no-repeat 0 50%;
	text-indent: -999em;
	overflow: hidden;
}
td span.tick {
	display: block;
	height: 16px;
	background: url('/img/icons/tick.png') no-repeat 50% 50%;
	text-indent: -999em;
	overflow: hidden;
}

td a.add,
td a.edit,
td a.del,
td a.up,
td a.down,
td .empty,
div>a.edit,
div>a.del {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	padding: 0;
	text-indent: 999em;
	overflow: hidden;
}

/* Paging */

.paging {
	margin: 10px 0;
}

.paging div {
	display: inline;
	margin-right: 10px;
}

.paging a {
	margin: 0 5px;
}

.paging .current {
	margin: 0 5px;
	font-weight: bold;
}

.paging .disabled {
	color: #ccc;
}


#flashMessage {
	margin: 10px 0;
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	background-color: #fee;
	color: #f00;
}

.nowrap {
	white-space: nowrap;
}

.teaser {
	width: 960px;
	height: 230px;
	margin: -120px -10px 0 -10px;
	background: url('/img/teaser.jpg') no-repeat 0 0;
}
body.en .teaser {
	background-image: url('/img/teaser_en.jpg')
}

h1.section {
	height: 105px;
	margin: -105px 0 0 0;
	color: #fff;
	font-size: 50px;
	font-weight: normal;
	text-shadow: #AE1A00 2px 2px 1px;
}

.error {
	color: #c00;
}

#map {
	float: right;
	width: 360px;
	height: 240px;
	margin: 70px 0 10px 20px;
	border: 1px solid #ddd;
}

.banner {
	width: 200px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

table.prices {
	border-collapse: collapse;
}

table.prices th {
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ddd;
	vertical-align: middle;
}

table.prices td {
	padding: 10px;
	border: 1px solid #ddd;
}

table.prices td h3 {
	margin: 0;
}

table.prices td p {
	margin-bottom: 0;
}

.download-button {
	margin: 10px 0 15px 0;
}

.download-button a {
	display: block;
	height: 21px;
	padding: 8px 10px;
	background: url('/img/download.png') no-repeat 0 0;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

span.required {
	color: #d00;
}

.alert {
	margin: 10px 0;
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	background-color: #efe;
	color: #080;
	border: 1px solid #8d8;
}

.small {
	font-size: 0.8em;
}

ul.regions {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.regions li {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0;
}

ul.regions li.current {
	font-weight: bold;
}

ul.towns {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.towns li {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

ul.towns li.current {
	font-weight: bold;
}

.distributors {
	margin: 20px -20px 0 0;
}

.distributor {
	float: left;
	width: 220px;
	height: 140px;
	margin: 0 20px 20px 0;
}

.distributor h4 {
	margin: 0 0 5px 0;
}