* { margin:0; padding:0 } *,:before,:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block } body { font-family:Tahoma,Arial; font-size:15px; color:#000; background:#e4c487 } div,ul,li { vertical-align:top } a:link,a:visited { font-family:Tahoma,Arial; font-size:15px; color:#9a031c; text-decoration:underline } a:hover { font-family:Tahoma,Arial; font-size:15px; color:#9a031c; text-decoration:none } h1,h2,h3,h4,h5,h6 { font-family:Tahoma,Arial; font-weight:400; color:#553319; line-height:1; margin-bottom:20px } h1 { font-size:24px } h2,h3,h4 { font-size:19px } h5,h6 { font-size:17px; color:#9a031c; font-weight:700 } .black { color:#000 } img { border:0 } input,textarea,button { font-family:Tahoma,Arial; font-size:15px; color:#000; outline:none } button,input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance:button; cursor:pointer; border:none; outline:none } table { border-collapse:collapse; border-spacing:0 } td,th { padding:0; vertical-align:top } ul { list-style:none } .container { max-width:1400px; margin:0 auto; min-width:1000px; background:url(../images/bg_light.jpg) repeat; border-left:2px solid #9d7d4a; border-right:2px solid #9d7d4a } .header { background:#bb8d62; border-radius:0 0 10px 10px; box-shadow:#4b4131 0 2px 10px; height:75px; margin:0 20px; position:relative; /*z-index:20000*/ } .header-inner { display:table; width:100% } .header .col-1,.header .col-2,.header .col-3 { display:table-cell } .header .col-1,.header .col-3 { width:222px } .header .col-2 { padding:0 15px } .header a.logo { display:inline-block; background:url(../images/logo.png) no-repeat; width:223px; height:133px; } .top-menu { background:url(../images/top-menu.png) no-repeat; background-size:100% 65px; height:65px; padding:18px 40px 0; font-size:18px } .top-menu ul { display:table; width:100% } .top-menu ul li { display:table-cell; text-align:center } .top-menu a { font-size:18px; color:#c37719; text-decoration:none } .top-menu a:hover { text-decoration:underline } @media screen and (max-width: 1200px) { .top-menu a { font-size:12px } .top-menu ul li { border-right:1px solid #c37719; margin:5px } .top-menu { padding:18px 10px 0 } } .login { background:url(../images/login-icon.png) no-repeat; margin:6px 0 0 10px; padding:8px 0 0 50px } a.login-link { display:block; font-size:18px; color:#f7e5bb; text-decoration:none; margin-bottom:2px } a.login-link:hover { text-decoration:underline } .login-links,.login-links a { font-size:11px; color:#fefbfb } .main { display:table; width:100% } .main .sidebar { display:table-cell; width:20%; padding-top:15px; } .sidebar-left { background:url(../images/col-bot-bg.png) no-repeat right bottom; background-size:100% auto; padding-bottom:380px; padding-left:20px } .main .sidebar-right { padding-right:20px } .main .sidebar-right a { color:#c7314d } .left-menu-wrap { border-radius:10px 0 0 10px; box-shadow:#4b4131 0 2px 10px; margin:20px 0 10px; padding:15px 20px } .left-menu-wrap ul { position:relative; z-index:3 } .left-menu-wrap li { padding:8px 0 } .left-menu-wrap a { font-size:16px; color:#433225; text-decoration:none } .left-menu-wrap a:hover { text-decoration:underline } .line1 { background:url(../images/line1.png) no-repeat center; width:200px; height:3px; padding:10px 0; margin-left:-20px } .line2 { background:url(../images/line2.png) no-repeat center; width:210px; height:5px; padding:10px 0; margin-left:-20px } .side-wrap { padding:0 15px 0 25px } .left-menu { padding:10px 0 } .left-menu li { padding:8px 0 } .left-menu a { font-size:14px; color:#433225; text-decoration:none } .left-menu a:hover { text-decoration:underline } a.menu-active { text-decoration:underline; color:#c00 } .search-form .col-1,.search-form .col-2 { display:table-cell } .search-form .text { background:url(../images/search-bg.png) no-repeat; background-size:100% 23px; width:100%; height:23px; line-height:23px; text-shadow:#ccc 1px 1px; border:none; padding:0 15px } .search-form .text::-webkit-input-placeholder { color:#433225 } .search-form .text::-moz-placeholder { color:#433225 } .search-form .text:-moz-placeholder { color:#433225 } .search-form .text:-ms-input-placeholder { color:#433225 } .search-form button { background:url(../images/search-icon.png) no-repeat; width:24px; height:25px; border:none; margin-left:8px } .main .content { display:table-cell; width:60%; background:#f7ebcb; box-shadow:inset #4b4131 0 1px 25px; padding:35px 50px 220px; position:relative; z-index:2 } .main .content p { display:block; line-height:1.3; margin-bottom:20px } .copy-absolute { position:absolute; bottom:20px; left:0; width:100%; padding:0 50px } .copyright { text-align:center; font-size:14px; color:#553319; margin-bottom:0!important } .soc-icons { text-align:center; margin-top:50px; margin-bottom:10px } .copyright a { font-size:13px } .side-inner { background:#f4e4ce; border:1px dotted #000; margin:5px 2px; padding:8px } .side-title { font-size:18px; margin-bottom:20px } .sidebar .new-items { margin-bottom:10px; font-size:12px } .sidebar .new-items .item { margin-bottom:20px; overflow:hidden } .sidebar .new-items p { margin-bottom:5px; line-height:1.3 } .sidebar .new-items .left-img { float:left; margin:0 12px 2px; border-right:2px solid #bd7922; border-bottom:2px solid #bd7922 } a.more-link { font-size:12px; color:#c7314d } .sidebar .new-acticles { margin-bottom:10px; font-size:11px } .sidebar .new-acticles-title { font-size:11px; font-weight:700; margin-bottom:20px } .sidebar .new-acticles .item { margin-bottom:5px } .sidebar .new-acticles .item .left-col { display:table-cell; width:46% } .sidebar .new-acticles .item .left-col img { border-right:2px solid #bd7922; border-bottom:2px solid #bd7922 } .sidebar .new-acticles .item .right-col { display:table-cell; width:54%; vertical-align:top; font-size:11px } .rmm { display:none!important } #toTop { padding:5px; position:fixed; right:40px; bottom:40px; cursor:pointer; display:none } #izbr { margin-top:-5px; cursor:pointer } @media screen and (max-width: 599px) { .container { min-width:320px; border:none; background-image:none } .header { height:75px; margin:0 10px 50px } .top-menu { display:none } .login { display:none } .rmm { display:block!important; position:relative } .menu1:before { content:''; display:block; position:absolute; left:25px; top:8px; z-index:1000; font-size:20px; color:#fff; text-shadow:1px 1px 1px #000 } .menu2:before { content:'Всё об исполнении желаний'; display:block; position:absolute; left:25px; top:8px; z-index:1000; font-size:16px; text-shadow:1px 1px 1px #fffcf2 } .menu3:before { content:'Моя Книга Желаний (вход)'; display:block; position:absolute; left:25px; top:3px; z-index:1000; font-size:16px; text-shadow:1px 1px 1px #fffcf2; line-height:25px; text-align:left } .left-menu-wrap { border-radius:10px; margin:15px 10px; text-align:center } .left-menu { text-align:center } .line1,.line2 { margin:0 auto } .side-wrap { display:none } .search-form-wrap { text-align:center } .search-form { display:inline-block; margin:30px auto } .main { display:block; width:inherit } .main .sidebar { display:block; width:inherit } .sidebar-left { background:none; padding-bottom:0; padding-left:0 } .main .sidebar-right { padding-right:0 } .main .content { padding:30px 30px 20px } .film { width:95%; height:auto } .block-white img { margin:7px; width:95%; height:auto; -webkit-box-shadow:1px 2px 2px 1px #9A6915; -moz-box-shadow:1px 2px 2px 1px #9A6915; box-shadow:1px 2px 2px 1px #9A6915 } .small-img img { width:auto; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none } } #icons-mb { text-align:right; margin-right:20px; display:none } .start_mob { display:none } .show_m { display:none } .hide_m { display:block }