*{
    margin: 0px; padding: 0px;
}

    
html{height: 100%; font-size: 100%}

body{
    height: 100%;
    width: 100%;
    min-width: 1000px;
    font: 0.875em arial,tahoma,verdana,helvetica,sans-serif;
    text-align: left;
    line-height: 130%;
    color: #717171;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

img {
    border: 0px;
}

#warp1 {
    width: 100%;
    height: 160px;
    position: relative;
}

#warp1 .logo {
    position: absolute;
    z-index: 1;
    height: 86px;
    width: 400px;
    top: 45px;
    left: 7%;
    text-transform: uppercase;
}

#warp1 .logo img {
    margin-right: 20px;
}

#warp1 #nav {
	height:90px;
	left:50%;
	margin-left:-50px;
	padding-top:20px;
	position:absolute;
	top:45px;
	width:160px;
	z-index:1;
}

#nav .icon {
    margin-top: 2px;
    width: 80px;
    height: 20px;
    float: left;
}

#nav .icon img {
    width: 12px;
    height: 10px;
    background: url(../pic/icon.gif) no-repeat top left;
    margin-right: 17px;
    display: inline;
}

#nav .icon img.i1 {background-position: -14px 0px;}
#nav .icon img.i1_active {background-position: 0px 0px;}
#nav .icon img.i2 {background-position: -14px -11px;}
#nav .icon img.i2_active {background-position: 0px -11px;}
#nav .icon img.i3 {background-position: -14px -22px; margin-right: 0px;}
#nav .icon img.i3_active {background-position: 0px -22px; margin-right: 0px;}

.c1 .search {
	width: 199px;
	height: 22px;
	float: right;
	margin-right:27px;
	
}

.c1 .search input.s {
	border: 0px;
	height: 22px;
	line-height: 24px;
	width: 142px;
	padding: 3px 10px 0px;
	margin-right:10px;
	background: url(../pic/search_field.gif) no-repeat;
	display: inline;
	float: left;
	color:#999999;
	font:normal 12px arial;
	font-style:italic;
	
}

.c1 .search input.b {
	border: 0px;
	height: 22px;
	width: 22px;
	padding: 0px;
	background: url(../pic/search_but.gif) no-repeat;
	display: inline;
}

#nav .city {
    width: 100%;
    margin-top: 15px;
    clear: both;
    float: left;
    font-style: italic;
    font-size: 0.85em;
    height: 45px;
}

#nav .city a {
    color: #ec1d35;
    font-weight: bold;
    border-bottom: 1px dashed #ec1d35;
    display: inline;
    font-size: 1.35em;
    text-decoration: none;
    line-height: 1.36em;
}

#nav .city a {
}

#warp2 {
    width: 100%;
    height: 774px;
    position:relative;
    background: url(../pic/warp2_left.jpg) no-repeat 0 50px;
}

#warp2a {
    width: 100%;
    height: 480px;
    background: url(../pic/warp2_right.jpg) no-repeat right top;
    position: relative;
    overflow: hidden;
}

#warp2a a, #warp3 a {
    font: 13px arial,tahoma,verdana,helvetica,sans-serif;
    color: #1d70ec;
    /*white-space: nowarp;*/
    margin-left: 15px;
    line-height: 170%;
}

#warp2a a.cur, #warp2a a:hover {
    font-size: 1.1em;
    color: #ec1d35;
    margin-left: 0px;
}

#list1 {
    width: 31.625em;
    height: 9.225em;
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 30px;
    background: url(../pic/list1.gif) no-repeat 20px -15px;
}

#list1 ul {list-style: none; margin-left: 185px;}

#list2 {
    width: 21.5em;
    height: 10.625em;
    position: absolute;
    z-index: 100;
    top: 20px;
    right: 30px;
    background: url(../pic/list2.gif) no-repeat 40px -30px;
    background:none;
}

#list2 ul {list-style: none; margin: 0px;}

#list3 {
    width: 25em;
    height: 8.125em;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 43%;
    background: url(../pic/list3.gif) no-repeat right top;
    background:none;
}

#list3 ul {list-style: none; margin: 20px 0px 0px;}

#list2 a.cur, #list2 a:hover  , #list3 a.cur, #list3 a:hover {
    color: #ec1d35;
    margin-left: 15px;
    font-size: 0.85em;
}

#list1 li, #list2 li, #list3 {
    line-height: 170%;
}

#right {
    position: absolute;
    z-index: 200;
    top: 185px;
    right: -25px;
    width: 265px;
    height: 229px;
}

#left {
    position: absolute;
    z-index: 200;
    top: 193px;
    left: -25px;
    width: 320px;
    height: 237px;
}

#transp {
    height: 224px;
    width: 584px;
    position: absolute;
    z-index: 150;
    top: 195px;
    left: -584px;
    overflow: hidden;
}

#transp img {
    position: absolute;
    top: 0px;
    left: 0px;
}

#warpright {
    z-index: 90;
    position: absolute;
    right: 0px;
    height: 551px;
    width: 497px;
    background: url(../pic/warp2_right.jpg) right top no-repeat;
}

#warp3 {
    width: 100%;
}


#main-cont {
    float: left;
    width: 48%;
    margin: 0px 0px 0px 7%;
    line-height: 2em;
}

#main-cont * {
    font-size: 1em;
    line-height:1.3em;
}

#main-cont.inp * {
    font-size: 1em;
    line-height: 1.3em;
}


#main-cont ul {
    list-style: none;
    margin: 10px 0px 10px 20px;
}

#main-cont ol {
    list-style: decimal;
    margin: 10px 0px 10px 40px;
}

#main-cont a{
    margin: 0px;
    font-size: 1em;
}

#main-cont p, #main-cont div{
    margin-bottom: 10px;
}

#main-cont table{
    border-collapse: collapse;
    margin: 10px 0px;
}

#main-cont * td{
    padding: 5px;
    font-size: 0.9em;
    line-height: 1em;
}

#main-cont h1 {
    color:#EC1D35;
    font-size:1.35em;
    font-style:italic;
    line-height:1.2em;
    margin:0 0 20px;
}

#warp3 #main-cont.inp h1, h2 {
    color: #ec1d35;
    font-size: 1.35em;
    font-style: italic;
    margin: 0px 0px 20px;
    line-height: 1.2em;
}

#main-news {
    float: right;
    width: 30%;
    margin: 0px 10% 50px 0px;
}

#warp3 #main-news * {
    float: left;
    clear: both;
    margin-left: 0px;
}

#main-news span {
    color: #ec1d35;
    font-size: 0.725em;
}

#main-news p {
    margin-bottom: 15px;
    font-size: 0.85em;
    width: 100%;
}

#main-news ul {
    list-style: none;
    margin-bottom: 15px;
}

#main-news ul ul{
    margin: 0px;
}

#warp3 #main-news ul ul li{
    margin-left: 20px;
}

#main-news li {
    line-height: 170%;
}


#main-news a:hover , #main-news a.cur {
    color: #ec1d35;
}

#cont {
    float: left;
    margin: 0px 0px 20px 50px;
    width: 530px;
    height: 145px;
    margin-left: 7%;
}

#cont2 {
    width: 100%;
    height: 145px;
    position: relative;
}

#cont2 .lt {
    width: 16px;
    height: 14px;
    background: url(../pic/cont.jpg) 0px 0px no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

#cont2 .rt {
    width: 16px;
    height: 14px;
    background: url(../pic/cont.jpg) -16px 0px no-repeat;
    position: absolute;
    right: -2px;
    top: 0px;
    z-index: 10;
}

#cont2 .lb {
    width: 16px;
    height: 14px;
    background: url(../pic/cont.jpg) 0px -14px no-repeat;
    position: absolute;
    left: 0px;
    bottom: -2px;
    z-index: 10;
}

#cont2 .rb {
    width: 16px;
    height: 14px;
    background: url(../pic/cont.jpg) -16px -14px no-repeat;
    position: absolute;
    right: -2px;
    bottom: -2px;
    z-index: 10;
}

#cont2 .c, #cont2 .c1 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    top: 0px;
    left: 0px;
    border: 1px #cccccc solid;
}

#cont2 .c1 {
    border: 0px;
    z-index: 15;
    margin: 20px 20px 20px;
    font-size: 0.85em;
    line-height:15px;
}

body div#warp3 .c1 a {
    margin: 0px;
    font-size: 1em;
}

.dextra {
    float: left;
    padding-left: 45px;
    background: url(../pic/dextra.jpg) left 5px no-repeat;
    margin-top: 10px;
}

#warp3 .dextra a {
    line-height: 1.55em;
}

.ban {
    float: right;
    margin-top: -30px;
    margin-right: 30px;
    width: 200px;
}

.ban noindex div {
    float: left;
    margin: 0px 5px 3px;
}

#main-cont .news div, #main-cont .news div p , #main-cont .news span {
    line-height: 1.09em;
}

#main-cont .news span {
    color: #ec1d35;
    font-size: 0.725em;
}

#main-cont .news div {
    margin-bottom: 20px;
}

#main-cont .news div a {
    line-height: 1.2em;
}

#feedback label{
        width: 100px;
        height: 24px;
        display:block;
        font:normal 12px arial;
        padding-top:3px;
        float: left;
}

#feedback div {
    float: left;
    clear: both;
    width: 100%;
}

#feedback div * {
    display: inline;
}

#feedback div option {
    display: block;
}

#main-cont.inp #feedback div span {
    display: none;
    float: left;
    width: 170px;
    font-size: 0.9em;
}

#feedback input{
        width:297px;
        border:1px solid #b2b2b2;
        height:16px;
        margin-bottom:8px;
        padding:1px 3px;
        color:#808080;
        font:normal 12px arial;
        float: left;
}
#feedback textarea{
        width:300px;
        border:1px solid #b2b2b2;
        height:80px;
        margin-bottom:8px;
        padding:1px 0 1px 3px;
        color:#808080;
        font:normal 12px arial;
        float: left;
}
#feedback input.textkod{
        width:209px;
        padding:1px 3px;
        float:left;
        margin-right:5px;
        border:1px solid #b2b2b2;
}
#feedback input.butsub{
        background-color:#DBDBDB;
        border-color:#A0A0A0 #282828 #282828 #A0A0A0;
        border-style:solid;
        border-width:1px;
        color:#000000;
        cursor:pointer;
        font-size:11px;
        height:22px;
        padding-top:2px;
        width: 306px;
        clear:both;
        float:left;
        margin:0 0 0 100px;
}
#feedback img{
        margin:0px;
        float: left;
}

#feedback fieldset {
    border: 0px;
}

span.error {
        color: red;
        font-style: italic;
        display: none;
        margin-left: 10px;
        font-size: 9px;
        float: none;
        border: 0px;
}

#main-cont ol * {
    line-height: 1.3em;
}


.cc1 {
    position: absolute; z-index: 1000; top: 90px; left: 44%; width: 300px; display: none;
}

.cc2 {
    width: 100%; height: 100%; background: url(../pic/lt-trans.gif) top left no-repeat; overflow: hidden;
}

.cc3 {
    width: 100%; height: 100%; background: url(../pic/rt-trans.gif) top right no-repeat;
}

.cc4 {
    width: 100%; height: 100%; background: url(../pic/rb-trans.gif) bottom right no-repeat;
}

.cc5 {
    width: 100%; height: 100%; background: url(../pic/lb-trans.gif) bottom left no-repeat; overflow: hidden;
}

.cc6 {
    margin: 35px 0px; width: 100%; height: 100%; background: url(../pic/l-trans.gif) top left repeat-y;
}

.cc7 {
    width: 100%; height: 100%; background: url(../pic/r-trans.gif) top right repeat-y;
}

.cc8 {
    width: auto; height: 100%; padding: 5px 20px;
}

.cc9 {
    width: 240px; height: 100%; background-color: #fff;
}

.cc10 {
    z-index: 21; position: absolute; width: 230px; height: 40px; top: 0px; left: 0px; margin: 0px 35px; background: url(../pic/t-trans.gif);
}

.cc11 {
    z-index: 21; position: absolute; width: 230px; height: 40px; bottom: 0px; left: 0px; margin: 0px 35px; background: url(../pic/b-trans.gif);
}
.cc12 {
    z-index: 25; position: absolute; width: auto; height: auto; top: 20px; right: 35px;
}
#main-cont.inp #feedback div.ddnew span{
    display:block;
    float:left;
    width:auto;
    margin:0 5px 8px;
    height:20px;
    font-size:1em;
}
#feedback div.ddnew input{
    width:28px;
    float:left;
}
#feedback  div.ddnew{
    width:100%;
    overflow:hidden;
    height:38px;
}

#terminal{
    position:absolute;
    left:50%;
    bottom:68px; /*39px;*/
    margin-left:-263px;
    width:667px;
    height:254px;
    background:url(../pic/terbg.gif) 100% 0 no-repeat;
}
#term2{
    width:448px;
    height:202px;
    position:relative;
    top:17px;
    background:url(../pic/terminal.jpg) 100% 0 no-repeat;
    padding-top:35px;
}
#term2 ul{
    list-style:none;
}
#term2 li{
    line-height:170%;
}
#term2 li a{
    color:#1D70EC;
    font-size:0.85em;
    line-height:170%;
}
#term2 li a:hover{
    color:#EC1D35;
}
#term2 li a span{
    position:absolute;
    top:21px;
    left:331px;
    width:76px;
    height:87px;
}
#term2 li a span{
    display:none;
}
#term2 li a:hover span{
	display:block;
}
#term2 li a:hover span.t_r1{
    background:url(../pic/t_r1.gif) 0 0 no-repeat;
}
#term2 li a:hover span.t_r2{
    background:url(../pic/t_r2.gif) 0 0 no-repeat;
}
#term2 li a:hover span.t_r3{
    background:url(../pic/t_r3.gif) 0 0 no-repeat;
}
#term2 li a:hover span.t_r4{
    background:url(../pic/t_r4.gif) 0 0 no-repeat;
}
#term2 li a:hover span.t_r5{
    background:url(../pic/t_r5.gif) 0 0 no-repeat;
}

.logo2{
	position:absolute;
	top:44px;
	right:87px;
}
#flash_tr{
	height:237px;
	left:300px;
	position:absolute;
	top:17px;
	width:149px;
}
#copy{
width: 285px;
}