html, body {
    height: 100%;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box ;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/**
html5
*/
article,aside,figcaption,figure,footer,header,hgroup,nav,section,time
{
    display: block;
}

.border-radius
{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.box-shadow
{
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.3);
}

.inline_block
{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

.table, .table_100
{
    border: 0;
    border-collapse: collapse;
}
.table_100
{
    width: 100%;
}
.table_top > tbody > tr > td, .table_top > tr > td
{
    vertical-align: top;
}


.middle{
    vertical-align: middle;
}

.center{
    text-align: center;
}

.clr{
    width: 100%;
    clear: both;
}

.w100{
    width: 100%;
}

.h100{
    height: 100%;
}

.max_size{
    height: 100%;
    width: 100%;
}


.rel{
    position: relative;
}

.abs{
    position: absolute;
}

.bold{
    font-weight: bold;
}

.border0{
    border: 0;
}

.line{
    text-decoration: underline;
}

.noline{
    text-decoration: none;
}
.nowrap{
    white-space: nowrap;
}

.cursor{
    cursor: pointer;
}

.left{
    float: left;
}

.right{
    float: right;
}

.justify_block{
    text-align: justify;
}

.table_rel{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
}

.white{
    color:white;
}

.black{
    color:black;
}
/*Для содержимого с классом контент*/
.content-wrapper
{
    padding-bottom:50px;
}

.content-wrapper ul,.content-wrapper ol,.content-wrapper p,.content-wrapper ul,
.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5,
.content-wrapper h6
{
    margin-top:15px ;
}

.content-wrapper ul,.content-wrapper ol
{
    margin-left: 40px;
}

.content-wrapper ul li,.content-wrapper ol li{
    margin-bottom: 5px;
}


a{
    color: #b1ceff;
}
a:hover{
    text-decoration: none;
}

.content-wrapper p{
    text-align: justify;
}

.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5,.content-wrapper h6{
    font-weight: normal;
}
.content-wrapper h1{ margin-top: 15px;}
.content-wrapper h2{}
.content-wrapper h3{}
.content-wrapper h4{}
.content-wrapper h5{}
.content-wrapper h6{}


/* Чтобы плавающие элементы обтекались родительским блоком
Что нужно применить */
.clearfix:after{
    content:".";
    display:block;
    height: 0;
    clear: both;
    visibility:hidden;
}
/* Правило для ie6, ie7*/
* html .clearfix{
    height: 1%;
}
*:first-letter+html .clearfix{
    min-height: 1px;
}

/* принудительная разбивка длинных слов*/
.word_wrap{
    word-wrap: break-word;
}

/* Повернуть изображение на 180 */
.img180{
    display:block;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}


.border50{
    border-radius: 50%;
}

.ROOT
{
    min-height: 100%;
}

.ROOT_PADDING
{
    padding-bottom: 100px;
}

footer
{
    height: 100px;
    margin-top: -100px;
    position: absolute;
    width: 100%;
    background: #ccc;
}

.w
{
    width: 1000px;
    margin: 0 auto;
}

.hide {
display:none;
}