* { margin: 0; padding: 0;}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
  text-align: center;
	color: #575757;
}
ul{
	margin-left: 25px;
}

p{
	margin-bottom: 20px;
}
a{
	outline: none;
	color: #1a171c;
}
h1{
	font-size: 18px;
	margin-bottom: 26px;
}
h2{
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #EA1E2D;               
}
h3{
	font-size: 12px;
}
a img{
	border: none;
}
input, textarea{
	font-family: Arial;
	font-family: "Arial";
	font-size: 12px;
}
.clear {	
	clear: both;
	height: 0px;
	overflow: hidden;
}

#conteiner{
	margin: 0px;
	text-align: justify;
	position: relative;
	background: #fff;
	padding: 0px;
	width: 970px;
}

#top{
	position: absolute;
	top: 0px;			
  left: 0px;
	width: 950px;		
  height: 90px;
	text-align: center;
}
#top .logo{
  background-position: 0px 0px;
	background-image: url(../images/logo.png);
	position: absolute;
	left: 2px;
	top: 2px;
  height: 70px;
  width: 60px;  
}
#top .slogan{
	position: absolute;
	left: 90px;
  top: 30px;
  font-size: 14px;
  font-weight: bold; 
}
#topuser{
  float: right;
  text-align: right;
  top: 20px;
  position: relative;
}

#main{
	width: 940px;
	margin: 0px auto;
}
#content{
	padding-bottom: 0px;
}
.left{
	float: left;
	color: #1789ba;
}
.left2{
	color: green;
}
#search{
	background-image: url(../images/icon_search.png);
	background-repeat: no-repeat;
	position: relative;
	height: 80px;	
}
#search .fulltextInput{
	position: absolute;
	left: 50px;			top: 4px;
	height: 28px;		width: 160px;
	line-height: 28px;
	padding-left: 5px;
	background-color: #f7f7f7;
	border: none;
}
#search .fulltextSubmit{
	position: absolute;
	right: 0px;			top: 40px;
	background: none;
	border: none;
	text-decoration: underline;
}
#menu{
	background: #1789ba;
	padding: 0px 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: 40px;
	margin-top: 75px;
}
#menu li{
	list-style: none;
	float: left;
	position: relative;
}
#menu li a{
	color: white;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	text-decoration: none;
}
#menu li a:hover, #menu li a.select{
	background: #1996cc;
}
#menu ul{
	margin-left: 0px;
}
#menu ul li:hover ul{
	display: block;
}
#menu ul ul{
    display: none;
    position: absolute;
    left: 0px;
    top: 40px;
}
#menu li li a{
	margin-left: 0px;
  display: block;
  background: #3e7994;
  text-align: left;
  width: 200px;
}

#menu li li a:hover{
	background-image: url(../images/sub-menu_hover.png);
	background-repeat: no-repeat;
	background-position: 3px 16px;
}
  /*
.header{
	height: 60px;
	line-height: 60px;
	position: relative;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #f19e1f;
	margin-bottom: 16px;
}
.header img{
	position: absolute;
	left: 0px;		top: 0px;
}  */
.contacts{
	margin-bottom: 20px; 
}
.contacts a{
	display: block;
	float: left;
	width: 30px;		height: 30px;
	line-height: 30px;
	text-align: center;
}
.homeLeft{
	width: 222px;		height: 360px;
	float: left;
}
.homeLeft li{
	list-style: square;
	color: #f19e1f;
	margin-bottom: 10px;
	
}
.homeLeft .more, .homeRight .more{
	padding-left: 25px;
}
.homeRight{
	width: 375px;		height: 360px;
	float: right;
}
.homeRight .newsItem{
	display: block;
	margin-bottom: 10px;
}
#footer{
	position: relative;
	height: 60px;	width: 1000px;
	z-index: 10;
	border-top: 5px solid #1789BA;
	margin-top: 20px;
	padding-top: 15px;
}
#footer .logo{
	position: relative;
	left: 65px;		top: -30px;
}
#footer .text{
	float: right;
	width: 680px;
	padding-right: 30px;
}
.imageGallery {
	width: 630px;
	position: relative;
	margin-left: 30px;
}
.imageGallery ul{
	margin: 0px;
}
.imageGallery li{
	float: left;
	list-style: none;
	margin: 5px;
	width: 200px;		height: 150px;
	overflow: hidden;
}
.imageGallery .previous, .imageGallery .next{
	position: absolute;
	display: block;
	height: 57px;		width: 44px;
	left: -40px;		top: 50px;
	background-image: url(../images/arrow_left.png);
	text-indent: -60000px;
	overflow: hidden;
	cursor: pointer;
} 
.imageGallery .next{
	left: 600px;
	background-image: url(../images/arrow_right.png);
}
.imageGallery .next.disabled {
	background-image: none;
}
.imageGallery .previous.disabled {
	background-image: none;
}
.doc{
	line-height: 20px;
	position: relative;
	padding-left: 40px;
	margin-bottom: 5px;
	cursor: pointer;
}
.doc img{
	position: absolute;
	left: 3px;		top: 0px;
}
.doc .tooltip{
	display: none;
	position: absolute;
	top: 0px;	left: 410px;
	background: #E8E8E8;
	padding: 2px 10px;
	width: 250px;
	line-height: 16px;
	z-index: 500;
}
.article{
	margin-bottom: 20px;
	padding: 5px 10px;
}
.article .info{
	border-top: 1px solid #E8E8E8;
	margin: 5px 0px 0px 0px;
	padding-top: 5px;
}
.userBox{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	height: 100px;		width: 186px;
	padding: 5px 10px;
	position: relative;
}
.userBox .moreInfo{
	left:173px;
	position:absolute;
	top:77px;
	cursor: pointer;
}
.cont{
	margin-bottom: 10px;
	height: 26px;

}
.cont a{
	display: block;
	float: left;
	text-align:center;
	width:22px;
}
#paging{
	text-align: center;
}
#paging a{
	xxpadding: 2px 10px;
}
.popUpWindow{
	border:5px solid #F19E1F;
	height:200px;
	left:360px;
	position:absolute;
	top:100px;
	width:400px;
	background: #fff;
	z-index: 10000;
}
.popUpWindow .widowHeader{
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	text-indent: 5px;
	color: #fff;
	background: #F19E1F;
	margin-bottom: 20px;
	overflow: hidden;
}
.popUpWindow .widowHeader img{
	float: right;
	margin-top: 2px;
	cursor: pointer;
}
.popUpWindow table{
	margin: 0px 10px;
}
.popUpWindow table .pic img{
	margin-right: 10px;
}

ul.tree li {
	color:#F19E1F;
	list-style:square outside none;
	margin-bottom:10px;
}
ul.tree a{
	cursor: pointer;
	text-decoration: underline;
}
ul.tree li li{
	margin-bottom: 0px;
}
#documentsList{
	margin-top: 20px;
	border-top: 3px solid #E8E8E8;
	padding-top: 10px;
}

.user_logged{
	position: absolute;
	right: 29px;		top: 50px;
	width: 300px;
	text-align: right;
}

.form{
	background: #f2f2f2;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	padding-bottom: 10px;
	width: 970px;
}
.form table{
	margin: 0px 0px 0px 25px;
}
.form table table{
   margin: 0px; 
}
.form table td{
	padding-right: 20px;
	padding-bottom: 3px;
}
.form table .btns{
	font-weight: bold;
}
.form table td input[type="text"], 
.form table td input[type="password"]
{
	height: 24px;		
	padding: 0px 7px;
	width: 300px;
	border: none;
	background: #fff;
}
.form table td select{
	width: 200px;
	border: none;
	background: #fff;
}
.form table td #vac_WorkingDays{
	width: 72px;
}
.form table td textarea{
	margin-bottom: 7px;
	border: none;
	padding: 4px 7px;
}
.deleteQuestion {
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 20px;
	color: darkred;
}

#form_login{
	background-image: url(../images/form_login.png);
	width: 400px;
	margin: 70px auto;  
	background: #f2f2f2;
	padding: 30px;
}
#form_lost_pass{
	background-image: url(../images/form_login.png);
	width: 500px;
	margin: 70px auto;
}
.errorMessage, .okMessage, #activationStatus{
	margin-bottom: 10px;
	background-color: red;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
}
.okMessage {
	background-color: green;
}
#activationStatus{
	margin: 70px auto 90px auto;
	width: 380px;
	background-color: #f2f2f2;
	color: #000;
}
.message{
	position: absolute;
	top: 41px;
	left: 295px;
	width: 370px;
	border: 1px solid #ee9f00;
	background: #ee9f00;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	font-weight: bold;
}
.paging {
  margin-top: 10px;
  margin-bottom: 10px;
	text-align: center;
}

a u{
	cursor: pointer;
}
.btnType1, .btnType2{
	background: #f2f2f2;
	border: none;
	padding: 3px 10px;
	cursor: pointer;
	font-weight: bold;
}
.btnType1{
	background: #ee9f00;
	color: #fff;
}
.viewTable td{
    padding: 2px 7px;
    font-size: 11px;
}
table .header{
    font-weight: bold;
    background: #1789BA;
    color: #fff;    
}
.viewTable .header td{
    padding: 5px 7px; 
    font-size: 12px;
}
.viewTable input, .viewTable select{
    height: 20px;
    border: 1px solid #575757;
    color: #575757; 
}
.viewTable .filter {
    background: #59c5f4;
    height: 36px; 
}
.viewTable .refresh, .viewTable .search{
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-image: url(../images/icons/iconza/filter.png);
    border: none;
    float: left;
    margin-right: 2px;
    color: transparent;
    cursor: pointer;
}
.viewTable .search{
    background-image: url(../images/icons/iconza/undo.png);
}

#filterResetCustomers{
    float: left;
}
.btnTrue, .btnFalse, .btnNeutral, .btnDeleteTrue{
    padding: 4px 10px;
    font-weight: bold;
    text-decoration: none;
}
.btnTrue, .btnDeleteTrue{
    background: #EA1E2D;
    color: #fff;
    border: 1px solid #EA1E2D;
}
.btnDeleteTrue {
    background: darkred;
}
.btnFalse{
    background: #fff;
    color: #EA1E2D;
    border: 1px solid #EA1E2D
}
.btnNeutral{
    background: #575757;
    color: #fff;
    border: 1px solid #575757;
}

/*TABY*/
.wrapper-tabs{
    position: relative;
}
.wrapper-tabs .tab{
    position: relative;
    z-index: 4;
    top: -1px;
    padding: 7px 15px;
    border: 1px solid #C7C7C7;
}
.tabs h3{
    margin: 5px;
}	     
.wrapper-tabs .switcher{
    margin-left: 20px;
    float: none;
    clear: both;
    position: relative;
    z-index: 600;
}
.wrapper-tabs .switcher a{
    border-bottom: 1px solid #fff;
    display: block;
    float: left;
    margin-right: 10px;
    padding: 6px 15px;
    border: 1px solid #C7C7C7;
    text-decoration: none;
    position: relative;
    cursor: pointer;  
} 
.wrapper-tabs .switcher a.selected{
    border-bottom: 1px solid #fff;
    position: relative;
}
a:focus, a:active {outline:none}
/*TABY*/

.black {
	color: black;
}
.green {
	background: green;
    	color: #fff;
    	border: 1px solid green;
	padding: 8px 15px 8px 15px;	
}
.greenNoBack {
	padding: 8px 15px 8px 15px;	
}