html, body { margin:0 0 0 0px; padding:0 0 0 0px; }
body {font-family: 'Open Sans', sans-serif !important; font-weight: normal; color: #767676; font-size: 13px;}

body {
display: block;
//margin: 8px;
}
.online {
	 font:11pt arial;
     //background: #FFFFFF url(/pic/bg.jpg) fixed top center no-repeat;
}

a{
 color: #52AB47; 
}

.online table th {font:11pt arial;}
.online a {color:#400000 ;font:11pt arial;text-decoration:none;border-bottom: 0px dashed #800000;}
.online a:hover {color:#fff ;background-color:#800000; border-bottom: 0px solid white;}


//a {text-decoration:none;}
//a:hover {color:#fff ;background-color:#800000;}


.docs {font-weight: bold; color:blue;text-decoration:none;border-bottom: 1px dashed blue;}
.docs:hover {font-weight: bold; color:#fff ;background-color:blue; border-bottom: 0px solid white;}

.tb_price {
   border-collapse: collapse;
   border:2px solid #a0a0a4;
   background:#fff;
   margin: 2 5 2 5px;
   font:10pt arial;
   width:100%;
}   

.tb_price th {
  text-align: center;
    border:1px solid #a0a0a4;
   background:#cbdedd;
   padding : 3px;
}   

.tb_price td {
   text-align:center;
    border:1px solid #a0a0a4;
   cursor:pointer;
   margin: 2 5 2 5px;
   padding : 3px;
}   

.tb_price tr:hover {
   background:#cbdedd;
   border:1px solid #a0a0a4;
}   
 

.tb_hotel {
   border-collapse: collapse;
   border-top:1px solid #E0E0E0;
   margin: 2 5 2 5px;
   font:10pt arial;
   width:100%;
}   

.tb_hotel th {
  text-align: center;
   border-bottom:1px solid #a0a0a4;
   background:#cbdedd;
   padding : 3px;
}   

.tb_hotel td {
   text-align:center;  
   cursor:pointer;
   border-bottom:1px solid #E0E0E0;
   margin: 10px;
   padding : 7px;
}   

.tb_hotel tr:hover {
   background:#fff;   
}    




.field_on_table {
   border:0px double #a0a0a4;
   background:#ffff80;
   margin:0px;
   padding: 0px;
   width:100%;	
}

.comments {
	font:9pt arial;
	color:#808080;
	padding: 2 5 2 5px;
}

.zakaz_values {
   border:1px double #a0a0a4;
   background:#cbdedd;margin:2px;
   padding: 2 5 2 5px;
}

.table_fio {
   width: 99%;
   border:2px solid #a0a0a4;
   border-collapse: collapse;
   background:#fff;
   margin: 2 5 2 5px;
}   

.table_fio th {
   border:1px solid #a0a0a4;
   background:#cbdedd;
}   

.table_fio td {
   text-align:center;
   border:1px solid #a0a0a4;
}   

.tb_zakaz {
   width: 80%;
   border-collapse: collapse;
   border:1px solid #a0a0a4;
   background:#fff;
   margin: 2 5 2 5px;
   font:10pt arial;
}   

.tb_zakaz th {
   border:1px solid #a0a0a4;
   background:#cbdedd;
}   

.tb_zakaz td {
   text-align:center;
   border:1px solid #a0a0a4;
   cursor:pointer;
}   

.tb_zakaz tr:hover {
   background:#cbdedd;
   border:1px solid #a0a0a4;
}   
 
/***********************   ФОРМЫ  **********************************************/

.mform_out{
	border-left: 1px solid #FFFFFF;/* Стиль линии вокруг параграфа */
	border-top: 1px solid #FFFFFF;/* Стиль линии вокруг параграфа */
	border-right: 1px solid #AAAAAA;/* Стиль линии вокруг параграфа */
	border-bottom: 1px solid #AAAAAA;/* Стиль линии вокруг параграфа */

    background-color:#D6D6D6;
    padding: 2px
}
.mform_in{
	border-left: 1px solid #C0C0C0;/* Стиль линии вокруг параграфа */
	border-top: 1px solid #C0C0C0;/* Стиль линии вокруг параграфа */
	border-right: 1px solid #FFFFFF;/* Стиль линии вокруг параграфа */
	border-bottom: 1px solid #FFFFFF;/* Стиль линии вокруг параграфа */

    background-color:#D1D1D1;
    padding: 2px
}

.seltext{
	color:#000000;
}

/***********************   Подсказки  **********************************************/
a.graf:hover{
	position:relative;
	z-index:23;
}
a.graf {
	border-bottom: 0px dashed #800000;
	text-decoration:none;
}
a.graf span{
	display:none;
}
a.graf:hover span{
	display:block;
	position:absolute;
	top:-5px;
	left:10px;
	background:#fafafa;
	border:1px solid #ccc;
	color:#000;
	z-index:20;
	width:200px;
	padding:5px;
	font-size:11px;
	cursor:pointer;
	text-decoration:none;
}


/*------------------------------------*\
  НАВИГАЦИЯ
\*------------------------------------*/
#nav{
  float:left;
  //width:100%;
  list-style:none;
  //font-weight:bold;
  margin-bottom:3px;
}
#nav li{
  float:left;
  //margin-right:10px;
  position:relative;
  display:block;
}
#nav li a{
  display:block;
  padding:3px;
  //color:#fff;
  //background:#333;
  //text-decoration:none;
  
  //text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
#nav li a:hover{
  //color:#fff;
  //background:#3A5FCD;
  //background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
  text-decoration:none;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
  list-style:none;
  position:absolute;
  left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
  opacity:0; /* Устанавливаем начальное состояние прозрачности */
  -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
  padding-top:2px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
  float:none;
  background:#fff;
}
#nav ul a{
  white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
  display:block;
  padding-right: 5px;
  padding-left: 5px;
 

}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
  left:0; /* Приносим его обратно на экран, когда нужно */
  opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
  background:#3A5FCD;
  color:#fff;
  //background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
  text-decoration:none;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
  text-decoration:none;
  -webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
  background:#3A5FCD;
  //background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
  //text-decoration:none;
  -moz-transform:scale(1.05);
  -webkit-transform:scale(1.05);
}


.container
  {
    /*margin:0 auto;
    max-width: 1100px;
    min-width: 860px;*/
  }


.find { 
    background: none repeat scroll 0 0 #c6fec1;
    border: 2px solid #52AB47;
    border-radius: 3px;
/*    display: block; */
    display:none;
    margin: auto;
    max-width: 1100px;
    min-width: 800px;
    padding: 10 20 10 20px; 

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.hotel { 
  background: #F8F8F8;
  padding: 10 20 10 20px; 
   
  max-width: 1100px;
  min-width: 800px;
  min-height: 200px;

  width:100%

  margin:auto;
  display: block;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.hotel td{
  background: #F8F8F1
  padding: 1px;
  font-size: 12px; 
}

.mpicture{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;  
}

.result { 
  padding: 10 0 0 0px; 
   
  //max-width: 1100px;
  //min-width: 950px;
  //height: 200px;

  width:100%

  //margin:auto;
  display: block;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.find input, select { 
padding: 2px; 
border: 2px solid #52AB47;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

}

.main_menu { 
padding: 2px; 
width: 100%; height: 100%
text-align: center;
background: #fff;
padding: 10 10 10px; 
height:98px;
}

.main_menu a{
  text-decoration: none;
} 

.mlabel {
   height: 28px; 
   line-height: 28px; 
   float:left; 
   font-size: 14px;
   //min-width:150px;
}   
 

.find_button {
   width:100%;
   height:60;   
   line-height: 100%; 
   float:left;    

   border: 3px solid #ffffff;
   background: #52AB47;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 0px 0;
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 18px;
   text-decoration: none;
   vertical-align: middle;
   }
.find_button:hover {
   border: 3px solid #ffffff;
   text-shadow: #000000 0 1px 0;
   background: #02954b;
   background: -webkit-gradient(linear, left top, left bottom, from(#52AB47), to(#02954b));
   background: -webkit-linear-gradient(top, #52AB47, #02954b);
   background: -moz-linear-gradient(top, #52AB47, #02954b);
   background: -ms-linear-gradient(top, #52AB47, #02954b);
   background: -o-linear-gradient(top, #52AB47, #02954b);
   background-image: -ms-linear-gradient(top, #52AB47 0%, #02954b 100%);
   color: #fff;
   }
.find_button:active {
   text-shadow: #31540c 0 1px 0;
   border: 3px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#001ac4));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }


.bron_button {
   width:100%;
   height:30;   
   line-height: 100%; 
   float:left;    

   border: 0px solid #ffffff;
   background: #52AB47;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 0px 0;
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 2.5px 8px;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   }
.bron_button:hover {
   border: 0px solid #ffffff;
   text-shadow: #000000 0 1px 0;
   background: #02954b;
   background: -webkit-gradient(linear, left top, left bottom, from(#52AB47), to(#02954b));
   background: -webkit-linear-gradient(top, #52AB47, #02954b);
   background: -moz-linear-gradient(top, #52AB47, #02954b);
   background: -ms-linear-gradient(top, #52AB47, #02954b);
   background: -o-linear-gradient(top, #52AB47, #02954b);
   background-image: -ms-linear-gradient(top, #52AB47 0%, #02954b 100%);
   color: #fff;
   }
.bron_button:active {
   text-shadow: #31540c 0 1px 0;
   border: 0px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#001ac4));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }


.spisok_find{
   background: #fff;
   position: absolute;
   margin: 0;
   padding: 0;   
   cursor: default;  
   background-color: white;   
   
}

.spisok_find ul{
   background: #fff;
   width: 500px;
   margin: 0;
   padding: 0;
   list-style-type: none;
   cursor: default;
   border: 1px solid black;
   background-color: white;   
}


.spisok_find li {
    margin: 5;
}


.spisok_find li:hover {
    background: #E8E8E8 ;
}


.spisok_find a:hover {
    background: #E8E8E8 ;
    color:#000;
}