/*
-----------------------------------------------
Style Sheet
Site: TSS International
Author: Olga Litvinenko
----------------------------------------------- */


html {margin:0px; padding:0px;}

body {
	font-family:Tahoma;	
	margin:0;
	padding:0;
}

#block_news .item a  { color:#999999; }

#container {margin:0 auto; width:1001px; text-align:left; position:relative; padding:0;}


/*
COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, h7, pre {margin:0;padding:0;}


a {
	color:#ea9605;
}

a.btn { display:block; height:42px; float:right; background:url(../images/btn_right.gif) no-repeat top right; padding-right:18px; text-decoration:none; color:#FFFFFF; font-size:18px; margin:16px 0 0 0;}
a.btn span { display:block; line-height:42px; height:42px; background:url(../images/btn_left.gif) no-repeat top left; padding:0 8px 0 26px; font-size:18px; color:#FFFFFF; cursor:pointer; float:left;}
/*
HEADER --------------------- */
#header {height:177px;}

h2 {background:url(../images/bg_title.gif) repeat-x top left; height:32px; line-height:32px; font-size:20px; font-weight:normal; padding:0 0 0 15px; color:#FFFFFF; margin:0 0 18px 0;}

h3, h3 a {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	color:#ea9605;
}

#logo { padding:18px 0 0 20px; width:225px; height:90px;}
a#logo {cursor:pointer; height:90px; width:225px; display:block; padding:18px 0 0 20px;}
a#logo img {border: medium none;}

#menu dt, dl, dd, ul, li {list-style-type:none; margin:0; padding:0;}
#menu {position:absolute;left:18px;top:119px;width:963px;height:59px; background:url(../images/bg_menu.gif) no-repeat bottom left; padding:0 0 0 2px;}
#menu dl {float: left; height:31px; background:url(../images/menu_border.gif) no-repeat bottom left; padding:0 16px;}
#menu dt { font-size:14px; color:#FFFFFF; line-height:31px; _float:left; height:31px;}
#menu dl.current { background:#ea9605 url(../images/menu_border.gif) no-repeat bottom left;}
#menu dt a {color:#FFFFFF; height:31px; display:block; float:left;}
#menu dt a:hover { background:url(../images/menu_arrow_hover.gif) no-repeat bottom center!important;}
#menu ul {_position:relative; _top:30px; width:800px; float:left }
#menu li {display: inline; line-height:26px;}
#menu li a {font-size:14px; color:#FFFFFF; padding:0 16px; display:inline;}
#menu li a:hover { text-decoration:underline; }
#menu a {text-decoration:none;}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7 {position: absolute;left: 0;font-size: 0.7em;}

/*
CONTENT --------------------- */
#content {
	background:url(../images/bg_top_content.gif) no-repeat top left;
	width:1001px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.contInner {border-left:1px solid #d5d5bc; border-right:1px solid #d5d5bc; padding:0 22px 70px 20px; background:#FFFFFF;}

.leftSide {float:left; width:660px;}
.rightSide {float:right; width:230px;}

.contInner h1 {font-size:22px; font-weight:normal; color:#ea9605; background:url(../images/bg_border.gif) repeat-x bottom left; line-height:30px;}

.preview {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.preview p {
	font-size:15px;
	line-height:22px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.preview img { float:right; margin:0 0 10px 10px;}

.text {margin:0;}
.text p {font-size:14px; line-height:18px; margin:15px 0 0 0;}

.block {width:208px; float:left;}
.block h3 {font-size:19px; color:#ff8933; font-weight:normal;}
.block img {border:1px solid #ffa914; display:block; margin:7px 0;}
.block p {color:#383838; font-size:14px; line-height:18px; text-align:justify;}

.block a, .item a, .text a {color:#ff6c00; text-decoration:underline;}
.block a:hover, .item a:hover, .text a:hover {text-decoration:none;}

.m1 {margin:0 16px 0 0; }
.m1 p, .m2 p {text-align:left; font-size:14px;}

.title {height:39px; width:100%; margin:0 0 6px 0;}
.title h4 {font-size:20px; font-weight:normal; color:#FFFFFF; padding:3px 0 0 15px; height:36px; float:left; display:inline; width:60%;}
.title a { float:right; width:20%; font-size:12px; color:#FFFFFF; text-decoration:underline; padding:9px 15px 0 0; text-align:right;}
.title a:hover { text-decoration:none;}

.vacansy {background:url(../images/title_vacansy.gif) repeat-x top left;}
.news {background:url(../images/title_news.gif) repeat-x top left;}

.vacansy h4 {background:url(../images/title_vacansy_arrow.gif) no-repeat 20px 100%;}
.news h4 {background:url(../images/title_news_arrow.gif) no-repeat 20px 100%;}

.item {background:url(../images/bg_border_grey.gif) repeat-x bottom left; padding-bottom:4px; margin:0 0 5px 0;}
.item p {font-size:14px; line-height:19px; color:#000000; clear:both; padding:0 0 0 5px;}
.item a { display:block; font-size:14px; line-height:19px; padding:0 0 0 5px; font-weight:bold;}
.item span { display:block; float:left; font-size:13px; color:#FFFFFF; background:#b7b7b7; padding:0 6px; margin-right:5px; line-height:19px;}

.wrapper { margin:0 0 15px 0;}

#personal { background:url(../images/block_r_conner.gif) no-repeat bottom right; padding-right:12px; float:left; position:absolute; top:0; right:0;}
.inner { background:url(../images/block_l_conner.gif) no-repeat bottom left; float:right; min-height:23px; _height:23px; _width:120px; padding:0 0 10px 20px; position:relative; min-width:100px; margin:0;}
.flexHeader { position:absolute; top:0; right:0; height:32px;}
#personalEnter { margin:0 0 0 0; padding:0; _width:250px;}
#personal a { font-size:12px; color:#ffa200; text-decoration:underline; float:left; display:block; line-height:20px;}
a.open { display:block; height:28px; outline:none; padding:5px 25px 0 10px; background:url(../images/arrow_open.gif) no-repeat 100% 8px;}
a.open img { border:none;}
form#enter {padding:0px 110px 0 0; margin:4px 0 0 0;}
form#enter p { line-height:28px; clear:both;}
form#enter label { width:50px; text-align:left; font-size:12px; color:#FFFFFF; display:block; float:left;}
form#enter input { width:70px; height:17px; border:1px solid #bfbfbf; }
form#enter button { border: medium none; background:none; position:absolute; right:17px; top:30px;}
/*
FOOTER --------------------- */
#footer {background:url(../images/bg_btm_content.gif) no-repeat top left; padding:0 21px 50px 20px;}
ul.subNav, ul.subNav li { margin:0; padding:0; list-style:none; list-style-type:none;}
ul.subNav { height:34px;}
ul.subNav li {line-height:33px; float:left; display:block; padding:0 16px; font-size:14px;}
ul.subNav li a {color:#000000; text-decoration:none;}
ul.subNav li a:hover { text-decoration:underline; color:#ff6c00;}

.info {height:31px; background:#e4ddc5; clear:both;}
.info p {font-size:12px; color:#5c5c5c; float:left; width:48%; line-height:31px; padding:0 0 0 16px;}
.info p span {
	text-decoration:underline;
	color:#FF6600;
}
.info ul {float:right; width:48%; text-align:right; padding-right:16px; display:inline;}
.info ul li { display:inline; background:url(../images/border_point.gif) no-repeat 0 3px; padding-left:7px;}
.info ul li.first { background:none;}
.info ul li a { text-decoration:none; color:#5c5c5c; font-size:12px; line-height:28px; }
.info ul li a:hover { text-decoration:underline;}

/*
FLOAT CLEARING --------------------- */

.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */