html, body, ul, li,content{
	margin: 0;
	padding:0;
}

.wrapper{
	width:100%;
	margin:0 auto;
	height:inhterit;
	
}


ol {
    text-align:center;
    padding: 20px;
	margin-top:0;
	margin-bottom:0;
}

ol i{
	color:#0979ea;
}
   
.breadcrumb {
    display: inline; 
}

.breadcrumb a{
	text-decoration:none;
	font-size:1em;
	color:#0979ea;
	font-family: 'Roboto', sans-serif;
}




ul {
    display: block;
    margin:0px;
    padding: 0px;
    list-style: none;
}

.content{
	min-height:300px;
	padding:10px 10px;
	margin-bottom:30px;
}

.content h1{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:#686461;
	font-size:1.5em;
}

.content h2{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:#3b3a39;
	font-size:1.3em;
}


/* Dlya glavnoi elektromontazhnye raboty*/

.col1{
	float:right;
	width:20%;
}

.col2{
	margin:0 20% 0 20%;
	
}

.col3{
	float:left;
	width:20%;
}

.line{
	box-shadow:0.4em 0.4em 5px rgba(122,122,122,0.5);
	width:80%;
	min-height:70px;
	background:#eeece0;
	padding:0.5em;
	
	/*border-radius:10px;*/
	margin:auto;
	
}

.line a{
    text-decoration:none;
    font-family:'Merriweather', serif;
    color:#555d50;
    font-size:0.9em;
    margin:0 auto;  
}

.line a:hover{
    text-decoration:underline;
    color:#0979ea;
    font-size:1em;
}

.ssylka{
    line-height:60px;
    text-align:center;    
}

/* End Dlya glavnoi elektromontazhnye raboty*/


.zagolovok{
	display:block;
	width:80%;
	margin:auto;
}

.zagolovok p{
	font-family: 'Roboto', sans-serif;
	color:#3b3a39;
	font-size:1em;
	margin-bottom:0;
}

.zagolovok ul{
	margin-top:10px;
}

.zagolovok li{
	font-family: 'Roboto', sans-serif;
	color:#3b3a39;
	font-size:1em;
	padding:3px;
}

.zagolovok a{
	font-family: 'Roboto', sans-serif;
	color:#0979ea;
	font-size:1em;
	text-decoration:none;
}

.zagolovok a:hover{
	text-decoration:underline;
}

.napisat{
	position:absolute;
	margin-top:5px;
	font-family: 'Roboto', sans-serif;
	color:#3b3a39;
	font-size:1em;
}
    
.viber{
	position:absolute;
	margin-left:180px;
}

.content table {
	font-family: Arial,sans-serif;
  /*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
  border-collapse: collapse;
  color: #686461;
  
  	margin:auto;
	width: 90%; 
	background: white; 
	/*color: #5b5c5e; */
	/*font-family:Arial, sans-serif;*/
	border-spacing: 1px;
}

.content table caption {
  padding: 10px;
  color: white;
  background: #7a7a79;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
}

.content table th {
  border-bottom: 3px solid #B9B29F;
  padding: 10px;
  text-align: center;
}
.content table td {
  padding: 10px;
}
.content table tr:nth-child(odd) {
  background: white;
}
.content table tr:nth-child(even) {
  background: #ccccca;
}


i.fa.fa-bolt{
	text-align: left;
	margin-right:10px;
	margin-left:5px;
	color:#d1d104;
}



@media screen and (min-width:320px) and (max-width:800px){
.content table th{
	font-size:0.65em;
	padding:2px; 
}
.content h1{
	font-size:1em;
}

.content h2{
	font-size:0.8em;
}
.zagolovok p{
	font-size:0.8em;
}

.zagolovok li{
	font-size:0.8em;
}
ol{
	padding:10px;
}

.breadcrumb a{
	font-size:0.75em;
}

.content table td{
    font-size:0.65em;
	padding:2px;
}
.content table caption{
	font-size:0.8em;
	padding:5px;
}
.napisat{
	font-size:0.8em;
}
.viber{
	margin-left:150px;
}
.line a{
	font-size:0.7em;
}
.line a:hover{
	font-size:0.8em;
}
}










