body {
    min-height: 100%;
/*    font-family: 'Open Sans', Helvetica, Arial, sans-serif;*/
    font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    background-color: #d2d2d2;
/*    background: url(img/logo-siteL.png) 0 0 no-repeat;
    background-size: 100% 100%;*/
}

a:hover {
	text-decoration: none;
}

header {
    background-color: #fff;
        box-shadow: 4px 4px 4px #888;
}

.header-top {
    background-color: #b6b6b6;
    border-bottom: 1px solid #ededed;
    box-shadow: inset 0 -4px 4px #888, inset 0 4px 4px #dadada;
    position: relative;
}

.header-top .top-nav > li > a {
    color: #505050;
}

header {
    padding-bottom: 30px;
}

.main-nav {
    background-color: #1D8ADC;
    color: #fff;
}

.main-nav .catalog {
    background-color: #289CF1;
    text-align: center;
}

.main-nav .catalog a {
    display: block;
    padding: 20px 0;
    color: #fff;
}

.main-nav .search .form-control {
    height: 58px;
    margin: 1px 0;
    border-radius: 0;
}

.main-nav .cart {
    padding: 20px 0;
    text-align: center;
    background-color: #289CF1;
}

.content-wrapper {
    padding: 20px 0;
}

.breadcrumb {
    
}

.page-header, .page-header h1 {
    margin-top: 0;
}

.white-box {
    background-color: #fff;
    border: 1px solid #ededed;
}

aside {
    min-height: 400px;
}

.products-list {

}

.product {
    width: 100%;
height: 55px;
/*    margin-bottom: 20px;*/
    background-color: #fff;
    border: 1px solid #ededed;
    text-align: center;
    color: #777;
    padding-bottom: 20px;
        box-shadow: 4px 4px 4px #888;
}
.product:hover {
    box-shadow: 2px 2px 2px #888;
    color: #111;
    background-color: #f5f5f5;
    font-size: 15px;
}

.product h3 {
   /* margin-top: 50%;*/
    text-transform: uppercase;
    margin: 0;
    padding-top: 20px;
 /*   padding-bottom: 20px;*/
    font-size: inherit;
    overflow: hidden;
    font-weight: 800;
}

.banner {
    width: 100%;
/*    margin: 20px 0;
    padding: 40px 0;*/
    color: #fff;
    text-align: center;
 /*   background-color: #111;*/
}

.banner h2 {
    font-weight: 300;
    margin: 0;
    font-size: 40px;
    letter-spacing: 20px;
}

footer {
  /*  padding-top: 20px;
    background-color: #289CF1;
    color: #fff;*/
        margin-top: -65px;
}

footer a {
    color: #fff;
}

footer h3 {
    margin: 10px 0 30px 0;
}

footer ul > li {
    line-height: 24px;
}

footer .footer-bottom {
    margin-top: 20px;
    padding: 5px 0;
    color: #eee;
    background-color: #9c9c9c;
    box-shadow: inset 0 -4px 4px #888, inset 0 4px 4px #dadada;
}

img {
    max-width: 100%;
}
.logo {
    padding-top: 60px;
    padding-bottom: 50px;	
}

* html .main {
	height: 100%;
}
.main{
    min-height: 100%;
    background: url(http://www.mak.kz/scc/img/fon.jpg) no-repeat center center;
    background-size: contain;
    background-position-y: 100%;
}
.ufooter{
	width: 100%;
	clear: both;
    height: 35px;

}
.news {
	position: absolute;
    margin-top: 5px;
height: 40px; 
    right: 20px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid #ededed;
   box-shadow: 4px 4px 4px #888;
/*	box-shadow: inset 0 -3px 4px #888, inset 0 3px 4px #dadada, inset -3px 0px 4px #888, inset 3px 0px 4px #dadada;*/
}
.news:hover{
height: auto;
height: initial;
	width: 33%;	
}
.news:hover .newsin{
/* background-color: #fff;*/
    height: 100%;
}
.newsin{
    height: 27px;
    position: relative;

    overflow: hidden;
    margin-top: 5px; 
/*    box-shadow: inset 0 2px 2px #888, inset 0 -2px 2px #dadada, inset 2px 0px 2px #888, inset -2px 0px 2px #dadada;*/
}
div.newsin li {
    padding-bottom: 4px;
    padding-top: 3px;
}
.news:hover li {
	box-shadow: inset 0 -1px 0px #e3e3e3;	
}
div.newsin li:hover {
	    background-color: #fafafa;
}
table p {
    text-indent: 0em;
}