/*begin standart tag styles*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,.details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
     margin:0;
     padding:0;
     border:0;
     font-size:100%;
     font:inherit;
     vertical-align:baseline;
     font-family:'Open Sans',sans-serif;
}
 html {
     font: normal 14px / 20px;
     line-height: 1.25;
     letter-spacing: 0;
     font-style: normal;
     font-weight: 400;
     height: 100%;    /*footer to bottom*/
}
 body {
     min-width: 320px;
     color: #626262;
     background-color:#ffffff;
     background-image:url(/img/fon.jpg);
     display: flex;    /*footer to bottom*/
     flex-direction: column;    /*footer to bottom*/
     height: 100%;    /*footer to bottom*/
}
/*end standart tag styles*/
/*begin page layout styles*/
 section {
     width:100%;
     margin: 0 auto 0 auto;
     align-self: center;
     max-width: 1140px;
}
 #header_wrapper,#footer_wrapper {
     flex: 0 0 auto;    /*footer to bottom*/
}
 #content {
     flex: 1 0 auto;    /*footer to bottom*/
}
/*end page layout styles*/