/*
	URL: lsart.ru ; design: life_man543181 ; code: sp1nn15
*/

@font-face {
	font-family:calibri; 
	src:url(../ttf/calibri.ttf);
}

@font-face {
	font-family:calibri; 
	src:url(../ttf/calibri.eot);
}

@font-face {
	font-family:calibrib; 
	src:url(../ttf/calibrib.ttf);
}

@font-face {
	font-family:calibrib; 
	src:url(../ttf/calibrib.eot);
}

b {
	font-family:calibrib; 
}

html, 
body {
	background:#aecb53; 
	margin:0; 
	padding:0;
	font-family: calibrib;
	font-size:14px; 
	color:#535045;
}

a {
	color:#535045; 
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul, 
li {
	display:block; 
	padding:0; 
	margin:0; 
	list-style:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

.hidden {
	overflow:hidden;
}

.clear {
	clear:both;
}

.wrapper {
	min-width:1200px;
}

.full {
	width:1024px;
	margin:0 auto;
}

.bg-1 {
	background:url(../images/bg-1.jpg) repeat-y center 3px;
}

.bg-2 {
	background:url(../images/bg-2.jpg) no-repeat center top;
}

.bg-3 {
	background:url(../images/bg-3.jpg) no-repeat center bottom;
}

.header {
	overflow:hidden;
	height:567px;
}

.header a.header-logo {
	display:block;
	width:376px;
	height:49px;
	position:absolute;
	margin:61px 0 0 298px;
}

.header ul.header-nav {
	float:left;
	margin:170px 0 0 0;
	height:55px;
}

.header ul.header-nav li {
	background:url(../images/header-nav-li.png) no-repeat right 0;
	float:left;
	min-width:2px;
	height:55px;
}

.header ul.header-nav li a {
	background:url(../images/header-nav.png) no-repeat 0 0;
	display:block;
	height:55px;
	line-height:60px;
	padding:0 16px 0 42px;
	margin:0 2px 0 0;
	text-decoration:none;
	text-transform:uppercase;
	color:#e9f3bd;
	text-shadow:1px 1px #0d5849;
}

.header ul.header-nav li a:hover {
	background-position:0 -55px;
}

.header .header-button {
	background:url(../images/header-button.png) no-repeat 0 0;
	width:263px;
	height:63px;
	float:left;
	position:relative;
	top:159px;
	left:-10px;
	padding:11px 0 0 0;
}

.header .header-button a {
	display:block;
	float:left;
	height:55px;
	line-height:56px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:0 2px rgba(0,0,0, 0.4);
}

.header .header-button a:first-child {
	margin:0 9px 0 10px;
	width:121px;
}

.header .header-button a:last-child {
	width:123px;
}

.header .header-button a:hover {
	background:rgba(0,0,0, 0.2);
}

.header .slides {
	background:url(../images/slides.png) no-repeat 0 0;
	width:799px;
	height:237px;
	margin:61px 0 0 6px;
	overflow:hidden;
	float:left;
}

.header .slides .slides_container {
	width:782px; 
	height:221px; 
	display:none; 
	position:relative;
	top:9px;
	left:9px;
}

.header .slides .slides_container img,
.header .slides .slides_container a {
	width:782px; 
	height:221px; 
	display:block; 
	text-decoration:none;
}

.header .slides .slides-info {
	background:rgba(0,0,0, 0.7);
	position:absolute;
	bottom:0;
	width:712px; 
	height:55px; 
	padding:13px 35px 0 35px;
	color:#fff;
	text-shadow:1px 1px rgba(0,0,0, 0.5);
	font-size:14px;
	font-family:calibri;
	font-weight:100;
}

.header .slides .slides-name {
	display:block;
	color:#bd4e4a;
	font-family:calibrib;
	font-size:18px;
	font-weight:bold;
}

.header .header-link {
	float:left;
	margin:61px 0 0 7px;
}

.header .header-link a {
	display:block;
	width:208px;
	height:69px;
	margin:0 0 15px 0;
}

.header a.header-link-1 {
	background:url(../images/header-link.png) no-repeat 0 0;
}

.header a.header-link-2 {
	background:url(../images/header-link.png) no-repeat 0 -70px;
}

.header a.header-link-3 {
	background:url(../images/header-link.png) no-repeat 0 -140px;
}

.header a.header-link-1:hover {
	background-position:-208px 0;
}

.header a.header-link-2:hover {
	background-position:-208px -70px;
}

.header a.header-link-3:hover {
	background-position:-208px -140px;
}

.header .header-soc {
	position:absolute;
	margin:67px 0 0 855px;
}

.header .header-soc a {
	display:block;
	float:left;
	height:37px;
	margin:0 0 0 7px;
}

.header a.header-soc-1 {
	background:url(../images/header-soc.png) no-repeat 0 0;
	width:28px;
}

.header a.header-soc-2 {
	background:url(../images/header-soc.png) no-repeat -35px 0;
	width:34px;
}

.header a.header-soc-3 {
	background:url(../images/header-soc.png) no-repeat -74px 0;
	width:28px;
}

.header a.header-soc-4 {
	background:url(../images/header-soc.png) no-repeat -107px 0;
	width:28px;
}

.header a.header-soc-1:hover {
	background-position:0 -37px;
}

.header a.header-soc-2:hover {
	background-position:-35px -37px;
}

.header a.header-soc-3:hover {
	background-position:-74px -37px;
}

.header a.header-soc-4:hover {
	background-position:-107px -37px;
}

.footer {
	overflow:hidden;
	height:163px;
}

.footer .footer-text {
	float:left;
	margin:45px 0 0 30px;
	color:#f9ffc6;
	text-shadow:1px 1px #0c534d;
}

.footer .footer-text a {
	color:#f9ffc6;
}

.footer .footer-advert {
	float:right;
	margin:47px 30px 0 0;
}

.footer .footer-advert .blank {
	background:url(../images/blank.png) no-repeat 0 0;
	float:left;
	width:88px;
	height:31px;
	margin:0 12px 0 0;
}

.footer .footer-nav {
	overflow:hidden;
	position:relative;
	top:49px;
}

.footer .footer-nav ul {
	float:left; 
	left:50%; 
	margin:0 auto; 
	position:relative;
}

.footer .footer-nav ul li {
	float:left; 
	position:relative; 
	right:50%; 
	margin:0 3px 0 3px;
}

.footer .footer-nav ul li a {
	display:block;
	text-decoration:none;
	height:28px;
	line-height:28px;
	padding:0 6px;
	background:rgba(0,0,0, 0.4);
	color:#f9ffc6;
	text-shadow:1px 1px rgba(0,0,0, 0.6);
	font-family:calibri;
	font-weight:100;
	font-size:14px;
}

.footer .footer-nav ul li a:hover {
	background:rgba(0,0,0, 0.6);
}

.side-main {
	overflow:hidden;
	width:970px;
	margin:0 0 0 24px;
	padding:13px 0 13px 0;
	min-height:300px;
}

.side-main .side-left {
	float:left;
	width:668px;
	margin:0 12px 0 14px;
}

.side-main .side-in {
	overflow:hidden;
	margin:14px 0 0 0;
}

.viewn {
	width:668px;
	overflow:hidden;
	margin:0 0 25px 0;
}

.viewn .viewn-title {
	background:url(../images/viewn-title.png) no-repeat 0 0;
	overflow:hidden;
	height:32px;
	line-height:34px;
	padding:0 10px 0 42px;
	margin:0 0 10px 0;
	font-size:20px;
	color:#bb4845;
	float:left;
}

.viewn .viewn-line {
	background:url(../images/viewn-line.png) repeat-x 0 19px;
	height:32px;
	overflow:hidden;
}

.viewn .viewn-screen {
	background:url(../images/viewn-screen.png) no-repeat 0 0;
	width:668px;
	height:215px;
	overflow:hidden;
	margin:0 0 20px 0;
}

.viewn .viewn-screen img {
	display:block;
	width:650px;
	height:197px;
	position:relative;
	top:10px;
	left:10px;
}

.viewn .viewn-mess {
	text-align:center;
	padding:0 10px;
}

.viewn .viewn-panel {
	overflow:hidden;
	margin:20px 0 0 0;
	width:517px;
	height:43px;
	border-top:1px solid rgba(0,0,0, 0.2);
	border-bottom:1px solid rgba(0,0,0, 0.2);
}

.viewn .viewn-panel ul {
	height:16px;
	margin:14px 0 0 0;
}

.viewn .viewn-panel ul li {
	background:url(../images/viewn-row.png) no-repeat 6px 6px;
	float:left;
	height:16px;
	border-right:1px solid rgba(0,0,0, 0.2);
	padding:0 10px 0 20px;
	margin:0 10px 0 0;
}

.viewn .viewn-panel ul li:last-child {
	border:none;
}

.viewn .viewn-panel ul li b {
	color:#6f8400;
}

.viewn a.viewn-link {
	background:url(../images/viewn-link.png) no-repeat 0 0;
	float:right;
	display:block;
	text-decoration:none;
	width:144px;
	height:44px;
	line-height:44px;
	margin:1px 0 0 0;
	text-align:center;
	text-decoration:none;
	color:#dbebb7;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:0 2px rgba(0,0,0, 0.4);
}

.viewn a.viewn-link:hover {
	background-position:0 -44px;
}

#paginator span, 
#paginator a {
	float:left;
	display:block;
	cursor:pointer;
	height:21px;
	line-height:22px;
	margin:0 7px 0 0;
	padding:0 6px;
	text-decoration:none;
	color:#e4dabc;
	text-shadow:1px 1px rgba(0,0,0, 0.4);
}

#paginator a {
	background:#6f8400;
}

#paginator a:hover {
	background:#5b6c02;
}

#paginator span {
	background:#55321c;
}

#paginator span:hover {
	background:#3f2515;
}

.block {
	width:271px;
	overflow:hidden;
	margin:0 0 15px 0;
}

.block .block-top {
	background:url(../images/block-top.png) no-repeat 0 0;
	height:62px;
	line-height:72px;
	text-align:center;
	overflow:hidden;
	color:#f4e3ab;
	font-size:16px;
	text-transform:uppercase;
	text-shadow:1px 1px rgba(0,0,0, 0.3);
}

.block .block-bottom {
	background:url(../images/block-bottom.png) no-repeat 0 0;
	height:13px;
}

.block .block-content {
	background:url(../images/block-content.png) repeat-y 0 0;
	overflow:hidden;
	padding:0 4px;
}

.auth {
	width:190px;
	margin:15px auto;
}

.auth input,
.auth button {
	border:none;
	outline:none;
	font-family:calibri;
	font-size:14px; 
	color:#847166;
}

.auth input[type="login"],
.auth input[type="password"] {
	background:url(../images/auth-input.png) no-repeat 0 0;
	width:170px;
	height:37px;
	padding:0 10px;
	text-align:center;
	margin:0 0 10px 0;
}

.auth button {
	background:url(../images/auth-submit.png) no-repeat 0 0;
	width:57px;
	height:24px;
	cursor:pointer;
	float:right;
	margin:0 3px 0 0;
}

.auth button:hover {
	opacity:0.8;
}

.auth-pass {
	padding:4px 0 0 5px;
	float:left;
}

.auth-pass a {
	color:#49a1c1;
	text-decoration:underline;
}

.auth-pass a:hover {
	color:#3b849f;
}

.mon {
	overflow:hidden;
	width:243px;
	height:57px;
	border-bottom:1px solid #cec19e;
	margin:10px auto 10px auto;
	padding:10px 0 10px 0;
}

.mon .mon-in {
	width:222px;
	margin:0 auto;
}

.mon .left {
	padding:0 0 0 5px;
	font-family:calibri;
	font-weight:100;
}

.mon .right {
	padding:0 5px 0 0;
}

.mon .right span {
	color:#80a146;
}

.mon .mon-info {
	overflow:hidden;
	width:221px;
	height:28px;
	margin:8px 0 0 0;
	background:url(../images/mon-info.png) no-repeat 0 0;
}

.mon .mon-info div {
	overflow:hidden;
	width:211px;
	height:17px;
	margin:4px 0 0 5px;
	background:url(../images/mon-info-div.png) no-repeat 0 0;
}

ul.b-nav {
	width:263px;
	overflow:hidden;
}

ul.b-nav li {
	height:40px;
	overflow:hidden;
}

ul.b-nav li a {
	background:url(../images/b-nav.png) no-repeat 0 0;
	height:40px;
	line-height:42px;
	display:block;
	text-decoration:none;
	padding:0 0 0 17px;
	font-family:calibri;
	font-weight:100;
}

ul.b-nav li a:hover {
	background-position:0 -40px;
}
.lkpriveleg {
    
    }
.lkpriveleg a.lkpriv-info-buy {
	display:block;
	float:left;
	width:119px;
	height:40px;
	line-height:40px;
	background:#6f8400;
	text-decoration:none;
	color:#e9f4bd;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px rgba(0,0,0, 0.3);
	
}

.lkpriveleg a.lkpriv-info-buy:hover {
	background:#596903;
}

.lkpriveleg .lkpriv-info-price {
	display:block;
	float:left;
	width:65px;
	height:40px;
	background:#bb4945;
	line-height:40px;
	color:#e9f4bd;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px rgba(0,0,0, 0.3);
}

.lkpriveleg .lkpriv-info-price span {
	font-family:calibri;
	font-weight:100;
}
.lkpriveleg a.lkpriv-info-buy {
	display:block;
	float:left;
	width:119px;
	height:40px;
	line-height:40px;
	background:#6f8400;
	text-decoration:none;
	color:#e9f4bd;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px rgba(0,0,0, 0.3);
	
}

.lkpriveleg a.lkpriv-info-buy:hover {
	background:#596903;
}

.lkpriveleg .lkpriv-info-price {
	display:block;
	float:left;
	width:65px;
	height:40px;
	background:#bb4945;
	line-height:40px;
	color:#e9f4bd;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px rgba(0,0,0, 0.3);
}

.lkpriveleg .lkpriv-info-price span {
	font-family:calibri;
	font-weight:100;
}

.lk {
	overflow:hidden;
	width:620px;
	margin:10px auto;
}

.lk .lk-left {
	float:left;
	width:204px;
	margin:0 20px 0 0;
}

.lk .lk-in {
	overflow:hidden;
	width:392px;
}

.lk .lk-skin {
	overflow:hidden;
	width:204px;
	height:371px;
	margin:0 0 10px 0;
	background:#d6bc8b;
	border-top:1px solid #c0a97d;
}

.lk .lk-skin img {
width: 150px;
position: relative;
top: 35px;
}

.lk .lk-button a {
	display:block;
	width:204px;
	height:33px;
	margin:0 0 5px 0;
}

.lk a.lk-button-1 {
	background:url(../images/lk-button.png) no-repeat 0 0;
} 

.lk a.lk-button-2 {
	background:url(../images/lk-button.png) no-repeat 0 -33px;
} 

.lk a.lk-button-3 {
	background:url(../images/lk-button.png) no-repeat 0 -66px;
}

.lk a.lk-button-1:hover {
	background-position:-204px 0;
} 

.lk a.lk-button-2:hover {
	background-position:-204px -33px;
} 

.lk a.lk-button-3:hover {
	background-position:-204px -66px;
} 

.lk .lk-panel {
	background:url(../images/lk-panel.png) no-repeat 0 0;
	height:41px;
	line-height:42px;
	overflow:hidden;
	margin:0 0 13px 0;
	padding:0 0 0 20px;
	color:#e9fbff;
	text-shadow:1px 1px 2px rgba(0,0,0, 0.6);
	font-size:16px;
}

.lk .lk-panel-in {
	background:url(../images/lk-panel-in.png) no-repeat 0 0;
	height:41px;
	line-height:42px;
	overflow:hidden;
	margin:0 0 13px 0;
	padding:0 0 0 20px;
	color:#e9fbff;
	text-shadow:1px 1px 2px rgba(0,0,0, 0.6);
	font-size:16px;
}

.lk .lk-info  {
	background:#d6bc8b url(../images/lk-row.png) no-repeat 22px 12px;
	border-top:1px solid #c0a97d;
	height:32px;
	line-height:32px;
	overflow:hidden;
	padding:0 0 0 37px;
	margin:0 0 10px 0;
	color:#403f3c;
	font-family:calibri;
	font-weight:100;
}
.lk .lk-info input
{
	background:#d6bc8b url(../images/lk-row.png) no-repeat -6px 12px;
	border-top:1px solid #c0a97d;
	height:32px;
	line-height:32px;
	overflow:hidden;
	margin:0 0 10px 0;
	color:#403f3c;
	font-family:calibri;
	font-weight:100;
}

.lk .lk-info b {
	color:#69950a;
	font-size:16px;
}

.lk .lk-info a {
	color:#cd3131;
	font-size:16px;
	font-family:calibrib;
}

.lk .lk-info span {
	font-weight:100;
	font-family:calibri;
}

.lk a.lk-balance {
	background:url(../images/lk-balance.png) no-repeat 0 0;
	float:right;
	width:99px;
	height:33px;
}

.lk a.lk-setting {
	background:url(../images/lk-setting.png) no-repeat 0 0;
	float:right;
	width:99px;
	height:33px;
}

.lk a.lk-balance:hover,
.lk a.lk-setting:hover {
	background-position:0 -33px;
}

.profile {
	overflow:hidden;
	padding:10px 0 5px 0;
}

.profile .center {
	font-size:16px;
}

.profile .center b {
	color:#709813;
}

.profile .profile-ava {
	background:url(../images/profile-ava.png) no-repeat 0 0;
	width:184px;
	height:152px;
	overflow:hidden;
	margin:10px auto;
}

.profile .profile-ava img {
	width:184px;
	height:136px;
}

.profile .profile-button {
	width:210px;
	margin:0 auto;
}

.profile .profile-button a {
	display:block;
	width:210px;
	height:34px;
	margin:0 0 5px 0;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	color:#f5e8ac;
	text-shadow:1px 1px rgba(0,0,0, 0.4);
}

.profile a.profile-button-1 {
	background:url(../images/profile-button.png) no-repeat 0 0;
}

.profile a.profile-button-2 {
	background:url(../images/profile-button.png) no-repeat 0 -34px;
}

.profile a.profile-button-1:hover {
	background-position:-210px 0;
}

.profile a.profile-button-2:hover {
	background-position:-210px -34px;
}

.shop {
	overflow:hidden;
}

.shop .shop-button {
	overflow:hidden;
	position:relative;
	left:35px;
	margin:0 0 20px 0;
}

.shop .shop-button a {
	display:block;
	width:118px;
	height:44px;
	line-height:44px;
	text-align:center;
	text-decoration:none;
	color:#e9f4bd;
	font-size:16px;
	text-shadow:0 2px 1px rgba(0,0,0, 0.4);
	margin:0 10px 0 0;
	float:left;
}

.shop a.shop-button-1 {
	background:url(../images/shop-button.png) no-repeat 0 0;
}

.shop a.shop-button-2 {
	background:url(../images/shop-button.png) no-repeat -145px 0;
}

.shop a.shop-button-3 {
	background:url(../images/shop-button.png) no-repeat -290px 0;
}

.shop a.shop-button-4 {
	background:url(../images/shop-button.png) no-repeat -435px 0;
}

.shop a.shop-button-1:hover {
	background-position:0 -44px;
}

.shop a.shop-button-2:hover {
	background-position:-145px -44px;
}

.shop a.shop-button-3:hover {
	background-position:-290px -44px;
}

.shop a.shop-button-4:hover {
	background-position:-435px -44px;
}

.shop .shop-info {
	float:left;
	width:184px;
	overflow:hidden;
	margin:0 10px 20px 26px;
}

.shop .shop-info-name {
	text-align:center;
	font-size:16px;
	padding:0 0 10px 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.shop .shop-info-screen {
	background:url(../images/shop-info-screen.png) no-repeat 0 0;
	width:184px;
	height:144px;
	overflow:hidden;
	margin:0 0 10px 0;
}

.shop .shop-info-screen img {
	width:174px;
	height:134px;
	display:block;
	position:relative;
	top:5px;
	left:5px;
}

.shop a.shop-info-buy {
	display:block;
	float:left;
	width:119px;
	height:40px;
	line-height:40px;
	background:#6f8400;
	text-decoration:none;
	color:#e9f4bd;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px rgba(0,0,0, 0.3);
	
}

.shop a.shop-info-buy:hover {
	background:#596903;
}

.shop .shop-info-price {
	display:block;
	float:left;
	width:65px;
	height:40px;
	background:#bb4945;
	line-height:40px;
	color:#e9f4bd;
	text-align:center;
	font-size:16px;
	text-shadow:1px 1px rgba(0,0,0, 0.3);
}

.shop .shop-info-price span {
	font-family:calibri;
	font-weight:100;
}

.backgroundTransl{
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
		z-index: 9999;
}
.buyBox{
	padding: 10px;
	background: none repeat scroll 0% 0% white;
	width: 500px;
	height: 220px;
	top: 50%;
	position: absolute;
	 
	margin-top: -110px;
	left: 50%;
	margin-left: -250px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.box_close{
	cursor: pointer;
	text-align: right;
}
.box_close:hover{
	opacity: 0.6;
}
/*====================================
Всплывающая подсказка
====================================*/
 .tooltip_min{
    display: inline;
    position: relative;
    text-align: center;
    cursor: help;
         /*border-bottom: 1px dashed #000;*/
}
.tooltip_min:hover:after{
    background: #3a3a3a;
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 120px;
}
.tooltip_min:hover:before{ /* Добавляем стрелочку внизу блока всплывающей подсказки */
    border: solid;
    border-color: #3a3a3a transparent;
    border-width: 6px 6px 0 6px;
    bottom: 21px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

 .tooltip_rmin{
    display: inline;
    position: relative;
    cursor: help;
    border-bottom: 1px dashed #000;
}
.tooltip_rmin:hover:after{
    background: #3a3a3a;
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    white-space: pre-line;
    content: attr(title);
    left: 40%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 230px;
}
.tooltip_rmin:hover:before{ /* Добавляем стрелочку внизу блока всплывающей подсказки */
    border: solid;
    border-color: #3a3a3a transparent;
    border-width: 6px 6px 0 6px;
    bottom: 21px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
/*====================================
Всплывающая картинка
====================================*/
.tooltip span{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    left: 550px;
	margin-top: 18px;
    background: #d7d7d7;
    box-shadow: -2px 2px 10px -1px #333; 
    border-radius: 5px;
    z-index: 999;
}
 
.tooltip:hover span{
visibility: visible;
}

/*====================================
Красивый INPUT
====================================*/
.input1::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input1::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input1:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input1:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.3s ease;}
.input1:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.input1:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.input1:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.input1:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}

.input1 {    border: 2px solid rgba(220,220,220,1);
    color: #2980b9;
    font-size: 16px;
    box-shadow: 1px 1px 3px 1px rgba(200,200,200, 0.2) inset;
    /* background-color: rgba(52, 152, 219, 0.1); */
    padding: 1em;
    width: 17em;
    outline: none;
    margin: 0;
}

.input1:hover {
    border: 2px solid rgba(52, 152, 219, 1);
    box-shadow: 1px 1px 3px 1px rgba(52, 152, 219, 0.2) inset;
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

/*====================================
Красивые цветные кнопки
====================================*/
a.button { display: inline-block; text-align: center; cursor: pointer; }
a.h, a.button:hover { background-color: #ffffff; color: #666666; }
a.a, a.button:active { background-color: #fbfbfb; color: #999999; }
a.button span { display: block; }

/* Colors */

.bRed { background-color: #e32636; border: 1px solid #e32636; color: #ffffff; }
.bOrange { background-color: #ff8800; border: 1px solid #ff8800; color: #ffffff; }
.bYellow { background-color: #ffbf00; border: 1px solid #ffbf00; color: #ffffff; }
.bGreen { background-color: #3caa3c; border: 1px solid #3caa3c; color: #ffffff; }
.bBlue { background-color: #3a75c4; border: 1px solid #3a75c4; color: #ffffff; }
.bPurple { background-color: #990066; border: 1px solid #990066; color: #ffffff; }
.bGray { background-color: #999999; border: 1px solid #999999; color: #ffffff; }

/* Sizes */

.big { font-family: 'Open Sans Condensed', sans-serif; font-size:36px; width:180px; height:60px; border-radius:30px; margin:10px; }
.big span { margin: 5px 10px 5px 10px; }
.medium { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; height: 40px; border-radius: 20px; margin: 10px; }
.medium span { margin: 11px 15px 12px 15px; }
.small { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; height: 24px; border-radius: 12px; margin: 10px; }
.small span { margin: 5px 10px 6px 10px; }
.dot { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; width: 16px; height: 16px; border-radius: 8px; }
.dot span { width: 10px; height: 10px; margin: 0px 3px 6px 3px; text-shadow: none; }

/*====================================
IFACE
====================================*/
.iface {
  border: 3px solid rgba(0, 0, 0, .1);
  background-clip: padding-box;
}

/*====================================
BUTTON: Выбор сервера (Магазин)
====================================*/
.button {
	display: inline-block;
    height:auto;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button-gray {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button-gray:hover {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #cecdcd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(cecdcd));
	background-image: -webkit-linear-gradient(top, #ffffff, #cecdcd);
	background-image: -o-linear-gradient(top, #ffffff, #cecdcd);
	background-image: linear-gradient(to bottom, #ffffff, #cecdcd);
	background-repeat: repeat-x;
}