@font-face {
    font-family: 'Boblic';
    src: url('boblic.eot');
    src: url('boblic.eot?#iefix') format('embedded-opentype'),
         url('boblic.woff') format('woff'),
         url('boblic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html, body
{
	margin:0;
	background: #fff url(img/fon.jpg) no-repeat top center;
	padding:0;
	font-family: verdana;
	font-size:13px;
	color:#313131;
}

h1 {
  color: #0076A3;
  font-size: 18px;
  margin: 0;
  height: 25px;
  margin-top: 10px;
  font-family: tahoma;
  padding: 10px 0px 5px 10px;
  }
.h1div {
  color: #0076A3;
  font-size: 18px;
  margin: 0;
  height: 25px;
  margin-top: 10px;
  font-family: tahoma;
  padding: 10px 0px 5px 10px;
  font-weight:bold;
  }

h2 {
color: #0076A3;
  font-size: 16px;
margin-top: 5px;
}

h3 {
color: #2d2d2d;
 font-size:15px;
}
 li {font-size:13px;}

p {font-size: 13px;}

.header
	{
  max-width: 990px;
  BACKGROUND: #0076a3;
  min-height: 75px;
 float:center;
	}

.menutop {
    max-width: 990px;
    min-height: 40px;
	float:center;
	BACKGROUND: #0076a3;
	border-bottom: 1px solid #00435c;
	font-family: Boblic;
  
}

.menutop a {
    /*display: block;*/
  float: left;

  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 22px;
  margin-right: 22px;
  margin-left: 15px;
  letter-spacing: 1px;
}

.menutop a:hover, .menutop a.active {
    color: #00B9F6;

}

.slaider {
  margin-top: -13px;
  background: #eaeff3;
  max-width: 990px;
  min-height: 213px;
	}
	
.slaider a{text-decoration:none;}

.telo {
  margin: auto;
  max-width: 990px;
  padding-top: 10px;
  background-image: url(img/fontelo.gif);  
}



.menu
{	float:left;
text-align: left;
	max-width: 230px;
	background:#fff;
	margin-left: 15px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
	/*margin-top: -10px;*/
}

.menu ul
{
	margin: 3px 0px 0px -30px;
	LIST-STYLE:none;
}

.menu li
{
	 /*line-height: 1.5;*/
	 MARGIN-left: -10px;
 	 padding-left: 10px;
	 padding-right: 3px;
	 padding-bottom: 7px;
}

.menu li:hover
{
	background: #fff;
}

.menu a
{
	color: #474747;
 	 TEXT-DECORATION: none;
 	 font-size: 13px;
}


.menu a:hover
{
	COLOR: red;
}


.stat {width: 210px; height: 140px; background:rgba(0,0,0,0.7);  color: #fff;}


.anons1 {width: 210px;height: 140px; position: relative; font-size: 13px; BACKGROUND-IMAGE: url(./img/anons-1.jpg); float: left; margin-right: 18px; margin-bottom: 10px;}
.anons2 {width: 210px;height: 140px; position: relative; font-size: 13px; BACKGROUND-IMAGE: url(./img/anons-2.jpg); float: left; margin-right: 18px; margin-bottom: 10px;}
.anons3 {width: 210px;height: 140px; position: relative; font-size: 13px; BACKGROUND-IMAGE: url(./img/anons-3.jpg); float: left; margin-right: 18px; margin-bottom: 10px;}
.anons4 {width: 210px;height: 140px; position: relative; font-size: 13px; BACKGROUND-IMAGE: url(./img/anons-4.jpg); float: left; margin-right: 18px; margin-bottom: 10px;}
.anons5 {width: 210px;height: 140px; position: relative; font-size: 13px; BACKGROUND-IMAGE: url(./img/anons-5.jpg); float: left; margin-right: 18px; margin-bottom: 10px;}
.anons6 {width: 210px;height: 140px; position: relative; font-size: 13px; BACKGROUND-IMAGE: url(./img/anons-6.jpg); float: left; margin-right: 18px; margin-bottom: 10px;}

.anons1 .stat {display: none;}
.anons2 .stat {display: none;}
.anons3 .stat {display: none;}
.anons4 .stat {display: none;}
.anons5 .stat {display: none;}
.anons6 .stat {display: none;}

.anons1:hover .stat { display: block; }
.anons2:hover .stat { display: block; }
.anons3:hover .stat { display: block; }
.anons4:hover .stat { display: block; }
.anons5:hover .stat { display: block; }
.anons6:hover .stat { display: block; }

.anons1:hover p { display: none; }
.anons2:hover p { display: none; }
.anons3:hover p { display: none; }
.anons4:hover p { display: none; }
.anons5:hover p { display: none; }
.anons6:hover p { display: none; }

.anons1 p{background: #000;  margin: 0;   z-index: 8;  opacity: 0.7;  color: #fff; padding: 5px; text-align: center; position: absolute; bottom: 0; width:200px;}
.anons2 p{background: #000;  margin: 0;   z-index: 8;  opacity: 0.7;  color: #fff; padding: 5px; text-align: center; position: absolute; bottom: 0; width:200px;}
.anons3 p{background: #000;  margin: 0;   z-index: 8;  opacity: 0.7;  color: #fff; padding: 5px; text-align: center; position: absolute; bottom: 0; width:200px;}
.anons4 p{background: #000;  margin: 0;   z-index: 8;  opacity: 0.7;  color: #fff; padding: 5px; text-align: center; position: absolute; bottom: 0; width:200px;}
.anons5 p{background: #000;  margin: 0;   z-index: 8;  opacity: 0.7;  color: #fff; padding: 5px; text-align: center; position: absolute; bottom: 0; width:200px;}
.anons6 p{background: #000;  margin: 0;   z-index: 8;  opacity: 0.7;  color: #fff; padding: 5px; text-align: center; position: absolute; bottom: 0; width:200px;}

.anons1 a {text-decoration: none !important;} 
.anons2 a {text-decoration: none !important;} 
.anons3 a {text-decoration: none !important;} 
.anons4 a {text-decoration: none !important;} 
.anons5 a {text-decoration: none !important;} 
.anons6 a {text-decoration: none !important;} 

.stat h3 
{
background: #0076a3; 
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none !important;
margin-top: 0px;
padding: 5px;
font-weight:none !important;
}

.stat a {text-decoration: none !important;
margin-top: 0px;}

.content {
	/*max-width: 690px;*/
	max-width: 100%;
	background:#fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	padding: 0px 10px 10px 10px;
	margin-left: 10px;
	}
.content a  {
	color: #448ccb;
	text-decoration: none;}

.content a:hover {
	  color: #C01E1E;
  	text-decoration: underline;}



.footer {
  width: 100%;
  BACKGROUND: #0076a3;

  margin-top: -3px;
	position: relative;
	z-index: 3;
}

.left
{
	float:left;
	margin:0px 10px 0px 0;
	border:5px solid #ccc;
}

.right
{
	float:right;
	margin:0px 0 0px 15px;
	border:5px solid #ccc;
}
.border {
	border: 1px solid #C3CE98; padding: 5px; 	margin: 4px;
	}
.r
{
	float:right;
	margin:0px 0 0px 15px;
	border:5px solid #ccc;
}

.center
{
	margin:5px 0 0px 5px;
	border:5px solid #ccc;
}

.faq_answer_only_text > img {
    max-width: 500px;
}

.rr{
        float: right;
        border: 1px solid #8C8C5D;
        padding: 1px;
        margin: 5px 2px 2px 7px
}

.rr_2{
        float: right;
        border: 1px solid #8C8C5D;
        padding: 2px;
        margin: 2px 2px 2px 7px
}

.ll{
        float: left;
        border: 1px solid #474700;
        padding: 1px;
        margin: 5px 7px 2px 2px
}

.c_c{
        float: center;
        border: 1px solid #8C8C5D;
        padding: 2px;
        margin: 1px
}

.framed {
	BORDER-LEFT: #dddddd 5px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND: #f8f8c8; FONT-SIZE: 10pt; FONT-WEIGHT: bold; PADDING-TOP: 5px
}
.spaceless {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
P.headline {
	BORDER-LEFT: #e0e0e0 6px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 3px; BACKGROUND: #f0f0f0; PADDING-TOP: 6px
}
A.headline {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #336699; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.headline:hover {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #336699; FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none
}

A#current {color:red;}

.logo {margin-right: 5px;float: left; margin-left: 15px;margin-top: 5px;}
.logo_text1{color:#fff; font-size: 29px;font-weight: 600;margin-top: 0;float: left;text-decoration: none; font-family: Boblic;}
.logo_text2{color:#fff; margin-top: 32px; margin-left: -168px; font-size: 21px;float: left;text-decoration: none; font-family: Boblic;}

.poisk{padding-top:15px;}
.podelica {float: right; margin-top: -35px; padding-right: 10px;}
.vopros{width: 230px;margin-left: 150px; padding-top: 25px; height: 100px;top: 0; z-index:1; position:relative;}
.test_proiti{width: 230px;margin-left: 150px;  height: 100px;top: 0; margin-top: -20px; z-index:1; position:relative;}
.girl{float: right; margin-top: -213px;}
.topmleft {float: left; margin-left: -7px; margin-top: -4px;}
.topmright{float: right; margin-right: -7px; margin-top: -4px;}

.container {
    max-width: 460px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    height: 180px;
    margin-left: 15px;
    float: left;
    font-family: Boblic;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
}

.container img {	
    float: right;
    width: 212px;
    margin-left: 10px;
}
.container p{
	color: #000;
    text-align: justify;
    font-size: 16px;
}

.list-menu{
  /*display: flex;*/
  list-style: none;
}
.list-menu > li > a{
	color: #474747;
    TEXT-DECORATION: none;
    font-size: 13px;
   /*display: block;*/
  
  }
.list-menu > li > a:hover{
  /*background: #000;*/
}

#btn-menu{
  display: none;
}
#btn-menu + label{
  display: none; 
  position: relative;
  /*color: #fff; */
  height: 0px;
  z-index: 1;
  cursor: pointer;
}
#btn-menu + label:before{
  /*content: '\f0c9';  */
  display: inline-block;
  font-family:'FontAwesome';
  font-size: 22px;
}
#btn-menu:checked + label:before{
  /*content: '\f00d';*/
  /*color: #f00;*/
}
@media screen and (max-width: 1015px)
 {
 .topmleft {display:none;}
 .topmright {display:none;}   
}
@media screen and (min-width: 960px) and (max-width: 1015px)
 {
 .topmleft {display:none;}
 .topmright {display:none;}   
}

@media screen and (min-width: 960px) and (max-width: 1015px)
 {
 .menutop a {margin-right:15px;}
 .vopros { width: 250px;}
 .test_proiti {width:250px;}
 .anons1 {margin-right: 7px;} .anons2 {margin-right: 7px;} .anons3 {margin-right: 7px;} .anons4 {margin-right: 7px;} .anons5 {margin-right: 7px;} .anons6 {margin-right: 7px;}
}

@media screen and (min-width: 801px) and (max-width: 959px)
 {
 .poisk {margin-right:170px;}   
 .vopros {width: 340px;
    margin-left: 280px;}
 .test_proiti {width: 340px;
    margin-left: 280px;}
 /*.girl {display:none;}*/
 .menutopa1 {display:none;}
 html, body {background:none;}
 /*.content {max-width:490px;}*/
 .anons1 {margin-right: 30px;} .anons2 {margin-right: 30px;} .anons3 {margin-right: 30px;} .anons4 {margin-right: 30px;} .anons5 {margin-right: 30px;} .anons6 {margin-right: 30px;}
}

@media screen and (min-width: 767px) and (max-width: 800px)
 {	.poisk {margin-right:200px;}
	.menutopa4 {display:none;}
	.menutopa1 {display:none;}
	.news-list-right { margin-left: 0px !important;}
	.vopros {width: 300px;
    margin-left: 300px;}
 .test_proiti {width: 300px;
    margin-left: 300px;}
	.girl {display:none;}
	.anons1 {margin-right: 20px;} .anons2 {margin-right: 20px;} .anons3 {margin-right: 20px;} .anons4 {margin-right: 20px;} .anons5 {margin-right: 20px;} .anons6 {margin-right: 20px;}
	/*.content {max-width:460px;}*/
}	

@media screen and (max-width: 768px)
 {.girl {display:none;}
 .menutopa2 {display:none;}
	.menutopa1 {display:none;}
	.vopros {width: 300px;
    margin-left: 300px;}
 .test_proiti {width: 300px;
    margin-left: 300px;}
	 html, body {background:none;}
 }
 
 
@media screen and (min-width: 750px) and (max-width: 767px) {
	.poisk {margin-right:220px;} 
	.content {max-width:440px;}
	.anons1 {margin-right: 10px;} .anons2 {margin-right: 0px;} .anons3 {margin-right: 10px;} .anons4 {margin-right: 0px;} .anons5 {margin-right: 10px;} .anons6 {margin-right: 0px;}
}
	 
@media screen and (max-width: 750px) {
	.poisk {margin-right:220px;}  
	.content {max-width:440px;}
	.anons1 {margin-right: 10px;} .anons2 {margin-right: 0px;} .anons3 {margin-right: 10px;} .anons4 {margin-right: 0px;} .anons5 {margin-right: 10px;} .anons6 {margin-right: 0px;}
	div.infobox {min-height:100px !important; margin-bottom: 10px !important;}
	.search-text {width: 65%!important;}
	#faq_main_table {
		display:table !important;
		width:99% !important;
	}
	.faq-search-box {width:95% !important;}
}	

@media screen and (min-width: 720px) and (max-width: 749px) {
	.vopros { width: 350px;}
 .test_proiti { width: 350px;}
 .container {max-width: 440px;}
 .content {max-width:440px;}
	
}	
@media screen and (max-width: 720px) {
	.content {max-width:410px;}
		table tr td.top {display:none;}
		div.form .shcomm-bottom .buttons{
		padding-left:0px !important;
	}
	div.infobox {
    float: none !important;
    margin: 0 auto !important;
    width: 80% !important;
	min-height: 65px !important;
	}
	.shcomm-left {
    display: block !important;
    float: none !important;
    width: 100% !important;
	}
	.shcomm-right {
    display: block !important;
    padding-left: 0 !important;
	}
	div.ChoosesDiv {max-width:465px;}
	.carousel-wrapper{ overflow:hidden;}
	.Choose-map-button {margin-left:0px !important;}
}	

.menuicon {width:55px;}

@media screen and (max-width: 768px) {
 
   #btn-menu + label{
     display: inline-block;
    right: 10px;
    position: absolute;
    top: 200px;
   }
  #btn-menu + label + .list-menu{
    display: none;
  }
  #btn-menu:checked + label + .list-menu{
	display: block;
    position: absolute;
    background: #fff;
    z-index: 111;
    padding-right: 5px;
    padding-left: 10px;
    padding-top: 0px;
    margin-top: -10px;
    width: 230px;
	top: 270px;
    right: 2px;
    box-shadow: -1px 3px 7px 0px black;  }
	/*.vopros { display: none;}*/
	.test_proiti { display: none;}
	/*.container {float:none;}*/
	.podelica {display: none;}
	.poisk {float:right; margin-right:5px;}
	.slaider {min-height:200px;}
	.content {
    max-width: 100%;
    margin-left: -10px;}
	.menutop a {margin-right: 10px;}
	.header {min-height:75px;}
}
@media screen and (min-width: 600px) and (max-width: 639px) {
	.menutop a {margin-right: 0px;}
	.vopros { display: none;}
}	
@media screen and (max-width: 600px) {
	.menutop a {margin-right: 0px;}
	.vopros { display: none;}
}

@media screen and (max-width: 590px) {
	.menutopa4 {display:none;}
}
@media screen and (max-width: 530px) {
	.menutopa5 {display:none;}
}

@media screen and (min-width: 480px) and (max-width: 529px) {
	.content {max-width:415px;}
}

@media screen and (max-width: 480px) {
	.content {max-width:415px;}
	.anons1, .anons2, .anons3, .anons4, .anons5, .anons6 {float:none;}
	.news-list-right{margin-left:0px !important;}
	.search-text {width:242px !important;}
}
.forma {text-align: center; margin-top: 5px; margin-bottom: 0px; font-size: 12px;}


@media screen and (max-width: 320px) {
	.container {height: 320px; margin-top:60px; width: 265px;}
	#btn-menu + label {top:65px;}
	.poisk {position: absolute;
    top: 65px;    left: 5px;}
	.menutopa3{display:none;}
	  #btn-menu:checked + label + .list-menu{top:132px;}
	 .container img{ float:none;}
	 .content { max-width: 255px;}
	 .new-shops td {
    display: block; 
     width: 100% !important; 	}	
	 .forma {display:none;}
	 .det-card-logo {
    display: block !important;
    margin: 0 auto;
    padding-top: 10px;
    position: relative !important;
	}
	.search-text {width:100px !important;}
	.list-card-item-val {word-break: break-all;}
	.news-det-right {margin-left:0px !important;}
	.shcomm-bottom .confirm-element {width: 200px !important;}
	.faq_field_1 {
        width: 178px!important;}
	 .select-style {
    width: 187px !important;}
	.faq_td_stat {display:none;}
	.faq_question_text{width:222px;}
	.faq_sort_links{display:block !important;background-color: #fff !important;}
}	

@media screen and (min-width: 320px) and (max-width: 479px) {
	.container {height: 320px; margin-top:60px; width: 85%;}
	#btn-menu + label {top:65px;}
	.poisk {position: absolute;
    top: 65px;    left: 5px;}
	.menutopa3{display:none;}
	  #btn-menu:checked + label + .list-menu{top:132px;}
	 .container img{ float:none;}
	 .content { max-width: 94%;}
	 .new-shops td {
    display: block; 
     width: 100% !important; 	}	
	 .forma {display:none;}
	 .det-card-logo {
    display: block !important;
    margin: 0 auto;
    padding-top: 10px;
    position: relative !important;
	}
}