/* DIUM INTERACTIVE CSS TEMPLATE */
/*
*, body {
    scrollbar-3dlight-color: #;
    scrollbar-arrow-color: #;
    scrollbar-darkshadow-color: #;
    scrollbar-face-color: #;
    scrollbar-highlight-color: #;
    scrollbar-shadow-color: #;
    scrollbar-track-color: #;
}
*/
/* png as background in IE (sizingMethod=crop/scale/image)
* html ... {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/px/.png, sizingMethod=crop);
}
*/
body {
    background: url(/px/diumback.gif) left top repeat-y;
    background-color: #333333;
    font: 12px Arial, Helvetica, sans-serif;
}
/* :hover for every element in IE */
* html body {
    behavior: url(/csshover.htc);
}
* {
    margin: 0px;
    padding: 0px;
}
img {
    vertical-align: middle;
    border: 0px;
}
input,
select,
textarea {
    vertical-align: middle;
    color: #333333;
    font: 12px Arial, Helvetica, sans-serif;
}
input.txt,
select.txt,
textarea.txt {
    width: 100%;
    padding: 3px 0px 3px 0px;
    background: #FAFAFA;
    border: 2px solid #93932E;
}
textarea.txt {
    height: 150px;
}
select.txt {
    padding: 0px;
    border: none;
}
input.btn {
    padding: 2px 10px 2px 10px;
}
/* button padding in IE */
* html input.btn {
    padding: 1px 5px 1px 5px;
}
.txtcont {
    border: 2px solid #93932E;
}
.txtcont input.txt,
.txtcont select.txt,
.txtcont textarea.txt {
    border: none;
}
table {
    border-collapse: collapse;
}
table td {
    vertical-align: top;
}
a:link, a:visited, a:hover, a:active  {
    color: #0069A0;
}
a:hover {
    text-decoration: none;
}
/* .png in IE */
* html .png {
    behavior: url(/png.htc);
}
/* .png as background in IE (background-image need to be written in HTML, not CSS) */
* html .pngback {
    background-image: none !important;
    behavior: url(/pngback.htc);
}
.full {
    width: 100%;
}
.half {
    width: 50%;
}
.clear {
    clear: both;
    font-size: 1px;
}
.nowrap {
    white-space: nowrap;
}
.wrap {
    white-space: normal;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
ul.ul,
ol.ol {
    padding: 0 0 0 20px;
}
* html ol.ol {
    padding-left: 25px;
}
#maincont,
#footercont {
    padding: 40px 5% 40px 5%;
}
#maincont {
    color: #333333;
    background-color: #FFFFFF;
}
#maincont.fpage {
    background-image: url(/px/html_back.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}
#footercont {
    color: #C4C4C4;
    min-height: 200px;
}
* html #footercont {
    height: 200px;
}
#footercont a {
    color: #FFD200;
}
.maincont {
    width: 65%;
}
.subcont {
    width: 35%;
}
.maincont,
.subcont {
    padding: 0px 0px 0px 5px;
}
.maincont:first-child,
.subcont:first-child {
    padding-left: 0px;
    padding-right: 5px;
}
* html td.maincont,
* html td.subcont {
    padding-left: expression(!previousSibling?'0px':'5px');
    padding-right: expression(!previousSibling?'5px':'0px');
}
.msg {
    padding: 10px 0px 0px 0px;
    font-size: 14px;
}
#header {
    width: 100%;
}
#header .subcont a {
    margin: 0px 0px 0px 35px;
}
#menu {
    border-bottom: 1px solid #FFF;
}
#menu td {
    padding: 15px 20px 15px 20px;
    background: url(/px/menu_bullet.gif) center top no-repeat;
}
#menu td.active {
    background-image: url(/px/menu_abullet.gif);
}
#menu a {
    font-size: 14px;
}
#menu td.active a {
    font-weight: bold;
}
#menu .descr {
    padding: 5px 0px 0px 0px;
    color: #999999;
    font-size: 11px;
}
#path {
    padding: 5px 0px 0px 20px;
    font-size: 11px;
}
#body {
    width: 100%;
    margin: 10px 0px 0px 0px;
}
#main .stitle {
    padding: 20px 0px 5px 20px;
    color: #999999;
}
#main .works {
    width: 100%;
}
#main .works td {
    width: 50%;
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid #F4F4F4;
}
#main .works td.blank {
    border-bottom: none;
}
#main .works td:hover {
    background: #F4F4F4;
}
#main .works td.blank:hover {
    background: none;
}
#main .works .pic {
    float: left;
    padding: 0px 20px 10px 0px;
}
#main .works .title {
    padding: 15px 0px 0px 0px;
    text-decoration: underline;
}
#main .works .date {
    padding: 5px 0px 10px 0px;
    font-size: 11px;
    color: #999999;
}
#main .required {
    margin: 10px 0px 0px 0px;
    background: #DCECCC url(/px/main_required_back.jpg) left top no-repeat;
    padding: 15px 0px 15px 0px;
}
#main .required td {
    padding: 0px 50px 0px 50px;
    border-left: 1px solid #BDCEAB;
}
#main .required td.first,
#main .required td.spacer {
    border-left: none;
}
#main .required td.spacer {
    width: 20%;
    padding: 0px;
}
#main .required .title a {
    color: #5F8865;
    font-weight: bold;
    font-size: 14px;
}
#main .required p {
    padding: 5px 0px 0px 0px;
    font-size: 11px;
}
#main .clients {
    width: 100%;
    border-collapse: separate;
}
#main .clients td {
    width: 33%;
    padding: 15px 10px 20px 10px;
    border-bottom: 1px solid #D0D0D0;
}
#main .clients td.blank {
    border-bottom: none;
}
#main .clients .pic {
    text-align: center;
    padding: 0px 0px 20px 0px;
}
#main .clients .title {
    text-decoration: underline;
}
#main .clients p {
    font-size: 11px;
    color: #666666;
    padding: 10px 0px 0px 0px;
}
#main .clients .made {
    font-size: 11px;
    color: #999999;
    padding: 10px 0px 0px 0px;
}
#main .clients .made .work {
    color: #858585;
    text-decoration: underline;
}
#main .programming {
    width: 100%;
}
#main .programming td {
    padding: 20px 0px 20px 20px;
    width: 50%;
}
#main .programming .pics {
    padding: 0px 0px 10px 0px;
}
#main .programming .pics img {
    border: 3px solid #DFDCCA;
}
#main .programming .pics img:first-child {
    border-width: 1px;
}
* html #main .programming .pics img {
    border-width: expression(!previousSibling?'1px':'3px');
}
#main .programming .title {
    text-decoration: underline;
}
#main .programming .text {
    font-size: 11px;
    color: #666666;
    padding: 10px 0px 0px 0px;
}
#main .client {
    margin: 20px 0px 0px 0px;
}
#main .client td {
    vertical-align: middle;
}
#main .client td.pic {
    padding: 0px 20px 0px 20px;
    vertical-align: top;
}
#main .client .title {
    font-weight: bold;
}
#main .client p {
    font-size: 11px;
    color: #666666;
    padding: 10px 0px 0px 0px;
}
#main .vacances {
    width: 100%;
    margin: 20px 0px 0px 0px;
}
#main .vacances td {
    border-top: 1px solid #D0D0D0;
    padding: 0px 30px 20px 30px;
    width: 50%;
}
#main .vacances tr.first td {
    border-top: none;
}
#main .vacances td.right {
    background: #F6F6F6;
}
#main .vacances tr.first img {
    padding: 20px 0px 0px 0px;
}
#main .vacances td h1,
#main .vacances td h2 {
    padding: 20px 0px 10px 0px;
}
#main .vacances td.left h1 {
    font-size: 18px;
}
#main .vacances td.right h1 {
    font-weight: normal;
    font-size: 14px;
}
#main .vacances td.right h2 {
    font-weight: normal;
    font-size: 12px;
    color: #999999;
}
#sub .line {
    height: 1px;
    background: #D0D0D0;
    margin: 20px 0px 0px 0px;
}
#sub .box {
    padding: 20px 35px 0px 35px;
}
#sub .box .title {
    font-weight: bold;
    font-size: 14px;
}
#sub .box p {
    padding: 5px 0px 0px 0px;
}
#sub .main {
    margin: 20px 0px 0px 0px;
    background: #F4F4F4 url(/px/sub_mainbox_back.gif) right bottom no-repeat;
}
#sub .main .box {
    background: url(/px/sub_mainbox_corner.gif) left 25px no-repeat;
}
#sub .descr {
    margin: 20px 0px 0px 0px;
    background: #F9F7EB;
    padding: 25px 40px 30px 40px;
}
#sub .descr .title {
    padding: 0px 0px 10px 0px;
}
#sub .clients {
    padding: 40px 40px 0px 40px;
    font-size: 11px;
}
#sub .clients h1 {
    font-size: 14px;
    padding: 0px 0px 10px 0px;
}
#work {
    padding: 30px 0px 0px 0px;
}
#work table.cont {
    width: 100%;
    background: #F9F7EB;
}
#work .descr {
    width: 45%;
}
#work .pics {
    width: 55%;
}
#work .descr,
#work .pics {
    padding: 25px 30px 25px 30px;
}
#work .descr .type {
    padding: 0px 0px 10px 0px;
}
#work .descr .title {
    padding: 0px 0px 10px 0px;
    font-weight: bold;
    font-size: 16px;
}
#work .descr .title h1{
    font-size: 18pt;
}

#work .descr .url {
    background: url(/px/work_url_back.gif) left top no-repeat;
    padding: 5px 0px 20px 55px;
    font-weight: bold;
    font-size: 14px;
}
#work .descr p {
    padding: 10px 0px 10px 0px;
}
#work .descr .date {
    font-size: 11px;
    padding: 10px 0px 10px 0px;
}
#work .descr .more {
    padding: 20px 0px 20px 0px;
}
#work .descr .more ul {
    list-style: none;
    padding: 10px 0px 0px 20px;
}
#work .descr .more li {
    padding: 5px 0px 0px 0px;
}
#work .descr .back {
    border-top: 3px solid #D2CFBC;
    margin: 20px 0px 20px 0px;
    padding: 20px 0px 0px 20px;
}
#work .descr .feedback {
    margin: 20px 0px 20px 0px;
    padding: 20px 0px 0px 20px;
}
#work .pics .links {
    margin: 0px 7px 10px 7px;
}
#work .pics .links a img {
    margin: 0px 10px 10px 0px;
    border: 1px solid #DFDCCA;
    padding: 4px 4px 4px 4px;
    float: left;
}
#work .pics .links a.active img {
    background: #DFDCCA;
}
#work .pics .pic {
    border: 2px solid #F8F6EA;
    float: left;
}
#work .pics .pic div {
    border-width: 1px;
    border-style: solid;
}
#work .pics .pic .back1 {
    border-color: #F7F5E9;
}
#work .pics .pic .back2 {
    border-color: #F3F1E6;
}
#work .pics .pic .back3 {
    border-color: #EEECE1;
}
#work .pics .pic .back4 {
    border-color: #E7E5DB;
}
#work .pics .pic .back5 {
    border-color: #DEDCD3;
}
* html #work .pics .pic img {
    margin: -1px 0px 0px 0px;
}
#work .pics .btext {
    clear: both;
    padding: 20px 0px 0px 7px;
}
#contacts {
    width: 100%;
    margin: 30px 0px 0px 0px;
}
#contacts .form {
    width: 45%;
    padding-right: 20px;
    padding-left: 20px;
}
#contacts .info {
    width: 55%;
    padding-left: 40px;
}
#contacts .form form {
    padding: 20px 0px 0px 0px;
}
#contacts .form p {
    color: #666666;
    padding: 0px 0px 5px 0px;
}
#contacts .form .txtcont {
    margin: 0px 0px 10px 0px;
    width: 80%;
}
#contacts .form input.btn {
    margin: 10px 0px 0px 0px;
}
#contacts .info .cont {
    background: #F9F7EB;
    padding: 15px 15px 15px 15px;
}
#contacts .info td,
#contacts .info th {
    padding: 20px 0px 20px 20px;
    border-top: 1px solid #CECECE;
}
#contacts .info th {
    vertical-align: top;
    text-align: left;
    font-size: 14px;
}
#contacts .info tr.first td,
#contacts .info tr.first th {
    border-top: none;
}
#footer {
    width: 100%;
}
#footer .address {
    width: 55%;
    padding: 0px 0px 0px 10px;
}
#footer .contacts {
    width: 45%;
    padding: 0px 0px 0px 10px;
}
#footer .contacts td:first-child {
    padding-right: 20px;
}
* html #footer .contacts td {
    padding-right: expression(!previousSibling?'20px':'0px');
}
#footer .subcont {
    background: url(/px/footer_feedback_arrow.gif) 190px 20px no-repeat;
    font-size: 18px;
}
#footer .subcont .cont {
    padding: 0px 40px 0px 35px;
}
#lang{
    position: absolute;
    right: 5%;
    top: 20px;
    padding: 5px;
    background: #ECECEC;
}
.footeradv{
	font-size: 10px;
	color: #999999;
	margin-top: 120px;
}
.footeradv a {
	color: #999999 !important;
}
.footeradv ul.ul li{
	list-style: none;	
}