@charset "utf-8";

/*--------------------Умолчания--------------------*/
* {margin:0; padding:0}
body {background:#f5f5f5; font:400 11px Tahoma, Geneva, sans-serif; color:#000}

/*--------------------Ссылки--------------------*/
a img {border:none}
a {text-decoration:underline; color:#287fd6}
a:hover {text-decoration:none}

/*--------------------Формы--------------------*/
label {display:block}
label.param_name {float:left; height:22px; line-height:22px}
input[type="text"],
input[type="password"] {display:block; height:14px; padding:3px 5px; border:1px solid #7f9db9; background:#fff; font:400 12px/14px Tahoma, Geneva, sans-serif; color:#000}

div.textarea_wrapper {padding:0 1px}
div.textarea_wrapper textarea {width:100%; height:112px; margin-left:-1px; padding:2px 0 2px; border:1px solid #7f9db9; font:400 12px/14px Tahoma, Geneva, sans-serif; color:#000} 

button {font:400 12px/22px Tahoma, Geneva, sans-serif; text-align:center; color:#000; cursor:pointer}

span.custom_button {position:relative; display:block; float:right; width:110px; height:22px; overflow:hidden; padding:0; font-size:13px; line-height:22px; text-align:center}
span.custom_button span {display:block; position:absolute; top:0; left:-5px; width:100%; height:22px; background:url(../img/button.png)}
span.custom_button span.right {margin-left:100%}
span.custom_button a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../img/blank.png); text-decoration:none}
span.custom_button button {position:absolute; top:0; left:0; width:100%; height:100%; border:none; background:url(../img/blank.png); text-align:center}

span.custom_button2 {position:relative; display:block; width:130px; height:22px; overflow:hidden; padding:0; font-size:11px; line-height:22px; text-align:center}
span.custom_button2 span {display:block; position:absolute; top:0; left:-5px; width:100%; height:22px; background:url(../img/button.png)}
span.custom_button2 span.right {margin-left:100%}
span.custom_button2 a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url(../img/blank.png); text-decoration:none}
span.custom_button2 button {position:absolute; top:0; left:0; width:100%; height:100%; border:none; background:url(../img/blank.png); text-align:center; font-size: 11px;}

/*--------------------Глобальные классы--------------------*/
.clearfix {display:inline-block}
.clearfix {display:block}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

.fw_700 {font-weight:700}
p.grey {color: #666;}

/*--------------------Разметка--------------------*/
div.page {min-width:1000px}
div.header {background:url(../img/header_c.png)}
div.header_l {background:url(../img/header_l.png) no-repeat}
div.header_r {position:relative; height:127px; background:url(../img/header_r.png) 100% 0 no-repeat}
div.content {background:url(../img/content_t.png) repeat-x}
div.content_r {padding-top:15px; background:url(../img/content_r.png) 100% 0 no-repeat}
div.center_column_wrapper {float:left; width:100%; overflow:hidden}
div.center_column {padding:0 240px}
div.left_column {position:relative; float:left; width:226px; overflow:hidden; margin:-4px 0 0 -100%}
div.right_column {position:relative; float:left; width:226px; overflow:hidden; margin:-4px -3px 0 -226px; padding-bottom:100px}
div.footer {position:relative; background:url(../img/footer_c.png) 0 120px repeat-x}
div.footer_r {position:relative; height:229px; margin-top:-75px; background:url(../img/footer_r.png) 100% 0 no-repeat}

/*--------------------Шапка--------------------*/
/*Логотип*/
div.header a.logo {position:absolute; top:62px; left:45px; display:block; width:237px; height:47px; background:url(../img/logo.png) no-repeat}

/*Заголовок*/
div.header div.title {position:absolute; top:0; left:45px; height:23px; font-size:12px; line-height:23px; color:#fff}

/*Меню*/
div.header ul.menu {list-style:none; position:absolute; top:53px; left:34%}
div.header ul.menu li {display:block; float:left; height:40px; padding:0 20px 0 22px; background:url(../img/menu_item_l.png) no-repeat; font-size:15px; line-height:40px}
div.header ul.menu li:first-child {padding-left:20px; background:none}
div.header ul.menu li a {text-decoration:none; color:#2b566b}

/*--------------------Содержимое--------------------*/
/*Разделитель*/
div.region {padding:0 0 10px 20px}
div.region p {font-size:18px; line-height:20px; color:#2b566b}

/*--------------------Центральная колонка--------------------*/
.main_title {font-size:20px; font-weight:400; color:#536574}
.secondary_title {margin-top:30px; padding-bottom:5px; font-size:14px; font-weight:400; color:#536574}

/*Перевозчики*/
div.transporter {width:48%; float:right; margin-bottom:25px}
div.transporter:first-child {float:left}
div.transporter div.title {height:32px; background:url(../img/transporter_title_r.png)}
div.transporter div.title h2 {float:left; height:32px; background:url(../img/transporter_title_l.png); font-size:14px; line-height:34px; font-weight:700; text-transform:uppercase; color:#654105}
div.transporter div.title h2 span {display:inline-block; height:32px; overflow:hidden; padding:0 20px 0 10px; background:url(../img/transporter_title_c.png) 100% 0 no-repeat}
div.transporter div.item {margin-top:12px; padding:0 0 4px 112px; border-bottom:1px dotted #bccfdd}
div.transporter div.item a.img_wrapper {position:relative; display:block; float:left; width:91px; height:56px; margin-left:-112px; padding:6px; background:url(../img/transporter_logo_bg.png)}
div.transporter div.item h3 {font-size:16px; font-weight:400}
div.transporter div.item h3 a {text-decoration:none}
div.transporter p.all {margin-top:6px; text-align:right}

/*Информация о перевозчике*/
div.transporter_info div.info {margin-top:10px; padding-left:112px}
div.transporter_info div.info span.img_wrapper {position:relative; display:block; float:left; width:91px; height:56px; margin-left:-112px; padding:6px; background:url(../img/transporter_logo_bg.png)}
div.transporter_info div.info table td {padding:4px 0 7px}
div.transporter_info div.info table td.fw_700 {padding-right:10px}

/*Автомобили перевозчика*/
div.transporter_cars ul {list-style-position:inside; padding-left:15px}
div.transporter_cars ul li {margin-top:10px}

/*Галерея авто*/
div.auto_gallery {margin-top:10px}
div.auto_gallery div.main_img {float:left; width:397px; margin-right:10px}
div.auto_gallery div.thumbs {float:left; width:113px}
div.auto_gallery div.thumbs div.item {position:relative; overflow:hidden; margin-top:20px}
div.auto_gallery div.thumbs div.item:first-child {margin-top:0}
div.auto_gallery div.thumbs div.item img {display:block}
div.auto_gallery div.thumbs div.item.active span {position:absolute; top:0; left:0; right:0; bottom:0; border:4px solid #dbdbdb}

/*Информация о авто*/
div.car_info {margin-top:20px; padding-left:130px}
div.car_info div.left_col {float:left; width:130px; margin-left:-130px}
div.car_info div.left_col span.img_wrapper {display:block; width:91px; height:56px; padding:6px; background:url(../img/transporter_logo_bg.png)}
div.car_info div.left_col h2 {font-size:16px; font-weight:400}
div.car_info div.left_col h2 a {text-decoration:none}
div.car_info table td {padding:4px 0 7px}
div.car_info table td.fw_700 {padding-right:10px}

/*Добавить отзыв*/
div.add_review div.row {margin-top:8px}
div.add_review div.ratio {float:left; width:270px; margin-top:2px}
div.add_review div.ratio label {float:right; width:30px; text-align:right}
div.add_review div.ratio label input {float:right; display:block; width:12px; height:12px; margin-left:2px}

/*Список услуг*/
div.services_list div.title {font-size:20px; color:#536574}
div.services_list div.search {margin-top:20px; padding-bottom:8px; border-bottom:1px solid #9c9c9c}
div.services_list div.search label {margin-right:7px}
div.services_list div.search input {float:left; width:100px; margin-right:20px}
div.services_list div.search span.custom_button {float:left; width:88px}
div.services_list table {width:100%; margin-top:8px; border-collapse:collapse}
div.services_list table tr td {padding:3px 10px}
div.services_list table tr.dark td {background:#e8e8e8}
div.services_list table tr.highlighted td {background:#fff183}
div.services_list table tr td.transporter_logo {padding:3px}
div.services_list table tr td a.img_wrapper {display:inline-block; width:91px; height:56px; padding:6px; background:url(../img/transporter_logo_bg.png)}
div.services_list table tr td p {padding:6px 0}
div.services_list table tr td p a {text-decoration:none}
div.services_list table tr td p.name {font-size:14px}
div.services_list div.page_numbers {margin-top:25px}

/*Статья*/
div.article h1 {font-size:20px; font-weight:400; color:#536574} 
h1 {font-size:20px; font-weight:400; color:#536574} 
div.article h2 {font-size:16px; font-weight:400; color:#536574} 
div.article p {margin-top:7px}
div.article ol {list-style-position:inside; padding-left:10px}
div.article ol li {margin-top:7px; line-height:15px} 
div.article div.highlighted {margin-top:7px; padding:0 7px 7px; border-top:1px solid #bccfdd; border-bottom:1px solid #bccfdd; background:#e4eaee}

/*Информация о заявке*/
div.request_info div.title {font-size:20px; color:#536574}
div.request_info table {width:100%; margin-top:8px; border-collapse:collapse;}
div.request_info table tr td {padding:3px 10px;}
div.request_info table tr.odd td {background: #e2e2e2;}
div.request_info table tr td p {padding:6px 0}
div.request_info table tr td.request_field {font-weight: bold;}


/*Список заявок*/
div.request_list div.title {font-size:20px; color:#536574}
div.request_list table {width:98%; margin:20px 1% 0; border-collapse:collapse;}
div.request_list table tr th {font-weight: bold; text-align: left; border-bottom: 1px solid #ababab;padding:6px 10px;}
div.request_list table tr td {padding:3px 10px;}
div.request_list table tr.even td {background: #e2e2e2;}
div.request_list table tr td p {padding:6px 0}

/*Форма заявки*/
div.request_form div.title {font-size:20px; color:#536574}
div.request_form table {width:70%; border-collapse:collapse; margin: 8px 10px 0;}
div.request_form table tr td {padding:3px 10px;}
div.request_form table tr.odd td {background: #e2e2e2;}
div.request_form table tr td p {padding:6px 0}
div.request_form table tr td label {font-weight: bold;}
div.request_form input.text{width: 168px;}
div.request_form textarea.text {width: 178px;  background: #fff; border: 1px solid #7F9DB9; font-family: Tahoma,Geneva,sans-serif; font-size: 13px;}
div.request_form select {background: #fff; border: 1px solid #7F9DB9;}
div.request_form select option {padding: 0 2px;}
div.request_form select.text {width: 180px; padding: 1px 0px;}
div.request_form .request_form_info {vertical-align: top;}
div.request_form .request_form_info label {padding-top: 4px;}
div.request_form .request_form_info textarea { margin-bottom: 5px;}

/*Добавление перевозчика*/
div.add_carrier_form .tabs_block {width: 100%; border-bottom: 1px solid #e2e2e2; margin-top: 8px; display: block;}
div#carrier_tab_container {margin-top: 15px;}
div#carrier_tab_container > div {float: left; width: 100%;}
div.add_carrier_form ul {height: 26px; }
div.add_carrier_form ul li {float: left; display: block; width: 167px;}
div.add_carrier_form ul li {background: url(../img/tab_inactive.png) 0 0 no-repeat;  margin-top: 7px; overflow: hidden; position: relative;  padding: 3px 0 4px 10px;}
div.add_carrier_form ul li.current {background: url(../img/tab_active.png) 0 0 no-repeat; z-index: 5; margin-top: 4px; padding: 5px 0 5px 10px; position: relative; }
div.add_carrier_form ul li.second {margin-left: -26px; padding-left: 16px;}
div.add_carrier_form ul li a {color: #000; text-decoration: none; display: block; }

div.add_carrier_form div.title {font-size:20px; color:#536574}
div.add_carrier_form table {width:98%; border-collapse:collapse; margin: 20px 1% 0;}
div.add_carrier_form table tr td {padding:3px 1px;}
div.add_carrier_form table tr td.first {width: 33%;}
div.add_carrier_form table tr td.second {width: 265px;}
div.add_carrier_form table tr td label {padding-left: 6px;}
div.add_carrier_form table tr.odd td {background: #e2e2e2;}
div.add_carrier_form table tr td p {padding:6px 0}
div.add_carrier_form table tr td label {}
div.add_carrier_form input.text{width: 257px; padding: 3px 2px;}
div.add_carrier_form textarea.text {width: 261px;  background: #fff; border: 1px solid #7F9DB9; font-family: Tahoma,Geneva,sans-serif; font-size: 13px; }
div.add_carrier_form select {background: #fff; border: 1px solid #7F9DB9;}
div.add_carrier_form select option {padding: 0 2px;}
div.add_carrier_form select.text {width: 263px; padding: 1px 0px;}
div.add_carrier_form .add_carrier_info {vertical-align: top;}
div.add_carrier_form .add_carrier_info label {padding-top: 4px;}
div.add_carrier_form .add_carrier_info textarea { margin-bottom: 2px;}
div.add_carrier_form tr td { border-top: 1px solid #e2e2e2;}
div.add_carrier_form tr.last td .custom_button2 {margin-top: 5px;}
div.add_carrier_form tr.add_carrier_phone label strong {float: right; font-size: 11px;}
div.add_carrier_form tr.add_carrier_phone label span {display: inline; float: left;}
div.add_carrier_form .add_carrier_phone_td strong {font-size: 11px;}
div.add_carrier_form input.add_carrier_phone1 {width: 35px; display: inline;}
div.add_carrier_form input.add_carrier_phone2 {width: 135px; display: inline;}
div.add_carrier_form a.addlink {margin-left: 3px; text-decoration: none; border-bottom: 1px dotted #287FD6;}
div.add_carrier_form a.addlink:hover {text-decoration: none; border-bottom: none;}

/*Личный кабинет*/
div.profile_page {}
div.profile_page .profile_edit {float: right; padding: 6px 0;}

div.profile_page div.title {font-size:20px; color:#536574; display: inline;}
div.profile_page table {width:98%; margin: 8px 1% 30px; border-collapse:collapse;}
div.profile_page table tr th {font-weight: bold; text-align: left; border-bottom: 1px solid #ababab;padding:6px 10px;}
div.profile_page table tr td {padding:3px 10px;}
div.profile_page table tr.even td {background: #e2e2e2;}
div.profile_page table tr td p {padding:6px 0}

div.profile_page table#mycarrier th, div.profile_page table#mycarrier td {/*text-align: center;*/}
div.profile_page table#mycarrier th.first, div.profile_page table#mycarrier td.first {text-align: left;}
div.profile_page table#myrequests th, div.profile_page table#myrequests td {/*text-align: center;*/}
div.profile_page table#myrequests th.first, div.profile_page table#myrequests td.first {text-align: left;}

div.profile_page .profile_dialog {width: 98%; margin: 8px 1% 0;}
div.profile_page .profile_dialog .profile_dialog_info {padding: 3px 0;}
div.profile_page .profile_dialog .profile_dialog_info a {font-weight: bold; text-decoration: none;}
div.profile_page .profile_dialog .profile_dialog_info span {color: #808080;}
div.profile_page .profile_dialog .profile_dialog_wrap {border-width: 1px 0; border-style: solid; border-color: #ababab; padding: 3px 0; margin-bottom: 10px;}
div.profile_page .profile_dialog .profile_dialog_item {padding: 10px 10px 7px;}
div.profile_page .profile_dialog .even {background: #e2e2e2;}
div.profile_page .profile_dialog .profile_dialog_item .date {float: right; color: #808080;}
div.profile_page .profile_dialog .profile_dialog_item .who {font-weight: bold;}
div.profile_page .profile_dialog .profile_dialog_item .message {padding-top: 3px;}

div.profile_page .custom_button2 {clear: both; margin-bottom: 50px;}
div.profile_page .profile_dialog_reply label {font-weight: bold; display: block; padding: 3px 0;}
div.profile_page .profile_dialog_reply textarea {width: 100%; background: #fff; border: 1px solid #7F9DB9; font-family: Tahoma,Geneva,sans-serif; font-size: 13px;}
div.profile_page .profile_dialog_reply span.custom_button2 {float: right; margin-top: 5px;}

/*--------------------Левая колонка--------------------*/
a.add_transporter {display:block; width:116px; height:57px; padding:13px 90px 0 20px; background:url(../img/add_transporter.png); font-size:18px; line-height:22px; text-decoration:none; color:#2b566b}

/*Каталог*/
div.catalog {margin-top:10px; background:url(../img/catalog_m.png)}
div.catalog_t {background:url(../img/catalog_t.png) no-repeat}
div.catalog_b {padding:6px 6px 6px 0; background:url(../img/catalog_b.png) 0 100% no-repeat}
div.catalog ul li {height:30px; background:url(../img/catalog_item_t.png) repeat-x; font-size:12px; line-height:30px}
div.catalog ul li:first-child  {background:none}
div.catalog ul li a {padding-left:25px; background:url(../img/catalog_item_l.png) 16px 50% no-repeat; text-decoration:none; color:#fff}

/*Размещение рекламы*/
div.adv_placement {height:93px; margin-top:10px; padding-top:28px; background:url(../img/adv_placement.png); color:#fff}
div.adv_placement p.title {padding-left:26px; font-size:16px}
div.adv_placement p.phone {margin-top:8px; padding-left:20px; font-size:20px; font-style:italic}
div.adv_placement p.email {padding-left:28px}
div.adv_placement p.email a {text-decoration:none; color:#fff}

/*--------------------Правая колонка--------------------*/
div.autorization {height:140px; padding:10px 10px 0 16px; background:url(../img/autorization.png)}
div.autorization label {margin:8px 0 2px; font-size:12px; color:#654105}
div.autorization input {width:188px; padding:2px 5px; border:1px solid #fc9e05}
div.autorization span.custom_button {width:88px; margin-top:8px}
div.autorization div.links {float:left; width:108px; margin-top:7px; font-size:10px}
div.autorization div.links a {color:#2d566b}

div.banners {margin-top:10px; background:url(../img/banners_m.png)}
div.banners_t {background:url(../img/banners_t.png) no-repeat}
div.banners_b {padding:7px 0 14px 6px; background:url(../img/banners_b.png) 0 100% no-repeat; text-align:center}
div.banners img {margin-top:9px}


/*--------------------Подвал--------------------*/
/*Копирайты*/
div.copyrights {position:absolute; top:183px; left:45px; color:#fff}

/*Логотип*/
div.footer a.logo {position:absolute; top:145px; left:45px; display:block; width:126px; height:26px; background:url(../img/logo_small.png) no-repeat}

/*Меню*/
div.footer ul.menu {list-style:none; position:absolute; top:185px; right:20px}
div.footer ul.menu li {display:block; float:right; padding:0 13px; border-right:1px solid #fff; line-height:11px}
div.footer ul.menu li:first-child {border-right:none}
div.footer ul.menu li a {text-decoration:none; color:#fff}

/*Номер телефона*/
div.footer div.phone_number {right:20%}

/*Разработчики*/
div.developers {position:absolute; right:20px; font-size:11px}
div.developers a {display:inline-block; height:16px; overflow:hidden; padding-right:55px; background:url(../img/sprite.png) 100% -232px no-repeat; line-height:16px; color:#cccccc}
div.developers a:hover {background-position:100% -248px; color:#000}