@charset "utf-8";

html,body{height:100%; margin:0; padding:0; background-color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:lighter; font-size:9px;	color:#eee; text-align:center;}

table.content{ margin-top:100px; padding-top:0px; position:relative; width:830px; height:480px; background-image:url(bk000000.gif);}

a{text-decoration:none;}
a:link,a:visited{color:#777;}
a:hover,a:active{color:#ccc;}

.lang {font-size:11px; height:auto;text-align:right;padding-bottom:10px;padding-right:10px;padding-top:5px;color:#f5a100; font-weight: bold;}
a.lang:link,a.lang:visited{color:#777; text-align:right; padding-bottom:10px; font-weight: bold;}
a.lang:hover,a.lang:active{color:#f5a100; text-align:right; padding-bottom:10px; font-weight: bold;}

.menulang{font-size:11px; height:auto;text-align:right;padding-bottom:2px;padding-right:10px;padding-top:5px;color:#f5a100;}
 a.menulang:link,a.menulang:visited{color:#f5a100;}
 a.menulang:hover,a.menulang:active{color:#777;}

.menulang2{font-size:11px;text-align:right;padding:0px 0px 0px 2px; margin-right:0; color:#f5a100;}
a.menulang2:link,a.menulang2:visited{border-bottom:2px solid #f5a100;padding-bottom:2px; color:#777;text-align:right;}
a.menulang2:hover, a.menulang2:active{border-bottom:2px solid #777;padding-bottom:2px;color:#f5a100;text-align:right;}

.label{font-size:20px;color:#f5a100;text-align:left;padding-left:10px;padding-top:10px;padding-bottom:10px;}
span#S{color:#999; display:inline;}

#P{color:#777;float:right;display:inline; padding-right:10px;}

.Ps{color:#777;float:right;display:inline; padding-right:10px;}

.grid{ padding-left:5px; padding-right:5px; position:relative; margin:0 auto; width:180px; height:190px; }
#small{height:190px;}

#P1      {font-size:9px;color:#777; float:center;	align:left; }

.menu	{ font-size:11px;  height:auto;		text-align:right;  padding:0px 11px 4px 11px; color:#555;}
.menu a:hover, a:active{ border-bottom:2px solid #f5a100; padding-bottom:2px; }

.textstyle{font: 10px Verdana; color:#777; float:right; padding-right: 13px; line-height: 1.5;}
pre{}

.grid img{
	margin:0;
	border:0;
	padding:7px;
	height:180px;
	width:180px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:0.5;
    background:#333;
	}

.grid img:hover{
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity:1;
        opacity:1;
	}

.grid a{
		float:left;
		height:194px;
		width:194px;
		margin:4px;
		border-bottom:1px solid #111;
		border-right:1px solid #111;
		border-top:1px solid #333;
		border-left:1px solid #333; 
		background:#000;
		padding:0;
	}

.grid a:hover{  /*		border-color:#444; */	}

/*  Это стиль всплывающих окон                 */
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;
border: 5px solid black;
color: white;
padding: 3px;
width: 180px; /*width of tooltip*/
}