html, body {
   margin: 0;
   padding: 0;
   height: 100%;
   width: 100%;
}
.container {
   min-height:100%;
   _height:100%;
}

.menu-moby { display: none; }

.heder-mobi { display: none; }

.footer{
            margin-top:-50px; /* отрицательный маргин, равный высоте футера */
            position:relative; /* Чтобы футер "всплыл" из под дива #container, если этого не сделать,
                                то ссылки в футере не кликабельны и нельзя выделить текст*/
        } 

 /* скрываем чекбоксы и блоки с содержанием */
.hide, .hide + label ~ div {
    display: none; 
}
/* вид текста label */
.hide + label,
.hide:checked + label {
    padding: 0;
    color: green;
    cursor: pointer;
    border-bottom: 1px dotted green;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}
 
.zag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	text-align:right;
	padding:10px;
	letter-spacing:1px;
	}

.gal1  {
color: #1D3D86!important;
font-style:italic!important;
margin:10px 20px 10px 20px;
}
.gal2  {
color: green!important;
font-style:italic!important;
margin-left:20px;
margin-right:20px;
}

.text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}
.text1 {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:right;
	padding:10px;
	color: #FFF;
}

.text1- {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:left;
	padding:10px;
	color: #FFF;
}

.text-teg {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:right;
	padding:10px;
	
}



.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align:right;
	padding:10px;
	color: #FFF;
}

.text12 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:right;
	padding:10px;
	color: #000;
}

.text13 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:center;
	padding:10px;
	color: #1D3D86;
	margin-bottom:15px;
}

.text14 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:center;
	padding:10px;
	color: #000;}

.text2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	padding:20px;
	text-indent:30px;
		color: #000;
}

.text3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	padding:30px;
	text-indent:30px;
		color: #000;
}


.text4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:left;
	color: #1D3D86;
	margin-top:15px;
	margin-bottom:5px;
	text-indent:20px;
	}

.text5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	padding-right:20px;
		color: #000;
}


.text6 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding:30px;
	text-indent:30px;
		color: #000;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:center;
	color: #1D3D86;
	margin:20px;
	}
	
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:center;
	color: #1D3D86;
	margin-top:25px;
	margin-bottom:10px;
	}
	
h2.bibl {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #1D3D86;
	margin-top:25px;
	text-align:left;
	text-transform:uppercase;
		}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:center;
	color: #1D3D86;
	margin-top:35px;
	margin-bottom:25px;
	}

.text-meny {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align:left;
	color: #1D3D86;
	padding-left:70px;
	text-decoration:underline;
	line-height:40px
	}
	
	
.text-meny2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #000;
	padding-left:50px;
	padding-right:20px;
	line-height:30px;
	}
 
.head {margin:none; padding:none;}

body 
{
background-color:#76C5F0;
height: 100%;
 width: 100%;
 font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	color: #000;
}
img {
	border: 0px;
}

.foto {margin-top:20px;
 }

p {
	margin: 10; 10; 10; 10;
}

.glav {margin:5px; padding-bottom:40px;}

.img-meny {padding:15px}
.img-meny2 {margin: 0 0 0 22%;
}
.img-meny3 {margin: 0 0 0 2%;}
.img-meny4 {margin: 0 0 0 25%;
}
.img-meny5 {margin: 0 0 0 15%;
}
 

a:link {color: #FFF; text-decoration:underline;}
a:visited {
	color: #FFF;
	text-decoration:underline;
}  
a:active {color: #FFF; text-decoration:underline;} 
a:hover {color: #1E9BC9; text-decoration:underline;} 

/* МОБИЛЬНЫЕ */

@media only screen and (max-width : 800px){.container  { 
width: 100%;
background-size:100%;
box-sizing:border-box;
}}

 
@media only screen and (max-width : 800px){body  { 
width: 100%;
background-size:100%;
box-sizing:border-box;
}}

 


.glav p {
font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-left:0px;
	padding-right:0px;
	text-indent:30px;
		color: #000;	
text-align: justify; 
width: 100%;
background-size:100%;
box-sizing:border-box;
		} 

@media screen and (max-width: 600px) {
 .glav p {
    font-size: 1.3em;
  }
}



 
@media screen and (max-width:800px) {
  .glav tr td {
	  display:block; }    }
	  
 @media screen and (max-width:800px) {
  .glav img {max-width: 90%;} } 
 
  
 

 
  /* Скрыть только на мобильных */
@media screen and (max-width: 800px) {
         .head  { display:none; }    }

 
@media screen and (max-width: 800px) {
  table.delivery tr td:first-child {
    display: none;
  }
  
  
  /*Показать только на мобильном */

@media only screen and (max-width : 800px) { .menu-moby { display: inline;
background-size:100%;
box-sizing:border-box;
 }}
 
@media only screen and (max-width : 800px) { .heder-mobi { display: inline;
background-size:100%;
box-sizing:border-box;
 }}
 
 
 @media only screen and (max-width : 800px) { .y-moby { display: inline!important;
background-size:100%;
box-sizing:border-box;
 }}
 
 
  
/*Мобильное меню */
.rectangle {
counter-reset: li; 
list-style: none; 
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5); 

}
.rectangle a {
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #D3D4DA;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}
.rectangle a:hover {background: #DCDDE1;}       
.rectangle a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #9097A2;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle a:hover:after {
left: -.5em;
border-left-color: #9097A2;
}