body {
	margin: 0;
	padding: 0;		
    background:url(../img/html_bg.jpg) 50% 0%;
    color: #000;
	font-family: Helvetica Neue,arial,sans-serif;
	font-size: 100%;
	line-height: 160%;
	word-spacing: 0.1em;
}

#datadata{width: 100%; font-size: 90%;
}

#da {
}

#datadata a{
       	text-decoration:none;
}

#razdel {margin: 0  0 20px 0; width: 100%; color: #FFFFFF; background-color: #55550e;  text-align:center; border: 1px solid #bbb;	
}

#verh {
font-family: Times New Roman;
font-size: 300%;
color: #55550e;
text-shadow:  background: linear-gradient(-45deg, #FEE864, #F5965E);
color: #55550e;
text-shadow: -0.5px -0.5px white, 0.5px 0.5px gray, 1px 1px #7a7a7a, 1.5px 1.5px #757575, 2px 2px #707070, 2.5px 2.5px #6b6b6b, 3px 3px #666666, 3.5px 3.5px #616161, 4px 4px #5c5c5c, 4.5px 4.5px #575757, 5px 5px #525252, 5.5px 5.5px #4d4d4d, 9px 9px 15px rgba(0, 0, 0, .4), 9px 9px 5px rgba(0, 0, 0, .4);
}

#verh а {color: red;}

#razdel a{
	color: #FFFFFF;
       	text-decoration:none;
}

#razdel a:hover{color: red;}


#yandexnews{margin:8px 0 8px 0; padding: 10px 0 10px 0;
}

#inline-block1{	
display: inline-block;
}

.yandex { 
height: 90px; 
margin: 0.3em 0 0 0;
}


.google { 
height: 90px; 
margin: -10px 0 0 0;
padding:-30px 0 0 0;

}


.reklama01 { 
margin: 1.0em;
}


.ok {background-color: #55550e;
color: #FFFFFF;
font-size: 90%;
padding:  2px; 

}


.ok1 {background-color: #55550e;
color: #FFFFFF;
font-size: 90%;
padding:  5px;
margin: -10px 0 0 0; 

}

.img-container { Float: left;
padding: 10px 0 10px 0;

}

.nav {list-style:none; }

#nav.main{
	float: center;
	text-align:center;
	font-size: 80%;
    text-transform: uppercase;
	line-height 1.2;
}

#nav-main {float: center;
	margin: 10px 0 0 0;
	font-size: 90%;	
	line-height: 1.2;
}

#nav.main li {display:inline; float:none;}

#nav.main a{
	display:inline-block;
	width: 220px;
	padding: 0.1em 0.1em;
	margin-bottom: 0.3em;
	background-color: hsla(0,0%,100%,.8);
	border-bottom: 4px solid #55550e;	
	font-size: 90%;
    text-decoration:none;	
	}
	
		
#nav.main a:hover{background-color: #FFFFFF; border-bottom: 4px solid red;}
#nav li span {display: block; text-shadow: none; line-height: 8px;}

.tooltip { 
position: relative;     /* Делаем элемент родительским для всплывающих подсказок */
  cursor: help;
}

.smallshrift {
	font-size: 80%;
	border-style: solid;
	text-align: left;
	margin: 5px;
	padding: 10px;
	border-width: 1px;
	border-color: #bbb;
}

.smallshrift1 {
	font-size: 90%;
	text-align: center;	
	font-style: italic;
	
}

.smallshrift2 {
	font-size: 90%;

}


#banner {background: #ebecee;
padding: 1%;
color: #666666;
border: solid 1px  #bbb;
}

#banner1 {background: #ebecee;
padding: 5px 0 5px 0 ;
}

#banner2 {background: #0000FF;
color: #FFFFFF;
}

#banner3 {font-size: 100%; margin: 0 0 15px 0;
}

.reka {margin: 1% 0 1% 0;
font-size: 90%;
}

.reka a {
text-decoration: none;
}



#green {width: 220px;
background: #FFFFFF;
}

.ssilka {text-decoration: underline;
}

/* LAYOUT -------------- */
#wrapper {margin: 0 1%;
	
}

#header {	
overflow: hidden;
	position: relative;
	margin: 0 0 10px 0;	
}


.ie6 #header {
	width: 100%;
}



.plotno {
	padding: 4% 9% 4% 9%;
}

.plotno2 {
	padding: 4%;	
     	font-size: 80%;
	text-align: left;
}

#content-main {	
               background: hsla(0,0%,100%,.8);	
                overflow: hidden;
	float: left;
	width: 70%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	text-align: left;
        border: 1px solid #bbb;
			
}

#content-main h1,h2,h3 {font-weight: normal;
	
}



#content-main hr {
    border: 0;
    border-bottom: solid 1px  #bbb;
}



#content-main li {
list-style-type: circle;
    margin: 0 0 1em -2em;
    padding: 0px;
    list-style-position: inside;
    text-align: left;
}




#content-secondary {				
float: right;
	width: 25%;
	
}




#footer {    

overflow: hidden;
	clear: both;

}



#footer2 {
	font-size: 90%;
	width: 60%;
    text-align: left;
                 
}


#footer2 li {
   
             line-height: 1.0;
             list-style-type: circle;
    margin: 0 0 1em -2em;
    padding: 0px;
    list-style-position: inside;
    text-align: left;
}

/* HEADER COMPONENTS ---- */
#logo {
	float: left;
}
#form-search {
	position: absolute;
	top: 20px;
	right: 0;
}
#nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav-main li {	
float: left;
	margin: 0 0 0 .5em;
padding: 1% 1% 1% 0;
}

#nav-main a {
	display: block;
	padding: .2em .4em;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	text-decoration: none;
		
	font-size: 100%;			
}

#nav-main a:hover {background-color: #FFFFFF;

}

/* MAIN CONTENT COMPONENTS -- */
h1 + p {
	
}

.myinitialcaps {font-size:250%; font-family: Didot;
color: #55550e;
}

.feature {
	float: left;
	width: 45%;
	margin: 0 4.5% 0 0;	
	background-repeat: no-repeat;
	background-position: top center;
}
.feature:last-child { margin-right: 0; }

.feature h3 {
	margin-bottom: 0;
	padding-bottom: .2em;
	font-size: 120%;
	
	letter-spacing: 1px;
	line-height: 1.2;
}


.feature p {font-size: 100%;
	text-align: left;
}


/* SIDEBAR COMPONENTS ---- */
#content-secondary div {
	margin-bottom: 1.6em;
	line-height: 1.2;
}

#content-secondary  a{
	text-decoration:none;
}

#newsletter {
	padding: 0 1em 1em 1em; text-align:left;
	
}

#newsletter p {
	margin-bottom: .5em;
}
#form-newsletter * {
	display: block;
	margin-bottom: .5em;
}
#form-newsletter input[type=text] {
	width: 95%;
}

#news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#news li {
	margin: .5em 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px solid #bbb;
}

#news a {		
	text-decoration: none;
		
}


/* FOOTER COMPONENTS ---- */



#about {
	float: left;
	width: 70%;
}
#credits {
	float: right;
	width: 25%;
}

/* TEXT ----------------- */
p, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	
}

h1 {margin-bottom: .5em;
	font-family: Didot;
	font-size: 250%;
    line-height: 100%;
    display: inline-block;
    transition: color .2s;
	text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF;

}
h2, h3, h4 {
	
	line-height: 1.2;
}

h2 {
	margin-bottom: 10px;
}

h2 {
	
	font-family: Didot;
	font-size: 200%;
	letter-spacing: -1px;
}

h3 {
	font-family: Didot;
	margin-bottom: .5em;
	padding-bottom: .5em;
	margin-top: .5em;
	font-size: 150%;
}


h4 {
	
	text-align: left;
text-decoration: underline;
	font-size: 100%;
	
}


a { color: #55550e; transition: 0.3s;}
a:hover { color: #FF0000; text-decoration: none; }

/* FORMS ---------------- */
input[type=text] {
	padding: .2em;
	border: 1px solid #bbb;
	background: hsla(0,0%,100%,.8);
}
input[type=text]:focus {
	background: hsla(0,0%,100%,.9);
	outline: none;
}


/* MEDIA QUERIES ----------------------------------- */
@media screen and (min-width: 1200px) {
	
#nav-main {	position: fixed;
		top: 340px;
		width: 16%;
		margin: 0;				
		border-radius: 3px;
		text-align: right;
	}
	#nav-main li {
		float: none;
		margin: 0;

	}
	
	
	#content-main, #about {
		width: 60%;
		margin-left: 18%;
	}
	#content-secondary, #credits { width: 20%; }
}

@media screen and (max-width: 760px) {
	#nav-main {padding-left: 18%;		
clear: left; 
		float: left;
	}
	#nav-main li { margin: 0 .5em 0 0; width: 220px; }
	h1 + p {
		-moz-column-count: 1;
		-o-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.feature {
		float: none;
		width: auto;
		margin: 0 0 1.6em 0;
		padding: 0 0 0 140px;
		background-position: top left;
	}
	h3 {
		font-size: 130%;
		letter-spacing: 0; 
	}
}

@media screen and (max-width: 550px) {
	#form-search input[type=text] { width: 100px; }
	#content-main, #content-secondary {
		float: none;
		width: 100%;
	}
	h1 { font-size: 200%; }
	h1 + p { font-size: 100%; }
	.feature { padding-left: 70px; }
	#feature-candy { background-image: url(images/icon_candy_64-trans.png); }
	#feature-pastry { background-image: url(images/icon_pastry_64-trans.png); }
	#feature-dessert { background-image: url(images/icon_dessert_64-trans.png); }
	#form-newsletter * { display: inline; }
	#form-newsletter input[type=text] { width: auto; }
	#about, #credits {
		float: none;
		width: 100%;
	}
	#credits { margin-top: 1.6em; }
	#credits dt {
		clear: left;
		float: left;
		margin: -.05em .2em 0 0;
	}


#nav-main {
visibility: hidden;
display: none;
}




}

@media screen and (max-width: 400px) {


#nav-main {
visibility: hidden;
display: none;
}

	#form-search label { display: block; }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px) {
	.feature {
		-webkit-background-size: 64px 64px;
		background-size: 64px 64px;
	}
	#feature-candy { background-image: url(images/icon_candy_128-trans.png); }
	#feature-pastry { background-image: url(images/icon_pastry_128-trans.png); }
	#feature-dessert { background-image: url(images/icon_dessert_128-trans.png); }
}

.bok        
	{	
	background-color: #ffffff;
    float:left;
    line-height: 1em;
	font-size: 80%;
	font-style:italic;
    text-align:left;
	width:  33%;	
	margin: 0 10px 0 0;
	padding: 5px;	
	border-style:solid;
	border-width: 1px;
	border-color: #bbb;
	
}

.bok a {
	text-decoration: none;
}

.bok a:hover{
	text-decoration: underline;
} 




.otstupfoto {
	float: center;
	margin: 1em 0 0 0; 	
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	-moz-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	-webkit-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	box-shadow: 0 0 8px hsla(0,0%,0%,.1);

}


.otstupfoto1 {
	margin: 5px 15px 0 0;
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	-moz-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	-webkit-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	box-shadow: 0 0 8px hsla(0,0%,0%,.1);	

}



.otstupfoto2 {
	margin: 5px 15px 50px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	-moz-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	-webkit-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	box-shadow: 0 0 8px hsla(0,0%,0%,.1);	

}

.otstupfoto3 {margin: 0 10px 0 0;
-moz-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	-webkit-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	

}



hr.style-one {
    border: 0;
    border-bottom: 1px solid #bbb;

}


.rasprodazha {

}


.rrr {
	
	padding: .4em 0 0 0;
	border-top: 1px solid #bbb;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0;
	text-decoration: none;	
	font-size: 90%	

}

.rrr2 {
	padding: .4em 0 .4em 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0;
	text-decoration: none;	
	font-size: 100%	

}

.rrr3 {
	padding: .4em 0 0 0;
	border-top: 1px solid #bbb;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px;
	border-radius: 3px 3px 0 0;
	text-decoration: none;	
	font-size: 90%	

}



.line_height {
line-height: 1.6;

}

       .navig_activ
         {       
          border-style:solid;
          border-width: 1px;
          border-color: #bbb;
          background-color: #ffffff;
          padding:5px;
          text-align:center;
          color: #666666;
         }

 .navig_passiv
        {
          border-style:solid;
          border-width: 1px;
          border-color: #bbb;
          background-color: #ffffff;
          padding:5px;
          text-align:center;
       }

   a.navig_activ
     {
      text-decoration:none;
     }
   a.navig_passiv
      {
      text-decoration:none;
      }

 #blok_links
         {
            border-bottom: 1px solid;
            border-color: #bbb;
         }

 #blok_links2
         {
            border: 1px solid;
            border-color: #bbb;
            background-color: #7283a0;
         }


 #blok_links3
         {
            padding: 10px;            
            border: 1px solid;
            border-color: #bbb;
            
         }




 .mini
         {
            margin: 0 10px 0 0;
            border: 1px solid;
            border-color: #bbb;
         }


.myButton {
	margin: 5px 0 5px 0;	
	background-color:#FFFF00;	
	border:1px solid green;
	display:inline-block;
	cursor:pointer;
	
	padding:6px 24px;
	text-decoration:none;
	
}



#leftnews { float: left; margin: 0 25px 0 0;}

#rightnews {
	width: 100%; } 


#Ar {border: 1px solid;
border-color: #bbb;
 } 

#informer {padding: 1% 2% 0 0;

 } 


.t1{
color: #666666;
background:#FFFFFF;
border:1px solid #bbb;
padding-left: 5px;
padding-right: 5px;
}

.t1:before{
color: #666666;
bottom:-5px;
left:10px;
width:20px;
height:10px;
-webkit-transform:rotate(-30deg) skewX(-45deg);
-moz-transform:rotate(-30deg) skewX(-45deg);
-o-transform:rotate(-30deg) skewX(-45deg);
-ms-transform:rotate(-30deg) skewX(-45deg);
background:#ffffff;
z-index:-1;
border:1px solid #bbb;
}

.t1:after{
color: #ffffff;
left:13px;
bottom:-1px;
width:15px;
height:1px;
background:#666666;
}


.navbase {	
	background:#666666;	
	color: #FFFFFF;	
	text-align: center;	
	text-decoration: none;
	font-size: 110%;
	
}


.navbase a {
	text-decoration: none;

}

.navbase a {
	text-decoration: none;
	color: #FFFFFF;

}

.navbase a:hover {
	 color: #54567b; text-decoration: underline;

}


.navbase a:hover {
	 color: #54567b; text-decoration: underline;

}



.wrap2 {
         width: 65%;/*фиксируем ширину обертки*/
         margin: 0 auto;/*центрируем ее*/
        

        }


.wrap3 {
         width: 100%;/*фиксируем ширину обертки*/
         margin: 0 auto;/*центрируем ее*/
        

        }


.spravka > div {float: left; /*Задаем обтекание*/	
     	font-size: 80%;
     	margin-top: 10px;
	padding: 1.5em;
     	width: 27%; /*Фиксируем ширину блока*/    
     	margin-right: 5px;
     	text-align: left; /*Центрируем текст по горизонтали*/

	

}

.spravka3 > div {float: left; /*Задаем обтекание*/	
     	font-size: 100%;
	text-align: left;
     	margin-top: 5px;
	padding: 0.5em;
	margin-right: 1%;
     	width: 46%; /*Фиксируем ширину блока*/    
    	
}


.wrap2 :last-child {
        margin-right: 0px;/*Убираем поле последнего div-а*/
                       }


.wrap3 :last-child {
        margin-right: 0px;/*Убираем поле последнего div-а*/
                       }

.divo{	padding: 0.5em;
	font-size: 80%; 	
	overflow: hidden;
	position: relative;          
	height: 250px;	
	border: 1px solid #bbb;
	-moz-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	-webkit-box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	box-shadow: 0 0 8px hsla(0,0%,0%,.1);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: hsla(0,0%,100%,.3);
   
  }








@media screen and (max-width: 800px) {
    .yandex-adaptive {
        width:200px;
        height:300px;
    }
}


@media screen and (max-width: 1024px) {
    .yandex-adaptive {
        width:240px;
        height:400px;
    }
}

#tablitca {
	text-align: left;
}

#tablitca TABLE {
}

#tablitca td {
padding:  1% ;  
}


#tablitca2 {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #bbb;
	margin-bottom: 10px;
	margin-top: 10px;
font-size: 90%;
}

#tablitca2 TABLE {
    	border-collapse: collapse;
    	border: 1px solid #bbb;
}

#tablitca2 td {
border-collapse: collapse;	
padding:  1% ; 
border: 1px solid #bbb;
}


#tablitca2 a {text-decoration:none;
}


#tablitca2 a:hover {text-decoration:underline;
}


#informer {width: 95%; 
font-size: 80%;
padding: 0 5% 5%  5%;
background-color: hsla(0,0%,100%,.8);
border: 1px solid #bbb;
}

#informer1 {width: 188px;
color: #FFFFFF; 
font-style:italic;
text-align:center;
border: 1px solid #bbb;
background-color: #2e869c;
padding:  2% ;
font-size: 95%;
border: 1px solid #bbbbbb;
}



#tabtwitter {
	text-align: left;
	font-size: 90%;
	border-collapse: collapse;
	border: 1px solid #bbb;
padding:  5px 15px 5px 10px ; 
}

#tabtwitter TABLE {
    	border-collapse: collapse;
    	border: 1px solid #bbb;
}

#tabtwitter td {
border-collapse: collapse;	
padding:  5px 15px 5px 10px ; 

border: 1px solid #bbb;
}


#pravmir{
	display:inline-block;
	width: 200px;	
	}


.box-gradient {

  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;

  object-fit: cover;
  margin: -10px 0 10px 0;

}



a.btn {
background: url("images/111.png") no-repeat; 
display: block;
}



	 
a.btn:hover {
background: url("images/222.png") no-repeat;
}


a.btn1 {
background: url("images/333.png") no-repeat; 
display: block;
}



#video-wrap {
 float: left;
 margin: 0 20px 5px 0;
 }