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

html {height: 100%;}
body {min-height:100%; height: 100%; padding: 0; margin: 0; font: 12px Arial, sans-serif; color: #172232;} 
a {text-decoration: none; font-weight: normal; color: #0f2f5f;}
a.light {color: #7384a0;}
a:link {}
a:active {}
a:visited {}
a:hover {text-decoration: underline; }

body, #top, #footer {background: #e9e9e9;} 
#page, #top, #footer {width: 1008px; background: #e9e9e9;}
#top, #footer {height: 90px; padding: 0 5px; width: 998px;} 

img {border: none;}
img.pict {margin: 5px; vertical-align: middle;} /* для пиктограмм */
p {text-align: justify; margin: 10px 0; line-height: 16px;}
p.comment {color: #999; font-size: 11px; margin: 0 5px;}
p.comment2 {color: #7384a0; font-size: 11px; font-weight: normal; margin: 0;  line-height: 12px; text-align: left;}
p.znak {text-transform: uppercase; color: #7384a0; font-size: 11px; margin: 2px 0;}
p.right {text-align: right;}
p.left {text-align: left;}
p.pere, p.pere2 {margin-top: -15px; margin-bottom: 20px; background: #084095; padding: 4px 10px}
p.pere { width: 150px;}
p.pere2 { width: 250px;}
p.pere a, p.pere2 a{color: white; font-weight: bold;}
form {margin: 20px 0;}
input, select, textarea {border: 1px solid #979ba1; margin: 2px; padding: 2px; color: #333; font-size: 12px; font-family: Arial;}
input.but {padding: 2px 15px; margin: 5px auto;}
.low{text-transform: lowercase;}
.comment3 {color: #7384a0;}
img.mainpage{margin: 20px 0;}

.charter {margin: 30px 0; border-bottom: 1px solid #d6ead1;}
.charter2 {margin: 0 0 10px 0; border-bottom: 1px solid #d6ead1; background: #f3f3f2; padding: 10px 15px; border: 1px solid #d9dadc;}
.charter2 ul {margin: 5px 20px; list-style-image: url(../images/design/marker1.gif);}
.charter2 ul li {margin: 5px 0; }
.charter3 {margin: 0 0 30px 0; border-left: 1px solid #d6ead1; padding: 5px 15px;}
.main .charter3 table td {vertical-align: middle;  padding: 7px; border-bottom: 1px solid #b8d1b2; color: #084095;}
.main .charter3 table td.num {font-size: 24px; color: #666; border: none}
.charter3 p.bigreg {text-align: center; background: #084095; padding: 7px; margin: 20px auto; width: 200px;}
.charter3 p.bigreg a {color: white; font-size: 14px;}


table {border-collapse: collapse;}
table.form {width: 50%}
table.form td {padding: 2px; border: 1px solid #ced4de;}
table td.head_1 {padding: 7px 10px; background: #e6e9ee; font-weight: bold; font-size: 14px; border-bottom: 1px solid #9da9bc;}

h1 {font-size: 18px; font-family: Arial; color: #115c00; border-bottom: 1px solid #b8d1b2; margin: 20px 0; font-weight: normal;}
h1.blue {color: #084095;}
h2 {font-size: 16px; font-family: Arial; color: #115c00; font-weight: normal; margin: 40px 0 20px 0; padding: 5px; border-style: dashed; border-color: #b8d1b2; border-width: 0 0 1px 0; }
h3 {background: #e8efe6; padding: 20px 0; font-size: 18px; font-family: Arial; color: #115c00; margin: 20px 0; font-weight: normal; text-align: center;}
.headmodel {background: #eaeef3; padding: 10px; margin: 10px 0;}
.headmodel h1 {font-size: 25px; border: none; margin: 0}
.headmodel p {margin: 0; color: #7384a0;}
.headmodel table {width: 100%}
.headmodel td.img {width: 110px;}
.headmodel td.sum {width: 180px; background: #084095; color: #839fca; vertical-align: middle; text-align: center; padding: 10px;}
.headmodel td.sum b {font-weight: normal; font-size: 22px; color: white}
.headmodel td.sum p.center {color: white; font-size: 12px; margin: 5px 0;}

.blockcenter {margin: 0 auto; width: 300px; border: 1px solid #ccc; padding: 20px; background: #eaeef3;}
#right .blockcenter {width: 200px;}
.blockcenter p {font-size: 11px; text-align: left; border-bottom: 1px dashed #ccc; padding-bottom: 10px}
.blockcenter a {font-weight: bold; font-size: 12px}
.blockcenter td.namerow {width: 70px; padding: 7px 0;}
.blockcenter td.addrow {padding: 10px; text-align: right; border-top: 1px dashed #ccc;}
.blockcenter td.button {padding-bottom: 10px;}
.blockcenter h2 {margin: 10px; border: none }
.blockcenter table {margin: 0 auto;}

#page {height: auto !important; min-height:100%; height: 100%; margin: 0 auto; background: url(../images/design/bg00.png) repeat-y;}
#top {margin: 0 auto;}

#top table {width: 100%; height: 90px;}
#top table td {}
#top table td.list_r, #top table td.list_l {text-align: right; vertical-align: bottom;}
#top table td.list_r {width: 240px; background: url(../images/design/bg_top1.jpg) repeat-x; background-position: bottom;}

#mainheader{margin: 0 auto; height: 123px; width: 998px; background: url(../images/design/bg_top2.jpg) no-repeat;}

#top ul {height: 26px;}
#top ul li {display: inline;}

#top .list_r ul, #top .list_l ul {height: 20px;}
#top .list_l ul li {padding: 2px 10px; margin: 10px 5px;}
#top .list_r ul li {margin: 10px 5px; background-repeat: no-repeat; background-position: left center; color: white;}
#top .list_r ul li a {color: white;}
#top .list_r ul li.enter {background-image: url(../images/design/enter_pict.jpg); border-right: 1px solid white; padding: 2px 20px 2px 20px;}
#top .list_r ul li.account {background-image: url(../images/design/account_pict.jpg); border-right: 1px solid white; padding: 2px 20px 2px 20px;}
#top .list_r ul li.reg {background-image: url(../images/design/reg_pict.jpg); padding: 2px 5px 2px 20px;}

#wraper {width: 959px; margin: 25px auto;}
#wraper ul {margin: 10px 20px;}
#wraper ul li {margin: 3px 2px;}

#content {margin: 0 auto; width: 1008px;}
#content .block0 {border: 1px solid #666; margin: 20px 0; padding: 20px;}
#content table.result {margin: 20px; width: 700px;}
#content table.result td {padding: 5px 5px; border: 1px solid #ced4de;}

table.main {width: 100%}
table.main td {padding: 0 10px; vertical-align: top;}
table.main td#left {}
table.main td#right {width: 250px; padding: 0;}

#wraper ul.pages {margin: 30px auto; text-align: center; border-style: dashed; border-color: #b8d1b2; border-width: 1px 0 0 0; padding-top: 20px;}
#wraper ul.pages li {margin: 0 5px; display: inline; color: #115c00; font-weight: bold;}
#wraper ul.pages li a {color: #115c00; font-weight: bold;}
#wraper ul.pages li.active {font-weight: bold; background: #115c00; padding: 5px 10px; color: white}

table.main td#right ul.list_1 {list-style: none; margin: 0 10px}
table.main td#right ul.list_1 li{}
table.main td#right ul.list_1 li.main, table.main td#right ul.list_1 li.main2 {margin: 15px 0 0 0; padding: 4px 10px; background: url(../images/design/bg_top1.jpg) repeat-x; height: 18px; color: white; font-weight: bold;}
table.main td#right ul.list_1 li.main a, table.main td#right ul.list_1 li.main2 a {font-weight: bold; color: white;}
table.main td#right ul.list_1 li.main2 {margin: 1px 0}

form.formstyle table {margin: 10px auto; width: 600px;}
form.formstyle table td {padding: 2px 15px; border-bottom: 1px solid #ced4de; vertical-align: middle;}
form.formstyle table .header_1 td {background: #eaeef3; padding: 5px; font-weight: bold; }
form.formstyle table .td_1_style { border-width: 0 0 1px 0;}
form.formstyle table .td_2_style {width: 350px; background: #f6f6e7; border-left: 1px dashed #ccc;}
.formstyle table td b {color: red; font-weight: normal;}
form.formstyle table img.pict {vertical-align: middle; margin: 0 2px 0 8px; }
form.formstyle table input {vertical-align: middle;}

#left table.autos, #left table.condition {margin: 20px 0;}
table.condition {width: 600px;}
table.autos td b, table.condition td b, table.sumras td.num b {color: #7384a0; font-size: 11px; font-weight: normal;}
table.autos td p.act {margin: 3px; font-size: 11px;}
table.autos td p.act img {margin: 0 3px;}
table.autos td {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 7px 10px; vertical-align: top;}
table.autos .cost td {background: #d5f5ee; padding: 7px 10px;}
table.autos thead td {background: #eaeef3; text-align: center; border: solid white; border-width: 0 1px 0 1px;  font-size: 10px; vertical-align: middle}
table.autos td.imageauto {text-align: center; border-right: 1px dashed #ccc;}
table.autos td.mark, table.autos td.km, table.autos td.vol, table.condition td.km, table.condition td.vol, table.condition td.ur {font-size: 12px; text-align: center; border-right: 1px dashed #ccc; background: #f6f6e7; font-weight: bold;}
#left table.autos td.actions {}
table.autos td.delta {width: 100px; text-align: center;}
#left table.autos td.actions img {margin: 0;}
table.condition td.km, table.condition td.vol, table.condition td.ur {min-width: 100px;}
table.autos td.autoinfo {background: #eaeef3; width: 200px;}
table.autos td.autoinfo table {width: 100%;}
table.autos td.autoinfo td {border: none;}
table.autos td.autoinfo td.desc {font-size: 11px; color: #7384a0; width: 80px; text-align: right}

table.autos td.vol {width: 80px;}
table.autos td.money {width: 200px;} 
table.condition td.vol {background: white;}
table.autos td.data {font-size: 12px; text-align: center; border-right: 1px dashed #ccc;}
table.autos td.data img {margin: 0}
table.autos td.km {border-left: 1px dashed #ccc;}
table.autos td.km a{font-weight: bold;}
table.autos td.mark {border-left: 1px dashed #ccc; border-right: none;}
table.autos td.imageauto img.auto {margin: 10px auto; border: 1px solid #d9dadc;}

table.condition {margin: 5px auto; font-size: 11px;}
table.condition td {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 10px; vertical-align: middle;}
table.condition td img {vertical-align: middle; margin: 0 5px;}
table.condition td.header {padding: 5px; background: #eaeef3;}

table.sum {margin: 0 auto 20px auto; font-size: 11px; border-bottom: 1px dashed #b8d1b2; border-top: 1px dashed #b8d1b2;}
table.sum td {padding: 15px 7px; text-align: left; border: solid #ccc; border-width: 0 1px 0 1px; color: #666;}
table.sum td b {color: white; font-size: 12px; background: url(../images/design/bg_top1.jpg) repeat-x; padding: 2px 5px;  }

table.sumras {margin: 5px;}
table.sumras td {border-bottom: 1px solid #ccc; padding: 5px 10px 5px 15px}
table.sumras td.num {border-left: 1px dashed #ccc; background: #f6f6e7; font-weight: bold}



/* футеры */
#footermain_emulation {height: 110px; clear: both;}

#footer {height: 90px; width: 990px; margin: -90px auto 0 auto; background: #d9d9d9; }

#footer ul {height: 20px; padding:  10px;}
#footer ul li {padding: 2px 10px; margin: 10px 5px; display: inline;}
#footer ul li a {color: #999;}


#tooltip {position: absolute; z-index: 3000; width:250px; border: 1px solid #269; background-color: #48b; padding: 0; opacity: 0.85; color:#fff;}
#tooltip h3 {background-color: #269; padding-left:5px; font-weight:bold; font-size:1.4em;}
#tooltip div {padding-left:5px; padding-right:5px;}