body {
background: url(img/hosting.png) no-repeat center, url(img/bg.png) #d1d0d0;
background-position: top;
font-family: Arial;
margin: auto;
font-size: 15px;
max-width: 400px;
color: #575757;
}
.arrow {
background : url(img/menu.png) right center no-repeat;
display : block;
font-weight: normal;
padding: 0px;
}
h1{
font-size: 13px;
text-align: center;
}
a{
color: #726f6f;
text-decoration: none;
}
a:hover{
color: #726f6f;
}
img {
vertical-align: middle;
}
.head {
background: #045e98 url(img/head.png) repeat-x bottom;
padding: 0;
height: 54px;
}
.count {
color : #b9b9b9;
margin-top : -8px;
text-align : center;
}
.count img {
background-image : none;
opacity : 0.2;
}
.count img:hover {
opacity : 0.9;
box-shadow : 0 1px 5px #999;
}
.ft {
background: #4b4c4d url(img/ft4.png) repeat-x;
padding: 0;
height: 44px;
border: 1px solid #343536;
}
.ft7 {
background: url(img/foot44.png) repeat-x top;
padding: 0;
height: 30px;
}
.menu_glav{
background: #89cdfa url(img/menu_glav.png) repeat-x top left;
padding: 8px;
border-bottom: 2px solid #44a8e9;
}
span.obv{
background: #9e9d9d;
padding: 5px;
border-radius: 4px;
}
.menu {
background: #89cdfa url(img/menu_glav.png) repeat-x top left;
padding: 8px;
border-bottom: 2px solid #44a8e9;
color: #fff;
text-shadow: 0 1px #066db1;
}
.linkb {
background-image: url(img/menu2.png);
font-size : 11px;
font-family : tahoma, verdana, arial, sans-serif,
Lucida Sans;
padding: 8px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #fff;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
}
.linkb a {
color: #787A77;
text-shadow: 1px 1px 0px #E1E1E1;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}
.linkb a:hover {
color: #7a9908;
-webkit-transform: translate(3px,0);
-moz-transform: translate(3px,0);
-o-transform: translate(3px,0);
}
.link {
background:#fff url(img/menu.png) repeat-x bottom left;
color: #0077bc;
padding: 4px;
display: block;
border-top:1px solid #cdcbcb;
border-bottom:1px solid #fff;
}
.bar {
background: url(img/title.png) repeat-x #ccccca;
color: #686868;
padding: 10px;
text-align: right;
border-bottom: 1px solid #a4a4a1;
border-top: 1px solid #a4a4a1;
text-shadow: 0px 1px 0px #fff;
}
.bar a {
color: #7a9908;
}
.title a{
color: #e0e2e0;
}
.title a:hover{
color: #262b2b;
}
.title{
background: url(img/title.png) repeat-x bottom #e9e9e8;
color: #696969;
padding: 10px;
border-bottom: 1px solid #c7c7c7;
text-shadow: 0px 1px 0px #fff;
}
.titlek{
background: url(img/title.png) repeat-x #ccccca;
color: #fff;
padding: 10px;
text-align: right;
border-bottom: 1px solid #b2b2b2;
text-shadow: 0px 1px 0px #fff;
}
input[type="submit"] {
text-shadow: 0px 1px 0px #454444;
box-shadow: inset 0px 1px 1px 1px #abaaaa;
padding: 5px 7px;
background: #454444 url(img/inp.png);
color: #fff;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 4px 0px 0px 4px;
text-decoration: none;
border: 1px solid #454444;
}
input[type="submit"]:hover {
background: #454444;
color: #fff;
box-shadow: inset 0px 1px 0px #454444;
}
a.headbut {
text-shadow: 0px 1px 0px #000;
padding: 5px 7px;
background: #015ade url(img/inp.png);
color: #fff;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 4px 0px 0px 4px;
text-decoration: none;
border-bottom: 1px solid #1f1f1e;
border-left: 1px solid #1f1f1e;
border-top: 1px solid #3d3d3c;
border-right: 0px solid #aaaaa7;
}
a.headbut:hover{
background: #454444;
color: #fff;
box-shadow: inset 0px 1px 0px #454444;
}
a.headbut2 {
text-shadow: 0px 1px 0px #0345a8;
padding: 5px 7px;
background: #015ade url(img/inp2.png);
color: #fff;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 0px 4px 4px 0px;
text-decoration: none;
border-bottom: 1px solid #014bb8;
border-top: 1px solid #016be4;
border-right: 1px solid #014bb8;
border-left: 1px solid #0254cf;
}
a.headbut2:hover {
background: #015ade url(img/inp2.png);
color: #fff;
}
.ads a:hover{
color: #feede0;
}
.ads {
background: #fccb7a url(img/ads.png) no-repeat top right;
font-size: 12px;
color: #3cff02;
padding: 8px;
}
.main{
background:#edba87 url(img/men.gif)repeat ;
padding: 8px;
border-top:1px solid #fdd6a2;
border-bottom: 1px solid #f18e07;
color: #ffffff;
}
.m{
background:#d6d6d6 url(img/m.png) repeat-x top left;
padding: 8px;
color: #7c7c7c;
border-top:1px solid #2989c7;
border-bottom:1px solid #44a8e9;
border-radius: 5px 5px 5px 5px;
text-shadow: 0 1px #e8e8e8;
}
.tlink a{
background:#fff url(img/menu.png) repeat-x bottom left;
color: #0077bc;
padding: 4px;
display: block;
border-top:1px solid #cdcbcb;
border-bottom:1px solid #fff;
}
.tlink a:hover{
background:#fff url(img/menu.png) repeat-x bottom left;
color: #0077bc;
padding: 4px;
display: block;
border-top:1px solid #cdcbcb;
border-bottom:1px solid #fff;
}
input[type="submit"] {
text-shadow: 0px 1px 0px #454444;
box-shadow: inset 0px 1px 1px 1px #abaaaa;
padding: 5px 7px;
background: #454444 url(img/inp.png);
color: #fff;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 4px 0px 0px 4px;
text-decoration: none;
border: 1px solid #454444;
}
input[type="submit"]:hover {
background: #454444;
color: #fff;
box-shadow: inset 0px 1px 0px #454444;
}
.foot a{
text-align: left;
color: #bfbfbc;
border-radius: 5px 5px 5px 5px;
border: 1px solid #da8903;
padding: 4px;
}
.foot a:hover{
color: #bfbfbc;
background:#faddb6 repeat-x;
}
.foot {
background: #4b4c4d url(img/ft4.png) repeat-x;
padding: 0;
height: 44px;
color: #bfbfbc;
border: 1px solid #343536;
}
.copy{
text-align: right;
padding: 8px;
}