html, body
{
	margin:0;
	background:#ffffff;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

h1, div.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #666699;
	text-align: left;
 }

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #666699;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666699; }


.header 	{
	max-width: 992px;
    background: #fff url(images/head.jpg) no-repeat top center;
    min-height: 136px;
    border-right: 4px solid #efedf2;
    border-left: 4px solid #efedf2;
    border-bottom: 1px solid #efedf2;
	color: rgb(175, 175, 175);
	font-size: 12px;
    font-weight: bold;
	position:relative;
	}
.headermenu {
	float: right;
    margin-top: 15px;
    
}
.header a {
	text-decoration: none;
    color: #FF9900;
    padding: 5px;
    border-right: 1px solid rgb(175, 175, 175);
	margin-left: -5px;
    padding-left: 7px;
}
.header a:hover{
	background: rgb(225,225,225);
}

.headermenu2 {
	float: right;
    margin-bottom: 5px;
	position:absolute;
	bottom:0;
	right:0;
}   
.hedmenu1{
	    border-right: none;
}

.telo {
	margin: auto;
    max-width: 992px;
    border-right: 4px solid #efedf2; 
    border-left: 4px solid #efedf2;
	min-height: 1420px;
}

.poisk {
	margin-left: -39px;
    padding-top: 5px;
    border-right: solid 1px rgb(200,200,200);
}
nav {
background: #fff;
    float: left;
    text-align: left;
    padding-left: 10px;
    width: 220px;
	/*border-left: 4px solid #efedf2;*/
    }

.list-menu{
  list-style: none;
    margin-left: -11px;
    margin-top: 0px;
}
.list-menu > li > a{
  display: block;
    border-bottom: solid 1px rgb(200,200,200);
    border-left: solid 1px rgb(200,200,200);
    border-right: solid 1px rgb(200,200,200);
    text-decoration: none;
    color: rgb(70,122,167);
    text-align: left;
    padding: 5px 10px;
    margin-left: -40px;
}
.list-menu > li > a:hover{
  background: rgb(225,225,225);
  color:rgb(42,90,138);
}

.current {
	color: #ff0000;
    background-color: rgb(225,225,225);
    margin-left: -40px;
    padding: 5px 10px;
    display: block;
    border-bottom: solid 1px rgb(200,200,200);
    border-left: solid 1px rgb(200,200,200);
    border-right: solid 1px rgb(200,200,200);
}

#btn-menu{
  display: none;
}
#btn-menu + label{
  display: none; 
  position: relative;
  color: #fff; 
  height: 20px;
  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: 576px) {
 
   #btn-menu + label{
      display: inline-block;
   }
  #btn-menu + label + .list-menu{
    display: none;
  }
  #btn-menu:checked + label + .list-menu{
    display: block;
  }
}

.news-list-name {text-align:left;}
.content {
	text-align: justify;
    max-width: 750px;
    padding-left: 240px;
    padding-right: 10px;
	padding-top: 5px;
    }

.content p, li {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #666699;
    line-height: 20px;
	text-align: justify;}

	.text, td, tr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #666699;
    text-decoration: none;
    line-height: 20px;}
	
.text-sm {
    font-size: 11px !important;
    line-height: 16px !important;
    text-align: center !important;
}	

	.content a {
 color: #666699;
     text-decoration: none;
}

a.main:hover {
    font-size: 12px;
    color: #FFCC33;
    font-style: normal;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

a.main:visited {
    font-size: 12px;
    color: #FF9900;
    font-style: normal;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

div.photo-hor {background:#fbfbfb; border:1px dotted #cccccc; margin-right:20px;}
div.photo-hor table {padding:10px; width:100%;}
div.photo-hor table td {text-align:center;}
div.photo-hor table img {border:1px #999999 solid; background:#ffffff; padding:1px;}

div.photo-vert {background:#fbfbfb; border:1px dotted #cccccc; margin:0 0 20px 20px;}
div.in-text {float:right;}
div.photo-vert div.container {padding:7px;}
div.photo-vert div.container div.img {margin:15px 0 15px 0;}
div.photo-vert div.container div.img img {border:1px #999999 solid; background:#ffffff; padding:1px;}
.clear {clear:left;}

div.form .hint {position:relative;}
div.form label {line-height:1em !important;}


.footer {
  max-width: 982px;
    background: #fff url(images/footer.jpg) repeat top center;
    min-height: 60px;
    padding: 5px;
    margin-top: -12px;
    border: 4px solid #efedf2;
}

.leftfooter {
    max-width: 230px;
    float: left;
    text-align: center;
    margin-right: 10px;
    padding-left: 10px;
	color: #666699;
}

.rightfooter {
    float: right;
    padding-top: 15px;
    margin-left: 5px;
    padding-right: 10px;
}
.left
{
	float:left;
	margin:0px 10px 0px 0;
	border:5px solid #ccc;
}

.right
{
	float:right;
	margin:0px 0 0px 15px;
	border:5px solid #ccc;
}

.center
{
	margin:5px 0 0px 5px;
	border:5px solid #ccc;
}
.faq_link_to_answer {clear: none !important;}
.faq_answer_item{clear: none!important;}
.faq_answer_text{clear: none!important;}
.faq_answer_only_text > img {
    max-width: 500px;
}
.dr-catalog-content {display:table;}

ul.bread_nav {
	/*border-bottom:1px solid black;
	border-top:1px solid black;
	border:1px solid black;*/
	padding-left:0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:20px;
	}
ul.bread_nav li{
	/*border:1px solid black;*/
	float:left;
	padding:5px;
	padding-left:10px;
	padding-right:7px;
	/*margin:0 5px; */
	text-align:left;
	font-size:95%;
	color:	#666699;
/*list-style-image:  url(/images/right-arrow9.gif);*/
	background:url(/images/arrow_list_bl.gif) no-repeat left center;
	list-style-position:inside;
	list-style-type: none;
list-style: none;


	

	}
ul.bread_nav li a {font-size:95%;color:	#666699;}	
ul.bread_nav li a:visited {font-size:95%;color:	#666699;}
.rig2{
float: right; padding: 15px; padding-right:0; padding-top: 0;
}
.cle{ clear:both;}

div.Rating
{

   margin-top: 20px;
   margin-bottom: 20px;

   border:1px dotted #cccccc;
}
div#Best
{

    float: left;
    width: 45%;
    margin: 2%;
    padding: 5px;
    border:1px dotted #cccccc;
    background-color:#FFFFE8;

}
div#Worst
{
    width: 45%;
    margin: 2% 2% 2% 50%;
    padding: 5px;
    border:1px dotted #cccccc;
    background-color:#F0F0F0;
}
ul#list_tab  {margin-left:15px;
margin-top: 5px;
padding:0px;
list-style-type:none;


}
#list_tab li {list-style-image:url('/images/arrow_list_bl.gif');
list-style-type:none;
}
p#question { font-weight: bold;}

@media (max-width: 800px) {
	.content iframe {
    max-width: 100%;
	}
}

@media screen and (max-width: 600px) {
	
	.header {
		background: #fff url(images/head.jpg) no-repeat top left;
	}
 
    #btn-menu + label{
      display: inline-block;
   }
  #btn-menu + label + .list-menu{
    display: none;
  }
  #btn-menu:checked + label + .list-menu{
    display: block;
  }
  nav{
  background: #5c7fc3;
      float: none;
    width: 100% !important;
    text-align: center;
	padding:1px;    
	}
	.list-menu > li > a{
	  color: #fff;	  
	  text-decoration:none;
	  border-bottom: 1px dotted;
	      margin-left: -30px;
	}
	
	.poisk {    margin-left: -20px;}
	.hedmenu1{
	    display:none;
	}	
	.content{padding-left:5px;}	
	#custom-block .ShopDiv {margin-right: 10px !important;}
	.sub a {
	color: #fff;
	font-size:14px;
	}
	.content img{
		max-width:100%;
	}
	.ads {
	margin-left: 10px;
	}
	.linkis {display:none;}
	div.infobox {
    float: none !important;
    margin: 0 auto !important;
    width: 80% !important;
    height: auto !important;
	}
	.shop_worker_info {
		text-align:center !important;
	}
	div.Choose {
     padding: 5px !important;
	}
	.news-det-logo {
    float: none !important;
    }
	.news-det-right {
    margin-left: 0px !important;
    padding-bottom: 9px;
    text-align: left !important;
	}
	
	.det-card-logo {
    display: block !important;
    margin: 0 auto;
    padding-top: 10px;
    position: relative !important;
	}
	 .content iframe {
    max-width: 100%;
	}
	div.form .shcomm-bottom .buttons{
		padding-left:0px !important;
	}
	.shcomm-left {
    display: block !important;
    float: none !important;
    width: 100% !important;
	}
	.shcomm-right {
    display: block !important;
    padding-left: 0 !important;
	}
	#porto-wrapper {
		display:table;
		width:100%;
	}
	.leftfooter {
    max-width: 170px;}
	
	
	.news-list-right {
		margin-left: 0px !important;
	}
}
@media screen and (max-width: 480px) {
	nav{
     /* width: 454px !important;*/
    	}
	.hedmenu2 {display:none;}	
	div.infobox {
    float: none !important;
    margin: 0 auto !important;
    width: 80% !important;
    height: auto !important;
	}
	.shop_worker_info {
		text-align:center !important;
	}
	div.Choose {
     padding: 5px !important;
	}
	.news-det-logo {
    float: none !important;
    }
	.news-det-right {
    margin-left: 0px !important;
    padding-bottom: 9px;
    text-align: left !important;
	}
	
	.det-card-logo {
    display: block !important;
    margin: 0 auto;
    padding-top: 10px;
    position: relative !important;
	}
	.Choose-search {
    float: none !important;
    width: 100% !important;
	}
	.Choose-map-button {
    display: block;
    margin: 0 !important;
    width: 100% !important;
	    margin-left: -20px !important;
	}
	.det-card
	{max-width:410px;}
	.dr-catalog-content {
    display: block;
	}
	.faq_sort_links {width:222px !important;}
	.faq_add_question_form {max-width:400px;}
	.faq_div_question {max-width:435px;}
	
	.new-shops td {
    display: block; 
     width: 100% !important; 
	}
}
@media screen and (max-width: 320px) {
	nav {
    width: 292px !important;
	}
	.faq_sort_links {width:140px !important;}
	.faq_add_question_form {max-width:280px;}
	.faq_div_question {max-width:275px;}
	.faq_td_stat {display:none;}
	.faq_add_question_form .select-style {
    width: 170px !important;
    display: inline-block;
	}
	.faq_row input[type='text'] {
     width: 265px !important;
	}
	.fbControl > input[type="text"], .fbControl textarea {
     max-width: 165px;
	}
	form.fbFormSending {
    max-width: 265px;
	}
}