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

* {margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box}
html, body {xheight: 100%}
img, table, td {border: 0}


body, td {font-size: 80%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #666666}
table {border-collapse: collapse}



a {background-color: inherit; color: #0145CE; xcolor: #6E6BAE; text-decoration: underline}
    xa:active {color: #6E6BAE}
    a:hover {text-decoration: underline; color: #35355B !important; xcolor: #2B00F2 !important}
    xa:visited {color: #6E6BAE}

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

h1 {font: normal 180% Tahoma, Arial, sans-serif; color: #5777B2; padding: 0 0 0.6em 0}
h2 {font: bold 125% Tahoma, Arial, sans-serif; color: #5777B2; padding: 1em 0 0.3em}
h3 {font: bold 110% Tahoma, Arial, sans-serif; color: #5777B2; padding: 1em 0 0.3em}

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

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

button {cursor: pointer; width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 100%}
input {border: 1px solid #fff; color: black; font-family: Arial, Helvetica, sans-serif}
textarea {border: 1px solid #fff; color: black; overflow: auto; font-family: Arial, Helvetica, sans-serif}

address {font-style: normal; display: inline}


/* markup */
#site {width: 100%; height: 100%}


#top {background: url(/i/top.gif) bottom right no-repeat; height: 38px; vertical-align: middle; text-align: right; font-size: 65%}

    .marg_12px {margin-right: 12px}
	.active {color: red; margin-right: 12px}


#head {height: 147px}

#head_tbl {width: 100%; background: url(/i/bg_head.jpg) top left repeat-x}
#logo, #head_b {}

#logo {padding: 19px 0 0 40px; width: 200px; font-size: 200%; display: inline; float: left}
	#logo a {color: black}


#head_b {background: #0665C4 url(/i/heaven.jpg) top left no-repeat}

    #head_line {width: 0}
    #flags {position: absolute; width: 600px !important; margin-left: -620px; margin-top: -26px; text-align: right; font-size: 90%}
    	#flags img {vertical-align: middle; margin-bottom: 3px; _margin: 0}

	#head_line #line_div {position: absolute; width: 102px; height: 147px; margin-left: -102px; background: url(/i/line.gif) top left no-repeat;}


	#head_left {width: 128px; height: 40px; background: url(/i/head_left.gif) top left no-repeat}
    #head_ba {width: 100%; height: 60px; padding: 10px 102px 0 60px; _padding-left: 30px; text-align: center}


#head_right {width: 20%; background: #DA0117 url(/i/bg_head_right.gif) repeat-x; height: 147px; position: relative}
	#head_right_bottom {margin-top: 109px; background: url(/i/bg_head_right_bottom.gif) top left no-repeat; width: 142px; height: 38px; float: right}

#ico {position: absolute; margin-top: 65px; width: 100px; right: 6%; _right: 35%}
    #ico_mail, #ico_home, #ico_map {padding: 0 0 4px 19px; margin-right: 20px; width: 19px !important; height: 19px !important; background-position: 0px -19px; background-repeat: no-repeat; display: block; float: right}
    #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); margin-right: 0 !important}

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


#content_left {width: 210px !important; padding: 48px 0 0 24px; background: url(/i/bg_left.gif) top left no-repeat}
	#menu {list-style: none; padding: 0 0 20px 16px; width: 174px}
		#menu li {padding-bottom: 0.5em}
		#menu a, #menu b {color: #0145CE}
		#menu a:hover {color: #35355B !important}

		#menu ul {list-style: none; padding: 0.3em 0 0.1em 1.6em}
		#menu ul li {padding-left: 15px; background: url(/i/tire.gif) 0 0.55em no-repeat}




.margin_32 {margin-bottom: 32px}
.margin_15 {margin-bottom: 15px}

#content_right {xborder: 1px solid silver; padding: 45px 60px 2em 20px}



	#top_anons {display: inline; float: left; padding-bottom: 3em}
		.pic_shadow {float: left; width: 135px !important; padding-right: 34px; background: url(/i/shadow1.jpg) 100% 38px no-repeat}
        .pic_shadow a {margin: 8px 0; display: inline; float: left; background: url(/i/arrow.gif) 0 0.15em no-repeat; padding: 0 0 0.1em 18px}
		#top_anons h1 {padding: 0 0 0.8em 0 !important}
		#top_anons p {color: #696969; width: 85%}



.arrow {background: url(/i/arrow.gif) 0 0.15em no-repeat; padding: 0 0 0.1em 18px}



	#news_block {margin: 0 -60px 0 -20px; clear: both; width: auto; background: #E9F1FF; border-top: 8px solid #BAD1ED; border-bottom: 8px solid #BAD1ED; padding: 16px 20px 12px; _padding-top: 5px}
    #news_corner {background: url(/i/news_corner.gif) top left no-repeat; width: 132px; height: 46px; float: right; position: relative; top: -8px; margin-right: -60px; _margin-right: -50px;  z-index: 2;}
    #news_block h1 {padding: 0}

	#news_table {width: 90%; margin: 16px 0}

		.td_one {width: 33%; background: url(/i/dot_border.gif) top right repeat-y; padding: 0 18px 0 0}
        .td_two {width: 36%; background: url(/i/dot_border.gif) top right repeat-y; padding: 0 18px 0 18px}
        .td_three {padding: 0 0 0 18px}

        .date {background: red; color: white; font-size: 90%; padding: 0 0.3em; margin-right: 0.2em}
        #news_table strong {color: #5777B2; display: block; padding: 0.3em 0 0.5em}
        #news_table p {color: #666666; padding-bottom: 0.5em}


#review {clear: both}
#review td {width: 360px; padding-left: 20px}
#review .bg {background: url(/i/dot_border_white.gif) top right repeat-y; padding: 0}

#review .shadow {display: inline; float: left; background: url(/i/shadow.gif) bottom right no-repeat; padding-right: 21px}
#review .pad {display: inline; float: left; padding-top: 20px}




#bottom {padding: 0 40px; background: url(/i/bg_bottom.gif) bottom left repeat-x; height: 106px}

#bottom_table {width: 100%}
	#bottom_table td {font-size: 70%; color: #696969; padding-top: 36px; width: 25%}


#itstudio {margin: 0 1em 0 0}
#itstudio img {width: 35px;	height: 33px}
#itstudio td {width: auto; 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: 2em}
    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; border: 1px solid gray; font-size: 100%; padding: 1px 3px 3px !important}

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

/* userform */
.userform td {padding: 0 0 1em 1em}