html, body
{
	margin:0;
	background:#ffffff;
	padding:0;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	color:#333333;
}

h1, div.h1 {
color: #f0543d;
font-size: 20px;
margin-top: 13px;
margin-bottom: 13px;
 }

h3 {
font-size: 15px;

 }

ul {
font-size: 13px;

 }


.header
	{
	  max-width: 1000px;
 	 BACKGROUND: #f0543d;
  	min-height: 60px;
	}

.fon
	{
	  max-width: 1000px;
 	 background: #fff url(img/fon.jpg) no-repeat top center;
  	min-height: 180px;
	}
	
.fon img{margin:10px 10px 10px 35px; float: right;}

.logo {
    max-width: 1000px;
    min-height: 60px;
	margin: auto  
}
.logo img {
	padding:7px; float: left;
	max-width:530px
}

.faq {border: 2px #fff solid; width: 250px; float: right;  border-radius: 10px;  margin: 15px;   padding-left: 5px;}
.faq img {
	float: left;margin-top: 2px;
	width: auto;
    padding: 0px;
}
.faq a{
	color: #fff; text-decoration: none; font-size: 18px;
}
.faq:hover{BACKGROUND: #db1013;  /* BACKGROUND: #7F2618; */}

.menutop {  
	max-width: 1000px;
  BACKGROUND: #f0543d;
  min-height: 40px;}

.menutop a {
    display: block;
  float: left;
  padding-bottom: 11px;
  margin-right: 5px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
   font-family: Verdana;
  letter-spacing: 1px;
}

.menutop a:hover, .menutop a.active {
    background: #db1013;

}

.menutopanons{padding-left:30px;}

.telo {
  margin: auto;
  max-width: 1000px;
  /*  margin-top: 5px;*/
}



.menu
{
	max-width: 240px;
    background: #f2f2f2;
    float: left;
    text-align: left;
    padding-left: 10px;
   
	}


.menu a
{

	COLOR: #474747;
	font-variant: normal;
	TEXT-DECORATION: none;
	font-size: 14px;
	padding: 10px 10px 10px 0px;
}

.menu a#current {
  COLOR: #c30505;
  TEXT-DECORATION: none;
}

.menu a:hover
{
	COLOR: red;
}

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

.menu li
{

	TEXT-INDENT: 0px;
 	COLOR: #808080;
  	padding-bottom: 5px;
  /*	padding-top: 5px; */
}


.content {
	text-align: left;
    max-width: 740px;
    padding-left: 260px;
    padding-right: 10px;
}

.content p {  font-size: 14px;
  letter-spacing: 0.5px;
  text-align: justify;}

.content a
{
 color: #f0543d;
}

.anons {
  max-width: 225px;
  float: left;
    margin-right: 10px;
}

.footer {
  max-width: 100%;
  BACKGROUND: #f2f2f2;
  min-height: 125px;
  padding: 5px;
}
.mainfooter {
    max-width: 980px;
    padding: 5px;
}
.leftfooter {
    max-width: 230px;
    float: left;
    text-align: left;
    margin-right: 10px;
    padding-left: 10px;
}

.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_answer_only_text > img {
    max-width: 500px;
}
.dr-catalog-content {display:table;}
	
@media (max-width: 800px) {
    .anons {
     float: left;
    margin-right: 20px;
	}
	.tdcontent{
		max-width:780px;
	}
	.zvb {display:none;}
	.faq {width:33px;}
	.menutop a {
		padding-left: 3px;
		padding-right: 3px;
	}
	.fon {
     background: #fff url(img/fon.jpg) no-repeat;
    }
	.fonanons1{
		display:none;
	}
	.poglotiki{
		margin-bottom:10px;
	}
	.boxten iframe {
    max-width: 100%;
	}
	.news-list-right {
     margin-left: 0px !important;
	}
	/*.Choose-search{margin-top:20px;}
	.Choose{margin-top:65px !important;}*/
	.menutopanons{padding-left:5px;}
}

@media (max-width: 768px) {
    .anons {
    max-width: 220px;
	}
}

@media (max-width: 600px) {
	.distabl {
    display: block;
    max-width: 100%;
	}
	.anons  {max-width:260px;}
	.anons img {max-width:260px;}
	.content {padding-left:5px;}
	.logo img{
		max-width:490px;
	}
	.fonanons2{
		display:none !important;
	}
	.menutop {
		display:none;}
		
	
	.copyright{
	display:block;
	}
	/*.anons {
     margin-left: 30px;
	 max-width:300px;
	}
	.anons img {
		width:300px;
	}*/
	.fon img {
    margin: 10px 10px 10px 10px;
    }
	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;
	}
	
}

nav{
  background: #f2f2f2;
    float: left;
    text-align: left;
    padding-left: 10px;
	width:240px;
	font-family: Tahoma;
	
}
.list-menu{
  /*display: flex;*/
    list-style: none;
    margin-left: -50px;
    text-align: left;
}
.list-menu > li > a{
  color: #474747;
  display: block;
  padding: 5px 15px;
  font-size:14px;
}
.list-menu > li > a:hover{
  background: #f0543d;
  color: #fff;
}
.list-menu a#current {
  COLOR: #c30505;
  TEXT-DECORATION: none;
  font-weight: bold;
}

.sub a {
	color: #474747;
  }
#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: 30px;
}
#btn-menu:checked + label:before{
  content: '\f00d';
  color: #fff;
}

	#porto-wrapper {
		display:table;
		width:100%;
	}
@media screen and (max-width: 600px) {
 
    #btn-menu + label{
      display: inline-block;
   }
  #btn-menu + label + .list-menu{
    display: none;
  }
  #btn-menu:checked + label + .list-menu{
    display: block;
  }
  nav{
  background: #f0543d;
      float: none;
    width: 580px !important;
    text-align: center;
	padding:1px;    
	}
	.list-menu > li > a{
	  color: #fff;	  
	  text-decoration:none;
	  border-bottom: 1px dotted;
	}
	.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%;
	}
	
}
@media screen and (max-width: 500px) {
	  nav{
     width: 468px !important;
       	}
	.logo img {
    max-width: 385px;
	}
	.fonanons3 {display:none;}
	.anons {
    max-width: 400px;
    float: right;
	}
	.anons img {
    float: right;
    margin-left: 10px;
	}
	.det-card {
    max-width:430px;
	}
	.det-card-decscription{
		max-width:450px;
	}
	.n-right {
     float: none !important;
	}
	#porto-content{
		max-width:450px;
	}
	#porto-sidebar{display:none;}
	.SubmitDiv {max-width:435px;}
	div.form .shcomm-bottom .buttons {
    padding-left: 0px !important;
	}
	.Choose-search {
    float: none !important;
    width: 100% !important;
	}
	.Choose-map-button {
    display: block;
    margin: 0 !important;
    width: 100% !important;
	}
	
}	

@media screen and (max-width: 320px) {
	  nav{
     width: 318px !important;
       	}
	.logo img {
    max-width: 300px;
	}
	.fonanons4 {display:none;}
	.det-card {
    max-width:290px;
	}
	.anons img {
    /*float: right;
    margin-left: 5px;*/
	width: 300px;
	}
	.faq {
    display: none;
	}
	.det-card-decscription{
		max-width:300px;
	}
	.n-right {
     float: none !important;
	}
	#porto-content{
		max-width:300px;
	}
	#porto-sidebar{display:none;}
	.SubmitDiv {max-width:300px;}
	div.infobox {
    margin: 0 !important;
    width: 250px !important;
    height: auto !important;
	}
	div.Catalog {
    width: 300px !important;
	}
}