/*

        Made in IT Studio.

        www.itstudio.ru

*/



* {box-sizing: border-box; x-moz-box-sizing: border-box}



	html, body,

	table, td,

	form,

	h1, h2, h3, h4, h5, h6,

	p,

	ol, ul {padding: 0; margin: 0}

	



html {xfilter: expression(document.execCommand("BackgroundImageCache", false, true))}





img, table, td {border: 0}



body {background: #fff url(/i/bgBody.jpg) top left repeat-x}

body, td, th {font: 80% Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #737373;}

table {border-collapse: collapse}



/*img.png {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/img.png)}*/



a:link {color: #21a4ff}

a:visited {color:  #21a4ff}   

a:hover {text-decoration: underline; color:  #21a4ff}

a:active {color:  #21a4ff}



hr {height: 0px; border: 0; border-top: 1px solid black}



h1, h2, h3 {margin: 1em 0; color: black}

h1 {font: bold 170% "Trebuchet MS", Arial, sans-serif}

h2 {font: bold 120% Arial, sans-serif; color: #d23a32}

h3 {font: bold 100% Tahoma, Arial, sans-serif}



p {margin: 1em 0}



ul {padding: 0.2em 0 1em 3em}

ol {padding: 0.2em 0 1em 3.5em}



/*

button {}

input {}

textarea {}



.blur {color: silver}

.focus {color: black}

.date {font-style: italic}

address {font-style: normal}

*/



/* markup */







/* stickly footer */

html, body {height: 100%}

#page {background: url(/i/clouds.png) top left no-repeat;height: auto !important; height: 100%; margin:0pt 0 -4em 0; min-height: 100%; }

#footer, #push {height: 4em;/* .push must be the same height as .footer */}







#header {width: 100%; vertical-align: middle}

	

	#headerTable {width: 100%; font-size:12px;}

	#headerTable td {height: 75px}





	#logo a, #logo b {position: absolute; top: 81px; left: 46px}

		#logo img {font-size: 150%}

	

	.servNav {padding-left: 332px}

	.servNav ul {margin: 0; padding: 0; list-style-type: none}

		.servNav ul li {float: left; margin: 0; padding: 0 12px; border-right: 1px solid #b2d7e7}

		.servNav ul li.last {border: 0}

		.servNav ul .current {}

		

	.slogan {}

	





#wrap {padding: 0 25px; }

	

	#contentTable {width: 100%; }

	

		#sideBar {width: 255px; vertical-align: top; padding-top: 146px; padding-bottom:200px}

			

			#menuBlock {background: url(/i/bgMenu.png) bottom right repeat-y; padding-bottom: 250px; width:255px;}

			#menuBlock div {}

			#menu {margin: 0; padding: 28px; list-style: none; color: #fff; background: url(/i/bgMenuLeftCorner.gif) left top no-repeat}

				#menu li {font-style: italic; margin-bottom: .5em}

				#menu a {color: #fff; font-size: 120%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}

				#menu a:hover { color:#cfebff;}

				#menu b {font-size: 120%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}

				

				#menu ul {}

					#menu ul li {font-size: 85%}

					#menu ul a {}

					#menu ul a:hover {}

					#menu ul b {}

					

				#menu .selected {}

					#menu .selected a {}

					#menu .selected li a {}

	

		#content {background: #fff; vertical-align: top}

			

			#extraNav {background: url(/i/bgExtraNav.gif) top left repeat-x}

				#extraNav .l {background: url(/i/bgExtraNavLeft.gif) top left no-repeat}

				#extraNav .r {background: url(/i/bgExtraNavRight.gif) top right no-repeat}

				

					#extraNav table {width: 100%}

					#extraNav table td {vertical-align: top; width: 33%; height: 237px; position: relative}

					#extraNav table td a, #extraNav table td b {position: absolute; margin-top: -40px}

					.photo1 div, .photo2 div, .photo3 div {position: absolute; z-index: 2}

					

					.photo1 div {background: transparent url(/i/photo1.png) top left no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/photo1.png); _background: none; width: 239px; height: 204px}

					.photo2 div {background: transparent url(/i/photo2.png) top left no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/photo2.png); _background: none; width: 230px; height: 187px; z-index: 3}

					.photo3 div {background: transparent url(/i/photo3.png) top left no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/photo3.png); _background: none; width: 220px; height: 168px}

					

					#extraNav table td a  {color: #21a4ff !important; font-weight: bold; position: absolute; z-index: 5}

					#extraNav table td b  {color: #D23A32 !important; font-weight: bold; position: absolute; z-index: 5}

					#extraNav table td a:hover { color:#0371bd !important;}						

					

					#extraNav table td a, #extraNav table td b {margin-top: 175px}

					.photo1 a, .photo1 b {margin-left: 150px}

					.photo2 a, .photo2 b {margin-left: 50px}

					.photo3 a, .photo3 b {padding-left: 20px; padding-right:30px;}



					

		h1 {color: #005088; font-style:italic}

		h1 span {color: #d23a32}

		

		#content .place {padding: 0 30px 30px 48px;}

		#content .place table {}

		#content .place #submenu-box {width:140px;}

		#content .place #page-content { padding-right:20px;}

				 .place h1 { margin-bottom:0em}

				 .place ul { padding-top:1em}

		

		#subMenu {width: 130px; margin: 0; padding: 1em 0 1em 0; list-style: none;}

			#subMenu li {margin-bottom: .75em; background: url(/i/bullets.gif) 0 .15em no-repeat; padding-left: 17px;}

			#subMenu li li {background: none; padding-left: 0}

			#subMenu a {color: #d23a33}

			#subMenu ul {/*margin: .25em 0 0;*/ padding: 0;list-style: none}

			#subMenu ul li {padding:0.5em 0 0 12px; margin:0; }

			#subMenu ul li a { font-size:90%;}

			

			#subMenu ul li

			{

				color: #d23a33;

				/*margin: 0.5em 0; padding: 0 0 0 20px;*/

				list-style: disk;

				

			}

			xbehavior: expression( !this.before

					? this.before = this.innerHTML = '— ' + this.innerHTML : '' );

				xtext-indent: -1.24em;

			#subMenu ul li:before { }xcontent: '\2014\a0'; 



		

	

#footer { position: relative;}

#footer td {color: #736d5d; font-size: 70%; line-height:1.2em}



.adr, .tel, .email {padding-right: 10px; vertical-align: top;}



.it {width: 295px; padding-left:25px; padding-right: 10px; vertical-align:top;}

	#footerTable {width: 100%;}



	#footer h4 {color: #d23a32; font-style: italic; font-size: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /*margin-bottom: .5em*/ margin:0; padding:0;}

		#copyright {}

		td.tel { width:183px; *width:178px; margin-right:0; padding-right:0;}

		#footer address {font-style: normal}

		

		/* IT Studio copyright */

		#itstudio img {float: left; position: relative; /*top: -3px; margin-right: 5px*/top: 2px; margin-right: 5px; width: 33px; height: 36px}

		#itstudio p {padding: 0 !important; margin: 0 !important}

		#itstudio p a{color:#736D5D; text-decoration:none;}

		#itstudio p a:hover{color:#736D5D;}	

		#itstudio td {line-height: 110%}

	



		

#ball {width: 201px; height: 176px; background: url(/i/ball.gif) top left no-repeat; position: absolute; margin-top: -225px;/* margin-left: -25px*/}





/* content */



table.user {border: 1px solid gray; margin-bottom: 1em}

    table.user td, table.user th  {border: 1px solid gray; padding: 2px 5px}



/* custom for contacts form 

.feedback {margin-top: 1em}

                .feedback input {margin-bottom: 1em}

                .feedback textarea {height: 6em; margin-bottom: 1em}

                .feedback button {display: block; clear: both; margin: 1em 0 0 8em; padding: 4px 14px; _padding: 2px 1px}

				.feedback input, .feedback textarea {width: 20em; font-size: 100%}



				.feedback .text {width: 8em !important; display: inline; float: left; clear: both; margin-bottom: 1em; padding-right: 10px}

				.feedback #code {width: 5em; margin-left: 0.3em}

				.feedback #code_img {vertical-align: top; margin-top: 1px; _margin-top: 2px; padding: 0.22em}*/

				

				

.feedback {margin: 1em 0}

                .feedback input {margin-bottom: 1em}

                .feedback textarea {height: 6em; margin-bottom: 1em}

                .feedback button { clear: both; margin: 0 0 0 8.4em;  *margin: 0 0 0 6.5em; padding: 4px 14px; _padding: 2px 1px}

				.feedback input, .feedback textarea {width: 20em; font-size: 100%}

				 .feedback textarea {font-size:130%}



				.feedback .text {width: 8em !important; display: inline; float: left; clear: both; margin-bottom: 1em; padding-right: 10px}

				.feedback #code {width: 5em; /*margin-left: 0.3em*/}

				.feedback #code_img {vertical-align: top; margin-top: 2px; _margin-top: 3px; /*padding: 0.22em*/ margin-left:10px;}				



/* site map */

#site_map {list-style: none; padding: 0; font-size: 115%}

	#site_map ul {list-style: none; font-size: 90%; padding: 0; margin-left: 2.5em}

	#site_map li {padding: 0.25em 0}



table.foto {float: left; width: 200px; margin: 10px 10px 0 0; background: #eaf7fa; border: 1px solid #dbe8eb}

	table.foto td.pic {width: 200px; height: 200px; padding: 20px; vertical-align: middle !important}

	table.foto td.pic a {vertical-align: middle}

	table.foto td.pic img {}

	

#news { padding-top:1em}

	#news dt {}

	#news dd {margin: 0 0 2em}

	#news .date {margin-right: .5em; color:#D23A32; font-size:85%;}



#faq { padding-top:1em}

	#faq .question {font-weight: bold; font-size: 100%; font-weight:bold; margin:0 0 1em 0; padding:0;}

	#faq .answer { margin-top:-0.5em; padding: 0 0 1em 0;font-weight:normal; font-size:90%}

	#faq .answer p { padding:0;}
	
	#faq .name {font-style:italic;}

	.faq-link {font-size:120%}

	#faq .dotter {font-size:1px; height:1px; border-top:1px solid #e3e3e3; padding-bottom:10px;}

	#faq-form {margin-bottom:20px;}

	

#page, #footer {min-width: 998px; max-width: 1200px; width:expression((document.documentElement.clientWidth||document.body.clientWidth) < 998 ? "997px": ((document.documentElement.clientWidth||document.body.clientWidth) > 1200 ? "1201px": "100%"));}



#home-table {width:95%; *width:80%; overflow:visible; margin-top:-10px;}

#home-table  .left { padding-top:10px;}

.allnews .page-nav { margin-top:2em;}

td.photo3 a, td.photo3 b {margin-top: 180px !important; padding: 3px; display:block}