body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

table td {
    vertical-align: top;
}

label {
	cursor: pointer;
}

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border-collapse: collapse;
}

html { height: 100%; }

img { border:none; }

.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
.clearfix { display: inline-block; }
 
/* start commented backslash hack */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {
	text-align: left;
	height: 100%;

	background: url(../img/tl.gif) left top no-repeat;
	font: normal 11px Tahoma;
	color: #515254;
}

#wrap {
	margin: 0;
	min-width: 940px; width: 940px;
	min-height: 100%;
	height: auto !important;/*ie6*/
	height:100%;/*ie6*/ 

	padding-left: 60px;
	margin-bottom: -65px;
}

#content {
	float: left;
	position: relative;
	display: inline;
	width: 755px;
	margin-left: 180px;
	padding: 297px 0 85px 0;
	
	background: url(../img/cont.jpg) left 108px no-repeat;
}

#leftcol {
	float: left;
	position: relative;
	display: inline;
	width: 180px;
	margin-left: -940px;
	padding: 108px 0 65px 0;
}

#header {
	width: 1000px; height: 108px;
	position: absolute;
	top: 0px; left: 0px;
}

#footer {
	height: 65px; margin-top: -65px;
	background: url(../img/ft.gif) left top repeat-x;
	position: relative;
}

/* ХЕДЕР */
#logo {
	display: block;
	position: absolute;
	left: 47px; top: 26px;
	width: 167px; height: 59px;
	text-indent: -9000px; 
	background: url(../img/logo.gif) left top no-repeat;
}

#icons {
	position: absolute;
	left: 832px;
	top: 0px;
	width: 101px;
	text-align: left;
	height: 30px;
}

#icons a {
	display: inline; float: left;
	width: 11px; height: 11px;
	font-size: 0;
	margin: 10px 11px 0 11px;
	border-top: white 2px solid;
}

#icons a:hover {
	border-top: #ed1b55 2px solid;
	background-position: left top;
}

#ich { background: url(../img/ich.gif) left bottom no-repeat; }
#ics { background: url(../img/ics.gif) left bottom no-repeat; }
#icm { background: url(../img/icm.gif) left bottom no-repeat; }

.icd {
	display: inline; float: left;
	width: 1px; height: 11px;
	font-size: 0; margin: 12px 0 0 0;
	background: url(../img/icd.gif) left bottom no-repeat;
}

/* МЕНЮ */

#menu {
	position: absolute;
	top: 0; left: 240px;
	height: 108px;
}

#menu li {
	display: inline; float: left;
	list-style: none;
	height: 108px;
	padding: 0;
	position: relative;
}

#menu li a {
	position: relative;
	display: inline;
	float: left;
	margin: 0; height: 108px;
	background: url(../img/mb.gif) bottom right no-repeat;
	text-decoration: none;
}

#menu li.last a {
	background: none;
}

#menu li:hover a.l {
	border-left: red 1px solid;
	border-right: #df374e 1px solid;
	border-bottom: #df374e 1px solid;
	border-collapse: collapse; border-spacing: 0;
	background: none;
	margin-left: -1px; margin-right: -1px; 
}

.num {
	display: block;
	position: absolute;
	top: 42px; left: 24px;
	font: bold 31px Arial Narrow, Arial;
	color: #42489b;
	cursor: pointer;
}

#menu li:hover .num,
#menu li.set .num {
	top: 35px;
	color: #ff0042;
}

.lnk {
	display: inline;
	position: relative;
	float: left;
	height: 38px;
	margin: 65px 23px 0 24px;
	padding: 5px 0 0 0;
	background: url(../img/lnk.gif) left top repeat-x;
	font: normal 13px Arial Narrow, Arial;
	color: #42489b;
	cursor: pointer;
}

#menu li:hover .lnk,
#menu li.set .lnk {
	color: #ff0042;
	background: url(../img/lnkh.gif) left top repeat-x;
}

#menu ul {
	display: none;
	background: #df0d4e url(../img/sm.gif) left top repeat-x;
	position: absolute;
	top: 108px; left: -1px;
	padding: 4px 0;
	width: 150px;
}

#menu li:hover ul {
	display: block;
}

#menu li:hover ul ul {
	display: none;
}

#menu ul ul {
	position: absolute;
	top:-4px; left: 100%;

}

#menu li li:hover ul {
	display: block;
}

#menu ul li {
	height: auto; width: 100%;
	clear: both; display: block; position: relative; 
	background: url(../img/sli.gif) 24px 5px no-repeat;
}

#menu ul li:hover {
	background-color: #f55b82;
}

#menu ul li a {
	color: white;
	padding: 2px 34px 4px 34px;
	height: auto;
	background: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}

/* ЛЕВАЯ КОЛОНКА */

#clocks {
	display: block;
	position: relative;
	background: url(../img/clocks.gif) left top no-repeat;
	width: 35px; height: 35px; font-size: 0;
	left: 25px; top: 16px;
}

#clocks .ch {
	display: block; font-size: 0;
	position: absolute;
	width: 1px; height: 1px;
	border-top: #285dbf 1px solid;
}

#clocks .cm {
	display: block; font-size: 0;
	position: absolute;
	width: 1px; height: 1px;
	border-top: #285dbf 1px solid;
}

#lb {
	display: block;
	width: 180px; height: 95px;
	background: #399be4 url(../img/lb.png) left top no-repeat;
	position: relative;
}

#lb .lbc {
	font: normal 15px Arial;
	color: #fff;
	position: absolute;
	left: 13px; top: 10px;
}

#lb .lbp {
	font: normal 14px/20px Georgia;
	color: #fff;
	position: absolute;
	left: 13px; top: 28px;
	background: url(../img/lph.gif) left 5px no-repeat;
	padding-left: 20px;
}

#lb .lbp b {
	font: normal 20px Georgia;
	position: relative; top: 2px;
}

#lb .lbm {
	font: normal 13px Arial;
	color: #fff;
	position: absolute;
	left: 13px; top: 61px;
	background: url(../img/lm.gif) left 3px no-repeat;
	padding-left: 20px;
}

#lb .lbm a {
	color: #fff; text-decoration: none;
}

#lt {
	width: 180px; height: 98px;
}

#lt .ltc {
	display: inline; float: left;
	position: relative;
	width: 90px; height: 98px;
	background: url(../img/calend.gif) 32px 13px no-repeat;
}

#lt .ltt {
	display: inline; float: left;
	position: relative;
	width: 90px; height: 98px;
}

#ltday {
	display: block; position: absolute;
	top: 25px; left: 33px;
	height: 20px; width: 31px;
	font: normal 18px/20px Arial;
	text-align: center;
	color: #285dbf;
}

#ltmonth {
	display: block; position: absolute;
	top: 60px; left: 5px;
	height: 20px; width: 85px;
	font: normal 13px/20px Arial;
	text-align: center;
	color: #285dbf;
}

#lttime {
	display: block; position: absolute;
	top: 60px; left: 0px;
	height: 20px; width: 83px;
	font: normal 13px/20px Arial;
	text-align: center;
	color: #285dbf;
}

#ln {
	width: 178px;
	border: #e0e0e0 1px solid;
	margin-bottom: 20px;
}

#ln h2 {
	width: 143px;
	font: normal 14px Arial Narrow, Arial;
	color: #285ebf;
	text-transform: uppercase;
	margin: 17px 0 0 -1px;
	padding-left: 30px;
	background: url(../img/h.png) left top no-repeat;
}

#ln ul {
	margin: 0 0 10px 0;
}

#ln li {
	width: 147px;
	margin: 0 2px;
	padding: 15px 10px 17px 17px;
	font: normal 11px Tahoma;
	color: #515254;
	background: url(../img/dots.gif) left bottom repeat-x;
	list-style: none;
}

#ln li a {
	background: url(../img/lli.gif) left 2px no-repeat;
	padding: 0 0 0 10px; display: block; 
	text-decoration: none;
	color: #515254;
}

#ln li a:hover {
	text-decoration: underline;
}

#ln li.mid {
	background-color: #f1f2f2;
}

#ln li.last {
	background: none;
}

/* КОНТЕНТ */

#cont {
	display: inline;
	width: 510px;
	float: left;
	padding: 0 0 0 30px;
}

a {
	color: #ed1651;
}

#cont h1{
	font: normal 14px Arial Narrow, Arial;
	color: #285ebf;
	text-transform: uppercase;
	margin: 17px 0 10px -30px;
	padding-left: 30px;
	background: url(../img/h.png) left top no-repeat;
}
#cont h2, #cont h3, #cont h4 {
	font: normal 14px Arial Narrow, Arial;
	color: #285ebf;
	text-transform: uppercase;
	margin: 17px 0 10px -30px;
	padding-left: 30px;
}

.breadcrumbs {
	display: block;
	font: normal 9px/20px Tahoma;
	color: #515254;
	margin: 0 0 -15px -24px;
}

.breadcrumbs a {
	color: #285dbf;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
	color: #515254;
}

#usl div {
	width: 250px; display: block;
	padding: 50px 0 0 0;
}

#usl .left {
	float: left;
}

.j {
	background: url(../img/usl1.png) left top no-repeat;
}

#usl .right {
	float: right;
}

.p {
	background: url(../img/usl2.png) left top no-repeat;
}

.j.noimage, .p.noimage {
	background: none;
	padding-top: 0px !important;
}


#usl ul {
 padding-bottom: 10px; margin-bottom: 10px; 
}

#usl li {
	list-style: none;
	padding: 0 0 5px 15px;
}

#usl a {
	text-decoration: none;
	color: #42489b;
}

#usl a:hover {
	text-decoration: underline;
}

#usl .j ul { background: url(../img/ulr.gif) right bottom no-repeat; } 
#usl .j li { background: url(../img/lir.gif) 2px 5px no-repeat; }

#usl .p ul { background: url(../img/ulb.gif) right bottom no-repeat; } 
#usl .p li {	background: url(../img/lib.gif) 2px 5px no-repeat; }

.cls div.left {
	display: block;
	width: 250px;
	float: left;
}

.cls div.right {
	display: block;
	width: 250px;
	float: right;
}

.cls .c1 {
	padding: 0 0 0 40px;
	margin: 0 0 20px -30px;
	background: url(../img/c1.gif) left top no-repeat;
}

.cls .c2 {
	padding: 0 0 0 40px;
	margin: -5px 0 20px -30px;
	background: url(../img/c2.gif) left 5px no-repeat;
}

.cls .c2 b {
	font-size: 17px;
}

.cls .c3 {
	padding: 0 0 0 40px;
	margin: 0 0 20px -30px;
	background: url(../img/c3.gif) left top no-repeat;
}

.map {
	display: block;
	margin: 0 0 0 -30px;
	width: 195px;
	height: 135px;
	background: #ededed;
}

#cont form {
	display: block;
	padding: 0 0 10px 5px;
}

img.captcha {
	position: relative;
	left: 110px;
}

input.captcha {
	position: absolute;
	left: 200px;
	width: 70px;
}

p.logout input.submit {
	display: inline;
	margin-left: 0; position: static;
}

.red {
	color: red;
}

.green {
	color: green;
}

div.user {
	display: block;
	padding: 0 10px 5px 20px;
	float: left;
	background: url(../img/user.png) left top no-repeat;
}

#cont table th {
	background: #ed1651;
	color: #fff;
	text-align: center;
	padding: 4px;
}

#cont table td {
	padding: 4px;
	border: #dcdcdc 1px solid;
}

#cont table.client {
}

#cont table.client input, #cont table.client select, #cont table.client textarea {
	display: inline; position: static; margin: 0; left: 0; top: 0;
}

#cont table.client input.small {
	width: 15px;
}

#cont table.client input.small4 {
	width: 30px;
}

#cont table.client select {
	width: 60px;
}

#cont table.client textarea {
	width: 160px; height: 150px; resize: none;
}

#cont table.client input.but {
	display: inline-block; float: right;
	width: 16px; height: 16px;
	background: url(../img/tick-button.png) left top no-repeat;
	text-indent: -9000px;
	border: none; cursor: pointer; margin-top: 5px;
}

#cont table.client a.del {
	display: inline-block; float: right;
	text-decoration: none;
	width: 16px; height: 16px;
	background: url(../img/cross-button.png) left top no-repeat;
	font-size: 0;
	text-indent: -9000px;
	border: none; cursor: pointer;
	margin-left: 5px; margin-top: 5px;
}


.print {
	display: inline; position: static; margin: 10px; left: 0; top: 0; height: 16px;
	width: 110px;
	border: none; background: #fff url(../img/printer.png) left top no-repeat;
	color: #ed1651;
	cursor: pointer;
}

/* правая колонка */
#rightcol {
	display: inline;
	width: 210px;
	float: left;
	padding: 0 0 55px 0;
}

#cons {
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	width: 193px;
	display: block;
	padding: 2px;
	background: url(../img/dots.gif) left top repeat-x;
	margin-left: 5px;
	position: relative;
}

#const {
	width: 199px; height: 114px; display: block;
	background: url(../img/cons.gif) left top no-repeat;
	font-size: 0;
	margin-left: 5px;
}

#consb {
	width: 199px; height: 6px; display: block;
	background: url(../img/consb.gif) left top no-repeat;
	font-size: 0;
	margin-left: 5px;
}

#monl {
	display: block; position: absolute;
	width: 10px; height: 10px;
	background: url(../img/left.gif) left top no-repeat;
	font-size: 0;
	top: 15px; left: 20px;
	cursor: pointer;
}

#monl.unable {
	background: url(../img/leftu.gif) left top no-repeat;
	cursor: default;
}

#monr {
	display: block; position: absolute;
	width: 10px; height: 10px;
	background: url(../img/right.gif) left top no-repeat;
	font-size: 0;
	top: 15px; right: 20px;
	cursor: pointer;
}

#mon {
	display: block; position: absolute;
	width: 120px;
	height: 12px;
	font: normal 12px/12px Tahoma;
	color: #42489b;
	text-align: center;
	top: 15px; left: 35px;
}

#cons table {
	width: 157px;
	margin: 35px 0 0 17px;
}

#cons th {
	height: 25px;
	background: url(../img/cth.gif) left top repeat-x;
	font: normal 12px/18px Arial;
	vertical-align: top;
	text-align: center;
	color: #fff;
}

#cons td {
	height: 24px;
	font: normal 12px/24px Arial;
	text-align: center;
	color: #a1a1a1;
}

#cons td.date {
	cursor: pointer;
	color: #000;
}

#cons td.now {
	background: #0a246a;
	color: #fff;
}

#cons td.date:hover {
	background: #ff0042;
	color: #fff;
}

/* ФУТЕР */
#ftr {
	display: block; width: 540px; height: 65px;
	margin-left: 240px;
	background: url(../img/ftr.gif) left top no-repeat;
	position: relative;
}

#ftr a {
	color: #515254;
}

#ftr .left {
	display: block; width: 250px;
	padding-top: 10px;
	position: absolute; top: 0px; left: 30px;
}

#ftr .right {
	display: block; width: 250px;
	padding-top: 10px;
	position: absolute; top: 0px; left: 290px;
}

#ftr .i {
	width: 139px; height: 130px;
	background: url(../img/fti.gif) left top no-repeat;
	position: absolute;
	top: -65px; left: 560px;
}

#kotik {
	display: block;
	position: absolute;
	width: 19px; height: 31px;
	background: url(../img/kotik.png) left top no-repeat;
	top: 15px; left: 720px;
	text-indent: -9000px;
	cursor: pointer;
}

#kotik:hover {
	background: url(../img/kotik_over.png) left top no-repeat;
}

/* ОВЕРЛЕЙ */
#olay {
	display: none;
	position: absolute;
	width: 467px;
	top: 140px; left: 280px;
	z-index: 2000;
}

#olt {
	display: block;
	background: url(../img/olt.png) left top no-repeat;
	width: 467px; height: 33px;
}

#olc {
	display: block;
	width: 467px;	
	background: url(../img/ol.gif) left top repeat-y;
}

#olcons {
	display: block;
	width: 465px; height: 85px; margin: 0 auto;
	background: url(../img/olcons.gif) 140px top no-repeat;
	border-bottom: #929292 1px dotted;
	font-size:0;
}

#olb {
	display: block;
	background: url(../img/olb.png) left top no-repeat;
	width: 467px; height: 5px;
}

#olc form {
	padding: 20px 0px 20px 90px;
	display: block;
}

form div {
	display: block;
	position: relative;
}

label, #olc p.desc {
	position: absolute;
	display: block;
	width: 100px;
	line-height: 20px;
	margin-bottom: 5px;
}

#olc p.info {
	position: relative; top: 0; left: 100px;
	display: block;
	width: 170px; 
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 5px;
}

input, select {
	position: relative; top: 0; left: 100px;
	display: block;
	width: 170px; height: 18px;
	line-height: 18px;
	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	background: #ededed;
	margin-bottom: 5px;
}

textarea {
	resize: none;
	position: relative; top: 0; left: 100px;
	display: block;
	width: 170px; height: 50px;
	line-height: 18px;
	border-top: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
	background: #ededed;
	margin-bottom: 5px;
}

input.submit {
	border: none;
	font: normal 11px/17px Tahoma;
	color: #fff;
	height: 17px; width: 70px;
	background: url(../img/submit.gif) left bottom repeat-x;
	cursor: pointer;
	left: 122px;
	top: 5px;
}

input.reset {
	margin-top: 5px;
	position: absolute; left: 202px;
	border: none;
	font: normal 11px/17px Tahoma;
	color: #fff;
	height: 17px; width: 70px;
	background: url(../img/reset.gif) left bottom repeat-x;
	cursor: pointer;
}

#result {
	display: block; padding: 10px;
}

#result span.green { color: green; }
#result span.red { color: red; }