@import url('//fonts.googleapis.com/css?family=Roboto+Condensed'); /*@import url('form.css');*/ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px;} .grid_1 *,.grid_2 *,.grid_3 *,.grid_4 *,.grid_5 *,.grid_6 *,.grid_7 *,.grid_8 *,.grid_9 *,.grid_10 *,.grid_11 *,.grid_12 *{max-width: 100%;} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} /* // 2520.min.css @media (max-width: 2540px) { body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px} } // 1920.min.css @media (min-width: 1940px) and (max-width: 2539px) { body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px} } // 1560.min.css @media (min-width: 1600px) and (max-width: 1939px) { body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px} } // 1200.min.css @media (min-width: 1280px) and (max-width: 1599px) { body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px} } // 960.min.css @media (min-width: 980px) and (max-width: 1279px) { */ @media (min-width: 960px) { body{min-width:960px;}.container_12{margin-left:auto;margin-right:auto;width:960px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px} } /* 720.min.css */ /*@media (min-width: 760px) and (max-width: 979px) {*/ @media (min-width: 720px) and (max-width: 959px) { body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px} } /* mobile.min.css */ /*@media (min-width: 0px) and (max-width: 759px) {*/ @media (min-width: 0px) and (max-width: 719px) { .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:block !important;float:none;margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} } * { margin: 0; padding: 0; font-family: 'Roboto Condensed'; font-size: 14px; color: black; line-height: 150%; } html, body { /* min-height: 1400px; */ margin: 0; padding: 0; width: 100%; height: 100%; /*text-align: center; */ } html:before{ /* display: block; margin-top: 2em; content:'account blocked'; font-size: 5em; text-align:center; */ } body { background: url(images/header-bg.gif) repeat-x center top #eff8fb; } body .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -386px auto;/* нижний margin является отрицательной величиной высоты footer */ width: 100%; background: url(images/header-visual2.jpg) no-repeat center top; } body.main .wrapper { background: url(images/header-visual.jpg) no-repeat center top; } body .wrapper2 { background: url(images/page-bg.jpg) repeat-y center top; } body .wrapper3 { } body .wrapper4 { } /* Шапка */ #header { height: 160px; width: 100%; /* background: url(images/header-visual.jpg) no-repeat 60% top; */ } body.main #header { height: 350px; } /* /Шапка */ #title { margin: 0 0 0 auto; padding: 0 0 0 auto; height: 80px; overflow: hidden; display: block; color: #ffffff; /* background: url(https://zeto-pskov.ru/usr/templates/images/logo.jpg) no-repeat 10% bottom; */ } #title a { padding: 400px 0 15px 130px; margin-left: 8%; border: none; display: block; color: white; font: bold 14px 'Roboto Condensed'; text-transform: uppercase; text-decoration: none; } #title a span { font: 21px 'Roboto Condensed'; letter-spacing: 3px; color: white; } #topNavigation { list-style: none; margin: 14px 0 0 0; padding: 0; } #topNavigation li { background: #ff5f0a; float: left; list-style: none; padding: 0; width: 8%; } #topNavigation li a { letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; text-decoration: none; display: block; text-align: center; padding: 15px 5% 15px 5%; height: 20px; color: #ffd703; } #topNavigation a:hover , #topNavigation a.selected { } #container { width: 100%; margin-top: -8px; } .content * { /* max-width: 99%; height: auto; */ } /* Подвал */ #footer { width: 100%; /* height: auto; */ overflow: hidden; background: url(images/footer-bg.jpg) repeat-x center 2px; } #footer .wrapper { height: 386px; padding: 270px 0 140px; background: url(images/footer-visual.jpg) no-repeat center top; } #footer .wrapper2 { /* background: url(https://zeto-pskov.ru/usr/templates/images/footer-bg-r.jpg) no-repeat right top; */ } #footer .wrapper3 { /* background: url(https://zeto-pskov.ru/usr/templates/images/footer-bg-l.jpg) no-repeat left top; */ } #footer, .push { height: 386px; /* .push должен быть той же высоты, что и footer */ } .push { /* margin-top: 100px; отступ между контентом и началом footer */ } #footer * { color: white; text-decoration: none; // font-size: 11px; } #footer a:hover { } /* /Подвал */ .hidden { display: none; } .clear { clear: both; } .phone { color: white; font-size: 22px; margin-top: 5px; } .phone .code { font-size: 22px; font-weight: normal; color: white; } a { color: #0099cc; text-decoration: underline; } a:hover { color: #ff6600; } img { border: none; } /* News */ .news { margin: 1em 0 0 0; padding: 0; list-style: none; } .news.main , .main.news { } .news dt { float: left; margin-right: 5px; padding-right: 20px; display: none; } .nomarker dt { background: none; } .news dt img , .news dd img , .news date img { float: left; width: 70px; height: 70px; margin: 0.5em 1em 1em 0; padding: 0; border: 3px solid #f0f0f0; } .news dt a:hover img { /* border: 3px solid #ff6600; */ } .news dd { padding-left: 22px; background: url(images/list-style-image.gif) no-repeat 2px top; margin-bottom: 1em; } .main dt { display: block; } .main dd { margin-left: 75px; } .news dd a.selected , .news dd a.hot { color: #ff6600; } .news dd a.selected:hover { } /* / News */ /* Menu & sub menu */ .mainMenu { /* background: url(images/menu-style.gif) repeat-y left top; */ list-style-image: none; list-style: none; margin: 5px 0 0 0; padding: 0; } .mainMenu li { list-style-image: none; list-style: none; margin: 0; padding: 0; display: inline; } .mainMenu li a { /* background: url(images/menu-item-style.gif) no-repeat left center; */ border-bottom: 2px dashed #f3f6f7; /* border-bottom: 1px solid #f3f6f7; */ padding: 10px; margin: 0; letter-spacing: 1px; font: bold 13px 'Roboto Condensed'; text-transform: uppercase; text-decoration: none; display: block; } .mainMenu li a:hover , .mainMenu li a.selected { /* background: url(images/menu-item-style_a.gif) no-repeat left center; */ } .mainMenu a.selected { } .mainMenu ul { margin: 1em auto 1em 20px; } .mainMenu ul li { } .mainMenu ul li a { background: url(images/list-style-image.gif) no-repeat left 2px; border: none; padding: 3px 10px 3px 20px; font: 12px 'Roboto Condensed'; text-transform: none; text-decoration: underline; } .mainMenu ul li a:hover , .mainMenu ul li a.selected { background: url(images/list-style-image.gif) no-repeat left 2px; } .subMenu { margin: 0; padding: 0; background: none; } ul.subMenu+li { margin-top: 1em; } ul.subMenu li { margin-left: 1.8em; } .subMenu2 { margin: 0 1.5em 1em 1.8em; float: left; } *html .subMenu2 { margin-left: 1em; } .subMenu li { margin-bottom: 5px; } .subMenu a { /* font: bold 13px Palatino Linotype, Times, 'Roboto Condensed'; text-transform: uppercase; text-decoration: none; */ } .subMenu a:hover , .mainMenu a.selected { } .subMenu a.selected { } /* / Menu , sub menu & other menu */ #map { opacity: 0.7; filter: alpha(opacity=70); margin-top: 2em; } a:hover #map { opacity: 1; filter: alpha(opacity=100); } /* gallery */ .image { float: left; margin: 0.3em 1em 1em 0; border: 3px solid white; } a:hover .image { /* border: 4px solid #eae1c7; */ } p { padding-top: 0.5em; padding-bottom: 1em; } img { border: 0; } ul { margin-left: 1.8em; padding-top: 0.5em; padding-bottom: 1em; } dl { } ol { margin: 1em 1.9em; } ol li { margin-bottom: 0.5em; } ul li { list-style: url(images/list-style-image.gif); margin-bottom: 0.5em; } .selected { color: #ff6600; } .selected2 { background: #c369d9; } b , strong { font-weight: bold; color: inherit; } .more { color: #ff6600; } .small { font-size: 11px; color: inherit; } .noborder { border: none; text-decoration: none; } .breadcrumbs { display: block; margin-top: 0.5em; } /*********** Forms ***********/ form { padding: 0; margin: 0; } /* #loginForm { margin-top: -3px; } */ input , textarea , select { padding: .5em; border: 1px solid white; // font: 11px 'Roboto Condensed'; background: white; color: #888888; } input:focus , textarea:focus { color: #ff6600; } .radio { border: none; background: transparent; } .checkBox { border: 0; background: transparent; width: 25px; padding: 1px; } .required-text { /* color: #ff6600; */ } .required { background: url(images/star_orange.png) no-repeat 3px 3px white; padding-left: 20px; } .mail-form input , .mail-form textarea , .mail-form select { width: 100%; } .mail-form td { vertical-align: top; } .formBlock { background: #f3f6f7; padding: 10px; } .formBlock * { } .inputText { width: 60%; margin-right: -20px; } .formField { background: white; margin-bottom: 5px; } .login { } .login h2 { border: none; margin: 1.3em 0 0.7em 0; } .login2 { } .search { // padding-left: 20px; // background: url(images/search-icon.gif) no-repeat 5px center white; } .subscribe { padding-left: 20px; background: url(images/email-icon.gif) no-repeat 5px center white; } .email-icon { padding-left: 20px; background: url(images/email-icon.gif) no-repeat left 1px; color: white; } .search input { display: inline !important; } .search .submit { display: inline; float: right; } .submit { margin: 0; padding: 0; // background: url(images/submit-icon.gif) no-repeat left top white; border: none; background: #0088bc; color: #fff; // height: 20px; font-size: 120%; // width: 16px; cursor: pointer; padding: .37em; } .submit:hover { background-position: 0 -16px; } .form { clear: both; } .form dt { float: left; width: 150px; margin-bottom: 1em; } .form dd { margin-left: 160px; margin-bottom: 1em; } .form input , .form select , .form textarea { width: 90%; } /*********** /Forms ***********/ .infoBlock , .infoBlock2 { padding: 1em; margin-top: 1em; background: #f3f6f7; } ul.partners { } .partners li { } .partners a img { position: absolute; border: 1px solid #f0f0f0; display: none; margin-left: 10px; padding: 5px; background: #fff; } .partners a:hover img { /* border: 1px solid #f0f0f0; */ display: inline; } .partners.sketchview li { list-style: none; display: inline; } .partners.sketchview a img { position: relative; border: none; display: inline; padding: 5px; background: #fff; opacity: 0.2; filter: alpha(opacity=20); } .partners a:hover img { /* border: 1px solid #f0f0f0; */ opacity: 1; filter: alpha(opacity=100); } .localview { border: 1px dashed red; color: red; padding: 10px; margin: 10px; } .localview:before { content: 'Отключено на локалхосте!'; }
DEMO
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed'); /*@import url('form.css');*/ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px;} .grid_1 *,.grid_2 *,.grid_3 *,.grid_4 *,.grid_5 *,.grid_6 *,.grid_7 *,.grid_8 *,.grid_9 *,.grid_10 *,.grid_11 *,.grid_12 *{max-width: 100%;} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} /* // 2520.min.css @media (max-width: 2540px) { body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px} } // 1920.min.css @media (min-width: 1940px) and (max-width: 2539px) { body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px} } // 1560.min.css @media (min-width: 1600px) and (max-width: 1939px) { body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px} } // 1200.min.css @media (min-width: 1280px) and (max-width: 1599px) { body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px} } // 960.min.css @media (min-width: 980px) and (max-width: 1279px) { */ @media (min-width: 960px) { body{min-width:960px;}.container_12{margin-left:auto;margin-right:auto;width:960px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px} } /* 720.min.css */ /*@media (min-width: 760px) and (max-width: 979px) {*/ @media (min-width: 720px) and (max-width: 959px) { body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px} } /* mobile.min.css */ /*@media (min-width: 0px) and (max-width: 759px) {*/ @media (min-width: 0px) and (max-width: 719px) { .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:block !important;float:none;margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} } * { margin: 0; padding: 0; font-family: 'Roboto Condensed'; font-size: 14px; color: black; line-height: 150%; } html, body { /* min-height: 1400px; */ margin: 0; padding: 0; width: 100%; height: 100%; /*text-align: center; */ } html:before{ /* display: block; margin-top: 2em; content:'account blocked'; font-size: 5em; text-align:center; */ } body { background: url(images/header-bg.gif) repeat-x center top #eff8fb; } body .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -386px auto;/* нижний margin является отрицательной величиной высоты footer */ width: 100%; background: url(images/header-visual2.jpg) no-repeat center top; } body.main .wrapper { background: url(images/header-visual.jpg) no-repeat center top; } body .wrapper2 { background: url(images/page-bg.jpg) repeat-y center top; } body .wrapper3 { } body .wrapper4 { } /* Шапка */ #header { height: 160px; width: 100%; /* background: url(images/header-visual.jpg) no-repeat 60% top; */ } body.main #header { height: 350px; } /* /Шапка */ #title { margin: 0 0 0 auto; padding: 0 0 0 auto; height: 80px; overflow: hidden; display: block; color: #ffffff; /* background: url(https://zeto-pskov.ru/usr/templates/images/logo.jpg) no-repeat 10% bottom; */ } #title a { padding: 400px 0 15px 130px; margin-left: 8%; border: none; display: block; color: white; font: bold 14px 'Roboto Condensed'; text-transform: uppercase; text-decoration: none; } #title a span { font: 21px 'Roboto Condensed'; letter-spacing: 3px; color: white; } #topNavigation { list-style: none; margin: 14px 0 0 0; padding: 0; } #topNavigation li { background: #ff5f0a; float: left; list-style: none; padding: 0; width: 8%; } #topNavigation li a { letter-spacing: 0.1em; font-weight: bold; text-transform: uppercase; text-decoration: none; display: block; text-align: center; padding: 15px 5% 15px 5%; height: 20px; color: #ffd703; } #topNavigation a:hover , #topNavigation a.selected { } #container { width: 100%; margin-top: -8px; } .content * { /* max-width: 99%; height: auto; */ } /* Подвал */ #footer { width: 100%; /* height: auto; */ overflow: hidden; background: url(images/footer-bg.jpg) repeat-x center 2px; } #footer .wrapper { height: 386px; padding: 270px 0 140px; background: url(images/footer-visual.jpg) no-repeat center top; } #footer .wrapper2 { /* background: url(https://zeto-pskov.ru/usr/templates/images/footer-bg-r.jpg) no-repeat right top; */ } #footer .wrapper3 { /* background: url(https://zeto-pskov.ru/usr/templates/images/footer-bg-l.jpg) no-repeat left top; */ } #footer, .push { height: 386px; /* .push должен быть той же высоты, что и footer */ } .push { /* margin-top: 100px; отступ между контентом и началом footer */ } #footer * { color: white; text-decoration: none; // font-size: 11px; } #footer a:hover { } /* /Подвал */ .hidden { display: none; } .clear { clear: both; } .phone { color: white; font-size: 22px; margin-top: 5px; } .phone .code { font-size: 22px; font-weight: normal; color: white; } a { color: #0099cc; text-decoration: underline; } a:hover { color: #ff6600; } img { border: none; } /* News */ .news { margin: 1em 0 0 0; padding: 0; list-style: none; } .news.main , .main.news { } .news dt { float: left; margin-right: 5px; padding-right: 20px; display: none; } .nomarker dt { background: none; } .news dt img , .news dd img , .news date img { float: left; width: 70px; height: 70px; margin: 0.5em 1em 1em 0; padding: 0; border: 3px solid #f0f0f0; } .news dt a:hover img { /* border: 3px solid #ff6600; */ } .news dd { padding-left: 22px; background: url(images/list-style-image.gif) no-repeat 2px top; margin-bottom: 1em; } .main dt { display: block; } .main dd { margin-left: 75px; } .news dd a.selected , .news dd a.hot { color: #ff6600; } .news dd a.selected:hover { } /* / News */ /* Menu & sub menu */ .mainMenu { /* background: url(images/menu-style.gif) repeat-y left top; */ list-style-image: none; list-style: none; margin: 5px 0 0 0; padding: 0; } .mainMenu li { list-style-image: none; list-style: none; margin: 0; padding: 0; display: inline; } .mainMenu li a { /* background: url(images/menu-item-style.gif) no-repeat left center; */ border-bottom: 2px dashed #f3f6f7; /* border-bottom: 1px solid #f3f6f7; */ padding: 10px; margin: 0; letter-spacing: 1px; font: bold 13px 'Roboto Condensed'; text-transform: uppercase; text-decoration: none; display: block; } .mainMenu li a:hover , .mainMenu li a.selected { /* background: url(images/menu-item-style_a.gif) no-repeat left center; */ } .mainMenu a.selected { } .mainMenu ul { margin: 1em auto 1em 20px; } .mainMenu ul li { } .mainMenu ul li a { background: url(images/list-style-image.gif) no-repeat left 2px; border: none; padding: 3px 10px 3px 20px; font: 12px 'Roboto Condensed'; text-transform: none; text-decoration: underline; } .mainMenu ul li a:hover , .mainMenu ul li a.selected { background: url(images/list-style-image.gif) no-repeat left 2px; } .subMenu { margin: 0; padding: 0; background: none; } ul.subMenu+li { margin-top: 1em; } ul.subMenu li { margin-left: 1.8em; } .subMenu2 { margin: 0 1.5em 1em 1.8em; float: left; } *html .subMenu2 { margin-left: 1em; } .subMenu li { margin-bottom: 5px; } .subMenu a { /* font: bold 13px Palatino Linotype, Times, 'Roboto Condensed'; text-transform: uppercase; text-decoration: none; */ } .subMenu a:hover , .mainMenu a.selected { } .subMenu a.selected { } /* / Menu , sub menu & other menu */ #map { opacity: 0.7; filter: alpha(opacity=70); margin-top: 2em; } a:hover #map { opacity: 1; filter: alpha(opacity=100); } /* gallery */ .image { float: left; margin: 0.3em 1em 1em 0; border: 3px solid white; } a:hover .image { /* border: 4px solid #eae1c7; */ } p { padding-top: 0.5em; padding-bottom: 1em; } img { border: 0; } ul { margin-left: 1.8em; padding-top: 0.5em; padding-bottom: 1em; } dl { } ol { margin: 1em 1.9em; } ol li { margin-bottom: 0.5em; } ul li { list-style: url(images/list-style-image.gif); margin-bottom: 0.5em; } .selected { color: #ff6600; } .selected2 { background: #c369d9; } b , strong { font-weight: bold; color: inherit; } .more { color: #ff6600; } .small { font-size: 11px; color: inherit; } .noborder { border: none; text-decoration: none; } .breadcrumbs { display: block; margin-top: 0.5em; } /*********** Forms ***********/ form { padding: 0; margin: 0; } /* #loginForm { margin-top: -3px; } */ input , textarea , select { padding: .5em; border: 1px solid white; // font: 11px 'Roboto Condensed'; background: white; color: #888888; } input:focus , textarea:focus { color: #ff6600; } .radio { border: none; background: transparent; } .checkBox { border: 0; background: transparent; width: 25px; padding: 1px; } .required-text { /* color: #ff6600; */ } .required { background: url(images/star_orange.png) no-repeat 3px 3px white; padding-left: 20px; } .mail-form input , .mail-form textarea , .mail-form select { width: 100%; } .mail-form td { vertical-align: top; } .formBlock { background: #f3f6f7; padding: 10px; } .formBlock * { } .inputText { width: 60%; margin-right: -20px; } .formField { background: white; margin-bottom: 5px; } .login { } .login h2 { border: none; margin: 1.3em 0 0.7em 0; } .login2 { } .search { // padding-left: 20px; // background: url(images/search-icon.gif) no-repeat 5px center white; } .subscribe { padding-left: 20px; background: url(images/email-icon.gif) no-repeat 5px center white; } .email-icon { padding-left: 20px; background: url(images/email-icon.gif) no-repeat left 1px; color: white; } .search input { display: inline !important; } .search .submit { display: inline; float: right; } .submit { margin: 0; padding: 0; // background: url(images/submit-icon.gif) no-repeat left top white; border: none; background: #0088bc; color: #fff; // height: 20px; font-size: 120%; // width: 16px; cursor: pointer; padding: .37em; } .submit:hover { background-position: 0 -16px; } .form { clear: both; } .form dt { float: left; width: 150px; margin-bottom: 1em; } .form dd { margin-left: 160px; margin-bottom: 1em; } .form input , .form select , .form textarea { width: 90%; } /*********** /Forms ***********/ .infoBlock , .infoBlock2 { padding: 1em; margin-top: 1em; background: #f3f6f7; } ul.partners { } .partners li { } .partners a img { position: absolute; border: 1px solid #f0f0f0; display: none; margin-left: 10px; padding: 5px; background: #fff; } .partners a:hover img { /* border: 1px solid #f0f0f0; */ display: inline; } .partners.sketchview li { list-style: none; display: inline; } .partners.sketchview a img { position: relative; border: none; display: inline; padding: 5px; background: #fff; opacity: 0.2; filter: alpha(opacity=20); } .partners a:hover img { /* border: 1px solid #f0f0f0; */ opacity: 1; filter: alpha(opacity=100); } .localview { border: 1px dashed red; color: red; padding: 10px; margin: 10px; } .localview:before { content: 'Отключено на локалхосте!'; }