html {height: 100%; overflow-y: scroll;}
img {border: none;}
.png {behavior: url(/js/iepngfix.htc) }

td {vertical-align: top; padding: 0;}
a {outline: none;}
table, div {border-collapse: collapse;}

p {margin: 0 0 10px 0;}
form {margin: 0;}



/* ============= цветовая схема ============ */

body {height: 100%; margin: 0; padding: 0; background: #fff;}
body, td, th {font: 8pt Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #000; text-align: left;}

hr {border: none; color: #eee; background-color: #eee; height: 1px; margin-top: 5px; margin-bottom: 12px;}
input, textarea, select, submit {font: 9pt Arial, Tahoma; color: #333;}

h1 {font-size: 11pt; font-weight: normal; margin: 0 0 25px 0;}
h2 {font-size: 10pt; font-weight: normal; color: #888; margin: 0 150px 25px 0;}
h3 {font-size: 10pt; font-weight: normal; color:#e00027; margin: 25px 0 6px 0;}
h4 {font-size: 10pt; font-weight: normal; margin: 20px 0 15px 0;}
h5 {font-size: 9pt; font-weight: normal; margin: 0 0 10px 0; color:#e00027; padding: 8px 0;}
h6 {font-size: 10pt; font-weight: bold; margin: 20px 0 6px 0;}

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

#SiteContainer {height: 100%; width: 100%; clear: both; margin: 0; min-width: 970px;}
body > #SiteContainer {height: auto; min-height: 100%;}
#sitePane {position: relative; top: 0px; left: 0px;}


/* ============= spline ============ */

div.SplineContainer {position: relative; z-index: 1; top: 0; left: 0; margin: 0; }
div.SplineBox {position: absolute; z-index: 1; width: 100%; height: 650px; top: 0; left: 0; overflow: hidden;}
div.Splinder {position: absolute; z-index: 1;  width: 100%; padding-left: 50%; top: 0; left: 0;}
div.SplinderBox {position: relative; z-index: 1; width: 3000px; height: 650px; margin-left: -1500px;}

div.spline1 {position: absolute; z-index: 4; top: 0;}
div.spline2 {position: absolute; z-index: 3; top: 100px;}
div.spline3 {position: absolute; z-index: 2; top: 203px;}
div.spline4 {position: absolute; z-index: 1; top: 285px;}
div.spline5 {position: absolute; z-index: 5; top: 142px;}

#logoBox {position: absolute; z-index: 10; margin-top: 101px; margin-left: 122px;}

/* ============= face ============ */

#FaceText {width: 800px; padding: 120px 0 0 0; height: 440px;}
.FaceBox1 {width: 190px; height: 440px; position: absolute; z-index: 10; margin: 0; overflow: hidden;}
.FaceBox2 {width: 190px; height: 440px; position: absolute; z-index: 10;  margin: 0 0 0 200px; overflow: hidden;}
.FaceBox3 {width: 190px; height: 440px; position: absolute; z-index: 10;  margin: 0 0 0 400px; overflow: hidden;}
.FaceBox4 {width: 190px; height: 440px; position: absolute; z-index: 10;  margin: 0 0 0 600px; overflow: hidden;}

div.FaceTop {width: 190px; height: 280px;}
div.FaceSlide {width: 190px; height: 440px; position: relative; }


/* ============= main ============ */

div#MainContainer {position: relative; z-index: 5; width: 800px; padding: 0 25px 60px 145px; margin: 0 auto;}

/* == clearfix == */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display: inline-block;}
/* == hides from IE-mac == */
* html .clearfix { height: 1%;}
.clearfix {display: block;}

div#SiteLang {position: relative; z-index: 1;}
div#LangIn {position: absolute; z-index: 1; top: 20px; left: 600px; font-size: 6pt; text-transform: uppercase;}
div#LangIn span {color: #ccc; padding: 0 4px;}
div#LangIn a:link {color: #aaa !important;}
div#LangIn a:visited {color: #aaa !important;}
div#LangIn a:hover {color: #e00027 !important;}


/* ============= top menu ============ */

div#TopOut {position: relative; z-index: 1;}
div#TopIn {position: absolute; z-index: 1; top: 80px; left: 0;}

table.TopMenuTab {width: 800px; background-color: #FFFFFF;}
table.TopMenuTab td {width: 200px; font-size: 11pt; padding: 0 0 8px 0;}
table.TopMenuTab td a {color: #000; padding: 0 0 3px 0;}
table.TopMenuTab td a:link {color: #000; text-decoration: none; border-bottom: 3px solid #fff;}
table.TopMenuTab td a:visited {color: #000; text-decoration: none; border-bottom: 3px solid #fff;}
table.TopMenuTab td a:hover {color: #000; text-decoration: none; border-bottom:  3px solid #fff;}

table.TopMenuTab td a.active {color: #000; text-decoration: none; border-bottom: 3px solid #e00027 !important;}




/* ============= footer ============ */
div#FooterContainer {position: relative; z-index: 5; margin-top: -40px; height: 40px; clear: both;}
div#Footer {width: 970px; height: 40px; clear: both; margin: 0 auto;}
table.FooterTab {width: 800px; height: 30px; margin: 0 25px 0 145px;}
table.FooterTab td {color: #888; font-size: 8pt;}
table.FooterTab td a {color: #888 !important;}
table.FooterTab td.FootLeft {width: 200px;}
table.FooterTab td.FootCenter {width: 400px;}
table.FooterTab td.FootRight {width: 200px;}


/* ============= inside ============ */

div.line1left {position: absolute; z-index: 4; top: -250px; left: 160px}
div.line1right {position: absolute; z-index: 4; top: -250px; left: 1990px}
div.line2left {position: absolute; z-index: 3; top: -110px; left: 530px;}
div.line2right {position: absolute; z-index: 3; top: -110px; left: 1720px;}
div.line3in {position: absolute; z-index: 2; top: 0px; left: 935px;}
div.line4in {position: absolute; z-index: 1; top: 60px; left: 1105px;}
div.line5in {position: absolute; z-index: 5; top: 20px; left: 970px;}

.ContainerText {position: relative; width: 750px; padding: 220px 50px 0 0;}
.LeftBox {width: 190px; margin: 0; float: left; background-color: #FFFFFF;}
.TextBox {position: relative; width: 550px; margin: 0; float: right; overflow-x: hidden;}

#SupportContainer {width: 700px; padding: 50px 0 0 0;}
#SupportLogo img {margin: 0 0 20px 72px;}
#RightBox {width: 550px; margin: 0; float: right;}

.LeftBox p.title {font-size: 11pt; padding: 0 0 8px 0;}
.LeftBox p.title a {color: #000; padding: 0 0 3px 0;}
.LeftBox p.title a:link {color: #000; text-decoration: none; border-bottom: 3px solid #fff;}
.LeftBox p.title a:visited {color: #000; text-decoration: none; border-bottom: 3px solid #fff;}
.LeftBox p.title a:hover {color: #000; text-decoration: none; border-bottom: 3px solid #e00027 !important;}
.LeftBox p.title a.active {color: #000; text-decoration: none; border-bottom: 3px solid #e00027 !important; cursor: default;}

table.TopMenuTab td a.active {color: #000; text-decoration: none; border-bottom: 3px solid #e00027 !important;}

div.submenu {width: 170px; padding: 9px 0 20px 0; display: none;}
div.submenu p {padding: 0 0 0 15px;}
div.submenu p.active {background: url(/img/act.gif) 0 2px no-repeat;}
div.submenu p.active a {text-decoration:none !important;}

table.fifty {width: 100%; margin: 0 0 25px 0;}
table.fifty td.left {width: 50%; padding: 0 20px 0 0;}
table.fifty td.right {width: 50%; padding: 0 0 0 20px;}

table.a1tab {width: 100%;}
table.a1tab td.aname {width: 10% !important; padding: 9px 10px 3px 0;white-space: nowrap; text-align: right;}
table.a1tab td.atext {width: 90% !important;padding: 12px 10px 0 0;}
table.a1tab h3 {font-size: 11pt; color: #000; margin: 0;}

table.logoline td {padding: 8px 14px 4px 0; vertical-align: middle;}

ul {margin: 13px 0; padding: 0; }
li {list-style-type: none; margin: 0 0 8px 0; padding: 0 0 0 40px; background: #fff url(/img/act.gif) 22px 2px no-repeat; }

ul.list {margin: 13px 0 35px 0; padding: 0; clear: both;}
ul.list li {list-style-type: none; float: left; width: 170px; margin: 0 10px 9px 0; padding: 0; background: none;}
ul.list li h3 {margin: 5px 0 9px 0;}

.btnsend {font: 8pt Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #000; padding: 2px; width: 120px; margin: 0 0 25px 0;}
select.formsize {width: 356px; margin: 4px 0 1px 0;}
input.formsize {width: 350px; margin: 4px 0 1px 0;}
input.file {width: 350px; margin: 4px 0 3px 0;}
textarea.formsize {width: 350px; margin: 4px 0 1px 0;}
div.formit {width: 355px;}
div.formit small {color: #888;}

table.calendartab {width: 350px;}
table.calendartab input.formsize {width: 320px; margin: 4px 0 1px 0;}
table.calendartab img.calicon {margin: 5px 0 0 5px;}

div.noalert {border-bottom: 2px dotted #fff; margin: 0 0 15px 0;}
div.redalert {border-bottom: 2px dotted #e00027; margin: 0 0 15px 0; color: #e00027;}