html{}

body{margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 14px; color: #303030; background: url('/img/bg.gif')}
#body{width: 1000px; margin: 0 auto; position: relative}

a{cursor: pointer; outline: none; color: #0059a0}
textarea{font-family: Arial, sans-serif}

.mceEditor{z-index: 1010; position: relative}
.notCorrect{background: #FA8072}
.error{color: red}
.btnpanel{text-align: center; margin-top: 10px}
.block{position: relative}
.c{clear: both; height: 0px; overflow: hidden; float: none !important}
.p{margin: 15px 0}
.hide{display: none}
.no-data{color: grey; font-size: 120%; font-style: italic; text-align: center; margin: 50px 0}

h2.h2{
    line-height: 28px; border-radius: 6px 6px 14px 6px; font-size: 18px; display: inline-block; padding: 0 30px 2px 10px; margin: 20px 0;
    background: #303030; color: #ffffff; font-weight: normal;
    box-shadow: 6px 4px 6px rgba(000,000,000,0.18);
    -moz-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -webkit-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -o-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -ms-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
}
h2.h2 a{color: #ffffff; text-decoration: none}

/* Шапка header
 ------------------------------------------------------------------------------ */
header{background: url('/img/header-bg.gif') no-repeat 213px 37px; height: 235px}
header .logo{display: inline-block; margin-top: 86px}

header .login{
    background: url('/img/login-bg.png') no-repeat;
    position: absolute; right: 0; top: 60px; width: 297px; height: 84px; padding: 20px;
}
header .login .edit{width: 120px}
header .login .links{margin: 15px 0 0 0; float: left}
header .login .links a{color: #0059a0; line-height: 20px; padding: 0 0 4px 20px}
header .login .registration{background: url('/img/login-key.png') no-repeat 0 3px}
header .login .recover{background: url('/img/login-warning.png') no-repeat 0 4px}
header .login .buttons{margin: 15px 7px 0 0; float: right}
header .login .button{padding-left: 42px; padding-right: 42px}

/* Logged */
header .login .name{color: #0059a0; font-size: 18px; text-align: center}
header .login .welcome{font-size: 18px; text-align: center; margin: 10px 0}
header .login .links-logged{margin: 0 auto; width: 230px}
header .login .links-logged a{color: #0059a0; font-size: 12px}
header .login .links-logged a.logout-link{float: right}

/* ---------------------------------------------------------------------------- */

/* Меню nav
 ------------------------------------------------------------------------------ */

/* Первый уровень */
nav{

}
nav ul{
    background: url('/img/menu-bg.gif') repeat-x;
    height: 39px; border: 1px solid #b10303; border-radius: 20px;
    font-size: 18px;
    
    box-shadow: 0px 10px 20px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 10px 20px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 10px 20px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.5);
    -o-box-shadow: 0px 10px 20px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.5);
    -ms-box-shadow: 0px 10px 20px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.5);
    text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
}
nav ul li{float: left; height: 39px}
nav ul li a{
    color: #420000; text-decoration: none;  background: url('/img/menu-item.gif') no-repeat right bottom;
    display: block; padding: 0 20px; line-height: 39px;
}
nav ul li:last-child a{background: none}
nav ul li a:hover, nav ul li a.selected{color: #ffffff; text-shadow: 0px -1px 0px rgba(000,000,000,0.5);}
nav ul li .home{padding: 0 15px}

/* Второй уровень */
    nav li ul{}
        
nav .home{height: 39px}
nav .home div{height: 39px; width: 27px; background: url('/img/menu-home.png') no-repeat; background-position: -27px 8px}
nav .home:hover div, nav .home.selected div{background-position: 0 8px}
/* ---------------------------------------------------------------------------- */



/* Верхний блок на главной section.intro
 ------------------------------------------------------------------------------ */
section.intro{ margin: 30px 0}
section.intro .markblock{
    background: url('/img/markblock-bg.jpg') no-repeat; width: 588px; height: 277px; padding: 1px 0 -2px 0; text-align: center; float: left;
    
    box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -moz-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -webkit-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -o-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -ms-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
}
section.intro .markblock h3{
    background: #303030; color: #ffffff; font-size: 18px; font-weight: normal;
    padding: 4px 20px; border-radius: 20px; display: inline;
    box-shadow: inset 0px 3px 2px rgba(000,000,000,0.8);
    -moz-box-shadow: inset 0px 3px 2px rgba(000,000,000,0.8);
    -webkit-box-shadow: inset 0px 3px 2px rgba(000,000,000,0.8);
    -o-box-shadow: inset 0px 3px 2px rgba(000,000,000,0.8);
    -ms-box-shadow: inset 0px 3px 2px rgba(000,000,000,0.8);
}
section.intro .markblock .h3{margin: 18px 0; text-align: center}

section.intro .markblock .edit{
    width: 420px; padding: 10px;
    font-size: 24px; border-color: #4b83a3;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 2px 2px rgba(000,000,000,0.8);
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 2px 2px rgba(000,000,000,0.8);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 2px 2px rgba(000,000,000,0.8);
    -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 2px 2px rgba(000,000,000,0.8);
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 2px 2px rgba(000,000,000,0.8);
}
section.intro .markblock .ww-selectbox .ww-select-options{
    border-color: #4b83a3;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
}
section.intro .ww-selectbox .ww-select-options{top: 49px}

section.intro .markblock .button{padding: 10px 60px; font-size: 24px; border-radius: 40px}

section.intro .pluses{margin: 0 0 0 650px}
section.intro .pluses .plus{background: url('/img/pluses-item.png') no-repeat 70% 100%; margin-bottom: 10px; padding-bottom: 10px}
section.intro .pluses .plus:last-child{background: none}
section.intro .pluses .plus div{padding-left: 45px; background: url('/img/axe.gif') no-repeat 0 5px}

/* ---------------------------------------------------------------------------- */


/* Рейтинг на главной section.rating
 ------------------------------------------------------------------------------ */
section.rating{}
section.rating h2{background: url('/img/mainpage-rating-top.png') no-repeat 0 10px; text-align: center; font-weight: normal; font-size: 18px; padding-bottom: 22px; margin-bottom: -3px}
section.rating .filter{text-align: center}
section.rating .filter a{text-decoration: none; border-bottom: 1px dashed #0059a0}
section.rating .body{padding: 30px 20px}

section.rating .body .column{width: 455px; float: left; padding-left: 25px}
section.rating .body .column:first-child{background: url('/img/mainpage-rating-vl.png') no-repeat 100% 100%; padding-right: 25px; padding-left: 0}

section.rating .body .row{height: 65px}
section.rating .body .row div{float: left}
section.rating .body .row .number, section.rating .body .row .percent{
    font-family: 'Trebuchet MS', Tahoma; font-size: 36px; color: #86b826; font-family: 'Trebuchet MS', Tahoma; font-size: 36px; font-weight: bold
}
section.rating .body .row .number{font-weight: bold}
section.rating .body .row .name{padding: 5px 10px 0 10px; width: 310px}

section.rating .body .column:first-child .row .number, section.rating .body .column:first-child .row .percent{color: #e53333}
section.rating .bottom{background: url('/img/mainpage-rating-bottom.png') no-repeat 0 -10px; height: 33px; text-align: center; padding-top: 15px}
/* ---------------------------------------------------------------------------- */



/* Коротко section.shortabout
 ------------------------------------------------------------------------------ */
section.shortabout{background: url('/img/shortabout.gif') no-repeat 0 20px; padding: 0 0 30px 305px}
section.shortabout h2{
    line-height: 28px; border-radius: 6px 6px 14px 6px; font-size: 18px; display: inline-block; padding: 0 30px 2px 10px; margin-bottom: 0;
    background: #303030; color: #ffffff; font-weight: normal;
    box-shadow: 6px 4px 6px rgba(000,000,000,0.18);
    -moz-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -webkit-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -o-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -ms-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
}
/* ---------------------------------------------------------------------------- */



/* Контент section.content
 ------------------------------------------------------------------------------ */
section.content{margin: 20px 0}

section.content form .title{margin: 15px 0 5px 0}
section.content form .input{float: left; width: 540px; font-size: 150%}
section.content form .input label{font-size: 14px}
section.content form .hint{float: left; width: 450px}
section.content form .btnpanel{margin: 30px 0; width: 540px}

section.content .rate{min-height: 400px}
section.content .rate .progress-info{height: 35px}

section.content article{background: rgba(255,255,255,0.6); border-radius: 7px; padding: 5px 20px; border: 1px solid #ddd;}
/* ---------------------------------------------------------------------------- */



/* Баннеры section.banners
 ------------------------------------------------------------------------------ */
section.banners{}

/* ---------------------------------------------------------------------------- */



/* Подвал footer
 ------------------------------------------------------------------------------ */
footer{height: 153px; background: url('/img/footer-bg.jpg') repeat-x; position: relative; color: #ffffff}
footer a{color: #ffffff; text-decoration: none}
footer a:hover{text-decoration: underline}
footer .logo{position: absolute; top: 50px; left: 40px}
footer .copyright{position: absolute; top: 55px; left: 215px}
footer .menu{position: absolute; top: 23px; left: 517px; width: 300px}
footer .menu li{display: block; float: left; line-height: 25px; width: 130px; padding-left: 15px; background: url('/img/footer-li.gif') no-repeat 0 50%}
footer .development{position: absolute; left: 40px; bottom: 20px; text-decoration: underline}
/* ---------------------------------------------------------------------------- */


/* Batteries
 ------------------------------------------------------------------------------ */
.battery{height: 53px; width: 450px; display: inline-block; margin-bottom: 20px}
.battery div{height: 53px; float: left}
.battery .minus{background: url('/img/battery/minus.gif') no-repeat; width: 10px}
.battery .plus{background: url('/img/battery/plus.gif') no-repeat; width: 21px}
.battery .empty{
    background: url('/img/battery/empty.gif') repeat-x; width: 419px;
    box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -moz-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -webkit-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -o-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
    -ms-box-shadow: 0px 15px 15px rgba(000,000,000,0.18);
}
.battery.red .filled{background: url('/img/battery/filled-red.gif') repeat-x}
.battery.green .filled{background: url('/img/battery/filled-green.gif') repeat-x}

/* ---------------------------------------------------------------------------- */





/* Controls
 ------------------------------------------------------------------------------ */
.edit{padding: 8px; border: 1px solid #a8a8a8; border-radius: 5px; color: #303030; background: white}
.edit.error{border-color: #ff0000; background: #fff6f6}

.button{
    background: #cedee9;
    background: -moz-linear-gradient(top, #f3f3f4 0%, #a8c7d9 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #f3f3f4 0%, #a8c7d9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f4 0%, #a8c7d9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3f3f4 0%, #a8c7d9 100%); /* IE10+ */
    background: linear-gradient(top, #f3f3f4 0%, #a8c7d9 100%); /* W3C */
    
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
    
    border: 1px solid #6e7173; border-radius: 20px;
    padding: 5px 30px;
    font-size: 18px;
}
.button:hover{
    border-color: #0E4E74;
    background: #ADC9D7;
    background: -moz-linear-gradient(top, #EFF1F0 0%, #619AB8 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #EFF1F0 0%, #619AB8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EFF1F0 0%, #619AB8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #EFF1F0 0%, #619AB8 100%); /* IE10+ */
    background: linear-gradient(top, #EFF1F0 0%, #619AB8 100%); /* W3C */
    
}
.button:active{
    border-color: #6e7173;
    background: #BFD0DA;
    background: -moz-linear-gradient(top, #E9E9E9 0%, #88A9BC 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #E9E9E9 0%, #88A9BC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E9E9E9 0%, #88A9BC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E9E9E9 0%, #88A9BC 100%); /* IE10+ */
    background: linear-gradient(top, #E9E9E9 0%, #88A9BC 100%); /* W3C */
    
    box-shadow: inset 0px 1px 1px rgba(000,000,000,0.6);
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    -ms-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 0px 2px rgba(000,000,000,0.8);
    
}

.aselect{display: inline; position: relative}
.aselect a{text-decoration: none; border-bottom: 1px dashed #0059a0}
.aselect .options{
    position: absolute; background: #ffffff;
    border-radius: 5px; border: 1px solid grey;
    padding: 7px; text-align: left;
    display: none; left: -8px; top: -8px; z-index: 1;
}
.aselect .options a{display: inline-block; white-space: nowrap; margin-bottom: 5px}
.aselect .options a:first-child{margin-bottom: 10px; border-bottom-style: solid}

.table{border-collapse: collapse; border: 1px solid #a6bfd0; background: rgba(255,255,255,0.6); border-radius: 7px; width: 100%; color: #005079}
.table td{border: 1px solid #a6bfd0; padding: 5px 10px}
.table thead{background: rgba(84,133,165,0.25)}
.table thead td{text-align: center; font-weight: bold}
.table tbody tr:nth-child(even){background: rgba(255,00,000,0.05)}
/* ---------------------------------------------------------------------------- */


.notfound-block{max-height: 80px; overflow: hidden}

.expertise{}
.expertise .none{margin-bottom: 20px}
.expertise .edit{width: 400px}
.expertise .full{display: none}
.expertise .price{font-size: 20px}
.expertise .price span{color: #6dab2e}

.msg-success, .msg-info{background: #EEEEFF; border: 1px dotted #0000FF; font-style: italic; padding: 10px; margin-bottom: 15px}
.msg-info table td, .msg-info table{border: 0}

.pagetime{position: absolute; right: 5px; bottom: 5px; font-size: 9px; color: #E4E4E4}

.page-control{margin: 20px 0 0 0; font-size: 14px}
.page-control a{margin: 0 10px; padding: 0 5px}
.page-control span{color: black; background: #E9E9DD; border: 1px solid #ddd; border-radius: 2px; padding: 0 8px; margin: 0 2px}
.page-control .dots{background: none; border: none}