.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

#simple-text {
	color: red;
}
body {

    background-color: #E6E2E2;
}
.myclass {
	font-size: 30px;
}

.site-header {
    background-image: url(images/glav.png);
	background-repeat: no-repeat;
	background-color: #3a7bc7;
	height: 180px;
	padding-right: 100px;
	color:#e8dbd3;
	padding: 20px 30px;
	box-shadow: 0 2px 1px #756969;

}
.site-header h1 {
	margin: 0;
	font-size: 20px;
	text-transform:uppercase;
	float: left;
}

#main-menu {

float: right;
}
#main-menu ul{
padding: 0;
margin: 0;
}
#main-menu ul li{
	list-style: none; 
	display: inline;
	margin-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#main-menu ul li a {
	text-decoration: none;
	color: #e8dbd3
}
#main-menu ul li a:hover {
	color: #f05f40;
	cursor: pointer;
}
.infosite{
	text-align: center;
	background-color: #ccc;
	padding:  30px;
	width: 66.9%;
	margin: auto;


}
.infosite h1{
	color: #f05f40;
	margin-top: 0;
}
.col-main{
width: 65%;
float: left;
padding: 20px 30px;
background-color: #ffffff;
}
.col-main a{
text-decoration: none;
}
.col-sidebar{
width: 15%;
background: #eee;
float: right;
padding: 20px 2.5%;

}
.w-col{
	width: 90%;
	background: #fff;
	margin: auto;
}
#footer-site {
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #3a7bc7;
	text-align: center;
}
#footer-site,
#footer-site a{
	color: #fff;
}
#footer-site a{
	text-decoration: none;
}
.widget-social li{
	list-style: none;
	display: inline-block;
	margin-right: 20px
}
.widget-social li a:hover{
color: #f05f40 !important ;
cursor: pointer;
}
#search-form{
	width: 180px;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ccc;
	border-radius: 40px;
	outline: none;
	border:none;
}
.container-form button{
background-color: transparent;
border: none;	
}
/*Category*/
.cat-list{
	padding-left: 0; 
}
.cat-list li{
	list-style: none;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
}
.cat-list li a{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #36313a;
	position: relative;
	padding-left: 10px;
}
.cat-list li a:hover{
	color: #f05f40;
}
.cat-list li a:before {
	content: "";
	position: absolute;
	height: 12px;
	width: 3px;
	left: 0;
	top: 2px;
    background-color: #36313a;
}
.cat-list li a:hover:before{
	background-color: #f05f40;
}
.container-category{
	padding-top: 15px;
}