@charset "UTF-8";

.row { float: left; width: 100%;}
.center { position: relative; margin: auto;}
.center:before, .center:after { display: block; width: 100%; height: 0; content: ''; clear: both;}

.col   { float: left;}
.col1  { width: 8.3333333333%;  }
.col2  { width: 16.6666666666%; }
.col3  { width: 25%;            }
.col4  { width: 33.3333333333%; }
.col5  { width: 41.6666666666%; }
.col6  { width: 50%;            }
.col7  { width: 58.3333333333%; }
.col8  { width: 66.6666666666%; }
.col9  { width: 75%;            }
.col10 { width: 83.3333333333%; }
.col11 { width: 91.3333333333%; } 
.col12 { width: 100%; } 

.col img { width: 100%; display: block;}

.l { float: left;}
.r { float: right;}

.padd   { padding: 0 15px;}
.padd-l { padding-left: 15px;}
.padd-r { padding-right: 15px;}

.mlcol3 { margin-left: 25%;}

.middle	{ display: table; width: 100%; height: 100%;}
.middle .rowMiddle { display: table-cell; vertical-align: middle;}