@charset "utf-8";
* { margin: 0; padding: 0; }

body { background-color: #bfbbc4; font-family: Verdana, Helvetica; sans-serif; text-align: center;  }

a:link, a:visited { color: #295fd2; text-decoration: none; }
a:hover { color: #6f7583; background-color: #e1e1e1; }
.clearer { clear: both; height: 0px; width: 0px; font-size: 0; line-height: 0; margin: 0px; padding: 0px; }
.top { background-color: #fff; }
.top img { width: 100%; height: auto; }
.top a { display: block; }
.top a:link, .top a:visited { color: #fff; text-decoration: none; }
.top a:hover { color: #fff; background-color: #fff; }
.top img.ru { width: 600px; height: auto; margin-right: 520px; }
.white { background-color: #fff; }
.content { text-align: left; }
.content h1,
.content h3 { color: #646367; }
.bottom a:link, 
.bottom a:visited { color: #295fd2; }
.box-right a:link, 
.box-right a:visited { color: #6f7583; }

@media only screen and (min-width: 1101px) 
{
.frame { max-width: 1400px; margin: 0px; }
.content,
.bottom { font-size: 18px; line-height: 28px; }
.content { padding: 30px 180px 80px 150px; }
.content h3 { font-size: 20px; line-height: 30px; font-weight: normal; padding: 0px 0px 0px 0px; }
.content h1 { font-size: 34px; line-height: 42px; font-weight: normal; padding: 0px 0px 10px 0px; }
.gray { background: url(../img/bg-bottom.png) repeat-x 0px 0px; height: 230px; }
.bottom { margin: 0px; padding: 30px 0px 60px 0px; }
.claim { height: 38px; background-color: #e6a42d; text-align: left; padding: 0px 80px 0px 150px; }
.claim h2 { font-size: 20px; line-height: 28px; font-weight: normal; padding: 4px 0px 0px 10px; color: #fff; }
.space { height: 5px; width: 0px; font-size: 0; line-height: 0; }
.bottom a:hover { color: #6f7583; background-color: #d8d6da; }
.bottom-left { text-align: left; }
.bottom-right { text-align: left; }
.box-left { padding: 0px 180px 0px 150px; }
.box-right { padding: 20px 180px 10px 150px; }
}

@media only screen and (min-width: 741px) and (max-width: 1100px)
{
.frame { width: 100%; margin: 0px; }
.content,
.bottom { font-size: 26px; line-height: 40px; }
.content { padding: 30px 30px 60px 30px; }
.content h3 { font-size: 26px; line-height: 36px; font-weight: bold; padding: 0px 0px 0px 0px; }
.content h1 { font-size: 38px; line-height: 46px; font-weight: bold; padding: 0px 0px 10px 0px; }
.gray { background-color: #d5d6d9; }
.bottom { padding: 30px 30px 60px 30px; }
.claim { height: 44px; background-color: #e6a42d; text-align: left; }
.claim h2 { font-size: 26px; line-height: 32px; font-weight: bold; padding: 4px 30px 0px 30px; color: #fff; }
.space { height: 10px; width: 0px; font-size: 0; line-height: 0; }
.bottom a:hover { color: #6f7583; background-color: #fff; }
.bottom-left { text-align: left; }
.bottom-right { text-align: center; }
.box-right { padding-top: 45px; }
}

@media only screen and (max-width: 740px) 
{
.frame { width: 100%; margin: 0px; }
.content,
.bottom { font-size: 24px; line-height: 38px; }
.content { padding: 10px 10px 30px 10px; }
.content h3 { font-size: 22px; line-height: 32px; font-weight: bold; }
.content h1 { font-size: 36px; line-height: 44px; font-weight: bold; padding: 0px 0px 10px 0px; }
.gray { background-color: #d5d6d9; }
.bottom { padding: 20px 10px 50px 10px; }
.claim { height: 40px; background-color: #e6a42d; text-align: center; }
.claim h2 { font-size: 24px; line-height: 30px; font-weight: bold; padding: 4px 10px 0px 10px; color: #fff; }
.space { height: 8px; width: 0px; font-size: 0; line-height: 0; }
.bottom a:hover { color: #6f7583; background-color: #fff; }
.bottom-left { text-align: left; }
.bottom-right { text-align: center; }
.box-right { padding-top: 45px; }
}