body{

  margin-top: 0px;
  margin-left:0px;
  margin-right: 0px;
  margin: 0;
  padding: 0;
 }

                        form div {
                                padding: .5em;
                        }
                        code:before {
                                position: absolute;
                                content: 'Code:';
                                top: -1.35em;
                                left: 0;
                        }
                        code {
                                margin-top: 1.5em;
                                position: relative;
                                background: #eee;
                                border: 1px solid #aaa;
                                white-space: pre;
                                padding: .25em;
                                min-height: 1.25em;
                        }
                        code:before, code {
                                display: block;
                                text-align: left;
                        }


.fs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: bolder;
}
.fs0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: bolder;
}
.fs1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: normal;
	font-weight: normal;
	color: #003366;
}

TD {
	FONT-FAMILY: Tahoma
}
H1 {
	FONT-FAMILY: Tahoma
}

H1 {
	FONT-WEIGHT: 100; FONT-SIZE: 130%; COLOR: #4171d7
}
A {
	FONT-SIZE: 90%; COLOR: #2c6ed5; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.nv {
	FONT-SIZE: 90%; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.orange_link {
	FONT-WEIGHT: bold; COLOR: #fda600
}
.main {
	WIDTH: 100%; HEIGHT: 100%
}
.left_table {
	WIDTH: 247px; HEIGHT: 100%
}
.auth {
	BACKGROUND: url(http://autoreg.ru/images/auth.gif) no-repeat;
	WIDTH: 248px;
	HEIGHT: 187px;
	background-image: url(pics/auth.gif);
}
.auth_title {
	PADDING-RIGHT: 1px; PADDING-LEFT: 85px; FONT-WEIGHT: bold; FONT-SIZE: 90%; PADDING-BOTTOM: 2px; COLOR: #4271d7; PADDING-TOP: 10px
}
.auth_login {
	PADDING-RIGHT: 5px; PADDING-LEFT: 23px; FONT-SIZE: 70%; PADDING-BOTTOM: 0px; COLOR: #3d3d3d; PADDING-TOP: 0px
}
.auth_pass {
	PADDING-RIGHT: 5px; PADDING-LEFT: 23px; FONT-SIZE: 70%; PADDING-BOTTOM: 0px; COLOR: #3d3d3d; PADDING-TOP: 0px
}
.auth_pass {
	PADDING-RIGHT: 5px; PADDING-LEFT: 23px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.auth_form {
	BORDER-RIGHT: #959595 1px solid;
	BORDER-TOP: #959595 1px solid;
	BORDER-LEFT: #959595 1px solid;
	WIDTH: 170px;
	BORDER-BOTTOM: #959595 1px solid
}
.key {
	LEFT: -18px; POSITION: relative; TOP: 10px
}
.left_block {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(http://autoreg.ru/images/yel.gif) no-repeat; PADDING-BOTTOM: 10px; MARGIN-LEFT: 10px; WIDTH: 100%; PADDING-TOP: 10px
}
.bottom_table {
	WIDTH: 100%
}
.bottom_txt {
	PADDING-RIGHT: 5px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; COLOR: #707070; PADDING-TOP: 10px
}
.line {
	BACKGROUND: url(http://autoreg.ru/images/line.jpg) repeat-x
}
.blocks {
	BACKGROUND: url(http://autoreg.ru/images/bg.gif) repeat-x; WIDTH: 100%; HEIGHT: 110px
}
.top {
	WIDTH: 100%; HEIGHT: 110px
}
.top_menu {
	PADDING-RIGHT: 15px; FONT-SIZE: 90%; COLOR: #664301
}
.top_m {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.sup {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 75%; COLOR: #a42d05
}
.sup_txt {
	PADDING-LEFT: 5px; FONT-SIZE: 70%; PADDING-BOTTOM: 10px; COLOR: #714d01
}
.sup_2 {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 75%; COLOR: #a42d05
}
.sup_txt_2 {
	PADDING-LEFT: 5px; FONT-SIZE: 70%; PADDING-BOTTOM: 10px; COLOR: #714d01
}
.fast {
	LEFT: 280px; POSITION: absolute; TOP: 77px
}
.easy {
	LEFT: 280px; POSITION: absolute; TOP: 77px
}
.accessible {
	LEFT: 280px; POSITION: absolute; TOP: 77px
}
.easy {
	LEFT: 510px
}
.accessible {
	LEFT: 770px; WIDTH: 200px; TOP: 112px
}
.txt_block {
	FONT-SIZE: 75%; COLOR: #2d6772
}
.txt {
	FONT-SIZE: 80%;
    vertical-align: middle;
}
.txt2 {
	FONT-SIZE: 80%
}
.txt2a {
	FONT-SIZE: 90%
}
.table {
	MARGIN: 6px
}
.btn {
}
.error {
	FONT-WEIGHT: bold; FONT-SIZE: 85%; COLOR: red
}
.errorlitle {
	FONT-WEIGHT: normal; FONT-SIZE: 65%; COLOR: red
}
.success {
	FONT-SIZE: 85%; COLOR: #003366
}
.error_404 {
	FONT-SIZE: 100%; COLOR: red
}
.ttable{
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCFF
}

.form {
	BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-LEFT: #959595 1px solid; WIDTH: 350px; BORDER-BOTTOM: #959595 1px solid
}

.form_captcha {
	BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-LEFT: #959595 1px solid; WIDTH: 100px; BORDER-BOTTOM: #959595 1px solid
}
.form_select {
	BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-LEFT: #959595 1px solid; BORDER-BOTTOM: #959595 1px solid
}
.form_checkbox {
	BORDER-RIGHT: #959595 1px solid; BORDER-TOP: #959595 1px solid; BORDER-LEFT: #959595 1px solid; BORDER-BOTTOM: #959595 1px solid
}
.text_title {
	FONT-WEIGHT: bold; FONT-SIZE: 95%
}
.left_menu_auth {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 10px; PADDING-TOP: 10px
}
.balance {
	PADDING-RIGHT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #a42d05; PADDING-TOP: 10px
}
.balance_summ {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #a42d05
}
.sup_3 {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #a42d05
}
.green_menu {
	FONT-WEIGHT: bold; COLOR: green
}
.account {
	PADDING-LEFT: 18px; FONT-WEIGHT: bold
}
.account_num {
	FONT-WEIGHT: bold;
	COLOR: #FFC;
	font-size: 12px;
}
.account_num_tip_dip {
	FONT-WEIGHT: bold;
	COLOR: #FFC;
	font-size: 12px;
}

.tit_bar_font {
	FONT-WEIGHT:300; FONT-SIZE: 24px;
	COLOR: #FFCC33;
    text-shadow: 2px 2px #666666;
	text-decoration:none;
}
.start_text {
	FONT-WEIGHT: 899;
	FONT-SIZE: 36px;
	COLOR: #FFCC33;
	text-shadow: 3px 3px #666666;

}
.tit_bar_font_m {
	FONT-WEIGHT: bold; FONT-SIZE: 16px;
	COLOR: #6FF
}

.tit_bar_inst {
	FONT-WEIGHT: bold; FONT-SIZE: 16px;
	COLOR: #FFD
}

.exit {
	FONT-WEIGHT: bold; COLOR: red
}
.comment {
	FONT-SIZE: 70%; COLOR: #666666
}

  .tbl {
    background-color: #FFFFFF;
  }
  a:link { 
    color: #FF0000;
    font-family: Arial;
    font-size: 12px;
  }
  a:active { 
    color: #0000FF;
    font-family: Arial;
    font-size: 12px;
  }
  a:visited { 
    color: #800080;
    font-family: Arial;
    font-size: 12px;
  }
  .hr {
background: #9CC
	color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
	font-weight:bold
  }
  a.hr:link {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
  }
  a.hr:active {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
  }
  a.hr:visited {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
  }
  .dr {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
  }
    .dr3 {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 9px;
  }

    .drf {
    color:  #FFFFFF;
  }
  .dr2 {
    background-color: #00FF00;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
  }

.sr {
    background-color: #FFFFCF;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
  }
.sr3 {
    background-color: #FFFFCF;
    color: #000000;
    font-family: Arial;
    font-size: 9px;
  }
  
.srf {
    color:  #FFFFCF;
  }
.badidnp {
    background-color: #FCF;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
  }
.goodidnp {
    background-color: #CFC;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
  }
.goodidnp_strain {
    background-color: #9F3;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
  }

.auth_loginCopy {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 3 px;
	FONT-SIZE: 70%;
	PADDING-BOTTOM: 0px;
	COLOR: #666;
	PADDING-TOP: 10px;
	margin-left: 1px;
	list-style-position: inside;
	padding: 5;
}
.tbg {
	background-color: #CCF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}


#demo-1 img {
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
     transition-duration: 500ms;
}
#demo-1 img:hover{
    -webkit-transform: scale(1.7) translateX(-25%) translateY(20%);
    -moz-transform: scale(1.7) translateX(-25%) translateY(20%);
     transform: scale(1.7) translateX(-25%) translateY(20%);
   	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
     transition-duration: 500ms;


   	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;

}
#demo-2 img {
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
     transition-duration: 500ms;
}
#demo-2 img:hover{
	-webkit-transform: scale(6) translateX(50%);
    -moz-transform: scale(6) translateX(50%);
     transform: scale(6) translateX(50%);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
     transition-duration: 500ms;
}
.class_green_bg {
   background-color: #b6ff00;
}
.class_yellow_bg { background-color: yellow; }
.class_red_bg { background-color: red; }
.class_lightgrey_bg { background-color: #DDDDDD; }

/* 
div {border:solid 1px}       границы для наглядности */