.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-image: url(i1.jpg);
    background-size: 100%;
    background-attachment: fixed;
    margin: 0;
}
.myclass {
	font-size: 30px;
}

.site-header {

	background-color: #4A423f;
	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;
        width: 100%;
}
#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: 70%;
float: left;
background-color: #C5D0E6;
}
.col-sidebar{
width: 25%;
background: #eee;
float: right;
padding: 20px 2.5%;

}
.w-col{
	width: 90%;
	background: #fff;
	margin: auto;
}
#footer-site {
        position: fixed;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #4a423f;
	text-align: center;
        width: 100%;
        bottom : 0;
}
#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;
}

.container-category { 
position: fixed; height: 100%; 
}