@import url(bases.css);
/* =============================
        RESET
   =========================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}
ol,ul {list-style: none; }
:focus {outline: 0; }
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 15px;}
table td, table th {border: 1px solid #3d3d3d; padding: 5px;}
table[border="0"] td, table[border="0"] th {
    border: 0;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

hr {display: none; }
font {color: inherit !important; font: inherit !important; color: inherit !important; }

::-moz-selection { background: #1269CF; color: #fff; text-shadow: none; }
::selection { background: #1269CF; color: #fff; text-shadow: none; }

/*** =======================================
      Generic Typography Styles
     ================================== ***/

body, html {
	height: 100%;
    margin: 0 auto;
}

html {
    overflow-x: hidden;
	overflow-y: visible;
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    background: #F6FEFF url(../i/bg/body_bg.png) repeat-x;
}

body {
	background: url(../i/bg/center_bg.jpg) center top no-repeat;
	color: #555556;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
	word-wrap: break-word;
    line-height: 1.4;
    height: auto;
}

body.bg2 {
	background: url(../i/bg/center_bg2.jpg) center top no-repeat;
}

input, button, select, textarea, body {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #1a89a4;
}

a, .nu a:hover, a.nu:hover {
	text-decoration: underline;
}

a:hover, .nu a, a.nu {
	text-decoration: none;
}

a.dash, .dash a {
	text-decoration: none;
	border-bottom: 1px dashed;
}

a.dash:hover, .dash a:hover {
	border: 0;
}

:focus {
	outline: none;
}

.f-10 {
	font-size: 10px;
	font-size: 1rem;
}

.f-11 {
	font-size: 11px;
	font-size: 1.1rem;
}

.f-12 {
	font-size: 12px;
	font-size: 1.2rem;
}

.f-13 {
	font-size: 13px;
	font-size: 1.3rem;
}

.f-14 {
	font-size: 14px;
	font-size: 1.4rem;
}

.f-15 {
	font-size: 15px;
	font-size: 1.5rem;
}

.f-16 {
	font-size: 16px;
	font-size: 1.6rem;
}

.f-17 {
	font-size: 17px;
	font-size: 1.7rem;
}

.f-18 {
	font-size: 18px;
	font-size: 1.8rem;
}

.f-20 {
	font-size: 20px;
	font-size: 2rem;
}
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* remember to define focus styles! */
:focus {
outline: 0;
}

ol, ul {
list-style: none;
}

p, a, li, div {
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
    font-family: Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;
}

a {
    font-size: inherit;
}

article p {
    margin-bottom: 12px;
}


article p, article li {
    color: #000;
    line-height: 14px;
}

article ul {
    margin-bottom: 15px;
    padding-left: 20px;
}

article li {
    list-style: disc inside;
}
article li p {
    margin: 0;
}

article a {
    color: #f37e00;
} 

.img {
    text-align: center;
    line-height: 0;
}

.img a {
    display: inline-block;
    line-height: inherit;
}

.img img {
    vertical-align: middle;
}

/* Clearfix*/
.clearfix:before, .clearfix:after, article:before, article:after { content: ""; display: table; }
.clearfix:after, article:after { clear: both; }
.clearfix, article { *zoom: 1; }

.clear {
    clear: both;
}/***END CLEARFIX***/

/**PAGINATION**/

.pagination li {
    float: left;
    margin-right: 12px;
}

.pagination li span, .pagination li a, .pagination a {
    color: #575757;
    font-style: italic;
    font-size: 11px;
    font-size: 1.1rem;
}

.back_to {
    border-top: 1px solid #B2B2B2;
    padding-top: 30px;
}

.back_to a {
    color: #4c4c4c;
}

/****END PAGINATION****/

/****Bread****/

.crumbs {
    padding-bottom: 2px;
    position: relative;
}

.crumbs ul {
    padding: 0;
    margin: 0;
    text-align: left;
    position: absolute;
    top: -25px;
    left: 20px;
}

.crumbs ul li {
    display: inline-block;
    padding-bottom: 2px;
    margin-right: 5px;
}

.crumbs ul li a, .crumbs ul li span {
    color: #575757;
    font-style: italic;
    font-size: 11px;
    font-size: 1.1rem;
}

.crumbs ul li span {
    display: inline-block;
}

.ib-ju {
    text-align: justify;
    overflow: visible;
    text-justify:newspaper;
    text-align-last:justify;
}

.ib-ju:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.ib-ju li {
    text-align: left;
    vertical-align: top;
    display: inline;
}

.h1, .x1 {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
    background: url(../i/bg/h1_bg.png) repeat-y left bottom;
    padding: 0 15px 3px 29px;
    line-height: 1.2;
    
}
.h1 a, .x1 a {
    font: inherit;
    color: inherit;
    text-decoration: none;
}

.h1 span {
    padding-right: 0px;
}

.see_all {
    padding-left: 9px;
    background: url(../i/bg/see_all.png) no-repeat left 8px;
    display: inline-block;
}

.see_all a {
    font-size: 11px !important;
    font-size: 1.1rem !important;
    color: #1b3b69;
}

.lic .see_all {
    margin-top: 80px;
}

/****Îáðàòíàÿ ñâÿçü*****/

div.field {
    width: 100%;
    overflow: visible;
    margin-bottom: 11px;
    position: relative;
}

div.field p {
    font-size: 12px;
    font-size: 1.2rem;
    color: #3c3c3c;
    padding-top: 3px;
    float: left;
    margin: 0;
}

div.field p span {
    color: #ff0000;
    display: inline-block;
    padding-left: 5px;  
    font-size: 12px;
    font-size: 1.2rem;  
    position: absolute;
    left: -20px;
    top: 10px;
}

div.field input[type="text"], div.field textarea, div.field input[type="password"] {
    width: 240px;
    float: left;
    font-size: 13px;
    font-size: 1.3rem;
    color: #3d3d3d;
    height: 28px;
    margin-right: 6px;
    border: 1px solid #B7B7B7;
    padding: 2px 5px;
    background: #F7F7F7;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.field input[type="text"]:focus, div.field textarea:focus, div.field input[type="password"]:focus {
    transition: 0.6s all ease;
    -webkit-box-shadow: 0px 0px 8px rgba(212, 208, 200, 0.9) inset;
    -moz-box-shadow:    0px 0px 8px rgba(212, 208, 200, 0.9) inset;
    box-shadow:         0px 0px 8px rgba(212, 208, 200, 0.9) inset;
}

.feedback form {
    margin-top: 15px;
}

.o-error-field {
    display: inline-block;
    float: left;
}

div.field span.error-message {
    display: block;
    color: #ff0000;
    padding-top: 3px;
    position: absolute;
    top: -18px;
}

.error-field {
    border: 1px solid #FFACAC !important;
    background: #FBEBEB !important;
}

div.field textarea {
    height: 100px;
    max-width: 100%;
}

div.captcha {
    margin-bottom: 5px;
}

div.captcha .captcha_code {
    float: left;
    margin-right: 10px;
    width:80px;
}

div.captcha input[type="text"] {
    width: 150px;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="submit"], .btn {
    text-transform: uppercase;
    padding: 0 20px;
    height: 33px;
    border: 1px solid #979797;
    cursor: pointer;
    font-family: Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #1F2831;
    color: #f7f7f7;
    display: block;
    margin-left: 128px;
}

.btn {
    text-decoration: none;
    height: auto;
    line-height: 31px;
    display: inline-block;
    margin-right: 5px;
    float: none;
    padding: 0 10px;
    
}

.field .f-11 {
    color: #0080cc;
    display: inline-block;
    float: right;
    margin: 20px 10px 0 0;
}

/**********************************************SITE STYLES**************************************************************/
body {
    height: 100%;
}

.wrapper {
    width: 990px;
    padding: 0 5px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -65px;
    position: relative;
}

header  {
    margin-bottom: 20px;
}

header .logo {
    margin-top: 64px;
    width: 345px;
    height: 125px;
    background: url(../i/bg/logo.png);
}

header .logo a {
    display: block;
    height: 100%;
    width: 126px;
}

header .contacts {
    margin-top: 131px;
    margin-left: 57px;
}

header .contacts strong {
    font-size: 22px;
    font-size: 2.2rem;
    color: #0b5428;
    display: block;
}

header .contacts p.f-12 {
}

header .phone {
    border-left: 3px solid #9D9E9F;
}

header .phone p {
    font-size: 22px;
    font-size: 2.2rem;
    color: #2b2e2e;
    line-height: 1;
}

header .phone p.no1 {
    color: #494a4a;
}

header .phone p span {
    color: #2b2e2e;
}

header .fis {
    margin-top: 165px;
}

header .fis a {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #D8DDE2;
    float: left;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    margin-left: 18px;
}

header .fis a:hover {
    background: #fff;
}

header .fis a span {
    display: inline-block;
    width: 11px;
    height: 10px;
    background: url(../i/bg/fis.png) no-repeat;
    margin-top: 8px;
}

header .fis a .fis-mail {
    background-position: -43px top;
}

header nav {
    text-align: center;
    height: 44px;
    margin-bottom: 27px;
}

header nav ul {
    display: inline-block;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;

}

header nav ul li {
    float: left;
}

header nav li a {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    line-height: 44px;
    background: url(../i/bg/nav_bg.png);
    padding: 0 24px;
}

header nav li a:hover {
    background-position: -44px;
}

header nav li div {
    width: 1px;
    background: url(../i/bg/nav_bg.png) bottom;
    height: 44px;
}

.thumbs ul {
    overflow: visible;
    width: 650px;
}

.thumbs li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

.thumb {
    width: 115px;
    height: 115px;
}

.thumb a {
    background: #fff;
    display: table-cell;
    width: 110px;
    height: 110px;
    border: 3px solid #1B3B69;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    color: #3e559b;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.34);
    -moz-box-shadow:    2px 2px 3px rgba(0, 0, 0, 0.34);
    box-shadow:         2px 2px 3px rgba(0, 0, 0, 0.34);
    vertical-align: middle;
    
}

.thumb a span {
    padding: 0 5px;
}

.thumb a:hover {
    background: #ADD6FD;
}

.thumb.sale a {
    background: #C91F20;
    border: 3px solid #fff;
    color: #fff;
} 

.thumb .img {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    width: 100%;
}

.conteiner {
    margin-bottom: 40px;
}

.conteiner .content {
    width: 540px;
}

.content .thumbs ul {
    width: auto;
}

.services li {
    line-height: 13px;
    margin-bottom: 9px;
}

.services li a {
    display: inline-block;
    padding-left: 27px;
    background: url(../i/bg/ico_sprite.png) no-repeat;
    line-height: 17px;
}

.services li a:hover {
    color: #3966a9;
}

.services li .srv2 {
    background-position: left center;
}

.services li .srv3 {
    background-position: left bottom;
}

.conteiner aside {
    width: 420px;
}

.news_short {
    width: 395px;
    margin-bottom: 20px;
}

.news_short .img {
    width: 154px;
    height: 103px;
    margin-right: 44px;
    padding: 3px;
    background: #D8DDE2;
}

.title {
    color: #1b3b69;
    display: inline-block;
    text-decoration: none;
}

a.title:hover {
    text-decoration: underline;
}

.news_short .f_l .title {
    margin-bottom: 9px;
}

.news_short .oh .title {
    margin-bottom: 10px;
}

.promo p {
    font-size: 11px;
    font-size: 1.1rem;
    color: #7B7B7B;
    line-height: 14px;
}

.prod_thumb {
    border-bottom: 1px solid #4377BC;
    margin-bottom: 10px;
}

.prod_thumb .img {
    width: 146px;
    height: 93px;
    line-height: 90px;
    background: #fff;
    border: 4px solid #D8DDE2;
    float: left;
    margin-right: 14px;
    position: relative;
    margin-bottom: 15px;
}

.prod_thumb .img a {
    width: 100%;
    height: 100%;
}

.prod_thumb .img .new {
    width: 39px;
    height: 7px;
    background: url(../i/bg/new.png);
    position: absolute;
    right: -2px;
    top: -2px;
}

.prod_thumb .img .skidka {
    width: 40px;
    height: 40px;
    background: url(../i/bg/skidka.png);
    position: absolute;
    right: -13px;
    bottom: -16px;
}

.prod_thumb .img .xit {
    width: 31px;
    height: 31px;
    background: url(../i/bg/xit.png);
    position: absolute;
    left: -9px;
    top: -9px;
}

.prod_thumb .title {
    margin-bottom: 10px;
    max-width: 370px;
}

.prod_thumb article {
    overflow: hidden;
}

.price {
    margin-bottom: 10px;
}

.price span {
    font-size: 18px;
    font-size: 1.8rem;
    color: #ef7d00;
    display: inline-block;
    margin-right: 10px;
}

.price .see_all {
    line-height: 18px;
    background-image: url(../i/bg/see_all2.png);
}

.push {
    height: 75px;
}

footer {
    position: relative;
    padding-bottom: 10px;
    height: 90px;
    width: 990px;
    margin: 0 auto;
    background: #3966A9;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

footer nav {
    width: 660px;
    margin: 20px 0 0 30px;
}

footer nav p, footer nav a  {
    font-size: 11px;
    font-size: 1.1rem;
    color: #add6fd;
    display: inline-block;
}

footer .copyright{
    margin-top: 10px;
}

footer .counter {
    margin-top: 14px;
}

footer .copyright span {
    color: #fff;
    padding-left: 24px;
}

footer .copyright a {
    display: block;
    background: url(../i/bg/author.png);
    width: 106px;
    height: 26px;
    margin-top: -8px;
}

/*******LIGHTBOX*******/
#jquery-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

.lightbox {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(./pie/PIE.htc);
    overflow: hidden;
}

#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
    padding: 0 40px 20px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 50%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box> #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width:50px;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnPrev.btnActive {
    background: url(../i/bg/lightbox-btn-prev.gif) no-repeat center center !important;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-nav-btnNext.btnActive {
    background: url(../i/bg/lightbox-btn-next.gif) no-repeat center center !important;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
    background: url(../i/bg/lightbox-btn-prev.gif) no-repeat center;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
    background: url(../i/bg/lightbox-btn-next.gif) no-repeat center;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	width: 100%;
	padding: 0 50px 0;
    position: relative;
}
#lightbox-container-image-data { 
	color: #666; 
    width: 100%;
}
#lightbox-image-details { 
	width: 100%;  
	text-align: left; 
    min-height: 50px;
}	
#lightbox-image-details-caption {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 20px;
    line-height: 22px;
    border: 0 none;
}
#lightbox-image-details-currentNumber {
    display: block;
    color: #383838;
    margin-top: 15px;
    float: left;
    font-size: 11px;
    font-size: 1.1rem;
}

#lightbox-secNav-btnClose {
	position: absolute;
	top: -40px;
	right: 10px;
    width: 23px;
    height: 23px;
    background: url(../i/bg/close.png);
    text-indent: -9999px;
    color: #939393;
}/******END LIGHTBOX*******/
/*----Jquery - äëÿ ÂÑÏËÛÂÀØÊÈ----*/
.hide {
    display: none;
}

.jpopup {
	position: fixed;
	z-index: 1000;
}

.jpopup, .jpopup__in, .jpopup__bg {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.jpopup__in {
	overflow: hidden;
}

.jpopup__in, .jpopup__bg {
	position: absolute;
}

.jpopup__bg {
    background: none;    
    z-index: -1;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

table.jpopup__main, table.jpopup__main td.jpopup__main__td {
	height: 100%;
	margin: auto;
	vertical-align: middle;
    border: 0 none;
}

.jpopup__in_in {
	background: #fff;
	position: relative;
	padding: 20px 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(./pie/PIE.htc);
}

.jpopup__in_in .h1 {
    background: none;
    color: #363636;
    padding-left: 0;
}

.jpopup__close {
    color: #0a6b2e;
	position: absolute;
	top: 10px;
	right: 10px;
    width: 23px;
    height: 23px;
    background: url(../i/bg/close.png);
    text-indent: -9999px;
}