/* СБРАСЫВАЕМ СТИЛИ */
*{ margin:0; padding:0;}
html { width: 100%; height: 100%;}
body { width: 100%;}
body, div, ul, li { margin: 0; padding: 0;}
img { border: none;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; cursor: default;}
table { border-collapse: collapse;}
input:focus, textarea:focus { outline: 0 none;}


/** УНИВЕРСАЛЬНЫЕ КЛАССЫ-БЛОКИ **/
.clear { clear: both;}

/** HTML5 ХАК **/
header, nav, section, article, aside, footer {
   display:block;
}
.clearfix:after {
   content: "";
   display: table;
   clear: both;
}


/** ТЯНУЩИЕСЯ БЛОКИ **/
.both-box:after { content: ""; clear: both;}
.both-box [class*="col"] { float: left;}
.col1 { width: 16.66666666%;}
.col2 { width: 33.33333333%;}
.col3 { width: 50%;}
.col4 { width: 66,66666666%;}
.col5 { width: 83.33333333%;}
.col6 { width: 100%;}