/* TAGS */
* {margin:0;padding:0}
html {min-width:1300px} 
body {background:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#434343;min-width:1300px;border-top:5px solid #dbdbdb}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul, ol {list-style:none}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.container {width:100%}
/* GLOBAL */
#header, #content .row-1, #content .row-2, #footer .footer {font-size:1em;width:1300px;margin:0 auto}
.col-1, .col-2, .col-3 {float:left}
/* TAILING */
.tail-top {background-color:#f4f4f4}
.tail-middle {background-color:#e8e8e8}
.tail-top-left {position:absolute;width:50%;left:0;top:5px;background:url(/images/site7/tail-top-left.gif) repeat-x left top;height:552px}
/* FORMS */
#contacts-form { clear:right;width:100%;overflow:hidden}
#contacts-form fieldset { border:none;float:left;}
#contacts-form .field { clear:both}
#contacts-form label { float:left;width:97px;line-height:18px;padding-bottom:8px;color:#454545}
#contacts-form input { width:250px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;background:none}
#contacts-form textarea { width:465px;height:192px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;margin-bottom:15px;overflow:auto;background:none}
#contacts-form .link1 {float:right}
/* LISTS */
.site-map ul 
{
	margin-left: 15px;
}
/*
.site-map li {float:left;line-height:1.54em}
.site-map li.m1 {width:190px}
.site-map li.m2 {width:240px}
.site-map li.m3 {width:182px}
.site-map li.m4 {width:178px}
.site-map li a {color:#b2da42}
.site-map li ul li {float:none}
.site-map li.last {margin:0}
*/
/* OTHER */
.img-indent {margin-bottom:20px}
.img-box1 {width:100%;overflow:hidden;line-height:1.54em;padding-bottom:14px}
.img-box1 img {float:left;margin:0 20px 0 0}
.img-box1.alt {position:relative;margin-left:-13px}
.img-box1.alt img {margin-right:12px}
.img-box2, .img-box3 {left:20px; padding-top: 15px; position:relative}
.img-box2 p , .img-box3 p{color:#ffffff;margin:0;line-height:1.69em; margin-bottom:0px}
.img-box2 p.extra, .img-box3 p.extra {color:#c2e575;font-size:.91em;line-height:1.83em;font-family:Tahoma, Arial, helvetica, sans-serif;margin:0}
.img-box2 p.extra a, .img-box3 p.extra a {color:#fff}
.img-box2 .inner, .img-box3 .inner {padding:0 49px 30px 15px}
.img-box2.extra .inner, .img-box3.extra .inner{padding-bottom:51px}
.img-box2 img, .img-box3 img{margin-right: 10px;}

.img-box3
{
padding-top: 25px;
}

p {margin-bottom:20px;line-height:1.54em}
.p0 { margin:0}
.p1 {margin-bottom:30px}
.address {width:600px;line-height:1.69em}
.address strong {float:left;width:150px}
.address a{color:#B2DA42}
.extra-column {width:552px;float:left;line-height:1.54em}
/* TXT, LINKS, LINES, TITLES */
a {color:#4f8ccf;outline:none}
a:hover {text-decoration:none}
h1, .title {font-size:24px; font-weight: normal; line-height:1.2em;margin-bottom:15px}

h4 {font-size:1.54em;line-height:1.2em;color:#fff;padding:14px 0 8px 0;font-weight:normal;font-family:Tahoma, Arial, helvetica, sans-serif}
.txt1 {color:#518d08;font-size:17px;line-height:1.2em}
.txt2 {color:#518d08}
.txt3 p {font-family:Tahoma, Arial, helvetica, sans-serif}
.link1 {display:block;float:left;background:url(/images/site7/link1-tail.gif) repeat-x left top;color:#fff;text-decoration:none;line-height:.92em}
.link1 em {display:block;background:url(/images/site7/link1-left.gif) no-repeat left top}
.link1 b {display:block;background:url(/images/site7/link1-right.gif) no-repeat right top;padding:7px 15px 7px 15px;font-style:normal}
.link1:hover {text-decoration:underline}

h4 a
{
color:#fff;
}

.inner h4
{
	padding-top: 0px;
}

.current, .page_link, .ctrl
{
margin: 0px 5px 0px 0px;
}
/* BOXES */
.box {background:#02467d;width:100%}
.box .border-top {background:url(/images/site7/border-top.gif) repeat-x left top}
.box .border-bot {background:url(/images/site7/border-bot.gif) repeat-x left bottom}
.box .left-top-corner {background:url(/images/site7/left-top-corner.gif) no-repeat left top}
.box .right-top-corner {background:url(/images/site7/right-top-corner.gif) no-repeat right top}
.box .left-bot-corner {background:url(/images/site7/left-bot-corner.gif) no-repeat left bottom;min-height:315px;height:auto!important;height:315px}

.box .left-bot-corner1 
{
background:url(/images/site7/left-bot-corner.gif) no-repeat left bottom;
min-height:180px;
height:auto!important;
height:180px;
}

.box .right-bot-corner {background:url(/images/site7/right-bot-corner.gif) no-repeat right bottom}
.box1 {background:#306a01;width:100%;color:#b2da42}
.box1 .border-top {background:url(/images/site7/border-top1.gif) repeat-x left top}
.box1 .border-bot {background:url(/images/site7/border-bot1.gif) repeat-x left bottom}
.box1 .left-top-corner {background:url(/images/site7/left-top-corner1.gif) no-repeat left top}
.box1 .right-top-corner {background:url(/images/site7/right-top-corner1.gif) no-repeat right top}
.box1 .left-bot-corner {background:url(/images/site7/left-bot-corner1.gif) no-repeat left bottom;min-height:156px;height:auto!important;height:156px}
.box1 .right-bot-corner {background:url(/images/site7/right-bot-corner1.gif) no-repeat right bottom}
.box1 .inner {padding:35px 0 30px 34px}
/* HEADER */
#header .row-1 {height:105px}
#header .row-1 .fleft {padding:5px 0 0 24px}
#header .row-1 .fright {padding:66px 50px 0 0}
#header .row-1 .fright ul li {float:left;font-size:17px;line-height:1.2em;padding-left:15px}
#header .row-1 .fright ul li a {color:#7b7b7b;text-decoration:none}
#header .row-1 .fright ul li a:hover,
#header .row-1 .fright ul li a.active {color:#000}
#header .row-2 span {text-align:right;display:block;padding:69px 50px 0 0}
#header .row-2 b {margin-bottom:18px;display:block}
#header .row-2 a {margin-right:-2px}

#slogan1
{
	color: #043e77; 
	font-size: 40pt; 	
	line-height: normal;
	margin-top: -11px;
	text-shadow: 
		-0   -4px 0   #FFFFFF,
		 0   -4px 0   #FFFFFF,
		-0    4px 0   #FFFFFF,
		 0    4px 0   #FFFFFF,
		-4px -0   0   #FFFFFF,
		 4px -0   0   #FFFFFF,
		-4px  0   0   #FFFFFF,
		 4px  0   0   #FFFFFF,
		-1px -4px 0   #FFFFFF,
		 1px -4px 0   #FFFFFF,
		-1px  4px 0   #FFFFFF,
		 1px  4px 0   #FFFFFF,
		-4px -1px 0   #FFFFFF,
		 4px -1px 0   #FFFFFF,
		-4px  1px 0   #FFFFFF,
		 4px  1px 0   #FFFFFF,
		-2px -4px 0   #FFFFFF,
		 2px -4px 0   #FFFFFF,
		-2px  4px 0   #FFFFFF,
		 2px  4px 0   #FFFFFF,
		-4px -2px 0   #FFFFFF,
		 4px -2px 0   #FFFFFF,
		-4px  2px 0   #FFFFFF,
		 4px  2px 0   #FFFFFF,
		-3px -4px 0   #FFFFFF,
		 3px -4px 0   #FFFFFF,
		-3px  4px 0   #FFFFFF,
		 3px  4px 0   #FFFFFF,
		-4px -3px 0   #FFFFFF,
		 4px -3px 0   #FFFFFF,
		-4px  3px 0   #FFFFFF,
		 4px  3px 0   #FFFFFF,
		-4px -4px 0   #FFFFFF,
		 4px -4px 0   #FFFFFF,
		-4px  4px 0   #FFFFFF,
		 4px  4px 0   #FFFFFF,
		-4px -4px 0   #FFFFFF,
		 4px -4px 0   #FFFFFF,
		-4px  4px 0   #FFFFFF,
		 4px  4px 0   #FFFFFF;
}

#slogan2
{
	color: #c7e053; 
	font-size: 25pt;
	line-height: normal;
}

#slogan_more
{
	float: right;
	height: 42px;
	overflow: hidden; 
	position: relative; 	
	width: 150px;
	
}

/* CONTENT */
#content {margin-top:-112px;position:relative}
#content .row-1 .inside {padding:0 0 40px 40px}
#content .row-2 .inside {padding:32px 0 40px 0}
#content .row-2 h1 {padding-left:42px}
#content .row-2 .title {padding-left:42px}
#content .aside {float:left;width:280px;margin-right:30px}
#content .aside h1 {border-bottom:1px solid #d4d4d4;padding:0 0 0 10px;margin-bottom:20px;left:-10px;position:relative}
#content .aside  .title {border-bottom:1px solid #d4d4d4;padding:0 0 0 10px;margin-bottom:20px;left:-10px;position:relative}
#content .aside ul {padding-bottom:5px}
#content .aside ul li {font-size:1.08em;color:#848484;width:100%;overflow:hidden;vertical-align:top;padding-bottom:12px}
#content .aside ul li img {float:left;position:relative;top:3px;margin-right:15px}
#content .aside ul li span {display:block;color:#434343;font-size:20px;line-height:1.2em;padding-bottom:2px}
#content .content {float:left;width:950px;margin-top: -17px;}
#content .indent {padding:0 20px}

.bread_crumbs
{
position: relative;
top: -30px;  
}

.path_arrow
{
margin: 0px 3px;
}

.link2 {
background:url("/images/site7/button.gif") repeat-x scroll left top transparent;
color:#FFFFFF;
/*display:block;*/
float:right;
text-decoration:none;
font-size: 20px; font-weight: bold;
width: 150px; 
height: 42px;
padding-top:7%;
text-align: center;
margin: 0;
}

.link2 a
{
	margin: 0px;
}

#captcha
{
	padding: 0px;
	font-size: 75%;
}

#captcha, #captcha a:link, #captcha a:hover, #captcha a:visited
{
	color: #777;
}

#captcha img
{
	margin-bottom: -5px;
}

#error
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px #CA1D13 dashed;
	color: #CA1D13;
	background-color: #F2EDE9;
	background: url('/hostcmsfiles/images/error.gif') no-repeat 5px 50%;
	width: 450px;
}

.date
 {
	color: #848484;
}

.news_img, .service_img
{
	margin: 0px 10px 0px 0px;
}
.service_img
{
	padding: 5px 0px 0px 0px;
}

.service_title
{
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}



.inner_copy, .inner_copy a {border:0;float:right;background:inherit;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-100% 0 0 0;overflow:hidden;padding:0}
/* FOOTER */
#footer {background-color:#313131}
#footer .footer {line-height:1.67em;color:#fff;text-align:center;padding:37px 0 36px 0}
#footer a {color:#4f8ccf}
/* carousel */
.carousel-box {position:relative;width:1280px;overflow:hidden;margin-top:-8px}
.carousel-box .prev {position:absolute;left:0;top:147px;z-index:10}
.carousel-box .next {position:absolute;right:0;top:147px;z-index:10}
.carousel-box .prev a, .carousel-box .next a {cursor:pointer}
.carousel-box ul {width:900px;margin-left:20px !important}
.carousel-box ul li {width:288px;float:left;border:0;margin-right:28px;position:relative;padding-top:8px}
#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}

div.comment {
	background: #F0EFEB;
	color: #333;
	margin: 5px 50px 10px 0;
	zoom: 1;
	position: relative;
	padding: 20px;
	border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
div.comment div.subject {font-weight: bold}
div.comment p {margin: 5px 0 0 0}
div.comment span.red, div.comment span.red a {color: #E83531 !important; text-decoration: underline; cursor: pointer}
div.comment_reply {
	display: none;
	margin: 0px 0px 10px 20px;
}
div.comment_sub {
	margin-left: 20px;
}

.comment .row {display: table-row}
.comment .caption {font-size: 9pt; display: table-cell; width: 150px; text-align: right; vertical-align: middle; /*white-space: nowrap*/}
.comment .field {display: table-cell; padding: 2px 0 3px 15px}
input.large,
div.shop_filter select,
div.shop_filter input[type="text"],
table.shop_cart select,
table.shop_cart input[type="text"],
div.shop_coupon input,
.comment .field select,
.comment .field input[type="text"],
.comment .field input[type="password"],
.comment .field input[type="file"],
.comment .field textarea {
	outline: none;
	width: auto;
	border: none;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
	padding: 2px 15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color: #5B5B5B;
	font-size: 10pt;
	font-family: 'Arial Narrow', sans-serif;
}
.comment .field input[type="text"], .comment .field input[type="password"], .comment .field input[type="file"] { height: 23px; }
.comment .field textarea { padding: 5px 12px }
.comment .field select { width: 210px }

input.large{font-size:16pt}

.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer}
.ui-stars-star a,.ui-stars-cancel a{width:16px;height:15px;display:block;background:url(/images/stars.png) no-repeat 0 0}
.ui-stars-star a{background-position:0 -32px}
.ui-stars-star-on a{background-position:0 -48px}
.ui-stars-star-hover a{background-position:0 -64px}
.ui-stars-cancel-hover a{background-position:0 -16px}
.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important}

.captcha{font-size:75%;padding:0;color:#777;clear:both}
.captcha span{text-decoration:underline; cursor:pointer}
div.captcha img{margin: 0 3px -1px 0}
img.captcha { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

#error,#message,#status_message{margin-top:5px;margin-bottom:5px;position:relative;font-size:8pt;border-collapse:collapse;width:450px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding:5px 15px 5px 35px}
#error{border:1px #CA1D13 solid;color:#CA1D13;background-color:#F2EDE9;background:url(/hostcmsfiles/images/error.gif) no-repeat 10px 50%}
#message,#status_message{border:1px #4ba749 solid;color:#4ba749;background:url(/hostcmsfiles/images/message.gif) no-repeat 10px 50%}
#message p{margin:0;padding:0}

.comment_link, .comment_link a {
	color: #E83531;
	border-bottom: 1px solid #E2D5D5;
	text-decoration: underline;
	cursor: pointer
}

/* Validate */
.validate label.input_error { display:block; line-height:1.8; vertical-align:top; color: red; font-style: italic; }
.validate input.input_error { border: 1px dashed #DB1905; background-color: #FFFFD5; }
/* / Validate */

ul.users{margin:0;padding:0}
ul.users li{list-style-type:none;background-repeat:no-repeat;background-color:#fff;background-position:10px 6px;width:230px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;margin:0 0 6px;padding:5px 0 11px 45px}
ul.users li a:link,.users li a:hover,.users li a:visited{color:#666;font-size:14pt;font-family:Georgia;text-decoration:none;border-bottom:1px dashed #666}
ul.users li:hover{background-color:#F4F4F4!important}

/* Helpdesk */
.helpdesk_status_1{color:#999}
.helpdesk_status_2{color:#000}
.helpdesk_hour div,.helpdesk_wt_0,.helpdesk_wt_1,.helpdesk_wt_2{color:#6A6A6A;float:left;width:20px;height:20px;margin:0 1px 1px 0}
.helpdesk_wt_0{background-color:#EFEEEA}
.helpdesk_wt_1{background-color:#a6bd4a}
.helpdesk_wt_2{background-color:#DF5910}
.helpdesk_day{color:#6A6A6A;width:100px}
.helpdesk_day div{height:19px;margin:0 1px 1px 0;padding:1px 0 0 5px}
.helpdesk_legend{margin:15px 0 0 30px}
.helpdesk_hour{text-align:center}

/* /Helpdesk */

.add_comment {
  display:block;
  width:200px;
  height:50px;
  position:fixed;
  right:0;
  top:800px;
  z-index: 99999;
}

.add_comment2 {
  display:block;
  width:300px;
  height:60px;
  position:fixed;
  right:140px;
  top:0;
  z-index: 99999;
}

#menuservis{
       text-transform: uppercase;
       text-align: center;
       line-height: 50px;
       background: #333;
   }
   #menuservis ul{padding:0; margin:0;}
   #menuservis li{
       display: inline;
       list-style:none;
       margin: 5px 10px;
   }
   #menuservis li a{
       padding:5px 10px;
       color:#fff;
       text-decoration: none;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
   }
   #menuservis li a:hover{
       background: #36c;
       color: #ff0;
       -webkit-transition-property: color, background;
       -webkit-transition-duration: 0.5s, 0.5s;
   }
   .default{
       width:920px;
   }
   .fixed{
       position:static;
       top:370px; left:0;
       width:100%;
       padding:10px 0;
    margin:0px 0px 50px 0px;
   }

/* Слайдер */
.slides {
    height:380px;
    overflow:hidden;
    margin:0px 0px 100px 0px;
    position:relative;
	margin-left: auto;
	margin-right: auto;
    width:1280px;

}
.slides ul {
    list-style:none;
    position:relative;
}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.slides ul li {
    opacity:0;
    position:absolute;
    top:0;

    /* анимация css3 */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
.slides ul li img {
    display:block;
}

/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}

.slides ul li div {
    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#FFFFFF;
    font-size:26px;
    left:10%;
    margin:0 auto;
    padding:20px;
    position:absolute;
    top:50%;
    width:300px;

    /* Анимация css3 */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}

/* Верхнее меню */
#menuservistop{
       text-transform: uppercase;
       text-align: center;
       line-height: 70px;
       background: #333;
   }
   #menuservistop ul{padding:0; margin:0;}
   #menuservistop li{
       display: inline;
       list-style:none;
       margin: 5px 10px;
   }
   #menuservistop li a{
       padding:5px 10px;
       color:#fff;
       text-decoration: none;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
   }
   #menuservistop li a:hover{
       background: #36c;
       color: #ff0;
       -webkit-transition-property: color, background;
       -webkit-transition-duration: 0.5s, 0.5s;
   }
   .default{
       width:920px;
   }
   .fixed1{
       position:static;
       top:370px; left:0;
       width:100%;
       padding:10px 0;
   }

.menu{
       text-transform: uppercase;
       text-align: center;
       line-height: 80px;
       background: #333;
  position: relative;
z-index: 200;
   }
.menu ul li{
  padding: 10px;
}
.menu ul > li:hover{
  background-color: #336699;

}
.menu ul ul > li:hover{
  background-color: #336699;
}
.menu ul li, .menu ul{
  display: inline-block;
}
.menu ul{
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #333333;
}
.menu ul ul{
  display: none;
  position: absolute;
  background-color: #333333;
  margin-top: 10px;
  margin-left: -10px;
line-height: 25px;
font-size: 9pt;
}
.menu ul a{
  color: #fff;
  text-decoration: none;
}
.menu ul ul a{
  color: #fff;
  text-decoration: none;
}
.menu li:hover ul{
  display: block;
}

.menu li:hover li{
  display: block;
}