/* Main */

body {background: #336600; margin: 0px; padding: 0px;}

.ludoman {width: 100%; height: 440px; background: url('images/bg_ludoman.png') repeat-x; top: 0px; position: absolute;}

.main {width: 982px; background: transparent;}

.content {width: 982px; height: 600px; background: transparent; position: absolute; z-index: 20;}

.logo {width: 397px; height: 263px; background: url('images/logo.png'); position: absolute; z-index: 50; margin-top: 20px;}
.logo_link {width: 247px; height: 263px; background: transparent; cursor: pointer; position: absolute; top: 20px; left: 74px; text-decoration: none;}

.text {font-size: 12px; font-weight: none; font-family: tahoma; color: #333333;}

h1 {font-size: 14px; font-weight: normal; font-style: normal; margin: 0px; padding-bottom: 5px;}
h2 {font-size: 12px; font-weight: normal; font-style: normal; margin: 0px; padding: 5px 0 5px;}

a:active,
a:visited,
a:link {font-size: 12px; font-weight: none; font-family: tahoma; color: #336600; text-decoration:underline;}
a:hover {color: #ff6633; text-decoration: none;}

.roomleft {font-size: 12px; font-weight: none; font-family: tahoma;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

/* Content */

.line_1 {width: 982px; height: 90px; background: transparent;}
.line_1 div {width: 468px; height: 60px; padding-top: 15px; padding-right: 20px;}

.line_2 {width: 982px; height: 135px; background: transparent;}
.line_2_left {width: 20px; height: 135px; background: url('images/line_2_left.png'); float: left;}
.line_2_bg {width: 942px; height: 135px; background: url('images/line_2_bg.png'); float: left;}
.line_2_right {width: 20px; height: 135px; background: url('images/line_2_right.png'); float: left;}
.converter {width: 156px; height: 75px; margin-top: 25px; margin-left: 385px; float: left;}
.avtorise {width: 387px; height: 94px; background: url('images/avtorise_bg.png'); margin-top: 20px; margin-left: 14px; float: left;}
.log_pass1 {width: 357px; height: 30px; border: 0px; margin-top: 14px;}
.log_pass_enter {width: 137px; height: 30px; background: url('images/log_pass_bg.png') no-repeat;}
.login {width:116px; height:20px; border:0px; background-color:#ffffff; margin-top: 4px; margin-left: 6px; text-indent:0.3em; font-size:12px; font-family: Tahoma; font-weight: none; color:#333333;}
.log_pass2 {width: 357px; height: 30px; border: 0px; margin-top: 8px;}
.back_pass a:active,
.back_pass a:visited,
.back_pass a:link {font-size: 12px; font-weight: none; font-family: tahoma; color: #fff; text-decoration:underline;}
.back_pass a:hover {font-size: 12px; font-weight: none; font-family: tahoma; color: #fff; text-decoration: none;}
.check {font-size:12px; font-family: tahoma; font-weight: none; color: #fff;}

/* Menu */
.menu {width: 644px; height: 42px; background: transparent; position: absolute; z-index: 100; margin-top: 244px; margin-left: 338px;}
.menu_left {width: 12px; height: 42px; background: url('/images/menu_left.png'); float: left;}
.menu_bg {width: 620px; height: 42px; background: url('/images/menu_bg.png');float: left;}
.menu_right {width: 12px; height: 42px; background: url('/images/menu_right.png');float: left;}

#MainMenu {height:33px; width:616px; background:#FFF url(images/bmid_110.gif); border:0; margin-top:5px; margin-left: 4px;}
#tab {top:0; height:0; background:repeat-x top; margin:0;}
#tab ul {list-style:none; float:left; margin:0; padding:0;}
#tab li {display:inline; float:left; margin:0; padding:0;}
#tab a {background:url(images/bright_110.gif) no-repeat right top; text-decoration:none; border:0; display:block; float:left; margin:0; padding:0;}
#tab a span {display:block; background:url(images/bleft_110.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:700; line-height:33px; padding:0 25px;}
#tab a:hover,#tab li.item_active a { background-position:right bottom;}
#tab a:hover span,#tab li.item_active a span {background-position:left bottom; color:#FFF; font-weight:700; font-style:normal; text-decoration:none;}
.dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:1px solid #9d0a0f; background:#ff6633; line-height:17px; z-index:120; position: absolute; top: 41px; left: 232px; width:120px; text-decoration:none; padding:1px;}
.dropmenudiv ul { list-style:none; margin:0; padding:0;}
.dropmenudiv li {display:inline; margin:0; padding:0;}
.dropmenudiv a:link,.dropmenudiv a:visited { width:118px; float:left; display:block; border:0 #9d0a0f; color:#000; background:#f63; font-weight:normal; font-style:normal; text-decoration:none; margin:1px; padding:0;}
.dropmenudiv a span {display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:none; padding:2px;}
.dropmenudiv a:hover {color: #fff; border:0; font-weight:normal; font-style:normal; text-decoration:none;}
.dropmenudiv a:hover span {background-color:#cc3300; background-image:none;}


/* Sub */
.line_3 {width: 982px; height: auto; background: transparent; margin-top: 80px; padding: 0px;}
.line_3_top {width: 982px; height: 10px; background: url('images/line_3_top.png'); padding: 0px; margin: 0px;}
.line_3_content {width: 982px; padding: 0px; margin: 0px; height: auto; background: #fff; font-size: 12px; font-weight: none; font-family: tahoma; color: #333333;}
.line_3_bottom {width: 982px; padding: 0px; margin: 0px; height: 10px; background: url('images/line_3_bottom.png') left bottom no-repeat;}

.content_left {width: 255px; margin-left: 10px;}
.content_right {width: 683px; margin-left: 20px; margin-right: 10px; margin-top: 10px; margin-bottom: 5px;font-size: 12px; font-weight: none; font-family: tahoma; color: #333333;} 


/* Predlogeniya */
.zag_green {width: 255px; height: 37px;}
.box_green_left {width: 11px; height: 37px; background: url('images/box_green_left.gif'); float: left;}
.box_green_right {width: 33px; height: 37px; background: url('images/box_green_right.gif'); float: left;}
.box_green_bg {width: 211px; height: 37px; background: url('images/box_green_bg.gif'); float: left;}
.box_green_bg div {font-size: 12px; font-weight: bold; font-family: tahoma; color: #ffffff; margin-top: 11px; margin-left: 15px;}

.zag_green1 {width: 260px; height: 37px;}
.box_green_left1 {width: 11px; height: 37px; background: url('images/box_green_left.gif'); float: left;}
.box_green_right1 {width: 33px; height: 37px; background: url('images/box_green_right.gif'); float: left;}
.box_green_bg1 {width: 216px; height: 37px; background: url('images/box_green_bg.gif'); float: left;}
.box_green_bg1 div {font-size: 12px; font-weight: bold; font-family: tahoma; color: #ffffff; margin-top: 11px; margin-left: 15px;}

.category {font-size: 14px; font-weight: bold; font-family: tahoma; color: #ff6633; margin-top: 5px; margin-bottom: 10px;}
.predl {margin-left: 24px;}
.predl_zag a:active,
.predl_zag a:visited,
.predl_zag a:link {font-size: 14px; font-weight: bold; font-family: tahoma; color: #003300; text-decoration: underline; padding-left: 10px;}
.predl_zag a:hover {font-size: 14px; font-weight: bold; font-family: tahoma; color: #ff6633; text-decoration: none; padding-left: 10px;}
.predl_opis {font-size: 11px; font-weight: none; font-family: tahoma; color: #333333; margin-top: 4px; margin-left: 42px;}


/* SpecPredlogeniya */
.spec {width: 325px; height: 37px; margin-top: 16px; margin-bottom: 10px;}
.box_spec_left {width: 11px; height: 37px; background: url('images/box_spec_left.gif'); float: left;}
.box_spec_right {width: 33px; height: 37px; background: url('images/box_spec_right.gif'); float: left;}
.box_spec_bg {width: 281px; height: 37px; background: url('images/box_spec_bg.gif'); float: left;}
.box_spec_bg div {font-size: 12px; font-weight: bold; font-family: tahoma; color: #ffffff; margin-top: 11px; margin-left: 15px;}

.spec1 {width: 260px; height: 37px;}
.box_spec_left1 {width: 11px; height: 37px; background: url('images/box_spec_left.gif'); float: left;}
.box_spec_right1 {width: 33px; height: 37px; background: url('images/box_spec_right.gif'); float: left;}
.box_spec_bg1 {width: 216px; height: 37px; background: url('images/box_spec_bg.gif'); float: left;}
.box_spec_bg1 div {font-size: 12px; font-weight: bold; font-family: tahoma; color: #ffffff; margin-top: 11px; margin-left: 15px;}

.spec_predl_top {width: 211px; height: 11px; background: url('images/spec_predl_top.gif') no-repeat;}
.spec_predl_bottom {width: 211px; height: 11px; background: url('images/spec_predl_bottom.gif') no-repeat;}
.spec_predl_bg {width: 211px; height: auto; background: url('images/spec_predl_bg.gif');}
.spec_predl_bg a:active,
.spec_predl_bg a:visited,
.spec_predl_bg a:link {font-size: 12px; font-weight: bold; font-family: tahoma; color: #336600; text-decoration: none;}
.spec_predl_bg a:hover {font-size: 12px; font-weight: bold; font-family: tahoma; color: #ff6633; text-decoration: none;}


/* News */
.news {margin-left: 10px; margin-top: 10px; width: auto;}
.news_crt {margin-top: 4px;font-size: 12px; font-weight: none; font-family: tahoma; color: #333333;}


/* Footer */
.line_4 {width: 982px; height: 70px; background: #360;}
.footer {font-size: 10px; font-weight: none; font-family: tahoma; color: #ffffff;}
.footer a:active,
.footer a:visited,
.footer a:link {font-size: 10px; font-weight: none; font-family: tahoma; color: #ffffff; text-decoration: underline;}
.footer a:hover {font-size: 10px; font-weight: none; font-family: tahoma; color: #ffffff; text-decoration: none;}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}


/* home content */

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}


#n1 {width: 683px; min-height: 357px; background: #fff; margin-top: 10px;}
#n2 {width: 683px;background: #fff; margin-top: 0px;}
.n2_left {width: 260px; float: left;}
.n2_right {width: 400px; float: left; margin-left: 23px;}
.video {margin-top: 10px;}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #fff;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 100px; /* IE 6 treats width as min-width */
    min-width: 100px;
    height: 20px; /* IE 6 treats height as min-height */
    min-height: 20px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabs-container {
    border-top: solid 1px #ccc;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}