﻿/* =Minimal base styles
*******************************************************************************/
html {
    height: 100%;
}
body {
    font:12px/1.4 Arial, sans-serif;
    background: #fff;
    height: 100%;
    width: 100%;
}
body, select, input, textarea {
    color: #444;
    font: 12px Arial, sans-serif;
}

::-webkit-input-placeholder { color: #444; }
:-moz-placeholder           { color: #444; }
::-moz-selection    { background: #478FB2; color: #fff; }
::selection         { background: #478FB2; color: #fff; }
a:link  { -webkit-tap-highlight-color: #478FB2; }
a       { color: #4aa6bd; }
a:hover { color: #036; }

/* Minimal base styles */

/* =Useful classes
*******************************************************************************/

.debug    { border: 1px dotted red !important; }
.hidden   { display: none; visibility: hidden; }
.no-marg  { margin: 0 !important; }
.no-pad   { padding: 0 !important; }
.no-bg    { background: none !important; }
.no-bd    { border: none !important; }
.fl-l     { float: left !important; }
.fl-r     { float: right !important; }
.a-center { text-align: center; }
.a-left   { text-align: left; }
.a-right  { text-align: right; }
.clear    { clear: both; }
.ir {     /* image replacement */
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}
.hr {
    height: 1px;
    font: 0/0 Serif;
    border-bottom: 1px dotted #888;
    margin: 15px 0;
}
.btn {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
}
.body{
	
}
.wrapper {
    height: auto !important;
    min-height: 100%;
	background: url(../images/h-fon.png) 0 0 repeat-x;
}
.frame {
    width: 1000px;
    margin: 0 auto;
}
.header, .footer {
    min-width: 1000px;
}
.header a, .footer a, .mce-content a, .aside a {
    -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
}

/* Useful classes */

/* =Header
*******************************************************************************/

.header {
    padding: 43px 0 19px;
	background: url(../images/h-shadow.png) 50% 11px no-repeat;
}
.header-holder{
	padding:0 0 19px;
}
.header .logo {
	float:left;
}
.header .logo span {
	font:18px/20px 'benderbold', Arial, sans-serif;
	display:block;
	color:#787d82;
	width:220px;
	margin: -4px 0 0;
}
.time{
	width:260px;
	float:right;
	padding:0 40px 0 0;
	color:#666;
	font:14px/16px 'benderbold', Arial, sans-serif;
}
.time strong{
	font:16px/18px 'benderbold', Arial, sans-serif;
	padding:0 54px 0 0;
}
.tel{
	float:right;
	width:200px;
	color:#666;
	text-align:right;
	font:14px/16px 'benderbold', Arial, sans-serif;
}
.tel strong{
	font:25px/27px 'benderbold', Arial, sans-serif;
	
}
.tel a {
	color:#666;
}
.tel span:hover {border:0;}
.tel .mail{
	font:16px/18px 'benderbold', Arial, sans-serif;
	color:#666;
	text-decoration:underline;
	background: url(../images/ico-hed.png) 0 4px no-repeat;
	padding:9px 0 0 35px;
	display:block;
}
.tel a:hover {text-decoration:none;}
.tel span{
	border-bottom:1px dashed #1c262b;
}
.nav {
	background: url(../images/nav-bg.png) 100% 0 no-repeat;
	float:left;
}
.nav li{
	width:134px;
	float:left;
	background: url(../images/nav-bg.png) 0 100% no-repeat;
	height:51px;
}
.nav .active{
	background: url(../images/li-bg.png) 0 -1px no-repeat;
}
.nav a{
	font:16px/18px 'benderbold', Arial, sans-serif;
	color:#666666;
	text-shadow:0 1px 1px #d5d5d5;
	text-align:center;
	display:block;
	padding:15px 0;
}
.nav a:hover{
	color:#666;
	text-decoration:underline;
	background: url(../images/hover.png) no-repeat 0 -1px;
}
.search{
	background: url(../images/search.png) 0 0 no-repeat;
	width:285px;
	height:34px;
	float:left;
	margin:7px 0 0 41px;
}
.search input[type="text"]{
	width:194px;
	height:34px;
	background:none;
	border:0;
	font:14px/34px 'cuprumregular', Arial, sans-serif;
	color:#666666;
	padding:0 0 0 10px;
	float:left;
}
.search input[type="submit"]{
	width:72px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	float:left;
	height:34px;
	background:none;
	border:0;
	margin: 0 0 0 9px;
}	
/* Header */

/* =Footer
*******************************************************************************/

.footer {
    
    height: 175px;
    margin-top: -65px;
	background: url(../images/f-bg.png) 0 0 repeat-x;
	position:relative;
	z-index:2;
}
.copy{
	width:355px;
	float:left;
}
.copy strong{
	font:16px/18px 'benderbold', Arial, sans-serif;
	color:#333;
	padding:0 30px 0 0;
}
.copy span{
	font:12px/14px 'cuprumbold', Arial, sans-serif;
	color:#333;
	float:left;
}
.footer .nav-holder{padding:0;}
.box-holder{
	padding:30px 0 0;
}
.box-holder .tel{
    float:left;
	width:220px;
	padding:0 20px;
}
.box-holder.tel strong{
	font:18px/20px 'benderbold', Arial, sans-serif;
	color:#333;
}
.box-holder .tel span{
	font:12px/14px 'benderbold', Arial, sans-serif;
	color:#333;
	text-decoration:none;
}
.addr{
	float:left;
	width:200px;
	padding:0 16px;
}
.addr span{
	font:14px/16px 'benderbold', Arial, sans-serif;
	color:#333;
}
.sait{
	float:right;
	width:110px;
	
}
.sait span{
	font:12px/14px 'cuprumbold', Arial, sans-serif;
	color:#333;
}
/* =Content
*******************************************************************************/
.container {
    padding: 0 0 85px;
	position:relative;
	z-index:2;
	
}
.aside{
	float:left;
	width:210px;
	padding: 25px 0 0 3px;
}
.home-page .aside {
	padding-top:0;
}
.aside .title{
	font:16px/18px 'benderbold', Arial, sans-serif;
	color:#999;
	text-transform:uppercase;
	padding:0 0 4px;
	display:block;
}
.menu {
	margin: 0 0 30px -7px;
}
.menu li{
	padding:1px 0;
}	
.menu .active{
	background: url(../images/as-bg1.png) 0 0 no-repeat;
 }
 .menu a{
	font:16px/30px 'benderbold', Arial, sans-serif;
	color:#333;
	padding:0 0 0 30px;	
	background: url(../images/small-bullet.png) 10px 9px no-repeat;
	display:block;
 }
 .menu .active a{
 	background: url(../images/as-bg.png) 10px 6px no-repeat;
	color:#369;
	text-shadow: 0 1px 1px #fafafa;
 }
 .menu  a:hover{
	padding:0 0 0 30px;
	font:16px/30px 'benderbold', Arial, sans-serif;
	text-decoration:underline;
	
 }
 .banner {
	position:relative;
	width:196px;
	height:230px;
	margin:0 0 22px -2px;
	text-align:right;
 }
 .banner .text{
	position:absolute;
	top:77px;
	left:25px;
	width:146px;
}
.banner .text strong{
	font:31px/34px 'benderbold', Arial, sans-serif;
	color:#333;
}
.banner .text span{
	font:28px/30px 'benderbold', Arial, sans-serif;
	color:#333;
}
.banner .text em{
	font:24px/26px 'benderbold', Arial, sans-serif;
	color:#333;
}

.news  strong{
	font:16px/18px 'benderbold', Arial, sans-serif;
	color:#999;
}
.n-box{
	width:184px;
	border:1px solid #b2b2b2;
	background: url(../images/bg-news.jpg) 0 0 repeat-y;
	margin:0 0 10px -2px;
	padding:5px 5px 15px;
}
.n-box .data{
	font:12px/14px 'benderbold', Arial, sans-serif;
	color:#333333;
	padding:5px 0 3px 0;
	display:block;
}
.n-box .name{
	font:14px/16px 'benderbold', Arial, sans-serif;
	color:#336699;
	padding:0 0 5px 0;
	display:block;
	text-shadow:0 1px 1px #e6e6e6
}
.n-box .name:hover{
	text-decoration:underline;
}
.n-box span{
	font:14px/16px 'cuprumregular', Arial, sans-serif;
	color:#333333;
}

/* Content */
.content{
	float:right;
	width:783px;
}
.content .visual {
	float:right;
	background: url(../images/bg-visual.png) no-repeat;
	width: 486px;
	height: 311px;
	overflow:hidden;
	padding: 7px 10px;
}
.content .visual img {
	border-raius: 8px;
	float:none;
}
.breadcrumbs {
	margin: 0 0 10px;
}
.breadcrumbs li{
	font:11px/13px Arial, sans-serif;
	color:#336699;
	background: url(../images/con-bg.png) 0 0 no-repeat;
	padding:0 4px 0 10px;
	float:left;
}
.breadcrumbs li:first-child{background:none; padding: 0 4px 0 0;}
.breadcrumbs a {
	color:#333;
	text-decoration:underline;
}
.breadcrumbs a:hover {text-decoration:none;}
.content span:hover{
	text-decoration:none;
	color:#336699;
}
.article h1{
	font:24px/26px 'benderbold', Arial, sans-serif;
	color:#336699;
	margin:0 0 15px;
	border-bottom:1px solid #336699;
}
.article{
	font:12px/15px Arial, sans-serif;
	color:#333333;
}
.article  p{
	margin:0 0 7px;
}
.article h2{
	font:18px/20px 'benderbold', Arial, sans-serif;
	color:#336699;
	margin:0 0 23px;
	display:block;
	border-bottom:1px solid #336699;
	padding: 19px 0 0;
}
.article img{
	/*float:right;*/
}
.list {
	padding: 0 0 40px 6px;
}
.list li {
	padding: 10px 0
}
.list .pr1{
	background: url(../images/ul-bg1.png) 0 0 no-repeat;
}
.list .pr2{
	background: url(../images/ul-bg2.png) 0 0 no-repeat;
}
.list .pr3{
	background: url(../images/ul-bg3.png) 0 0 no-repeat;
}
.list .pr4{
	background: url(../images/ul-bg4.png) 0 0 no-repeat;
}
.list span{
	font:16px/18px 'benderbold', Arial, sans-serif;
	color:#336699; 
	padding:0 0 0 40px;
	text-decoration:none;
	
}
.table {
	background: url(../images/bg-table.jpg) no-repeat;
}
.table li {
	height: 35px;
	padding: 0 0 1px;
	overflow:hidden;
	text-align:center;
	font: 14px/35px 'cuprumregular', Arial, Helvetica, sans-serif;
	color:#333;
}
.table .heading {
	height:47px;
	overflow:hidden;
	padding: 0 0 3px;
	font: 14px/16px 'cuprumbold', Arial, Helvetica, sans-serif;
	color:#369;
	text-shadow: 0 1px 1px #f9f9f9;
	
}
.table .heading div {
	padding: 10px 1px 0 0;
}
.table div {
	float:left;
	padding:0 1px 0 0;
	height: 35px;
	overflow:hidden;
}

.table .col1 {
	width:116px;
	
}
.table .col2 {
	width:106px;
	
}
.table .col3 {
	width:102px;
	
}
.table .col4 {
	width:128px;
	
}
.table .col5 {
	width:108px;
	
}
.table .col6 {
	width:131px;
	
}
.table .col7 {
	width:85px;
}

.cat-list {
	padding: 10px 0 0;
	margin: 0 -5px;
}
.cat-list li {
	width:126px;
	height:170px;
	padding:0 0 25px 5px;
	float:left;
	text-align:center;
	overflow:hidden;
}
.cat-list .pikche {
	background: url(../images/img-bg.png) 0 0 no-repeat;
	display:block;
	padding:20px 15px 25px 22px;
	margin:0 0 5px;
	height:77px;
}

.cat-list a{
	font:14px/16px 'cuprumbold', Arial, sans-serif;
	color:#333;
	padding:0 0 5px 0px;
	display:inline-block;
}
.cat-list li:hover a {text-decoration:underline;}
.cat-list span{
	font:16px/19px 'benderbold', Arial, sans-serif;
	color:#527aa5;
	background:none;
	display:block;
	text-decoration:none;
}

.slider-holder {
	background: url(../images/bg-slide.png) repeat-x;
	height: 330px;
	margin: -5px 0 35px;
}

.list_carousel {
	width: 959px;
	position:relative;
	margin:0 auto;
	z-index:2;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	width: 959px;
	height: 405px;
	display: block;
	float: left;
}
.prev {
	position:absolute;
	top: 88px;
	left:-35px;
	background: url(../images/prev.png) no-repeat;
	width: 59px;
	height: 59px;
	overflow:hidden;
	text-indent:-9999px;
}
.next {
	position:absolute;
	top: 88px;
	right:-35px;
	background: url(../images/next.png) no-repeat;
	width: 59px;
	height: 59px;
	overflow:hidden;
	text-indent:-9999px;
}
.pager {
	
	position:absolute;
	top: 259px;
	left: 389px;
	background: url(../images/pages1.png) no-repeat;
	width: 160px;
	height: 28px;
	padding: 7px 0 0 66px;
}
.pager a {
	text-decoration: none;
	background: url(../images/pages.png) no-repeat;
	width:18px;
	height: 19px;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
}
.pager a.selected {
	background: url(../images/pages.png) no-repeat -17px 0;
}

.caroufredsel_wrapper {
	top:-15px !important;
}
@font-face {
    font-family: 'benderbold';
    src: url('../fonts/bender-bold-webfont.eot');
    src: url('../fonts/bender-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bender-bold-webfont.woff') format('woff'),
         url('../fonts/bender-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cuprumbold';
    src: url('../fonts/cuprum-bold-webfont.eot');
    src: url('../fonts/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cuprum-bold-webfont.woff') format('woff'),
         url('../fonts/cuprum-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cuprumregular';
    src: url('../fonts/cuprum-regular-webfont.eot');
    src: url('../fonts/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cuprum-regular-webfont.woff') format('woff'),
         url('../fonts/cuprum-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.n-box-item{
	width:auto;

	margin:0 0 10px -2px;
	padding:5px 5px 15px;
}