* {margin: 0; padding: 0; border: 0;}
body { background-color: #000; font-family: Tahoma, Geneva, sans-serif; color: #FFF; font-size: 12px; min-height: 100%; height: auto !important; height: 100%; position: absolute;}
html, body { width: 100%;}
ul { list-style1: none; }
ul,ol li{ margin-left:30px;}

img {border:0;}
.clear { clear: both; height: 0px; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px;}
a { color: #21a9c4;}
a:hover { text-decoration: none; }
.centermap { width: 990px; margin: 0 auto;}
#min { 
	min-width: 800px; 
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 800 ? "800px" : "auto"); 
	padding-left: 100px; 
	padding-right: 100px; 
}
.slide-show {display: block; }
.slide-hide {display: none;}
/* Обычный вариант */
.bg { background: url(/data/img/bg.jpg) no-repeat; height: 86px; padding-left: 84px; padding-top: 25px;}

/*Новогодний вариант*/
/*.bg { background: url(/data/img/bg_ny_2012.png) no-repeat; height: 86px; padding-left: 84px; padding-top: 25px;}*/

.bg  p { padding-bottom: 5px;}
.bg2 { background: url(/data/img/bg2.jpg) no-repeat; height: 208px;}
.bg2bg { background: url(/data/img/bg2bg.jpg) repeat-x; height: 208px;}
/*head*/
.head { }
/* Обычный вариант */
.line_l { background: url(/data/img/line_l.jpg) left top no-repeat; height: 132px; padding-left: 130px; padding-top: 28px;}

/*Новогодний вариант*/
/*.line_l { background: url(/data/img/line_l_ny_2012.png) left top no-repeat; height: 148px; padding-left: 150px; padding-top: 28px;}*/


.line_r { background: url(/data/img/line_r.jpg) right  top no-repeat; height: 69px;}
.linebg { background: url(/data/img/linebg.jpg) repeat-x; height: 160px;}
.menu { padding-top: 20px;}
.menu a { color: #ff0096; text-decoration: none; font-size: 18px; margin-right: 18px;}
/*head*/


/*content*/
.content { padding-top: 6px;}
.title { padding-top: 12px; padding-bottom: 27px; font-size: 36px; color: #21a9c4;}
.tx { padding-top: 22px; color: #fcad1d; font-size: 18px;}
.tx2 { color: #187c90; font-size: 14px; padding-bottom: 8px;}
.tx2 a { color: #187c90; text-decoration: none;}
.ndate { color: #187c90; padding-top: 4px;}
.block { float: left; width: 25%;}
.pad { padding-right: 10px;}
/*content*/

/*foot*/
.foot { padding-top: 25px; padding-bottom: 25px; color: #21494b;}
.foot a { text-decoration: none;}
/*foot*/

/*part*/
.tx3 { color: #187c90; font-size: 14px; padding-bottom: 8px; padding-top: 14px;}
.tx3 a { color: #187c90; text-decoration: none;}
.block2 { float: left; width: 33%;}
/*part*/


/*Register*/
.inp { width: 365px; height: 19px; background-color: #052021; margin-top: 6px; color: #FFF; padding-left: 5px; padding-top: 2px; }
.inp2 { width: 370px; background-color: #052021; margin-top: 6px; color: #FFF; }
.forma { width: 400px; float: left;}
.forma p { padding-top: 4px; color: #21a9c4;}
.forma select { width: 370px; background-color: #052021; border: 1px solid #052021; color: #FFF; margin-top: 6px;}
.forma span { color: #FFF;}
.forma .knopa { padding-top: 25px;}
.knopa a { color: #21a9c4; text-decoration: none; font-size: 14px; }
.text { width: 215px; float: left; padding-top: 21px;}
/*register*/


/*zaglushka*/
.tx4 { padding-top: 8px;}
.tx5 img { margin-right: 29px;}

.main { width: 100%;}
.right { width: 300px; padding-left: 30px;}
.info .title { padding-bottom: 7px;}
.block3 { position: relative; margin-top: 0px;}
.title2 { font-size: 26px; color: #fcad1d; padding-bottom: 8px;}
.tx6 { display:block; padding-top: 46px; padding-bottom: 9px;}
.forma2 td { color: #21a9c4; padding-top: 13px;}
.inp3 { width: 100px; height: 19px; color: #FFF; padding-top: 2px; padding-left: 5px; background-color: #052021; margin-top: 5px;}
.inp4 { width: 130px; height: 19px; color: #FFF; padding-top: 2px; padding-left: 5px; background-color: #052021; margin-top: 5px;}
.t1 { padding-right: 9px;}
.knopa2 { font-size: 18px; color: #21a9c4; text-decoration: none;}
/*zaglushka*/

/*nomination*/
.login { float: right; text-align: right;}
.login  a { margin-left: 17px; text-decoration: none; padding-top: 35px;}

.menu1 { padding: 0px 0px 20px 0px;}
.menu1 a { font-size: 24px; margin-right: 27px;margin-bottom: 27px; text-decoration: none;}
.menu1 a:hover { color: #fcad1d;}
.menu1 .act {color: #fcad1d;}


.menu2 {}
.menu2 a { font-size: 18px; margin-right: 27px; text-decoration: none;}
.menu2 a:hover { color: #fcad1d;}
.menu2 .act {color: #fcad1d;}


.nav2 { margin-top: 24px; list-style: none;}
.nav2 li.top2 {float:left; margin-right: 10px; margin-bottom: 20px; width: 150px; height: 100px;}
.nav2 li a.top_link {display:block; float:left;   text-decoration:none;  }

.nav2 :hover ul.sub li a:hover { }
.nav2 :hover ul.sub li a.fly:hover { }
.nav2 :hover ul li:hover > a.fly {} 
.nav2 a:hover {visibility:visible; position:relative; z-index:200; }
.nav2 li:hover {position:relative; z-index:200;}
.nav2 ul, 
.nav2 :hover ul ul, 
.nav2 :hover ul :hover ul ul,
.nav2 :hover ul :hover ul :hover ul ul,
.nav2:hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
/*
.nav2 :hover ul.sub { background: url(/data/img/sub.png) no-repeat; width: 150px; height: 82px; left: 0px; top: 100px; color: #000; font-size: 10px;}
*/
.nav2 :hover ul.sub { background: url(/data/img/sub1.png) no-repeat; width: 150px; height: auto; left: 0px; top: 100px; color: #000; font-size: 10px;}
.nav2 :hover ul.sub2 { background: url(/data/img/sub2.png) repeat-x; 
width: auto; 
height: auto; left: 0px; top: 10px; color: #000; font-size: 10px;}
.nav2 .name { font-size: 12px; padding-top: 8px;} 
.nav2 .tx7 { color: #414040; padding-bottom: 5px;} 
.nav2 p { padding-bottom: 3px; padding-left: 6px;} 
.nav2 :hover ul.sub li {   }
.nav2 :hover ul.sub li a {  }
.nav 2 :hover ul.sub li a:hover { }
/*nomination*/

/*work1*/
.title3 { color: #FFF; font-size: 14px;}
.info2 { float: right; text-align: right;}
.work { width: 700px;}
.nd { color: #21a9c4; }
.nd input { margin-left: 6px; margin-right: 2px; position: relative;   vertical-align: middle; float: left; }
.nd a { color: #fcad1d; text-decoration: none; }
.nd span { margin-left: 23px; float: left;}
.nd .nado span { float: left; margin-left: 0px;}
.tx9 { padding-top: 15px; padding-bottom: 6px;}
.tx9 a { color: #fcad1d; text-decoration: none;}
.avt { padding-top: 20px;}
.avt span { color: #21494b;}
.avt a { text-decoration: none;}
.avt .white { color: #FFF;}

.tx10 { padding-top: 5px;}
.tx10 a { color: #fcad1d; text-decoration: none;}
/*work1*/

#scrollable{
  /* Set it so we could calculate the offsetLeft */
  position: relative;
	width:700px;
	height:100px;
	overflow: hidden;
}

div.items {
	height:95px;	
	margin-left:8px;	
	float:left;
	width:610px !important;
	overflow: hidden;
	vertical-align: middle;
}
div.items div{
	display:block;
	float:left;
  width:130px;
	height:130px;
	margin-right:8px;
  font-size:50px;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	vertical-align:middle;
	text-align: center;
  
}

div.items img{
	display:block;
	float:left;
	margin-right:8px;
	max-width:120px;
	font-size:50px;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	vertical-align:middle;
	text-align: center;
  overflow:hidden;
}

div.items a {
	display:block;
	float:left;
	margin-right:8px;

	width:120px;
	height:100px;
	font-size:50px;
	color:#ccc;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a.active {
	border:2px solid #FCAD1D;
}
div.items img.active {
	border:2px solid #FCAD1D;
}
a.prev, a.next {
	display:block;
	width:40px;
	height:100px;
	float:left;
	background-repeat:no-repeat;	
	margin:1px 0 0 0;
	cursor:pointer;
}

a.prev {
	background:url("/data/img/but_left.gif");		
}


a.next {
	background:url("/data/img/but_right.gif");		
}






 /*
#scrollable{
	background-color:#efefef;
	border:1px solid #ddd;
	padding:10px 8px;
	width:550px;
	height:65px;
}
 контейнер для элементов, которые мы будет скролить 
div.items {
	height:66px;	
	margin-left:8px;	
	float:left;
	width:478px !important;
}



/* стиль элемента 
div.items a {
	display:block;
	float:left;
	margin-right:8px;
	width:88px;
	height:66px;
	background:url(img/item.gif) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}


/* comments */
#comments ul ul
{
    margin-left: 48px;
    list-style: none;
}
#comments ul li
{
    margin: 3px 0;
    list-style: none;
}
#comments .comment-active
{
    background: #FCAD1D;
    padding: 0 2px;
    color: #000;
}
#answer
{
    width: 600px;
    margin: 10px 0 0;
    padding: 10px 10px 10px 10px;
}
#answer h2, #comments h2
{
    color: #FCAD1D;
    font-weight: normal;
    margin: 10px 0;
}
#answer-form
{
    line-height: 20px;
}
#answer-form textarea
{
    width: 100%;
    height: 150px;

}
#answer-form textarea, #answer form input
{
    /*border: 1px solid #21A9C4; */
    background: #052021;
    color: #BBB;
}
#answer-form img
{
    display: inline;
}
#answer-form #keycode
{
    width: 50px;
    vertical-align: middle;
    font-size: 16px;
}
#answer-form #submit
{
    float: left;
    padding: 1px 15px;
    vertical-align: middle;
    color: #FCAD1D;
    background: #21494B;
}
#answer-form #renew-capcha, #answer-form #remowe-answer-to
{
    cursor: pointer;
    color: #FCAD1D;
}
#answer-form .left
{
    float: left;
}
#answer-form #reply-to
{
    display: none;
}
#answer-form #reply-to #reply-to-text
{
    border: 1px solid #21A9C4;
    display: block;
    padding: 3px;
    background: #052021;
}

#comments .item
{
    background: #1A1A1A;
    height: 45px;
}
    #comments .date
    {
        font-size: 10px;
        padding-bottom: 6px;
        padding-top: 4px;
        color: #7A7A7A;
    }
    #comments .nickname
    {
        font-size: 14px;
    }
    #comments .nickname a {color: #fff;}
    #comments .turquoise
    {
        color: #21A9C4;
    }
    #comments .item img
    {
        float: left;
        margin-right: 10px;
    }
    #comments .item div.noimage
    {
        float: left;
        height: 45px;
        width: 10px;
    }
#comments .item_turquoise
{
    background: #072B2D;
}
#comments .comment
{
    background-color: #626262;
    color: #000000;
    padding: 7px 30px 9px 7px;
    margin-bottom: 5px;
}
#comments .re
{
    color: #FCAD1D;
    margin-bottom: 12px;
    margin-top: 10px;
    width: 50px;
    cursor: pointer;
    color: #FCAD1D;
}
#comments .re span
{
    margin: 0 10px 0 0;
}
#comments .rem
{
    color: #FF0096;
}
/* end comments */


/*prizy*/
.title5 { padding-top: 12px; font-size: 36px; color: #21a9c4;} .tumbs { width: 100%;} .tumb { width: 33%; float: left; padding-bottom: 10px;} .tumb p { padding-right: 45px;} .mesto { color: #fcad1d; font-size: 24px; padding-bottom: 20px;}
.link3 { padding-top: 7px; padding-bottom: 18px;} /*prizy*/
/*personal*/
.rait2 { color: #fcad1d; padding-top: 15px;}
.block5 { width: 350px; float: left;}
.link4 { width: 456px; float: left; padding-bottom: 24px;}
.tx12 { padding-bottom: 12px;}
.tx13 { color: #21a9c4; padding-top: 6px;}
.tx14 { color: #fcad1d;}
.tx14 a { color: #FFF; text-decoration: none;}
.data2 { padding-bottom: 9px;}
.tx15 { font-size: 14px; padding-top: 20px;}
.tx15 a { text-decoration: none;}
.logo { float: left; margin-right: 45px;} .tema { font-size: 18px;}
.info3 a { text-decoration: none;}
.slide-show {display: block; }
.slide-hide {display: none;}
.tx16 { padding-top: 9px;}
.tx17 { padding-top: 7px;}
.tx17  a { color: #fcad1d;}

.info4 { padding-top: 8px;}
.info4 .title2 { font-size: 18px;}
.ac { background-color: #1a1a1a; margin-bottom: 2px; padding: 6px; padding-top: 4px;} /*personal*/

/*index random pict*/
.nav3 { margin-top: 5px;}
.nav3 li.top2 {float:left; margin-right: 10px; margin-bottom: 10px; width: 150px; height: 100px;}
.nav3 li a.top_link {display:block; float:left;   text-decoration:none;  }

.nav3 :hover ul.sub li a:hover { }
.nav3 :hover ul.sub li a.fly:hover { }
.nav3 :hover ul li:hover > a.fly {}
.nav3 a:hover {visibility:visible; position:relative; z-index:200; }
.nav3 li:hover {position:relative; z-index:200;}
.nav3 ul,
.nav3 :hover ul ul,
.nav3 :hover ul :hover ul ul,
.nav3 :hover ul :hover ul :hover ul ul,
.nav3:hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
/*
.nav3 :hover ul.sub { background: url(/data/img/sub1.png) no-repeat; width: 150px; height: 82px; left: 0px; top: 122px; color: #000; font-size: 10px;}
*/
.nav3 :hover ul.sub { background: url(/data/img/sub.png) no-repeat; width: 150px; height: auto; left: 0px; top: 127px; color: #000; font-size: 10px;}
.nav3 .name { font-size: 11px; padding-top: 8px; color: #21A9C4;}
.nav3 .tx7 { color: #414040; padding-bottom: 5px;}
.nav3 p { padding-bottom: 3px; padding-left: 6px;}
.nav3 :hover ul.sub li {   }
.nav3 :hover ul.sub li a {  }
.nav3:hover ul.sub li a:hover { }
/*index random pict*/


/* About */
.about_table_range{
  border-collapse: collapse;
	width: 1001px; 
	background-color: #202020; 
	border: 1px solid black;
}

.about_table_range td{
  border: 1px solid black;
  padding:5px 5px 5px 5px;
}

.about_div_page{
	margin: 10px 10px 10px 25px;
	padding-left:10px;
	background-color: #202020;
}

.imageholder {
	position:relative;
	display:table;
	height: 800px;
	width: 1024px;
	vertical-align: middle; 
	text-align: center;
	text-align:center;
}
.inner {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;
}
.inner img{
	display:inline;
	vertical-align:middle;
}

p.soft_trial img{
	float: left;
	margin:0px 10px 10px 10px;
	width: 38px;
	height: 38px;
}