@import "http://webfonts.ru/import/neris.css";


body {	
	font-family: 'Neris', Tahoma, sans-serif;
}

/** Сайт **/
#site { 

}


/** Шапка **/
#site > header {
	background-image: url('../img/bg_header.jpg');
	background-repeat: repeat-x;
	background-position: top center;
	padding-top: 10px;
	
}
#site > header:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(14,83,106,0.75);
	
	background-image: url('../img/bg_line1.png');
	background-repeat: repeat-x;
	background-position: bottom 10px center;
}

/** Содержимое Шапки **/
#site > header > section {
	min-height: 159px;
	z-index: 1;
}


#site > footer {
	background: #0e536a;
	
	background-image: url('../img/bg_line1.png');
	background-repeat: repeat-x;
	background-position: bottom 10px center;
	padding-bottom: 20px;
}

#site > footer > section {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 10px 10px 30px;
}

#site > footer #contacts {
	background-image: url(../img/logom.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: #fff;
	padding-left: 60px;
	position: absolute;
	top: 20px ;
	right: 20px;
	min-height: 60px;
}
#site > footer #contacts p {
	font-size: 14px;
	line-height: 1.2;
}

#site > footer #contacts p.marga {
	margin-left: -60px;
	margin-top: 10px;
}


/** Лого **/
#logo { 	
	display: inline-block;
	vertical-align: bottom;
	margin-right: 30px;
	margin-left: 10px;
}

#logo a {
	display: block;
}

#logo img {
	display: block;
}

#user {
	position: absolute;
	top: 8px;
	left: 400px;
}

#user.authors {
	top: 6px;
}

#user .btn {
	margin: 0 8px;
}

#user .btn.link {
	color: #fff;
	border-color: #fff;
	font-weight: normal;	
	font-size: 12px;
}

#user p {
	padding: 0 10px;
	font-size: 14px;
	color: #fff;
	line-height: 1;
}

/** Телефон в шапке **/
#phone {
	background-image: url('../img/bg_phone.png');
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 30px;
	position: absolute;
	top: 0px;
	right: 20px;
	padding-left: 36px;
	text-align: right;
}
	
#phone .numper {
	font-size: 20px;
	color: #9bc6d4;
	font-weight: 600;
}

#phone .numper a {
	color: #fff;
	text-decoration: none;
}
#phone .numper span {
	font-size: 24px;
	color: #fff;

}

#region {
	position: absolute;
	right: 20px;
	top: 30px;
}

#go-libraly {
	position: absolute;
	top: 3px;
	left: 200px;
	
	background-color: #d39859;
	font-size: 18px;
	padding-left: 40px;
	text-transform: uppercase;
	
	background-image: url('../img/btn_lib.png');
	background-repeat: no-repeat;
	background-position: center left 10px;
}

#go-libraly:hover { 
	background-color: #e1a361;

}



/** Меню **/
menu, 
.list {

}
menu.hor, 
.list.hor {
	padding: 0 2px;
}

menu li,
.list li {
	list-style: none;
}

menu li a, 
.list li a{

}

.pager > menu > li,
.pager > .list > li,
menu.hor > li,
.list.hor > li {
	list-style: none;
	display: inline-block;
	margin: 0 -2px;
}


#mm menu.ver {
  -webkit-column-count:3;
  -moz-column-count:3;
}
menu.ver > li {
	display: block;
	margin: 0;
}


.pager a {
	/* background-color: #d9e4e8; */
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
	display: block;
	min-width: 30px;
	text-align: center;
	font-size: 14px;
}

.pager .active a {
	background-color: #d39859;
	color: #fff; 	
}
.pager a:hover {
	background-color: #c2d3da;
	color: #333;	
}
.pager .active a:hover {
	background-color: #e1a361;

}

#mm {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
	padding-top: 4px;
	border-top: 1px solid #598d9e;
	position: absolute;
	bottom: 40px;
	right: 10px;
}



#mm a {
	text-decoration: none;
	font-family: 'Neris', Tahoma, sans-serif;
	color: #fff;
	padding: 6px 16px;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 4px 3px;
}

#mm li li a {
	font-weight: 300;
	font-size: 12px;
	margin: 0;
	display: inline-block;
}

#mm a:hover {
	text-decoration: underline;
}
#mm > menu > li:hover {
	/* background-color: #13546b; */
}

#mm .active > a {
	background-color: #d39859;
}

#mm .active > a:hover {
	background-color: #e1a361;
	text-decoration: none;
}

#mm li > div {
	position: absolute;
	background-color: #0e536a;
	left: 3px;
	right: 3px;	
	top: 42px;
	border-top: 2px solid #113846;
	display: none;
	padding: 15px;
	z-index: 100;	
}

#mm li:hover > div {
	display: block;
}
/** Выбор языка **/
#language {
	position: absolute;
	top: 0px;
	left: 115px;
}


#language {}
#language li {
	vertical-align: top;
}

#language li:after  {
	content: '';
	background: #fff;
	width: 1px;
	height: 8px;
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
}
#language li:last-child:after {
	display: none;
}
#language a { 
	color: #fff;
	font-size: 10px;/* 
	padding: 0px 2px;
	display: block; */
	margin: 0 4px;
	text-decoration: none;
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
}
#language a:hover {
	text-decoration: underline;
	
}
#language .active > a {
	color: #d39859;
}
/** .Меню **/



/** КНОПКИ **/
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea:focus,
input:focus,
.btn:focus {
	outline: none;
}
.btn {
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	  
	cursor: pointer;
	margin:  0px;
	display: inline-block;
	vertical-align: middle;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	/* шрифт */
	font-family: inherit;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;    
	line-height: normal;
	text-indent: 0;
	
	border: none;
	background: none;
	background-color: #ddd;
	color: #333;
	
	height: auto;
	padding: 6px 12px;
	font-size: 13px;
	

}




.btn.link {
	padding: 0;
	border-bottom: 1px dashed #d39859;
	background: none;
	color: #d39859;
	font-size: 16px;
	font-weight: 600;
}

.btn-popup {
	padding: 0;
	border-bottom: 1px dashed rgba(255,255,255,.6);
	background: none;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}
.btn-popup:hover {
	border-color: #fff;
}

.btn:not(.btn-orange):not(.btn-popup):not(.link) {
	border: 2px solid #fff;
	color: #fff;
	background: none;/* 
	font-size: 14px;
	padding: 4px 10px; */
	font-weight: 600;	

}
.btn:not(.btn-orange):not(.btn-popup):not(.link):hover  {
	background-color: rgba(255,255,255,0.3);
}
.btn:not(.btn-orange):not(.btn-popup):not(.link):active  {
	background-color: rgba(0,0,0,0.2);
	border-color: rgba(255,255,255,0.7);
	color: rgba(255,255,255,0.7);
}



.btn.btn-orange {
	background-color: #d39859;
	color: #fff;
}
.btn.btn-orange:hover {
	background-color: #e1a361;
}



.btn.l {
	padding: 8px 12px;
	font-size: 22px;
}

.btn.xl {
	padding: 10px 16px;
	font-size: 24px;
}


/** .КНОПКИ **/


/** Содержимое страницы **/
.content-page {
	min-height: 400px;
	padding-bottom: 20px;
}

.content-page + .content-page {
	min-height: 20px;
}


/** Слайдеры **/
#slider-main {
	height: 400px;
	background-color: #0f475d;
	position: relative;
	
}
#slider-main .camera_wrap .camera_pag .camera_pag_ul {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding-left: 100px;
}

#slider-main .camera_caption {
	background-color: rgba(0,0,0,0.3);
	padding: 10px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	right: 50%;
	margin-right: -440px;
	width: 400px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.7);
}

#slider-main .camera_caption a {
	color :#d39859;
	
}

#slider-main .camera_caption a:hover {
	text-decoration: none;
}


#slider-nav {
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 4px;
	position: absolute;
	top: 0;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
}
#slider-nav .hor li {
	width: 25%;
	vertical-align: top;
	padding: 4px;
}

#slider-nav .hor li a {
	display: block;
	background-color: rgba(255,255,255,0.8);
	color: #0e536a;
	padding: 4px 10px;
	height: 60px;
	vertical-align: middle;
	text-align: left;
    display: table-cell;
	width: 240px;
	text-decoration: none;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	
	/* плавное */
	-webkit-transition: background 0.4s ease-out 0s;
	-moz-transition: background 0.4s ease-out 0s;
	-o-transition: background 0.4s ease-out 0s;
	transition: background 0.4s ease-out 0s;
}
#slider-nav .hor li a:hover {
	background-color: rgba(255,255,255,0.9);

}

#slider-nav .hor li:nth-child(2) a {
	text-align: center;
}


#slider-work {
	height: 412px;
	background-color: #0f475d;
	position: relative;
	border: 6px solid #0f475d;
	
}

.content-page > section {
	max-width: 1000px;
	margin: 0 auto;
}



#lastwork {
	min-height: 200px;
	/* background-color: #eee; */
	padding: 0px 0;
}

#lastwork .list {
	padding: 0 2px;
	text-align: center;
}
#lastwork li {
	width: 246px;
	padding: 8px;
	vertical-align: top;
	margin-bottom: 10px;
	text-align: left;
}

#lastwork li p a {
}

#lastwork li p a:hover {
}


/* Карточка работы */
.worklent {
	text-align: left;
}

.worklent .img {
	border-bottom: 5px solid #d39859;
	padding-bottom: 2px;
	margin: 0 auto;
	margin-bottom: 2px;
	display: inline-block;
}

.worklent .img img {
	display: block;
}

.worklent p {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.2;
}

.worklent p > a {
	color: #5c5b59;
	text-decoration: none;
}

.worklent p > a:hover {
	color: #13546b;
	text-decoration: underline;
}
/* .Карточка работы */


#socd {
	text-align: center;
	padding: 40px 0 20px;
}

#socd li {
	vertical-align: top;
	width: 330px;
	text-align: left;
	padding: 0 10px;
	border-right: 1px solid #83aab6;
}

#socd li:last-child {
	border: none;
}


#socd li p {
	color: #5c5b59;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 100;
}
#socd li p span {
	color: #13546b;
	font-size: 90px;
	display: block;
	margin-top: -10px;
	font-weight: 600;
	line-height: 1;
}

#socd img {
	float: right;
	margin-left: 5px;
}




h2.title {
	font-size: 32px;
	color: #13546b;
	font-weight: 600;
	padding: 10px 20px;
	text-transform: uppercase;
}

h4.title {
	font-size: 20px;
	color: #13546b;
	font-weight: 600;
	padding: 10px 20px;
	text-transform: uppercase;
}
.content + h4.title {
	margin-top: 20px;
	margin-bottom: 20px;
}


.lenta {
	border: 5px solid #c3d4da;
	padding: 10px;
}

.lenta h3.title {
	border-bottom: 5px solid #d39859;
	margin-bottom: 10px;
	font-size: 24px;
	text-transform: uppercase;
	color: #13546b;
	font-weight: 300;
	padding: 5px;
}
.lenta li {
	margin-bottom: 10px;
}
.lenta p {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	color: #5c5b59;
	font-weight: 300;
}
.lenta p a {
	text-decoration: none;
	color: #5c5b59;
}
.lenta p a:hover {
	text-decoration: underline;
	color: #0e536a;
}

.lenta p.date {
	color: #0e536a;
	margin-bottom: 4px;
}

.gco6  {
	width: 50%;
	padding: 5px;
}

.grow {
	padding: 0 2px;
}
.grow > div {
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px;
}


#ub {
	padding-left: 0px;
	position: absolute;
	bottom: 30px;
	right: 30px;
}


#ub p {
	font-size: 12px;
	font-size: Arial, sans-serif;
	color: rgba(255,255,255,0.6);
}
#ub p a {
	position: relative;
	padding-left: 20px;
	color: rgba(255,255,255,0.8);
}
#ub p a:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 16px;
	height: 13px;
	background-image: url('../img/ub.png');
	background-repeat: no-repeat;
	background-position: center top;
	
}
#ub p a:hover {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

#ub p a:hover:after {
	background-position: center bottom;
}

/** Партнеры.скроллер **/
#partners {
	min-height: 200px;
}

/** СКРОЛЕР **/
.ft-scroll {
	display: block;
	padding: 0px;	
/*
	max-width: 1000px;  ширина всего блока */
	margin: 10px auto;
	width:100%;
	
	position: relative;
}

.ft-scroll .view {
	margin: 10px 30px;
	overflow: hidden; 
	position: relative;
}
.ft-scroll .view .items {
   width: 10000px;
   position: relative; 
}
.ft-scroll .view .item  {
   float: left; 
   width: 240px;
   text-align: center;
}
.ft-scroll .view .items  img{
	max-width: 100%;
}
 
/*********** BUTTONS ***********/
.ft-scroll .prev, .ft-scroll .next {
	width: 20px; 
	height: 121px; 
	position: absolute;
	top: 26px;
	margin-top: 0px;
	cursor: pointer; 
	text-decoration:none;
	background-image: url(../img/row.png);
	background-repeat: no-repeat;
   
}
.prev {
	left: 0px;
	background-position: 0 0;
}

.prev:hover {
	background-position: 0 -121px;	
	margin-top: -1px;
}

.prev:active {
	margin-top: 1px;
}

.next {
	right: 0px;
	background-position: -20px 0;
}
.next:hover {
	background-position: -20px -121px;
	margin-top: -1px;
}
.next:active {
	margin-top: 1px;
}


hr.blue {
	border: none;
	height: 15px;
	/* background-color: rgba(0,0,255,0.1); */
	background-image: url('../img/bg_lineb.png');
	background-repeat: repeat-x;
	background-position: center;
}

.pagename {
	padding-bottom: 15px;
	background-image: url('../img/bg_lineb.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-bottom: 10px;
}
.pagename section {
	width: 1000px;
	margin: 0 auto;
	padding: 10px;
}
.pagename section h1 {
	font-size: 30px;
	text-transform: uppercase;
	color: #13546b;	
	font-weight: 600;
}
.content > section {
	width: 1000px;
	margin: 0 auto;
}
.content .pagename {
	background: none;
	padding: 0px;
	padding-bottom: 4px;
	border-bottom: 5px solid #d29858;
}

.content .pagename.system {
	border-bottom: none;
	padding: 10px 20px;
	
	background-image: url(../img/system_left.png), url(../img/system_right.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	text-align: center;
}


.content .pagename h2 {
	font-size: 24px;
	text-transform: uppercase;
	color: #13546b;	
	font-weight: 600;
}

.content .pagename h3 {
	font-size: 20px;
	color: #13546b;	
	font-weight: 300;

}

.content h3.title {
	font-size: 24px;
	text-transform: uppercase;
	color: #13546b;	
	font-weight: 600;
	padding-bottom: 4px;
	border-bottom: 5px solid #d29858;
}


a.round {
	display: inline-block;
	text-decoration: none;
	color: #666;
}
.round img {
	display: block;
	
}
.round span {
	display: block;
	text-align: center;
}



aside {
	width: 300px;
	min-height: 400px;
	padding: 0px;
}

aside.left-bar.l,
aside.right-bar.l { width: 350px; }

aside.left-bar.xl,
aside.right-bar.xl { width: 400px; }

aside.left-bar.xxl,
aside.right-bar.xxl { width: 450px; }

aside.left-bar.xxxl, 
aside.right-bar.xxxl { width: 500px; }

aside.left-bar.s ,
aside.right-bar.s { width: 250px; }

aside.left-bar.xs,
aside.right-bar.xs { width: 230px; }

aside.left-bar.xxs ,
aside.right-bar.xxs { width: 150px; }

aside.left-bar.xxxs ,
aside.right-bar.xxxs { width: 100px; }

aside.right-bar {
	float: right;
	padding: 20px;
	position: relative;
	z-index: 10;
}
aside.left-bar {
	float: left;
	padding-right: 40px;
	position: relative;
	z-index: 0;
	
	/* background-color: rgba(0,0,0,0.1); */
}


aside.xxxs.right-bar + .content { margin-right: 100px;}
aside.xxs.right-bar + .content { margin-right: 150px;}
aside.xs.right-bar + .content { margin-right: 230px;}
aside.s.right-bar + .content { margin-right: 250px;}
aside.right-bar + .content { margin-right: 300px;}
aside.l.right-bar + .content { margin-right: 350px;}
aside.xl.right-bar + .content { margin-right: 400px;}
aside.xxl.right-bar + .content { margin-right: 450px;}
aside.xxxl.right-bar + .content { margin-right: 500px;}

aside.xxxs.left-bar + .content { margin-left: 100px;}
aside.xxs.left-bar + .content { margin-left: 150px;}
aside.xs.left-bar + .content { margin-left: 230px;}
aside.s.left-bar + .content { margin-left: 250px;}
aside.left-bar + .content { margin-left: 300px;}
aside.l.left-bar + .content { margin-left: 350px;}
aside.xl.left-bar + .content { margin-left: 400px;}
aside.xxl.left-bar + .content { margin-left: 450px;}
aside.xxxl.left-bar + .content { margin-left: 500px;}


aside.left-bar + .content:after,
aside.right-bar + .content:after {
	content: '';
	display: block;
	clear: both;
}

aside.right-bar, 
aside.left-bar {
	position: relative;
}


aside.right-bar + .content, 
aside.left-bar + .content {
	/* z-index: 1; */
	position: relative;
	/* top: 50px; 
	margin-top: 50px;*/
}


aside + .content {
	padding: 10px 20px;
	border: 5px solid #c2d3da;
}

.content.nborder {
	border: none;
}

.content.lib-doc {
	
}

.content.lib-doc .page:before {
	content: '';
	clear: both;
	display: inline-block;	
}

.content.lib-doc > .img {
	float: left;
	margin-right: 10px;
	border: 10px solid #fff; 
	display: block;
}



.nav-ver menu li {
	position: relative;
}
.nav-ver a {
    color: #ffffff;
    display: block;
    font-size: 16px;
    line-height: 1;
    min-height: 40px;
    padding: 10px;
	background-color: #0e536a;
    position: relative;
    text-decoration: none;
}
.nav-ver a:hover {
	background-color: #0b4154;
}
.nav-ver .active > a {
	background-color: #d39859;
	color: #fff;
}
.nav-ver .active > a:hover {
	background-color: #dd9e5a;
	color: #fff;
}

.nav-ver .active > a:after {
	content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 16px solid #d39859;
    border-bottom: 20px solid transparent;
	position: absolute;
	right: -16px;
	top: 0;
	
}
.nav-ver .active > a:hover:after {
	border-left-color: #dd9e5a;

}

.open ~ menu {
	display: block;
}

.no-open ~ menu {
	display: none;
}

.nav-ver menu menu {
	margin-right: 0px;
}

.nav-ver menu menu a {
	background-color: #a2865e;
}

.nav-ver menu menu a:hover  {
	background-color: #947a54;
	
}

.nav-ver menu menu menu a {
	background-color: #aa9a83;
}

.nav-ver menu menu menu a:hover {
	background-color: #9d8e79;
}

.more-list {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 10px;
	color: rgba(255,255,255,0.8);
	font-weight: normal;
	cursor: pointer;
	text-align: center;
	line-height: 1;
	background-color:  rgba(0,0,0,0.1);
	z-index: 1;
	
	
	/* плавное */
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.more-list:hover {
	color: #fff;
	background-color:  rgba(255,255,255,0.1	);
	
}
.more-list:active {
	
}



.page {
	/* padding: 10px 20px; */
	padding: 2px;
	font-family: 'Neris', Tahoma, Arial, sans-serif;
	color: #444;
}

.page a {
	color: #0e536a;
}
.page a:hover {
	text-decoration: none;
	color: #0b4154;
}



/** FONT **/
.page b, .page strong { font-weight: bold;}
.page i, .page em { font-style: italic;}
.page center { text-align: center;}
.page big { font-size: larger;}
.page small { font-size: smaller;}

.page sup {
    font-size: smaller;
    line-height: 0;
    vertical-align: super;
    font-size: 12px;
}

.page sub {
    font-size: smaller;
    line-height: 0;
    vertical-align: sub;
    font-size: 12px;
}

.page p {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
}

.page h1 { font-size: 42px;}

.page h2 { font-size: 36px;}

.page h3 { font-size: 30px;}

.page h4 { font-size: 26px;}

.page h5 { font-size: 22px;}

.page h6 { font-size: 18px;}



.page figure {

}

.page figcaption {

}

.page hr {
	height: 2px;
	border: none;
	border-bottom: 1px solid #fff;
	background-color: rgba(0,0,0,0.2);
	margin: 14px 0px;
}

.page li {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
}

.page ul {	padding: 0px 20px;}
.page ol { padding: 0px 20px;}

.page ul li {
	list-style-type: square;
	list-style-position: unset; /* или inside */
}

.page ol li {
	list-style-type: decimal;
	list-style-position: unset; /* или inside */
}
.page ol li ol li{
	list-style-type: decimal;
}
.page > img {
	max-width: 100%;
}

/** .FONT **/



.sub-block {
	background: #0f536a;
	height: 60px;
	margin-top: 40px;
	position: relative;
	padding: 14px;
	padding-left: 500px;
}

.sub-block .input {
	width: 250px;
	margin-right: 20px;
}
.sub-block .call-to-action {
	background-color: #d4985a;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 450px;
	padding: 10px 20px;
	color: #fff;
}

.sub-block .call-to-action p {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1;
}
#offer-sub .call-to-action p {
	text-align: center;
	padding-top: 8px;
	font-size: 18px;
}
#news-sub .call-to-action p {
	text-align: center;
	padding-top: 8px;
	font-size: 18px;
}
.content.new {
	max-width: 700px;
}

.news {


}
.news li {
	vertical-align: top;
}
.news-item {
	margin-right: 60px;
	padding: 20px 0;
	margin-bottom: 10px;
	width: 240px;
}

.new .date,
.news .date {
	font-size: 13px;
	color: #888;
	margin-bottom: 4px;
}

.news .img {
	margin-bottom: 10px;
}

.news h3 {
	font-size: 16px;
}

.news h3 a {
	text-decoration: none;
	color: #444;
}

.news h3 a:hover {
	text-decoration: underline;
}


.sub-block .call-to-action:after {
	content: '';
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 20px solid #d39859;
    border-bottom: 30px solid transparent;
	position: absolute;
	right: -20px;
	top: 0;
}


.textarea {
	padding: 4px 10px;
	font-size: 13px;
	color: #2c3e50;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #bdc3c7;
	outline: 0;
	resize: vertical;
}
.textarea.block {
	width: 100%;
	display: block;
}

.input {
	padding: 4px 6px;
	font-size: 14px;
	color: #2c3e50;
	background-color: #ffffff;
	background-image: none;
	border: none;
	outline: 0;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	
	font-family: 'Open Sans', Tahoma, sans-serif;
}
.input.block {
	width: 100%;
	display: block;
}

.content .input {

	border: 1px solid #ccc;
}
.input.text {
	background: none;
	border-color: transparent;
	border-width: 2px;
	display: block;
	width: 100%;
}

.input.text:focus {
	color: #2c3e50;
	background-color: #ffffff;
	outline: 0;
	
}

.input.xxxs {
	padding: 1px 1px;
	font-size: 10px;}

.input.xxs {
	padding: 2px 2px;
	font-size: 11px;}

.input.xs {
	padding: 3px 3px;
	font-size: 12px;}

.input.s {
	padding: 4px 4px;
	font-size: 13px;
}

.input.n {
	padding: 6px 6px;
	font-size: 14px;
}

.input.l {
	padding: 9px;
	font-size: 15px;}

.input.xl {
	padding: 10px 10px;
	font-size: 16px;}

.input.xxl {
	padding: 11px;
	font-size: 20px;}

.input.xxxl {
	padding: 12px;
	font-size: 30px;
}

.input.xxl.text {
	padding: 4px;
}



.doc {
	display: block;
	padding: 10px;
}

.doc .img {
	display: block;
	position: relative;
	overflow: hidden;
}

.doc .img img {
	display: block;
}

.doc .img span {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	
	line-height: 1.1;
	color: #f5f5f5;
	font-size: 14px;
	padding: 6px 10px;
	background-color: rgba(0,0,0,0.7);
	opacity: 0;
	
	
	/* плавное */
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	
}

.doc .img:hover  span {
	bottom: 0;
	opacity: 1;
}


.row4 > * {
	width: 25%;
}



.work-round {
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;    
	display: block;
	width: 300px;
	margin: 20px auto;
}
.work-round .img {
	width: 285px;
	height: 285px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	background-color: #0e536a;
	display: block;
	margin: 0 auto 20px;
	background-repeat: no-repeat;
	background-position: center;
}
.work-round:hover .img {
	background-color: #d39859;
	
}
.work-round .text {
	border-bottom: 9px solid #d39859;
	color: #5e5f5f;
	font-size: 24px;
	font-weight: 100;
}
.work-round:hover .text {
	border-color: #0e536a;
}

.descript {
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 20px;
}


.work-round.current .img {
	background-image: url('../img/work1.png');
}
.work-round.made .img {
	background-image: url('../img/work2.png');
}




/** TABLE **/
.table {
	border-collapse: collapse; 
}
.table thead {
	background-color: #d39859;
}
.table tbody {
	background-color: #d6e3e8;
}
.table tbody td {
	font-size: 16px;
	color: #5e5f5f;
	font-family: inherit;
	padding: 10px 20px;
	border: 2px solid #fff;
}
.table.small tbody td {
	font-size: 12px;
	padding: 4px 10px;
}

.table tbody tr:hover {
	background-color: rgba(255,255,255,0.3);
}

.table thead th {
	border: 2px solid #fff;
	font-family: inherit;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	padding: 14px 35px;
	vertical-align: middle;
}
.table.small thead th {
	padding: 6px 10px;
	font-size: 14px;
}

.table thead th.big {
	font-size: 30px;
	padding: 0 30px;
	
}
.table td .btn.link {
	vertical-align: top;
}
.table.small td .btn.link {
	font-size: 14px;
}
/** .TABLE **/

.acc li {
	vertical-align: top;
}
.acc-item {
	width: 160px;
	text-align: center;
	padding: 10px;
	position: relative;
}
.acc-item:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 68px;
	
	
    height: 0px;
    width: 0px;
	
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left: 10px solid #0e536a;
}

.acc li:last-child .acc-item:after {
	display: none;
}

.acc-item img {
	position: relative;
	margin-bottom: 18px;
}


.acc-item p:after {
    content: "";
    position: absolute;
    left: 50%;
	margin-left: -8px;
    top: -14px;
	
    width: 0;
    height: 0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top: 10px solid #0e536a;

}




.acc-item  p {
	color: #363737;
	font-size: 14px;
	font-weight: 600;
	position: relative;
}


#services {
	padding: 0;
	text-align: left;
}

#services li {
	width: 250px;
	text-align: center;
	vertical-align: bottom;
}
article.service-item {
	position: relative;
	padding-top: 100px;
	display: inline-block;
	
}

#services article.service-item {
	margin-bottom: 20px;
}


article.service-item .img {
	width: 210px;
	height: 210px;
	display: inline-block;
	background-image: url('../img/luck.png');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding-top: 16px;
}

article.service-item .text {
	position: absolute;
	bottom: 200px;
	left: 50%;
	margin-left: -135px;
	font-size: 18px;
	font-weight: 600;
	width: 270px;
	text-align: center;
	line-height: 1.2;
	padding: 0px 40px 25px;
	color: #0e536a;
	text-transform: uppercase;	
	/*
	background-image: url('../img/row-bottom.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	*/
}

article.service-item .text a {
	color: #0e536a;
	text-decoration: none;
}
article.service-item .text a:hover  {
	text-decoration: underline;
}

article.service-item .img img {
	max-width: 180px;
	max-height: 180px;
	-webkit-border-radius: 180px;
	-moz-border-radius: 180px;
	border-radius: 180px;
}



#camera_wrap_2 .camera_fakehover {
	min-height: 390px;
}

#camera_wrap_2 .camera_caption {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(255,255,255,0.8);
	padding-bottom: 30px;
}

#camera_wrap_2 .camera_caption .text {
	color: #363737;
	display: inline-block;
	vertical-align: bottom;
	width: 700px;
	margin-right: 20px;
}
#camera_wrap_2 .camera_caption .text p {
	font-size: 14px;
}

#camera_wrap_2 .camera_caption .text h4 {
	color: #0e536a;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}

#camera_wrap_2 .camera_caption .img {
	display: inline-block;
	vertical-align: bottom;
	width: 200px;
	height: 100px;
	margin-right: 20px;
}
#camera_wrap_2 .camera_caption .img img {
	max-width: 200px;
	max-height: 100px;
	
}


.content .form .btn,
.left-bar .form .btn,
#camera_wrap_2 .camera_caption .btn {
	background-color: #d39859;
	display: inline-block;
	vertical-align: bottom;
}
#camera_wrap_2 .camera_caption .btn {
	padding: 4px 10px;
	font-size: 16px;
}

#camera_wrap_2 .camera_pag_ul {
	text-align: left;
	padding-left: 15px;
}
#camera_wrap_2 .camera_pag_ul li {
	margin: 20px 5px 10px;
}
	
#top {
	height: 390px;
	
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	
}
.info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
	padding: 20px 0;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	
}

.info section {
	width: 1000px;
	margin: 0 auto;
	padding: 10px;
}
.info section p {
	color: #363737;
}
.ft-scroll .view .item.photolent {
	width: 150px;
	text-align: center;
}

.photolent .img {
	border-bottom: 6px solid #d39859;
	display: inline-block;
	/*width: 140px;*/
	padding-bottom:4px;
}
.ft-scroll .view .item.photolent.big {
	width: 240px;
}

.photolent.big .img {
	/*width: 230px;*/
}
.photolent .img img {
	display: block;
}


.ft-scroll.photo .next,
.ft-scroll.photo .prev {
	background-image: url(../img/row_photo.png);
	width: 14px;
	height: 25px;
	top: 50%;
	margin-top: -13px;
}
.ft-scroll.photo .next {
	background-position: -14px 0;
}
.ft-scroll.photo .next:hover {
	background-position: -14px -25px;
}

.ft-scroll.photo .prev {
}
.ft-scroll.photo .prev:hover {
	background-position: 0px -25px;
}


.form {

}

.left-bar .form {
	background-color: #0e536a;
	min-height: 100px;
	margin: 10px 0;
}
.left-bar .form .form-header {
	border-bottom: 1px solid #fff;
	padding: 6px 10px;
	min-height: 36px;
	position: relative;
	padding-right: 36px;
	margin-bottom: 6px;
}

h3 {
	display: inline-block;
	vertical-align: top;
	
}

h3.ico.question {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 2px;
	border-bottom: 2px dashed #fff;
	margin: 6px 0;
	position: relative;
}

h3.ico.question:after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	position: absolute;
	
	top: 50%;
	margin-top: -16px;
	right: -40px;
	background-image: url(../img/ico-question.png);
	background-position: center;
	background-repeat: no-repeat;
}

.form-header {
	padding: 4px 10px;
}

.form-box {
	padding: 4px 10px;
}

.form-footer {
	padding: 4px 10px;
}

.form-footer p {
	color: #888;
}

.content .form-box label {
	font-weight: 600;
	color: #0e536a;
	display: block;
	margin-bottom: 5px;
}


.left-bar .form .form-box {
	padding: 4px 10px;
}
.left-bar .form .form-footer {
	padding: 6px 10px;
	text-align: center;
}



select,
keygen,
input[list="cars"],

input[type="file"],

input[type="checkbox"],
input[type="radio"],

input[type="image"],
input[type="color"],
input[type="date"],
input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;

	padding: 4px 10px;
	font-size: 13px;
	color: #2c3e50;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #bdc3c7;
	outline: 0;
	
}

.soglasie {
	padding: 10px 10px 14px;
}

.selectbox {
	vertical-align: middle;
	cursor: pointer;
	width: 100%;
}
.selectbox .select {
	width: 100%;
	height: 30px;
	padding: 0 45px 0 10px;
	font: 14px/30px Arial, Tahoma, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	background: #f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	border-radius: 4px;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
}
.selectbox .select:hover {
	background-color: #E6E6E6;
	background-position: 0 -10px;
}
.selectbox .select:active {
	background: #f5f5f5;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}
.selectbox.focused .select {
	border: 1px solid #5794BF;
}
.selectbox .select .text {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.selectbox .trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
	border-left: 1px solid #CCC;
}
.selectbox .trigger .arrow {
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -4px;
	margin-top: -2px; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.selectbox:hover .arrow {
	opacity: 1;
	filter: alpha(opacity=100);
}
.selectbox .dropdown {
	top: 33px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 1px solid #C6CBD0;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	font: 14px/18px Arial, Tahoma, sans-serif;
}
.selectbox .dropdown ul {
	padding: 0;
}
.selectbox li {
	padding: 5px 10px 6px;
	color: #231F20;
	list-style: none;
	margin: 0;
}
.selectbox li.selected {
	background: #A3ABB1;
	color: #FFF;
}
.selectbox li:hover {
	background: #1abc9c;
	color: #FFF;
}
.selectbox li.disabled {
	color: #AAA;
}
.selectbox li.disabled:hover {
	background: none;
}


::-webkit-input-placeholder {
	color: #969696;
	font-family:Tahoma, sans-serif;
	font-size: inherit;
}

:-moz-placeholder { /* Firefox 18- */
	color: #969696;
	font-family:Tahoma, sans-serif;
	font-size: inherit;
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #969696;
	font-family:  Tahoma, sans-serif;
	font-size: inherit;
}

:-ms-input-placeholder {  
	color: #969696;
	font-family:  Tahoma, sans-serif;
	font-size: inherit;
}

input[type="radio"], input[type="checkbox"] {	display: none;}

.content .form-box input[type="checkbox"] + label {
	cursor: pointer;
	position: relative;
	padding-left: 20px;
	font-weight: 300;
	/* 
	height: 10px;
	line-height: 10px; */
}

input[type="checkbox"] + label:after {
	content:'';
	display: block;
	font-size: 13px;
	color: #1abc9c;
	background-color: #ffffff;
	
	background-image: none;
	border: 2px solid #bdc3c7;
	outline: 0;
	width: 12px;
	height: 12px;
	
	-webkit-border-radius: 2px%;
	-moz-border-radius:  2px;
	border-radius:  2px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 0px;
}


input[type="checkbox"] label:hover {
	color: #1abc9c
}

input[type="checkbox"] + label:hover:after {
	background-color: #bdc3c7;
}



input[type="checkbox"]:checked + label:after {
	
	background-color: #0e536a;
	border-color: #0e536a;
}
input[type="checkbox"]:checked + label {
	color: #0e536a;
}

.title-made {
	text-align: right;
	width: 220px;
	padding-right: 10px;
	color: #13546b;
	text-transform: uppercase;
	margin: 6px 4px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.title-made:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 20px;
	height: 84px;
	margin-top: -42px;
	background-image: url(../img/title-made.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.made-box {
	min-height: 100px;
	padding: 10px 0;
}

.made-box .content {
	display: inline-block;
	vertical-align: middle;
	max-width: 500px;
	margin-left: 20px;
	min-height: 140px;
}

.title-docs {
	text-align: right;
	width: 180px;
	padding-right: 10px;
	color: #13546b;
	text-transform: uppercase;
	margin: 6px 4px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	padding: 10px 20px 10px 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.title-docs:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 20px;
	height: 84px;
	margin-top: -42px;
	background-image: url(../img/title-docs.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.title-docs + .content {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	margin-left: 10px;
	min-height: 200px;
	padding: 4px 10px;

}

.doc-file {
	color: #0e536a;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px dashed #0e536a;
	padding: 2px 0;
	margin-right: 10px;

}
.doc-file:hover {
	border-bottom: 1px solid #0e536a;
}
.doc-file + span {
	font-size: 14px;
	color: #999;
}

.contact {
	padding: 0 20px;
}
.contact p {
	color: #000;
	
	text-transform: uppercase;
	font-size: 17px;
	line-height: 1.2;
	padding-left: 40px;
	position: relative;
	margin: 10px 0;
	min-height: 30px;
}

.contact p:last-child {
	padding-top: 6px;
}
.contact p:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 0;
	background-position: center;
	background-repeat: no-repeat; 
	background-image: url(../img/phone.png);
}
.contact p:first-child:after {
	background-image: url(../img/map.png);
}
.contact p:last-child:after {
	background-image: url(../img/mail.png);
}
#map {
	padding: 10px 0;
}


.data {
	margin: 10px 0;
	font-weight: 300;
}

.data strong {
	font-weight: 600;
	color: #0e536a;
	margin-right: 5px;
}

.edit {
	font-size: 14px;
	color: #0e536a;
	background-color: #c3d4da;
	text-decoration: none;
	display: inline-block;
	padding: 4px 10px;
	position: absolute;
	top: 14px;
	right: 20px;
	opacity: 0.5;
}

.edit:hover {
	opacity: 1;
}

.reg-date {
	color: #868787;
	font-size: 12px;
	padding: 10px 0;
	border-top: 1px solid #ececec;
}

.dialog-item {
	padding: 20px 0;
	font-size: 15px;
}
.dialog-item .vopros {
	background-color: #f5f5f5;
	padding: 10px;
	font-size: 16px;
	margin: 10px;
	margin-right: 100px;
}
.dialog-item .otvet {
	background-color: #d9e4e8;
	padding: 10px;
	margin: 10px;
	margin-left: 100px;
	position: relative;
}
.dialog-item .otvet.none {
	background-color: #fff;
	border: 1px dashed  #d9e4e8;
	padding: 10px;
	margin: 10px;
	margin-left: 100px;
	position: relative;
	color: rgb(14, 83, 106);
}
.dialog-item .otvet:after {
	content: 'ответ:';
	font-size: 15px;
	color: rgb(14, 83, 106);
	position: absolute;
	width: 100px;
	text-align: center;
	left: -100px;
	top: 10px;
}


.libraly {
	background-color: #0e536a;
}

.libraly > .pagename {
	background-color: #d9e6ea;
	background-image: url('../img/bg_linelib.png');
	background-position: center bottom -8px;
}

.libraly aside + .content {
}

.libraly > .pagename:before {
	content: '';
	height: 70px;
	background-color: #fff;
	width: 100%;
	display: block;	
	background-image: url('../img/bg_lib.png');
	background-repeat: repeat-x;
	background-position: bottom center;
}
.libraly .nav-ver {
	border: 2px solid #fff;
}

.libraly .system.pagename h3 {
	color: #fff;
}

.libraly .pager a {
	color: #fff;
}

.libraly .content:not(.nborder) {
	background-color: #fff;	
}


#modal-login {
	
}

#modal-author .dialog,
#modal-login .dialog {
	max-width: 500px;	
	
}

.modal .regme {
	margin-left: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #0e536a;
	font-weight: 300;
	
}
.passme {
	margin-left: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #0e536a;
	font-weight: 300;
	display: inline-block;
	vertical-align: middle;
}

.modal .form-header h3 {
	font-weight: 600;
}

.modal .passme:hover,
.modal .regme:hover {
	text-decoration: underline;
}



/** POPUP **/
.popup-box {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
.popup {
	display: none;
	min-width: 60px;
	min-height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
.popup p {
	margin: 4px 10px;
}
.popup.active {
	display: block;
}
.popup .content {
	min-width: 60px;
	min-height: 30px;
	color: #333;
}
.popup {
}
.popup .header {
}
#popup1 {
	width: 240px;
	background-color: #fff;
	min-height: 200px;
	position: absolute;
	right: -2px;
	top: -2px;
	left: auto;
	white-space:normal;
	text-align: left;
	font-size: 13px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.6);
	box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

#popup1 .content {

}



#bottom .popup-box .primary {
	width: 100%;
	
	-webkit-box-shadow: 0px 0px 0px 10px #eb5f00;
	-moz-box-shadow:    0px 0px 0px 10px #eb5f00;
	box-shadow:         0px 0px 0px 10px #eb5f00;
}
/** .POPUP **/


.btn-reg {
	display: block;
	padding: 8px 20px;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	position: relative;
}
.btn-reg:hover {
	background-color: #f5f5f5;
}
.btn-reg.active {
	background-color: #d39859;
	padding-left: 30px;
	color: #fff;
	

}
.btn-reg.active:after {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 10px;
}


#go-books {
	display: block;	
	margin-top: 20px;
	text-align: left;
	padding: 10px;
	padding-left: 60px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	
	background-image: url(../img/ico-books.png);
	background-repeat: no-repeat;
	background-position: center left 15px;
	
}
#go-reg {
	display: block;	
	margin-top: 20px;
	text-align: left;
	padding: 10px;
	padding-left: 64px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	border: 2px solid #fff;
	
	background-image: url(../img/ico-reg.png);
	background-repeat: no-repeat;
	background-position: center left 15px;
	
}


.foot-nav {
	display: inline-block;
	vertical-align: top;
	min-width: 120px;
	margin-right: 20px;
}

.foot-nav h3 {
	color: #fff;
	color: rgba(255,255,255,0.8);
	font-size: 15px;
}

.foot-nav a {
	font-size: 13px;
	color: #fff;
	color: rgba(255,255,255,0.6);
}
.foot-nav a:hover {
	color: #fff;
	text-decoration: none;
}


.bread {
	
}
.bread li {
	padding: 0 6px;
	position: relative;
	/* border-right: 1px solid #333; */
}
.bread a {
	font-size: 12px;
	color: #666;
}

.bread a:hover {
	text-decoration: none;
}

.bread li:after {
	content: '/';
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	/* background: rgba(0,0,0,0.1); */
	/* padding: 0 2px; */
	position: absolute;
	right: -5px;
	width: 10px;
	text-align: center;
	top: 50%;
	margin-top: -6px;
	color: #888;
}

.bread li:last-child:after {
	display: none;
}

.bread span {
	font-size: 12px;
	color: #888;
}

.bloger {
	position: relative;
	margin-top: 20px;
}

.bloger li {
	width: 50%;
}
	
.bloger li.b-next {
	text-align: right;
	padding: 10px;
	padding-left: 20px;
}
.bloger li.b-prev {
	text-align: left;
	padding: 10px;
	padding-right: 20px;
}

.bloger a {
	color: #333;
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
	max-width: 240px;
}

.bloger a:hover {
	color: #0e536a;
}


.fleft {
	float: left;
	margin-right: 10px;
}

.fright {
	float: right;
	margin-left: 10px;
}