ul {
list-style-type: none;
padding: 0px;
margin: 0px;
list-style-position:inside;}
li {
list-style-type: none;
padding: 0px;
margin: 0px;
list-style-position:inside;}
* {
margin:0px;
padding:0px;
border:0px;
font-size:100.01%;}
html {
/*------------ 100% ������ ���������� div.page ����� */
height:100%;
width:auto;
/*------------*/
background:#000;}
body {
font-family:arial, helvetica, serif;
/*--------------- 100% ������ ���������� div.page ����� */
min-height:100%;
height:100%;
width:100%;
/*---------------*/
background:#000;
color:#000;
font-weight:normal;
font-family:Arial, Verdana, Helvetica, Sans-Serif;}
#page {
width:100%;
margin:auto;
height:auto !important;
min-height:100%;
height:100%;
background:#000;
overflow:hidden;}
#footer_guarantor {
position:relative;
height:50px;
clear:both;
text-align:center;}
#footer {
position:relative;
text-align:center;
margin:auto;
margin-top:-50px;
width:100%;
height:50px;
clear:both;
background:#000;}
#header {
text-align:center;
height:195px;
background:#000;
overflow:hidden;}
.left_h {
cursor:pointer;
background:url('bg_fr_1.png') top left no-repeat;
float:left;
width:188px;
height:100%;}
.right_h {
float:right;
text-align:center;
width:250px;
height:100%;}
.center_h {
text-align:left;
width:auto;
height:100%;
margin-right:250px;
margin-left:125px;}
#strip {
padding-top:9px;
height:50px;
background:#000;}
.left_b {
height:100%;
text-align:center;
width:15%;
float:left;
background:url('bg_fr_4.png') top left repeat-y;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
padding-bottom:20000px;
margin-bottom:-20000px;}
.right_b {
height:100%;
text-align:center;
width:15%;
float:right;
background:url('bg_fr_6.png') top right repeat-y;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
padding-bottom:20000px;
margin-bottom:-20000px;}
.content {
background:url('bg_fr_5.png') repeat;
color:#fff;
width:auto;
margin:0 15%;
text-align:center;
padding-bottom:20000px;
margin-bottom:-20000px;}
#coop {
width:auto;
height:100%;
margin:0 130px;
text-align:center;
color:#902;
font-size:12px;
font-weight:bold;}
#hel {
margin-left:62px;
height:125px;
background:url('bg_fr_2.png') center left no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;}
/*--------------------------------------------------------------------------------------------------------*/
#nav, #nav ul {
padding:0px;
margin:0px;
list-style:none;
line-height:0px;}
#nav a {
display:block;
width:66px;}
#nav li {
float:left;
width:66px;}
#nav li ul {
position:absolute;
background:none;
width:66px;
left:-999em;}
#nav li ul ul {
margin:-12px 0 0 83px;}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left:auto;}
/*------------------------------------------------------------------------------------------------------*/
A {color: #fa0053; /* ���� ������ */
text-decoration: none;}
A:visited {color: #aa0f71; /* ���� ���������� ������ */}
A:active {color: #00f; /* ���� �������� ������ */}
A:hover {color: #000; /* ���� ������ ��� ��������� */}
.lnk {
color:#fa0053;
cursor:pointer;}
.lnk:visited {
color:#aa0f71;}
.lnk:active {
color:#00f;}
.lnk:hover {
color:#000;}
/*------------------------------------------------------------------------------------------------------*/
.liv {
width:auto;
border:3px ridge #ff0000;
-moz-border-radius: 7px; /* FF1-3.6 */
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}
.lil {
float:left;
margin-right:5px;
width:auto;
border:3px ridge #ff0000;
-moz-border-radius: 7px; /* FF1-3.6 */
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}
.spoil {
height:auto !important;
height:auto;
text-align:justify;
padding-right:5px;
width:auto;
border:3px ridge #5f0000;
-moz-border-radius: 7px; /* FF1-3.6 */
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}
.smallfont {
clear:both;
text-align:right;}
.backag {
cursor:pointer;
float:left;
left:0px;
height:100%;
padding-bottom:20000px;
margin-bottom:-20000px;
width:35px;
background-image:url('bk.png');
background-repeat:repeat-y;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); /* IE 5.5+*/
-moz-opacity: 0.1; /* Mozilla 1.6 � ���� */
-khtml-opacity: 0.1; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */}
.backag:hover {
cursor:pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/
-moz-opacity: 0.6; /* Mozilla 1.6 � ���� */
-khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */}
.gran {
margin-right:0px;
margin-left:35px;
text-align:center;
border:5px ridge #1f3751;
-moz-border-radius: 7px; /* FF1-3.6 */
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}
.wpon{
list-style-position:inside;
cursor:pointer;
border:5px ridge #5f0000;
position:relative;
overflow: hidden;
-moz-border-radius: 7px; /* FF1-3.6 */
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}
.wpon:hover{
cursor:pointer;
border:5px ridge #9f0000;
position:relative;
overflow: hidden;
-moz-border-radius: 7px; /* FF1-3.6 */
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */}
.spoil2 {
height:auto !important;
height:100%;
text-align:justify;
width:auto;}
.opac {
border:3px ridge #5f00ff;
-moz-border-radius: 7px; /* FF1-3.6 */
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
cursor:pointer;
float:left;
left:0px;
height:20px;
width:100%;}
.spl{
width:auto;
top:0px;}
.sm {
position:relative;
display:block;
float:right;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;*/}
.smh {
border:1px ridge #00ff00;
height:20000px;
width:20000px;
/*margin:-2000px -2000px;*/
margin-top:-2000px;
margin-left:-2000px;
position:absolute;
z-index:3;}
.herb1 {
cursor:pointer;
position:absolute;
top:10px;
left:10px;
width:130px;
height:190px;}
.herb1:hover {
top:0px;
left:0px;
width:150px;
height:210px;}
.herb2 {
cursor:pointer;
position:absolute;
top:10px;
left:150px;
width:130px;
height:190px;}
.herb2:hover {
top:0px;
left:140px;
width:150px;
height:210px;}
.herb3 {
cursor:pointer;
position:absolute;
top:10px;
left:290px;
width:130px;
height:190px;}
.herb3:hover {
top:0px;
left:280px;
width:150px;
height:210px;}
.herb4 {
cursor:pointer;
position:absolute;
top:10px;
left:430px;
width:130px;
height:190px;}
.herb4:hover {
top:0px;
left:420px;
width:150px;
height:210px;}
.bgb {
position:absolute;
height:210px;
width:570px;
background:url('Eyes4.gif');
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); /* IE 5.5+*/
-moz-opacity: 0.15; /* Mozilla 1.6 � ���� */
-khtml-opacity: 0.15; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.15; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */}
.brd {
height:230px;
width:650px;
position:absolute;
margin:-10px -40px;}