@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

body {  
/*overflow: hidden;*/
	height: 100%;
    width: 980px;
    margin: 0 auto;
	font-size:16px;background: #f4f5f6;
   }
   
#header {	
	width: 100%;
	padding: 23px 0;
	position: relative;
	top: 0px;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
	background-color: #222222;
	float: left;
	text-align: center;
}

#logo {	width: 100px;
     height: 100px;
	display: inline-block;
	vertical-align: middle;
	 }

#logolink {	width: 100px;
     height: 100px;
	display: inline-block;
	 }

img {align-content: center;
	}

#text-title {  
	    margin-top: 0px;
    margin-bottom: 0px;
}
	
#site-title {   
	margin-top: 0px;
    margin-bottom: 0px;
	    color: #ffffff;
	text-decoration: none;
	display: inline-block;
		}

.site-description {
    margin-top: 0px;
    margin-bottom: 0px;
	font-size: 18px;
    color: #777777;
	align-content: center;
}

h1 {     margin-top: 0px;
    font-size: 35px;
   	text-align: center;
	position: relative;
	}


#menu {		background: #921010;
	   text-align: center; /* пункты и текст горизонтально по центру */
	
}

#menu a {
        display: block; /* ссылка растягивается на весь пункт li */
        padding: 5px 5px; /* задаем внутренние отступы */
        color: #fff; /* цвет текста */
        text-decoration: none; /* убрать нижнее подчёркивание у ссылок */
	
	    }
	
#menu li {  display:inline-block;	/* расположить пункты горизонтально */
	  margin: 0; /* убрать внутренние отступы */
      padding: 0; /* убрать внешние отступы */
	  text-align: center;
	  width: 15%; /* задаем размер пункта можно в пикселях*/
	
	}
		
#menu a:hover {
        background: #F86D6D; /* фон пунктов при наведении */
    }


.crowncap {margin: 30px 0;
    font-size: 10;
	width: 100%;
	text-align:left;
			}

.photo {   
	width: 200px;
	margin-top: 10px;
	    border: 1px solid #9C9595;
	vertical-align: top;
	position: relative;
	float: left;
			}

.photo image {
	border: 0px none;
	width: 100px;
	vertical-align: top;
	}

.capname {
	padding-top: 2em;
	background: none repeat scroll 0% 0% #FFF;
    line-height: 1.1;
	width: 202px;
    font-weight: bold;
    text-align: center;
	
		}

.comments {
	padding-bottom: 16px;
	background: none repeat scroll 0% 0% #FFF;
	width: 202px;
    height: auto;
	line-height: 1.1;
	vertical-align:text-top;
	font-style: italic;
	text-align: center;
	}
#poisk{}
.search-form {
    position: relative;
    left: 590px;
    width: 420px;
}
#quickquery {
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    height: 16px;
    font: 13px "RobotoCondensedRegular";
    color: #000 !important;
    padding: 5px;
    width: 90%;
}
.search-form input[type="submit"] {
    border: none;
    background: url(/images/search-btn.png);
        background-size: auto;
    background-size: cover;
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: relative;
   left: -40px;
}

.ktg{font-size:20px;
     margin-top:2px;
     margin-bottom:2px;
     color: #c1c1c1;
     text-align: left;
	 margin-left: 40%;
}
     
.ktg a{text-decoration:none;
       color: #526360;}
       
.ktg a:visited {color: #526360;}
.ktg a:hover {color: #ea1665;}

.ktg.nepivo2 {
	color: #c1c1c1;; /* меняет цвет счета непивных */
	font-size: 16px;
	}

.ktg.nepivo2 a{
	color: green;  /* меняет цвет региона непивных */
	font-size: 16px;
	font-style: oblique;
	margin-left: 20%;
	}
	
.ktg.nepivo2 a:hover{
	color: #ea1665;
}

.elmas{display:inline-block;vertical-align:top;width:25%;padding:1%; box-sizing:border-box;text-align:center;}
.blockartinka{width:100%;}
.blockartinka img{width:100%;}
.bgg{    text-decoration: none;
    border: 1px solid #e0e5ea;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;}
	
	.blocknazv{
	font-weight:bold;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	width:100%;}
	
	.blockopis{font-size:18px;padding-left:5px;padding-right:5px;box-sizing:border-box;width:100%;}
	.pd20{padding-top:10px;padding-bottom:10px;}

	.pr50{width:50%!important;}
	.pr50 .blockartinka img{width:50%;display:inline-block;vertical-align:top;}
	.pr75{width:75%!important;} .pr75 .blockartinka  img{width:33.3%;display:inline-block;vertical-align:top;}
	.pr100{width:100%!important;} .pr75 .blockartinka  img{width:25%;display:inline-block;vertical-align:top;}
	h4{color:#921010;
	   font-weight:bold; 
	   font-size:2em;
	   text-align: center;
	}
	
	
	.kr_ramka{border: 2px #921010 solid ;}
	
	.cssscc{}
	.clssstt{display: inline-block;margin-right: 10px;margin-bottom: 20px;vertical-align: top;height: 200px;}
	
	@media (max-width:1075px)
	{
		*{box-sizing:border-box;}
		body,html{width:100%;margin:0px;padding:0px;}
		header,#menu,#poisk,.crowncap{width:100%; max-width:980px;margin:0 auto;}
		#header,#menu,#poisk,.crowncap{padding-left:5px; padding-right:5px;}
		#header {float:none; display:block;width:100%;}
		header{margin-top: 20px;}
		#menu{    margin-bottom: 20px;}
		#poisk{clear: both;}
		#poisk:after{content:' '; clear:both; width:100%;display: block;height:1px;}
		#poisk .search-form {  position: relative;    left: auto;right: 0px;float: right; width: 375px;}
		#quickquery { height: 26px;  font: 13px "RobotoCondensedRegular"; color: #000 !important;padding: 5px;  width: 100%;}
		.search-form input[type="submit"] {    position: absolute;right: 20px;    top: 50%;left:auto;		margin-top: -8px;}
		.crowncap{    clear: both;}
		.elmas {width: 24%; margin-left: 0.5%;   margin-right: 0.5%;    margin-bottom: 0.5%;}
		.pr50 {   width: 49%!important;}
		.crowncap img{max-width:100%;}
		.crowncap p img{    width: 100%!important;    height: auto!important;}
	}
	
	@media (max-width:992px)
	{
		body{padding-bottom:20px;}
		header{margin-top: 0px;}
		.ktg {    margin-left: 10%}
		.ktg.nepivo2 a { margin-left: 20%}
	}
	
	@media (max-width:725px)
	{
		
		#menu li {    width: auto;   padding-left: 10px;    padding-right: 10px;}
	}
	
	@media (max-width:425px)
	{
		.blocknazv {font-size:4px;}
		.blockopis {		font-size: 2.0vw;}
		#poisk .search-form{width: 100%;}
		h4 {    font-size: 6vw;}
	}
	@media (max-width:345px)
	{
		.ktg {    margin-left: 7%}
		.ktg.nepivo2 a { margin-left: 12%}
		.blocknazv {font-size:8px;}
		.blockopis {		font-size: 2.8vw;}
	}