body {font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 12px; margin:0; color:#000; width:100%; line-height:1.2; background:url(/images/line.jpg) center repeat-y #e1f4f6;}

h1 {font-size:22px; font-weight:700; color:#f00; margin:20px 20px 10px 20px;}
h2 {font-size:18px; font-weight:700; color:#198d99; margin:0 0 12px 0;}
h2 a {color:#198d99;}
h2 a:hover {color:#d01400;}
h3 {font-size:12px; font-weight:700; color:#198d99; margin:0 0 12px 0;}

p {margin:0; padding:0;}
a {color:#198d99;}
a:hover {color:#d01400;}
.red_text {font-weight:700; color:#d01400;}
.block {margin:10px 20px; height:auto; float:left; width:720px;}
a.removeRec img, a.addNews   img { color: none !important; border: none !important; }
.dop_block {margin:0 20px;height:auto; float:left; width:720px;}
.anons {float:left; width:100%;}
div.news_block {width:100%; padding:0; margin:0;}
div.news {float:left;width:49%; margin-right:4px; margin-bottom:20px;}

.a_pic {float:left; margin:0 8px 8px 0;}
.a_pic a img {border:1px solid #eee;}
.a_pic a:hover img {border:1px solid #b8e4e9;}
.a_text {}
.a_head {margin-bottom:6px; color:#d01400;}
.a_head a {color:#d01400;}
.a_head a:hover {color:#198d99;}
.a_date {margin-bottom:6px; font-size:10px; color:#198d99;}
table.a_tab {width:100%; padding:0; margin:0;}
table.a_tab td.col_1 {width:50%; padding-right:8px;}
table.a_tab td.col_2 {width:50%; padding-left:8px;}
.more {margin:6px 0; font-size:10px;}

#container {width:980px; margin-left:auto; margin-right:auto;}

#top {width:980px; height:104px; background:url(/images/top.png);}
#top2 {width:980px; height:169px; background:url(/images/linetop.jpg) bottom no-repeat;}
#top2 img {border:0;}
#foto {width:616px; height:160px; float:left; background:url(/images/foto.jpg);}

#registr {width:364px; height:160px; float:left;}
#registr a span {display:none;}
#registr a:hover span {display: block; position:absolute; margin-top:-160px;}
#cabinet {width:364px; height:80px; float:left;}
#cabinet a span {display:none;}
#cabinet a:hover span {display: block; position:absolute; margin-top:-80px;}

#logo {position:absolute; width:104px; height:83px; top:9px; left:50%; margin-left:-425px;}
#logo img {border:0;}
#htext {position:absolute; top:26px; left:50%; margin-left:-310px; font-size:18px; font-weight:300; line-height:normal;}
#hadres {position:absolute; top:14px; left:50%; margin-left:72px; width:400px; text-align:right; font-size:12px; font-weight:600; color:#037377; line-height:normal;}
#hadres a {color:#037377;}
#hadres a:hover {color:#e1f4f6;}

#buttons {position:absolute; top:74px; left:50%; margin-left:360px; width:120px; height:25px;}

#buttons a {
  width: 25px;
  height: 25px;
  display: block;
  float: left;
  margin-right: 5px;
  background-image: url(/images/buttons.png);
}

#buttons a.home        { background-position: 0 0; }
#buttons a.home:hover  { background-position: 0 -25px; }
#buttons a.mail        { background-position: -25px 0; }
#buttons a.mail:hover  { background-position: -25px -25px; }
#buttons a.print       { background-position: -50px 0; }
#buttons a.print:hover { background-position: -50px -25px; }
#buttons a.map         { background-position: -75px 0; }
#buttons a.map:hover   { background-position: -75px -25px; }

#content {width:980px;}
#content tr {vertical-align:top;}
#left {width:220px; background:url(/images/fonleftmenu.jpg) top left no-repeat #b8e4e9; height:100%;}

#menu {margin:0px; padding:8px; font-weight:700; text-shadow:#fff 1px 1px 2px; margin-bottom:18px;}
#menu ul {margin:0 0 10px 0; padding-left:6px; padding-right:10px; list-style:none;  font-size:13px;}
#menu ul li a {padding:6px; color:#000; text-decoration:none; display:block; border-bottom: 1px dotted #eee;}
#menu ul ul {margin:0;}
#menu ul ul li a {color:#037377; border:0; font-size:11px; background:url(/images/arrow.png) no-repeat left; padding:3px 0 3px 10px;}
#menu a:hover {color:#d01400;}
#menu a:active {color:#d01400; text-decoration:none;}

/*#menu {color:#ff0f0c; font-size:22px; font-weight:700; text-shadow:#fff 1px 1px 2px; margin-bottom:18px;}*/

#main {width:760px; height:100%; padding:10px 0;}

#path {margin:10px 22px; padding:0; color:#037377; font-size:10px; }
#path a {color:#037377; text-decoration:underline}
#path a:hover {color:#d01400; text-decoration:underline}

#news {margin:10px 20px; padding:0; color:#037377; font-size:10px;}
#news a {color:#037377; text-decoration:underline}
#news a:hover {color:#d01400; text-decoration:underline}

#pages {margin:10px 20px; padding:0; float:left; color:#037377; font-size:10px;}
#pages a {color:#d01400; text-decoration:underline}
#pages a:hover {color:#037377; text-decoration:underline}

#footer {width:980px; height:106px; background:url(/images/bottomline.jpg); float:left; position:relative;}
#copy {position:absolute; top:12px; left:17px; color:#fff; font-size:11px; }
#fmenu {position:absolute; top:12px; right:17px; text-align:right; font-size:11px; color:#037377; line-height:normal; word-spacing:6px;}
#fmenu a {color:#037377; font-weight:700; word-spacing:normal;}
#fmenu a:hover {color:#e1f4f6;}
#counter {position:absolute; top:58px; left:17px; width:88px; height:15px;}
#gu {position:absolute; top:78px; left:17px;  width:220px; color:#b8e4e9; font-size:10px;}
#gu a {color:#b8e4e9;}
#gu a:hover {color:#fff;}
#fadres {position:absolute; text-align:right; font-size:11px; color:#fff; line-height:normal; width:auto; right:17px; top:50px;}
#fadres a {color:#fff;}
#fadres a:hover {color:#037377;}

/************************
   стили для админки
************************/

.success { color: green; display: none; }
.error { color: red; display: none; }
#error_login_block { color: red; display: none; }

/************************
   стили регистратуры
************************/

/*Меню больниц (с отделениями) и специалистов*/
.center-left { float: left; width: 150px; text-align: left;}
#e-reg_menu               { margin: 0 0 6px 0; line-height: 1.6; position: relative;}
#e-reg_menu .dep          { margin: 0 0px 6px 35px; padding: 25px 25px; width: 35%; position: relative; /*left: -18%;*/ }
#e-reg_menu .dep div      { background: url(/images/new_images/button.png)  no-repeat; background-size: 100% 100%; display: block; width: 230px; height: 18px; padding: 18px 0; /*text-align: center;*/ font-weight: 700; text-decoration: none; border: solid 1px #aed0ea; }
#e-reg_menu .dep div:hover { background: url(/images/new_images/cursor_button.png)  no-repeat; background-size: 100% 100%; }
#e-reg_menu .dep a        { display: block; width: 230px; height: 55px; font-weight: 700; text-decoration: none; top: -18px; position: relative; }
#e-reg_menu .dep h2       { font-size: 14px; font-weight: 700; color: #000; margin: 0; /*width: 45%;*/ line-height: 1; text-shadow: 0 0 1em white; position: relative; width: 60%; top: 14px; left: 10px; }
#e-reg_menu .line         { margin: 0 10px 6px 10px; padding: 5px 25px; width: 70%; position: relative; left: -5%; }
#e-reg_menu .line a       { background: url(/images/new_images/button.png) no-repeat #7BC1C8; background-size: 100% 100%; display: block; width: 100%; height: 100%; padding: 13px 0; text-align: center; font-weight: 700; text-decoration: none; border: solid 1px #aed0ea;}
#e-reg_menu .line a:hover { background: url(/images/new_images/cursor_button.png)  no-repeat #A2EBED; background-size: 100% 100%; }
#e-reg_menu .line h2      { font-size: 14px; font-weight: 700; color: #000; margin: 0; width: 85%; line-height: 1; margin-left: 10%; text-align: left; text-shadow: 0 0 1em white; }
#e-reg_menu .item         { margin: 0 0px 6px 35px; padding: 5px 25px; width: 35%; position: relative; left: -18%; }
#e-reg_menu .item a       { background: url(/images/new_images/button.png)  no-repeat; background-size: 100% 100%; display: block; width: 230px; height: 18px; padding: 18px 0; /*text-align: center;*/ font-weight: 700; text-decoration: none; border: solid 1px #aed0ea; }
#e-reg_menu .item a:hover { background: url(/images/new_images/cursor_button.png)  no-repeat; background-size: 100% 100%; }
#e-reg_menu .item h2      { font-size: 14px; font-weight: 700; color: #000; margin: 0; /*width: 45%;*/ line-height: 1; text-shadow: 0 0 1em white; }
.e-reg_menu_header        { width: 100%; height: 35px; background: #B0E0E6; margin: 10px 0; }
.e-reg_menu_header h2     { font-size: 14px; color: #000; width: 20%; height: 32px; text-align: left; position: relative; left: 18px; float: left; text-shadow: 0 0 1em white; }
.e-reg_menu_header img    { float: left; position: relative; left: 5px; top: -12px; }
.e-reg_menu_comment       { font-weight: normal; color: #000; /*margin-left: -43px;*/ }
.e-reg_menu_comment_shed  { margin-left: -43px; }
.e-reg_menu_comment2 { display: none; }
.e-reg_menu_comment2.novchld { display: block; font-weight: bold; color: red; }
.e-reg_menu_schedul       { position: relative; width: 100%; top: 5px; height: 110%; }
.e-reg_menu_schedul .comment { width: 20%; text-align: left; }
.e-reg_menu_filter        {  width: 18%; height: 20px; }
.e-reg_menu_filter button { border: solid 1px #aed0ea; /*font-weight: bold;*/}
.e-reg_menu_filter_unselect button { background: #AFEEEE; }
.e-reg_menu_filter_unselect :hover    { background: #f0feff; border: solid 1px #2c676e; cursor: pointer; }
.e-reg_menu_filter_select   button { background: #5F9EA0; }
#e-reg-clock              { height: 100%; width: 30px; position: relative; left: -50px; background: url(/images/new_images/time.png) no-repeat; margin: -30px 0 0 600px; color: #000; font-size: 14px; float: right; text-align: left; padding-left: 36px; font-weight: bold; text-shadow: 0 0 1em white; }

#next_week  { float: right; border: solid 1px #AFEEEE; background: #B0E0E6; font-size: 12px; width: 190px; }
#prior_week { float: left; border: solid 1px #AFEEEE; background: #B0E0E6; font-size: 12px; width: 195px; }
#next_week:hover, #prior_week:hover { background: #F0FFFF; }
#weekPeriod  { float: left; left: 10px; position: relative; top: 10px; color: #037377; font-weight: bold; }
#next_week span, #prior_week span { height: 18px; text-shadow: 0 0 1em white; }

table#e-reg-steps { width:100%; /*margin-bottom:20px;*/border-bottom: 2px #5F9EA0 solid; padding-bottom: 2px; }
table#e-reg-steps td { vertical-align: middle; font-weight: bold; color: #037377; }
table#e-reg-steps td.selected { color: #f00; }
table#e-reg-steps .step_name { text-shadow: 0 0 1em white; }

#check_tab      { width:100%; border-collapse:collapse; margin-top:14px; text-align:center; position: relative; top: 20px; color: #000; }
#check_tab th   { border-top: solid 1px #2d7a83; border-left: solid 1px #2d7a83; border-right: solid 1px #2d7a83; padding:16px 6px; }
#check_tab td   { border-bottom: solid 1px #2d7a83; border-left: solid 1px #2d7a83; border-right: solid 1px #2d7a83; padding:14px 0 6px 6px; vertical-align: middle; }
#check_tab_head { /*background: url(/images/new_images/head.png) no-repeat #00B3BC; background-size: 100% 100%;*/ text-shadow: 0 0 1em white; }
#check_tab img  { height: 48px; }

.date {display:block; padding-bottom:6px; font-size:10px; color:#666;}

#registration              { width: 100%; border-collapse:collapse; font-weight:700; position: relative; top: 10px; color: #000; }
#registration th           { padding: 16px 6px; border-top: solid 1px #2d7a83; border-left: solid 1px #2d7a83; border-right: solid 1px #2d7a83; /*text-align:left;*/ }
#registration .caption     { /*background: url(/images/new_images/check.png) no-repeat #00B2BB; background-repeat: repeat-y; background-size: 100% 100%;*/ text-shadow: 0 0 1em white; }
#registration td           { padding:14px 0 6px 6px; /*border-top: solid 1px #2d7a83;*/ border-bottom: solid 1px #2d7a83; border-left: solid 1px #2d7a83; border-right: solid 1px #2d7a83; }
.green       { position: absolute; top: 0; left: 0; width: 720px; z-index: -1; height: 63px; }

#registration tr.info td { width:auto; }

#e-reg_time                { margin: 8px auto; padding: 0; }
#e-reg_time tr             { height: auto; vertical-align: middle; }
#e-reg_time td             { width: 80px; padding: 6px 0; border: solid 1px #2d7a83; height: 20px; background: #6dbac2; text-align: center; color: #000; text-shadow: 0 0 1em white; }
#e-reg_time td:hover       { background: #b9e4ea; }
#e-reg_time td.empty       { border: 1px dotted; background: inherit; }
#e-reg_time td.empty:hover { background: inherit; }
#e-reg_time td.normal      { cursor: pointer; }

#reg_form                  { font-weight: normal; font-size: 14px; color: #000; position: relative; left: -40px; }
#reg_form td               { padding-bottom: 5px; left: -50px; vertical-align: middle; }
#reg_form .checkbox        { text-align: left; }
#reg_form input            { width: 250px; height: 20px; }
#reg_form label            { vertical-align: 5px; }
#reg_form input#agree,#reg_form input#store_data   { width: 20px; }

.datacheck         { position: relative; width: 70%; }
.datacheck_comment { color: #000; float: left; text-align: left; font-weight: normal; font-size: 14px; }

#captcha_table       { color: #000; }

.info_block {margin:16px 0; padding:12px; width:400px; font-weight:700;}
.error_block    { border:1px solid #B00000; background-color:#fde5df; color:#B00000; font-size: 14px; background: #ffeeee url(/images/err_exclamation.gif) no-repeat 15px 25px; min-height: 66px; padding-left: 70px; text-align: left; margin-left: 70px; }
/*.error_block ul { text-align: left; width: 60%; }*/
.success_block  { border:1px solid #2d7a83; background-color:#c7f4bb; color: #000; font-weight: normal; font-size: 14px; }

.detail td.reserve { background: #FFD800; }

#registration tr.info td {padding:6px; font-weight:100;}

#registration tr.info td.clickable {cursor:pointer;}

#registration tr.info td.free {background:#d3eff2;}
#registration tr.info td.free:hover {background:#f0feff;}

#registration tr.info td.normal { background: #b8eac7; }
#registration tr.info td.normal:hover { background: #d4fafd; }

#registration tr.info td.busy {background: #ffc5b6;}
#registration tr.info td.busy:hover {background: #fde5df;}

#registration tr.info td.normalActiveDay { background: #b8eac7; }
#registration tr.info td.normalActiveDay:hover { background: #d4fafd; }
#registration tr.info td.ActiveDay { background: #b9e4ea; }

#registration .selected { background:#fff !important; border-bottom: solid 1px #fff; }

.vopros { font-weight:700; font-style:italic; margin-bottom:8px; }
.otvet  { margin-bottom:12px; }
.vopros textarea, .otvet textarea { width: 96%; left: 10px; position: relative; }

#contact p {font-size:10px; margin:2px 0;}
#contact td {padding-bottom:4px;}


table#forms input.send {cursor:pointer; background-color:#d3eff2; color:#2d7a83; font-weight:700; border:1px solid #aed0ea; padding:4px 8px;}
table#forms input.send:hover {cursor:pointer; background-color:#f0feff; color:#2d7a83; border:1px solid #2d7a83;}

@media print {
body {background:#fff;}
#logo {margin-left:-470px;}
#htext {margin-left:-355px;}
.block { width: 100%; }
#content {margin-top:120px;}
#top, #top2, #hadres, #buttons, #left, #path, #footer, .more{display:none;}
}

button#cancel, button#cancel2 {cursor:pointer; background-color:#d3eff2; color:#2d7a83; font-weight:700; border:1px solid #aed0ea;}
button#cancel:hover, button#cancel2:hover {cursor:pointer; background-color:#f0feff; color:#2d7a83; border:1px solid #2d7a83; }
.ui-button .ui-icon.ui-icon-calendar { background-image: url(/images/new_images/schedule.png) ; background-position: 0; width: 100%; height: 100%; top: 8px; left: 7px; background-size: cover; border: none; border-width: 0px; margin-left: -7px; }
/*.ui-button .ui-icon.ui-icon-calendar:hover { 1px solid #aed0ea; }*/

div.selected     { font-style:italic; }

td.invisible     { visibility: hidden; }

.invisible_type  { display: none; }

 .Arrow                    { width: 6px; height: 7px; background-image: url(/images/new_images/arrows.png); }
.stepArrow                { background-position: right; float: right; /*margin-left: 95% 160px;*/ margin-top: -10px; }
.schedulArrowLeft         { background-position: left; float: left; margin-left: -4%; margin-top: 5px;/* position: relative; top: -10px;*/ }
.backArrowLeft            { background-position: left; /*float: left;*/ left: -20%; top: -9px; position: relative; }
.schedulArrowRight        { background-position: right; float: right; margin-left: 100%; margin-top: -11px; /*position: relative; top: 6px;*/ }
.headLine                 { width: 100%; height:10px; background-color: #AFEEEE; }
.ui-datepicker-trigger    {  height: 28px; margin: 2px 0px 0px 20px; position: relative; /*left: 20px;*/ float: left; background-color: transparent; }

#return        { left: 20px; }
#return span   { height: 16px; width: 60%; line-height: 1; padding: .3em 1em; text-shadow: 0 0 1em white; padding-left: 7px; padding-right: 7px; padding-top: 3px;}
#check         { background: url(/images/new_images/check.png) repeat-y #00B5BE; color: #ffffff; font-weight: normal; float: right; background-size: 100% 100%; position: relative; left: 2px; width: 70%; text-shadow: 0 0 1em white; }
#submit        { background: url(/images/new_images/check.png) repeat-y #00B5BE; color: #ffffff; font-weight: normal; background-size: 100% 100%; text-shadow: 0 0 1em white; }
a#submit img   { color: none !important; border: none !important; }
#ticket_print  { background: url(/images/new_images/check.png) no-repeat; color: #ffffff; font-weight: normal; background-size: 100% 100%; text-shadow: 0 0 1em white; }
#attantion     { color: #000; }
#spec, #group  { width: 140px; height: 200%; }
.for_ie7       { position: relative; height: 100%; wight: 100%; }

#ulTabs         { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; }
#ulTabs li      { float: left; margin: 0 .5em 0 0; border: none; }
#ulTabs li.ui-state-active { background-color: #fff; }
#ulTabs a       { position: relative; padding: .3em 0.5em; float: left; color: #2c676e; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 5px 0 0 0; box-shadow: 0 2px 2px rgba(0,0,0,.4); }
.faqs_content   { border: none !important; }
.control_panel  { padding: 10px; width: 30px; float: left; }
a.remove img, a.saveAnswer img { color: none !important; border: none !important; }