/*
        Сайт сделан в 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, td, th {font-size: 85%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #fff}
table {border-collapse: collapse}

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

a:link {color: #ddbc1b}
a:visited {color: #ddbc1b}   
a:hover {text-decoration: underline; color: #ddbc1b}
a:active {color: #ddbc1b}

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

h1 {font: bold 170% Arial, sans-serif; padding: 1em 0 .5em}
#page_header {padding-top: 0}
h2 {font: bold 120% Arial, sans-serif; padding: 1em 0 .5em}
h3 {font: bold 100% Tahoma, Arial, sans-serif; padding: 1em 0 .5em}

p {padding-bottom: 1em}
	.yell {color: #ffcb01}

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

/*
button {}
input {}
textarea {}

.blur {color: silver}
.focus {color: black}
*/

/* markup */

body {text-align: center; background: #005dc7 url(/i/bg.jpg) bottom right no-repeat}
#page, #footer {width: 888px; text-align: left; xwidth:expression((document.documentElement.clientWidth||document.body.clientWidth) < 800 ? "800px": "100%")}


/* stickly footer */
html, body {
	min-height: 100%;
}
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -8em; /* the bottom margin is the negative value of the footer's height */

}

#inner #page {background: url(/i/c-top.gif) 47px 41px no-repeat}

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






#header {width: 100%; height: 100px; padding: 0 48px 0 26px}
#home #header {height: 460px}

	#logo {float: right; margin: 46px 0 63px 0}
		#logo img {font-size: 150%}
		
	.lang_navigation {float: left; margin: 46px 0 63px; padding: 0; list-style-type: none}
		.lang_navigation li {float: left; width: 34px; height: 35px; text-align: center; padding-top: .6em; margin-right: 5px; text-transform: uppercase}
		.lang_navigation .current {background: url(/i/round.gif) top left no-repeat}
		.lang_navigation a, .lang_navigation b {font-weight: bold; color: #ffbd2e}
		.lang_navigation a:visited {color: #ffbd2e}
		.lang_navigation a:hover {color: #ffd91f}
		.lang_navigation b {color: #187be9}
		

#picture {background: url(/i/picture.jpg) top left no-repeat; width: 883px; height: 344px; position: absolute; margin-left: -10px; margin-top: -344px}


#content_right, #content_left {float: left} 
	
#content_right {width: 480px; _width: 580px; margin: 0; padding-bottom: 60px; padding-right: 71px}
#content_left {width: 298px; padding-left: 26px}
		
#inner #content_right {padding-bottom: 125px; background: url(/i/c-bottom.gif) right bottom no-repeat}
#license {background: url(/i/c-left.gif) 0 30px no-repeat; height: 330px; margin-left: -26px; padding-left: 26px}
			
				
			#menu {margin: 37px 0 57px; padding: 0; list-style: none; font-size: 110%}
				#menu li {padding-bottom: .1em}
				#menu a {}
				#menu a:hover {color:#ffd91f}
				#menu b {font-weight: normal; font-style: italic}
				
				#menu ul {font-size: 90%; margin-left: 20px; padding-left: 0}
					#menu ul li {}
					#menu ul a {}
					#menu ul a:hover {}
					#menu ul b {}
					
				#menu .selected a {color: white}
				#menu .selected li a {color: #ddbc1b}
				
					#menu .selected a {}
					#menu .selected li a {}	
					
#int {position: relative; z-index: 2}					
	#int td {vertical-align: top}				
	#int p {font-size: 90%}				
	#int .a {padding: 0 70px}				
	#int a:hover {color: #ffd91f}				
	#int .b {width: 213px; padding-right: 90px}				

#cont {position: relative}

#c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8 {position: absolute; background-position: top left; z-index: 1; margin-top: -220px}
#c1 {background: url(/i/c1.gif); width: 47px; height: 47px; margin-left: 143px; margin-top: -100px}
#c2 {background: url(/i/c2.gif); width: 84px; height: 84px; margin-left: 179px; margin-top: -290px}
#c3 {background: url(/i/c3.gif); width: 67px; height: 67px; margin-left: 377px; margin-top: -90px}
#c4 {background: url(/i/c4.gif); width: 71px; height: 71px; margin-left: 410px; margin-top: -295px}
#c5 {background: url(/i/c5.gif); width: 67px; height: 67px; margin-left: 470px; margin-top: -200px}
#c6 {background: url(/i/c6.gif); width: 32px; height: 32px; margin-left: 540px; margin-top: -280px}
#c7 {background: url(/i/c7.gif); width: 96px; height: 100px; margin-left: 680px; margin-top: -275px}
#c8 {background: url(/i/c8.gif); width: 84px; height: 84px; margin-left: 740px; margin-top: -125px}

#footer {margin: 30px auto 0; font-size: 90%}
	
	.service_navigation {margin: 6px 0 0; padding: 0; list-style-type: none}
		.service_navigation li {float: left; margin: 0 26px 0 0; padding: 0}
		.service_navigation .current {}
		
		
	#copyright, .adr {float: left}

	#copyright {width: 325px}
	#footer .adr {width: 270px; font-style: normal}
	
	/* IT Studio copyright */
	#itstudio {float: right; background: none}
		#itstudio img {float: left; position: relative; top: 1px; margin-right: 5px}
		#itstudio p {padding: 0 !important; margin: 0 !important}
		#itstudio td {line-height: 110%; font-size: 80%; background: none}




/* 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}

/* 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: 150px; margin: 10px 10px 0 0; background: #0084ff; xborder: 1px solid #dbe8eb}
	table.foto td.pic {width: 150px; height: 150px; padding: 10px; vertical-align: middle !important}
	table.foto td.pic a {vertical-align: middle}
	table.foto td.pic img {}
	
.full input {width: 100%}
.grid-tbl {width: 100%; margin-bottom: 3em}
.grid-tbl td {padding: 0 10px 10px 0}