html { height: 100%;}
body { margin: 0; font: 14px/18px "Calibri"; color: #1e1d1c; background: #fff; -webkit-opacity: .99;}
#wrapper { width: 1000px; margin: 0 auto; position: relative;}
#header { height: 265px;}
#header .logo { display: block; width: 420px; height: 190px; margin: 0 auto; background: url(../images/logo.png) no-repeat center top;}
#header .menu { width: 170px; position: absolute; left: 20px; top: 72px;}
#header .menu a { display: inline-block; margin: 8px 0; color: #868fa2; font-size: 19px; text-decoration: none;}
#header .menu a:hover { text-decoration: underline; color: #1e1d1c;}
#header .menu a.current { color: #1e1d1c;}
#header .lng { position: absolute; left: 20px; top: 41px;}
#header .lng a { display: inline-block; color: #868fa2; font-size: 16px; font-weight: bold; text-decoration: none;}
#header .lng a + a { margin-left: 16px;}
#header .lng a:hover { text-decoration: underline; color: #1e1d1c;}
#header .lng a.current { color: #1e1d1c;}
#header .sodis { display: block; width: 140px; height: 130px; position: absolute; right: 5px; top: 30px; background: url(../images/sodis.png) no-repeat center center;}
#arch_menu { height: 345px; width: 780px; padding: 18px 0 0 0; margin: -18px auto 0 auto; position: relative; overflow: hidden;}
#arch_menu a { display: block; width: 206px; height: 266px; margin: 0 -15px 0 0; float: left; position: relative;}
#arch_menu a.current { z-index: 4; /*margin: 0;*/ width: 220px; height: 284px; margin: 0 -22px 0 -7px;}
#arch_menu a.current + a { z-index: 3;}
#arch_menu a.current + a .rs { display: none;}
#arch_menu a.current + a .ls { display: block;}
#arch_menu a.current + a + a { z-index: 2;}
#arch_menu a.current + a + a .rs { display: none;}
#arch_menu a.current + a + a .ls { display: block;}
#arch_menu a.current + a + a + a{ z-index: 1;}
#arch_menu a.current + a + a + a .rs { display: none;}
#arch_menu a.current + a + a + a .ls { display: block;}
#arch_menu a .new { display: block; width: 87px; height: 87px; position: absolute; right: 0; top: 0; background: url(../images/new.png) no-repeat 0 0;}
#arch_menu a.current .new { top: -18px;}
#arch_menu a .rs { display: block; width: 24px; height: 266px; position: absolute; right: 15px; top: 0; background: url(../images/rs.png) no-repeat 0 0;} 
#arch_menu a.current .rs { display: none;}
#arch_menu a .ls { display: none; width: 24px; height: 266px; position: absolute; right: -24px; top: 0; background: url(../images/ls.png) no-repeat 0 0;}
#arch_menu a.current .ls { display: block;}
#arch_menu a img { width: 206px; height: 266px; border: none;}
#arch_menu a img.copy { position: absolute; top: 266px; left: 0;}
#arch_menu a.current img.copy { top: 284px;}
#arch_menu a.current img { width: 220px; height: 284px; margin: -18px 0 0 0;}
#arch_menu .mirror { width: 780px; height: 80px; position: absolute; left: 0; top: 284px; z-index: 5; background: url(../images/mirror.png) repeat-x 0 0;}
#year_menu { width: 55px; position: absolute; left: 20px; top: 478px; font-size: 14px; line-height: 15px; color: #868fa2;}
#year_menu a { display: inline-block; font-size: 20px; line-height: 20px; margin: 14px 0 0 0; color: #868fa2; text-decoration: none;}
#year_menu a.current { color: #1e1d1c;}
#year_menu a:hover { color: #1e1d1c; text-decoration: underline;}
#share { width: 70px; position: absolute; right: 20px; top: 478px; font-size: 14px; line-height: 15px; color: #868fa2; text-align: right;}
#share a { display: inline-block; width: 39px; height: 39px; margin: 4px 0 0 0; background: url(../images/share.png) no-repeat 0 0;}
#share a.tw { background-position: 0 -0px; margin-top: 12px;}
#share a.fb { background-position: 0 -40px;}
#share a.gp { background-position: 0 -80px;}
#share a.vk { background-position: 0 -120px;}
#share a.od { background-position: 0 -160px;}
#share a.mail { background-position: 0 -200px; margin-top: 25px;}
#share a.print { background-position: 0 -240px;}
#fullinfo { margin: 45px 0 15px 0; font-size: 26px; line-height: 30px; color: #868fa2; text-align: center;}
#fullinfo a { display: inline-block; border-bottom: solid 1px #868fa2; color: #868fa2; text-decoration: none;}
#fullinfo a:hover { color: #1e1d1c; border-color: #1e1d1c;}
#footer { width: 780px; margin: 0 auto; color: #868fa2; border-top: solid 2px #c5cad7; text-align: center;}
#footer .menu { padding: 10px 0 35px 0; color: #1e1d1c;}
#footer .menu a { display: inline-block; margin: 0 20px; color: #1e1d1c; text-decoration: none;}
#footer .menu a:hover { text-decoration: underline;}


#content { width: 780px; margin: -58px auto 0 auto; min-height: 200px; position: relative; z-index: 10;}
#content h1 { margin: 36px 0 22px 0; line-height: 36px; font-size: 36px; font-weight: normal; color: #868fa2;  text-align: center; background: url(../images/line.png) repeat-x 0 21px;}
#content h1 span { display: inline-block; padding: 0 10px; background: url(../images/linew.png) repeat-x 0 21px;}
#content h2 { margin: 38px 0 6px 0; line-height: 16px; font-size: 16px; font-weight: normal; color: #000;  text-align: center; text-transform: uppercase; background: url(../images/line.png) repeat-x 0 6px;}
#content h2 span { display: inline-block; padding: 0 10px; background: url(../images/linew.png) repeat-x 0 6px;}
#content p { width: 600px; margin: 15px auto; text-align: center; line-height: 16px;}
#content p.left { text-align: left;}
#content p.info { line-height: 18px; color: #868fa2; text-align: left;}
#content p.l20 { line-height: 20px;}
#content p b { font-size: 16px;}
#content p a { color: #1e1d1c;}
#content p span.indent { display: inline-block; margin-left: 36px;}

#content .auditory { width: 600px; margin: 0 auto; font-size: 14px; line-height: 14px; border-bottom: solid 2px #9b9b9b;}
#content .auditory th { padding: 1px 0 13px 0; font-weight: normal; text-align: left; color: #868fa2; border-bottom: solid 2px #9b9b9b;}
#content .auditory td { padding: 4px 0 1px 0;}
#content .auditory tr+tr td { border-top: solid 1px #1e1d1c;}
#content .auditory tr:first-child td { padding-top: 9px;}
#content .auditory tr.last td { padding-bottom: 13px;}

#content .price { width: 600px; margin: 0 auto; font-size: 14px; line-height: 14px; border-bottom: solid 2px #9b9b9b;}
#content .price th { padding: 1px 0 14px 0; font-weight: normal; text-align: center; color: #868fa2; border-bottom: solid 2px #9b9b9b;}
#content .price td { padding: 3px 0 2px 0; text-align: right;}
#content .price td:first-child { text-align: left;}
#content .price tr+tr td { border-top: solid 1px #1e1d1c;}
#content .price tr:first-child td { padding-top: 7px;}

#content .distribution { width: 780px; margin: 0 auto; font-size: 14px; line-height: 16px;}
#content .distribution th { padding: 3px 0 8px 0; font-weight: normal; text-align: left; font-size: 12px; color: #1e1d1c;}
#content .distribution td { padding: 7px 0 7px 0; border-top: solid 2px #9b9b9b; text-align: left; vertical-align: top;}
#content .distribution .sub td { padding-top: 8px; border-top: solid 1px #1e1d1c;}
#content .distribution .total td { padding-top: 10px; font-size: 16px; font-weight: bold;}
#content .distribution .tar { text-align: right;}

#content .read { height: 135px; text-align: center; margin: 0 0 -11px 0; background: url(../images/read_big.png) no-repeat center 65px; position: relative;}
#content .read h1 { background: none; margin: 20px 0 4px 0;}
#content .read a { font-size: 18px; color: #464646; position: absolute; top: 80px;}
#content .read a.full { right: 50%; margin-right: 55px;}
#content .read a.ipad { left: 50%; margin-left: 55px;}


#content .article { margin: 0 0 14px 0; padding: 2px 0 0 0; text-align: center;}
#content .article h3 { margin: 0; line-height: 44px; font-size: 44px; color: #868fa2; font-weight: normal;}
#content .article img { display: block; margin: 10px auto; border: none;}
#content .article p { display: block; margin: 10px auto 0 auto; width: 600px;}
#content .article a.more { display: inline-block; margin: 0 0 0 7px; color: #868fa2;}
#content .article a.more:hover { color: #1e1d1c;}