html,body {
cursor: default;
font-family: Arial,Tahoma;
position: relative;
min-width: 1000px;
font-size: 90%;
color: #282828;
}
.clear{clear: both; float: none !important; padding: 0 !important;}
a {text-decoration: underline; cursor: pointer; color: #5F89A0;}
a:hover {text-decoration: none;}
/*a:visited {color: #9974BA;}*/
h1{font-size: 200%; line-height: 100%;}
h2{font-size: 175%; font-weight: normal; line-height: 100%;}
h3{font-size: 140%; line-height: 100%;}
h4{font-size: 115%; line-height: 100%;}
h5{font-size: 100%; line-height: 100%;}
h6{font-size: 100%; font-style: italic;}
strike, s {text-decoration: line-through;}
sub, sup {font-size: 80%;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
blockquote {padding: 0 40px;}
address{font-style: normal;}
p{padding: 10px;}
/*********************************/
h2.title{
display: block;
background-color: #313131;
background-image: url(/templates/images/title-gd.png);
background-repeat: repeat-x;
background-position: 0 -4px;
border-left: 4px solid #d80002;
color: white;
font-weight: normal;
font-size: 120%;
padding: 10px 10px;
}
h2.title a{
color:#fff;
}
/*********************************/
.header{
background-color: #313131;
padding: 6px 14px;
height: 100%;
}
.warp > div {
display: inline-block;
width: 100%;
margin-right: -100%;
vertical-align: top;
}
.warp .right{text-align: right;}
.header .right li{float: right;}
.header .left li{float: left;}
.header li{
white-space: nowrap;
padding: 1px 6px;
color: #898989;
}
.header ul{clear: both;}
.header a {
font-weight: bold;
position: relative;
color: white;
text-decoration: underline;
}
.header a:hover{text-decoration: none;}
.header .gold{color: #d85100;}
/*********************************/
.banner-box > div{
margin-left: auto;
margin-right: auto;
width: 468px;
}
.banner-box > div.col1,
.banner-box > div.col2{
width: 50%;
text-align: center;
}
.banner-box{
background-color: #f8f6ed;
margin-top: 10px;
margin-bottom: 10px;
}
.banner-box embed {
display: block;
margin-left: auto;
margin-right: auto;
background-color: #eee;
}
.banner-box.nobg{background-color: transparent;}
/*********************************/
.menu .main{
padding: 0 20px;
}
.menu .main > ul > li > a{
color: black;
font-weight: bold;
font-size: 110%;
padding: 10px 22px;
display: block;
background-color: transparent;
border: 1px solid transparent;
border-bottom: none;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
}
.menu .main > ul > li.hover > a{
border-color: #df0000;
background-color: white;
}
.menu .main > ul > li {float: left;}
.menu .main > ul > li > ul{display: none;}
.menu .sub{
padding: 20px 32px 0;
clear:both;
border-top: 2px solid #df0000;
background-color: #313131;
background-image: url(/templates/images/title-gd.png);
background-repeat: repeat-x;
background-position: 0 -4px;
}
.menu .sub a{
font-size: 95%;
color: white;
}
.menu .sub > ul > li{
padding: 0 10px 20px;
float: left;
}
/*********************************/
.inline-block{
zoom: 1;
}
.inline-block.column2 > div{width: 50%;}
.inline-block.column3 > div{width: 33%;}
.inline-block.column4 > div{width: 25%;}
.inline-block > div, .hot-messages .b-show{
display: -moz-inline-box; display: inline-block;
vertical-align: top;
}
/*********************************/
.hot-messages .b-hide{display: none;}
.hot-messages{font-size: 9pt;}
.hot-messages a{color: #262626; margin-right: 5px;}
.hot-messages img{
width: 32px;
height: 32px;
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
.hot-messages > div{padding: 5px 20px;}
.hot-messages > div > div{padding: 5px 0px;}
.hot-messages > div > div > img + *{color: #116989;font-size: 11pt;}
/*********************************/
.action-messages{
width: 220px;
margin: 0 auto;
text-align: center;
color: #74a7ba;
cursor: pointer;
}
.action-messages > span{
background-image: url(http://i.automarket.su/images/site/img/newsite/arrow_blue_bottom.jpg);
background-position: left center;
background-repeat: no-repeat;
padding-left: 15px;
}
.action-messages > span > span{
border-bottom:1px dashed #74A7BA;
}
/*********************************/
.crumbs{
background-color: #f8f6ed;
border-top: 1px solid #bbbbbb;
font-size: 120%;
padding: 0 20px;
}
.crumbs a{color: black;}
.crumbs li{display: -moz-inline-box; display: inline-block;}
.crumbs li:first-child a{
vertical-align: top;
background-image: none;
padding: 7px 13px 6px;
background-color: #d80002;
}
.crumbs li:first-child:hover a{background-color: #313131;}
.crumbs li a, .crumbs li h1{
padding: 8px 0 8px 10px;
margin-right: 6px;
background-image: url(/templates/images/crumbs-li.png);
background-repeat: no-repeat;
background-position: center left;
}
.crumbs li h1{font-size: 100%; font-weight: normal;}
/*********************************/
.radius > *{
border:1px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.radius > *[class=clear]{border:none;}
/*********************************/
.img-list a{
display: inline-block;
vertical-align: top;
width: 150px;
min-height: 150px;
margin: 2px 6px;
position: relative;
padding: 2px;
text-align: center;
text-decoration: none !important;
overflow: hidden;
}
.img-list a img{
width: auto /*100%*/;
max-height: 115px;
z-index: 1;
text-decoration: none;
}
.img-list a > span{
padding: 2px;
display: block;
position: relative;
bottom: 0;
margin: 5px 0;
color: black;
font-size: 85%;
line-height: 120%;
}
.img-list a > span i{
font-style: normal;
color: #838383;
}
.img-list a > span b{
color: #74a7ba;
font-weight: normal;
text-decoration: underline;
}
.img-list a:hover > span b{text-decoration: none; color: #1d67b2;}
.img-list a:hover{background-color: #eeeeee;}
.img-list a > b{
position: relative;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
display: block;
width: 100%;
height: 115px;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.img-list a > b > img{
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
/*********************************/
.img-list.picstore{
text-align: left;
padding: 15px !important;
}
.img-list.picstore.video{
padding:0px!important;
width:266px;
}
.img-list.picstore.video > div{
background:#eee;
overflow:hidden;
}
.img-list.picstore.video > div .col1{
float:left;
padding:20px 0px!important;
width:50%;
}
.img-list.picstore.video > div .col2{
float:left;
padding:20px 0px!important;
width:50%;
}
.img-list.picstore a{
width: 140px;
border-color: silver;
min-height: 0;
padding: 0;
}
.img-list.picstore a b{
height: 95px;
}
.img-list.picstore a:hover{
border-color: #1d67b2;
}
/*********************************/
.img-list.media a{
width: 120px;
}
.img-list.media a b{
height: 90px;
}
/*********************************/
.col1, .col2, .col3{float: left;}
.column3 > div{width: 33% !important; float: left;}
/*********************************/
#search_form{
margin-top:10px;
}
#search_input{
width:100%;
}
#logotipus{
/*padding-left:20px;*/
width: 200px;
}
#logotipus h1, #logotipus h1 .red_letters {
font-size: 36px;
}
#logotipus a {
color: black;
text-decoration: none;
}
#logotipus h6, #logotipus h6 .red_letters {
font-size: 10px;
font-weight: normal;
}
#logotipus a h6 {
color: black;
font-style:normal;
}
.red_letters {
color: #E20404;
}
#searchwords{
padding:5px 0px;
font-size:120%;
width:100%;
}
#searchbutton{
width:100px;
padding:0px 55px 0px 10px;
}
#searchbutton input{
font-size:150%;
height:34px;
width:100px;
}
/*********************************/
.body{
padding: 0 20px;
margin-top: 10px;
border-top: 1px solid #bbbbbb;
line-height: 110%;
}
.body.nohr{border-top: none;}
.body h3.title{
color: silver;
font-weight: normal;
padding: 15px 0 0 15px;
}
/*********************************/
.body.full > div > div{padding: 15px 0 15px 15px;}
.body.full > .col1 > div{border-top: 1px dashed #979797;}
.body.full > .col1 > *:first-child + *{border: none;}
.body.full > .col1 > *{margin-right: 39px;}
.body.full > .col1{width: 33%;}
.body.full > .col2{width: 67%;}
.body.full > div + div{padding-top: 36px;}
/*********************************/
.body.logo > div{padding-top: 0px !important;}
.body.logo > .col2{text-align: center;position: relative;}
.body.logo > .col2 noindex{font-size: 9px; position: absolute; top: 0px; width: 100%;}
.body.logo{margin-bottom: 10px;}
/*********************************/
.body.main {padding: 0; border-top:none;}
.body.main > .col1{width: 66%;}
.body.main > .col2{
padding: 10px 0;
width: 33%;
float: left;
}
.body.main > .col2 > div{
padding-left: 20px;
padding-right: 20px;
}
.body.main > .col1 > div{padding-left: 20px;}
.body.main > .col1 > div:first-child{margin-top:0; }
/*********************************/
.body.sub {padding-right:5px;}
.body.sub .col1,
.body.sub .col2{width: 50%;}
.body.sub > div > *{margin-right: 10px;}
.body.sub > div > h2{margin-right: 39px;}
.body.sub > .col2{padding-top: 36px;}
.body.sub > div > div{padding: 15px 0 15px 15px;}
/*********************************/
.body.main .box{
padding: 10px;
margin-bottom: 5px;
}
.body.main .box ul{padding-top: 5px;}
.body.main .box li{padding-top: 3px; line-height: 120%;}
.body.main .box img{vertical-align: top;}
.body.main .box.pop li sup{padding: 5px; color: #d80002; white-space: nowrap;}
.body.main .box.pop li > a + a{color: #60676a;}
.body.main .box.comments li > a{color: #116989;}
.body.main .box.comments li > a + a{color: #60676a;}
.body.main .box.comments li > a + a + a{color: #d80002;}
.body.main .box.comments li sub{padding: 5px; white-space: nowrap;}
/*********************************/
.body.ob .col1 > div > ul{padding: 10px 20px;}
.body.ob .col1 > div > ul li{
list-style-position: outside;
list-style: disc;
margin-bottom: 10px;
font-size: 85%;
}
.body.ob .col2 > div > ul{padding: 10px 20px;}
.body.ob .col2 > div > ul li{
list-style-position: outside;
list-style: disc;
margin-bottom: 10px;
font-size: 85%;
}
.body.ob .col1 > div > ul li a{font-size: 110%;}
.body.ob .col1 > div > ul li span + span{
display: block;
color: #838383;
padding-top: 4px;
}
.body.ob .col1 > h2 + div + div > div{
font-size: 125%;
padding-top: 10px;
padding-bottom: 10px;
}
.body.ob .col1 > .counter strong{
display: block;
background-color: #eee;
font-weight: normal;
text-align:center;
padding:5px;
}
.body.ob .col2 > .counter strong{
display: block;
background-color: #eee;
font-weight: normal;
text-align:center;
padding:5px;
}
.body.ob .col1 > .counter strong span{font-size: 200%;}
.body.ob .col2 > .counter strong span{font-size: 200%;}
.body.ob a.add{background-color: #ddd;}
.body.ob a.add:hover{background-color: #eee;}
.body.ob a.add span{
display: block;
margin: 40% 0;
font-size: 130%;
}
.body.ob .img-list a img + strong,
.body.ob .img-list a b + strong{
position: absolute;
top: 15px;
right: -1px;
z-index: 2;
display: block;
background-color: #d80000;
background-image: url(/templates/images/label-gd.png);
background-repeat: repeat-y;
background-position: right;
color: white;
padding: 3px;
border: 1px solid #d80000;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
text-decoration: none !important;
}
.body.full.ob .img-list div:first-child {
background-color: #D80000;
background-image: url("/templates/images/label-gd.png");
background-position: right center;
background-repeat: repeat-y;
color: white;
float: left;
font-size: 140%;
margin: 5px;
padding: 10px;
text-align: center;
}
.body.full.art .sponsors{
padding:15px;
text-align:center;
}
.body.full.art .sponsors .sponsor{
padding-left:15px;
}
.body.full.art .sponsors .sponsor img{
border-left:1px solid grey;
padding-left:15px;
}
.body.full.art .sponsors .sponsor:first-child img{
border:none;
padding-left:0px;
}
/*********************************/
.body.nums > .col1 > div{border: none;}
.body.nums .nums-list a{
margin: 2px;
padding: 5px 10px;
background-color: #d80000;
background-image: url(/templates/images/label-gd.png);
background-repeat: repeat-y;
background-position: right;
color: white;
min-width: 28px;
text-align: center;
display: inline-block;
}
.body.nums .nums-list + *{clear: both}
/*********************************/
.body.footer h2.title{font-size: 100%;margin-top:40px;}
.body.footer{margin-top:0;}
.body.footer > div + div{padding-top: 0;}
.body.footer > .col1 > div{border: none;}
.body.footer > .col1 > div .about{margin: 10px 0;}
.body.footer > .col1 > div .about a{margin-right: 10px;}
.body.footer form{padding: 10px;}
.body.footer form input[type=submit]{font-size: 100%!important;padding: 1px!important;}
.bottom_menu > ul > li{
float: left;
padding-left: 20px
}
.bottom_menu > ul li{
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
}
.bottom_menu > ul > li > a{
font-weight: bold;
color: #262626;
}
.bottom_menu > ul > li > ul{
font-size: 90%;
clear: both;
padding-left: 20px;
}
/*********************************/
.banner{
margin: 10px 0;
background-color: #efecda;
}
.banner > div{text-align: center;}
.banner .col1, .banner .col2{width: 50%;}
/*********************************/
.news li{
padding-top: 10px;
margin-right: 39px;
clear: both;
}
.news li > div img{width: 95%;height: auto; padding: 1px; border: 1px solid silver;}
.news li > div:first-child{
width: 110px;
float:left;
}
.news li > div + div{margin-left:110px;}
.news li > div + div > span{
display: block;
padding-bottom: 5px;
}
.news li > div + div > span:first-child > a.type{
color: #d80002;
}
.news li span + span > a:first-child{color: #ad0000;}
.news li span > i{
font-size: 90%;
color: #60676a;
}
/*********************************/
.num-cover{
width: auto;
position: relative;
width: 50%;
}
.num-cover img{
border: 1px solid #979797;
padding: 1px;
min-width: 57%;
min-height: 100px;
}
.num-cover > div{
position: absolute;
left: 56%;
top: 22px;
color: white;
font-size: 220%;
width: 113px;
text-align: center;
padding: 15px 0 30px 0 ;
background-color: #d80000;
background-image: url(/templates/images/label-gd.png);
background-repeat: repeat-y;
background-position: right;
}
.num-arts{margin: 15px;}
.num-arts li{
font-size: 110%;
list-style: disc;
margin-top: 10px;
}
/*********************************/
p.info,div.info{
background-color: #f8f6ed;
padding: 10px !important;
margin: 10px !important;
border: 1px solid silver;
font-size: 110% !important;
background-image: url(/templates/images/warning.png);
background-repeat: no-repeat;
background-position: 10px 10px;
padding-left: 58px !important;
}
.info input{
font-size: 120%;
}
/*********************************/
.form > div > label, .form label + div{
display: inline-block;
min-width: 150px;
vertical-align: top;
padding-top: 4px;
}
.form > div{
padding: 6px 4px;
}
.form input, .form textarea, .form select{font-family: Arial,Tahoma;}
.form input[type=text], .form input[type=password], .form textarea{
border: 1px solid silver;
background-image: url(/templates/images/title-gd.png);
background-repeat: repeat-x;
background-position: 0 -30px;
padding: 2px;
font-size: 100%;
}
.form input[type=text]:hover, .form input[type=password]:hover, .form textarea:hover, .form input.hover{
border: 1px solid black;
background-position: 0 -25px;
}
.form input[type=text]:focus, .form input[type=password]:focus, .form textarea:focus{
border: 1px solid black;
background-position: 0 -35px;
}
.form textarea{
width: 400px;
height: 100px;
}
.form input[name*="captcha"]{
width: 90px !important;
border: 1px solid #8e706f;
color: #8e706f;
font-size: 250%;
letter-spacing: 2px;
text-align: center;
height: 50px;
}
.form label[for*="captcha"] + img{vertical-align: top;padding-right: 2px; height: 50px}
.form input[type=submit]{font-size: 150%; padding: 5px 20px;}
.form label b{color: red;font-size: 120%;line-height: 1px;}
.form > div.error{color: #ad0000;}
.form > div.error input[type=text],
.form > div.error textarea{border: 1px solid #ad0000; background-color:#F9E8E8;}
.form > div.error input[type=text]:focus,
.form > div.error textarea:focus{background-color:white;}
.form > div > * + span{display: block;padding-left: 154px;}
.form{position: relative;}
.form > div.blockup{
background-color: transparent;
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 0;
}
.form > div.blockup > b{
position: absolute;
top: 45%;
left: 45%;
margin: 0 auto;
font-weight: normal;
background-image: url(/templates/images/title-gd.png);
background-repeat: repeat-x;
background-position: 0 -4px;
background-color: #f8f6ed;
padding: 10px 40px;
margin: 10px;
border: 1px solid silver;
font-size: 110%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.form > div.blockup > b > img{vertical-align: middle;padding-right: 10px;}
.form fieldset{
border-top: 1px solid silver;
padding: 10px;
}
.form fieldset > legend{
background-color: #313131;
background-image: url(/templates/images/title-gd.png);
background-repeat: repeat-x;
background-position: 0 -4px;
border-bottom: 2px solid #d80002;
color: white;
padding: 2px 10px;
}
.form img[src*='/icons/']{
vertical-align: middle;
}
.form fieldset.fixed > div{
overflow-y: scroll;
height: 200px;
}
/**********************************/
.form.regisrtation label{min-width: 70px;}
.form.regisrtation > div > * + span{display: block;padding-left: 74px;}
/**********************************/
.company-links li{
float:left;
text-align: center;
width:120px;
height:80px;
margin: 10px 2px;
}
.company-links li img{
max-width: 120px;
height: auto;
}
/**********************************/
.popup-layer{
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
display: none;
z-index: 10500;
}
.popup-layer .backing{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
background-color: black;
z-index: 1;
}
.popup-layer .popup{
position: absolute;
z-index: 2;
left: 25%;
top: 25%;
min-width: 200px;
max-width: 50%;
max-height: 75%;
overflow: hidden;
}
.popup-layer .popup h2.title{
color: white!important;
border-left: none;
border-bottom: 2px solid #d80000;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.popup-layer .popup .content{
padding: 10px;
background-color: white;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
max-height: 60%;
}
#bms-timer{
text-align: center;
padding: 10px 0;
font-size: 140%;
}
#bms-timer b{
color: #d80002;
font-size: 160%;
font-weight: normal;
}
/**********************************/
@media screen and (max-device-width: 480px){
.popup-layer{position: absolute;}
.popup-layer .backing{
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
background-color: transparent;
}
.popup-layer .popup h2.title{
border: 1px solid black;
border-bottom: none;
}
.popup-layer .popup .content{
border: 1px solid black;
border-top: none;
}
html,body{
width: 1000px !important;
max-width: 1000px !important;
}
}
div.yandexform *{
font-family: Arial,Tahoma;
}