body {
color: #000;
font-size: 13px;
max-width : 500px;
margin : auto;
font-weight: medium;
font-family:  sans-serif, Lucida Sans;
background-position: center;
background: #f5f5f5;
}

a:link, a:active, a:visited {
text-decoration: none;
color: #555555;
}

h3 {
	height:10px;
	margin: auto;

}

img.icon {
	height:19px;
	margin-bottom: -3px;

}

.сount {
        float: right;
        color:#fff;
        background-color: #2c3e50;
        padding: 3px;
        border-radius: 4px;
}

a.link {
  display:block;
  position:relative;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #ebe6e6;
  color: #555555;
}

a.link:hover {
  color: #b2adad;
}

.title {
  color:white;
  padding: 10px;
  margin-bottom: -1px;
  background-color: #0090ff;
}

.menu {
  position:relative;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #ebe6e6;
  color: #555555;
}


.foot {
  color:white;
  padding: 10px 30px;
  margin-bottom: -1px;
  background-color: #2c3e50;
}

.table_pay {
    color: #555555;
    width:95%;
    border: 1px solid #ebe6e6;
    border-collapse: collapse;
}
.link_button {
    display:block;
    color:#fff;
    background-color: #9acd32;
    padding: 8px;
    margin:3px;
    border-radius: 4px;
    border: 1px solid #91c32b;
}

button {
    display:block;
    color:#fff;
    background-color: #9acd32;
    padding: 8px;
    margin:3px;
    border-radius: 4px;
    border: 1px solid #91c32b;
}

button.red {
    display:block;
    color:#fff;
    background-color: #e44848;
    padding: 8px;
    margin:3px;
    border-radius: 4px;
    border: 1px solid #cd3232;
}

input[type~="text"],
input[type~="email"],
input[type~="password"],
input[type~="select"],
textarea {
	border: 1px solid #d8d8d8;
	font-family : Tahoma;
	color: #686868;
	padding: 7px;
	margin:1px;
	border-radius: 3px;
	width:95%;
}

input[type~="text"]:hover,
input[type~="file"]:hover,
input[type~="file"]:focus,
input[type~="text"]:focus,
input[type~="email"]:hover,
input[type~="email"]:focus,
input[type~="password"]:hover,
input[type~="password"]:focus,
textarea:hover, textarea:focus,
select:hover,
select:focus  {
	background: #f9f9f9;
	border: 1px solid #BCBCBC;
	border-radius: 3px;
}

select {
	border: 1px solid #d8d8d8;
	color: #686868;
	padding: 7px;
	font-size: 12px;
	margin:1px;
	width:55%;
	display:block;
	border-radius: 3px;
}

input[type~="file"] {
	background: #fff;
	border: 1px solid #d8d8d8;
	color: #686868;
	padding: 7px;
	font-size: 12px;
	margin:1px;
	width:80%;
	display:block;
	border-radius: 3px;
}

input[type~="submit"] {
        display:block;
        color:#fff;
        background-color: #9acd32;
        padding: 8px;
        margin:3px;
        border-radius: 4px;
	    border: 1px solid #91c32b;
}

input[type~="submit"].red {
        display:block;
        color:#fff;
        background-color: #e44848;
        padding: 8px;
        margin:3px;
        border-radius: 4px;
	    border: 1px solid #cd3232;
}



/* Уведомления */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,cyrillic);


.message{
    background-size: 40px 40px;
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    font:16px 'Open Sans';
    width: 85%;
    margin: 20px auto;
    padding:15px;
    -moz-animation: bg-animate 5s linear infinite;
    -webkit-animation: bg-animate 5s linear infinite;
    -ms-animation: bg-animate 5s linear infinite;
    animation: bg-animate 5s linear infinite;
}


.message span{font-weight:600;}


.message #close{float:right; color:inherit; text-decoration:none;}


.message#error{
    background-color:tomato;
    border-left:7px #dc3d21 solid;
    color:white;
}


.message#warning{
    background-color: #eaaf51;
    border-left:7px #df8b00 solid;
    color:#6b6d31;
}


.message#info{
    background-color: #4ea5cd;
    border-left:7px #3b8eb5 solid;
    color:#beecfc;
}

.message#success{
    background-color: #61b832;
    border-left:7px #55a12c solid;
    color:#296829;
}

@-webkit-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@-moz-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}