/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html, body {height: 100%; width: 100%;}
body {font: normal 14px/18px 'Open Sans', Arial;min-width: 970px;background: fixed #90c228 url(bg_optimized.jpg) center center no-repeat;background-size: cover;}
input:focus, select:focus, textarea:focus {outline: none;}

/* Common */
a {color: inherit;}
a:hover {color: #00aeef;}
.clr {display:block;zoom:1;}
.clr:after {content:".";display:block;height:0;clear:both;overflow:hidden;}
.wrapper {width: 950px;margin: 0 auto;}
::selection {background: #f7ff22;}
::-moz-selection {background: #f7ff22;}
strong, b {font-weight: bold;}
h1 {font-size: 70px;line-height: 70px;font-weight: 600;padding: 10px 15px 20px 15px;margin-bottom: 15px;}
h2 {font-size: 25px;line-height: 25px;font-weight: 400;padding: 5px 10px 10px 10px;}
h3 {font-size: 25px;line-height: 30px;font-weight: 600;}
h4 {font-size: 15px;line-height: 20px;font-weight: 600;color: #999;}

.header {text-align: center;}
.header .logo {display: block;margin: 0 auto 100px auto;width:300px;padding: 20px 0;background: #000;text-decoration: none;color: #fff;}
.header .logo p {font-size: 12px;color: #aaa;}
.header .logo .domain {color: #fff;font-size: 30px;line-height: 35px;font-weight: 700;text-transform: uppercase;margin-bottom:5px;}
.header h1 {background: #000;color: #fff;display: inline-block;}
.header h2 {background: #000;color: #fff;display: inline-block;margin-bottom: 50px;}

.content {background: #fff;margin-top: 50px;margin-bottom: 30px;width: 830px;padding: 60px;box-shadow: 0 0 20px rgba(0,0,0,1);}
.content .contacts {float: left;width: 240px;padding-right: 29px;border-right: 1px solid #e2e2e2;}
.content .contacts-about {margin: 15px 0 15px;font-size: 12px;}
.content .contacts-links {margin: 15px 0 20px;line-height: 20px;}
.content .contacts-data {line-height: 23px;margin-bottom: 25px;}
.content .contacts-order .button {display: block;float: left;color: #fff;padding: 6px 15px;border-radius: 4px;text-decoration: none;font-size: 13px;font-weight: 600;text-shadow: 0 1px rgba(0, 0, 0, 0.4);
background: #a3d165; /* Old browsers */
background: -moz-linear-gradient(top,  #a3d165 0%, #709e32 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d165), color-stop(100%,#709e32)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a3d165 0%,#709e32 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a3d165 0%,#709e32 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a3d165 0%,#709e32 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a3d165 0%,#709e32 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d165', endColorstr='#709e32',GradientType=0 ); /* IE6-9 */
}
.content .contacts-order .button:hover {
background: #99ddf8; /* Old browsers */
background: -moz-linear-gradient(top,  #99ddf8 0%, #4d91ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ddf8), color-stop(100%,#4d91ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #99ddf8 0%,#4d91ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #99ddf8 0%,#4d91ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #99ddf8 0%,#4d91ac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #99ddf8 0%,#4d91ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ddf8', endColorstr='#4d91ac',GradientType=0 ); /* IE6-9 */
}
.content .description {float: left;width: 525px;margin-left: -1px;padding-left: 30px;border-left: 1px solid #e2e2e2;}
.content .description h3 {font-weight: 600;margin-bottom: 10px;}
.content .description h4 {font-size: 20px;font-weight: 600;color: #000;margin-top: 20px;margin-bottom: 10px;}
.content .description p {margin-bottom: 8px;}
.content .description ul {list-style: square outside;}
.content .description ul li {margin: 0 0 3px 25px;}

.product-placement {}
.product-placement h3 {margin-bottom: 10px;}
.product-placement ul li {margin-bottom: 10px;}
.product-placement .about, 
.product-placement .for {float: left;width: 400px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,1);padding: 20px 30px 30px;border-top: 3px solid #000;}
.product-placement .for {float: right;}
.product-placement .for ul {list-style: square inside;}

.content-about {margin-bottom: 100px;font-size: 16px;line-height: 22px;padding-bottom: 10px;}
.content-about h4 {font-size: 20px;margin: 15px 0 10px;color: #000;}
.content-about p {margin-bottom: 15px;}
.content-about p.copyrights {color: #999;font-size: 12px;line-height: 14px;}
.content-about p.rules {color: #999;float: right;width: 400px;font-size: 12px;line-height: 14px;}