Файл: style/style.css
Строк: 575
/*********** FONTS *******
@font-face {
font-family:
"ptsans";
src: url("/fonts/ptsans.ttf");
font-size:
13px;
}
****/
@import
"http://webfonts.ru/import/ptsans.css";
@import
"http://webfonts.ru/import/lobster.css";
body {
margin:0px;
padding:0px;
font-family: "PTSansRegular";
background: fixed #3480cf url(/img/diz/fon.jpg)no-repeat;
background-size: 100%; background-position:0% 100%;
}
img {
border:0px; }
.clr { clear:both; }
.stn:link, .stn:visited { color:
#000000; text-decoration: none; font-weight: bold; }
.stn:active,
.stn:hover { color: #2d2dc4; text-decoration: none; }
.stn-sort:link,
.stn-sort:visited { color: #FFFFFF; text-decoration: none; font-weight:
bold; }
.stn-sort:active, .stn-sort:hover { color: #000000;
text-decoration: none; }
/*############# WRAPPERS #############*/
.wrap
{ width:980px; margin:0 auto; border:0px solid black; }
/*#############
HEADER #############*/
.header { width:100%; }
.clr-line
{
background: url(/img/hd-line.jpg)
no-repeat;
width:980px;
height:8px;
}
.line-footer {
background:
url(/img/footer.png)
no-repeat;
width:749px;
height:44px;
}
/*############# Menu
#############*/
.menu{list-style: none;}
.menu li{
float:
left;
margin: 0 10px 0 0;
background: #044fac;
border-radius:
5px;
width: 110px;
text-align: center;
line-height:
50px;
}
.menu a{
color: #fff;
display: block;
height:
50px;
font-size: 20px;
text-decoration: none;
}
.menu
a:hover{
background: #14b41d;
border-radius: 5px;
/*transition:
background 1s, color 1s;*/
-webkit-transition: all
1s;
-moz-transition: all 1s;
-ms-transition: all
1s;
-o-transition: all 1s;
transition: all 1s;
}
.cp-art
{
background: url(/img/fruits.png)
no-repeat;
width:980px;
height:250px;
margin-bottom:10px;
float:left;
}
.sprite-icon
{
background: url(/img/sprite-icon.png)
no-repeat;
width:500px;
height:500px;
}
.hd-bnf
{
float:left;
background: url(/img/bnf.png)
repeat-x;
height:152px;
font-family: "lobster";
margin:25px
0px 0px 10px;
padding:10px 15px 0px
30px;
color:#000000;
font-size:1.2em;
line-height: 17pt;
border:1px
solid #b6b6b6;
border-radius:10px;
}
.hd-bnf li {
list-style-image:
url(/img/arrow.png);
background-repeat:no-repeat;
}
/*#############
CONTENT #############*/
.content { width:100%; margin-top:10px;
}
.cl-left { width:325px; float:left; border:0px solid black; }
.cl-right
{ width:630px; float:left; padding:0px 0px 0px 20px; border:0px solid
black; }
.h-title {
background: url(/img/opacity-title.png)
no-repeat;
width:289px;
height:22px;
color:#000;
font-family:
"PTSansRegular";
text-align:center;
margin:2px 0px 0px
15px;
}
.autoriz {
height:145px;
border:1px solid
#000000;
border-radius:10px;
color:#7ea57b;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.02, rgb(123,192,67)),
color-stop(0.51, rgb(139,198,66)),
color-stop(0.87,
rgb(158,217,41))
);
background: -moz-linear-gradient(
center bottom,
rgb(123,192,67) 2%,
rgb(139,198,66)
51%,
rgb(158,217,41) 87%
);
border-radius:10px;
}
.lg {
background: none;
border: 1px solid
#000000;
border-radius:10px;
background: url(/img/inpt.png)
repeat-x;
width:237px;
height:24px;
padding:0px 0px 0px
10px;
margin:3px 0px 0px 0px;
}
.lg:hover {
background:
url(/img/inpt-hov.png) repeat-x;
width:237px;
height:24px;
}
.ps
{
background: none;
border: 1px solid
#000000;
border-radius:10px;
background: url(/img/inpt.png)
repeat-x;
width:237px;
height:24px;
padding:0px 0px 0px
10px;
margin:3px 0px 0px 0px;
}
.ps:hover {
background:
url(/img/inpt-hov.png)
repeat-x;
width:237px;
height:24px;
}
.btn_in {
background:
#73b1ff;
border: 1px solid
#60a2f6;
border-radius:10px;
color:#FFF;
margin:0px 0px 0px
0px;
padding:3px 0px 3px
0px;
cursor:pointer;
width:60px;
}
.btn_reg {
background:
#73b1ff;
border: 1px solid
#60a2f6;
border-radius:10px;
color:#FFF;
margin:0px 0px 0px
0px;
padding:3px 0px 3px
0px;
cursor:pointer;
width:100px;
}
a.rs-ps { color:#f77827;
text-decoration:none; font-size:14px; }
a.rs-ps:hover {
text-decoration:underline; }
.st-lf { float:left; margin:5px 0px 0px
0px; }
.st-rg { float:left; margin:7px 0px 0px 15px; }
.line
{
margin:10px 0px 0px 30px; font-weight: bold;
text-shadow: 1px 1px 0px
rgba(255, 255, 255, 0.198);
}
.line-st {
border: 1px solid
#aaa;
box-shadow: inset 0px 1px 5px 0px rgba(255, 255, 255, 0.400), 3px
5px 10px rgba(0, 0, 0, 0.402);
border-radius:10px;
text-shadow: 1px 1px
0px rgba(0, 0, 0,
0.298);
width:115px;
height:19px;
color:#0000ff;
text-align:center;
margin:4px
0px 0px 0px;
padding:3px 0px 2px 0px;
}
.st-time {
margin:3px 0px
0px 30px;
font-weight:bold;
}
.wim {
background:
url(/img/small-inpt.png)
repeat-x;
width:229px;
height:34px;
border:1px solid
#b6b6b6;
border-radius:10px;
text-align:center;
font-size:20pt;
padding:10px
0px 0px 0px;
margin:0px 0px 0px 190px;
}
.wim-block {
margin:10px
0px 0px 67px;
}
.wim-lf {
background: url(/img/man-1.jpg)
no-repeat;
width:125px;
height:129px;
float:left;
}
.wim-ctr
{
width:220px;
float:left;
color:#0a5200;
font-size:19pt;
text-align:center;
margin:0px
5px 0px 5px;
}
.wim-ctr-in {
background: url(/img/arrows.jpg)
no-repeat;
width:117px;
height:63px;
margin:10px 0px 10px
50px;
}
.wim-rg {
background: url(/img/man-2.jpg)
no-repeat;
width:130px;
height:131px;
float:left;
}
.garant-bk
{
width:200px;
float:left;
margin:5px 0px 0px
0px;
text-align:center;
color:#0a5200;
font-size:15pt;
}
i
{
display:block;
background:url(/img/garant-sprite.jpg);
width:171px;
height:155px;
margin-left:15px;
}
.cntrl-ps
{
width:171px;
margin-left:71px;
}
s
{
display:block;
background:url(/img/paysitem-sprite.png);
width:57px;
height:46px;
float:left;
}
.acc-title
{
width:235px;
height:30px;
border:1px solid
#000;
border-radius:10px;
text-align:center;
font-family:
"lobster";
font-size:18px;
color:#ffffff;
margin-left:45px;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.39, rgb(85,85,85)),
color-stop(0.7, rgb(105,105,105))
);
background:-moz-linear-gradient(
center bottom,
rgb(85,85,85) 39%,
rgb(105,105,105) 70%
);
}
.field-gr {
font-weight:bold;
background:
url(/img/field-gr.png)
no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px
48px;
margin:-10px 0px 11px 28px;
}
.field-gr a {
font-weight:bold;
color:#1560bd;
text-decoration:none;
font-size:20px;
}
.field-gr
a:hover {
font-weight:bold;
color:#000000;
text-decoration:none;
border-bottom:1px
dashed #ff0000;
font-size:20px;
}
.field-ar {
font-weight:bold;
background: url(/img/field-ar.png)
no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px
48px;
margin:-10px 0px 11px 28px;
}
.field-ars {
font-weight:bold;
background: url(/img/field-ars.png)
no-repeat;
width:220px;
height:31px;
padding:9px 0px 0px
48px;
margin:-10px 0px 11px 28px;
}
.field-ars a, .field-ar a
{
color:#1560bd;
text-decoration:none;
font-size:18px;
}
.field-ars
a:hover, .field-ar a:hover
{
color:#000000;
text-decoration:none;
border-bottom:1px dashed
#ff0000;
font-size:18px;
}
.fr-block
{
width:250px;
height:280px;
float: left;
margin:0px 20px 20px
0px;
}
.fr-block img {
margin:10px 0px 0px
15px;
border-radius:10px;
border:3px solid #033ea6;
}
.fr-title
{
color:#000000;
font-size:18px;
}
.cl-fr-lf {
float:left;
text-align:center;
}
.cl-fr-rg {
width:
500px;
float:left;
margin: 10px 0px 0px 5px;
background:
url(/img/diz/eco_info.png) no-repeat;
}
.fr-te-gr { color:#000000;
}
.fr-te-gr-title {
color:#000;
font-weight:700;
margin-bottom:5px;
}
a.sm-btn
{
display:block;
cursor:pointer;
font-size: 12px;
font-weight: 700
!important;
margin: 0px 5px 8px 0px;
padding: 0px
14px;
border-radius: 10px;
box-shadow: inset 0px 1px 0px 0px rgba(255,
255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.102);
display:
inline-block;
line-height: 26px;
text-shadow: 1px 1px 0px rgba(255,
255, 255, 0.298);
background: linear-gradient(to bottom, #88BDFF 0px,
#60A7FF 100%) transparent;
border: 1px solid #3E8FF4;
color: #2B63A8
!important;
text-decoration:none;
}
a.sm-btn:hover { opacity:0.8;
}
input.sm-btn {
display:block;
cursor:pointer;
font-size:
12px;
font-weight: 700 !important;
margin: 0px 5px 8px 0px;
padding:
0px 14px;
border-radius: 10px;
box-shadow: inset 0px 1px 0px 0px
rgba(255, 255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.102);
display:
inline-block;
line-height: 30px;
text-shadow: 1px 1px 0px rgba(255,
255, 255, 0.298);
background: linear-gradient(to bottom, #88BDFF 0px,
#60A7FF 100%) transparent;
border: 1px solid #3E8FF4;
color: #2B63A8
!important;
text-decoration:none;
}
input.sm-btn:hover {
opacity:0.8; }
.silver-bk {
background: #f7f7f7;
border:2px solid
#000000;
width:600px;
margin:-10px 0px 0px 0px;
padding:10px 10px
10px 20px;
color:#000000;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.02,
rgb(123,192,67)),
color-stop(0.51, rgb(139,198,66)),
color-stop(0.87, rgb(158,217,41))
);
background:
-moz-linear-gradient(
center bottom,
rgb(123,192,67)
2%,
rgb(139,198,66) 51%,
rgb(158,217,41) 87%
);
border-radius:10px;
}
.s-bk-lf
{
margin-left:150px;
}
.sm-line
{
width:450px;
float:center;
margin:5px 50px 5px
50px;
font-size:14px;
}
.sm-n {
background:
url(/img/diz/eco_store.png) no-repeat;
}
.sm-line-nt {
margin:5px
0px 5px 0px;
font-size:14px;
}
.sm-line-nt img {
border:3px solid
#033ea6;
border-radius:10px;
vertical-align:-13px;
}
.sm-line img
{
border:3px solid
#033ea6;
border-radius:10px;
vertical-align:-13px;
margin:0px 5px 0px
0px;
}
.m-tb {
background: blue;
color:white;
}
table {
border:none; }
td
{
border-radius:10px;
margin-right:5px;
}
.bs-py {
border: 1px
solid #8d8d8d;
border-radius:10px;
background: url(/img/inpt-hov.png)
repeat-x;
width:115px;
height:24px;
color:#f77827;
text-align:center;
margin:0px
0px 0px 0px;
padding:3px 0px 0px 0px;
}
.out-my {
background:
none;
border: 1px solid #8d8d8d;
border-radius:10px;
background:
url(/img/inpt.png) repeat-x;
width:187px;
height:24px;
padding:0px
0px 0px 10px;
margin:1px 0px 0px 0px;
}
.out-my:hover {
background:
url(/img/inpt-hov.png)
repeat-x;
width:187px;
height:24px;
}
/*############# FOOTER
#############*/
.footer {
margin-top:100px;
}
.htt:hover
{background-color:#ccffcc;}
.form-5 {
/* Size and
position */
width: 348px;
margin: 5px auto 30px;
position:
relative;
/* Styles */
border-radius: 5px;
box-shadow: 0 0
5px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1);
}
.form-5 p {
width: 70%;
float: left;
border-radius: 5px 0 0 5px;
border:
1px solid #fff;
border-right: none;
}
.form-5
input[type=text],
.form-5 input[type=password] {
/* Size and position
*/
width: 100%;
height: 50px;
padding: 0 10px;
/*
Styles */
border: none; /* Remove the default border */
background: white; /* Fallback */
background: rgba(255,255,255,0.2);
box-shadow:
inset 0 0 10px rgba(255,255,255,0.5);
/*
Font styles */
font-family: 'Montserrat', sans-serif;
text-indent: 10px;
color: #2a52be;
text-shadow: 0 1px 2px
rgba(0,0,0,0.3);
font-size: 20px;
}
.form-5
input[type=text] {
border-bottom: 1px solid #fff; /* Fallback */
border-bottom: 1px solid rgba(255,255,255,0.7);
border-radius: 5px 0 0
0;
}
.form-5 input[type=password] {
border-top: 1px solid #CCC; /*
Fallback */
border-top: 1px solid rgba(0,0,0,0.1);
border-radius:
0 0 0 5px;
}
.form-5 input[type=text]:hover,
.form-5
input[type=password]:hover,
.form-5 input[type=text]:focus,
.form-5
input[type=password]:focus {
background: #f7def7; /* Fallback */
background: rgba(255,255,255,0.4);
outline: none;
}
/* Placeholder
style (from
http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css)
*/
.form-5 input::-webkit-input-placeholder {
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
font-family: 'Handlee',
cursive;
}
.form-5 input:-moz-placeholder {
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
font-family: 'Handlee',
cursive;
}
.form-5 input:-ms-input-placeholder {
color: #fff;
text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
font-family: 'Handlee',
cursive;
}
.form-5 button {
/* Size and position */
width:
20%;
height: 135px;
float: left;
position: relative;
overflow: hidden;
/* Styles */
background: #2a52be;
background: url(/img/noise.png), -moz-radial-gradient(center, ellipse
cover, #2a52be 0%, #003bcd 100%);
background: url(/img/noise.png),
-webkit-gradient(radial, center center, 0px, center center, 100%,
color-stop(0%,#2a52be), color-stop(100%,#003bcd));
background:
url(/img/noise.png), -webkit-radial-gradient(center, ellipse cover, #2a52be
0%,#003bcd 100%);
background: url(/img/noise.png),
-o-radial-gradient(center, ellipse cover, #2a52be 0%,#003bcd 100%);
background: url(/img/noise.png), -ms-radial-gradient(center, ellipse cover,
#2a52be 0%,#003bcd 100%);
background: url(/img/noise.png),
radial-gradient(ellipse at center, #2a52be 0%,#003bcd 100%);
border-radius: 0 5px 5px 0;
box-shadow:
inset 0 0 4px
rgba(255, 255, 255, 0.7),
inset 0 0 0 1px rgba(0, 0, 0, 0.2);
border: none;
border-left: 1px solid silver;
cursor: pointer;
line-height: 102px; /* Same as height */
}
.form-5 button i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: -20px;
font-size: 64px;
line-height: 109px;
color:
#8d1645;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
text-shadow: 0 1px 0
rgba(255,255,255,0.4);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s
ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s
ease-out;
}
.form-5 button span {
display: block;
/* Font
styles */
color: #8d1645;
font-family: 'Montserrat', Arial,
sans-serif;
font-size: 20px;
text-shadow: 0 1px 0
rgba(255,255,255,0.4);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s
linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s
linear;
transition: all 0.2s linear;
-webkit-backface-visibility:
hidden;
}
/* Click on button */
.form-5 button:active
span,
.form-5 button:active i {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition:
none;
transition: none;
}
.form-5 button:active span {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.form-5 button:active i
{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
left: 0;
color:
#fff;
}
.scrollTop {
background:url(/img/button237.png) 0 0
no-repeat; display:block; width:50px; height:50px; position:fixed;
bottom:10%; left:90%; z-index:2000;
}
.scrollTop:hover {
background-position:0 -58px;
}
.balance
{
height:135px;
margin:20px 0px 0px 0px;
border:1px solid
#000;
border-radius:10px;
color:#000000;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.02, rgb(123,192,67)),
color-stop(0.51, rgb(139,198,66)),
color-stop(0.87,
rgb(158,217,41))
);
background: -moz-linear-gradient(
center bottom,
rgb(123,192,67) 2%,
rgb(139,198,66)
51%,
rgb(158,217,41) 87%
);
}
.akk{
margin:20px 0px 0px 0px;
border:1px solid
#000;
border-radius:10px 40px;
color:#000000;
background:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.02, rgb(123,192,67)),
color-stop(0.51, rgb(139,198,66)),
color-stop(0.87,
rgb(158,217,41))
);
background: -moz-linear-gradient(
center bottom,
rgb(123,192,67) 2%,
rgb(139,198,66)
51%,
rgb(158,217,41) 87%
);
}
.z-block
{
background:
#42d774;
width:550px;
height:240px;
float:left;
margin:0px 20px
20px 20px;
border-radius:10px;
border:3px solid #cdcdcd;
}
.z-block
img {
margin:0px 0px -45px 0px;
border-radius:10px;
border:3px solid
#cdcdcd;
}
.z-block1 img {
margin:0px 0px 0px
0px;
border-radius:10px;
border:0px solid #cdcdcd;
}
.rekbann
{
position :fixed;
margin-left: 87% ;
margin-top:
165px;
}
.rekbann-img {
position :fixed;
margin-left: 85%
;
margin-top: 10px;
}