﻿/* General site styles */


table,td,div,ul,li,input,select,form{margin:0; padding:0;}
table { border-collapse:collapse; margin:0; padding:0;}
img {border:none;}
html,body {height:100%;width:100%; margin:0; padding:0;}
td {font: 13px Arial, Helvetica, sans-serif;}
body {
	font: 13px Arial, Helvetica, sans-serif;
	color:#2e2e2e;
	background-color:#fff;	
}
body.body {
background:#fff url(img/konfeti.gif) repeat-x top;
}
a {
color: #89034f;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
/***************************** Site styles *****************************/

#outer {
	min-height:100%;
	background:url(img/right-top.gif) no-repeat right top;
	min-width: 1000px;
width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : "auto"));
}

* html #outer{height:100%;} /*for IE min-height */

#header {
	height:233px;
	background: url(img/mw.png) no-repeat center top;
	padding:0 0px 0 0px;
}
.logo {
	float:left;
	padding:4px 0 0 0px;
	*width:366px;
}
#header .fright {
padding-top:10px;
*width:365px;
}

.fright {
float:right;
}
.fleft {
float:left;
}
.tel {
float:right;
margin-right:25px;
text-align:left;
font:bold 22px/22px Arial, Helvetica, sans-serif;
color:#121a6f;
background:url(img/wht.png) repeat;
padding:5px;
}
.tel span { font-size:16px;}
.workTime {
float:right;
font:bold 14px Arial, Helvetica, sans-serif;
color:#1c50ba;
text-transform:uppercase;
background:url(img/wht.png) repeat;
text-align:left;
padding:5px;
}
.workTime p {
margin:0 0 10px;
}
.searchTop {
clear:both;
margin-top:10px;
text-align:left;
color:#d30a7c;
font:bold 14px Arial, Helvetica, sans-serif;
text-transform:uppercase;
background:url(img/wht.png) repeat;
padding:5px;
width:300px;
}
.searchTop form {
	margin-top:5px;
	position:relative;
	width:300px;
}
.searchTop form input {
	background: #FFFFFF;
    border: 1px solid #1a4eb5;
    color:#d30a7c;
    font: 14px/23px Arial, Helvetica, sans-serif;
    height: 23px;
    margin: 0;
    padding: 0 5px;
    width: 278px;
	text-transform:none;
}

.searchTop form input.button {
	background:url(img/lupa.png) no-repeat;
	width:33px;
	height:26px;
	cursor:pointer;
	border:none;
	margin:0;
	position:absolute;
	right:-30px;
	top:0;
}
.header-top {
height:182px;
padding:0 15px 0 20px;
position:relative;
}
/*------------------- menuTop -----------------------*/
.menuTop {
background:url(img/menu-bg.gif) repeat-x;
height:54px;
padding:0 26px 0 28px;
border-bottom:1px solid #0e176c;
}
.menuTop table {
	border-collapse:collapse;
	margin:0;
	height:54px;
	background:url(img/line.gif) no-repeat left top;
	width:100%;
}
.menuTop table td {
	background:url(img/line.gif) no-repeat right top;
	vertical-align:middle;
	text-align:center;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
}
.menuTop table td a {
display:block;
padding:5px 15px;
text-align:center;
font:bold 12px/16px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}
.menuTop table td a:hover,.menuTop table td a.act {
text-decoration:underline;
}


/*----------------------------------*/

#footer {
border-top:2px solid #4e7dda;
background:url(img/footer.gif) repeat-x top;
position:relative;
}
.rel {
position:relative;
}

.footerInner {
	background:url(img/footer-left.gif) no-repeat left 5px;
	*background:url(img/footer-left.gif) no-repeat left 3px;
	padding:30px 0px 20px;
	font-size:12px;

}
.container {
	min-width: 1000px;
	padding:0px;
max-width: 1280px;
margin:0 auto;
width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : "auto") : (document.body.clientWidth > 1280 ? "1280px" : "auto"));
}
.footerInner a { color:#2e2e2e;}
.left-foot {
float:left;
padding:0 30px 0 20px;
width:210px;
}
.footer-contacts {
overflow:hidden;
line-height:18px;
padding-right:20px;
}

.counters {}
.counters a { margin:0 7px 0 0; display:inline-block;
height:31px;
float:left}
/*------------------- body -----------------------*/
#body {padding-top:20px; overflow:hidden;
min-width: 1000px;
max-width: 1280px;
margin:0 auto;
width:expression((document.compatMode && document.compatMode == 'CSS1Compat') ? (document.documentElement.clientWidth < 1000 ? "1000px" : "auto") : (document.body.clientWidth > 1280 ? "1280px" : "auto"));
}

#bodyContainer {
	float:left;
	overflow:hidden;
	width:100%;
}
.leftCol {	
	float:left;
	margin-left:-100%;
	width:215px;
	padding-left:20px;
}

.centerCol {
	padding-left:260px;
	padding-right:20px;
}
.clear { clear:both;}


/*----------------------------------*/
.leftCol .title,.title {
font: italic 20px Georgia, "Times New Roman", Times, serif;
color:#11176d;
text-align:left;
margin:0 0 5px;
}


/*----------------- leftMenu --------------------------*/
.leftMenu {
margin:0 0 40px;
padding:0;
width:215px;
}

.leftMenu li {
border-bottom:1px solid #d6e4ff;
padding:0px;
list-style:none;
margin:0;
}
.leftMenu li a,.leftMenu li span {
background:url(img/str.gif) no-repeat 0px 14px;
padding:10px 10px 10px 18px;
color:#1c50ba;
text-decoration:none;
font:16px Arial, Helvetica, sans-serif;
display:block;
}

.leftMenu li a:hover,.leftMenu li span,.leftMenu li a.act {
background:url(img/str-hover.gif) no-repeat 0px 14px;
color: #d30a7c;
}
/*---------------------------*/
.box {
position:relative;
margin:0 0 30px;
}
.leftCol .box .title { color:#d30a7c; margin:0 0 10px;}
.box-inner {
	border:5px solid #143088;
	border-bottom:30px solid #143088;
	padding:10px 10px 20px;
	font-size:12px;
	line-height:18px;
}
.box-bottom {
	background:url(img/box-bottom.gif) no-repeat right bottom;
	height:97px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}
.box-bottom a {
	position:absolute;
	display:block;
	left:10px;
	bottom:6px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
}

.hell .box-inner {
	border:5px solid #4f2a8c;
	border-bottom:30px solid #4f2a8c;
	padding:10px 20px 5px;
	font-size:14px;
	color:#082d76;
}
.hell .box-bottom {
	background:url(hell.gif) no-repeat right bottom;
	height:97px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}
.hell .box-bottom span {
	position:absolute;
	display:block;
	left:25px;
	bottom:6px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.hell .box-inner a {
    color: #4f2a8c;
	cursor:pointer;
}
.hell { margin:5px 0 20px;
position:relative;
display:block;
color: #082D76;
text-decoration:none;
}
a.hell {cursor:pointer}
.text ul {
margin-bottom:15px;
}

.green .box-inner {
	border:5px solid #6bd30a;
	border-bottom:30px solid #6bd30a;
	padding:10px 20px 10px;
	font-size:12px;
	color:#082d76;
}
.green .box-bottom {
	background:url(img/green.gif) no-repeat right bottom;
	height:97px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}
.green .box-bottom span {
	position:absolute;
	display:block;
	left:25px;
	bottom:6px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.green { margin:5px 0 20px;}

.red .box-inner {
	border:5px solid #d30a7c;
	border-bottom:30px solid #d30a7c;
	padding:10px 20px 10px;
	font-size:13px;
	color:#082d76;
}
.red .box-inner table {
	width:100%;
	border-collapse:collapse;
	margin:0 0 10px;
}
.red .box-inner table td {
vertical-align:top;
}
.red .box-inner table td a { color:#89034f;}
.red .box-inner table td b { display:inline-block; padding:0 5px;}
.red .box-bottom {
	background:url(img/red.gif) no-repeat right bottom;
	height:97px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}
.red .box-bottom span {
	position:absolute;
	display:block;
	left:25px;
	bottom:6px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.red { margin:15px 0 20px;}

/*-----------------------------------*/
h1 {
font:italic 24px Georgia, "Times New Roman", Times, serif;
color:#11176d;
margin:0 0 10px;
text-align:left;
}
h2 {
font:italic 18px Georgia, "Times New Roman", Times, serif;
color:#d30a7c;
margin:20px 0 5px;
text-align:left;
}
.content { padding-bottom:25px;}
.content p { line-height:18px; text-align:justify}
.content .center { text-align:center;}

/*--------------------- -------------------------*/
#catalog-main {
	position:relative;
	margin:15px 0 10px 0;
	overflow:hidden;
}
.catalog-inner {
text-align:center;
position:relative;
width:103%;
left:-6px;
}
.catalog-inner a {
	display:inline-block;
	width:170px;
	cursor:pointer;
	margin:0 6px 12px;
}
/*---------------------*/
.likes {
	text-align:right;
	overflow:hidden;
	margin:0 0 25px;
}
.likes .text {
float:right;
}
.likes .text a {
	font: italic 16px Georgia, "Times New Roman", Times, serif;
	color:#11176d;
	text-decoration:none;
	cursor:pointer;
}
.b-share__text { display:inline-block; margin-right:10px;}




/***************************** Standart styles (please don't edit it!) *****************************/

img {border: 0}

form {margin: 0; padding: 0}

ul, ol, li {padding: 0; margin: 0}

li {margin-left: 25px}

ul ul {padding-top: 3px}

ol li {list-style-type: decimal}

ul li {list-style-type: square}

p { margin:0 0 10px;}

input, label {vertical-align: middle}

.inline {display: inline}

.red, .red a {color: red}

.darkred, .darkred a {color: #800000}

.blue, .blue a {color:#143088;}

.black, .black a {color: black}

.small, .small a {font-size: 10px}

.bold, .bold a {font-weight: bold}

.star {color: red}

.error {color: red}

.leftalign, .left {text-align: left}

.rightalign, .right {text-align: right}

.centeralign, .center {text-align: center}

.topvalign, .top {vertical-align: top}

.middlevalign, .middle {vertical-align: middle}

.bottomvalign, .bottom {vertical-align: bottom}

.absolute {position: absolute;}

.topbottom p {margin: 0px;}


.icons {
position:absolute;
right:22px;
bottom:4px;
text-align:right;
}
.icons a {
	background-image:url(img/icons.gif);
	display:inline-block;
	height:13px;
	cursor:pointer;
	margin:0 0px 0 22px;
	overflow:hidden;
}
.home {
background-position:0 top;
width:12px;
}
.icoprint {
background-position:-37px top;
width:13px;
}

.sitemap {
background-position:-50px top;
width:11px;
}

.icosearch {
background-position:-12px top;
width:11px;
}
.contacts {
background-position:-24px top;
width:12px;
}

/*-----------------------------------*/
.navigator {
	border-top:1px solid #d2def5;
	background:url(img/navigator-bg.gif) repeat-x;
	height:20px;
	padding:0 10px;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 15px;
}
.navigator a { color:#fff}
.navigator span {
	display:inline-block;
	margin:0 5px;
}
.paging {
	margin:15px 0;
	text-align:center;
	font-size:13px;
	color:#11176d;
}
.paging a {
display:inline-block;
color:#11176d;
margin:0 12px;
}
.paging b {
display:inline-block;
color:#11176d;
margin:0 12px;
}

.next {
display:inline-block;
margin:0 0 0 20px;
background:url(img/next.gif) no-repeat right center;
padding-right:20px;
color:#11176d;
}
span.next {
background:url(img/next-non.gif) no-repeat right center;
color:#adadad;
margin:0 0 0 20px;
}
.pred {
display:inline-block;
margin:0 20px 0 0;
background:url(img/pred.gif) no-repeat left center;
padding-left:20px;
color:#11176d;
}
span.pred {
background:url(img/pred-non.gif) no-repeat left center;
color:#adadad;
margin:0 20px 0 0;
}

/*------------------- catalog-cards ---------------*/
#catalog {
background:#11176d url(img/catalog-right.gif) no-repeat right bottom;
position:relative;
display:inline-block; zoom:1;
visibility:hidden;
width:100%;
overflow:hidden;

ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

padding:20px 10px 5px;
*padding: 20px 0px 5px;
}
#catalog-inner #catalog { padding:0;}
#catalog .bg-img {
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	display:block;
}

#catalog {font-size:0;text-align:left;display:inline-block;visibility:hidden;}

.catItemRow {}

span.catItem {
	font-size:12px;
	display:inline-block;
	vertical-align:top;
	min-width:100px;
	margin:0 15px 15px;	
	position:relative;
	z-index:1;
}
#catalog-inner #catalog span.catItem { margin:0 20px 20px 0;min-width:130px;}
.catImage {
line-height:0;
text-align:center;
background:#fff;
font-size:0;
overflow:hidden
}
	.catImage a {display:inline-block;vertical-align:middle;}
	.catImage img {border:0;}
	.catImage i {height:100%;display:inline-block;vertical-align:middle;}

.catInfo {margin:3px 0; text-align:center;}
	.catTitle {line-height:20px; text-align:center;color:#fff;}
	.catDescr {line-height:20px;}
	
#catalog-inner	{
	background:#11176d url(img/catalog-inner-bd.gif) no-repeat right bottom;
	padding:20px;
}
	#catalog-inner table {
	width:100%;
	border-collapse:collapse;
	margin:0;
	}
	#catalog-inner table th {
	background:#fff;
	padding:10px;
	width:48%;
	vertical-align:top;
	text-align:center;
	}
	#catalog-inner table td {
	padding-left:30px;
	vertical-align:top;
	color:#fff;
	font-size:14px;
	}
	#catalog-inner table td p { text-align:left;}
	.paging-inner h2 {
	font:24px Arial, Helvetica, sans-serif;
	color:#11176d;
	margin:0px;
	text-align:center;
	padding:0 110px;
	font-style:normal;
	}
	
	.paging-inner {
	margin:10px 0;
	overflow:hidden;
	}
	.paging-inner .next {
		display:inline-block;
		float:right;
	}
	.paging-inner .pred {
		display:inline-block;
		float:left;
	}
	.mt20 { margin-top:20px;}
	.mb20 { margin-bottom:20px;}





