/* aditec */

/*
точки срабатывания медиа-параметров:
min-width:880px - изменение ширины полей ввода форм .bForm .floatableWr

*/
body {color: #000000; font-family: "Verdana",sans-serif; font-size: 8pt;
    margin:5px;}

td {color: #000000; font-family: "Verdana",sans-serif; font-size: 9pt;}
th {color: #000000; font-family: "Verdana",sans-serif; font-size: 8pt; font-weight: bold; background-color:#99ddee; padding-left:3px; padding-right:3px; }

strong  {font-weight: bold;}
.txt { font-size:100%; color:inherit; font-weight:normal; }

a { color: #0000ff; }
a:visited { color: #004499; }
a:hover { color: #ff0000; }

.js_action {color: #0000ff; border-bottom:1px dashed #0000ff; cursor:pointer;}
.js_action:hover {color: #ff0000; border-bottom:1px dashed #ff0000;}

.a {color:#0000ff; text-decoration:underline; cursor:pointer;}
.a:hover {color:#ff0000;}

form { margin: 0 }
input, select, textarea {color:#002266; font-size: 9pt;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;}
.requiredSign:before {font-family:monospace; font-size: 120%;
    content: "*"; color:#ff0000; font-weight:bold;}

/* ОБЩИЙ ВНЕШНИЙ ВИД для полей форм ("bForm" от "baseForm") */

.bForm {}
.bForm .e {outline:2px solid #dd3333;}
.bForm input[type="checkbox"] {
    width:1.5em; height:1.5em; vertical-align: middle;
}
.bForm input[type="text"], .bForm textarea { width:100%; }
.bForm input[type="text"], .bForm textarea, .bForm select {
    padding:1px 4px 2px 4px;
    border:1px #cccccc solid; font-size:12pt; margin:4px 0 4px 0;
}
.bForm input[type="text"]:focus, .bForm textarea:focus, .bForm select:focus {
    outline:2px #00b713 solid;
}

/* Чтобы поля ввода помещались по ширине, их оборачиваем в контейнер, ширина которого уменьшена на величину отступов и рамок полей ввода: 4+4+1+1=10px */
.bForm .inputWr {width:calc(100% - 10px);}

/* Если надо, на широких экранах можно размещать по два поля ввода в строку, для этого весь контент, относящийся к полю (заголовок, пояснение и поле ввода) надо обернуть в блок переменного размера */
.bForm .floatableWr {display:block;}
@media only screen and (min-width:880px) {
    .floatableWr {width:calc(50% - 4px);float:left;}
    .floatableWr:nth-child(odd) {margin-right:7px}
}

.bForm optgroup {font-size:9pt; font-weight:normal; color:#0099cc;}
.bForm option {font-size:11pt; color:#000000;}
.bForm option:checked {background:#00b713;}

/* Кнопки отправки формы */
.bForm input[type="submit"], .bForm input[type="button"]
{font-size:11pt; color:#f8f8f8; margin:1em 0; padding:0.3em 0.5em; border-radius:0.5em; cursor:pointer;}
.bForm input[type="submit"] {background-color:#00b713; border:1px solid #008833;}
.bForm input[type="button"] {background-color:#00bbdd; border:1px solid #0099cc;}

/* отображение оставшейся доступной длины текста для поля ввода */
.numchars { color:#118833; }
.numchars_err { color:#dd3333; }

/* конец - ОБЩИЙ ВНЕШНИЙ ВИД для полей форм */




/* БЛОКИ ИНФОРМАЦИИ С ЦВЕТНОЙ РАМКОЙ */

/* сообщения и пояснения; углы рамок блоков без закруглений, шрифт крупнее */
.msg_neutral, .msg_ok, .msg_attention, .msg_error { border: solid 2px; padding:5px; font-size:120%; margin-bottom:9px; }
/* Зоны ввода информации в формах, пояснения к полям и т.п. Углы рамок блоков скруглены. Цветные рамки могут использоваться и отдельно. ("tig" = "tur input group") */
.tig_neutral, .tig_ok, .tig_attention, .tig_error {
    border: solid 2px; padding:5px; margin:15px 0 15px 0; border-radius:5px; }

.msg_neutral, .tig_neutral { border-color: #44bbee; background-color:#f0fcff; }
.msg_ok, .tig_ok { border-color: #44dd99; background-color:#f0fff0; }
.msg_attention, .tig_attention { border-color: #eecc44; background-color:#fffcf0; }
.msg_error, .tig_error { border-color: #ee6666; background-color:#fff0f0; }

/* Название поля ввода */
.tig_title { font-weight:bold;color:#118833; margin-bottom:3px; }
/* Пояснение к полю ввода, например, лимит на длину вводимого текста */
.tig_info { margin-bottom:3px; color:#555555; }
/*.tig_info::after {content: ""; display: table; clear: both;}*/
/* Итог по полю ввода, например: "Вы отметили 2 страны: Италия, Испания"  */
.tig_summary { color:#000000; }
.tig_errmess { color:#dd0000; font-weight:bold; padding:5px 0 9px 0; }
/* элемент (текст), клик на который раскрывает/сворачивает блок текста или зону ввода */
.tig_switch { font-size:8pt; color:red; border-bottom:1px dashed red; cursor:pointer; background-color:#ffffff; padding:3px 3px 0 3px; }
/* блок, внутрь которого можно поместить поле ввода. Смысл блока в том, что его фон белый - выделяется внутри цветного блока */
.tig_edit_place { background-color:#ffffff; padding:3px; margin-top:4px; overflow:hidden; }

/* конец - БЛОКИ ИНФОРМАЦИИ С ЦВЕТНОЙ РАМКОЙ */



/* Цветные кнопки с белой ссылкой внутри */
.buttonBlue, .buttonOrange, .buttonGreen {display:inline-block; border-radius:5px; color:#fefefe;
    padding:0.2em 0.8em 0.4em 0.8em; margin:2px; cursor:pointer;}
.buttonBlue:visited, .buttonOrange:visited, .buttonGreen:visited {color:#fefefe;}
.buttonBlue:hover, .buttonOrange:hover, .buttonGreen:hover
{color:#fefefe; box-shadow: inset 0 0 30px rgba(0,0,0,0.2);}

.buttonBlue {background-color:#00aacc; border:1px solid #0066cc;}
.buttonOrange {background-color:#ff9900; border:1px solid #cc6600;}
.buttonGreen {background-color:#00b713; border:1px solid #008833;}

/* Отсечка предыдущих float, чтобы блоки не наползали друг на друга */
.clr::after {content:'';display:table;clear:both;}


/* НАВИГАЦИЯ BREADCRUMBS */
.breadcrumbs {
    font-size:90%; line-height:1.7; font-style: italic; color:#555555;
    margin: 0.3em 0 0.3em 0; padding: 0; /* Убираем отступы */
}
.breadcrumbs li {
    display: inline-block; /* Выстраиваем по горизонтали */
}
.breadcrumbs li::before {
    content: '»'; /* Разделитель */
    margin-left: 0.5em; /* Отступ слева */
    margin-right: 0.5em; /* Отступ справа */
    color: #888888; /* Цвет разделителя */
}
.breadcrumbs li:first-child::before {
    content: ''; /* Убираем разделитель для первого пункта */
    margin-left: 0; /* Отступ слева */
    margin-right: 0; /* Отступ справа */
}
/* На маленьких экранах не показывать */
@media only screen and (max-width:700px) {
    .breadcrumbs { display:none;}
}
/* Конец НАВИГАЦИЯ BREADCRUMBS */





/* Список новостей турфирм, полная новость на отдельной странице */
.fnews_info {color:#777777; font-size:9pt; margin:9px 0 9px 0;}
.fnews_container, .fnews_container_undersized
{padding:9px; margin-bottom:20px;
    background-color: #f8f8f8; border:1px solid #eeeeee;}
.fnews_date {color:#f4722a; font-size:10pt; margin:9px 0 9px 0;}
.fnews_date b {font-size:13pt; font-weight:normal;}

.fnews_item, .fnews_item_p {font-size:10pt; margin:20px 0 20px 0; padding:9px;
    background-color: #ffffff; border:1px solid #eeeeee;
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.05);
}

.fnews_item:hover, .fnews_item_p:hover { box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.1);}
.fnews_pic {width:120px; float:left;max-height:150px; overflow:hidden;
    margin:0 9px 5px 0;}
.fnews_pic img {margin:0}
.fnews_pic_b {margin:0 0 9px 0;}
.fnews_container_undersized .fnews_content {max-height:155px; overflow:auto;}
.fnews_title { color:#0057a8; font-size:9pt; font-weight:bold;}
.fnews_intro { text-align:left; font-size:9pt;}
.fnews_pic_block {margin:9px 0 9px 9px; padding:9px 0 9px 0;
    border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.fnews_pic_block img {margin:0 20px 0 0; vertical-align: top;}
.fnews_text { text-align:left; font-size:10pt; padding:9px; margin:9px 0 9px 0;}
.fnews_nfirm {color:#777777; margin-top:1em;}
.fnews_nfirm a, .fnews_nfirm a:visited {color: #009933;}
.fnews_nfirm a:hover {color: #f4722a;}

@media only screen and (max-width:350px) {
    .fnews_title, .fnews_intro, .fnews_text, .fnews_nfirm { font-size:10pt;}
}





/* TOURS */

table.turlist { border: solid 2px #72bdfc; padding:4px; margin-bottom:20px; }
.turtitle { background-color:#ddf3ff; color:#038dd7; font-size: 9pt; }
.tursummary { font-size:9pt; line-height:1.3 }
.turprice { background-color:#fffcf0; border:#ffcccc 1px solid; margin-bottom:1px; }
.turhotprice { color:#cc0000; background-color:#fffcf0; border:#ffcccc 1px solid; }
.turdetails { font-size:8pt; }
.tour_tf_contact { font-size:11pt; border:1px solid #ffcc00; padding:4px; background-color:#fffcf0; }


/* element where 'star' sign or any other 'favorites mark' is placed */
.fav_place { width:32px; height:32px; display:block; float:left; margin-right:3px; cursor:pointer;}
/* this element can be checked or unchecked */
.ch_1 { background: url(/dd/vp/p/i.png) -32px 0 no-repeat; }
.ch_0 { background: url(/dd/vp/p/i.png) -64px 0 no-repeat; }


.tour { font-size: 10pt; border:#72bdfc 2px solid; padding:4px; margin:20px 0 25px 0; border-radius:8px; text-align:left; }
.tourpreview { font-size: 10pt; border:#72bdfc 2px solid; padding:4px; margin:9px 0 0 0; border-radius:8px; text-align:left; }
.tourtitle { color:#038dd7; font-size: 10pt; background-color:#e6f7ff; border:#ccedff 1px solid; border-radius:8px; padding: 2px 1px 4px 2px; margin-bottom: 3px; min-height:35px; }
.tourprice { color:#bc480a; margin-bottom:2px; }
.tourhotprice { color:#cc0000; margin-bottom:2px; }
.tourrow { margin-bottom:2px; }
.tourdates { font-size:9pt; margin-bottom:2px; }
.tourdetails { font-size:8pt; margin: 3px 0 3px 0;}
.tourcontacts { font-size:10pt; padding:2px 3px 4px 3px; margin: 5px 0 3px 0; min-height:35px; border:2px solid #FFE8AF; background-color:#fffcf0; border-radius:8px; }
.tourcontacts a, .tourcontacts a:visited {color: #009933;}
.tourcontacts a:hover {color: #f4722a;}
.tourid {text-align:right; color:#cccccc; font-size:7pt;}
.tour_permission_currency {width:46px; height:32px; float: right; background: url('/dd/vp/p/permission_val.jpg') left top no-repeat; margin:0 0 2px 2px;}
.tour_certificate_stb {width:46px; height:32px; float: right; background: url('/dd/vp/p/stb32.png') left top no-repeat; margin:2px;}

.i-page {width:32px; height:32px; display:block; margin:1px;
    background: url(/dd/vp/p/i.png) no-repeat;}
.i-page { background-position: -160px -160px;}



/* Блок с картинками на странице с подробностями по туру и т.п. */
/* стили кнопок над картинками для редактирования см. в turpanel.css */
.picZone {margin:20px 0 9px 0;}
.picMini {margin:0 17px 20px 0; padding:1px; min-width:90px; max-width:120px; min-height: 50px;
    display: inline-block; overflow: hidden;position:relative;
    border:1px solid #f5f5f5; border-right:1px solid #e8e8e8; border-bottom:1px solid #e5e5e5;
    border-radius:8px; text-align: center; vertical-align:top; font-size:80%; color:#555555;
}
.picMini:last-of-type {margin:0 0 20px 0;}
.picMini:hover { box-shadow: 1px 1px 4px rgba(127,127,127,0.8);}
.picMini img {border:hidden; border-radius:8px;}


/* Блок со списком файлов на странице с подробностями по туру и т.п. */
/* стили кнопок для редактирования см. в turpanel.css */
.filesZone {margin:20px 0 9px 0;}
.fileRow {display: inline-block; min-width:230px; min-height:32px;
    margin:9px 30px 9px 0; padding:2px;
    font-size:120%; line-height: 1.8;
    border:2px solid #44dd99; background-color:#f0fff0;
    border-radius:8px; text-align: center; vertical-align:middle;
}
.fileRow:last-of-type {margin:9px 0 9px 0;}
.fileRow:hover { box-shadow: 1px 1px 4px rgba(120,200,180,0.9);}
.fileRow::after {content:'';display:table;clear:both;}


/* Pages numbers */

.pages {margin-top:20px; margin-bottom:30px;}
.pages_title {font-weight: bold; font-size: 120%;}
.pages_prev, .pages_next {font-size: 125%; padding-left:20px; color:#888888;display:inline-block;}
.pages_prev::before {font-family:monospace; font-size: 90%; content: "<--"; color:#888888}
.pages_next::after {font-family:monospace; font-size: 90%; content: "-->"; color:#888888}
.pages_numbers {font-size: 125%; word-spacing: 0.5em; color:#555555; margin-top:1em;}
.pages_current {background-color: #dddddd; padding:0 5px 0 5px; color:#555555;}
@media screen and (max-width:550px) {
    .pages_title {display:block;}
    .pages_prev::before, .pages_next::after {content:"";}
}


/* Предложение по билетам */
.ticket_offer_block { border:#99ccee 1px solid; border-radius: 5px; margin-bottom:20px; padding:5px; background:#fcfcfc; }
.ticket_offer_block span { font-weight:bold; }
.nav { font-size:12pt; word-spacing:3px; }
.ticket_firm {}
.ticket_firm a, .ticket_firm a:visited {color: #009933;}



/* ВИЗЫ */

.visa, .visa_off { padding:4px 4px 0; margin:25px 0; border-radius:8px; text-align:left; box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.12); line-height:1.5;}
.visa { border:#72bdfc 2px solid;}
.visa_off { border: #eecc44 2px solid; background-color:#fffcf0;} /* Отключенное объявление в панели управления */
.visa:hover { box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.18);}
.visa div, .visa_off div {margin-bottom:2px;}
.visatitle { color:#038dd7; background-color:#e6f7ff; border:#ccedff 1px solid; border-radius:8px; padding: 2px 2px 4px;}
.visaprice { color:#bc480a; }
.visadetails { font-size:90%;}
.visacontacts { padding:2px 3px 4px; margin: 5px 0 3px; border:2px solid #f5ce87; background-color:#fffcf0; border-radius:8px; }
.visacontacts a, .visacontacts a:visited {color: #009933;}
.visacontacts a:hover {color: #f4722a;}
.visaid {text-align:right; color:#cccccc; font-size:7pt; margin:0;}

/* конец ВИЗЫ */


/* COUNTRIES FOR TOURS, VISAS, TICKETS */
.countries {margin-bottom:30px;}
.countries td {font-size:10pt; line-height:140%; padding-right:20px; vertical-align: top;}
.countries div {font-size:10pt; line-height:140%; }
.countries span {color:#888888; }

/* Отображение стран в несколько колонок средствами браузера.
 Здесь специфическая для стран ширина колонок 12em */
.countries_columns, .countries_columns_wide {line-height:1.8; text-align:left; margin:1em 0 2em 0;}
.countries_columns {columns:12em auto; -moz-columns:12em auto; -webkit-columns:12em auto;}
.countries_columns_wide {columns:20em auto; -moz-columns:20em auto; -webkit-columns:20em auto;}
/* Для отображения количества объявлений в списке стран */
.countries_columns small, .countries_columns_wide small {
    font-size:80%; color:#888888;
}

.types_columns {line-height:1.8; text-align:left; margin:1em 0 2em 0;
    columns:15em auto; -moz-columns:15em auto; -webkit-columns:15em auto;}
.types_columns a {display:inline-block;}




h1, h2, h3, h4, h5, h6 {font-size: 11pt; font-weight: bold; text-align: left; margin:20px 0 9px 0; }
h1 {color: #cc0000; margin-top:9px; }
h2 {color: #0088bb; }
h3 {color: #005588; }
h4 {color: #660044; }
h5 {color: #009933; }






















.logo {color: #333333; font-size: 8pt; }

.mainmenu { color: #0099cc; font-size: 8pt;}
a.mainmenu { color: #004499;}
a.mainmenu:visited { color: #002277;}
a.mainmenu:hover { color: #777777;}

.menucolumn { background-color:#fffcf0; font-size: 8pt; }
.contentcolumn { background-color:#ffffff; font-size: 10pt; }

.menuspaceline { background-color:#ffffff; }

.actmenutable { border-style: hidden; }
.actmenutitle { color: #ffffff; font-size: 8pt; font-weight: bold; background-color:#dd3333; }
.actmenublock { color: #666666; font-size: 8pt; font-weight: normal; background-color:#fffcf0; border:#ee6666 1px solid;  padding: 7px 0 7px 3px;}
/*
a.actmenu { color: #004499; text-decoration:none;}
a.actmenu:visited { color: #002277; text-decoration:none;}
a.actmenu:hover { color: #002277; text-decoration:underline;}
*/
.actmenublock a { color: #0000ff; text-decoration:none;}
.actmenublock a:visited { color: #004499; text-decoration:none;}
.actmenublock a:hover { color: #ff0000; text-decoration:underline;}

/*
.menutable { border: #99ddee 1px; border-style: hidden; }
.menutitle { color: #ffffff; font-size: 8pt; font-weight: bold; background-color:#00bbcc; }
.menublock { color: #000000; font-size: 8pt; font-weight: normal; background-color:#f0fcff; border-color:#99ddee; border-width: 1px; border-style: solid; padding-left:3px; padding-top:4px; padding-bottom:7px;}
a.menu { color: #004499; text-decoration:none;}
a.menu:visited { color: #002277; text-decoration:none;}
a.menu:hover { color: #002277; text-decoration:underline;}
*/

.menutitle { color: #ffffff; font-size: 8pt; font-weight: bold; background-color:#00bbcc; height:16px; margin-bottom:1px; text-align: center;}
.menublock { font-size: 8pt; font-weight: normal; background-color:#f0fcff; border: 1px solid #99ddee;padding: 7px 0 7px 3px; margin-bottom:2px;}

.menublock div {margin-bottom:3px;}

.menublock a { color: #004499; text-decoration:none;}
.menublock a:visited { color: #002277; text-decoration:none;}
.menublock a:hover { color: #ff0000; text-decoration:underline;}




.advmenutable { border-color: #99ddee; border-width: 1px; border-style: hidden; }
.advmenutitle { color: #ffffff; font-size: 8pt; font-weight: bold; background-color:#00bbcc; }
.advmenublock { color: #004499; font-size: 8pt; font-weight: normal; background-color:#f0fcff; border:#99ddee 1px solid; padding-left:3px; padding-top:4px; padding-bottom:7px;}
a.advmenu { color: #004499; text-decoration:none;}
a.advmenu:visited { color: #002277; text-decoration:none;}
a.advmenu:hover { color: #002277; text-decoration:underline;}

.auth { color:#777777; font-size: 8pt; text-align:right; height:19px;}
.auth td { color:#777777; font-size: 8pt; text-align:right;}
.auth form {margin:0 0 0 0; padding:0 0 0 0; display:inline;}
.auth input {border:1px solid #bbbbbb; width: 60px;}
#sss {background-color:#eeeeee;}

.leftcontent { background-color:#ffffff; font-size: 10pt; text-align:justify; padding-bottom:40px;}
.rightcontent { background-color:#ffffff; font-size: 8pt; text-align:left; }

/* На маленьких экранах увеличить шрифт */
/* Выравнивание текста меняется - по левому краю, так как выравнивание по ширине при длинных словах некрасиво */
@media screen and (max-width:820px) {
    .leftcontent { font-size: 12pt; line-height:1.5; text-align:left;}
    .leftcontent p {line-height:1.8;}
}
/* На ОЧЕНЬ узких экранах правая колонка прячется, даже если содержит платную рекламу */
@media screen and (max-width:550px) {
    .rightcontent { display:none; }
}

.hr { background-color: #99ddee; }

.step { color:#cc0000; font-size: 10pt; }
.err { color:#cc0000; font-size: 12pt; }
.okay { color:#cc0055; }
.good { color:#00aa33; }
.splitline { background-color:#eeeeee;}
.small { font-size: 8pt; }

table.small td { font-size: 8pt; }
table.small input, select, textarea { font-size: 9pt; }

.fade { color:#777777; }
.smallfree { font-size: 8pt; line-height:1.4; }
.smallfade { font-size: 8pt; color:#777777; }
.smallblock { font-size: 8pt; padding-top:4px; padding-bottom:4px; text-align:justify; }
.normal { font-size: 10pt; }

.advblock { font-size: 10pt; border-color:#99ddee; border-width: 1px; border-style: solid; border-top-style: hidden; padding-left:3px; padding-top:6px; padding-bottom:6px; margin-top:0px; margin-bottom:2px;}

.advtop {width:600px; height:60px;}
.rek_250 {width:250px; height:250px; margin-bottom:15px; text-align:left;}
.rek_250_empty {width:248px; height:248px; border: 1px solid #ddeef3;}

.redb { border-color:#ee6666; border-width: 1px; border-style: solid; }
.blueb { border-color:#99ddee; border-width: 1px; border-style: solid; }


/* На странице о турфирме */
/* Блок ссылок на объявления турфирмы */
.firm_info_contacts_block {margin:20px 0 20px 0;}
.firm_docs {color:#444444; margin:9px 0 9px 0;}
.certificate_of_compliance {background: url('/dd/vp/p/stb32.png') left top no-repeat; min-height:32px;padding-left:48px; margin:2px 0 2px 0;}
.permission_currency {background: url('/dd/vp/p/permission_val.jpg') left top no-repeat; min-height:32px;padding-left:48px; margin:2px 0 2px 0;}
.firm_offers_block {border:#f4722a 1px solid; border-radius:5px; padding:9px; background:#fffcf0;margin:20px 0 20px 0;}
.fob_title {font-weight: bold;}
.fob_tours, .fob_news, .fob_visas {margin:9px 0 9px 0;}
.fob_news, .fob_visas {font-weight:bold;}


/*таблица с видимой сеткой для обработчика страниц т.ф.*/
.tablevis { text-align: left; border: #99ddee solid 1px; }
.td1,.td2,.tdH { border-style: hidden; padding: 5px;}
.td1 { background-color:#F9F9F9; }
.td2 { background-color:#F2F2F2; }
.tdH { background-color: #66bbdd; color: #FFFFFF; }

/*таблица с видимой сеткой простая*/
.tablegrid { border-collapse:collapse}
.tablegrid td { border: #77bbd5 solid 1px; padding: 5px;}


.blockright { width:47%; padding: 5px 0 5px 10px; margin-left:10px; float:right; border:hidden; border-left: 1px solid #99ddee; }
.blockleft { width:47%; padding: 5px 10px 5px 0; margin-right:10px; float:left; border:hidden; border-right: 1px solid #99ddee; }


/* ICONS */
.i-empty {width:32px; height:32px; display:inline-block; margin:1px;}
.i-page, .i-eye, .i-clock, .i-comment, .i-edit1, .i-edit2, .i-copy
{width:32px; height:32px; display:inline-block; margin:1px; background: url(/dd/vp/p/i.png) no-repeat;}
.i-page {background-position: -160px -160px;}
.i-eye {background-position: -160px -96px;}
.i-clock {background-position: -256px -32px;}
.i-comment {background-position: -32px -32px;}
.i-edit1 {background-position: -128px -32px;}
.i-edit2 {background-position: -160px -32px;}
.i-copy {background-position: -96px -160px;}