/* Core
------------------------------ */

* {
	margin:0;
	padding:0;
}

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container { width: 100%; }
.container:after, .columns:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html {
	height:100%;
	background:#fff url(../img/bg_html.gif) repeat-x 0 0;
	font:.75em/1.5em "Times New Roman", Times, serif;
	color:#666;
}
body {
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
} 

a {
	color:#19b4d8;
}
a:visited {  }
a:hover {  }
a:active {  }

/* Layout Boxs
------------------------------ */

.page-layout { margin-right: -5px; }
.layout-box { float: left; margin: 0 5px 5px 0; }

.lb-1 { width:99%; } /* 100% */
.lb-2 { width:74%; } /* 75% */
.lb-3 { width:49%; } /* 50% */
.lb-4 { width:24%; } /* 25% */

/* Demo Template
------------------------------ */

#page {
	width:955px;
	margin:0 auto;
	padding:10px;
}
#header {
	height:145px;
	clear:both;
	position:relative;
}
#col-right {
	float:right;
	width:26%;
}
#content {
	width:70%;
	float:left;
}
#footer {
	clear:both;
	padding-top:1em;
	border-top:2px solid #ccc;
}

.logo {
	position:absolute;
	top:0px;
	left:20px;
}
.tel_head {
	height:50px;
	font:1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:transparent url(../img/tel_bg_line.gif) no-repeat 0 0;
}
.tel_head div {
	height:50px;
	padding-top:8px;
	padding-left:37px;
	background:transparent url(../img/tel_bg_line_right.gif) no-repeat top right;
}
.tel_head span {
	font-weight:800;
	color:#896996;
}


/* Horizontal Menu
------------------------------ */

#menu-h {
	position:absolute;
	top:45px;
	left:30%;
	overflow:hidden;
}
#menu-h li {
	float:left;
	list-style:none;
	font-weight:800;
	font-size:.8em;
	font-family:Calibri, Arial, Helvetica, sans-serif;
}
#menu-h a {
	text-decoration:none;
	color:#4d4d4d;
	display:block;
}
#menu-h a:hover {
	text-decoration:none;
	color:#f2f2f2;
}


/* Footer - Menu
------------------------------ */
.foot {
	clear:both;
	overflow:hidden;
	width:980px;
	margin:0 auto;
	padding-top:1em;
	text-align:center;
}

.foot p {
	font-size:12px;
	color:#b1b1b1;
	padding:1.2em 0 2.5em 0;
	border-top:#ccc 1px solid;
}
.foot p a {
	color:#b1b1b1;
}



.menu-f {
	overflow:hidden;
	padding-top:12px;
	height:3em;
	border-top:#ccc 1px solid;
}
ul.menu-f li {
	display:inline;
}
.menu-f li {
	list-style:none;
	font-weight:800;
	font-size:1.2em;
	font-family:Calibri, Arial, Helvetica, sans-serif;
}
.menu-f a {
	text-decoration:none;
	color:#4d4d4d;
	display:block;
}
.menu-f a:hover {
	text-decoration:none;
	color:#324143;
}



/* Right Block
------------------------------ */

.news_header {
	padding-left:10px;
	height:29px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	background:transparent url(../img/news_bg.gif) no-repeat top left;
}
#left_news_header {
	float:left;
	width:65%;
	height:29px;
	padding-right:5%;
	padding-top:8px;
	font-size:18px;
	color:#324143;
	background:transparent url(../img/news_bg.gif) no-repeat top right;
}
#right_news_header {
	float:right;
	width:20%;
	height:29px;
	padding-right:10%;
	padding-top:5px;
	font-size:18px;
	color:#eee;
	background:transparent url(../img/news_bg_right.gif) no-repeat top right;
}

.news_block {
	padding:10px;
	border-bottom:#ddd 1px solid;
	border-left:#ddd 1px solid;
	border-right:#ddd 1px solid;
	background-color:#f3f3f3;
}
.news_block span {
	color:#d40000;
	font-weight:800;
	font-size:.8em;
}
.news_block h3 {
	color:#896996;
	font-size:1.5em;
	margin-bottom:.2em;
}

.news_block h3 a {
	text-decoration:none;
	color:#896996;
}
.news_block h3 a:hover {
	text-decoration:underline;
	color:#896996;
}
.news_block p {
	font-size:12px;
}
p.arhive_news {
	font-size:12px;
	width:100px;
	background:transparent url(../img/next.gif) no-repeat 85px 4px;
}


.ul_head_left, .ul_head_left_blue {
	clear:both;
	overflow:hidden;
	padding-left:1.5em;
	padding-bottom:4px;
	background:transparent url(../img/ul_head_left.gif) no-repeat top left;
}
#ul_head_right, #ul_head_right_blue {
	padding-right:2em;
	padding-bottom:8px;
	line-height:22px;
	font-size:18px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#f2f2f2;
	background:transparent url(../img/ul_head_right.gif) no-repeat top right;
}
.ul_head_left_blue {
	background:transparent url(../img/ul_head_left_blue.gif) no-repeat top left;
}
#ul_head_right_blue {
	background:transparent url(../img/ul_head_right_blue.gif) no-repeat top right;
}

ul.help_more {
	padding:2em 2em 2em 0;
	background-color:#f2f2f2;
	margin-bottom:2em;
}
ul.help_more li {
	font-size:13px;
	list-style:none;
	padding-left:4em;
	padding-bottom:.8em;
	background:transparent url(../img/li.gif) no-repeat 3.1em .5em;
}


.other_right {
	margin-top:50px;
	height:37px;
	font-size:18px;
	text-align:center;
	background:transparent url(../img/other_head_left.gif) no-repeat top left;
}
#other_right_header {
	display:block;
	padding-top:8px;
	height:29px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#324143;
	background:transparent url(../img/other_head_right.gif) no-repeat top right;
}
.other_right_header {
	display:block;
	padding-top:8px;
	height:29px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	color:#324143;
	background:transparent url(../img/other_head_right.gif) no-repeat top right;
}

#proekt_block {
	text-align:center;
	border-bottom:#ddd 1px solid;
	border-left:#ddd 1px solid;
	border-right:#ddd 1px solid;
}
#proekt_block li {
	display:block;
	padding:10px 0;
	list-style:none;
}

#help_block {
	text-align:center;
	border-bottom:#ddd 1px solid;
	border-left:#ddd 1px solid;
	border-right:#ddd 1px solid;
}
#help_block li {
	text-align:left;
	list-style:none;
	padding:10px 0px 10px 10px;
}
#help_block li a {
	display:block;
	font:1.5em/1em Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight:800;
	text-decoration:none;
	margin-bottom:.5em;
	padding-left:50px;
	color:#896996;
	background:transparent url(../img/help_li.gif) no-repeat top left;
}
#help_block li a:hover {
	display:block;
	background:transparent url(../img/help_li_active.gif) no-repeat top left;
}

.banner_right {
	padding:50px 0;
}

/* Corners (em)
------------------------------ */

.corners { position: relative; overflow: hidden; }
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }

.corners-2 em.tl, .corners-2 em.tr, .corners-2 em.bl, .corners-2 em.br { width: 4px; height: 4px; background-image: url(../i/corners/corners-2.png); }
	.corners-2 em.tl { left: -2px; top: -2px; } .corners-2 em.tr { right: -2px; top: -2px; } .corners-2 em.bl { left: -2px; bottom: -2px; } .corners-2 em.br { right: -2px; bottom: -2px; }
.corners-3 em.tl, .corners-3 em.tr, .corners-3 em.bl, .corners-3 em.br { width: 6px; height: 6px; background: url(../i/corners/corners-3.png); }
	.corners-3 em.tl { left: -3px; top: -3px; } .corners-3 em.tr { right: -3px; top: -3px; } .corners-3 em.bl { left: -3px; bottom: -3px; } .corners-3 em.br { right: -3px; bottom: -3px; }
.corners-4 em.tl, .corners-4 em.tr, .corners-4 em.bl, .corners-4 em.br { width: 8px; height: 8px; background: url(../i/corners/corners-4.png); }
	.corners-4 em.tl { left: -4px; top: -4px; } .corners-4 em.tr { right: -4px; top: -4px; } .corners-4 em.bl { left: -4px; bottom: -4px; } .corners-4 em.br { right: -4px; bottom: -4px; }
.corners-5 em.tl, .corners-5 em.tr, .corners-5 em.bl, .corners-5 em.br { width: 10px; height: 10px; background: url(../i/corners/corners-5.png); }
	.corners-5 em.tl { left: -5px; top: -5px; } .corners-5 em.tr { right: -5px; top: -5px; } .corners-5 em.bl { left: -5px; bottom: -5px; } .corners-5 em.br { right: -5px; bottom: -5px; }
.corners-6 em.tl, .corners-6 em.tr, .corners-6 em.bl, .corners-6 em.br { width: 12px; height: 12px; background: url(../i/corners/corners-6.png); }
	.corners-6 em.tl { left: -6px; top: -6px; } .corners-6 em.tr { right: -6px; top: -6px; } .corners-6 em.bl { left: -6px; bottom: -6px; } .corners-6 em.br { right: -6px; bottom: -6px; }
.corners-7 em.tl, .corners-7 em.tr, .corners-7 em.bl, .corners-7 em.br { width: 14px; height: 14px; background: url(../i/corners/corners-7.png); }
	.corners-7 em.tl { left: -7px; top: -7px; } .corners-7 em.tr { right: -7px; top: -7px; } .corners-7 em.bl { left: -7px; bottom: -7px; } .corners-7 em.br { right: -7px; bottom: -7px; }
.corners-8 em.tl, .corners-8 em.tr, .corners-8 em.bl, .corners-8 em.br { width: 16px; height: 16px; background: url(../i/corners/corners-8.png); }
	.corners-8 em.tl { left: -8px; top: -8px; } .corners-8 em.tr { right: -8px; top: -8px; } .corners-8 em.bl { left: -8px; bottom: -8px; } .corners-8 em.br { right: -8px; bottom: -8px; }
.corners-9 em.tl, .corners-9 em.tr, .corners-9 em.bl, .corners-9 em.br { width: 18px; height: 18px; background: url(../i/corners/corners-9.png); }
	.corners-9 em.tl { left: -9px; top: -9px; } .corners-9 em.tr { right: -9px; top: -9px; } .corners-9 em.bl { left: -9px; bottom: -9px; } .corners-9 em.br { right: -9px; bottom: -9px; }
.corners-10 em.tl, .corners-10 em.tr, .corners-10 em.bl, .corners-10 em.br { width: 20px; height: 20px; background: url(../i/corners/corners-10.png); }
	.corners-10 em.tl { left: -10px; top: -10px; } .corners-10 em.tr { right: -10px; top: -10px; } .corners-10 em.bl { left: -10px; bottom: -10px; } .corners-10 em.br { right: -10px; bottom: -10px; }

/* Content elements
------------------------------ */

.content h1, .content h2, .content h3, .content h4 {
	font:1.7em Calibri, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:.5em;
	color:#324143;
}
h1 {
	font:2.6em Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1em;
}
h2 {
	font:2.6em Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:.9em;
	margin-bottom:.4em;
}
h3 {
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:800;
	color:#324143;
	margin-bottom:.3em;
}
h3 a {
	text-decoration:none;
	color:#4d4d4d;
	border-bottom:1px dotted #ccc;
}
h3 a:hover {
	text-decoration:underline;
	color:#4d4d4d;
	border:none;
}

.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }


p {
	font-size:13px;
	padding-bottom:1.5em;
}
.em { font-style: italic; }
.strong { font-weight: bold; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, .content img, hr { margin-bottom: 11px; }

.box { margin: 11px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td {  }

/*	Columns
------------------------------ */

.columns {  }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left;  }

.col-content { padding-right: 6px; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 {
	width:30%;
	padding-right:3%;
}
.w-33 p {
	font-size:12px;
}
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

.content img {
	padding:5px;
	border:1px solid #ccc!important;
	margin-top:.4em;
}
.content img.null-image {
	padding:0!important;
	border:none!important;
	margin: 0!important;
}
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Inputs
------------------------------ */

input {
	vertical-align:middle;
	color:#999999;
}
.i-checkbox { margin-top: 3px; }
.i-text {
	width:200px;
	padding:1px;
	font:1em sans-serif;
}
.button {
	padding:0 .25em;
	width:auto;
	overflow:visible;
	cursor:pointer;
}





/* Top li buttons
------------------------------ */
a.button, span.button, del.button {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:40px;
	text-decoration:none;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 5px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span {
    background-image:url("../img/form_buttons.gif");
    _background-image:url("../img/form_buttons.gif");
}

a.button span, span.button button, span.button input, del.button span {
	
	white-space:nowrap;
	cursor:pointer;
    /*color:#222;*/
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:40px;
	padding:5px 25px 5px 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button {
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span {
  line-height:1.3;
}

html.safari span.button button {
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus {
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover {
	background-position:0 -60px;
	color:#fff;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input {
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}






/* Foot li buttons
------------------------------ */
a.button2, span.button2, del.button2 {
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:40px;
	text-decoration:none;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 5px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button2, span.button2, del.button2,
a.button2 span, span.button2 button2, span.button2 input, del.button2 span {
	color:#324143;
    background-image:url("../img/form_buttons2.gif");
    _background-image:url("../img/form_buttons2.gif");
}


a.button2 span, span.button2 button2, span.button2 input, del.button2 span {
	
	white-space:nowrap;
	cursor:pointer;
    /*color:#222;*/
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:40px;
	padding:5px 25px 5px 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button2 button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button2 span, 
html.safari del.button2 span{
  line-height:1.3;
}

html.safari span.button2 button{
  line-height:2.6;
}

html.safari a.button2:focus,
html.safari span.button2 button:focus{
    outline:none;
}



del.button2 {
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button2 span {
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button2 button2, span.button2 input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button2:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button2:hover, 
span.button2:hover,
a.button2:focus, 

a.dom-button-focus, 
span.button-behavior-hover {
	background-position:0 -60px;
	color:#fff;
	text-decoration:none;
}





a.button2:hover span, 
span.button2:hover button, 
a.button2:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input {
	background-position:100% -60px;
}


a.button2:active, a.button2:focus span{
	color:#444;
}




del.button-behavior-hover, del.button2:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button2:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}





#search {
	position:relative;
	padding-bottom:50px;
	background:#fff url(../img/search_left_bg.gif) no-repeat 0 0;
}
input.search_text {
	position:absolute;
	top:3px;
	left:9px;
	width:200px;
	font-weight:100;
	font-size:13px;
	line-height:normal;
	padding-top:4px;
	border:1px #fff solid;
}
input.search_button {
	position:absolute;
	top:0px;
	left:218px;
	border:none;
}


#submenu span {
	color:#ababab;
	padding-right:.2em;
}
#submenu li {
	list-style:none;
	padding-top:.3em;
	padding-bottom:1em;
}


.calendar {
	color:#ababab;
	font-size:.8em;
}
#arhive {
	padding:.5em 1em;
	background-color:#f2f2f2;
}
#arhive span {
	text-align:center;
	color:#fff;
	width:24px;
	height:20px;
	display:inline-block;	
}
#arhive span a {
	display:block;
	text-decoration:none;
}
#arhive span a:hover,
#arhive span a,
.ditto_currentpage {
	text-decoration:none !important;
	background:url(../img/arhive_number.gif) no-repeat 2px 0;
}


.ditto_currentpage {
	
}
.ditto_page {
	
}





.ajaxSearch_result a {
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:800;
	text-decoration:none;
	color:#4d4d4d;
	border-bottom:1px dotted #ccc;	
}
.ajaxSearch_result a:hover {
	text-decoration:none;
	color:#4d4d4d;
	background-color:#f2f2f2;
	border:none;	
}
.ajaxSearch_resultsInfo {
	color:#ababab;
}
.ajaxSearch_highlight {
	font-weight:800;
	color:#d40000;
}














