/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #c5c5c5 url(../img/bg-body.png) repeat-x 0 0; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -734px; width: 734px; }
.col-side { margin-left: -100%; width: 196px; }

#mother { background: white url(../img/bg-mother.png) repeat-x 0 0; }
#mother-in { width: 960px; margin: 0 auto; position: relative; }
#main { padding: 20px 0; background: white; zoom: 1; min-height: 300px;  }

/* Header */
#header {  position: relative; background: url(../img/bg-header.png) no-repeat 100% 31px; height: 243px; z-index: 5; }

#logo { position: absolute; left: 0; top: 91px; }
#logo a {  }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#main-menu { margin: 0; position: absolute; left: 0; bottom: 12px; _bottom: 11px; float: left; _display: inline; height: 35px; }
#main-menu ul { float: left; margin: 0; padding: 0 2px 0 0; background: url(../img/bg-main-menu-separator.png) no-repeat 100% 0;}
#main-menu ul li { display: block; float: left; margin: 0; padding: 0 0 0 2px; background: url(../img/bg-main-menu-separator.png) no-repeat 0 0; zoom: 1; _display: inline; }

#main-menu ul li a { display: block; float: left; margin: 0; padding: 0 15px; color: #ffffff; text-decoration: none; font-size: 100%; height: 35px; line-height: 35px; position: relative; background: url(../img/bg-main-menu-item.png) repeat-x 0 0; }
#main-menu ul li a:hover { color: #E6585D; }
#main-menu ul li.active a, #main-menu ul li.active a:hover { background: url(../img/bg-main-menu-item-active.png) repeat-x 0 0; border: 1px solid #d61920; border-bottom: 0; padding-top: 4px; margin: -5px -1px 0 -1px; color: white; }

#motive-box { width: 743px; height: 145px; position: absolute; right: 10px; top: 41px; overflow: hidden;}

#lang-menu { position: absolute; top: 0; right: 0; height: 31px; }
#lang-menu ul { float: right; margin: 0; padding: 0; }
#lang-menu ul li { float: left; margin: 0; padding: 0; background: none; }
#lang-menu ul li a { float: left; margin: 0 0 0 -1px; padding: 0 10px; background: url(../img/bg-lang-menu-item.png) repeat-x 0 100%; height: 29px; line-height: 29px; border: 1px solid white; text-decoration: none; }
#lang-menu ul li a:hover { color: black; }
#lang-menu ul li.active a, #lang-menu ul li.active a:hover { background: url(../img/bg-lang-menu-item-active.png) repeat-x 0 100%; border-color: #cccccc; color: black; }

/* Footer */
#footer { background: url(../img/bg-footer.png) repeat-x 0 0; padding: 15px 0; color: #383535; }
#footer-in { width: 960px; margin: 0 auto; }
#footer p { margin: 0; }
#footer a { color: white; }
#footer a {color: #d61920; }
#footer a:visited {color: #d61920;}
#footer a:hover {color: #d61920; }
#footer a.sep { border-left: 1px solid #b1b1b1; padding: 0 0 0 12px; margin-left: 10px; }

.breadcrumb { font-size: 92.31%; padding: 0 0 10px 0; margin: 0 0 20px 0; background: url(../img/bg-hdots.png) repeat-x 0 100%; }
.breadcrumb p { margin: 0; }

.annot { font-size: 100%;  }

.news ul { margin: 0 0 20px 0; padding: 0; }
.news ul li { margin: 0 0 18px 0; padding: 18px 0 0 0; zoom: 1; }
.news ul li.first { background: none; padding-top: 0; }
.news ul li .img-box { float: left; }
.news ul li .img-box img { background: white; display: block; }
.news ul li .img-box img.framed { padding: 1px; border: 2px solid #49953c; }
.news ul li .text-box { margin-left: 118px; }
.news ul li .text-box h3 { font-size: 123.077%; line-height: 1.3; margin: 0 0 5px 0; }
.news ul li .text-box p { margin: 0; }

.news ul li .text-box ul { margin: 8px 0 0; }
.news ul li .text-box ul li {margin: 0.2em 0 0.2em 0; padding: 0 0 0 12px; background: url("../img/bullet-default.png") no-repeat 0em 0.55em; _position: relative;}

.side-box { margin: 0 0 10px; zoom: 1; }
.side-box .inner { padding: 10px 12px; background: url(../img/bg-side-box.png) no-repeat 50% 0; border: 1px solid #b3b3b3; font-size: 92.308%; }

.side-box h2 { margin: 0; border: 1px solid #cccccc; padding: 5px 10px; font-size: 107.692%; line-height: 18px; font-weight: bold; color: #383636; text-transform: uppercase; background: url(../img/bg-side-box-h2.png) no-repeat 100% 0; zoom: 1; }
.side-box h2 img { display: block; }

.side-box p { margin: 0 0 1em;}
.side-box blockquote { background: none; padding: 0; }

.side-box-news { border: 0; }
.side-box-news .inner {  }

.side-box .news {  }
.side-box .news ul { margin: 0; padding: 0;  }
.side-box .news ul li { margin: 0 0; padding: 10px 0; background: url(../img/bg-hdots.png) repeat-x 0 0; }
.side-box .news ul li.first { background: none; padding-top: 0; }
.side-box .news ul li p { margin: 0; }
.side-box .news ul li h3 { margin: 0 0; font-size: 100%;}
.side-box .news ul li p.date { font-size: 91.667%; margin: 0; color: #777777;}
.side-box .news ul li .desc { margin: 0; }

.side-box .promo img { display: block; }

.dotlink {  }

.signpost { width: 180px; float: left; margin: 0 0 30px; }
.signpost ul { margin: 0; padding: 0; width: 100%; float: left; }
.signpost ul li { margin: 0; padding: 0; width: 50%; float: left;  }
.signpost ul li a, .signpost ul li a:visited { display: block; background: #e45d62 url(../img/bg-signpost-item.png) repeat-x 0 100%; border: 1px solid #d72027; color: white; font-style: 115.385%; font-weight: bold; text-align: center; padding: 15px 0; zoom: 1; }

h2.hatch { background: #231f20 url(../img/bg-hatch.png) repeat-x 0 0; margin: 0; padding: 5px 10px; color: white; font-size: 123.077%; zoom: 1; }

.photogallery .inner { border: 1px solid #b3b3b3; border-top: 0; padding: 10px; zoom: 1; }
.photogallery .inner ul { margin: 0; padding: 0; width: 100%; float: left; }
.photogallery .inner ul li { margin: 0; padding: 0; width: 25%; float: left; background: none; }
.photogallery .inner ul li .img-box { width: 83px; float: left; }
.photogallery .inner ul li .img-box img { display: block; padding: 2px; border: 1px solid #b3b3b3; }
.photogallery .inner ul li .text-box { font-size: 115.385%; font-weight: bold; margin-top: 20px; }

.product-list {  }
.product-list ul { margin: 0 0 15px; padding: 0; width: 100%; float: left; }
.product-list ul li { margin: 0; padding: 0; background: none; width: 48%; float: right; }
.product-list ul li.first { float: left; }
.product-list ul li .img-box { width: 110px; float: left; }
.product-list ul li .img-box img { display: block; padding: 2px; border: 1px solid #b3b3b3; }
.product-list ul li .text-box { margin-left: 110px; }
.product-list ul li .text-box h3 { margin-top: 0; }

.gallery-list { }
.gallery-list ul { margin: 0 0 15px; padding: 0; width: 100%; float: left; _display: inline;  }
.gallery-list ul li { margin: 0 0 0 19px; padding: 0; background: none; width: 131px; float: left; _display: inline; overflow: hidden; }
.gallery-list ul li.first { margin-left: 0; }
.gallery-list ul li .img-box {  }
.gallery-list ul li .img-box img { display: block; padding: 2px; border: 1px solid #b3b3b3; }
.gallery-list ul li .text-box { font-size: 11px; zoom: 1; }
.gallery-list ul li .text-box h3 { margin-top: 0; font-size: 12px; font-weight: normal; color: #AAAAAA;}

.gallery-categories { background: #f2f2f2; padding: 5px 20px; margin-bottom: 20px; zoom: 1; }
.gallery-categories ul { width: 31%; float: left; margin-left: 10px; }
.gallery-categories ul li { }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-sserif; }
.inp-text { border: 1px solid #8f8f8f; background: white; }
.w-full { width: 97%; _width: 95%; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

.fm-box { background: #e1eadf; padding: 20px 0 20px 20px; margin: 25px 0 20px; zoom: 1; }
.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 30px; padding-bottom: 5px; zoom: 1;}
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }
.fm-col h2 { margin-top: 0; }

.fm-col .w-full { width: 100%; }
.fm-col .w-half { width: 49%; }

/* File icons */
ul.files li { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}

/* Paging */
.paging { padding: 5px 10px; overflow: hidden; margin: 10px 0; border: 1px solid #e4e4e4; clear: both; font-size: 92%; text-align: right; background: #f2f2f2; }
.paging a { margin-left: 2px; padding: 3px 3px; }
.paging a.active { font-weight: bold; }

/* Tabs */
.tabs { margin: 15px 0 0; }

ul.tab-list { margin: 0 0 -1px; padding: 0 0 0px; width: 100%; float: left; background: #231f20 url(../img/bg-tabs.png) repeat-x 0 0; font-size: 109%; font-family: Arial, sans-serif; }
ul.tab-list li { margin: 0 -2px 1px 0; padding: 0; background: none; float: left; xxzoom: 1; }
ul.tab-list li a, ul.tab-list li a:visited { float: left; background: url(../img/bg-tab.png) repeat-y 100% 0; text-decoration: none; color: #d0d0d0; font-weight: bold; outline: none; cursor: pointer; }
ul.tab-list li a .in { float: left; padding: 6px 15px 6px 15px; margin: 0 0 0 0; xxzoom: 1; }

ul.tab-list li.active { margin-bottom: 0; border-bottom: 0; position: relative; z-index: 2; margin-top: -5px;  }
ul.tab-list li.active a, ul.tab-list li.active a:visited { border: 1px solid #302c2d; border-bottom: 0; background: white; color: #d71d24; xxposition: relative; }
ul.tab-list li.active a .in { padding-top: 11px; }
.tab-pane { border: 1px solid #302c2d; padding: 15px 15px 1px; clear: both; margin: 0 0 15px; zoom: 1; }