Просмотр архива WEB Шаблон для хоста

html, body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height:
100%;
}
html { height:100%; }
body {
  background: #f1f1f1;
  height:
100%;
  font: 11px/18px Tahoma, Verdana, Helvetica, sans-serif;
 
color:#585e65;
  word-wrap: break-word;
}
a { 
  text-decoration:none;

}
a:hover { 
  text-decoration: none;
}
b {
  color:#0085CE;
}
/*
Header */
.headpr {
  background-color: #1a8ae3;
  position:fixed;
 
top: 0%;
  width:100%;
  border-bottom: 1px solid #1F6990;
 
z-index:5;
}
.view_head {
  background-color: #1a8ae3;
 
line-height:35px;
}
.headcontent {
  width: 1000px;
  margin: 0 auto;

 padding-left:5px;
  padding-right:5px;
}
#logo a{
    display:block;

   width:180px;
    height:40px;
    background:url(img/logo.png)
no-repeat left center;
}
#headot {
 display::block;

margin-bottom:60px;
}
#showScroll {
  display:none;
  position:fixed;

 top: 47px;
  height: 100%;
  padding-top:10px;
  padding-left:10px;
 
padding-right:10px;
  width: 50px;
  font-weight: bold;
  text-shadow:
0px 1px 0px #D9E0E7;
  color: #0085CE;
  background:#D9E0E7;
  cursor:
pointer; 
  text-align: center;
}
#showScroll:hover {
  text-shadow:
0px 1px 0px #D9E0E7;
  background:#E9EDF1;
  cursor: pointer;
 
text-align: center;
}
.buttoni {
  background-color: #FFF193;
 
background-repeat: repeat-x;
  background-image: -khtml-gradient(linear,
left top, left bottom, from(#FFF7C5), to(#FFF193));
  background-image:
-moz-linear-gradient(top, #FFF7C5, #FFF193);
  background-image:
-ms-linear-gradient(top, #FFF7C5, #FFF193);
  background-image:
-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF7C5),
color-stop(100%, #FFF193));
  background-image:
-webkit-linear-gradient(top, #FFF7C5, #FFF193);
  background-image:
-o-linear-gradient(top, #FFF7C5, #FFF193);
  background-image:
linear-gradient(top, #FFF7C5, #FFF193);
  filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7c5',
endColorstr='#fff193', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0,
0, 0.25);
  border-color: #FFF193 #FFF193 #FFE746;
  border-color:
rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color:
#1a8ae3;
  font-family: Cuprum;
  font-size:15px;
  text-shadow: 0 1px 0
#FFF193; 
  text-shadow: none !important;
  -o-border-radius: 5px;
 
border-radius: 5px;
  -moz-border-radius: 5px;
 
padding:10px;
}
.buttoni:hover {
  background-color: #FFF193;
 
background-repeat: repeat-x;
  background-image: -khtml-gradient(linear,
left top, left bottom, from(#FFF193), to(#FFF7C5));
  background-image:
-moz-linear-gradient(top, #FFF193, #FFF7C5);
  background-image:
-ms-linear-gradient(top, #FFF193, #FFF7C5);
  background-image:
-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF193),
color-stop(100%, #FFF7C5));
  background-image:
-webkit-linear-gradient(top, #FFF193, #FFF7C5);
  background-image:
-o-linear-gradient(top, #FFF193, #FFF7C5);
  background-image:
linear-gradient(top, #FFF193, #FFF7C5);
}
.seychas {
 
background:#E9EDF1;
  width: 970px;
  margin: 1em auto;
  border:1px
solid #D9E0E7;
  margin-bottom:5px;
  padding:15px;
  -o-border-radius:
5px;
  border-radius: 5px;
  -moz-border-radius: 5px;  
  padding-top:
0px;
  padding-bottom: 50px;
}
.seychas span {
color:
#1a8ae3;
font-size: 30px;
font-family:Lobster;
font-weight:
700;
padding-top:15px;
}
.seychas p {
color: #BBB;
font-size:
17px;
font-family:Cuprum;
font-weight: 700;
line-height:
100%;
}
.seychas td {
font-family:Lobster;
font-size: 15px;
}
.wrsey
{
  padding:30px;
}
input, select {
  border:1px solid #777;
 
font-size:14px;
  outline:none;
  font-family:Cuprum;
 
padding:5px;
}
input:hover , select:hover {
  border:1px solid #777;
 
border-top: 1px solid #777;
  font-family:Cuprum;
}
input:focus ,
select:focus {
  border:1px solid #777;
  font-family:Cuprum;
 
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
textarea {
 
font-family:Cuprum;
}
.input {
  border: 1px solid #1a8ae3;
 
width:auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
 
border-radius: 3px;
  box-shadow: 0px 1px 0px #1a8ae3;
 
-webkit-box-shadow: 0px 1px 0px #1a8ae3;
  -moz-box-shadow: 0px 1px 0px
#1a8ae3;
  -webkit-text-shadow: 0px 1px 0px #1a8ae3;
  -moz-text-shadow:
0px 1px 0px #1a8ae3;
  -o-text-shadow: 0px 1px 0px #1a8ae3;
 
text-shadow: 0px 1px 0px #1a8ae3;
  font-family: Cuprum;
  line-height:
27px;
  font-size: 15px;
  color: #FFFFFF !important;
  height: 28px;
 
padding: 0px 10px;
  background-color: #1a8ae3;
  background-image:
-moz-linear-gradient(top, #1a8ae3, #1c78c3);
  background-image:
-ms-linear-gradient(top, #1a8ae3, #1c78c3);
  background-image:
-webkit-gradient(linear, 0 0, 0 100%, from(#1a8ae3), to(#1c78c3));
 
background-image: -webkit-linear-gradient(top, #1a8ae3, #1c78c3);
 
background-image: -o-linear-gradient(top, #1a8ae3, #1c78c3);
 
background-image: linear-gradient(top, #1a8ae3, #1c78c3);
 
background-repeat: repeat-x;
  filter:
progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1a8ae3',
EndColorStr='#1c78c3');
  cursor: pointer;
  display: inline-block;
 
outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
 
appearance: none;
}
.input:hover, .input:active, .input:focus {
 
background-color: #1c78c3;
  background-image: -moz-linear-gradient(top,
#1c78c3, #1a8ae3);
  background-image: -ms-linear-gradient(top, #1c78c3,
#1a8ae3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%,
from(#1c78c3), to(#1a8ae3));
  background-image:
-webkit-linear-gradient(top, #1c78c3, #1a8ae3);
  background-image:
-o-linear-gradient(top, #1c78c3, #1a8ae3);
  background-image:
linear-gradient(top, #1c78c3, #1a8ae3);
  background-repeat: repeat-x;
 
filter:
progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1c78c3',
EndColorStr='#1a8ae3');
}
/* Menu */
.menu {
  background-color:
#0378A9;
  background-repeat: repeat-x;
  background-image:
-khtml-gradient(linear, left top, left bottom, from(#049CDB),
to(#0378A9));
  background-image: -moz-linear-gradient(top, #049CDB,
#0378A9);
  background-image: -ms-linear-gradient(top, #049CDB,
#0378A9);
  background-image: -webkit-gradient(linear, left top, left
bottom, color-stop(0%, #049CDB), color-stop(100%, #0378A9));
 
background-image: -webkit-linear-gradient(top, #049CDB, #0378A9);
 
background-image: -o-linear-gradient(top, #049CDB, #0378A9);
 
background-image: linear-gradient(top, #049CDB, #0378A9);
  filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb',
endColorstr='#0378a9', GradientType=0);
  -webkit-box-shadow: 0 1px 3px
rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0,
0.1);
  border-top: 1px solid #4BA2D5;
  border-bottom: 1px solid
#1F6990;
  height: 35px;
  font-family:Cuprum;
  font-size:14px;
 
z-index: 900;
  -o-border-radius: 5px;
  border-radius: 5px;
 
-moz-border-radius: 5px;
  text-shadow: 0 1px 0 #1a8ae3; 
}
.menu
a:first-child {
  margin-left:15px;
}
.menu a, .menu a:visited {
 
display:block;
  float:left;
  height:35px;
  line-height:35px;
 
color:white;
  padding:0px 15px;
  text-shadow: 1px 1px 0
#1a8ae3;
}
.menu a:hover, .menu a:active {
  color:#dcf042;
 
text-decoration:none;
  height:35px;
  background:rgba(0, 0, 0,
0.1);
}
/* Menu Content */
.menucont {
  width:1000px;
  margin:0pt
auto;
  padding-left:5px;
  padding-right:5px;
}
.tab {
 
width:1000px;
  margin:0pt auto;
display: table;
margin-top:
5px;
}
.col1 {
display: table-cell;
vertical-align: top;
background:
white;
padding:5px;
font-family:Cuprum;
font-size:
13px;
border-left:2px solid #E7E7E7;
border-top:2px solid
#E7E7E7;
border-bottom:2px solid #E7E7E7;
  -o-border-radius: 5px 0px 0px
5px;
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px
5px;
  clear: both;
  height:auto !important;
  min-height:
100%;
}
.col2 {
display: table-cell;
vertical-align: top;
margin-left:
5px;
margin-top: 5px;
font-family:Cuprum;
font-size: 13px;
width:
208px;
background: white;
border:2px solid #E7E7E7;
  -o-border-radius:
0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  -moz-border-radius:
0px 5px 5px 0px; 
  clear: both;
  height:auto !important;
  min-height:
100%;
}
/* Content bl */
.blcont01 {
  background-color: #1a8ae3;
 
background-image: -moz-linear-gradient(top, #1a8ae3, #1c78c3);
 
background-image: -ms-linear-gradient(top, #1a8ae3, #1c78c3);
 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a8ae3),
to(#1c78c3));
  background-image: -webkit-linear-gradient(top, #1a8ae3,
#1c78c3);
  background-image: -o-linear-gradient(top, #1a8ae3, #1c78c3);

 background-image: linear-gradient(top, #1a8ae3, #1c78c3);
 
background-repeat: repeat-x;
  border-top: 1px solid #4BA2D5;
 
border-bottom: 1px solid #1F6990;
  height: 20px;
  padding:5px;
 
color:#ffffff;
  text-shadow: 0 1px 0 #1a8ae3;    
}
.blcont01_c {
 
padding:5px;
}
/* Clear */
#clear {
  font-weight:bold;
 
color:#4274a5;
  margin-bottom:5px;
  border-bottom:1px solid #e5edf5;
 
padding-left:2px;
}
/* Setka */
.setka {
  background-color: #0378A9;

 background-repeat: repeat-x;
  background-image: -khtml-gradient(linear,
left top, left bottom, from(#049CDB), to(#0378A9));
  background-image:
-moz-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-ms-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049CDB),
color-stop(100%, #0378A9));
  background-image:
-webkit-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-o-linear-gradient(top, #049CDB, #0378A9);
  background-image:
linear-gradient(top, #049CDB, #0378A9);
  filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb',
endColorstr='#0378a9', GradientType=0);
  -webkit-box-shadow: 0 1px 3px
rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0,
0.1);
  border-top: 1px solid #4BA2D5;
  border-bottom: 1px solid
#1F6990;
  height: 10px;
  min-height: 10px;
  color:#ffffff;
 
text-shadow: 0 1px 0 #0378A9;
  padding:10px;
  text-align:center;
 
z-index: 900;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px
5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px; 
}
.setka_he {
 
background:#f1f1f1;
  padding:5px;
  text-align:center;
 
border-left:1px solid #bbb;
  border-right:1px solid #bbb;
  height:
20px;
  border-bottom:1px dashed #bbb;
}
.setka_ege {
 
background:#f1f1f1;
  font-size: 17px;
  text-align:center;
 
border-bottom:1px dashed #bbb;
  border-left:1px solid #bbb;
 
border-right:1px solid #bbb;  
  padding:5px;
}
.setka_real {
 
text-align:center;
  border-left:1px solid #bbb;
  border-right:1px solid
#bbb;
  border-bottom:1px solid #bbb;
  padding:5px;
}
/* Bl menu
*/
.menus {
  text-align:left;
}
.menus a { 
  background:white; 
 
display:block; 
  padding:7px; 
  margin-bottom:2px;
  color:#8B8E93; 

 border:1px solid #F0F0F0; 
  text-decoration:none; 
  -o-border-radius:
5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.menus a.active
{ 
  display:block; 
  padding:7px; 
  color:#FFFFFF; 
 
text-decoration:none; 
  background-color: #0378A9;
  background-repeat:
repeat-x;
  background-image: -khtml-gradient(linear, left top, left
bottom, from(#049CDB), to(#0378A9));
  background-image:
-moz-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-ms-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049CDB),
color-stop(100%, #0378A9));
  background-image:
-webkit-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-o-linear-gradient(top, #049CDB, #0378A9);
  background-image:
linear-gradient(top, #049CDB, #0378A9);
  filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb',
endColorstr='#0378a9', GradientType=0);
  -webkit-box-shadow: 0 1px 3px
rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0,
0.1);
} 
.menus a:hover { 
  display:block;  
  padding:7px; 
 
color:#FFFFFF; 
  text-decoration:none; 
  background-color: #0378A9;
 
background-repeat: repeat-x;
  background-image: -khtml-gradient(linear,
left top, left bottom, from(#049CDB), to(#0378A9));
  background-image:
-moz-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-ms-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049CDB),
color-stop(100%, #0378A9));
  background-image:
-webkit-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-o-linear-gradient(top, #049CDB, #0378A9);
  background-image:
linear-gradient(top, #049CDB, #0378A9);
  filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb',
endColorstr='#0378a9', GradientType=0);
  -webkit-box-shadow: 0 1px 3px
rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0,
0.1);
}
.inp{border-radius: 5px 5px 5px 5px;font-size:11px;padding:5px
10px 5px 10px;background:#fff;border:1px solid
#ccc;color:#777;margin-top:10px}
.msg {
  background:#E9EDF1;
 
padding:5px;
  margin:5px;
  border:1px solid #D9E0E7;
 
-o-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px; 

}
.avacoom img {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0,
0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px
rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px
3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 
background-color: #ffffff;
  padding:5px;
}
.statuscli {
 
padding-right:5px;
}
.h1{
  -o-border-radius: 5px;
  border-radius:
5px;
  -moz-border-radius: 5px;
  margin-bottom:5px;
  padding:7px; 
 
color:#FFFFFF; 
  text-decoration:none; 
  background-color: #0378A9;
 
background-repeat: repeat-x;
  background-image: -khtml-gradient(linear,
left top, left bottom, from(#049CDB), to(#0378A9));
  background-image:
-moz-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-ms-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049CDB),
color-stop(100%, #0378A9));
  background-image:
-webkit-linear-gradient(top, #049CDB, #0378A9);
  background-image:
-o-linear-gradient(top, #049CDB, #0378A9);
  background-image:
linear-gradient(top, #049CDB, #0378A9);
  filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb',
endColorstr='#0378a9', GradientType=0);
  -webkit-box-shadow: 0 1px 3px
rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow:
0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0,
0.1);
}
.alltarify {
  border-bottom:1px dashed #0085CE;
 
color:#0085CE;
  float:right;
}
.alltarify:hover {
 
color:#bbb;
}
.footer {
  background: white;
  height: 20px;
 
padding:10px;
  margin: 0 auto 0;
  color:#666;
  width: 980px;
 
font-family:Cuprum;
font-size: 13px;
  border-top: 1px solid #E7E7E7;
 
border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
 
margin-top:5px;
  position: relative;
  clear: both;   
}
.footer img
{
  margin:-5px;
  margin-left:1px;
  margin-right:1px;
}