/*---------STANDART STYLES------------*/
html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family:tahoma;
    font-size:13px;
    color:#6a6a6a;
    line-height: 21px;
}

.shema1, .shema2, .shema3 {
	color:#000;
}

.shema4 {
	color:#fff;
}

.small {
	font-size:15px;
}

.medium {
	font-size:17px;
}

.big {
	font-size:19px;
}

.tnr {
	font-family:Times New Roman, serif;
}

.ari {
	font-family:Arial, sans-serif;
}



a{
    color:#3c746b;
}

a:hover{
    text-decoration:none;
}

img{
    border: none;
}

input{
    font-family:tahoma;
    font-size:13px;
    padding: 5px 10px;
}

textarea{
    font-family:tahoma;
    font-size:13px;
    padding: 5px 10px;
    height: 70px;
    overflow: auto;
}

select{
    cursor: pointer;
}

label{
    cursor: pointer;
}

#overflow_div {
    position: relative;
    width: 100%;
    min-width: 1002px;
    min-height: 100%;
    overflow: hidden;
    background: url('../img/bg.png') top center repeat-y #eeeeee;
}

.shema2 #overflow_div {
	background: url('../img/bg3.png') top center repeat-y #E3DFBA;
}

.shema3 #overflow_div {
	background: url('../img/bg4.png') top center repeat-y #9AC2E6;
}

.shema4 #overflow_div {
	background: url('../img/bg2.png') top center repeat-y #000;
}

.content-wraper {
    position: relative;
}

.shema2 .content-wraper {
	background:#E3DFBA;
}

.shema3 .content-wraper {
	background:#9AC2E6;
}

.shema4 .content-wraper {
	background:#000;
}

.content-wraper.content-center{
    /*padding: 34px 0 48px 0;*/
}

.content {
    position: relative;
    margin: 0 auto;
    width: 952px;
    padding: 0 30px 0 20px;
}

.content-wraper.content-center .content {
	padding: 34px 30px 48px 20px;
}

.shema2 .content {
	background:#F7F3D6;
}

.shema3 .content {
	background:#9DD1FF;
}

.shema4 .content {
	background:#1A1A1A;
}

.viewport{
    position: relative;
    overflow: hidden;
}

.overflower {
    width: 105%;
}

.clear{
    clear: both;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

h1, .h1{
    font-size: 20px;
    margin: 0px 0 10px 0;
    font-weight: bold;
    color: #231f20;
    font-family: arial;
}

h2, .h2{
    font-size: 1.5em;
    margin: 0.83em;
    font-weight: bold;
    color: #231f20;
    font-family: arial;
}

h3, .h3{
    font-size: 1.17em;
    margin: 1em;
    font-weight: bold;
    color: #231f20;
    font-family: arial;
}

h4,.h4{
    margin: 1.33em;
    font-weight: bold;
    color: #231f20;
    font-family: arial;
}

.shema4 h1, .shema4 .h1,
.shema4 h2, .shema4 .h2,
.shema4 h3, .shema4 .h3,
.shema4 h4, .shema4 .h4 {
	color:#fff;
}

.button{
    display: inline-block;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background: #a4c271;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
}

.shema1 .button,
.shema2 .button,
.shema3 .button,
.shema4 .button {
    background: #616161;
}

.button:hover{
    background: #92af66;
}

.shema1 .button:hover,
.shema2 .button:hover,
.shema3 .button:hover{
    background: #000;
}

.shema4 .button:hover{
    background: #fff;
	color:#000;
}

.button:active{
    background: #a4c271;
}

.shema1 .button:active,
.shema2 .button:active,
.shema3 .button:active,
.shema4 .button:active{
    background: #616161;
}

.placeholder {
    color: #333;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333;
}
/*---------/STANDART STYLES*------------*/


/*---------HEADER------------*/
header.content-wraper{

}

header .content{
    height: 137px;
    background: url('../img/header-bg.png') 557px 0px no-repeat #f7f7f7;
}

.shema2 header .content{
    background: url('../img/header-bg.png') 557px 0px no-repeat #F7F3D6;
}

.shema3 header .content{
    background: url('../img/header-bg.png') 557px 0px no-repeat #93D1FF;
}

.shema4 header .content{
    background: url('../img/header-bg.png') 557px 0px no-repeat #1A1A1A;
}

header .logo{
    float: left;
    text-decoration: none;
    margin: 10px 0 0 0;
}

header .logo img{
    float: left;
}

header .logo .title{
    font-size: 20px;
    font-family: arial;
    color: #a4c271;
    font-weight: bold;
    /*margin: 51px 0 0 114px;*/
    margin: 2px 0 0 114px;
    width: 452px;
}

.shema1 header .logo .title,
.shema2 header .logo .title,
.shema3 header .logo .title{
    color: #000;
}

.shema4 header .logo .title{
    color: #fff;
}

header .logo .text{
    color: #3c746b;
    font-size: 16px;
    margin: 0 0 0 114px;
    letter-spacing: 1px;
}

.shema1 header .logo .text,
.shema2 header .logo .text,
.shema3 header .logo .text{
    color: #000;
}

.shema4 header .logo .text{
    color: #fff;
}

header .contacts {
    float: right;
    /*margin: 49px 0 0 0;*/
    margin: 15px 0 0 0;
}

header .contacts .adress{
    font-size: 11px;
    line-height: normal;
    color: #424141;
    text-transform: uppercase;
    margin: 0 0 5px 10px;
}

.shema1 header .contacts .adress,
.shema2 header .contacts .adress,
.shema3 header .contacts .adress{
    color: #000;
}

.shema4 header .contacts .adress{
    color: #fff;
}

header .contacts .phone{
    color: #ffffff;
    padding: 5px 5px;
    background: #a4c271;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 16px;
    width: 184px;
    text-align: center;
}

.shema1 header .contacts .phone,
.shema2 header .contacts .phone,
.shema3 header .contacts .phone{
    background: #000;
}

.shema4 header .contacts .phone{
    background: #fff;
	color:#000;
}

header .contacts .button {
	width:174px;
	text-transform:uppercase;
	font-size: 12px;
	margin-top: 6px;
	background:#3C746B;
}

header .contacts .button:hover{
    background: #92af66;
}

.shema1 header .contacts .button,
.shema2 header .contacts .button,
.shema3 header .contacts .button,
.shema4 header .contacts .button {
    background: #616161;
}

.shema1 header .contacts .button:hover,
.shema2 header .contacts .button:hover,
.shema3 header .contacts .button:hover{
    background: #000;
}

.shema4 header .contacts .button:hover{
    background: #fff;
	color:#000;
}

/*---------/HEADER------------*/


/*---------MENU-TOP------------*/
/*---------core menu top------------*/
.menu-top-container .content{
    background: #0d4571;
}

.shema1 .menu-top-container .content,
.shema2 .menu-top-container .content,
.shema3 .menu-top-container .content,
.shema4 .menu-top-container .content{
    background: #616161;
}

.menu-top{

}

.menu-top ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Обнуляем шрифт и line-height у родителя*/
.menu-top > ul{
    line-height: 0;
    font-size: 1px;
}

/* доп элемент для выравнивания по ширине */
.menu-top li.helper {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.menu-top > ul > li{
    display: inline-block;
    position: relative;
    z-index: 2;

    /* Востанавливаем у потомков, кроме последнего*/
    line-height: normal;
    font-size: 15px;

    /* Без него в Opera будет отступ под элементами */
    vertical-align: top;
}

.menu-top ul li ul{
    display:none;
    position:absolute;
    min-width:100%;
    left: 0;
    white-space: nowrap;
    padding: 4px 0 14px 0;
}
.menu-top ul li:hover ul{display:block}
/*---------/core menu top------------*/

/*---------main menu-top------------*/
.menu-top > ul > li{
    text-align:center;
}

.menu-top > ul > li:hover > a{
    color: #b8dc7b;
}

.shema1 .menu-top > ul > li:hover > a,
.shema2 .menu-top > ul > li:hover > a,
.shema3 .menu-top > ul > li:hover > a,
.shema4 .menu-top > ul > li:hover > a{
    color: #fff;
	background:#000;
}
.menu-top > ul > li.selected > a{
    color: #b8dc7b;
}

.shema1 .menu-top > ul > li.selected > a,
.shema2 .menu-top > ul > li.selected > a,
.shema3 .menu-top > ul > li.selected > a,
.shema4 .menu-top > ul > li.selected > a{
    color: #fff;
	background:#000;
}

.menu-top > ul > li > a{
    position: relative;
    display: block;
    padding: 11px 19px;
    text-decoration:none;
    color: #fff;
    text-shadow: 0 1px 1px #22423d;
}

.menu-top > ul > li > a:before {
    content: '|';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: -2px;
    text-shadow: 0 1px 1px #22423d;
}

.menu-top > ul > li:last-child > a:before{
    content: '';
}
/*---------/main menu-top------------*/

/*---------sub menu-top------------*/
.menu-top ul li ul{
    background-color:#0d4571;

}

.shema1 .menu-top ul li ul,
.shema2 .menu-top ul li ul,
.shema3 .menu-top ul li ul,
.shema4 .menu-top ul li ul{
    background-color:#616161;

}

.menu-top ul li ul li{
    text-align: left;
    padding: 5px 8px;
}

.menu-top ul li ul li a{
    position: relative;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 1px 1px #22423d;
    border-bottom: 1px solid #86a2b8;
    display: block;
    padding: 0 0 3px 19px;
}

.shema1 .menu-top ul li ul li a,
.shema2 .menu-top ul li ul li a,
.shema3 .menu-top ul li ul li a,
.shema4 .menu-top ul li ul li a{
    border-bottom: 1px solid #929292;
}

.menu-top ul li ul li a:before {
    content: url('../img/list-style-image.png');
    position: absolute;
    top: -1px;
    left: 3px;
}

.menu-top ul li ul li a:hover{
    color: #b8dc7b;
}

.shema1 .menu-top ul li ul li:hover,
.shema2 .menu-top ul li ul li:hover,
.shema3 .menu-top ul li ul li:hover,
.shema4 .menu-top ul li ul li:hover{
	background:#000;
}

.shema1 .menu-top ul li ul li a:hover,
.shema2 .menu-top ul li ul li a:hover,
.shema3 .menu-top ul li ul li a:hover,
.shema4 .menu-top ul li ul li a:hover{
    color: #fff;
}
/*---------/sub menu-top------------*/
/*---------/MENU-TOP------------*/


/*---------NEWS (BLOCK)------------*/
.news .item{
    margin:10px 0;
    border-bottom:1px solid #a5a5a5;
}

.news .item .date{
    font-weight: bold;
}

.news .item .title{

}

.news .item .float-container .img-container{
    position: relative;
    float:left;
    width: 100px;
    height: 100px;
    margin: 5px 10px 5px 0;
    background: #fff;
}

.news .item .float-container .img-container img {
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.news .item .float-container .anons{
    display: inline;
}
/*---------/NEWS (BLOCK)------------*/


/*---------NEWS (PAGE)------------*/
.news.one .item{
    margin:0 0 10px 0;
    border: none;
}

.news.one .item .title{
    margin: 0;
}

.news.one .item .date{
    display:block;
    font-weight: bold;
}

.news.one .item .img-container{
    position: relative;
    float:left;
    width: 250px;
    height: 250px;
    margin: 5px 10px 5px 0;
    background: #fff;
}

.news.one .item .img-container img {
    max-width: 250px;
    max-height: 250px;
    position: absolute;
    top: 0;
    left: 0;
}
/*---------/NEWS (PAGE)------------*/


/*---------CATALOG------------*/
.catalog .catalog-container{
    text-align: justify;
    /*либо  text-align: center;*/
    /*скрываем марджинами бэграунд сверху (от паддинга в 1px) и снизу (от псевдоэлемента)*/
    margin-bottom: -13px;

}

.catalog .catalog-container:after {
    content: ' i i i i i i i i ';
    word-spacing: 216px;
    padding-left: 216px;
    /*паддинг и word-spacing равны на несколько пикс меньще, чем ширина блока (или вообще равны)*/
    visibility: hidden;
}

.catalog .item {
    display : inline-block;
    width : 218px;
    vertical-align: top;
    margin: 0 0 15px 0;
    text-align: center;
	font-size:14px;

    /*эмуляция inline-block для IE6-7*/
    /*display : inline;*/
    /*zoom : 1;*/
}

.catalog .item .img-container{
    position: relative;
    display: block;
    width: 218px;
    height: 133px;
    margin: 0 auto 3px auto;
}

.catalog .item .img-container img {
    max-width: 218px;
    max-height: 133px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.catalog .item .price{
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    background: #a1a1a1;
}

.catalog .item .name{
    display: block;
    margin: 5px 0 0 0 ;
}

.catalog.one .catalog-container{
    text-align: center;
}
/*---------/CATALOG------------*/


/*---------FORM------------*/
form input, form textarea {
    display: inline-block;
    border: 1px solid #d0d4d8;
    margin-bottom: 15px;
}

input.success, textarea.success{
    background: url('../img/validation-informer-success.png') right 1px no-repeat #fff;
    border-color:#00cc00;
}

input.warning, textarea.warning{
    background: url('../img/validation-informer-warning.png') right 1px no-repeat #fff;
    border-color: #FF8F00;
}

input.error, textarea.error{
    background: url('../img/validation-informer-error.png') right 1px no-repeat #fff;
    border-color: #cc0000;
}

.item-form-element.success input, .item-form-element.success textarea{
    background: url('../img/validation-informer-success.png') right 1px no-repeat #fff;
    border-color:#00cc00;
}

.item-form-element.warning input, .item-form-element.warning textarea{
    background: url('../img/validation-informer-warning.png') right 1px no-repeat #fff;
    border-color: #FF8F00;
}

.item-form-element.error input, .item-form-element.error textarea{
    background: url('../img/validation-informer-error.png') right 1px no-repeat #fff;
    border-color: #cc0000;
}

.item-form-element {
    position: relative;
    margin-bottom: 15px;
}

.item-form-element input, .item-form-element textarea{
    margin: 0;
}

.item-form-element .marker {
    position: absolute;
    top: 9px;
    left: -9px;
    color: #F45B28;
}

.item-form-element .title{
    display: inline-block;
    width: 85px;
    vertical-align: top;
    margin-top: 6px;
}

.item-form-element > span{
    display: inline-block;
    width: 85px;
    vertical-align: top;
    margin-top: 6px;
}

.item-form-element .validation-informer {
    margin-top: 11px;
    display: none;
}

.item-form-element.error .validation-informer, .item-form-element.warning .validation-informer {
    display: block;
}

.item-form-element .validation-informer span{
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    background: #FFF7BD;
}

.shema4 .item-form-element .validation-informer span{
    color:#000;
}

.item-form-element .validation-informer span:before{
    content: url('../img/validation-informer-bg.png');
    width: 11px;
    height: 9px;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -5px;
}

form .status_message {
    display: none;
    margin: 10px 0;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #F0F0B0;
    background: #FFF7BD;
}


.form-zakaz-item{
    width: 220px;
    text-align: center;
    display: inline-block;
}

.form-zakaz-item .img-container{
    position: relative;
    margin: 0 auto;
    width: 150px;
    height: 150px;
}

.form-zakaz-item .img-container img{
    max-width: 150px;
    max-height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.form-zakaz-item .title{
    width: 220px;
}
/*---------/FORM------------*/


/*---------ВСПЛЫВАЮЩЕЕ ОКНО------------*/
.window {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    display:none;
    text-align:center;
    vertical-align:middle;
    z-index: 98;
}

.window-popup-overflower{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/opacity.png');
    z-index: 98;
}

.window .window_body{
    position:relative;
    vertical-align:middle;
    /*text-align:left;*/
    display:inline-block;
    background:#fff;
    border-radius:9px;
    border:1px solid #ccc;
    padding:20px 30px;
    z-index:99;
}

.window .window_body .content{
    width: auto;
    background: #fff;
}

.shema4 .window .window_body, .shema4 .window .window_body .content {
    background: #1A1A1A;
}

.window .close{
    display:none;
    cursor:pointer;
    position:absolute;
    right:-12px;
    top:-12px;

    text-align:center;

    width:25px;
    height:25px;
    line-height:24px;

    color:#fff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: #aaa 0 0 3px;
    -moz-box-shadow: #aaa 0 0 3px;
    box-shadow: #aaa 0 0 3px;

    background-color: #cccccc;
    background-image: -webkit-linear-gradient(#cccccc, #999999);
    background-image: -moz-linear-gradient(#cccccc, #999999);
    background-image: -o-linear-gradient(#cccccc, #999999);
    background-image: linear-gradient(#cccccc, #999999);
}

.window .close:hover{
    background-color: #999999;
    background-image: -webkit-linear-gradient(#999999, #cccccc);
    background-image: -moz-linear-gradient(#999999, #cccccc);
    background-image: -o-linear-gradient(#999999, #cccccc);
    background-image: linear-gradient(#999999, #cccccc);
}

.window .close:active{
    background-color: #cccccc;
    background-image: -webkit-linear-gradient(#cccccc, #999999);
    background-image: -moz-linear-gradient(#cccccc, #999999);
    background-image: -o-linear-gradient(#cccccc, #999999);
    background-image: linear-gradient(#cccccc, #999999);
}

.window .close.show{
    display:block;
}

.window.show {
    display:inline-block;
}

.window.show .window_body {

}

.window .button {
	margin-top:20px;
}
/*---------/ВСПЛЫВАЮЩЕЕ ОКНО------------*/


/*---------PRICE------------*/
.price{

}

.price-table{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

.price-table tr th{
    border: 1px solid #a5a5a5;
    font-weight: bold;
    padding: 5px;
}

.price-table tr td{
    border: 1px solid #a5a5a5;
    padding: 5px;
}

.price-table td a{
    float: left;
}
/*---------/PRICE------------*/


/*---------LIST STYLE------------*/
ul.style{
    list-style: none;
}

ul.style li{
    position: relative;
}

ul.style li:before{
    content: url('../img/list-style-image.png');
    width: 5px;
    height: 9px;
    position: absolute;
    top: 0;
    left: -13px;
}
/*---------/LIST STYLE------------*/


/*---------INDEX PAGE------------*/
.content-center{

}

.content-center .left-block{
    float: left;
    width: 218px;
}

.content-center .center-block{
    float: left;
    width: 480px;
    padding: 0 18px;
}
.content-center .center-block h1, .content-center .center-block .h1{
    margin: 17px 0 10px 0;
}

.content-center .right-block{
    float: left;
    width: 218px;
}

.content-center .left-block img, .content-center .right-block img{
    margin-bottom: 8px;
}
/*---------/INDEX PAGE------------*/

/*---------FOOTER------------*/
footer {
    position: relative;
    margin-top: -160px;
    width: 100%;
    min-width: 1002px;
    height: 160px;
    overflow: hidden;
    z-index: 97;
    color: #fff;
}

.shema1 footer,
.shema2 footer,
.shema3 footer {
    color: #000;
}

.shema2 footer {
    background:#E3DFBA;
}

.shema3 footer {
    background:#9AC2E6;
}

.shema4 footer {
	background:#000;
    color: #fff;
}

footer .content{
    height: 100%;
    background: #0d4571;
}

.shema1 footer .content{
    background: #D7D7D7;
}

.shema2 footer .content {
	background: #F0ECC9;
}

.shema3 footer .content {
	background: #96CBF7;
}

.shema4 footer .content {
	background: #202020;
}

.shema1 footer .content .menu-top > ul > li > a,
.shema2 footer .content .menu-top > ul > li > a,
.shema3 footer .content .menu-top > ul > li > a {
    color: #000;
}

.shema4 footer .content .menu-top > ul > li > a {
    color: #fff;
}

.shema1 footer .content .menu-top > ul > li > a:before,
.shema2 footer .content .menu-top > ul > li > a:before,
.shema3 footer .content .menu-top > ul > li > a:before {
    content: '|';
    color: #000;
}

.shema4 footer .content .menu-top > ul > li > a:before {
    content: '|';
    color: #fff;
}

.shema1 footer .content .menu-top > ul > li:hover > a,
.shema2 footer .content .menu-top > ul > li:hover > a,
.shema3 footer .content .menu-top > ul > li:hover > a{
    color: #000;
	background:transparent;
	text-decoration:underline;
}

.shema4 footer .content .menu-top > ul > li:hover > a{
    color: #fff;
	background:transparent;
	text-decoration:underline;
}

.shema1 footer .content .menu-top > ul > li.selected > a,
.shema2 footer .content .menu-top > ul > li.selected > a,
.shema3 footer .content .menu-top > ul > li.selected > a{
    color: #000;
	background:transparent;
	text-decoration:underline;
}

.shema4 footer .content .menu-top > ul > li.selected > a{
    color: #fff;
	background:transparent;
	text-decoration:underline;
}

.hFooter {
    height: 160px;
}

footer .footer-blocks-container{
    float: left;
    font-size: 12px;
    line-height: normal;
    margin: 24px 0 0 0;
}

footer .footer-blocks-container .contacts{
    margin-bottom: 15px;
}

footer .menu-top{
    float: left;
    margin: 24px 0 0 -9px;
}

footer .menu-top a{
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 2px!important;
    margin: 0 7px;
    text-shadow: none!important;
    letter-spacing: 1px;
}

footer .menu-top > ul > li > a:before {
    font-size: 14px;
    top: -1px;
    right: -11px;
    text-shadow: none!important;
}

footer .copyright {
    float: right;
    text-align: right;
    margin-top: 22px;
    font-size: 12px;
    line-height: normal;
}

footer .copyright a{
    color: #fff;
}

.shema1 footer .copyright a,
.shema2 footer .copyright a,
.shema3 footer .copyright a{
    color: #000;
}

.shema4 footer .copyright a{
    color: #fff;
}
/*---------/FOOTER------------*/


/*---------OTHER STYLES------------*/
/*Кнопка Наверх*/
.toTop {
    width: 61px;
    height: 61px;
    background: url('../img/toTop.png');
    position: fixed;
    top: 50px;
    left: 16%;
    cursor: pointer;
    display: none;
    z-index: 100;
    opacity: 0.3;
}

/*колонки с чем-либо*/
.table-block .colomn{
    display: table-cell;
    vertical-align: top;
}

.themes-block {
	display:inline-block;
	background: url('/img/ochki.png') left center no-repeat, url('/img/rdo.png') right center no-repeat, #A0DDD5;
	text-transform:uppercase;
	color:#000;
	font-size:14px;
	text-decoration:underline;
	position: absolute;
    left: 134px;
    top: 86px;
	border:1px solid #000;
	border-radius:4px;
	padding:0 32px 0 50px;
	height: 30px;
	line-height:30px;
	cursor:pointer;
	z-index: 3;
}

.themes-block .vkladka {
	display:none;
	background: #A0DDD5;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-radius: 0 0 4px 4px;
	text-transform:none;
	position:absolute;
	top:28px;
	left:-1px;
	width:100%;
	cursor:default;
}

.themes-block:hover .vkladka {
	display:block;
}

.themes-block .vkladka .key {
	display:inline-block;
	min-width:33px;
	height:33px;
	line-height:33px;
	background:#fff;
	border:1px solid #000;
	border-radius:4px;
	cursor:pointer;
	margin:8px 4px;
	vertical-align:top;
	text-align:center;
	color:#000;
}

.themes-block .vkladka .key.esc {
	background: url('/img/rup.png') center no-repeat, #fff;
	margin:8px;
}

.themes-block .vkladka .label {
	display:inline-block;
	height:35px;
	line-height:35px;
	margin:8px 8px 8px 12px;
	vertical-align:top;
	font-size:14px;
}

.themes-block .vkladka .key.small {
	font-size:16px;
}

.themes-block .vkladka .key.medium {
	font-size:21px;
}

.themes-block .vkladka .key.big {
	font-size:27px;
}

.themes-block .vkladka .label.colors {
	margin:8px 8px 8px 36px;
}

.themes-block .vkladka .key.white, .themes-block .vkladka .key.black, .themes-block .vkladka .key.yellow, .themes-block .vkladka .key.blue {
	font-size:18px;
}

.themes-block .vkladka .key.white {
	background:#fff;
}

.themes-block .vkladka .key.black {
	background:#000;
	color:#fff;
}

.themes-block .vkladka .key.yellow {
	background:#F7F3D6;
}

.themes-block .vkladka .key.blue {
	background:#9DD1FF;
}

.themes-block .vkladka .key.tnr, .themes-block .vkladka .key.ari {
	margin:4px 0;
	width:150px;
}

.themes-block .vkladka .key.tnr {
	font-family: Times New Roman, serif;
}

.themes-block .vkladka .key.ari {
	font-family: Arial, sans-serif;
}

.themes-block .vkladka .center {
	padding:8px 0;
}

.center {
	text-align:center;
}

#form-opros {
	border: 1px solid #6a6a6a;
	padding: 20px;
}

#form-opros .item-form-element {
	border: 1px solid #6a6a6a;
	padding: 20px;
}

#form-opros .item-form-element .title {
    width: 100%;
}

#form-opros .form-input-warning {
	margin-top: 10px;
}

#form-opros .button {
	margin-top: 20px;
}

/*---------/OTHER STYLES------------*/