Просмотр архива Фруктовая ферма

/*********** 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;
}