@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: 'Отключено на локалхосте!';
}