/*
        Сайт сделан в IT Studio.
        www.itstudio.ru
*/

* {box-sizing: border-box; -moz-box-sizing: border-box}
html, body, table, td, form, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0}

html, body {height: 100%}
img, table, td {border: 0}


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

body, td {font-size: 80%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #555}
th {font-size: 80%; text-align: left}
table {border-collapse: collapse}

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

a:link {color: #555}
a:visited {color: #555}   
a:hover {color: #555}
a:active {color: #555}

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

h1 {font: bold 120% Arial, sans-serif; color: #314396; padding: 1em 0 0.1em; border-bottom: 1px dotted #314396; margin-bottom: 1.5em}
h2 {font: bold 110% Arial, sans-serif; color: #000; padding: 1em 0 0.1em}
h3 {font: bold 105% Arial, sans-serif; color: #000; padding: 1em 0 0.1em}

p {padding-bottom: 0.5em}
blockquote {}

ul {}
ol {}

button {}
input {}
textarea {}

/* markup */
#site {height: 100%; width: 100%; xwidth:expression((document.documentElement.clientWidth||document.body.clientWidth) < 800 ? "800px": "100%")}

#top {}
#top_table {width: 100%}

#top1 {padding: 0}
	
	#flash_top {margin: 0; padding: 0; width: 544px; height: 242px; xborder: 1px solid red; position: absolute; margin-top: -46px}
	#flash_top, #flash {position: absolute; z-index: 222; zoom: 1}

#top2 {padding: 0}
	
	#picture {width: 100%; margin: 0; xborder: 1px solid red}
	#picture td {background: #253885 url(/i/bg_top.jpg) top left repeat-x; height: 196px; xborder: 1px solid green; position: relative; z-index: 2}
	#picture #kran {}
	#kran_top {xposition: relative; xtop: 7px; float: left}

	#right {background: #253885 url(/i/bg_top_right.jpg) top left repeat-x !important}

#logo {margin: 0 20px 0px 35px}


#top_nav {background: url(/i/bg.gif) top left repeat-x; padding: 0; margin: 0; float: left; width: 100%; padding-left: 42px; font-size: 90%}
	#top_nav li {list-style: none; display: inline; float: left; margin-right: 20px}
	#top_nav a {display: block; color: #fff; text-decoration: none; padding: 3px 8px; background: #314496 url(/i/bg_li.gif) top left repeat-x; text-transform: uppercase}
	
	#top_nav span {display: block; color: #fff; text-decoration: none; padding: 3px 8px; background: #314496 url(/i/bg_li.gif) top left repeat-x; text-transform: uppercase; font-weight: bold}
	
	#top_nav a:hover {background: #314496 url(/i/bg_li_hover.gif) bottom left repeat-x}
	
	

#ico {position: relative; width: 150px; float: right; margin-right: 30px; margin-top: 10px}
        #ico_mail, #ico_home, #ico_map {color: #333; float: right; position: relative; width: 20px; height: 20px !important; background-position: 0 -20px; background-repeat: no-repeat; margin-right: 10px}
        #ico_home {background-image: url(/i/ico_home.gif)}
        #ico_map {background-image: url(/i/ico_map.gif)}
        #ico_mail {background-image: url(/i/ico_mail.gif)}

        #ico_home:hover, #ico_map:hover, #ico_mail:hover, span#ico_home, span#ico_map, span#ico_mail {background-position: 0 0}

	#lang {font-size: 12px; margin-top: 2px; display: block; width: 20px; height: 20px !important; float: right; text-decoration: none}
	#lang:hover {color: black}


#menu {}

#content {}
#content_table {width: 100%; height: 100%; xborder: 1px solid red}

	#content_left {padding: 31px 35px 70px 42px}
	
		#menu {padding-left: 0; margin-left: 0; list-style: none; font-size: 115%; font-family: "Arial Narrow"}
				
			#menu ul {padding-left: 0; list-style: none; margin-left: 10px; font-size: 90%; margin-bottom: 10px; font-weight: normal}
			
			#menu li {padding: 0; list-style: none; border-bottom: 1px dotted #314396; xborder: 1px solid red}
			#menu ul li {border: none !important}
			
			
			#menu a, #menu span {padding: 2px 10px; display: block; xborder: 1px solid red; position: relative; z-index: 2; zoom: 1}
			#menu span {font-size: 100%} 
			#menu ul span {font-size: 100%}
			#menu ul ul span {font-size: 90%}
			#menu a {text-decoration: none; color: #314396}
			
		
			
			
			#menu ul ul a {font-size: 90%; color: #555}
			
			#menu a:hover {background: url(/i/square_big.gif) 0 .65em no-repeat}
			#menu .selected {background: url(/i/square_big.gif) 0 .65em no-repeat}
			
			#menu ul .selected {background: url(/i/square_middle.gif) 0 .65em no-repeat}
			#menu ul a:hover {background: url(/i/square_middle.gif) 0 .65em no-repeat}
			
			#menu ul ul .selected {background: url(/i/square_small.gif) 0 .85em no-repeat}
			#menu ul ul a:hover {background: url(/i/square_small.gif) 0 .85em no-repeat}

			
	
	#content_right {padding: 31px 41px 70px 0}
	#content_english {padding: 31px 41px 70px 41px}
	#content_map {padding: 31px 41px 70px 41px}
		
		#wraper {max-width: 650px; width: expression((document.documentElement.clientWidth||document.body.clientWidth) < 800 ? "800px": "100%")}

.contacts_info {}
	.contacts_info td {padding: 0 10px 0 0 !important}


#partners {margin-top: 50px}
#partners td {padding-bottom: 20px}

#cont_info td {padding: 20px 0 30px 0}

#bottom {padding-left: 377px; border-top: 1px solid }
#bottom a:hover {color: #999}
	#bottom td {font-size: 70%}




/* IT Studio copyright */
#itstudio {}
#itstudio img {width: 34px; height: 33px; margin-bottom: 1px}
#itstudio td {vertical-align: middle; white-space: nowrap; padding: 0}
#itstudio td.logo {vertical-align: top}
#itstudio td.text {padding: 0 0 0.4em 0.4em; line-height: 110%}



/* content */
table.user {border: 1px solid gray; margin-bottom: 1em}
    table.user td, table.user th {border: 1px solid gray; padding: 2px 10px}

/* 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 */
#sitemap {list-style: none; padding: 0; font-size: 140%}
	#sitemap ul {list-style: none; font-size: 90%; padding: 0; margin-left: 2.5em}
	#sitemap li {padding: 0.25em 0; margin-right: 2em}

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 {}