html {height: 100%;}
img {border: none;}
img { behavior: url(/js/iepngfix.htc);}
td {vertical-align: top; padding: 0;}
a {outline: none;}
table, div {border-collapse: collapse;}

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

ul {margin: 0 0 15px 0; padding: 8px 0 0 0;}
ol {margin: 0 0 15px 0; padding: 8px 0 0 0;}
li {margin: 0 0 7px 40px; padding: 0;}


/* ============= colors ============ */

body {height: 100%; margin: 0; padding: 0; background-color: #000; min-width: 970px;}
body, td, th {font: 9pt Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #555; 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: #4a4d4f;}


h1 {font: normal 26pt Garamond, Georgia, Times, serif; color: #000; margin: 0 0 7px 10px; line-height: 1em;}
h2 {font: normal 13pt Garamond, Georgia, Times, serif; color: #000; margin: 0 0 8px 10px; text-transform: uppercase;}
h3 {font: normal 12pt Garamond, Georgia, Times, serif; color: #000; margin: 0 0 8px 10px; text-transform: uppercase;}
h4 {font: normal 10pt Georgia, Garamond, Times, serif;  font-style: italic; margin: 0 0 10px 10px;}
h5 {font-size: 9pt; font-weight: bold; margin: 0 0 2px 10px; color: #444;}
h6 {font-size: 8pt; font-weight: bold; margin: 20px 0 6px 10px;}


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

h2 span {font: normal 10pt Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #888; text-transform: none;}
h2 span a {font-size: 8pt; font-style: italic; color: #555;}
h2 span a:link {color: #555 !important;}
h2 span a:visited {color: #555 !important;}
h2 span a:hover {color: #cc0000 !important;}



/* ============= trix ============ */
span.rarr {display: block; z-index: 10; position: absolute; width: 20px; font-size: 10pt; line-height: 1.1em; margin: 0 0 0 -17px;}
div.raz {float: right; font-size: 10pt; line-height: 1.1em; margin: 0 0 0 0; font-style: normal !important; color: #d0d0d0;}

/* ============= header ============ */
div.HeadBox {position: relative; z-index: 10; min-width: 970px;}
div.HeadOver {position: absolute; z-index: 1; width: 100%; height: 550px; top: 0; left: 0; overflow: hidden;}
div.HeadContainer {width: 100%; height: 550px; padding-left: 50%; margin: 0;}
div.HeadCenter {position: relative; z-index: 1; width: 1014px; height: 550px; margin-left: -507px;}


div.TopBlack {position: absolute; z-index: 5; width: 1014px; height: 44px; margin-top: 50px; background-image: url(/img/bgmenu.png); //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bgmenu.png', sizingMethod='crop');}
div.TopBlack span {display: block; width: 1014px; height: 44px;}
div.TopLogo {position: absolute; z-index: 20; width: 250px; height: 110px; margin-left: 382px; background: #000;}
div.TopLogo img {margin: 27px 38px 17px 41px;}

div.TopMenu {position: absolute; z-index: 10; width: 1014px; height: 44px; margin-top: 50px;}
div.TopMenuLeft {float: left; width: 325px; margin: 16px 0 0 32px; display: inline;}
div.TopMenuRight {float: right; width: 325px; margin: 16px 32px 0 0; display: inline;}

table.HeadMenu {width: 325px;}
table.HeadMenu td.spacer {width: 20%;}
table.HeadMenu td.spacer span {display: block; width: 5px; height: 1px;}
table.HeadMenu td {font: 10pt Garamond, Georgia, Times, serif; text-transform: uppercase; white-space: nowrap;}
table.HeadMenu td a {display: block; padding: 0 0 5px 0;}
table.HeadMenu td a:link {color: #d0d0d0; text-decoration: none;}
table.HeadMenu td a:visited {color: #d0d0d0; text-decoration: none;}
table.HeadMenu td a:hover {color: #d0d0d0; text-decoration: none; background: url(/img/skob1.gif) bottom center no-repeat;}
table.HeadMenu td.active a {background: url(/img/skob1.gif) bottom center no-repeat;}

div.SliderRazdel {position: absolute; z-index: 1; width: 1014px; height: 500px; margin-top: 50px; background: url(/img/facebg.gif) top left repeat;}
div.SliderRazdel div {width: 1014px; height: 500px;}
div.SliderRazdel div img {float: right;}

div.Slider {position: absolute; z-index: 1; width: 1014px; height: 500px; margin-top: 50px; background: url(/img/faceblack.gif) top left repeat;}
div.Slider div {width: 1014px; height: 500px;}
div.Slider div img {float: right;}

div.Slider div.video {width: 480px; height: 360px; margin: 80px auto;}

div.PreviewContainer {position: absolute; z-index: 2;  margin-top: 100px; width: 382px; height: 450px; overflow hidden;}
div.Preview {position: absolute; z-index: 5; width: 335px; padding: 15px 25px 20px 22px; font-style: italic; color: #d0d0d0;}
div.PreviewBlack {position: absolute; z-index: 2; width: 382px; height: 450px; background-image: url(/img/black.png); //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/black.png', sizingMethod='crop');}

div.Slogan {position: absolute; z-index: 10; width: 382px; height: 200px; top: 186px; text-align: center; color: #eee;}
div.Slogan h1 {color: #4b3e2a !important; font-size: 21pt; font-weight: normal; margin-left: 0 !important;}

div.FaceSlogan {position: absolute; z-index: 10; width: 300px; height: 200px; top: 120px; padding: 0 0 0 32px; color: #eee;}
div.FaceSlogan h1 {color: #f0f0f0 !important; font-size: 32pt; line-height: 0.8em; font-weight: normal; margin: 0 0 20px 0 !important;}
div.FaceSlogan h1 span {font-size: 26pt;}
div.FaceSloganBlack {position: absolute; z-index: 1;  top: 20px; width: 330px; height: 330px; background-image: url(/img/slogan.png); //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/slogan.png', sizingMethod='crop');}
div.SloganUzor {position: absolute; z-index: 1; width: 382px; height: 450px; background: url(/img/sloganuzor.gif) top left no-repeat;}


/* ============= main ============ */
div.SiteContainer {width: 100%; margin: 0 auto; padding: 400px 0 0 0; background-position: top center; background-repeat: repeat-x;}
div.MainContainer {width: 100%; background: #e4dace url(/img/bgw.gif) top center repeat;}
div.MainBox {margin: 0 auto; width: 970px; padding: 150px 0 20px 0;}

table.MainTab {width: 970px;}
table.MainTab td.MainLeft {width: 335px; padding: 18px 0 10px 0;}
table.MainTab td.MainCenter {width: 250px; padding: 0;}
table.MainTab td.MainRight {width: 335px; padding: 18px 0 10px 0;}
table.MainTab td.MainSpace {width: 25px;}
table.MainTab td.MainSpace span {display: block; width: 25px;}
table.MainTab td.MainBig {width: 610px; padding: 18px 0 10px 0;}

table.ThreeWhite {margin: 0 0 2px 0;}
table.ThreeWhite td.cover {width: 90px; padding: 10px; font-size: 8pt; font-style: italic; line-height: 1.1em; background: #f6f2ee;}
table.ThreeWhite td.cover img {margin: 0 0 5px 0;}
table.ThreeWhite td.cover a:link {text-decoration: none; color: #555;}
table.ThreeWhite td.cover a:visited {text-decoration: none; color: #555;}
table.ThreeWhite td.cover a:hover {text-decoration: none; color: #cc0000;}
table.ThreeWhite td.spacer {width: 2px;}
table.ThreeWhite td.spacer span {display: block; width: 2px;}

table.ThreeWhite td.coverActive {width: 90px; padding: 10px; font-size: 8pt; font-style: italic; line-height: 1.1em; background: #a9a198;}
table.ThreeWhite td.coverActive img {margin: 0 0 5px 0;}
table.ThreeWhite td.coverActive a:link {text-decoration: none; color: #fff;}
table.ThreeWhite td.coverActive a:visited {text-decoration: none; color: #fff;}
table.ThreeWhite td.coverActive a:hover {text-decoration: none; color: #fff;}

table.ThreeFoto {margin: 0 0 25px 0;}
table.ThreeFoto td.cover {width: 90px;}
table.ThreeFoto td.cover a img {border: 10px solid #222; margin: 0 0 2px 0;}
table.ThreeFoto td.cover a img.active {border: 10px solid #beb8b0;}
table.ThreeFoto td.spacer {width: 2px;}
table.ThreeFoto td.spacer span {display: block; width: 2px;}

div.facemenu {padding: 0; font-size: 10pt;}
div.facemenu p {margin: 0 0 7px 10px; font-style: italic;}

div.armenu {padding: 5px 0 12px 18px;}
div.armenu p {margin: 0 0 8px 10px; font-size: 8pt; font-style: italic;}
div.armenu p a {font-size: 10pt;}
div.armenu p a span.arr {display: none !important; font-style: normal;}
div.armenu p.active a {color: #cc0000;}
div.armenu p.active a span.arr {display: block !important; position: absolute; width: 20px; font-size: 10pt !important; line-height: 1.1em; margin: 0 0 0 -18px; text-decoration: none; color: #cc0000;}

div.centermenu {padding: 0 0 40px 0;}
div.centermenu p {margin: 0 0 8px 10px; font-style: italic;}
div.centermenu p a span.arr {display: none !important; font-style: normal;}
div.centermenu p.active a {color: #cc0000;}
div.centermenu p.active a span.arr {display: block !important; position: absolute; width: 20px; font-size: 10pt !important; line-height: 1.1em; margin: 0 0 0 -18px; text-decoration: none; color: #cc0000;}

div.centercaps {padding: 0 0 40px 0;}
div.centercaps p {margin: 0 0 5px 10px; font-style: italic;}
div.centercaps p a {font-size: 10pt;}

div.WhiteGradient {position: absolute; z-index: 1; width: 250px; height: 300px;}
div.CenterBox {position: relative; z-index: 5; width: 250px;}

div.BigText  {padding: 0 5px 55px 15px;}
div.BigText  h3 {margin-top: 20px;}
div.BigText  h4 {font-size: 11pt;}
p.incut {margin: 0 35px 20px 80px; color: #333;}

div.birka {position: absolute; z-index: 2; width: 135px; height: 149px; margin: -70px 0 0 132px; }

table.CenterTab {width: 250px; height: 300px;}
table.CenterTab td {padding: 18px 20px 10px 15px;}

div.oglav {padding: 44px 20px 0 85px; font-style: italic;}
div.oglav p {margin: 0 0 7px 0;}
div.oglav span {display: block; position: absolute; width: 60px; margin-left: -60px; }
div.oglav a:link {color: #555;}
div.oglav a:visited {color: #555;}
div.oglav a:hover {color: #cc0000;}

div.response {padding: 15px 0 0 10px;}
div.response p {margin: 0 0 3px 0 !important;}
div.response input.wide {width: 310px; margin: 0 0 15px 0;}
div.response textarea {width: 310px; margin: 0 0 15px 0; overflow:auto;}


.btn100 {background: transparent url(/img/btn100.gif) top left no-repeat; border: 0px; width: 100px; height: 25px; margin: 0 0 0 3px; color: #555;}


/* ============= azbuka ============ */
div.AzbukaHeadBox {position: relative; z-index: 10; min-width: 970px;}
div.AzbukaHeadOver {position: absolute; z-index: 1; width: 100%; height: 250px; top: 0; left: 0; overflow: hidden;}
div.AzbukaHeadContainer {width: 100%; height: 250px; padding-left: 50%; margin: 0;}
div.AzbukaHeadCenter {position: relative; z-index: 1; width: 1014px; height: 250px; margin-left: -507px;}

div.AzbukaContainer {width: 100%; margin: 0 auto; padding: 250px 0 0 0; background-position: top center; background-repeat: repeat-x;}
div.AzbukaContainer div.MainContainer {position: relative; z-index: 50; }
div.AzbukaBox {margin: 0 auto; width: 970px; padding: 18px 0 20px 0;}

div.AzbukaOglav {padding: 10px 35px 75px 80px; font-style: italic;}
div.AzbukaOglav p {margin: 0 0 15px 0; font-size: 10pt;}
div.AzbukaOglav span {display: block; position: absolute; font-size: 11pt;  width: 70px; margin-left: -70px; }
div.AzbukaOglav a {font-size: 10pt;}
div.AzbukaOglav p.active {color: #cc0000;}
div.AzbukaOglav p.active a {color: #cc0000 !important;}

div.AzbukaBirka {position: absolute; z-index: 2; width: 135px; height: 149px; margin: -110px 0 0 0; }

table.Azbuhead {width: 1014px;}
table.Azbuhead td.logo img {margin: 155px 0 0 32px;}
table.Azbuhead td.head img {float: right;}


/* ============= prefooter ============ */
div.PreFooterContainer {width: 100%; margin: 0 auto; background: #ded4c8;}
div.PreFooter {margin: 0 auto; width: 970px; padding: 0 0 20px 0;}

div.PreBottom p {margin: 0 0 8px 10px;}
div.PreBottom span.phone {font-size: 13pt;}
div.PreBottom a:link {color: #555;}
div.PreBottom a:visited {color: #555;}
div.PreBottom a:hover {color: #cc0000;}

/* ============= footer ============ */
div.FooterContainer {width: 100%; margin: 0 auto; background-position: bottom center; background-repeat: repeat;}
div.Footer {width: 970px; margin: 0 auto; padding: 20px 0;}

table.FooterTab {}
table.FooterTab td {padding: 0 0 0 10px; font-size: 8pt; color: #d0d0d0; vertical-align: middle;}
table.FooterTab td a {color: #d0d0d0 !important; }
div.counter {float: right; padding: 0 10px 0 0;}
div.counter table td {padding: 2px;}

img.callsign {position: absolute; z-index: 100; margin-top: -90px; margin-left: 860px;}
div.callbox {position: absolute; z-index: 100; margin-top: -420px; margin-left: 245px; width: 440px; height: 370px; background: #f2ece4; padding: 15px 20px;}
table.designercall {}
table.designercall td {padding: 0 15px 5px 10px;}
table.designercall td input.wide {padding: 2px; width: 188px; margin: 1px 0;}
table.designercall td textarea.wide {padding: 2px; width: 410px; margin: 1px 0;}