/*  Автор Сергей Ложечко, uncle-electrician@yandex.ru, 1999-2018  */

*, html, body, div, dl, dt, dd, ul, ol, li, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
img, article, aside, figure, footer, header, hgroup, nav, section {display: block;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
strong { font-weight: bold }
em { font-style: italic }
div { position:relative } 
p,div, span{line-height:2em;}
a:hover{text-decoration:none;color:#00CC00;}
a:active,a:focus{outline: none;}
figcaption {color:#B6B6B6;font-size:14px;text-align: right; padding-right:5px}
*{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
html{-webkit-font-smoothing:antialiased;}
body{color:#000000;	font: 16px Verdana, Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
line-height:1;
width:100%;
background-color: #222222;  /* #B6B6B6 - серый */
}
h1{font-size:36px; 	line-height:1em;padding:30px}
h2{font-size:30px; 	line-height:1em;padding:30px}
h3{font-size:28px;	line-height:1em;padding:30px}
h4{font-size:24px;	line-height:1em;padding:30px}
h5{font-size:20px;	line-height:1em;padding:30px}
h6{font-size:18px;	line-height:1em;padding:30px}

/******************/
/* HEADER  */
nav{display:block;}
.baze-headr			{background-color: #777777;}
.nav-line			{background-color: #444444;border-bottom:1px solid #000000;}
.logo-name			{text-decoration: none;	padding-top: 20px;	padding-bottom: 40px;	padding-left: 20px;}
.logo-name a		{text-decoration:none;}
.logo-name p		{padding-top: 1em;}
.logo-name-rf  		{color: #d57507;font-size: 8px; vertical-align: 18px;letter-spacing: -4px;}
.logo-name-deffice	{color: #999999;font-size: 2px;}
.uncle 				{font-size: 30px; color: #509900;font-family: Verdana, Arial, Helvetica, sans-serif;}/* серый- #333333 */
.electrician 		{font-size: 30px; color: #FF8409;font-family: Verdana, Arial, Helvetica, sans-serif;}/* ярко оранжевый- #D05104 */
.back				{text-align: center;font-size: 18px;}
.menu				{display:block;text-align: left;}
.menu 			li	{display: inline-block; position: relative; z-index:100;}
.menu 			li	:first-child{margin-left:0;}
.menu 			li a{text-align: left;font-size: 18px;text-decoration:none;padding:11px;display:block;color:#FFFFFF;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: 	all 0.2s ease-in-out 0s;
-o-transition: 		all 0.2s ease-in-out 0s;
-ms-transition: 	all 0.2s ease-in-out 0s;
	transition:		all 0.2s ease-in-out 0s;
}
.menu 			li a:hover, 
.menu 			li	:hover > a{color:#509900;	background-color: #222222;}
.menu 			ul	{display: none; margin: 0; padding: 0; width: 150px; position: absolute; top: 43px; left: 0px; background: #ffffff;}
.menu 		ul li	{display:block; float: none; background:none; margin:0; padding:0;}
.menu 		ul li a {font-size:14px; font-weight:normal; display:block; color:#797979; border-left:3px solid #ffffff; background:#ffffff;}
.menu 		ul li	:hover > a{background:#f0f0f0;border-left:3px solid #d57507;color:#797979;}
.menu 		li		:hover > ul{ display: block;color: #509900;}
.menu 		ul ul 	{left: 149px;top: 0px;}
.mobile-menu		{display:none;width:100%;padding:11px;color:#ffffff;text-transform:uppercase;background-color: #444444;text-decoration:none;}
.mobile-menu		:hover{background:#d57507; color:#FFFFFF; text-decoration:none;}
/* HEADER  */
/******************/
.figcaption {font-size:12px;color: #777777;} 
.baze-content		{background-color: #E2E2E2;}
.baze-2				{background-color: #787878;}
.mainbox 		p	{padding: 20px;}
.mainbox		a	{color:#001d18;text-decoration:underline;}
.container 			{	margin: 0 auto;	width: 960px; /* Ширина */	overflow: auto;}
.mainbox			{background-color: #FFFFFF;padding-bottom: 50px}
.main-img 			{width: 100%;}
.baze-img			{background-color: #777777;}
.galka-orange 		{padding-left: 100px;}
.galka-orange 	li	{list-style-image: url(img/galka-orange.jpg);}
ul.galka-orange	li 	{ padding-top: 1em; padding-bottom: 1em;} 
.galka-green 		{padding-left: 100px;}
.galka-green 	li	{list-style-image: url(img/galka-green.jpg);}
ul.galka-green 	li	{padding-top: 1em; padding-bottom: 1em;} 

/*************************************************************/
/* FOOTER */

.footer-nav			{border-top:1px solid #222222;background-color: #444444;padding-top:25px; padding-bottom:25px;}
.footer-widget 		{float:left;width:33.3333333333%;padding-left: 20px;}
.footer-widget 	h4	{padding: 5px;}
.footer-widget 	a {font-size:14px;color: #FFFFFF; padding-left:5px;text-decoration:none;}
.footer-widget a:hover{font-size:14px;color: #FFFFFF;text-decoration:underline;}
.footer-widget li a {font-size:14px;color: #999999;text-decoration:none;}
.footer-widget 	li	{list-style-image: url(img/galka-tire.png);line-height:1.5em;}
.footer-adress		{line-height:1,5em; color: #888888;font-size: 14px;padding-top: 30px;padding-left: 20px;padding-right: 5px;padding-bottom: 30px;float: left;}
.footer-adress		a{font-size:14px;color: #999999; text-decoration:none;} 
.footer-adress		a:hover{color: #FFFFFF; text-decoration:none;}



.footer-contact		{line-height: 2; float:right; padding-top: 25px;padding-right: 20px;padding-bottom: 30px;font-size:14px;color: #888888;text-align: right;}
.footer-contact		a{line-height: 2; font-size:14px;text-decoration:none; }
.tel			a{font-size:22px; color: #00BB00;}
.tel			a:hover{font-size:22px; color: #FFFFFF;}
.email			a{font-size:16px;color: #999999;}
.email			a:hover{font-size:16px;	color:#FFFFFF;	text-decoration:underline;}
.copyright 		{color: #999999;font-size:12px;line-height:1em;} 
/* FOOTER */
/*****************/
/* MEDIA QUERIES */
@media (min-width: 768px) and (max-width: 979px) {
.container{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:16px;}
.main-img {max-width: 100%;}
.galka-orange {padding-left: 70px;}
.galka-green {padding-left: 70px;}
}
@media (max-width: 768px) 
{
	p,div, span{line-height:1.5em;}
.footer-widget {
	float: none;
	padding: 10px;
	padding-left: 20px;
	width: 100%;
	text-align: left;
}
.footer-widget:last-child {
    text-align: left;
	margin-bottom: 0;
}
.footer-contact		{text-align: center;width:100%;padding-right: 5px; padding-left: 5px;}
.footer-adress		{text-align: center;width:100%;padding-right: 5px; padding-left: 5px;}

.container{width:auto;}
.main-img {max-width: 100%;}
.logo-name {text-align: center;}
.galka-orange {padding-left: 60px;}
.galka-green {padding-left: 40px;}
.menu{display:none;}
.mobile-menu{display:block;}
.menu li{display:block; margin:0;}
.menu li a {background:#ffffff; color:#797979; border-top:1px solid #e0e0e0; border-left:3px solid #ffffff;}
.menu li a:hover, .menu li:hover > a{background:#f0f0f0; color:#797979; border-left:3px solid #797979;}
.menu ul {display:block; position:relative; top:0; left:0; width:100%;}
.menu ul ul {left:0;}
nav{margin:0; background:none;}

}
@media (min-width: 200px) and (max-width: 480px) 
{
.container{width:auto;}
.galka-green {padding-left: 40px;}

.mainbox p {padding: 7px;}
.mainbox{padding-bottom: 20px;}
h1{font-size:28px; 	line-height:1em;padding:15px}
h2{font-size:24px; 	line-height:1em;padding:15px}
h3{font-size:20px;	line-height:1em;padding:15px}
h4{font-size:20px;	line-height:1em;padding:15px}
h5{font-size:20px;	line-height:1em;padding:15px}
h6{font-size:18px;	line-height:1em;padding:15px}
    



}