/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; min-width:1047px; background:#c7d5e8}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#5b6169;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

table {border: 1px solid #ccc; border-collapse: collapse; margin-bottom: 20px;}
table td {border-collapse: collapse; border: 1px solid #ccc; color: #333333; font-size: 16px; font-weight: bold; padding-bottom: 15px;}
table td:hover {border-collapse: collapse; border: 1px solid #ccc; color: #499ABD; font-size: 16px; font-weight: bold;}

a{color:#499abd; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

h1 {font-weight: normal;}

.link{color:#499abd; background:url(images/marker1.gif) center right no-repeat; padding-right:13px; }
.link1{color:#f25510; background:url(images/marker2.gif) center right no-repeat; padding-right:13px;}

.link2{color:#fff; background:url(images/bg_link.gif) top right repeat-x; padding: 0 3px; /*padding:5px 10px 5px 10px;*/ font-weight:bold; text-decoration:none; display:block; float:left}
/* .link2:hover{ color:#000; text-decoration:none} */

.link3{color:#f25510; }

.link_1{color:#fff; font-weight:bold; background:url(images/bg_link1.gif) top left repeat-x; line-height:20px; padding:0 8px 0 8px; text-decoration:none; display:block; float:right }
.link_1:hover{text-decoration:underline }
.link_2{color:#fff; font-weight:bold; background:url(images/bg_link2.gif) top left repeat-x; line-height:20px; padding:0 8px 0 8px; text-decoration:none; display:block; float:right }
.link_2:hover{text-decoration:underline }
.link_3{color:#fff; font-weight:bold; background:url(images/bg_link3.gif) top left repeat-x; line-height:20px; padding:0 8px 0 8px; text-decoration:none; display:block; float:right }
.link_3:hover{text-decoration:underline }

.button{color:#fff; background:url(images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

/* #content ul{margin:0; padding:0; list-style:none;} */
#content ul li{/* background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:24px; */ }
#content ul li a{color:#499abd; text-decoration: underline; /* line-height:2.5em */} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(images/marker-1.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:17px; }
#content .ul li a{color:#fff; text-decoration: underline; line-height:1.66em} 
#content .ul li a:hover { text-decoration:none; }
#content .ul1 li{background:url(images/marker-2.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:17px; }
#content .ul1 li a{color:#476a74; text-decoration: underline; line-height:1.66em} 
#content .ul1 li a:hover { text-decoration:none; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

/*header*/
#header {font-size:0.75em; color:#3b352f }
#header .logo{ margin:38px 0 51px 34px }
#header .indent{margin:176px 0 0 787px; position:absolute; width:202px}
#header .indent1{margin:52px 0 0 619px; position:absolute; width:395px; text-align:right}
#header .img{margin:222px 0 0 34px; position:absolute; }
#header .img1{margin:224px 0 0 1047px; position:absolute; }
.top-left{ background:url(images/top_left.gif) top left no-repeat}
.top-right{ background:url(images/top_right.gif) top right no-repeat; height:600px}
.txt-1{ text-transform:uppercase; color:#30271f; font-size:1.16em}
#header a{color:#333; text-decoration:none;} 
#header a:hover{text-decoration:underline}

#header ul{margin:0; padding:0 0 0 35px; list-style:none; overflow:hidden}
#header ul li{ margin:0; display:inline}
#header ul li a{ background:url(images/bg_menu.gif)  bottom left no-repeat; color:#75808f; text-decoration:none; font-size:1.16em; width:109px; text-align:center; display:block; float:left; line-height:1.2em;  text-transform:uppercase; padding-bottom:8px; margin-right:4px} 
#header ul li a:hover { color:#0d0f0f; text-decoration:none; background:url(images/bg_menu-act.gif) bottom left no-repeat;}
#header ul li .current{ color:#0d0f0f; text-decoration:none; background:url(images/bg_menu-act.gif) bottom left no-repeat;  }

#coin-slider{ overflow:hidden; top:14px; left:34px; height:368px;}
.coin-slider { overflow: hidden; position: relative; height:382px; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

#cs-buttons-coin-slider{ position:absolute; bottom:13px; right:44px;}
#cs-buttons-coin-slider a{ display:block; width:20px; height:20px;background:url(images/buttons.png) right top no-repeat; float:left; margin-right:1px; text-indent:-9999px; }
#cs-buttons-coin-slider a:hover, #cs-buttons-coin-slider a.cs-active{ background-position:left}
#cs-navigation-coin-slider a{ display:none}

/*content*/
.main-block {float: left; width: 235px; height: 265px; margin: 5px; background: #E3ECF8; box-shadow:0px 0px 1px #696969;
color: #333333; font-size: 12px;}
.main-block img {margin: 5px 2px !important; padding: 0 !important;}
.main-block p {margin: 5px 8px !important;}

.main-block-top {background: #f00; color: #FFFFFF;
    background-image: url(/images/col1.jpg);
    font-style: italic;
    font-weight: bold;
    height: 44px;
    text-align: center;
    text-transform: uppercase;
	font-size: 18px;}

.main-block-top p { font-style: italic;
    font-weight: bold;
    height: 44px;
    text-align: center;
    text-transform: uppercase;
	font-size: 18px !important;
	margin: 0 !important;
	padding-top: 10px;
	color: #fff !important;}
	
#content{ font-size:0.75em; width:100%; text-align:left; background:url(images/bg_cont.gif)}
#content .indent-main{padding:0 33px 34px 34px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 14px 0}
#content p{ margin:0 0 15px 0; font-size: 14px; color: #333;}
#content ul {color: #333; padding: 0 0 15px 25px; font-size: 14px;}
#content img {padding: 5px;}
#content .p{ margin:0}
#content .p1{ margin:0 0 27px 0}
#content .p2{ margin:0 0 7px 0}
#content h2{color:#5A5E5F; font-size:2em; margin-bottom:13px; line-height:1.2em; font-weight: normal; }
#content h2 span{ color:#f25510}
#content h2 strong{ text-transform:uppercase }
#content .icon1{color:#393c3d; background:url(images/icon-1.gif) top left no-repeat; padding:5px 0 5px 40px}
#content .icon2{color:#393c3d; background:url(images/icon-2.gif) top left no-repeat; padding:0 0 5px 57px}
#content .icon3{color:#393c3d; background:url(images/icon-3.gif) top left no-repeat; padding:5px 0 5px 40px}
#content .icon4{color:#393c3d; background:url(images/icon-4.gif) top left no-repeat; padding:5px 0 8px 57px; margin-bottom:7px}
#content .icon5{color:#393c3d; background:url(images/icon-5.gif) top left no-repeat; padding:5px 0 5px 40px}
#content h4{color:#5b6169; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt{ color:#499abd}
.txt1{ color:#f25510}
.txt2{ letter-spacing:-1px}

#content .indent{padding:30px 0 0 0}

/*box*/
.box{ background:#e6a55b; width:100%;}
.box .border-top {background:url(images/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(images/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(images/border_left.gif) left repeat-y;}
.box .border-right {background:url(images/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:10px 26px 15px 23px; }
#content .box h2{color:#fff; font-size:1.75em; text-transform:uppercase; margin-bottom:23px; margin-left:48px; line-height:1.2em }

/*box1*/
.box1{ background:#d8e4f5 ; width:100%;}
.box1 .border-top {background:url(images/border_top1.gif) top repeat-x;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) bottom repeat-x;}
.box1 .border-left {background:url(images/border_left1.gif) left repeat-y;}
.box1 .border-right {background:url(images/border_right1.gif) right repeat-y;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) left top no-repeat;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) right top no-repeat;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) left bottom no-repeat;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) right bottom no-repeat; width:100%; }
.box1 .indent-box{ padding:10px 26px 15px 23px; }
#content .box1 h2{color:#fff; font-size:1.75em; text-transform:uppercase; margin-bottom:23px; margin-left:48px; line-height:1.2em }

/*box2*/
.box2{ background:#d7e3f5; width:100%;}
.box2 .border-top {background:url(images/border_top2.gif) top repeat-x;}
.box2 .border-bottom {background:url(images/border_bottom2.gif) bottom repeat-x;}
.box2 .border-left {background:url(images/border_left2.gif) left repeat-y;}
.box2 .border-right {background:url(images/border_right2.gif) right repeat-y;}
.box2 .corner-top-left {background:url(images/corner_top_left2.gif) left top no-repeat;}
.box2 .corner-top-right {background:url(images/corner_top_right2.gif) right top no-repeat;}
.box2 .corner-bottom-left {background:url(images/corner_bottom_left2.gif) left bottom no-repeat;}
.box2 .corner-bottom-right {background:url(images/corner_bottom_right2.gif) right bottom no-repeat; width:100%; }
.box2 .indent-box{ padding:10px 26px 15px 23px; }
#content .box2 h2{color:#fff; font-size:1.75em; text-transform:uppercase; margin-bottom:23px; margin-left:48px; line-height:1.2em }

/*footer*/
#footer { color:#a1a2a2; font-size:0.75em; background:url(images/bot_bg.gif) top repeat-x ; }
#footer .indent-footer{ padding:21px 50px 0 36px;}
#footer .indent-footer1{ margin:23px 0 0 840px; position:absolute; width:181px}
#footer a {color:#a1a2a2; text-decoration:none}  
#footer a:hover { color:#f4f7f8;  text-decoration:none}
.bot-left{ background:url(images/bot_left.gif) top left no-repeat}
.bot-right{ background:url(images/bot_right.gif) top right no-repeat; height:115px}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{ margin:0; display:inline; background:url(images/bg_li.gif) center left no-repeat; float:left}
#footer ul li a{color:#a1a2a2; text-decoration:none; display:block; float:left; padding:2px 9px 2px 9px} 
#footer ul li a:hover { text-decoration:none; color:#f4f7f8 }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ text-decoration:none; color:#f4f7f8  }

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:34px}
.h1{ font-size: 20px; font-weight: bold; color: #333;}
.block-contact span{ float:right; margin-right:110px}
.input{
   	border:none; 
	background:none;
	width:149px; height:21px;
	font-size:1em;
	color:#000;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}input{
   	border:2px solid #cacbcc; 
	background:#f4f7f8;
	width:271px; height:20px;
	font-size:1em;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}
textarea{
   	border:2px solid #cacbcc; 
	background:#f4f7f8;
	width:271px; height:151px;
	font-size:1em;
	padding-left:10px;
	margin-bottom:11px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:auto}
	
	
	
	#menu8 {
	width: 200px;
	margin-top: 10px;
}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color: #777;
	display: block;
	background: url(images/menu8.gif);
	padding: 7px 0 0 20px;
}
	
#menu8 li a:hover {
	color: #257EB7;
	background: url(images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: #fff;
	background: url(images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*---------FORM------------*/
.item-form-element {
    position: relative;
    margin-bottom: 15px;
    text-align: left;
}

.item-form-element input {
    display: inline-block;
    vertical-align: middle;
}

.item-form-element textarea {
    vertical-align: top;
}

.item-form-element .title {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    padding-right: 15px;
}

.item-form-element .marker {
    position: absolute;
    top: 5px;
    left: -9px;
    color: #F45B28;
}

input.success, .item-form-element.success input {
    background: url('../img/validation-informer-success.png') right center no-repeat #fff;
    border-color: #00cc00;
}

input.success:focus, .item-form-element.success input:focus {
    border-color: #00cc00;
    box-shadow: 0 0 2px 0 #009400;
}

input.warning, .item-form-element.warning input {
    background: url('../img/validation-informer-warning.png') right center no-repeat #fff;
    border-color: #FF8F00;
}

input.warning:focus, .item-form-element.warning input:focus {
    border-color: #FF8F00;
    box-shadow: 0 0 2px 0 #FF8F00;
}

input.error, .item-form-element.error input {
    background: url('../img/validation-informer-error.png') right center no-repeat #fff;
    border-color: #cc0000;
}

input.error:focus, .item-form-element.error input:focus {
    border-color: #cc0000;
    box-shadow: 0 0 2px 0 #cc0000;
}

textarea.success, .item-form-element.success textarea {
    background: url('../img/validation-informer-success.png') right 1px no-repeat #fff;
    border-color: #00cc00;
}

textarea.success:focus, .item-form-element.success textarea:focus {
    border-color: #00cc00;
    box-shadow: 0 0 2px 0 #009400;
}

textarea.warning, .item-form-element.warning textarea {
    background: url('../img/validation-informer-warning.png') right 1px no-repeat #fff;
    border-color: #FF8F00;
}

textarea.warning:focus, .item-form-element.warning textarea:focus {
    border-color: #FF8F00;
    box-shadow: 0 0 2px 0 #FF8F00;
}

textarea.error, .item-form-element.error textarea {
    background: url('../img/validation-informer-error.png') right 1px no-repeat #fff;
    border-color: #cc0000;
}

textarea.error:focus, .item-form-element.error textarea:focus {
    border-color: #cc0000;
    box-shadow: 0 0 2px 0 #cc0000;
}

/*всплывающее сообщение*/
.item-form-element .validation-informer {
    margin-top: 9px;
    position: relative;
    display: none;
}

.item-form-element.error .validation-informer, .item-form-element.warning .validation-informer {
    display: block;
}

.item-form-element .validation-informer span {
    position: relative;
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    background: #FFF7BD;
    text-align: center;
}

.item-form-element .validation-informer span:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #FFF7BD;
}

form .status_message {
    display: none;
    margin: 10px 0;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #F0F0B0;
    background: #FFF7BD;
}

/*форма заказа товара*/
.form-zakaz-item {
    width: 220px;
    text-align: center;
    display: inline-block;
}

.form-zakaz-item .img-container {
    position: relative;
    margin: 0 auto;
    width: 150px;
    height: 150px;
}

.form-zakaz-item .img-container img {
    max-width: 150px;
    max-height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.form-zakaz-item .title {
    width: 220px;
}

/*---------/FORM------------*/

/*---------ВСПЛЫВАЮЩЕЕ ОКНО------------*/
.window {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
    text-align: center;
    vertical-align: middle;
    z-index: 98;
}

.window-popup-overflower {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background: url('../img/opacity.png');
    background: rgba(1, 0, 0, 0.55);
}

.window .window_body {
    position: relative;
    vertical-align: middle;
    text-align: left;
    display: inline-block;
    background: #fff;
    border-radius: 9px;
    padding: 20px 30px;
    box-shadow: 0 0 15px rgba(23, 23, 24, .75);
}

.window .window_body .content {
    width: auto;
    background: transparent;
    text-align: center;
    padding: 0;
}

.window .close {
    display: none;
    cursor: pointer;
    position: absolute;
    top: -12px;
    right: -12px;

    width: 25px;
    height: 25px;
    line-height: 23px;

    color: #555555;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(22, 22, 22, .3), inset 0 0 0 2px rgba(246, 246, 246, .5);
    border: solid 1px #a8adb3;
    background-color: #b7bec5;
    background-image: -webkit-linear-gradient(bottom, #b7bec5, #e4e8ed);
    background-image: linear-gradient(to top, #b7bec5, #e4e8ed);
}

.window .close:hover {
    background-color: #e4e8ed;
    background-image: -webkit-linear-gradient(top, #b7bec5, #e4e8ed);
    background-image: linear-gradient(to bottom, #b7bec5, #e4e8ed);
}

.window .close:active {
    background-color: #b7bec5;
    background-image: -webkit-linear-gradient(bottom, #b7bec5, #e4e8ed);
    background-image: linear-gradient(to top, #b7bec5, #e4e8ed);
}

.window .close.show {
    display: block;
}

.window.show {
    display: inline-block;
}

.window.show .window_body {

}

.window form > .h2 {
    margin-top: 0;
}

.window form textarea {
    resize: vertical;
}

.window .button.close-btn {
    display: block;
    width: 80px;
    margin: 15px auto 0 auto;
    text-transform: uppercase;
}

.window .form-input-warning {
    margin-bottom: 15px;
}

/*---------/ВСПЛЫВАЮЩЕЕ ОКНО------------*/

.button {
    display: inline-block;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background: #848484;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
}

form.todir .button {font-size: 18px;}
form.todir .h2 {font-size: 20px;margin-bottom: 15px;}

.button:hover {
    background: #606060;
}

.button:active {
    background: #848484;
}