* {
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px;
}
* html * {
    behavior: url("s/iepngfix.htc"); /* IE6 Hack */
}

ul {
    list-style: none;
}

.clear {
    clear: both;
    overflow: hidden;
    font-size: 0;
    width: 100%;
    height: 0px;
}

h1 span, h2 span, h3 span, h4 span, a span, li span {
    display: none;
}

p {
    color: #010000;
    font-family: tahoma;
    font-size: 11px;
    padding: 0 0 15px;
}
p .red {
	color: #b10303;
}
a {
    color: #010000;
}

a:hover {
    text-decoration: none;
}

.wrapper {
    width: 980px;
    margin: 0 auto;
    position: relative;
    background: url("../i/logo.jpg") no-repeat;
}

/**** header *****/
.header .logo {
	float: left;
	width: 395px;
	height: 329px;
}

/**** menu *****/
.header .menu {
	padding: 25px 0 0 308px;
}

.header .menu ul li {
    float: left;
    padding-right: 10px;
}
.header .menu ul li.pos7 {
	margin-top: -10px;
}
.header .menu ul li a {
    display: block;
    height: 31px;
}

.header .menu ul li.pos1 a {
    background: url("../i/bt_menu_01.gif") no-repeat;
    width: 65px;
}

.header .menu ul li.pos2 a {
    background: url("../i/bt_menu_02.gif") no-repeat;
    width: 97px;
}

.header .menu ul li.pos3 a {
    background: url("../i/bt_menu_03.gif") no-repeat;
    width: 80px;
}

.header .menu ul li.pos4 {
	padding: 0 10px 0 3px;
}

.header .menu ul li.pos4 a {
    background: url("../i/bt_menu_04.gif") no-repeat;
    width: 249px;
}

.header .menu ul li.pos5 a {
    background: url("../i/bt_menu_05.gif") no-repeat;
    width: 43px;
    height: 19px;
}

.header .menu ul li.pos6 a {
    background: url("../i/bt_menu_06.gif") no-repeat;
    width: 21px;
    height: 19px;
}
.header .menu ul li.pos7 a {
	background: url("../i/bt_menu_07.gif") no-repeat;
	width: 43px;
	height: 42px;
}
body .header .menu ul li a:hover, 
body .header .menu ul li a.active {
    background-position: 0 -30px;
}
body .header .menu ul li.pos5 a:hover,
body .header .menu ul li.pos6 a:hover,
body .header .menu ul li.pos7 a:hover {
    background-position: 0 0;
}

/**** content *****/
.content {
    margin-top: 40px;
}

.content .player {
	background: url("../i/bg_player2.gif") no-repeat;
    width: 890px;
    height: 151px;
    margin: -40px 0 0 14px;
    padding: 65px 0 0 40px;
}

.content .player .play .title {
    background: url("../i/bg_player_title.gif") no-repeat;
    width: 468px;
    height: 35px;
    padding: 27px 0 0;
    float: left;
}

.content .player .play {
    height: 80px;
}

.content .player .play .bgTitle {
    background: url("../i/big_input.gif") no-repeat;
    width: 468px;
    height: 50px;
    margin-top: 12px;
}

.content .player .play dl {
    float: left;
}

.content .player .play dd {
    float: left;
}

.content .player .play input.title {
    width: 435px;
    height: 30px;
    margin: 0 15px;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    background: none;
    float: left;
	padding: 16px 0 0;
}

.content .player .play .title h2, 
.content .player .play .title marquee {
    width: 420px;
    height: 28px;
	margin: 0 auto;
    font-family: arial;
	font-size: 24px;
    color: #fff;
    overflow: hidden;
	text-align: center;
}

.content .player .play a.btStop {
    float: left;
    width: 111px;
    height: 40px;
    display: block;
    margin: 20px 5px 0 20px;
}

.content .player .play a.btStop img {
    float: left;
    width: 111px;
    height: 40px;
}
.content .player .play .btSubmit {
    float: left;
    width: 240px;
    height: 38px;
    display: block;
    margin: 20px 5px 0 0;
}

.content .player .play a.btSubmit img {
    float: left;
    width: 240px;
    height: 38px;
}
.content .player .play input.btPlay {
    background: url("../i/bt_player_play.png") no-repeat;
    width: 111px;
    height: 38px;
    margin: 20px 5px 0 20px;
    float: left;
}

.content .player .play a.btPlay {
    float: left;
    width: 111px;
    height: 38px;
    display: block;
    margin: 20px 5px 0 20px;
}

.content .player .play a.btPlay img {
    float: left;
    width: 111px;
    height: 38px;
}

.content .player .play a.btLikeIt {
    float: left;
    width: 31px;
    height: 30px;
    display: block;
    margin: 20px 5px 0 0;
    background: url("../i/bt_player_likeit.png") no-repeat;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 8px 0 0 90px;
}

.content .player .play a.btCreate {
    float: left;
    width: 116px;
    height: 38px;
    display: block;
    margin: 20px 5px 0 0;
}

.content .player .play a.btCreate img {
    float: left;
    width: 116px;
    height: 38px;
}

.content .player .sendToFrend {
    background: url("../i/bg_player_send.gif") no-repeat;
    width: 390px;
    height: 37px;
    margin: 7px 0 0 245px;
    display: none;
}

.content .player .sendToFrend dd {
    float: left;
}

.content .player .sendToFrend input.frendsEmail {
    width: 200px;
    height: 15px;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    margin: 10px 13px 0;
    float: left;
    background: none;
    text-align: center;
}

.content .player .sendToFrend input.send {
    background: url("../i/bt_player_send.gif") no-repeat;
    width: 120px;
    height: 25px;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    text-align: center;
    margin-top: 5px;
}

.content .player .sendToFrend .btClose {
    float: right;
    margin-top: 5px;
}

.content .player .sendToFrend2 .btSend {
    background: url("../i/bt_player_send.gif") no-repeat;
    width: 120px;
    height: 25px;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    text-align: center;
    margin: 15px 0 0 170px;
    display: block;
    text-decoration: none;
    float: left;
    line-height: 25px;
}
* html .content .player .sendToFrend2 .btSend {
    margin: 15px 0 0 85px;
}

.content .player .sendToFrend2 .portals {
    background: url("../i/bt_player_portals.gif") no-repeat;
    width: 120px;
    height: 23px;
    margin: 15px 0 0 10px;
    float: left;
    padding: 2px 0 0 10px;
}

.content .player .sendToFrend2 .copyInput {
    background: url("../i/bg_player_copy.gif") no-repeat;
    width: 390px;
    height: 26px;
    margin: 15px 0 0 10px;
    float: left;
}

.content .player .sendToFrend2 dd {
    float: left;
}

.content .player .sendToFrend2 input.inCopy {
    width: 180px;
    height: 15px;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    margin: 7px 13px 0;
    float: left;
    background: none;
    text-align: center;
}

.content .player .sendToFrend2 input.suCopy {
    background: url("../i/bt_player_copy.gif") no-repeat;
    width: 60px;
    height: 25px;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    color: #000;
    text-align: center;
    margin-top: 1px;
}

.content .pager {
    margin: 40px 0 0 335px;
}

.content .pager li {
    float: left;
    padding: 0 3px;
}

.content .pager li a {
    display: block;
    background: url("../i/bt_pager.gif") no-repeat;
    width: 29px;
    height: 28px;
    text-align: center;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    line-height: 27px;
}

.content .pager li a.active, .content .pager li a:hover {
    background-position: 0 -28px;
    color: #fff;
}

.content .pager li a.prev {
    background: url("../i/bg_pager_prev.gif") no-repeat;
    width: 36px;
    height: 28px;
}

.content .pager li a.next {
    background: url("../i/bg_pager_next.gif") no-repeat;
    width: 36px;
    height: 28px;
}

.content .galleryBlock {
    width: 930px;
    margin: 0 auto;
}

.content .galleryBlock .btGallery {
    display: block;
    width: 151px;
    height: 29px;
}

.content .galleryBlock .btGallery img {
    width: 151px;
    height: 29px;
}

.content .galleryBlock ul li {
    background: url("../i/bg_cloud.gif") no-repeat;
    width: 231px;
    height: 198px;
    float: left;
    position: relative;
}

.content .galleryBlock ul li.active {
    background: url("../i/bg_cloud_active.gif") no-repeat;
}

.content .galleryBlock ul li h5 {
    font-family: arial;
    font-size: 18px;
    color: #1e1e1e;
    position: absolute;
    top: 38px;
    left: 38px;
    line-height: 15px;
}

.content .galleryBlock ul li h5 small {
    font-size: 12px;
    color: #a80000;
    display: block;
}

.content .galleryBlock ul li .points {
    color: #fff;
    display: block;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    left: 172px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 36px;
}

.content .galleryBlock ul li .title {
    font-family: arial;
    font-size: 12px;
    color: #1e1e1e;
    font-weight: bold;
    position: absolute;
    top: 135px;
    left: 37px;
}

.content .galleryBlock ul li .btCloud {
    position: absolute;
	top: 150px;
	left: 133px;
}

/**** footer *****/
.footer {
    padding: 70px 0 30px 180px;
}

.footer li {
    color: #010000;
    font-family: tahoma;
    font-size: 11px;
    float: left;
}

.footer li.first {
    margin: 110px 10px 0 0;
}

.footer li.last {
    margin: 110px 0 0 -20px;
}

.footer li .mLogo {
    width: 211px;
    height: 149px;
}

/**** main *****/
body.main {
    background: url("../i/bg_main.jpg") no-repeat center top;
}

.main .content {
	height: 570px;
	margin-top: 10px;
}

.main .content .block {
    margin: 0 0 0 380px;
	position: relative;
}

.content .block .figuresPanel {
    position: absolute;
    left: -125px;
    top: 44px;
    width: 360px;
    height: 150px;
    overflow: hidden;
}

.content .block .figuresPanel2 {
    position: absolute;
    left: 125px;
    top: 44px;
    width: 360px;
    height: 150px;
    overflow: hidden;
}

.main .content .block h1 {
    background: url("../i/h1_main.png") no-repeat;
	width: 372px;
    height: 61px;
    float: left;
	margin: 0 10px 10px -25px;
}

.main .content .block .mainText {
    display: block;
    width: 205px;
    float: left;
	margin-top: 10px;
}

.main .content .block .mainText a {
    color: #b10303;
}

.main .content .block .smallLogo {
    display: block;
    float: right;
    width: 114px;
    height: 86px;
	margin: -40px 50px 0 0;
    position: relative;
}

.main .content .block .smallLogo img {
    width: 114px;
    height: 86px;
}

/**** gallery *****/
body.gallery {
    background: url("../i/bg_gallery.jpg") no-repeat center top;
}

.gallery .content {
    height: 962px;
}

.gallery .content .block {
    margin: 0 0 0 380px;
}

.gallery .content .block h1 {
    background: url("../i/h1_gallery.png") no-repeat;
    width: 337px;
    height: 61px;
    float: left;
    margin: -10px 10px 0 -16px;
}

.gallery .content .block .mainText {
    display: block;
    width: 205px;
    float: left;
}

.gallery .content .block .mainText a {
    color: #b10303;
}

.gallery .content .block .smallLogo {
    display: block;
    float: right;
    width: 114px;
    height: 86px;
    margin: -20px 50px 0 0;
    position: relative;
}

.gallery .content .block .smallLogo img {
    width: 114px;
    height: 86px;
}

.gallery .content .see {
    float: left;
    padding: 0 0 0 42px;
}

.gallery .content .see li {
    float: left;
    margin: 0 3px 0;
}

.gallery .content .see li a.bt1 {
    background: url("../i/bt_gallery_01.png") no-repeat;
    width: 106px;
    height: 30px;
    display: block;
}

.gallery .content .see li a.bt2 {
    background: url("../i/bt_manifesto_02.png") no-repeat;
    width: 165px;
    height: 30px;
    display: block;
}

.gallery .content .player {
    background: url("../i/bg_player2.gif") no-repeat;
}

.gallery .content .galleryBlock {
    margin-top: 10px;
}

/**** manifesto *****/
body.manifesto {
    background: url("../i/bg_manifest.jpg") no-repeat center top;
}

.manifesto .content .block {
    margin: 0 0 0 380px;
}

.manifesto .content .block h1 {
    background: url("../i/h1_manifesto.png") no-repeat;
    width: 375px;
    height: 65px;
    float: left;
    margin-top: 10px;
}

.manifesto .content .block .smallLogo {
    display: block;
    float: left;
    width: 114px;
    height: 86px;
}

.manifesto .content .block .smallLogo img {
    width: 114px;
    height: 86px;
}

.manifesto .content .block .textArea {
    background-color: #fff;
    width: 500px;
    padding: 15px 40px 15px 20px;
    margin-left: -15px;
}

.manifesto .content .smallBlocks {
    padding-left: 56px;
}
* html .manifesto .content .smallBlocks {
    padding-left: 40px;
}

.manifesto .content .smallBlock {
    width: 235px;
    padding: 15px;
    background-color: #fff;
    margin: 15px;
    float: left;
}

.manifesto .content .smallBlock h2 {
    height: 30px;
    margin: 0 0 10px -5px;
}

.manifesto .content .smallBlock h2.one {
    background: url("../i/h2_manifesto_01.gif") no-repeat;
    width: 195px;
}

.manifesto .content .smallBlock h2.two {
    background: url("../i/h2_manifesto_02.gif") no-repeat;
    width: 246px;
}

.manifesto .content .smallBlock h2.tree {
    background: url("../i/h2_manifesto_03.gif") no-repeat;
    width: 171px;
}

.manifesto .content .see {
    padding: 35px 0 0 285px;
}

.manifesto .content .see li {
    float: left;
    margin: 0 3px 0;
}

.manifesto .content .see li.first {
    background: url("../i/txt_see.gif") no-repeat;
    width: 54px;
    height: 15px;
    margin: 5px 10px 0;
}

.manifesto .content .see li a.bt1 {
    background: url("../i/bt_manifesto_01.png") no-repeat;
    width: 164px;
    height: 30px;
    display: block;
}

.manifesto .content .see li a.bt2 {
    background: url("../i/bt_manifesto_02.png") no-repeat;
    width: 165px;
    height: 30px;
    display: block;
}

/**** sympatia *****/
body.sympatia {
	background: url("../i/bg_sympatia.jpg") no-repeat center top;
}
.sympatia .content {
	height: 815px;
}
.sympatia .content .block {
	margin: 0 0 0 380px;
}
.sympatia .content .block h1 {
	background: url("../i/h1_manifesto_02.png") no-repeat;
	width: 303px;
	height: 65px;
	float: left;
	margin: 10px 0 0 90px;
}
* html .sympatia .content .block h1 {
	margin: 10px 0 0 45px;
}
.sympatia .content .block .smallLogo {
	display:block;
	float: left;
	width: 114px;
	height: 86px;
}
.sympatia .content .block .smallLogo img {
	width: 114px;
	height: 86px;
}
.sympatia .content .block .textArea {
	background-color: #fff;
	width: 500px;
	padding: 15px 40px 15px 20px;
	margin-left: -15px;
}
.sympatia .content .block .textArea h2 {
	background: url("../i/h2_sympatia_02.gif") no-repeat;
	width: 229px;
	height: 45px;
}
.sympatia .content .block .textArea p.city {
	color: #b10202;
	padding: 0 0 5px;
}
.sympatia .content .block .textArea .map {
	float: right;
}
.sympatia .content .sym {
	left: 45px;
	top: 304px;
	position: absolute;
}
.sympatia .content .sym .smallBlock {
	width: 235px;
	padding: 15px;
	background:none;
	margin: 15px;
	float: none;
}
.sympatia .content .smallBlock h2 {
	height: 30px;
	margin: 0 0 10px -5px;
}
.sympatia .content .smallBlock h2 {
	background: url("../i/h2_sympatia_01.gif") no-repeat;
	width: 195px;
}

/**** register *****/
body.register {
    background: url("../i/bg_register.jpg") no-repeat center top;
}

.register .content {
    margin-top: 10px;
    height: 692px;
}

.register .content .block {
    margin: 0 0 0 380px;
}

.register .content .block h2.one {
    background: url("../i/h2_register_01.png") no-repeat;
    width: 143px;
    height: 27px;
    float: left;
    margin: 25px 235px 0 0;
}

.register .content .block h2.two {
    background: url("../i/h2_register_02.png") no-repeat;
    width: 143px;
    height: 27px;
    margin: 25px 235px 0 0;
}

.register .content .block .smallLogo {
    display: block;
    float: left;
    width: 114px;
    height: 86px;
    position: relative;
}

.register .content .block .smallLogo img {
    width: 114px;
    height: 86px;
}

.register .content .block .textArea {
    background-color: #fff;
    padding: 30px 0 15px 20px;
    width: 480px;
    margin: -30px 0 0 -15px;
}

.register .content .block .textArea.two {
    margin: 5px 0 0 -15px;
}

.register .content .block .textArea a {
    color: #ac0303;
}

.register .content .block .textArea dl {
    clear: both;
    border: 1px solid #fff;
}

.register .content .block .textArea dl.fieldCheckbox {
    margin-left: 100px;
    position: relative;
    width: 390px;
}

.register .content .block .textArea dt {
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    line-height: 27px;
    margin-bottom: 5px;
}

.register .content .block .textArea dl.fieldCheckbox dt {
    line-height: 12px;
    margin-left: 7px;
    text-align: left;
    width: 105px;
    margin-right: 20px;
}

.register .content .block .textArea dl.fieldCheckbox dt.redLine {
    border-right: 1px solid #bc0404;
}

.register .content .block .textArea dd {
    float: left;
    margin-bottom: 5px;
}

.register .content .block .textArea label {
    color: #010000;
    font-family: tahoma;
    font-size: 11px;
}

.register .content .block .textArea label.error {
    float: left;
    display: block;
    padding: 9px 0 0 10px;
}

.register .content .block .textArea .fieldCheckbox label.error {
    float: none;
    display: block;
    position: absolute;
    left: 262px;
    top: 0;
}

.register .content .block .textArea label span {
    color: #a0a0a0;
}

.register .content .block .textArea .fieldInput {
    background: url("../i/input.gif") no-repeat;
    width: 378px;
    height: 34px;
}

.register .content .block .textArea .fieldInput input {
    background: none;
    margin: 9px;
    width: 255px;
    color: #010000;
    font-family: tahoma;
    font-size: 11px;
    float: left;
}

.register .content .block .textArea input.submitLogin {
    background: url("../i/bt_register_01.gif") no-repeat;
    width: 143px;
    height: 40px;
    margin: 2px 0 3px 150px;
}

.register .content .block .textArea input.submitRegister {
    background: url("../i/bt_register_02.gif") no-repeat;
    width: 276px;
    height: 40px;
    margin: 10px 0 3px 90px;
}

/**** relation *****/
body.relation {
    background: url("../i/bg_relation.jpg") no-repeat center top;
}

.relation .content {
    height: 822px;
}

.relation .content .block {
    margin: 0 0 0 380px;
}

.relation .content .block h1 {
    background: url("../i/h1_relation.png") no-repeat;
    width: 375px;
    height: 78px;
    float: left;
    margin-top: 5px;
}

.relation .content .block .smallLogo {
    display: block;
    float: left;
    width: 114px;
    height: 86px;
}

.relation .content .block .smallLogo img {
    width: 114px;
    height: 86px;
}

.relation .content .block .playerArea {
    background-color: #fff;
    width: 500px;
    margin: 20px 0 0 -15px;
    float: left;
    overflow: hidden;
}

.relation .content .block .playerArea li {
    float: left;
    width: 500px;
    text-align: center;
}

.relation .content .block .playerArea li h4 {
    display: none;
}

.relation .content .block .prev {
	display: block;
    width: 22px;
    height: 27px;
    float: left;
    margin: 150px 0 0 -65px;
}
* html .relation .content .block .prev {
    margin: 150px 0 0 -40px;
}

.relation .content .block .next {
	display: block;
    width: 22px;
    height: 27px;
    float: left;
    margin: 150px 0 0 25px;
}

.relation .content h4 {
    font-family: arial;
    font-size: 18px;
    left: 25px;
    position: relative;
    text-align: right;
    top: -50px;
    width: 310px;
}
* html .relation .content h4 {
    left: 10px;
}

.relation .content h4 span {
    font-size: 12px;
    color: #b10303;
    display: block;
}

.relation .content .smallBlocks {
    padding-left: 56px;
}
* html .relation .content .smallBlocks {
    padding-left: 40px;
}

.relation .content .smallBlock {
    width: 235px;
    padding: 15px;
    background-color: #fff;
    margin: 15px;
    float: left;
    position: relative;
}

.relation .content .smallBlock .quotationTop {
    width: 46px;
    height: 39px;
    position: absolute;
    top: -20px;
    left: 5px;
}

.relation .content .smallBlock .quotationBot {
    width: 46px;
    height: 39px;
    position: absolute;
    bottom: -20px;
    right: 10px;
}

.relation .content .smallBlock h2 {
    height: 30px;
    margin: 0 0 10px -5px;
}

.relation .content .smallBlock h2.one {
    background: url("../i/h2_manifesto_01.gif") no-repeat;
    width: 195px;
}

.relation .content .smallBlock h2.two {
    background: url("../i/h2_manifesto_02.gif") no-repeat;
    width: 246px;
}

.relation .content .smallBlock h2.tree {
    background: url("../i/h2_manifesto_03.gif") no-repeat;
    width: 171px;
}

.relation .content .smallBlock p.press {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}

.relation .content .smallBlock p.press span {
    color: #b10303;
    display: block;
}
.topLayer {
	background: url("../i/popup_bg.png") no-repeat;
	width: 637px;
	height: 421px;
	position: absolute;
	top: 100px;
	left: 160px;
	text-align: center;
}
* html .topLayer {
	background: url("../i/popup_bg.gif") no-repeat;
}
.topLayer .imgArea {
	width: 300px;
	margin: 25px auto 0 auto;
}
.topLayer .imgArea a {
	display: block;
	float: left;
}
.topLayer a.bt {
	display: block;
	margin-left: 20px;
}
.topLayer a.close {
	display: block;
	position: absolute;
	right: 50px;
	top: 40px;
}
.topLayer a.closeTxt {
	font-size: 11px;
	font-family: tahoma;
	color: #010000;
	margin: 10px 0 0 10px;
}