/* CSS Document */
.div {
	border:1px inset red;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin:0;
padding:0;
/*
background-color:#72706f;
*/
background-color:#72706F;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#525254;
}
ul {
	margin:0;
	padding:0 0 0 16px;
	list-style-image:url(../img/li.gif);
	margin:5px 0 5px 15px;
}
.text1 ul {
}
ul.ddsubmenustyle, ul.ddsubmenustyle ul, ul.ddsubmenustyle ul ul {
	list-style-image:none!important;
	margin:0!important;
}
.otstup {
	padding:5px 10px 5px 20px;
}
#footer {
	width:818px;
	padding:0px 0px 10px 0;
	overflow:hidden;
	margin:0 auto;
}
a#xpromt {
	display:block;
	width:140px;
	height:15px;
	float:right;
	background-image:url(../img/xpromt.gif);
	background-repeat:no-repeat;
	margin-top:5px;
}
a#kvadrat {
	display:block;
	float:left;
	width:180px;
	padding:5px 5px 5px 25px;
	background-image:url(../img/kvadrat-copy.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
}
#kniga {
	display:block;
	float:left;
	width:180px;
	height:20px;
	padding:5px 5px 5px 35px;
	background-image:url(../img/kniga.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
}
table#main {
	border:0px; 
	border-collapse:collapse; 
	background-color:#72706F;
	width:100%;
	height:100%;
}
img {
	border:0;
}
p {
	padding:0px;
	margin:0px
}
form {
	padding:0px;
	margin:0px
}

#book {
	/*
	width:838px;
	height:549px;
	*/
	width:944px;
	height:605px;
	margin:0 auto;
	background-image:url(../img/book1.jpg);
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
#book_en {
	/*
	width:838px;
	height:549px;
	*/
	width:944px;
	height:605px;
	margin:0 auto;
	background-image:url(../img/book2.jpg);
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
#book_frame {
	background-image:none;
	background-repeat:no-repeat;
	height:580px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:900px;
}
#book2 {
	width:838px;
	height:260px;
	background-image:url(../img/0.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
#top {
	width:944px;
	height:35px;
	overflow:hidden;
}
#flash {
	width:835px;
	height:289px;
	overflow:hidden;
	margin:0 auto;
	clear:both;
}

#left {
	float:left;
	display:inline;
	width:380px;
	height:505px;
	margin:10px 0 0 70px;
	text-align:left;
	overflow:auto;
}
#left-home {
	float:left;
	display:inline;
	width:390px;
	height:505px;
	margin:10px 0 0 70px;
	text-align:left;
	overflow:auto;
	position:relative;
}
#left2 {
	float:left;
	display:inline;
	width:380px;
	height:255px;
	margin:10px 0 0 70px;
	text-align:left;
	overflow:auto;
}
#left3 {
	float:left;
	display:inline;
	width:90px;
	height:35px;
	text-align:left;
	overflow:hidden;
	cursor:pointer;
	margin:1px 0 0 55px;
}
#right {
	float:right;
	display:inline;
	width:380px;
	height:505px;
	margin:10px 70px 0 0;
	text-align:left;
	overflow:auto;
}
#right-home {
	float:right;
	display:inline;
	width:390px;
	height:505px;
	margin:10px 70px 0 0;
	text-align:left;
	overflow:auto;
	position:relative;
}
#right2 {
	float:right;
	display:inline;
	width:380px;
	height:255px;
	margin:10px 70px 0 0;
	text-align:left;
	overflow:auto;
}
#right3 {
	float:right;
	display:inline;
	width:90px;
	height:35px;
	text-align:left;
	overflow:hidden;
	cursor:pointer;
	margin:1px 55px 0 0;
}
#menu {
	width:880px;
	margin:0 auto;
}
#menu_bottom {
	width:818px;
	text-align:left;
	padding:10px 0 10px 20px;
	overflow:hidden;
}
#menu_bottom a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
	margin:10px 0 10px 10px;
}
#menu_bottom a:hover {
	color:#000000;
	text-decoration:underline;
}
#helper {
  width:257px;
  height:342px;
  position:absolute;
  top:150px;
  left:50%;
  margin-left:-500px;
  overflow:visible;
	z-index:999;
}


li.past	{
	color: Gray;	
}
li.future	{
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: 10px Arial;
list-style-type: none;
overflow: hidden;
width: 100%;
text-transform:uppercase;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 7px; /*padding inside each tab*/
color: white;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: gray; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: gray; /*background of tab with "selected" class assigned to its LI */
}
#top_left, #top_right {
	display:block;
	width:100px;
	height:35px;
}
#top_left {
	float:left;
}
#top_right {
	float:right;
}

ul.cat_list {
	margin:10px 10px 10px 20px;
}
ul.cat_list li {
	line-height:16px;
}
.forms_input {
	border:1px solid #CCCCCC;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	height:13px;
	width:150px;
}
.forms_input2 {
	border:1px solid #CCCCCC;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	height:13px;
	width:333px;
}
.forms_text {
	border:1px solid #CCCCCC;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	height:50px;
	width:200px;
}
.forms_text2 {
	border:1px solid #CCCCCC;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	height:50px;
	width:333px;
}
.forms_btn {
	border:1px solid #CCCCCC;
	background-color:#CCCCCC;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	height:18px;
}
ul.seminar_list {
	margin: 5px 2px 5px 20px;
}
ul.seminar_list li {
	line-height:16px;
}

table.ramka {
	border-left:1px solid #F0F0F0;
	border-top:1px solid #F0F0F0;
}
table.ramka td {
	border-right:1px solid #F0F0F0;
	border-bottom:1px solid #F0F0F0;
}
.seminar_type {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#336666;
	text-transform:uppercase;
}
.seminar_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c746b;
	text-transform:uppercase;
	margin:2px;
	text-align:center;
	font-weight:bold;
}
fieldset {
	color:#525254;
}
legend {
	color:#525254;
}
/**********************************************************
												input file
***********************************************************/
.input-file{
    width:auto; /* you can change the width*/
    position:relative;
    margin:0 0 20px 0;
    zoom:1; /*clear float*/
    overflow:hidden; /*clear float*/
}


.input-file label span{
    display:none;
}

.input-file label input{
    display:block;
    width:100%;
}



html.js .input-file label{
    cursor:pointer;
    float:right;
    white-space:nowrap;
    position:relative;
    z-index:1;
    left:0;
    top:0;
    overflow:hidden;
    background:#CCCCCC;
    padding:3px 5px 3px 5px;
    display:inline;
}

html.js .input-file-no-path label{
    float:left;
}

html.js .input-file label span{
    display:inline;
}


html.js .input-file label input{
    width:auto;
    position:absolute;
    right:0;
    top:0;
    border:none;
    font-size:5em;
    line-height:12px;
    opacity:0;
    zoom:1;
    filter:alpha(opacity=0);
    cursor:pointer;
}


.input-file var{
    display:none;
    position:relative;
    overflow:hidden;
    padding:4px 6px;
    zoom:1;
    _right:-3px; /*eliminate gap for IE*/
    /*visual candies*/
}

html.js .input-file var{
    display:block;
}

.input-file var input{
    display:block;
    width:100%;
    position:absolute;
    padding:0;
    border:none;
    background:transparent;
    font-size:100%;
    color:#000;
    top:0;
    left:0;
    padding:2px 1px 1px 2px;
    height:100%;
    
}


.input-file var input:focus{
    outline:none;
}
/**********************************************************
												input file
***********************************************************/
#home-logo {
	display:block;
	width:268px;
	height:62px;
	margin:0 auto;
}
#home-left {
	width:250px;
	float:right;
	margin:20px 10px 0 0;
}
#home-left h1, #home-left .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#home-left div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	margin:5px 0 5px 40px;
}
#home-right {
	width:250px;
	float:left;
	margin:10px 0 0 20px;
}
#home-right h1, #home-right .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#home-right div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	margin:5px 0 5px 40px;
}
#zakladki-podbor {
	position:absolute;
	top:120px;
	left:35px;
	display:block;
	width:20px;
	height:60px;
}
#zakladki-poisk {
	position:absolute;
	top:220px;
	left:23px;
	display:block;
	width:20px;
	height:60px;
}
#zakladki-organization {
	position:absolute;
	top:323px;
	left:13px;
	display:block;
	width:20px;
	height:63px;
}
#zakladki-konsalting {
	position:absolute;
	top:123px;
	right:15px;
	display:block;
	width:20px;
	height:63px;
}
#zakladki-hrclub {
	position:absolute;
	top:220px;
	right:23px;
	display:block;
	width:20px;
	height:63px;
}
#zakladki-seminar {
	position:absolute;
	top:323px;
	right:33px;
	display:block;
	width:20px;
	height:62px;
}
/******************** SUBSCRIBE *************************/
#subscribre-top {
	width:374px;
	background-image:url(../img/subscribe-top.gif);
	background-repeat:no-repeat;
	background-position:top center;
	overflow:hidden;
}
#subscribre-top h2, #subscribre-top .h2 {
	margin:0;
	padding:5px 0 0 20px;


	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#subscribre-bot {
	width:374px;
	height:13px;
	background-image:url(../img/subscribe-bot.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
#subscribre-top ul {
	margin:0;
	padding:0 0 0 16px;
	list-style-image:url(../img/subscribe-li.gif);
	margin:0 0 0 15px;
	float:left;
}
#subscribre-top ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3c3735;
}
#subscribre-top form {
	width:180px;
	display:block;
	float:right;
	margin:20px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3c3735;
	position:relative;
}
#subscribre-top form a {
	display:block;
	position:absolute;
	top:10px;
	right:-10px;
	width:25px;
	height:25px;
}
#subscribre-top input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3c3735;
	border:none;
	width:151px;
	height:14px;
	background-image:url(../img/subscribe-input.gif);
	background-repeat:no-repeat;
	padding:0;
}

.vacancy_subscriber	{
	text-align: center;
}
.vacancy_subscriber form {
	width:201px;
	display:block;
	margin:20px 10px 0 80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3c3735;
	position:relative;
	text-align: center;
}
.vacancy_subscriber form a {
	display: block;
	position: absolute;
	top: 7px;
	right: -30px;
	width: 26px;
	height: 26px;
	background: transparent url(../img/subscribe-ok.gif) no-repeat scroll center;
}
.vacancy_subscriber input.text_field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3c3735;
	border:none;
	width:195px;
	height:14px;
	background-image:url(../img/subscribe-input2.gif);
	background-repeat:no-repeat;
	padding: 0 3px 0 3px;
	display: block;
}

#vote-top {
	width:363px;
	background-image:url(../img/vote-top.gif);
	background-repeat:no-repeat;
	background-position:top center;
	overflow:hidden;
	padding-bottom:5px;
}
#vote-bot {
	display:block;
	width:363px;
	height:26px;
	background-image:url(../img/vote-bot.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
#vote-top h2, #vote-top .h2 {
	margin:0;
	padding:0 0 10px 0;

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#vote-top #question {
	float:left;
	width:140px;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:9px;
	color:#3c3735;
}
#vote-top form input {
	margin:0 3px 0 0 ;
	padding:0;
}
#vote-top form {
	float:right;
	width:180px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:9px;
	color:#3c3735;
}

.votings.results .answers .count	{
	text-align: center;
	padding: 0 0 0 16px;
	font-weight: bold;
}

.shedule_soon	td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.new {
	position:absolute;
	top:5px;
	left:50px;
	width:235px;
	padding:3px 5px 1px 10px;
	height:67px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:italic;
	color:#666666;
	overflow:hidden;

	background-image:url("../img/new.gif");
	background-position:center top;
	background-repeat:no-repeat;
}
.question {
	overflow:hidden;
	margin-bottom:2px;
}
.question input {
	float:left;
}
.question span {
	display:block;
	width:150px;
	float:left;
	padding-top:2px;
}
#icon1 {
	position:absolute;
	top:80px; 
	left:20px;
	display:block;
	width:77px;
	height:77px;
	background-image:url(../img/icon1.jpg);
}
#icon2 {
	position:absolute;
	top:180px;
	left:20px;
	display:block;
	width:77px;
	height:77px;
	background-image:url(../img/icon2.jpg);
}
#icon3 {
	position:absolute;
	top:280px;
	left:20px;
	display:block;
	width:77px;
	height:77px;
	background-image:url(../img/icon3.jpg);
}
#icon4 {
	position:absolute;
	top:70px;
	right:20px;
	display:block;
	width:77px;
	height:77px;
	background-image:url(../img/icon4.jpg);
}
#icon5 {
	position:absolute;
	top:170px;
	right:20px;
	display:block;
	width:77px;
	height:77px;
	background-image:url(../img/icon5.jpg);
}
#icon6 {
	position:absolute;
	top:270px;
	right:20px;
	display:block;
	width:77px;
	height:77px;
	background-image:url(../img/icon6.jpg);
}
#title1 {
	position:absolute;
	top:80px;
	left:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#title2 {
	position:absolute;
	top:180px;
	left:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#title3 {
	position:absolute;
	top:275px;
	left:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#title4 {
	position:absolute;
	top:80px;
	left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#title5 {
	position:absolute;
	top:180px;
	left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#title6 {
	position:absolute;
	top:275px;
	left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3C746B;
	text-transform:none;
}
#info1 {
	position:absolute;
	top:105px;
	left:150px;
	width:220px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	overflow:hidden;
}
#info2 {
	position:absolute;
	top:205px;
	left:150px;
	width:220px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	overflow:hidden;
}
#info3 {
	position:absolute;
	top:300px;
	left:150px;
	width:220px;
	height:85px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	overflow:hidden;
}
#info4 {
	position:absolute;
	top:105px;
	left:50px;
	width:220px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	overflow:hidden;
}
#info5 {
	position:absolute;
	top:205px;
	left:50px;
	width:220px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	overflow:hidden;
}
#info6 {
	position:absolute;
	top:300px;
	left:50px;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3c3735;
	overflow:hidden;
}
#subscribre {
	position:absolute;
	top:385px;
	left:10px;
	height:120px;
	overflow:hidden;
}
#voting {
	position:absolute;
	top:385px;
	left:10px;
	height:120px;
	overflow:hidden;
}

#popupwindow {
	display: none;
	background-color: #fff;
	border: 1px solid #000;
	height: auto;
	left: 50%;
	margin-left: -220px;
	padding: 20px;
	position: fixed;
	text-align: justify;
	top: 100px;
	width: 400px;
	z-index: 1000;
}
#popupwindowclose {
	cursor: pointer;
	font-weight: bold;
	height: 15px;
	position: absolute;
	right: 3px;
	text-align: center;
	top: 3px;
	width: 15px;
}