/*======================= Основные параметры страницы =============================*/
html{margin:0 !important; padding:0!important; border: 0!important; width: auto; height: auto; overflow: auto!important;
/*background: linear-gradient(to right,#444,#fff,#fff,#fff, #444);*/
background-color: #ddd;
}
body {display: block; float: none; margin: 0 auto!important; padding:0!important; 
border-right:2px solid #ccc;
border-left:2px solid #ccc;
border-top: 0;
border-bottom: 0;
box-shadow: 10px 0 10px rgba(0,0,0,0.30), -10px 0 10px rgba(0,0,0,0.30);
height: auto!important;
max-width: 1200px!important;
font-family: Arial;
font-size: 15px;
color: black;
background-color: white;
text-align: left;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
}
div {display: block; width: auto; height: auto;}
h1, h2, h3 {width: 100%; float:none; text-align: center;}
/*======================= Стили контента ===========================================*/
div.content {
display: block;
float: none;
position: relative;
margin:0;
padding:0; 
border:0; 
left: 0;
top: 10px;
height: auto!important;
width: 100%!important;
min-height: 800px;
overflow: hidden;
}
div.short {max-width: 98%;}
div.item-page {display: block; float: none; margin:0; padding:0; border:0; height: auto; width: auto; overflow:auto;}
div.item-page [itemprop="articleBody"] {display: block; float: none; margin:0; border:0; text-align: justify; 
height: auto; width: auto; overflow:auto;
padding: 0 10px;
}
div.item-page .page-header {display: block; float: none; 
width: auto; height: auto; overflow: auto;
max-width: 100%;
text-align: center;}
div.item-page img {
display: block; float: left;
height: auto;
width: auto;
/*
max-height: 250px;
max-width: 250px;
background-color: white; border: 1px solid lightgray; padding: 4px; margin: 0 5px 5px 0;
box-shadow: 0 0 5px rgba(0,0,0,0.25);*/
}
div.item-page p {padding: 5px 0; margin:0;}
div.item-page ul {}
/*======================= Стили навигации ===========================================*/
ul.pager {display: block; float: none;
margin: 10px!important;
padding: 0!important;
border: 0;
width: auto;
height: auto;
overflow: auto;
}
.pager li {display: block; width: auto; height: auto;}
li.previous {display: block; float: left!important; width:auto; height: auto;}
li.previous a { display: block; padding: 5px 10px;
background-color: black; color: white; 
font-size: 15px; text-decoration: none;
border: 1px solid gray;
}
li.previous a:hover {background-color: gray; color: white;}
li.next {display: block; float: right!important; width:auto; height: auto;}
li.next a {display: block; padding: 5px 10px;
background-color: black; color: white; 
font-size: 15px; text-decoration: none;
border: 1px solid gray;
}
li.next a:hover {background-color: gray; color: white;}
div.tooltip{display: none!important;}
/* == Паджинация списка блога == */
/*== Паджинация для мобильников==*/
@media screen and (max-width: 700px) {
div.pagination {width: 100%; margin: 10px 0 10px 9px!important; padding:0!important; font-size: 20px; }
div.pagination ul {display:block; width: 94%!important; height: auto!important;}
div.pagination ul li {display: none!important; margin: 0!important;}
div.pagination ul li.pagination-prev {
display:block!important; 
float: left;
text-align: center;
width: 40%!important; 
height: auto;
}
div.pagination ul li.pagination-next {
display:block!important; 
float: right!important; 
text-align: center;
width: 40%!important; 
height: auto;
}
}
/*== Паджинация для широкого экрана ==*/
div.pagination p.counter {display: none;}
div.pagination {
display:block; 
float: none; 
width: 100%; 
max-width: 980px; 
padding: 0; 
margin: 10px 0 10px 9px; 
font-size: 15px; font-weight: bold;
}
div.pagination ul {display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style-type: none;}
div.pagination ul li {display:block; float: left; width: auto; height: auto; 
margin-right: 15px; margin-top: 10px; margin-bottom: 10px;}
div.pagination ul li a {display:block; padding: 5px 10px; margin: 0; width: auto; height: auto;
color: white; background-color: black; border:1px solid gray; text-decoration: none;}
div.pagination ul li span {display:block; padding: 5px 10px; margin: 0; width: auto; height: auto;
color: white; background-color: black; border:1px solid gray;}
div.pagination ul li a:hover {color: white; background-color:gray; border: 1px solid black;}
/*======================= Верх и логотип ==========================================*/
div.top {
display: block;
position: relative;
float: none;
margin: 0; 
border: 0;
padding: 10px;
background-color: #eee;
color: black;
width: 100%!important;
min-height: 70px!important;
max-height: 100px;
}
div.logo {display: block; float: left; position: relative; width: auto; height: auto;}
div.logo a.logo-img {display: block; float: left; position: relative; 
height: 50px!important; width: 50px!important; z-index:100; margin: 0 10px 10px 0;}
div.logo img {display: block; float: left; position: relative; height: 50px !important; width: 50px!important; z-index:1;}
div.top p.top-text {
display: inline; 
margin: 0!important;
height: auto; 
width: auto;
font-size: 20px;
}
div.top a.top-text {
display: inline;
font-size: 15px;
max-width: 150px;
height: auto;
text-decoration: none;
color: black;
}
div.search {
display: block;
position: relative;
float: right;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 5px;
}
/*======================= Нижняя часть ============================================*/
div.bottom {
display:block;
position: relative;
float: none; 
top: 20px;
margin:0; 
border-top: 2px #ccc; 
background-color: #eee;
height: auto;
min-height: 60px;
width: 100%;
padding: 10px;
box-shadow: 0 -5px 5px rgba(0,0,0,0.30);
background-color: black;
}
div.menu-bottom{display: block; position:relative; width: auto; height: auto;}
div.menu-bottom ul{
display: block; 
position:relative; 
width: auto; 
height: auto; 
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
div.menu-bottom ul li{
display: block; 
position:relative; 
float: left;
width: auto; 
height: auto; 
list-style-type: none;
padding-right: 10px;
padding-top: 10px;
}
div.menu-bottom ul li a{
font-size: 20px;
text-decoration: none;
color: white;
}
div.menu-bottom ul li a:hover{color: gray;}
/*======================= Левая колонка ===========================================*/
div.left {
float: left;
margin:0;
padding:0;
max-width: 200px!important;
}
/*======================= Правая колонка ===========================================*/
div.right {
float: left!important;
border:0; padding:0; margin:0;
height: auto;
width: 100%!important;
max-width: 1200px!important;
min-height: 200px;
}
/*======================= Средняя часть ===========================================*/
div.center {
float: none;
position: relative;
top: 0;
margin:0; 
padding:0; 
border:0;
height: auto;
max-width: 1200px!important;
}
/*======================= Главное Меню =================================================*/
div.menu-main {
display: block;
position: relative;
float: none;
width: 100%;
height: 100%;
/*
overflow: visible!important;*/
z-index: 100;
margin: 0!important;
padding: 0!important;
border: 0!important;
}
div.menu-main ul{
display: block;
position: relative;
float: none;
margin: 0!important;
padding: 0!important;
border: 0!important;
height: auto;
width: auto;
}
div.menu-main ul li{
display: block;
position: relative;
list-style: none!important;
float: left;
height: auto;
width: auto;
color: white;
font-weight: bold;
text-decoration: none;
text-shadow: -1px -1px #000;
user-select: none;
padding: 5px 10px;
outline: none;
background-color: #000;
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
background-repeat: no-repeat;
background-size: 200% 100%, auto;
background-position: 200% 0, 0 0;
box-shadow: rgba(0,0,0,.3) 0 2px 5px;
}
div.menu-main ul li a {
display: block;
position: relative;
float: none;
text-decoration: none;
color: white;
width: auto;
height: auto;
font-size: 20px;
padding: 0 7px;
}
/*
div.menu-main ul li ul {
display: none;
}
div.menu-main ul li:hover > ul {
display: block!important;
position: absolute;
top: 33px;
left:0;
width: 1000px;
height: auto;
overflow: visible!important;
transition: all .5s linear;
}
div.menu-main ul li:hover > ul li {
display: block;
float: left!important;
width: auto;
height: auto;
position: relative;
font-size: 15px;
background-image: none;
background-repeat: no-repeat;
background-size: auto;
background-position: 0, 0, 0 0;
box-shadow: rgba(0,0,0,.3) 0 2px 5px;
background-color: black;
transition: all .5s linear;
}
div.menu-main ul li > ul li:hover {background-color: gray;}
div.menu-main ul li ul li ul{
display: none!important;
}
div.menu-main ul li ul li:hover > ul{
display: block!important;
position: absolute;
width: 400px;
height: auto;
top: 22px;
}
div.menu-main ul li ul li.item-141:hover > ul{
width: 600px;
}
div.menu-main ul li ul li:hover > ul li{
display: block;
float: left!important;
width: 200px;
height: 20px;
position: relative;
top: 10px;
background-color: black;
}
div.menu-main ul li > ul li > ul li:hover {background-color: gray;}*/
div.zaglushka{
display: block;
position: absolute;
width: 1200px;
height: 33px;
background-color: #000;
background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
background-repeat: no-repeat;
background-size: 200% 100%, auto;
background-position: 200% 0, 0 0;
box-shadow: rgba(0,0,0,.3) 0 2px 5px;
}
/*======================= Главное Меню : мобильное =================================================*/
/*
@media screen and (max-width: 1000px){
div.menu-main ul{
display: block;
float: none;
width: 100%;
height: auto;
overflow: visible!important;
z-index: 100;
margin: 0!important;
padding: 0!important;
border: 0!important;
}
div.menu-main ul li{
display: block;
float: none;
list-style: none!important;
width: 100%;
height: auto;
overflow: visible!important;
z-index: 100;
margin: 0!important;
padding: 0!important;
border: 0!important;
}
div.menu-main ul li a{
display: block;
position: relative;
font-size: 20px;
text-decoration: none;
color: white;
width: auto;
height: auto;
}
div.menu-main ul li ul {
display: none;
}
div.menu-main ul li:hover > ul{
display: block!important;
position: absolute;
top: 33px;
left:0;
width: 100%;
height: auto;
overflow: visible!important;
transition: all .5s linear;
}
div.menu-main ul li:hover > ul li{
display: block;
float: left!important;
width: 100%;
height: auto;
position: relative;
font-size: 15px;
background-image: none;
background-repeat: no-repeat;
background-size: auto;
background-position: 0, 0, 0 0;
box-shadow: rgba(0,0,0,.3) 0 2px 5px;
background-color: black;
transition: all .5s linear;
}
div.zaglushka{
display: none;
}
}
/*======================= Хлебные крошки =================================================*/
div.breadcrumbs {
display: block;
position: relative;
float: none;
width: 100%;
height: auto;
margin: 0;
left: -15px;
padding: 0 20px;
border:0;
font-size: 18px;
}
div.breadcrumbs div{
display: block;
float: none;
width: 100%;
height: 100%;
}
div.breadcrumbs ul {display: block; list-style-type:none; margin:0; padding:0; border:0; top: 10px;}
div.breadcrumbs ul li {display:block; float: left; padding-left: 5px; padding-top: 10px;}
div.breadcrumbs ul li a,
div.breadcrumbs ul li span {color: black; text-decoration: none; font-size: 15px;}
div.breadcrumbs ul li a:hover {color: gray;}
div.breadcrumbs ul li.active a {color: black;}
/*======================= Поиск и результаты поиска ================================*/
/*
div.search {float: left; margin: 5px 0 0 10px; padding:0; border:0;}
#search-results-moovable103,
#search-results-inner103
 {z-index: 99999999000!important;}*/
 
div.search p.counter {display:none;}
dl.search-results {margin-left: 10px;}
dl.search-results dt.result-title {font-size: 20px; margin-top: 10px;}
dl.search-results dt.result-title a {text-decoration: none; color: black;}
dl.search-results dt.result-title a:hover {color: gray;}
dl.search-results dd.result-category {display: none;}
dl.search-results dd.result-created {display: none;}
dl.search-results dd.result-text {font-size: 15px;}
dl.search-results dd.result-text span.highlight {background-color: lightgray;}
/*======================= Стили контактов ==============================================*/
/*
#userForm {padding: 0 0 0 15px!important;}
#userForm div.rsform-block {margin:0 20px 0 10px!important;}
#userForm h2 {display: none;}
#userForm label {display: block; height: auto; width: 50%!important; overflow: auto;
font-family: Arial!important; font-size:15px; text-align: left;}
#userForm input,
#userForm textarea {border: 1px solid lightgray; margin-top: 5px; width: 90%!important;}
#userForm input.rsform-upload-box {border: 0!important; width: 76%!important;}
#userForm #captcha41 {height: 50%!important; width: 50%!important; padding-right: 30%!important;}
#userForm input.rsform-captcha-box {width: 50%!important;}
#userForm a.rsform-captcha-refresh-button {padding: 0 10px!important;
color: darkgoldenrod; font-size: 15px; text-transform: uppercase; text-decoration: none;}
#userForm a.rsform-captcha-refresh-button:hover {color: tan;}
#userForm #Send {width: 93%!important;
background: linear-gradient(to bottom, palegoldenrod, goldenrod); 
color: black; text-shadow: none; font-size: 15px!important;} */
/*======================= Меню каталога ===========================================*/
div.menu-catalog {
float:none;
display:block;
position:relative;
float: none;
width: 100%;
height: auto;
margin: 0; 
padding: 0;
}
.menu-catalog ul {
display:block;
position:relative;
float: none;
width: 100%!important;
height: auto!important;
margin: 0; 
padding: 0;
list-style: none;
background-color: white;
}
.menu-catalog ul li {
display: block; 
float: left;
position: relative;
width: auto!important;
height: auto!important;
padding: 10px;
margin: 30px 20px;
}
.menu-catalog ul li a {
display: block;
position: relative;
width: auto;
height: auto;
text-align: center !important;
text-decoration: none;
}
.menu-catalog ul li a img {
display: block;
position:relative;
float: none;
width: 200px!important;
height: auto;
padding: 0!important; 
margin: 0;
border: 0;
box-shadow: none;
}
.menu-catalog ul li p {
display: block;
position: relative;
float:none;
width: 200px!important;
height: auto;
font-size: 25px;
color: white;
padding: 0;
margin: 0;
background-color: black;
}
/*======================= Стили блога ==============================================*/
div.blog {display: block; float: none; height: auto; width: 100%; margin: 0; padding:0;}
div.blog h1 {display: block; float: none; width: auto; height: auto; text-align: center; font-size: 20px;}
/* Блог - список текстов*/
div.blog div.items-row {display:block; float: none; width: 90%; height:auto; overflow: auto;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
border: 1px solid lightgray;
margin: 9px;
padding: 10px;
}
div.blog div.items-row:hover {background: linear-gradient(to bottom, #eee, #ddd);}
div.blog div.span12 {float: none; max-width: 100%;}
div.blog div.items-leading,
div.blog div.item {float: left; width: 100%; min-height: 80px;}
div.blog div.page-header {display: block; position: relative; float: none; width: 100%; height:auto; text-align: center; margin: 10px 0;}
div.blog div.page-header h2 {display: block; position: relative; float: none; width: 100%; height: auto; margin: 0; text-align: center;}
div.blog div.page-header h2 a {display: block; position: relative; float: none; width: 100%; color: black; text-decoration: none; width: 100%; height: auto; font-size: 20px; font-weight: bold;}
div.blog div.page-header h2 a:hover {color:gray; text-decoration: none;}
div.blog div.item-image {display: block; float: left; height: 150px!important; width: 150px!important; margin: 0 10px 10px 0;}
div.blog div.item img {display: block; max-height: 150px; max-width: 150px;}
div.blog div.item p {display: inline; width: auto; height: auto; font-size: 15px; margin: 0; padding: 5px;}
div.blog div.item ul.tags {display: block; float: none; width: 100%; height: auto; margin: 0; padding: 0; list-style-type: none;}
div.blog div.item ul.tags li {display: block; width: 100%; height: auto; list-style-type: none;}
div.blog div.item ul.tags li {display: block; float: left; width: 100%; height: auto; list-style-type: none;}
div.blog div.item ul.tags li a {display: block; width: auto; height: auto; color:black; text-decoration: none;}
/*======================= Новости на главной =================================================*/
ul.news{
display: block;
list-style:none!important;
height: auto;
width: 100%;
margin: 0;
padding: 0;
}
ul.news li {
display: block;
float: none;
list-style:none;
height: auto;
width: 90%;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
border: 1px solid lightgray;
margin: 9px;
padding: 10px;
overflow: auto;
}
ul.news li:hover {background: linear-gradient(to bottom, #eee, #ddd);}
ul.news li span {display: none;}
ul.news li h3 a {display: block; text-decoration:none; color: black; font-size: 20px;}
ul.news li h3 a:hover {color: gray;}
ul.news figure {display: block; float: left; width: 100px; height: 100px; margin: 0 10px 10px 0;}
ul.news figure img {display: block; float: left; max-width: 100px; max-height: 100px; margin: 0;}
ul.news li h3{
display: block;
float: none;
height: auto;
width: 100%;
margin: 0;
}
ul.news li p {
display: inline;
height: auto;
width: 100%;
}
ul.news-2{
display: block;
list-style: none!important;
height: auto;
width: 100%;
margin: 0;
padding: 0;
}
ul.news-2 li {
display: block;
float: none;
list-style:none;
height: auto;
width: 90%;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
border: 1px solid lightgray;
margin: 9px;
padding: 10px;
}
ul.news-2 li:hover {background: linear-gradient(to bottom, #eee, #ddd);}
ul.news-2 li span {display: none;}
ul.news-2 li h3{
display: block;
float: none;
height: auto;
width: 100%;
margin: 0 10px;
bottom:0;
}
ul.news-2 li h3 a{
display: block;
text-decoration:none;
color: black;
font-size: 20px;
}
ul.news li h3 a:hover{color: gray;}
ul.news-2 li p{
display: block;
height: auto;
width: 100%;
}