body {
	background: url(ser1.gif) ;
}


a {
    outline: none; 
   }


/* =========fone================================================================================ */


#fone{
	position:fixed;
	left: 10%;
	bottom: 10%;
	visibility: hidden;
}


#fone a {
	text-decoration: none;
}


/* ===========menu=============================================================================== */



.gamb {clear: both;

margin-top: 10px;
display: none;
width: 100%;
}

.dws-menu [type="checkbox"],
.dws-menu label.toggleSubmenu{
 display: none;
}
.dws-menu label.toggleMenu{
 background: 
 display: none;
 padding: 15px 10px;
 text-transform: uppercase;
 font-size: 14px;
 cursor: pointer;
 position: relative;

}

.toggleMenu {
color: #191970;
}


.dws-menu *{
 margin: 0;
 padding: 0;
}
.dws-menu ul,
.dws-menu ol{
 list-style: none;
}
.dws-menu > ul{
 display: flex;
 justify-content: center;
}
.dws-menu > ul li{
 position: relative;
}

.dws-menu > ul li a{
 display: block;
 background: #DCDCDC;
 padding: 15px 30px 15px 40px;
 font-size: 14px;
 color: #454547;
 text-decoration: none;
 text-transform:uppercase;
 transition: all 0.3s ease;
	border-bottom: 1px solid #FFFFFF;

}
.dws-menu li a:hover{
 background: #4682B4;
 color: #ffffff;
 box-shadow: 1px 5px 10px -5px black;
 transition: all 0.3s ease;
}






/* ===========menu=============================================================================== */







#wrapper {
	max-width: 980px;
	margin: auto;
}


header {
	padding: 5px 0 10px;
border-bottom: 2px solid #F89500;

}



#header{
max-width: 1000px;
margin: auto;
padding: 0 0;

 
}


#logo{
float: left;
width: 68%;

}

#contact{
float: right;
width: 30%;
color: #545452;
font-size: 100%;
font-weight: 800;

}
#contact p{
margin: 5px 0 0 0;


}



li {list-style-type: none} 

header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
content: "";
display: table;
clear: both;
} 


.top-menu  {
	float: left;
	color: #545452;
	font-weight: bold; font-size: 18px;
}

nav a {
	text-decoration: none;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav li {
	list-style-position: inside;
	
}

.top-menu li {
	display: inline-block;
	padding: 0px 25px 0px ;
	margin: 0; 
	color: #545452;
	font-weight: bold;
}

.top-menu a {
	color: #545452;
}

.top-menu li :hover {
color:#4682B4;

}


/* ===========Main content=============================================================================== */

.clear{
clear: both;
}

.mainleft{
	float: left;
	width: 35%;
	
}

.mainleft img{
	display: block;
	margin: auto;
	padding: 1% 1%;
	width: 95%;
	height:auto;
	
	border-radius: 10%;


}

.mainleft p{
	display: block;
	margin: auto;
	padding: 1% 1%;
	text-align: left;
background: ;
font-size: 16px;
font-weight:800;
color:#545452;
}





.mainright{
	margin-left: 37%;
}

.mainright img{
	display: block;
	margin: auto;
	padding: 1% 1%;
	width: 95%;
	height:auto;
}

.mainright p{
	display: block;
	margin: auto;
	padding: 1% 1%;
	text-align: center;
background: ;
font-size: 18px;
font-weight:800;
color:#545452;

}

/* ===========Main content end=============================================================================== */




aside {
	float: left;
	width: 20%;
	padding-top: 10px;
	
}

section {
	margin-left: 22%;
	padding-bottom: 10px;
}


.aside-menu a{
	color: #545452;
	font-size: 18px;
	font-weight: 500;
	line-height: 2.2;
 
}


.aside-menu li.active {
	color: #1E90FF;
	font-size: 130%;
	font-weight: 800;
 	line-height: 2.4;

}

.aside-menu {
	margin-top: 20px; 
	
 
}


.aside-menu a:hover {
color:#FF8C00;
font-weight: 800;

}

/* =========ÏÎÄÌÅÍÞ============================================================================================================================== */

.aside-menu1 {
	color: #1E90FF;
	border: none;
}

.aside-menu1 li {
	margin: 0 0 0 10%;
	color: #4682B4;
	font-size: 14px;
	font-weight: 300;
	list-style-type: square;
	border: none;
}

.aside-menu1 a {
	color: #1E90FF;
	
}


.aside-menu1 :hover {
color: #4682B4;
}

/* =========ïîäìåíþ åùå======================================================================================================================= */

.submenu{
margin: auto;
width:100%;
text-align: center;
background: #545452;
border-radius: 1px;
}


.submenu div{
display: inline-block;
vertical-align: top;
}

.submenudiv{
width:48%;
background: #545452;
}

.submenudiv a {
	color: #fff;
	font-size: 20px;
font-weight:600;
text-decoration: none;
}



/* ======================================================================================================================================= */

#heading {
	width:100%;
	margin: 10px auto;
	padding: 1px;
	background: url(fon1.jpg);
}

#heading p {
	margin: 10px auto;
	padding: 1px;
	background: url(fon1.jpg);
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;

}


h2 {
	display: inline-block;
	color: #FFFFFF;
	background: url(fon1.jpg);
	margin: 20px;
	

}




/* =========ÏÅÐÅ×ÅÍÜ ÇÀÏ×ÀÑÒÅÉ ÄËß PAGE ================================================================================ */

.row31{
margin: 5px auto;
width:100%;
text-align: justify;
background: ;
border-radius: 1px;
}


.row31 div{
display: inline-block;
vertical-align: top;
}



.row31div{
margin:5px 0px;
padding:5px;
width:22%;
height:200px; 
text-align: center;
background: ;
font-size: 16px;
font-weight:400;
box-shadow: 0px 0px 10px #ccc, 0 10px 15px #eee inset;

}

.row31div:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 10px 5px 10px rgba(0,0,0,0.22);
}

.row31div img {
	display: block;
	border-radius: 5%;
	max-width: 100%;
	height:130px; 
	margin:auto;
}

.row31divgrop{
margin-top: 5px;
color: #545452;
font-size: 18px;
font-weight: 600;
text-align:center;
}

.row31divgrop:hover {
color:#4682B4;
}


.row31 a {
	text-decoration: none;
}

.row31div a {
	text-decoration: none;
}


/* ==== Íóìåðàöèÿ======== */

.row31nom{
margin: 5px auto;
width:100%;
text-align: center;
border-radius: 1px;
}

.row31nom div{
display: inline-block;
vertical-align: center;
}

.row31divnom{
margin:5px 0px;
padding:5px;
width:20px;
height:20px; 
text-align: center;
background: ;
color: #1E90FF;
font-size: 20px;
font-weight:400;
box-shadow: 0px 0px 10px #ccc, 0 10px 15px #eee inset;

}

.row31divnom:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 10px 5px 10px rgba(0,0,0,0.22);
font-size: 22px;
font-weight:800;
color: #1E90FF;
}

.row31nom a {
	text-decoration: none;
}

.row31divnom a {
	text-decoration: none;
	color: #382F85;

}


.row31divnomactive {
margin:5px 0px;
padding:5px;
width:20px;
height:20px; 
text-align: center;
background: #F89500;
color:#fff;
font-size: 20px;
font-weight:800;
}






.line{
width: 100%;
margin: auto;
padding: 5px 0 5px 0;
border-bottom: 2px solid #F89500;
 
}




/* =========ÏÅÐÅ×ÅÍÜ ÇÀÏ×ÀÑÒÅÉ ÄËß PAGE ñïèñîê áåç êàðòèíîê ================================================================================ */

.row321 {
margin: 5px auto;
padding:1px;
width:100%;
text-align: center;
color:#E0FFFF;
background: #4169E1;
}





.row32{
margin: 5px auto;
width:100%;
text-align: justify;
background: ;
border-radius: 1px;
}


.row32 div{
display: inline-block;
vertical-align: top;
}



.row32div{
margin:5px 0px;
padding:5px;
width:48%;
text-align: justify;
background: ;
font-size: 16px;
font-weight:300;
}

.row32div p{
margin:1px 0px;
height:45px; 
border-bottom: 1px dotted;
}



/* ==================================ïðåäñòàâëåíèå òîâàðíîé ïîçèöèè=========================================== */

.contmenu li {
	margin: 0 0 0 0;
	padding:0px;
	color:#FFFFFF;
	font-size: 18px;
	font-weight: 400;
	display: inline-block;
}

.contmenu li:first-child {
	margin: 0 0 0 0;
}



.contmenu :hover {
font-weight: 800;
}

.contmenu a {
	color:#FFFFFF;
}  

.contmenu {
	margin: 10px 0px ;
	padding:5px 10px 5px 15px;
	background: url(fon1.jpg);
}  


.content1{
	float: left;
	margin: 0px 0px ;
	width: 48%;
	padding-top: 0px;
	
}


.content1 img {
	display: block;
	width: 100%;
	height:auto; 
	
}

.sklad {
margin:5px 0px;
padding:5px;
width:110px;
height:auto; 
text-align: center;
background: #228B22;
border-radius: 2px;
color:#fff;
font-size: 16px;
font-weight:800;
}

.gold {
margin:5px 0px;
padding:5px;
width:110px;
height:auto; 
text-align: center;
background: #F97101;
border-radius: 2px;
color:#fff;
font-size: 18px;
font-weight:800;
}


.content2 {
	margin-left: 50%;
	padding-bottom: 10px;
}

.text{
	font-weight: 400;
	font-size: 18px;
	text-align: justify;
	color:#545452;
}
.textbold{
	font-weight: 800;
	font-size: 18px;
	text-align: justify;
	color:#545452;
}

.s{
	font-weight: 400;
	font-size: 18px;
	color:#545452;
	
}

.s a {
    	outline: none; 
	text-decoration: none;
	color:#4682B4;
	font-size: 20px;
	font-weight: 600
}

.content2 a {
    	outline: none; 
	text-decoration: none;
	
}


.content2 img {
	margin-top: 20px;
	display: block;
	width: 100%;
	height:auto; 
	
}

.content2 h2 {
	font-weight: 800;
	text-align: justify;
	display: inline-block;
	color: #332E43;
	margin: 0px;
background: none;

	
}



/* ==================================ïðåäñòàâëåíèå òîâàðíîé ïîçèöèè  END=========================================== */


/* ==================================ÑÒÀÒÜÈ =========================================== */



.art-n1 {
	width:100%;
	display: block;
	margin: auto;
	padding: ;
	text-align: left;
	color: #4682B4;
	font-size: 130%;
	font-weight: 800;
}

.art-n1 img {
	display: block;
	width: 100%;
	height:auto; 
	
}



.art-n2 {
	display: block;
	margin: auto;
	padding: 1% 1%;
	text-align: left;
	color: #545452;
	font-size: 18px;
	font-weight: 800;
}

.art-n2 a {
    	outline: none; 
	text-decoration: none;
	color:#545452;
	font-size: 20px;
	font-weight: 600
}

.art-n2 a:hover {
color:#F89500;
}


.art-text{
	font-weight: 400;
	font-size: 20px;
	text-align: justify;
	color:#545452;
}

.art-text a {
    	outline: none; 
	text-decoration: none;
	color:#545452;
	font-size: 20px;
	font-weight: 400
}




.art-text a:hover {
color:#4682B4;
}



.art-textbold{
	font-weight: 800;
	font-size: 20px;
	text-align: justify;
	color:#545452;
}

.art-textboldc{
	font-weight: 800;
	font-size: 20px;
	text-align: justify;
	color:#4682B4;
}

.art-textboldcc{
	font-weight: 800;
	font-size: 20px;
	text-align: justify;
	color:#FF5D0F;
}


.art-line{
width: 100%;
margin: auto;
padding: 5px 0 5px 0;
border-bottom: 2px solid #4682B4;
 
}


.art-heading {
	width:100%;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	background: #4682B4;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}


.art-row32{
margin: 5px auto;
width:100%;
text-align: center;
background: ;
}


.art-row32 div{
display: inline-block;
vertical-align: top;
}



.art-row32div{
width:49.5%;
text-align: left;
background: ;
font-size: 18px;
font-weight:300;
}

.art-row32div p{
margin:0px 0px;
}


/* ==================================ÑÒÀÒÜÈ END=========================================== */





/* ==================================contact bottom=========================================== */


.contact {
clear:both;
width: 100%;
margin-top: 30px;
padding-top: 10px;
border-top: 2px solid #F89500;
font-size: 18px ;
color: #545452;

}

.adress p{
margin: 10px 0 0 0;
}




.adress {
padding-top: 10px;
float:left;
width:48%;
color: #545452;
font-size: 100%;
font-weight: 800;

}

.map{
padding-top: 10px;
width: 48%;
float:right;
text-align:right;

}

.map img{
max-width: 100%;
   height: auto;
}

/* ==================================contact bottom end=========================================== */


/* ==================================contact right page Kontakt=========================================== */

/* ==========left============= */

.mainleft-r{
	float: left;
	width: 35%;
	padding-bottom: 5px;
}

.img-r {
margin-top: 10px;
}

.img-r img{
	display: block;
	margin: auto;
	padding: 1% 1%;
	width: 95%;
	height:auto;
	border-radius: 10%;
}

.rd {
margin-top: 5px;
padding: 1px 1px;
}


.rd div {
display: inline-block;
vertical-align: top;
}

.rd1{
width: 29%;
margin: 1% 1% 1% 1%  ;
} 

.rd1 img{
	display: block;
	margin: auto;
	padding: 1% 1%;
	width: 95%;
	height:auto;
	border-radius: 10%;
}




.rd2{
width: 64%;
margin: 1px 1px 1px 1px ;
} 


.rd2 p{
margin:10px 2px;
}


.p2{
font-size: 16px ;
font-weight: 500;
color: #545452;

}


/* ==========right============= */
.mainright-r{
	margin-left: 40%;
	border-bottom: 1px solid #ccc;


}

.contact-r {
margin-top: 10px;
padding: 5px;
font-size: 22px ;
font-weight: 800;
color: #545452;
}

.contact-r p{
font-size: 18px ;
font-weight: 500;
color: #545452;
}


.adress-r p{
margin: 10px 0 0 0;
}

.adress-r {
padding: 5px;
width:100%;
color: #545452;
font-size: 18px;
font-weight: 800;

}


/* ==================================contact right page Kontakt end=========================================== */