Файл: transformerss/style/style.css
Строк: 515
/*********** FONTS *******
@font-face {
font-family:
"ptsans";
src: url("/fonts/ptsans.ttf");
font-size:
13px;
}
****/
@import
"../../webfonts.ru/import/ptsans.css";
@import
"../../webfonts.ru/import/lobster.css";
@import
"../../webfonts.ru/import/egipet.css";
body
{overflow-x:auto; margin:0px; padding:0px; font-family:
"PTSansRegular"; background: url(../img/bgmain.jpg);
background-attachment: fixed;}
img { border:0px; }
.clr {
clear:both;}
body a {color: blue; text-decoration: none;}
.stn:link,
.stn:visited { color: #609143; text-decoration: none; font-weight: bold; }
.stn:active, .stn:hover { color: #d77906; 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;
background:
url(../img/fon1.jpg) repeat repeat;
border:0px solid
black;
border-left: 2px solid #EEDD82;
border-right: 2px solid
#EEDD82;
padding-bottom: 10px;
}
/*############# HEADER
#############*/
.header { width:100%; }
.header1 { background:
url(../img/header.jpg); height:100px; margin-top: 10px;}
.clr-line
{
float:left;
background: url(../img/hd-line.jpg)
repeat;
border-bottom-right-radius:
10px;
height:10px;
width:980px;
}
.clr-fline
{
float:left;
background: url(../img/hd-line.jpg)
repeat;
border-top-right-radius: 10px;
border-top-left-radius:
10px;
height:10px;
width:100%;
}
.clr-rline
{
float:right;
background: url(../img/hd-line.jpg)
repeat;
border-top-left-radius:
10px;
height:10px;
width:290px;
margin-top:-30px;
}
.clr-hline
{
float:left;
background:
url(../img/hd-line.jpg);
border-top-left-radius:
10px;
height:30px;
width:10px;
margin:-30px 0px 0px
-10px;
}
.clr-tline {
background:
url(../img/vk.png);
background-size:
cover;
float:left;
border-top-left-radius:
10px;
height:30px;
width:150px;
margin:-15px 5px 0px 5px;
}
.logo
{
background: url(../img/logo2.gif)
no-repeat;
width:330px;
height:100px;
margin: 0px 0px 0px
10px;
}
.hd-menu {
float:right;
list-style:none;
font-family:
"egipet";
font-size: 18px;
margin:40px 10px 0px
0px;
}
.hd-menu li {
background: url(../img/menuli.jpg)
no-repeat;
background-size: cover;
display:inline;
margin:0px 15px
5px 0px;
border-radius: 5px;
padding:11px 10px 7px 10px;
}
.hd-menu
li:hover {
border:1px solid #f9ac85;
border-radius:20px;
margin:0px
13px 4px 0px;
padding:11px 10px 7px 10px;
}
.menu-block1 {
background: url(../img/rbg.jpg);
padding: 5px 5px 5px 0px;
border-radius: 0px 10px 10px 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-right: 2px solid #EEDD82;
border-left: 2px solid #EEDD82;
border-bottom: 2px solid #EEDD82;
margin: 20px 0 0 10;
height: 120px;
width:
270px;
}
.menu-block2 {
background: url(../img/rbg.jpg);
padding:
5px 5px 5px 0px;
border-radius: 0px 10px 10px 0px;
border-right:
2px solid #EEDD82;
border-bottom: 2px solid #EEDD82;
margin-top:
20px;
height: 125px;
}
.hd-menu a
{
text-decoration:none;
color:#000;
}
.bonus-menu
{
list-style:none;
font-family: "egipet";
margin:15px 0px
10px 0px;
}
.bonus-menu li {
background: url(../img/menuli.jpg)
no-repeat;
background-size: cover;
display:inline;
margin:10px 15px
15px 0px;
border-radius: 5px;
padding:11px 10px 7px
10px;
}
.bonus-menu li:hover {
border:0px solid
#f9ac85;
border-radius:20px;
}
.bonus-menu a:active {
background:
url(../img/mactive.jpg);
border:0px solid
#f9ac85;
border-radius:20px;
}
.bonus-menu a
{
text-decoration:none;
color:#000;
}
.cp-art {
background:
url(../img/cowboys.png)
no-repeat;
width:542px;
height:244px;
margin-bottom:10px;
float:left;
}
.iwplus
{
background: url(../img/plus.png)
no-repeat;
float:left;
width:30px;
height:30px;
margin-right:180px;
margin-top:
-28px;
vertical-align: middle;
}
.iwminus {
background:
url(../img/minus.png)
no-repeat;
float:left;
width:30px;
height:30px;
margin-right:180px;
margin-top:
-28px;
vertical-align: middle;
}
.note-success
{
width:661px;
font-size:20px;
font-family:egipet;
margin-left:-21px;
padding:2px
0px;
background-color:#7e4418;
color:white;
text-align:center;
}
.note-fail
{
width:661px;
font-size:20px;
font-family:egipet;
margin-left:-21px;
padding:2px
0px;
background-color:red;
color:white;
text-align:center;
}
.hd-bnf
{
float:right;
background:
url(../img/bnf.jpg);
background-size:cover;
height:170px;
font-family:
"egipet";
margin:73px 0px 0px 0px;
padding:10px 15px 0px
30px;
color:#000;
font-size:1.2em;
line-height: 17pt;
border:0px
solid #bbb;
border-radius:10px 10px 0px 0px;
}
.hd-bnf li
{
list-style-image:
url(../img/arrow.png);
background-repeat:no-repeat;
}
/*#############
CONTENT #############*/
.content { width:100%; margin-top:30px;
}
.cl-left { width:290px; float:left; border:0px solid black; }
.cl-leftr
{
width:280px;
float:right;
margin-top: -30px;
border-bottom:2px
solid #EEDD82;
background: url(../img/rbg.jpg);
padding-bottom:
50px;
border-bottom-left-radius: 20px;
}
.cl-right { width:669px;
float:left; padding:0px 0px 0px 10px; border:0px solid black; }
.h-title
{
background: url(../img/menu_title.jpg);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom: 2px solid #EEDD82;
border-left: 2px solid #EEDD82;
border-right: 2px solid #EEDD82;
width: 235px;
height: 27px;
color: #fff;
float: left;
font-size: 20px;
font-family:
"egipet";
text-align: center;
padding-top: 3px;
margin: 0 0 0 18;
}
.hl-title {
background:
url(../img/menu_title.jpg);
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom:2px
solid #EEDD82;
border-right:2px solid #EEDD82;
border-left:2px solid
#EEDD82;
width:250px;
height:27px;
color:#fff;
float:left;
font-size:
20px;
font-family:
"egipet";
text-align:center;
padding-top: 3px;
margin-left:
18px;
}
.lg {
background: none;
border: 1px solid
#8d8d8d;
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
#8d8d8d;
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:
#CD853F;
border: 1px solid
#c19672;
border-radius:10px;
color:#FFF;
margin:0px 0px 0px
0px;
padding:3px 0px 3px
0px;
cursor:pointer;
width:60px;
}
.btn_reg {
background:
#CD853F;
border: 1px solid
#c19672;
border-radius:10px;
color:#FFF;
margin:0px 0px 0px
0px;
padding:3px 0px 3px
0px;
cursor:pointer;
width:100px;
}
a.rs-ps { color:#555;
text-decoration:none; font-size:14px; }
a.rs-ps:hover {
text-decoration:underline; }
.stat {
background:
url(../img/bnf.jpg) repeat-x;
background-size: cover;
width:
288px;
height: 235px;
font-family: "egipet";
margin: 10px 0px 10px 0px;
border-top: 2px solid #EEDD82;
border-bottom: 2px solid #EEDD82;
border-right: 2px solid #EEDD82;
border-radius: 0px 15px 15px 0px;
margin: 0 0 0 5px;
}
.statr {
background: url(../img/bnf.jpg) repeat-x;
background-size: cover;
float: left;
height: 220px;
width: 275px;
font-family:
"egipet";
margin: 10px 0px 10px 10px;
border-top: 2px
solid #EEDD82;
border-bottom: 2px solid #EEDD82;
border-left: 2px
solid #EEDD82;
border-right: 2px solid #EEDD82;
border-radius:
15px 0px 0px 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-radius: 10px 10px 10px
10px;
}
.st-lf { float:left; margin:0px 0px 0px 0px; }
.st-rg {
float:right; margin:3px 10px 0px 0px; }
.line {
margin:10px 0px 0px
20px;
}
.line-st {
border: 1px solid
#8d8d8d;
border-radius:3px;
background: url(../img/inpt-hov.png)
repeat-x;
width:90px;
height:15px;
color:#f77827;
text-align:center;
font-size:17px;
margin:4px
0px 0px 0px;
padding:6px 0px 3px 0px;
}
.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;
}
.time
{
background:url(../img/menu_title.jpg);
width:270px;
height:30px;
border-top:2px
solid #EEDD82;
border-bottom:2px solid
#EEDD82;
border-bottom-left-radius: 10px;
border-top-left-radius:
10px;
text-align:center;
font-family:
"lobster";
font-size:20px;
color:#fff;
float:right;
padding-top:
3px;
margin:-10px 0px 20px 0px;
}
.acc-title {
background:
url(../img/rbg.jpg);
border:2px solid
#EEDD82;
width:619px;
margin:0px 0px 0px 0px;
padding:10px 20px 10px
20px;
color:#472b0c;
border-radius: 5px;
font-family:
'Egipet';
font-size: 25px;
text-align: center;
}
.menu-block
{
background:url(../img/rbg.jpg);
padding:5px 5px 5px
0px;
border-radius: 0px 10px 10px 10px;
border-right:2px solid
#EEDD82;
border-left:2px solid #EEDD82;
border-bottom:2px solid
#EEDD82;
border-top-left-radius: 10px;
border-top-right-radius:
10px;
margin: 20px 0 0 10px;
}
.menu-title1 {
background:
url(../img/menu_title.jpg);
width: 235px;
height: 35px;
border-top: 2px solid #EEDD82;
border-bottom: 2px solid #EEDD82;
border-right: 2px solid #EEDD82;
border-top-right-radius: 10px;
text-align: center;
font-family: "lobster";
font-size:
20px;
color: #fff;
margin: 5px 0 0 25px;
}
.menu-title
{
background:url(../img/menu_title.jpg);
width:235px;
height:35px;
border-top:2px
solid #EEDD82;
border-bottom:2px solid #EEDD82;
border-right:2px solid
#EEDD82;
border-left:2px solid #EEDD82;
border-top-right-radius:
10px;
border-top-left-radius: 10px;
text-align:center;
font-family:
"lobster";
font-size:20px;
color:#fff;
margin:5px 0 0
20px;
}
.rmenu-title
{
background:url(../img/menu_title.jpg);
width:235px;
height:35px;
border-top:2px
solid #EEDD82;
border-bottom:2px solid #EEDD82;
border-left:2px solid
#EEDD82;
border-right:2px solid #EEDD82;
border-top-left-radius:
10px;
border-top-right-radius: 10px;
text-align:center;
font-family:
"lobster";
font-size:20px;
color:#fff;
float:left;
margin:
5px -1px 0px 18px;
}
.rfield-gr {
background: url(../img/bnf.jpg)
repeat;
background-size:
cover;
width:220px;
border-radius:3px;
border:1px solid
#ddd;
height:30px;
float:left;
font-family:
"Egipet";
padding:7px 25px 0px 0px;
margin:-10px 15px 11px
14px;
}
.rfield-gr a
{
color:#000;
font:bold;
float:right;
text-decoration:none;
font-size:20px;
}
.rfield-gr
a:hover {
color:gold;
float:right;
font:italic
bold;
text-decoration:none;
font-size:20px;
margin-left:
5px;
}
.field-gr {
background: url(../img/usmenu_bg.jpg)
no-repeat;
width:220px;
border-radius:3px;
border:1px solid
#ddd;
height:30px;
font-family: "Egipet";
padding:7px 0px
0px 45px;
margin:-10px 0px 11px 5px;
}
.field-gr a
{
color:#000;
font:bold;
text-decoration:none;
font-size:20px;
}
.field-gr
a:hover {
color:gold;
font:italic
bold;
text-decoration:none;
font-size:20px;
margin-left:
5px;
}
.field-rd {
background: url(../img/usmenu_out.jpg)
no-repeat;
border-radius:5px;
border:1px solid #ddd;
font-family:
"egipet";
height:31px;
padding:9px 0px 0px
45px;
margin:-10px 15px 11px 0px;
}
.field-rd a
{
color:#c62820;
border-radius:5px;
font-size:23px;
text-decoration:none;
}
.field-rd
a:hover {
color:#ff253d;
text-decoration:none;
border-bottom:1px
dashed #c28888;
}
.field-ar {
background: url(../img/usmenu_buy.jpg)
no-repeat;
border-radius:5px;
border:1px solid
#ddd;
height:31px;
padding:9px 0px 0px 45px;
margin:-10px 15px 11px
0px;
}
.field-ars {
background: url(../img/usmenu_pay.jpg)
no-repeat;
border:1px solid
#ddd;
border-radius:5px;
height:31px;
padding:9px 0px 0px
45px;
margin:-10px 15px 11px 0px;
}
.field-ars a, .field-ar a
{
color:yellow;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0
-1px
black;
text-decoration:none;
font-family:"egipet";
font-size:20px;
margin-right:
10px;
}
.field-ars a:hover, .field-ar a:hover
{
color:gold;
text-decoration:none;
font-size:20px;
}
.fr-block
{
background: url(../img/fr-block.png)
no-repeat;
width:480px;
height:200px;
float:left;
margin:0px 20px
20px 50px;
}
.fr-block img {
margin:10px 0px 0px
15px;
border-radius:10px;
border:3px solid #996633;
}
.fr-title
{
color:#7ea57b;
font-size:18px;
}
.cl-fr-lf {
margin: 16px 0px
0px 5px;
float:left;
text-align:center;
}
.cl-fr-rg
{
float:left;
margin: 30px 0px 0px -3px;
}
.fr-te-gr { color:gold;
}
.fr-te-gr-title { color:#000; font-weight:700;
margin-bottom:10px;}
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: #FFFACD;
background:
url(../img/sil_bg.jpg);
border:2px solid
#EEDD82;
width:619px;
margin:-10px 0px 0px 0px;
padding:5px 20px 10px
20px;
color:#472b0c;
border-radius: 5px;
font-family: 'Comic Sans
MS';
}
.silver-mbk {
background: url(../img/rbg.jpg);
border:2px
solid #EEDD82;
width:619px;
margin:0px 0px 0px 0px;
padding:10px 20px
10px 20px;
color:#472b0c;
text-align:center;
border-radius:
5px;
line-height: 0.5em;
font-family: 'Comic Sans MS';
}
.s-bk-lf
{
margin-left:0px;
}
.sm-line
{
width:450px;
float:left;
margin:5px 0px 5px
0px;
font-size:14px;
}
.sm-line-nt {
margin:5px 0px 5px
0px;
font-size:14px;
}
.sm-line-nt img {
border:3px solid
#cdcdcd;
border-radius:10px;
vertical-align:-13px;
}
.sm-line img
{
border:3px solid
#cdcdcd;
border-radius:10px;
vertical-align:-13px;
margin:0px 5px 0px
0px;
}
.m-tb {
background: #CD853F;
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;}