/* ------------- Структура общая ----------------*/

* {padding:0;
   margin:0;
   font-size:12px;
   line-height:1.3em;}

small {font-size: 95%; color: #7C7C7C; line-height:1.1em;}

body * {font-family:Arial,Tahoma,sant-serif;}

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

td    {vertical-align:top;
      }

img  {border:none;
      padding:0;
      margin:0;}

a, a:active {text-decoration:none; color:#1A64A5;}
a:hover {text-decoration:underline; color:#CC6600;}

p {padding:4 0;}
ul, ol {padding-left:1.2em; margin-left:1.2em;}
li {line-height: 1.5em;}

h1, h2, h3, h4, h5, h6 {font-family:Arial,Tahoma,sant-serif;
                        font-weight:normal;}

h1 {font-size:160%;
    color:red;
    margin-bottom: 10px;}

h1.main_page {color:#181897;
              padding: 0.8em 0 0.6em 0;
              font-size:1.5em;
              }

h3.main_page {color:white;
              font-size:1.7em;
              }

h2 {font-weight:bold;
   padding: 0.5em 0 0.5em 0;
   font-size:120%;}

h3 {color:#000000; font-weight:bold;
    padding: 0.8em 0 0.3em 0;
    font-size:120%;}

h4 {color:#181897;
    padding: 0.8em 0 0.3em 0;
    font-size:100%;}


/* ------------- Структура шапки ----------------*/

#main_head {height:74px;}

#main_head h1 {color:black;  /* Заголовок "Центр бронирования гостиниц" */
              font-size:2.5em;
              padding:15px 0 0 0;}

#phone_number {position:absolute;  /* Блок для рисунка с номером телефона */
               bottom:12px;
               right:15px;
               width: auto;
               }

/* ------------------Меню с закладками --------------------*/
#main_menu {height: 46px;}

a.menu {float:left;
        height:41px;
        width:120px;
        margin-top: 5px;}

a:hover.menu {height: 46px; margin-top: 0px;}

a.menu_a {float:left;
        height:41px;
        width:120px;
        margin-top: 5px;}

a.menu_main {background: url('http://www.bsmos.ru/front/templates/default/img/menu_main.gif') no-repeat;}

a.menu_main_active {background: url('http://www.bsmos.ru/front/templates/default/img/menu_main_active.gif') no-repeat;}

a.menu_company {background: url('http://www.bsmos.ru/front/templates/default/img/menu_company.gif') no-repeat;}

a.menu_company_active {background: url('http://www.bsmos.ru/front/templates/default/img/menu_company_active.gif') no-repeat;}

a.menu_partners {background: url('http://www.bsmos.ru/front/templates/default/img/menu_partners.gif') no-repeat;}

a.menu_partners_active {background: url('http://www.bsmos.ru/front/templates/default/img/menu_partners_active.gif') no-repeat;}

a.menu_news {background: url('http://www.bsmos.ru/front/templates/default/img/menu_news.gif') no-repeat;}

a.menu_news_active {background: url('http://www.bsmos.ru/front/templates/default/img/menu_news_active.gif') no-repeat;}

a.menu_contacts {background: url('http://www.bsmos.ru/front/templates/default/img/menu_contacts.gif') no-repeat;}

a.menu_contacts_active {background: url('http://www.bsmos.ru/front/templates/default/img/menu_contacts_active.gif') no-repeat;}


/* ------------------Меню слева на оранжевой подложке --------------------*/

#yellow_menu {padding:0;}

#yellow_menu a {display:block;
                padding:0.56em 0 0.56em 1em;
                color:white;
                text-decoration:none;
                font-weight:bold;
                border-bottom:1px solid brown;
                border-top:1px solid #FFAA55;
                font-size:110%;}
                
#yellow_menu a:hover {color:#98172A;
                     text-decoration:none;
                     background-color:#FFAA55;
                     border-bottom:1px solid #FF5500;}                

td.orange_cell {width:200px; 
                height:200px; 
                background:#FF7F00; 
                border-top: 1px solid #BD3D13; 
                border-bottom: 1px solid #BD3D13;}

.circle_background {background: url('http://www.bsmos.ru/front/templates/default/img/circle.jpg') repeat;
                     width:100%;}

 
/* ------------------Меню слева    --------------------*/

.left_menu {background-color:#FFFFD4; padding-left: 10px;}
            
/*------------------Таблица содержания на главной странице --------------------*/                  

table.content {margin:1em 0 0 0;} 

/*-- На две ячейки --*/    

.content_cell_1 {padding:1.2em 1.2em; width:55%;}
                                  
.content_cell_2 {padding:1.2em 1.2em; width:45%;}                                  

/*-- На одну ячейку --*/  

.single_cell {padding:1.2em 1.2em; border-left:1px solid #FF7F00;}


/* ------------------Блок с менеджерами --------------------*/  

.managers {width:auto;}

.managers span {color:gray;}

.managers td {padding: 0.4em;}


/* ------------------Форма экспресс-бронирования --------------------*/  

.o_form td {border:1px solid #D0DCEA;
						padding:4px;}

.o_form td.head {color:#7C4A00;
						padding-right:10px;
						text-align:right;
						vertical-align:middle;
						width:150px;
						background-color:#FFFFFF;}

.o_form td.data {background-color:#EDF2F3;}

.o_form .invisible_tbl, .o_form .invisible_tbl td {border: none; padding: 0; margin: 0;}

/* ------------------ Таблица каталога гостиниц --------------------*/                   

.hotel_catalog_price {text-align:left;
                      width:auto;}

.hotel_catalog_price td {border:none;
                         font-weight:bold;
                         padding:2px;}
                         
.our_price {color:#DD0000;}                         

.cena {text-align:right;}


/* ------------------ Таблица содержания гостиницы  --------------------*/  

.content_picture {} /*- Общая табличка  -*/

.first_cell {width:57%; /*- Ячейка с описанием и фото  -*/
             border:1px solid #A5A5A5;
             padding:0.6em;}
             
.empty_cell {width:3%;}  /*- Пустая ячейка-разделитель -*/        

table.picture {text-align:center;    /*- Таблица с фотографиями  -*/
               margin:0.9em 0 0 0;}              
          
td.big_picture, td.small_picture {vertical-align:top;  /*- Отступ сверху в ячейках табл. Фото"  -*/
                                  padding-top:0.8em;} 

.head_photo {background:#E1E1E1; /*- Заголовок "Фото"  -*/
             font-weight:bold;
             padding:0.3em 0 0.2em 0;
             text-align:center;}
             
td.small_picture a img {border:2px solid gray;}  /*- Ссылка на превью фотографии  -*/

td.small_picture a:hover img {border:2px solid red;} /*- Ссылка на превью хауэр -*/


.second_cell {background:#E1E1E1;  /*- Ячейка со ссылками на номера  -*/
                            }

table.rooms_type_list {width: auto;}
.rooms_type_list td, th {border:1px solid #A5A5A5;   /*- Табличка категорий номера -*/
                        padding:0.2em 0.5em; text-align: left;}
.rooms_type_list td {background:white;}                        


/* ------------------ Таблица в каждом отеле "номера и цены"  --------------------*/                     

.room_price td, .room_price th {border:1px solid gray; /*- Сама таблица -*/
                                padding:5 10;
                                }
                
.room_price th  {background:#E1E1E1;}
                
.room_price td.mark, .room_price th.mark {text-align:center;  /*- Подсвеченные слова в таблице -*/               
                                          color:#DD0000;}
                     
/* ------------------ Настройки для таблицы общего типа, метро  --------------------*/                     

table.std td {padding: 3px; 
              border: 1px #D7D7D7 solid;
              vertical-align:middle;}
              
table.std th {padding: 3px; 
              border: 1px #D7D7D7 solid;}           

#mcol_left {width: 220px; height: 120px; text-align:center; vertical-align:middle;}
.back1 {background:#FF7F00;} /* оранжевый */ 
.back2 {background:#FFFFD4;} /* светло желтый */


/* ------------------ Выставки --------------------*/ 

#expo td {padding:8px;
          border:1px solid gray;
          }
          

/* ------------------ Поиск рядом с выставочными центрами --------------------*/ 

table.search_expo {margin-top:-15px;}

.search_expo td {border:1px solid #B7B7B7;
                 padding:5px;}

.search_expo th {border:none;
                 text-align:left;
                 padding:15px 0 10px 0;}
                 

td.ex_head {font-weight:bold;
                         text-align:center;}                
                         
.search_expo_one td {border:1px solid #B7B7B7;
                     padding:5px;}                         
                     
table.search_expo_one {margin-top:15px;}                    

#sights_list a {display:block;
                padding-bottom:4px;}

a.do_sights {font-weight:bold;
             display:block;
             padding-bottom:4px;}
             
             
/* ------------------ Активная ссылка на метро и достопримечательностях --------------------*/ 

.active_link {color:red;}

                     
/* ------------------ Таблица с отелями на главной --------------------*/ 

                    
/* ------------------ Таблица с заполнением кредитной карты --------------------*/ 

table.credit_card_form  {width:auto;}

.credit_card_form td {padding:6;
                      border: 1px solid	#6F6F6F;}                     
                      
.credit_card_form input {width:200px;}                      
                      
td.credit_card_form_left {padding:6;
                          background-color: #EBEBEB;
                          border: 1px solid	#6F6F6F;
                          width:;
                          text-align:right;}

/* ------------------------ */ 
/* ------         --------- */ 
/* ------------------------ */ 
#metro_select_form select {width: 180px;}
#metro_hotel_select_form select {width: 180px;}

.make_order_box {display: block; padding: 15 30; width: 120px; margin-top: 10px; margin-bottom: 10px; text-align: center; background-color: #ff7f00; color: #FFFFFF; font-weight: bold; border: 1px solid #FFFFFF;}
a.make_order_box {text-decoration:underline;}
a:hover.make_order_box {text-decoration:none; border: 1px solid #6F6F6F; background-color: #ff9c00; color: #555555;}

.weekday{float: left; background-color: #FFFFFF; color: #CC6600; font-weight: bold; padding: 0 4px 0 2px; margin-right: 5px; width: 15px;}
.sanday{float: left; background-color: #CC6600; color: #FFFFFF; font-weight: bold; padding: 0 4px 0 2px; margin-right: 5px; width: 15px;} 

.require_sign {color:red; font-weight:bold; font-size:17px;}
.require_soft_sign {color:green; font-weight:bold; font-size:17px;}

.block_in {padding: 4px 4px 0px 4px; width: 100%;}

a.act {text-decoration:none; color:#CC6600;}

/* оранжевый */
.txt_cl1 {color:#CC6600;}
/* серый */
.txt_cl2 {color:#7C7C7C;}
/* серый темнее */
.txt_cl3 {color:#626262;}
a.txt_cl3 {color:#626262;}
a.txt_cl3:hover {text-decoration:underline; color:#E96300;}
/* серый светлее */
.txt_cl4 {color:#CCCCCC;}
/* красный */
.txt_cl5 {color:#DD0000;}
a.txt_cl5 {color:#DD0000;}
a.txt_cl5:hover {color:#1A64A5;}
/* зеленый */
a.txt_cl6 {color:#008000;}
a.txt_cl6:hover {text-decoration:underline; color:#CC6600;}

a.payh, #payh, .payh {color:#9E0005; border-bottom: 1px #9E0005 dashed; text-decoration:none;}
a.payh:hover {color:#CC6600; border-bottom: 1px #CC6600 solid; text-decoration:none;}

/* серая граница */
.hr {border-bottom: 1px dashed #B7B7B7;}
/* оранжевая граница */
.hr_1 {border-bottom: 1px dashed #FF7F00;}
/* оранжевая граница вокруг */
.hr_4 {border: 1px dashed #FF7F00;}

/* оранжевый #E67308*/
ul.menu {margin-left: 10px; padding-left: 10px; padding-top: 7px;}
ul.menu li {color:#CC6600; font-size:10px; list-style-type:square; margin-bottom:7px; margin-left: 0px; padding-left: 0px;}

table.std, table.std td, table.std th {border: 1px solid #D0DCEA;}
table.std th {background-color:#EDF2F3;}
table.std2 {border: 1px solid #D0DCEA;}
table.std2 td, table.std2 th {border: none;}

table.std3, table.std3 td, table.std3 th {border: none; padding: 2px;}

ul.list1 {padding-left:0; margin-left:0;}
ul.list1 li {list-style-type:none; margin-bottom:7px; padding-left:0; margin-left:0;}

/* ссылка-рисунок красный border*/
.sel_pict  {border: 3px solid #FFFFFF;}
a.sel_pict  {border: 3px solid #FFFFFF;}
a.sel_pict:hover {text-decoration:none; border: 3px solid #DD0000;}

/* ссылка-рисунок оранжевый border    3px solid transparent;    */
.sel_pict2  {border: none;}
a.sel_pict2  {border: none;}
a.sel_pict2:hover {text-decoration:none; border: 3px solid #FF7F00;}


.comment {font-size: 95%; color: #7C7C7C; line-height:1.1em; border: 1px dashed #C2C2C2; padding: 4px;}