html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
.container12 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1182px;
}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
    display:inline;
    float:left;
    margin-left:11px;
    margin-right:11px;
    padding:0;
}

.column1{width:76.5px}
.column2{width:175px}
.column3{width:273.5px}
.column4{width:372px}
.column5{width:470.5px}
.column6{width:569px}
.column7{width:667.5px}
.column8{width:766px}
.column9{width:864.5px}
.column10{width:963px}
.column11{width:1061.5px}
.column12{width:1160px}
.right_block {width: 886.5px;}

@media only screen and (min-width: 1062px) and (max-width: 1202px) {
    .container12 {width:1042px;}
    .column1{width:64px}
    .column2{width:151px}
    .column3{width:238px}
    .column4{width:325px}
    .column5{width:412px}
    .column6{width:498px}
    .column7{width:585px}
    .column8{width:672px}
    .column9{width:759px}
    .column10{width:846px}
    .column11{width:933px}
    .column12{width:1019px}
    .right_block {width: 781px;} 
}

@media only screen and (min-width: 960px) and (max-width: 1061px) {
    .container12 {width:940px;}
    .column1{width:56px}
    .column2{width:134px}
    .column3{width:212px}
    .column4{width:291px}
    .column5{width:369px}
    .column6{width:447px}
    .column7{width:526px}
    .column8{width:604px}
    .column9{width:682px}
    .column10{width:761px}
    .column11{width:839px}
    .column12{width:917px}
    .right_block {width: 704px;}     
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container12 {width:748px;}
    .column1{width:40px}
    .column2{width:102px}
    .column3{width:164px}
    .column4{width:227px}
    .column5{width:289px}
    .column6{width:351px}
    .column7{width:414px}
    .column8{width:476px}
    .column9{width:538px}
    .column10{width:601px}
    .column11{width:663px}
    .column12{width:725px}
    .right_block {width: 560px;} 
}


@media only screen and (min-width: 481px) and (max-width: 767px) {
    .container12 {width:440px;}
    .column1,
    .column2,
    .column3,
    .column4,
    .column5,
    .column6,
    .column7,
    .column8,
    .column9,
    .column10,
    .column11,
    .column12,
    .right_block
   {
        margin:0;
        width:440px;
    }
    .row {margin:0;}
}
@media only screen and (max-width: 480px) {
    .container12{width:300px;}
    .column1,
    .column2,
    .column3, 
    .column4, 
    .column5, 
    .column6,
    .column7,
    .column8,
    .column9,
    .column10,
    .column11,
    .column12,
    .right_block
    {
        margin:0;
        width:300px;
    }
}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
.row:after, .clearfix:after, .container12:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom:1;}
img, object, embed, iframe {max-width:100%;height:auto;}