/* typography.css */
body {font-size:100%;color:#222;background:#fff;font-family:Arial, Tahoma, sans-serif;}
h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family:Georgia, "Times New Roman", serif; text-align: left;}
h1 {font-size:2em;line-height:1em;margin: 0 0 0.5em 12%; color:#3a8be7; font-weight: normal}
h2 {font-size:1.2em;margin:1em 0 0.25em 0;font-family:Tahoma, Arial, Verdana, sans-serif;font-weight:bold;color:#3399cc;}
h3 {font-size:1.3em;line-height:1em;margin:1.3em 1em .2em 1em;font-family:Tahoma, Arial, Verdana, sans-serif; color: #999;}
h4 {font-size:1.1em;font-weight:bold;line-height:1.25em;margin:1em 2em 0.4em 2em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin:1em 3em 0.3em 3em;font-family:Tahoma, Arial, Verdana, sans-serif;}
h6 {font-size:0.8em;font-weight:bold;margin:1em 0 0.5em 0;font-family:Tahoma, Arial, Verdana, sans-serif;text-transform: uppercase; text-align: center;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

a {color:#009;text-decoration:underline;}
a:focus, a:hover {color:#000;}
a span.arrow {text-decoration:none;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {color:#c00;border-bottom:1px dotted #c00;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code, .code {margin:1.5em 0;white-space:pre;line-height:normal;}
pre, code, tt, .code {font-family:"andale mono","lucida console",monospace;}
li {margin: 0 2em;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
th {font-size:0.8em; font-weight:bold; background:#C3D9FF; text-align:center; color:#036; padding:6px 5px; border-bottom:#06f solid 1px;}
tr.even td {background:#E5ECF9;}
tr.odd td {background:#F9F9F9;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.note {font-size:0.8em; color:#888;}
.lh1 {line-height:1em;}
.lh2 {line-height:2em;}
p.lh1small {font-size:0.8em; line-height:normal; margin-bottom:0.5em;}
#content .maintext .hide {display:none;} /* скрыто только на странице */

/* cms.css */
.servicelinks {margin:3px 0 20px 0;}
#div_picadd div {width: auto; float:left; padding: 0 5px;}
#div_picadd div input {width: 160px;}
.linkpath {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 0.8em; color: #999; margin: 0 0 0 7%;}
.linkpath a {color: #999;}
.linkpath a:hover {color: #666;}
.login {font-size: 0.8em; width: 60px;}
.div_list {width: 100%}
.div_list:after{content: "";display: block;clear: both;}

/* grid.css */
#header{width: 99.85%; position: absolute; top: 0px; left: 0px;}
/*div {border: #000 solid 1px}*/
#logo {padding: 123px 0 0 5%; width: 25%; float: left; text-align: left}
#contacts {clear: right; font-family:Georgia, "Times New Roman", serif; color: #0045a4; font-size: 41px; padding: 0 0 0 5%}
#contacts h1 {font-size: 1em; margin: 0 0 .5em 0; display: inline; color: #0045a4}
#contacts span.b {display:inline-block; vertical-align:middle;}
#contacts .c {font-size: .5em; line-height:1.1em; color: #369;}
#contacts .icq {font-size:.5em; line-height:1.1em; margin-top:15px; color:#000;}
#contacts .icq img {display:inline-block; vertical-align:middle; width:18px; height:18px; margin:0 4px 0 0;}
#contacts .icq span {font-size:16px; line-height:16px; padding:1px 0;}
#contacts a {text-decoration:  none;}
#contacts a:hover {color: #0045a4}

.lang {float: right; width: 20%; height: 40px; text-align: left; color: #fff; padding: 10px 0 0 20px;}
.lang a {display: block; float: left; text-decoration: none; width: 32px; height: 24px; margin: 0 5%}
.tmenu {width: 65%; float: left; margin-top: 20px; font-family: Georgia, serif; font-size: .8em; padding: 0 0 0 4%;}
.tmenu ul {margin: 0;}
.tmenu ul li {float: left; list-style-type: none;padding: 1px 0; margin: 0 15px 6px 0; border: #3a8be7 dashed; border-width: 0 0 1px 0; white-space: nowrap; line-height: 1.3em}
.tmenu ul a {cursor: pointer; text-decoration: none; color: #000}
.tmenu ul a:hover {color: #3a8be7}
.tmenu ul li.act {padding:0; margin: 0 15px 5px 0; height: 20px; border: none}
.tmenu ul li.act .cn {background:url('/img/tmenu_bg.gif') -10px -10px; height: 18px; float: left; padding: 2px 0 0 10px; line-height: 1em}
.tmenu ul li.act .r {float: left; width: 0px; background-position: 0 -10px}
/*.tmenu ul li.act .cont {background:#febc28;}
.tmenu ul li.act .cont {padding:0px 10px 10px 0; margin: -10px 0 0 0}
.tmenu ul li.act .cn {position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url('/img/tmenu_bg.gif');}
.tmenu ul li.act .cn.tr, .tmenu ul li.act .cn.br {margin-left:100%;}
.tmenu ul li.act .cn.bl, .tmenu ul li.act .cn.br {top:auto;}
.tmenu ul li.act .cn.tl, .tmenu ul li.act .cn.bl {width:100%;}*/
#nav {float: right; width: 20%; height:43px; margin: 0 5% 0 0; vertical-align: top}
#nav table {height:43px;}
#nav table, #nav tbody, #nav tr {border: 0; padding: 0; margin: 0}
#nav table #navleft {width: 22px; background: url('/img/nav_l.png') no-repeat right top}
#nav table #navright {width: 22px; background: url('/img/nav_r.png') no-repeat left top}
#nav table #navcenter {background: url('/img/nav_bg.png') repeat-x; text-align: center; padding: 12px 0 17px 0}
#nav table #navcenter div {width:33%; float: left; text-align: center; border: 0}
#nav table #navcenter div img {width: 15px; height: 15px; padding: 0 5px}

#mainmenu {color: #777; padding: 0px 0 15px 30px; border-left: #ccc solid 1px; vertical-align: top;}
#mainmenu ul li {list-style: url("/img/arr_grey_r.gif"); line-height: 0.7em; margin: 0 0 15px 0; font-size: 1.3em;}
#mainmenu ul a:hover li, #leftcol .in ul a.act, #leftcol .in ul li.act {list-style: url("/img/arr_red_r.gif"); color: #0068c9; text-decoration: underline;}
#mainmenu ul a {color: #0068c9; text-decoration: none;}
#mainmenu input.text {width: 100px;}

#content{
    width: 69.85%;
    float: left;
    padding-top: 230px; /* чтобы предотвратить "схлопывание" границ, если у первого дочернего элемента не нулевой margin-top */
    padding-bottom:0px; /* #footer.offsetHeight + #content.desired-paddingBottom */
    padding-left: 30%;
    margin: 0 0 0 0;
    text-align:left;
}
#content #gals_taxi_car {background: url('/img/gals_taxi_car_p.png') no-repeat 40% 0; height:520px;}
#content #gals_taxi_car.enlight {background-image: url('/img/gals_taxi_car_a.png');}
#content .maintext {width:81%;margin: 0 12% 0 7%;}
#content .maintext p {text-indent: 3em; text-align: justify;}
#content .maintext p.noindent, #content .maintext p.note {text-indent: 0;}
#content .maintext table {width: 100%; margin: 5px 0 20px 0; padding: 0; text-align: center;}
#content .maintext table td {border: #ddd solid 1px; padding: 1px 5px; font-size: .9em; line-height: 1.2em}
#content .maintext table.transp {margin: 0; padding: 0;}
#content .maintext table.transp tr td {border: #fff 0px; padding: 0;}
#content .comment {background: #eee; border: #ccc dashed 2px; font-size: 0.8em; text-align: center; width: 30%; float: right; font-style: italic;}
#content .photo div.s_240 {border: #ccc solid 1px; margin: 10px; float: left; width: 220px;}

#footer {clear:both; text-align:center; padding:0;}
#footer table {height: 334px}
#footer td {background: url('/img/footer_bg.gif') repeat-x}
#footer td.l {width: 30%; background-position: right bottom}
#footer td.l div {width: 100%; height: 334px; background: url('/img/footer_l.gif') right bottom no-repeat}
#footer td.r {width: 160px; background-position: left bottom; vertical-align: bottom}
#footer td.r div {width: 160px; height: 234px; background: url('/img/footer_r.gif') left bottom no-repeat; float: left; }
#footer td.copy {background-position: left bottom; vertical-align: bottom; text-align: right; color: #fff; font-size: .7em; padding: 0px 5% 25px 0}
#footer td.copy p {margin: 0 0 70px 0; color: #ccc}

#leftcol{width: 30%; float: left; padding: 250px 0 0 0; margin: 0 0 0 -99.96%}
#leftcol ul {margin: 0 0 20px 0; padding: 0}
#leftcol ul li {list-style: none; margin: 0}
/*#leftcol ul li a {display: block; padding: 0px 20% 0px 24%; }
#leftcol ul li a span, #leftcol ul li:hover {background: #febc28 url('/img/lmenu_l.gif') no-repeat left center; }
#leftcol ul li a span, #leftcol ul li:hover a {display: block; height: 24px; background: url('/img/lmenu_r.gif') no-repeat right}
#leftcol ul li span {padding: 8px 20% 8px 24%; }*/
#leftcol ul li a {display: block; padding: 0 20% 0 24%; color: #00407b; text-decoration: none}
#leftcol ul li a:hover {background: #ffee8a;}
#leftcol ul li span {background: #febc28 url('/img/lmenu_l.gif') no-repeat left center; display: block}
#leftcol ul li span a, #leftcol ul li span a:hover {color: #000; padding: 8px 20% 8px 24%; background: url('/img/lmenu_r.gif') no-repeat right}

#leftcol div.form_contact {margin:0 20px;}
#leftcol div.form_contact .f {margin-bottom: 5px; padding:0;}
#leftcol div.form_contact .f .t {font-size:0.8em; margin:0; padding:0; line-height:normal;}
#leftcol div.form_contact .f .h {font-size:0.8em; color:#999; margin:0; padding:0; line-height:normal;}
#leftcol div.form_contact .f .c {margin:0; padding:0; line-height:normal;}
#leftcol div.form_contact .f .error {margin:0; padding:0; font-size:0.8em; line-height:normal; border:none; background:transparent; color:#f00;}
#leftcol div.form_contact .s {text-align: center;}

#leftcol .in {margin: 0 12% 0 26%; text-align: left;}
#leftcol .in ul li {line-height: 0.9em; margin-bottom: 15px; font-weight:bold; font-size: 1.1em;}
#leftcol .in ul a:hover li, #leftcol .in ul a.act, #leftcol .in ul li.act {list-style: url("/img/arr_red_r.gif"); color: #c00; text-decoration: underline;}
#leftcol .in ul a {color: #777; text-decoration: none;}

div.end_float {clear:both; font-size:1px; height:1px; overflow:hidden; margin:0 !important; padding:0 !important;}

.order_head .o_l {width: 20px; height: 25px; background: url('/img/order_lt.png') no-repeat left top}
.order_head .o_c {background: url('/img/order_t_bg.png') repeat-x}
.order_head .o_c div {height: 25px; background: url('/img/order_lt.png') no-repeat -20px 0}
.order_head .o_r {width: 70px; background: url('/img/order_rt.png') no-repeat right top}

.order_form {padding:0;background: url('/img/order_bg.jpg')}
/*.order_form div {border: #f00 solid 1px}*/
.order_form tbody .o_l {width: 20px; background: url('/img/order_l.gif') repeat-y; vertical-align: bottom}
.order_form tbody .o_l div {width: 20px; height: 165px; background: url('/img/order_bl.jpg') bottom left no-repeat}
.order_form tbody .o_c {vertical-align: top; background: url('/img/order_bl.jpg') no-repeat -20px 100%; padding: 0 0 20px 0;}
.order_form tbody .o_p {vertical-align: top; width: 50px}
.order_form tbody .o_p div {width: 40px; height: 181px; margin: 0 8px; background: url('/img/order_pages_bg.png') no-repeat}
.order_form tbody .o_p div .order_pages {width: 40px; height: 126px; background: url('/img/order_pages.png') no-repeat; margin: 0}
.order_form tbody .o_p div .order_pages.bg1 {background-position: 0 0}
.order_form tbody .o_p div .order_pages.bg2 {background-position: -40px 0}
.order_form tbody .o_p div .order_pages.bg3 {background-position: -80px 0}
.order_form tbody .o_p div .order_pages.bg4 {background-position: -120px 0}
.order_form tbody .o_p div .order_pages a {display: block; width: 40px; height: 30px; clear: both; cursor: pointer}
.order_form tbody .o_r {width: 20px; background: url('/img/order_r.gif') repeat-y 100% 0; vertical-align: bottom; text-align: right}
.order_form tbody .o_r div {width: 20px; height: 210px; background: url('/img/order_rb.gif') no-repeat 100% 100%}
.order_form tbody .o_top {background: url('/img/order_scale.gif') right top no-repeat}
.order_form tbody .o_top table td {vertical-align: middle;}
.order_form tbody .o_top h2 {font-size: 28px; font-weight: normal; color: #fff; line-height: 1em; margin: 10px 0 5px 5%}
.order_form tbody .o_top h2 b {font-size: 40px; display: block; width: 100%; font-weight: normal}
.order_form tbody .o_top .order_arrow {width: 120px; height: 152px; background: url('/img/order_arrow.png') no-repeat}
.order_form tbody .o_top .bg1 {background-position: -20px 0}
.order_form tbody .o_top .bg2 {background-position: -160px 0}
.order_form tbody .o_top .bg3 {background-position: -300px 0}
.order_form tbody .o_top .bg4 {background-position: -440px 0}

.order_form .tabs ul {font-size: .75em; float: none; margin: 0}
.order_form .tabs ul li {list-style: none; color: #fff; cursor: pointer}
.order_form .tabs ul li {float: left; list-style-type: none;padding: 3px 0 0 0; margin: 0 0  2px 5px; white-space: nowrap; line-height: 1.3em}
.order_form .tabs ul li .cn {margin: 0px 10px 0 10px;border: #3a8be7 dashed; border-width: 0 0 1px 0;}
.order_form .tabs ul li .r {display: none}
.order_form .tabs ul li.act {padding:0; height: 20px; border: none}
.order_form .tabs ul li.act .cn {background:url('/img/bmenu_bg.png') -10px -10px; height: 16px; float: left; padding: 4px 0 0 10px; margin: 0; line-height: 1em; border: 0}
.order_form .tabs ul li.act .r {display: block; float: left; width: 0px; background-position: 0 -10px}

/*.order_form .tabs {margin:0; padding:0; border-top:#fff solid 1px;}
.order_form .tabs div {width:auto; float:left; padding:0.2em 0.5em; border:solid; border-width:1px 1px 0; cursor:pointer;}*/

/*.order_form td {border: #0f0 dotted 1px}*/
.order_form .page {margin:0; padding:0; clear:both; color: #fff}
.order_form .page div {width: 100%;font-size: 1.5em; line-height: 1.3em}
.order_form .page input.q {background: #fff url('/img/q.gif') center right no-repeat}
.order_form .page div.q {float: left; padding: 0 20px 0 0; margin: 0 0 0 0; background: url('/img/q.gif') center right no-repeat}
.order_form .page textarea {height: 45px}
.order_form .page .error {font-size: 80%; width: 90%; padding: 5px 5%; margin: 10px 0; border: #900 solid 1px; background: #a00; color: #fff;}
.order_form .page input {border: #999 solid 1px}
.order_form .page .checkbox input, .order_form .page .left input {border: none}
.order_form .page .phone8 {width: 94%; font-size: 1.7em; margin: 0; padding: 0 3%}
.order_form .page span {font-size: .8em; line-height: 1.2em}
.order_form .page span span {font-size: 1em; color: #f66}
.order_form .act {display: block; visibility: visible}
.order_form .deact {display: none; visibility: hidden}
.order_form fieldset {margin: 0 5%; display: block}
.order_form fieldset.kcaptcha {padding: 3px 0;}
.order_form fieldset.kcaptcha span {display: block; float: left; width: auto; text-align: center; background: #fff;margin-right:8px;}
.order_form fieldset.kcaptcha div {font-size: 10px; }
.order_form fieldset.kcaptcha a {height: 15px; display:inline-block; line-height: 1em; margin: 11px 0 0 0; padding: 0; color: #fff;}
.order_form fieldset.kcaptcha img {}
.order_form fieldset.kcaptcha abbr {display:none;}
.order_form fieldset.kcaptcha input.text {width:40%;}

#PageFormPaged fieldset {margin: 0 5%; width: 90%; display: block}
#PageFormPaged fieldset fieldset {margin: 0; display: block; border: 0}
#PageFormPaged fieldset div {font-size: 90%}
#PageFormPaged fieldset div div, #PageFormPaged fieldset div div fieldset {width: 100%; padding: 0}
#PageFormPaged fieldset span {display: none}
#PageFormPaged fieldset span span {display: inline}
#PageFormPaged div.ft {display: none}
#PageFormPaged div.fi.day {min-width: 120px; width: 40%; float: left}
#PageFormPaged div.timetitle, #PageFormPaged div.full {display: inline; float: left; width: auto; margin: 0; white-space: nowrap}
#PageFormPaged div.ft.timetitle {margin: 3px 5px 0 10px; clear: none}
#PageFormPaged div.ft.full {margin: 5px 5px 0 0;}
#PageFormPaged div.comm {display: block;}
#PageFormPaged div.fi.left {float: left; width: auto; margin-right: 5px}
#PageFormPaged div.fi .time {float: left; width: auto; margin: 0 0 0 5px;}
#PageFormPaged select.time {margin: 0 5px}
#PageFormPaged textarea {font-family: inherit; border: #999 solid 1px}
#PageFormPaged ul {margin:10px 20px}
#PageFormPaged li {margin:0}
#PageFormPaged .buttons {text-align:center;}
/* #PageFormPaged */ .buttons span {display: inline-block; width: 10px; height: 10px;}
#PageFormPaged .buttons input.wide {width:202px;}
#PageFormPaged .disabled label {color:#ddd;}
#PageFormPaged .saved {font-size:10pt;}
#PageFormPaged .saved a {white-space:nowrap;}
/*#PageFormPaged fieldset input.text {width: 100%}*/
#order_page__3 div.ft {display: block}
#order_page__3 .subform div.ft {display: none}
#order_page__3.other .subform div.ft {display: block}
#order_page__3.other .space {margin-top:10px;}
fieldset.other .fi .h {color:#999;}

div.tabs_page label {border:#fff solid 1px;}

/*#dst_next_area div {float: none; clear: both;height: 20px; background: #fff; margin: 0; border: #999 solid 1px}
#dst_next_area div div {border: 0;}*/
input.txt_next {width:80%; margin: 0 0 3px 0; float: left;}
a.add_button {display: block; float: right; width: 16px; height: 16px; margin: 2px 2% 1px 1%; background: url('/img/buttons/plus.gif') no-repeat center}
a.del_button {display: block; float: right; width: 16px; height: 16px; margin: 2px 2% 1px 0; background: url('/img/buttons/file_del.gif') no-repeat center}

/*table.order_list {font-size:0.8em; line-height:normal;}*/
.order_list td.small {font-size:0.75em !important; line-height:1.1em;}
.order_list .sl img {width:20px; height:20px; vertical-align:middle;}

.order_item_show {font-size: 0.9em;}

#maintext {padding: 40px 5% 30px 30%; font-size: .8em; line-height: 1.3em; color: #555}

.maintext form fieldset span {display:block; font-size: 0.8em; line-height:normal; clear:both;}
.maintext form fieldset .fh span {display:inline; clear:none; font-size: 1em}
.maintext form fieldset textarea {font-family: inherit;}
.maintext form fieldset textarea.code {font-family:"andale mono","lucida console",monospace;}
.maintext form fieldset div.ft {margin: 0.2em 0 0;}
.maintext form fieldset div.fi.day {float: left}
.maintext form fieldset div.timetitle {display: inline; float: left; width: auto; margin: 0 0.1em; white-space: nowrap;}
.maintext form fieldset fieldset {margin: 0; padding:0; display: block; border: 0}

#lmenu {margin: 1em 0 0 24%}
#lmenu ul li {background: url("/img/ldash.gif") no-repeat; line-height: 1.2em; margin-bottom: 10px; font-size: .9em; padding: 0 0 0 25px}
#lmenu ul li a {display: inline; width: auto; margin: 0; padding: 0}
#lmenu ul li a:hover {background: none; color: #000}

#form_contact {background: #fef4a7 url('/img/form_contact_bg.jpg') repeat-x; margin: 0 10% 20px 0; width: 90%;}
#form_contact.other {background: #666 url('/img/order_bg.jpg') repeat; margin: 0 10% 20px 0; width: 90%; color:#fff;}
#form_contact.other a {color:#fff;}
#form_contact h4 {margin: 0 10px 1em 10%; font-size: .95em; font-weight: normal; color: #3a8be7; line-height: 3em}
#form_contact hr {display: block;width: auto;height: 1px; background:#6ba7e1; margin: 0}
#form_contact.other h4 {color:#fff; font-weight:bold;}
#form_contact.other hr {background:#fff;}
#form_contact .form {margin: 10px 15% 0 26.5%; padding-bottom: 15px; line-height: normal}
#form_contact fieldset {border:0; margin:0; padding: 0}
#form_contact p {font-size: .8em; margin: 0 0 10px 0}
#form_contact .t, #form_contact .ft {display: none;}
#form_contact .subform, .tvis#form_contact .f {width: 65%; clear: left; float: left;}
#form_contact .fi {width: 100%;}
#form_contact .s {float: right;}
#form_contact .s input {width: 48px; background: url('/img/b_ok.gif') center no-repeat; border: none; color: #fff}
#form_contact.other .s input {width: 48px; background: url('/img/b_ok2.gif') center no-repeat; border: none; color: #fff}
#form_contact .fh, #form_contact .h {clear: both; float: left; font-size: 11px; color: #FFA229}
#form_contact .error {font-size: 11px; color: #c00; background: none; border: 0; padding: 0}
.tvis#form_contact .t {display: block; font-size: .85em}
.tvis#form_contact .t abbr {display: none}
.tvis#form_contact .s {padding: 16px 0 0 0}
/*.tvis#form_contact .c {width: 67%; float: left}*/

#hinformer {width: 83%; font-size: .75em; line-height: normal; border: #ccc solid 1px; display: inline-block; margin: 0 10% 20px 7%; background: url('/img/hinft_bg.gif') repeat-x}
#hinformer .hdate {display: block; font-weight: bold; margin: 15px 0 5px 0}
#hinformer .hdate a {text-decoration: none; color: #000}
#hinformer div {display: inline}
#hinformer #htod, #hinformer #htom {float: left; width: 45%; padding: 0 1% 20px 4%;}
#hinformer a.himenin {font-size: .8em; color: #000; text-decoration: none}

span#blink_timeout_text {white-space:nowrap; padding: 0 3px;}
span#blink_timeout_text.blink1 {color:#fff;}
span#blink_timeout_text.blink2 {color:#333; background: #ccc;}

.taxidriver .ft {width: 35%;}
.taxidriver .fi {width: 64%;}
.taxidriver div.checkbox {display:block; float: left; width:220px;}
.taxidriver textarea {height:100px;}

a.icon span {display:block; float: left; width:16px; height:16px; vertical-align:middle; background: transparent none no-repeat center center; margin-right: 5px}
a.icon span.print {background-image: url('/img/print.gif');}

#tarifs {height:105px; overflow:hidden;}
#tarifs .i {display:inline-block; min-width:90px; width:30%; height:auto; padding-top:10px; vertical-align:top; overflow:hidden;}
#tarifs .i .c {text-align:center;}
#tarifs .i .c a {display:block; text-decoration:none;}
#tarifs .i { *display:inline;}
#tarifs .i .icon {display:inline-block; width:57px; height:56px; background:url('/img/tarifs_ico.png') no-repeat 0 0;}
#tarifs .i1 .icon {background-position:0 0;}
#tarifs .i2 .icon {background-position:-57px 0;}
#tarifs .i3 .icon {background-position:-114px 0;}
#tarifs .i .t {font-size:0.9em; font-weight:bold; color:#00609b; line-height:1.7em; margin-top:4px;}
#tarifs .i .t div {font-size:0.8em; color:#0080bb; font-weight:normal;}

#tarifs .i .h {display:none; position:absolute; z-index:999; left:0; bottom:100%; width:100%; height:auto; margin-bottom:-10px;}
#tarifs .i:hover .h, #tarifs .hover .h {display:block;}


#tarifs .h .cont {font-size:10pt; line-height:1.1em; margin-right:5px;}
#tarifs .h .cont a {color:#0045a4;}

#tarifs .h .info {font-size:9pt; width:80%; margin:5px auto;}
#tarifs .h .cont .day {padding:4px 0 4px 30px; background:url('/img/sun.gif') no-repeat 4px center;}
#tarifs .h .cont .night {padding:4px 0 4px 30px; color:#ebebeb; background:#4c4d48 url('/img/moon.gif') no-repeat 4px center;}
/*_________________________*/

#tarifs .h .box {}
#tarifs .h .box_arr {position:relative;}
#tarifs .h .arr {background:url('/img/arr.png'); position:absolute; width:33px; height:40px; top:-6px; left:15%;}
#tarifs .i1 .h .arr {left:25%;}
#tarifs .i2 .h .arr {left:55%;}
#tarifs .i3 .h .arr {left:85%;}

#tarifs .h .r-star-shape {position:relative; overflow:hidden; padding:10px 0;}
#tarifs .h .r-star-shape .content {border-left:1px solid #ffd986; overflow:hidden; position:relative;}
#tarifs .h .r-star-shape .content .r_bg {background:url('/img/r_bg.png'); width:6px; height:300px; right:0px; position:absolute;}
#tarifs .h .r-star-shape .cont {background:#fffdf3; padding:0px 12px 5px 8px;}

#tarifs .h .r-star .cn,
#tarifs .h .r-star-shape .cn {position:absolute; width:20px; height:20px; left:-10px; top:-10px;}

#tarifs .h .r-star-shape .cn.tr,
#tarifs .h .r-star-shape .cn.br {margin-left:100%;}

#tarifs .h .r-star-shape .cn.bl,
#tarifs .h .r-star-shape .cn.br {top:auto;}

#tarifs .h .r-star-shape .cn {background:url('/img/r-star2.png');}

#tarifs .h .r-star-shape .cn.tl,
#tarifs .h .r-star-shape .cn.bl {width:100%;} 

/*________________________________*/

#tarifs .w48 {width:48%;}

#tarifs .tx_center {text-align:center;}	
#tarifs .tx_right {text-align:right;}

#tarifs .center {margin-left:auto; margin-right:auto;}
#tarifs .left {float:left; display:inline;}
#tarifs .right {float:right; display:inline;}