/*********** FONTS *******
@font-face {
font-family: "ptsans";
src: url("/fonts/ptsans.ttf");
font-size: 13px;
}
****/
@import "https://fonts.fontstorage.com/import/ptsans.css";
@import "https://fonts.fontstorage.com/import/lobster.css";
@import "https://onts.fontstorage.com/import/egipet.css";

body { margin:0px; padding:0px; font-family: "PTSansRegular"; background: url(../img/fon-1.jpg); background-attachment: fixed;}
img { border:0px; }
.clr { clear:both; }

.stn:link, .stn:visited { color: #609143; text-decoration: none; font-weight: bold; } 
.stn:active, .stn:hover { color: #322f2a; 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: rgb(67, 63, 58);
    width: 980px;
    height: 8px;
    box-shadow: 0px 0px 6px 2px #ffffff;
}

.logo {
background: url(../img/logo.png) no-repeat;
width:330px;
height:100px;
margin-top:10px;
}

.hd-menu {
float:right;
list-style:none;
font-family: "egipet";
    font-weight: bold;
margin:75px 5px 0px 0px;
}

.hd-menu li {
    background: #ffffff;
    display: inline;
    margin: 0px 15px 5px 0px;
    border: 2px solid #322f2a;
    box-shadow: 0px 0px 6px 2px #ffffff;
    border-radius: 10px;
    padding: 10px 10px 5px 10px;
}


.hd-menu li:hover {
border:2px solid #ffffff;;
border-radius:20px;
margin:0px 15px 5px 0px;
padding:11px 10px 7px 10px;
    box-shadow: 0px 0px 6px 2px #a7dbff;
}


.hd-menu a {
text-decoration:none;
color:#000;
}


.btn_in22 {
    background: #4b4844;
    border: 2px solid #322f2a;
    border-radius: 10px;
    color: #FFF;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    cursor: pointer;
    width: 150px;
}



.cp-art {
background: url(../img/cowboys-1.png) no-repeat;
width:550px;
height:309px;
margin-bottom:10px;
    margin: 0px 0px 5px -10px;
float:left;
margin-top:-75px;
}

.sprite-icon {
background: url(../img/sprite-icon.html) no-repeat;
width:500px;
height:500px;
}

.hd-bnf {
    float: right;
    background: #ffffff;
    background-size: cover;
    height: 170px;
    font-family: "egipet";
    font-weight: bold;
    margin: -220px 20px 0px 10px;
    padding: 10px 15px 0px 30px;
    color: #000;
    font-size: 1.2em;
    line-height: 17pt;
    border: 2px solid #322f2a;
    box-shadow: 0px 0px 6px 2px #ffffff;
    border-radius: 10px;
}

.hd-bnf li {
list-style-image: url(../img/arrow-1.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: #423d36;
    border: 2px solid #ffffff;
    border-radius: 7px;
    width: 297px;
    height: 25px;
    color: #fff;
    font-size: 20px;
    font-family: inherit;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

.autoriz {
    margin: 0px 0px 0px 20px;
    height: 175px;
    border-radius: 10px;
    font-family: "egipet";
    letter-spacing: 1px;
    background: rgb(255, 255, 255);
    border: 2px solid #322f2a;
    box-shadow: 0px 0px 6px 2px #ffffff;
}




.lg {
background: none;
border: 1px solid #8d8d8d;
border-radius:10px;
background: url(../img/inpt-1.png) repeat-x;
width:237px;
height:24px;
padding:0px 0px 0px 10px;
margin:3px 0px 0px 0px;
}

.lg:hover {
background: url(../img/inpt-hov-1.png) repeat-x;
width:237px;
height:24px;
}

.ps {
background: none;
border: 1px solid #8d8d8d;
border-radius:10px;
background: url(../img/inpt-1.png) repeat-x;
width:237px;
height:24px;
padding:0px 0px 0px 10px;
margin:3px 0px 0px 0px;
}

.ps:hover {
background: url(../img/inpt-hov-1.png) repeat-x;
width:237px;
height:24px;
}

.btn_in {
	background: #322f2a;
    border: 2px solid #322f2a;
border-radius:10px;
color:#FFF;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
cursor:pointer;
width:60px;
}

.btn_reg {
    background: #322f2a;
    border: 2px solid #322f2a;
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 {
    height: 220;
    font-family: "egipet";
    margin: 20px 0px 0px 20px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    border: 2px solid #322f2a;
    box-shadow: 0px 0px 6px 2px #ffffff;
}



.st-lf { float:left; margin:5px 0px 0px 0px; }
.st-rg { float:left; margin:0px 0px 0px 10px; }

.line {
margin:10px 0px 0px 20px;
}

.line-st {
    border: 1px solid #8d8d8d;
    border-radius: 3px;
    background: url(../img/inpt-hov-1.png) repeat-x;
    width: 115px;
    height: 15px;
    color: #322f2a;
    text-align: center;
    font-size: 17px;
    margin: 6px 15px 0px 0px;
    padding: 4px 0px 3px 0px;
}

.st-time {
margin:10px 0px 20px -10px;
}

.wim {
background: url(../img/small-inpt-1.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.html) 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.html) no-repeat;
width:117px;
height:63px;
margin:10px 0px 10px 50px;
}

.wim-rg {
background: url(../img/man-2.html) 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.html);
width:171px;
height:155px;
margin-left:15px;
}

.cntrl-ps {
width:171px;
margin-left:71px;

}

s {
display:block;
background:url(../img/paysitem-sprite.html);
width:57px;
height:46px;
float:left;
}

.acc-title {
background: #322f2a;
    width: 235px;
    height: 35px;
    border: 2px solid #322f2a;
border-radius:10px;
text-align:center;
    font-family: initial;
    font-weight: bold;
font-size:19px;
color:#fff;
margin-left:35px;
}
.menu-title {
background: #322f2a;
    width: 235px;
    height: 35px;
    border: 1px solid #322f2a;
border-radius:7px;
text-align:center;
font-family: "lobster";
font-size:20px;
color:#fff;
margin-left:15px;
}

.field-gr {
background: url(../img/usmenu_bg-1.jpg) no-repeat;
width:220px;
   box-shadow: 0px 0px 6px 2px #f7ca8d;
    border-radius: 3px;
    border: 2px solid #322f2a;
height:30px;
font-family: "Egipet";
padding:7px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-gr a {
color:#000;
font:bold;
text-decoration:none;
font-size:20px;

}

.field-gr a:hover {
color:#2b63a8;
font:italic bold;
text-decoration:none;
font-size:20px;
margin-left: 5px;
}

.field-rd {
background: url(../img/usmenu_out-1.jpg) no-repeat;
width:220px;
border-radius:5px;
border:2px solid #ffffff;
font-family: "egipet";
height:31px;
padding:9px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-rd a {
color:#4d361e;
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-1.jpg) no-repeat;
width:220px;
border-radius:5px; 
border:2px solid #ffffff;
height:31px;
padding:9px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-ars {
background: url(../img/usmenu_pay-1.jpg) no-repeat;
width:220px;
border:2px solid #ffffff;
border-radius:5px;
height:31px;
padding:9px 0px 0px 48px;
margin:-10px 0px 11px 28px;
}

.field-ars a, .field-ar a {
color: #3e8ff4;
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: #60a7ff;
text-decoration:none;
font-size:20px;
}

.fr-block {
background: #6b6d57;
width:480px;
height:200px;
float:left;
margin:0px 20px 20px 50px;
}

.fr-block img {
margin:-11px 0px 0px 15px;
border-radius:10px;
border:3px solid #7da8b4;
}

.fr-title {
color:#7ea57b;
font-size:18px;
}

.cl-fr-lf {
margin: 16px 0px 0px 5px;
float:left;
01:54:12
text-align:center;
}

.cl-fr-rg {
float:left;
margin: 30px 0px 0px -3px;
}

.fr-te-gr {color: #3189a2;}
.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: rgb(255, 255, 255);
    border: 2px solid #322f2a;
    box-shadow: 0px 0px 6px 2px #ffffff;
    width: 580px;
    margin: -10px 0px 0px 0px;
    padding: 10px 10px 10px 20px;
    color: #260e36;
    border-radius: 5px;
    font-family: 'inherit';
    font-weight: bold;
}

.s-bk-lf {
margin-left:150px;
}

.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 #322f2a;
border-radius:10px;
vertical-align:-13px;
}

.sm-line img {
border:3px solid #7674a1;
border-radius:10px;
vertical-align:-13px;
margin:0px 5px 0px 0px;
}

.m-tb {
background: #322f2a;
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-1.png) repeat-x;
width:115px;
height:24px;
color:#322f2a;
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-1.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-1.png) repeat-x;
width:187px;
height:24px;
}

/*############# FOOTER #############*/
.footer {
margin-top:100px;
}

.htt:hover {background-color:#ccffcc;}