html { width:100%; height: 100%; }

body
{
    height:100%;
    margin:0;
    padding:0;
    font-size: 80.01%;
    font-family:  Arial, Helvetica, sans-serif;
}

form { margin:0; padding:0;}
form.main-form
{ 
    display: block;
    margin:0; 
    padding:0;
    width:100%;
    height:100%;
}
 
#page-wrapper
{    

    /*width:878px;*/  
    margin: 0 auto;
    width:100%;
    min-width: 990px;
}

* html #page-wrapper { height: 100%; }

#header {  position: relative; z-index: 10; width:990px; margin:0 auto;}

#top-menu
{
    position: absolute;
    top: 46px;
    width: 638px;
    height: 30px;
    right: 0;
    
}

#top-menu-inner
{
    margin-left: 16px;
    padding-right: 16px;
    height: 30px;
}

#logo 
{
    width: 235px; 
    height: 100px;
    position:absolute;
    left:0;
    top:0;
    text-align: center;
}



#content { width:100%; overflow: hidden; zoom: 1;
 min-width: 990px;
 background-color: #00041a;
position: relative;}

.shine{
 background: #00041a url(../../../bitrix/templates/gilge/new_images/blue_shine.png) no-repeat center bottom;   
}

#sidebar { width: 233px; float: left; }

#workarea { width:990px; margin: 0 auto;min-height: 500px;}

#footer  
{

    width:990px; 
    margin:0 auto;  
    position: relative;
}

table#map {
    width: 990px;
    
}

/* Top menu */
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul
{
    margin:0; padding:0;
    min-height:27px;
    list-style:none;
    font-size:12px;
    float:right;
    background: none;
    text-transform: uppercase;
}

#horizontal-multilevel-menu a
{
    display:block;
    padding:5px 3px;
    text-decoration:none;
    text-align:center;
    outline: none;
}

#horizontal-multilevel-menu li { float:left; margin-right: 4px;}
#horizontal-multilevel-menu li a.root-item { font-weight:500; padding:50px 6px 8px; } /*Root items*/
#horizontal-multilevel-menu a.parent { background: url(../../../bitrix/templates/gilge/images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/
#horizontal-multilevel-menu li a.root-item-selected { font-weight:500; padding:50px 8px 8px; } /*Root menu selected*/
#horizontal-multilevel-menu li.last-item { border: none; }

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
    position:absolute;
    top:auto;
    display:none;
    z-index:500;
    height:auto;
    width:163px;
    padding: 3px 11px;
    border:1px solid;
}

#horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid; } /*Sub-menu item box*/
#horizontal-multilevel-menu li ul a { text-align:left; font-size: 12px;} /*Item link*/
#horizontal-multilevel-menu li ul ul { margin:-27px 0 0 160px; }

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul
{
    display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li li:hover ul
{
    display:block;
}

div.menu-clear-left { clear:left; }

/*Common Elements */
div.content-form { padding-left:1em; }



/* новые строки для шаблона*/
.img_logo {
    padding-top: 20px;
    width: 380px;
    float: left;
}
.menu_info {
    width: 610px;

    float: left;    
}
.line_up{
    width:100%;
    height: 7px;
    background: url(../../../bitrix/templates/gilge/new_images/rings.png) 0 -8px repeat-x transparent; }
.line_down{
    width:100%;
    height: 7px;
    background: url(../../../bitrix/templates/gilge/new_images/rings.png) 0 0px repeat-x transparent; }
#map td{
    vertical-align: top;
}
#map p {
    font-size:15px; color:#d8d8a0; padding-left: 15px;
}
#map h4 {
 padding-left: 15px;   
}

#tb_about {
width:100%;    
}
#tb_about td {vertical-align:top;}
#tb_about p {
    font-size:15px; color:#f8e7ba; 
}
#tb_about td {
    padding: 0 35px;
}
#tb_partners{
border-collapse: separate; 
border-spacing: 0px 20px;
color: #F8E7BA;
}


#tb_partners p {
    font-size:14px; color:#f8e7ba; 
} 
 
 
 
.help_mrg {
    margin-top: 15px;
}

.main_footer {
    width: 990px;
    margin: 0 auto;
    
}
.service_mn {
    width:100%;
}

a.button_info {
 background: url(../../../bitrix/templates/gilge/new_images/info_green.png) 0 0 no-repeat transparent;
color:white !important;
font-size: 15px;
font-family: Arial;
width: 192px;
height: 48px;
display: block;
line-height: 48px;
padding-left: 40px;
text-decoration: none;
}   

 a.button_info:hover{
 background: url(../../../bitrix/templates/gilge/new_images/info_orange.png) 0 0 no-repeat transparent;
 text-decoration: none;    
 }
 a.current {
    background: url(../../../bitrix/templates/gilge/new_images/info_orange.png) 0 0 no-repeat transparent;    
 }
 
 .currentOver {
    background: url(../../../bitrix/templates/gilge/new_images/info_orange.png) 0 0 no-repeat transparent !important;    
 }
 
 .main_picture {
     width:100%;
     min-width: 990px;
     background: black url(../../../bitrix/templates/gilge/new_images/red_shine.png) center bottom no-repeat ;
 }
 
         #makeMeScrollable
        {
            width:990px;
            margin: 0 auto;
            height: 190px;
            position: relative;
        }
         #makeMeScrollable2
        {
            width:990px;
            margin: 0 auto;
            height: 110px;
            position: relative;
        }        
        
        /* Replace the last selector for the type of element you have in
           your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
           if you have links use #makeMeScrollable div.scrollableArea a and so on. */
        #makeMeScrollable div.scrollableArea img, #makeMeScrollable2 div.scrollableArea img
        {
            position: relative;
            float: left;
            margin: 0;
            padding: 0 5px 0 0;
            /* If you don't want the images in the scroller to be selectable, try the following
               block of code. It's just a nice feature that prevent the images from
               accidentally becoming selected/inverted when the user interacts with the scroller. */
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
        }
        #makeMeScrollable div.scrollableArea a,#makeMeScrollable2 div.scrollableArea a
{
    display: block;
    float: left;

}
        
.main_partners {
    background-color: white;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
  width:990px;
  height: 145px;
}        
#hd_table {
    margin-left: 30px;
    padding-top: 15px;
}
.kod {
    font-family: Times New Roman;
    font-size: 18px;
    color:#545454;
}
.nomer {
    font-family: Times New Roman;
    font-size: 28px;
    font-weight: 600;
    color:#da6201;
}

#bt_rest {

}

.line1 {
margin-left:25px;
font-family:Cambria;
font-size:24px;
font-style:italic;
color:#000000;}
.line2 {
margin-left:25px;
font-family:Cambria;
font-size:18px;
font-style:italic;
color:#000000;}

.line3 {
margin: 0 0 0 25px;
padding-top:15px;
font-family:Cuprum;
font-size:14px;
cursor:pointer;
line-height:22px;
text-decoration:underline;
color:#000000;
display:none;}
.bath
{top:-55px;left:295px;}
.yager
{top:-40px;left:390px;}
.hotel1
{top:10px;left:480px;}
.besedka1
{top:60px;left:95px;}
.restor
{top:35px;left:220px;}
.hotel2
{top:155px;left:380px;}
.boats
{top:245px;left:600px;}
.parking
{top:265px;left:170px;}
.besedka2
{top:300px;left:650px;}
.dk
{top:320px;left:85px;}
.besedka3
{top:130px;left:55px;}
.lake
{top:-75px;left:220px;}
.parnik
{top:20px;left:90px;}
.playground
{top:200px;left:125px;}
.river
{top:350px;left:630px;}
.sushilka
{top:45px;left:385px;}
.fishtools
{top:65px;left:435px;}
.room {
position:absolute;
width:243px;
height:127px;
display: none;
padding:15px 0 0 0;
background: transparent url(../../../bitrix/templates/gilge/new_images/inf_table.png) no-repeat center center;
}
.visible{
    display: block !important;
}
.room:hover{
    display: block;
}
.service_desc {
    width:100%;
    padding: 15px;
    position: relative;
    margin: 15px 0;
    display: none;
    
}
.sd_foto { 
float: left;
text-align: left;
width: 45%;
}
.sd_text { 
float: left;
padding: 15px 0 0 15px;
text-align: left;
width: 50%;
}
.clear {
    clear:both;
}
 p {
    font-size:14px; color:#f8e7ba; 
} 
.up_line_srv {
    position: absolute;
    width:100%;
    height: 75px;
    background: transparent url(../../../bitrix/templates/gilge/new_images/up_line.png) no-repeat center 0;
    top:0px;
    left:0px;
      z-index: 0;
      display: none;
    
}
.down_line_srv {
    position: absolute;
    width:100%;
    height: 75px;
    background: transparent url(../../../bitrix/templates/gilge/new_images/down_line.png) no-repeat center 0;
    bottom:0px;
    left:0px;
    z-index: 0;
    display: none;
    
}
.bg_service{
    cursor: pointer;
}
.close { 
background: url(../../../bitrix/templates/gilge/new_images/close.png) 50% 50% no-repeat transparent;
cursor: pointer;
height: 10px;
position: absolute;
right: 10px;
top: 10px;
width: 10px; 
z-index:100;
}

.subscribe
{
    padding: 9px 9px 0 9px;
}

    .subscribe.modal
    {
        background-color: #edddd1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:10px 15px 10px 15px;
        width: 600px;
        position:relative;
    }

        .subscribe.modal .title span
        {
            margin-bottom: 10px;
        }

    .subscribe input
    {
        width: 362px;
        font-size: 14px;
        font-family: Calibri, sans-serif;
        color:#2d0000;
        border:0px solid #ebd8c9; 

    }
    .subscribe input[type="text"]{
        height: 35px;
        padding-left: 15px;
        background: url("../../../bitrix/templates/gilge/new_images/form_input.png") transparent 0 0 no-repeat;    
    }
.subscribe input[type="checkbox"] {
     display:none;            
}
.subscribe input[type="checkbox"] + label 
 {
    color:#2d0000;
    font-family: Calibri;
    font-size: 14px;
   cursor: pointer;
   height: 20px;
   width: 300px;
   line-height: 20px;
   display: inline-block;
   float:left;
   margin:0 15px 15px 0;

}
.subscribe input[type="checkbox"] + label::before
  {
     content: "";
     display: inline-block;
     float:left;
     height: 20px;
     width: 20px;
     margin: 0 10px 0 0;
     background-image: url(../../../bitrix/templates/gilge/images/sprite_form.png);
     background-repeat: no-repeat;
}
.subscribe input[type="checkbox"] + label::before {
     background-position: 0 0;    
}
.subscribe input[type="checkbox"]:checked + label::before {
     background-position: 0 -32px;
}

    .subscribe textarea
    {
        background: url("../../../bitrix/templates/gilge/new_images/form_text.png") transparent 0 0 no-repeat;
        width: 346px;
        height: 67px;
        font-size: 14px;
        font-family: Calibri, sans-serif;
        background-color: #f8f0e9;
        min-height: 67px;
        border:0px solid #ebd8c9;
        max-width: 346px;
        max-height: 82px;
        padding-left: 15px;
        padding-top: 15px;
        resize:none;
    }

        .subscribe input.error, .subscribe textarea.error
        {
            background-color: #E51A1A;
        }

    .subscribe .title
    {
        font-size: 18px;
        text-align: center;
    }

    .subscribe td
    {
        padding: 3px 0;
    font-family: Calibri, Arial;
    font-size: 14px;        
    }

    .subscribe tr.button td
    {
        padding-top: 8px;
    }

    .subscribe .title span
    {
        font-size: 24px;
        text-transform: uppercase;
    }
    #manager_face {
        width:210px;
        vertical-align: top;
        padding-left: 20px;
        width: 35%;
    }
    #manager_text {
        padding-left: 20px;
        width: 35%;
    }
    .modal_caption {
        font-size: 36px;
        color:#2d0000;
        text-align: center;
        font-family: Cuprum, Arial;
    }
    #modal_section {
        display: none;
    }
    
a.button
{
    background: url("../../../bitrix/templates/gilge/new_images/button_right.png") no-repeat scroll right top transparent; 
    display: block;
    float: left;
    font-size: 16px;
    color: #2c0000;
    height: 32px;
    padding-right: 20px;
    text-decoration: none;
    text-transform: uppercase;
    color:black !important;
}

a.button span
{
    background: url("../../../bitrix/templates/gilge/new_images/button_left.png") no-repeat scroll left top transparent; 
    display: block;
    line-height: 32px;
    padding: 0 0 0 22px;
}

.nofloat { 
float: none !important;
margin: 0px auto;
width: 170px;
}    

.img_partner {
    position: absolute;
}
.gov{
    top:30px;
    left:60px;
}
.partners_bg {
 background: url("../../../bitrix/templates/gilge/new_images/partners_fon.png") no-repeat center center transparent;
 width: 263px;
 height: 173px; 
 text-align: center;
 vertical-align:middle;   
}

.list_service {
    list-style-type:circle;
color: #F8E7BA;
font-size: 13px;
padding-left: 15px;    
}
ol {
padding-left: 20px; 
}
ol li {
color: #F8E7BA;
font-size: 13px;

}

.partners_list {
    color:#F8E7BA;
}
ul.gagarin li {
    margin: 0 !important;
}

.sd_foto img {
    width:140px;
}

.service_foto img {
    margin: 0 0 5px 0;
}
.img_logo a {
    display: block;
    text-decoration: none;
}
.img_logo hr {
background-color: white;
width: 200px;
}
.gilge {
    color:black;
    font-family: Times New Roman;
    font-size: 54px;
    font-weight: 700;
    line-height: 48px;
    text-decoration: none;
    letter-spacing: 3px;
    
}
.gilge-rybackaya-usadba {
    color:black;
    font-family: Times New Roman;
    font-size: 22px;
    font-weight: 500; 
    text-decoration: none;
    letter-spacing: 2px;   
}
.region {
     color:black;
    font-family: Times New Roman;
    font-size: 14px;
    font-weight: 500; 
    text-decoration: none;    
}
.banner {
    background-color: #D8D8A0;
    width: 100%;
    padding: 15px 0;
}
.banner div {
    margin: 0 auto;    width: 990px;
}


.tac2 {
    text-align: center;
    color:#D8D8A0;
    margin: 10px 0;

}
#workarea {
color:#D8D8A0;
}
#workarea p {
    line-height: 18px;
}
#workarea i {
    text-decoration: underline;
    font-size: 18px;
}
table.dk {
color:#D8D8A0;
width: 100%;
border-spacing: 10px;
}
table.dk  td {
    vertical-align: top;
}


table.menu {
    color:#D8D8A0;
    width: 100%;
border-collapse: collapse;
border: 1px solid #D8D8A0;    
}
table.menu td, table.menu th {
border: 1px solid #D8D8A0;     
}
.razdel {
    text-align: center;
    line-height: 32px;
}
table.menu th {}
table.menu tr td {
    text-align: center;
}
table.menu tr td:nth-child(2) {
    text-align: left;
    padding: 5px;
}

div.lang {padding: 5px; float: left; display: inline;   margin-left: 40px;}
div.lang_act { padding: 5px; float: left; display: inline; margin-left: 40px; background: #a6a66d; border-radius: 3px; }
div.clear {clear: both;}

/*
playback timings (ms):
  PetaboxLoader3.datanode: 451.119 (5)
  RedisCDXSource: 70.634
  LoadShardBlock: 413.385 (3)
  PetaboxLoader3.resolve: 240.272 (3)
  exclusion.robots: 0.287
  esindex: 0.026
  CDXLines.iter: 70.378 (3)
  load_resource: 341.818
  captures_list: 560.492
  exclusion.robots.policy: 0.268
*/