@charset "utf-8";

html, body 
{
	font-size: 10pt;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: arial, Helvetica,sans-serif;
	background: white;
}
input { outline: none; }
img { border: none; }
a { cursor: pointer; outline: none; }

#page {	width: 890px; margin: 0 auto; padding-bottom: 20px; }

/* Main-Menu START */
#mainmenu {
	float: right;
	width: 480px;
	height: 93px;
	margin-bottom: -5px;
	font-size:10pt;
	font-weight: bold;
	font-style: italic;
	color: #30a4dc;
}
#mainmenu a:link, #mainmenu a:visited, #mainmenu a:active, #mainmenu a:hover {
	color: #30a4dc;
	float: left;
	padding: 2px 2px 2px;
}

#main-menu { padding: 0; margin: 0; list-style-type: none; height: 89px; float: right; }
#main-menu li { padding: 0; margin: 0; height: 89px; width: 96px; float: left; }

#main-menu li a {
	background: url('../images/JPG/menuLink.jpg') no-repeat 0 -89px;
	height: 53px; width: 96px;
	text-decoration: none;
	padding: 38px 0 0 0;
	font-style: italic;
	font-weight: bold;
	text-indent: 15px;
	font-size: 13px;
	color: #30a4dc;
	display: block;
}
#main-menu li a:hover, #main-menu li a.active { background-position: 0 0; color: #30a4dc; }

/* Main-Menu END */

#content {
	clear: both;
	width: 890px;
	background: white;
	text-align: center;
	padding-bottom: 25px;
}
#contentLeftSide {
	width: 277px;
	margin-top: 25px;
	float:left;
	text-align:left;
}
#contentSub {
	width: 601px;
	float: left;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 20px;
}
#logo {
	float: left;
	width: 277px; height: 91px;
	background: url(../images/PNG/infotehnika_logo_use.png) no-repeat;
}
#banner1 {
	clear: left;
	float: left;
	width: 277px; height: 198px;
	overflow: hidden;
	background: url(../images/JPG/banner1.jpg) no-repeat;
}
#banner1Sub {
	width: 277px; height: 198px;
}
#servicesSubMenu { padding: 0; margin: 0; list-style-type: none; height: 165px; width: 277px; float: right; margin-top: 8px; }
		#servicesSubMenu li { padding: 4px 0 4px; margin-top: 5px; width: 275px; float: left; border-bottom: 1px solid #e3e3e3; text-align: center; }

		#servicesSubMenu li a {
			width: 275px; height: 25px;
			text-decoration: none;
			font-style: italic;
			font-weight: bold;
			font-size: 13px;
			color: #0867b3;
		}
		#servicesSubMenu li a:hover, #main-menu li a.active { color: #5eb9e9; }
#banner1TextRow1 {
	position: relative;
	float: left;
	margin-top: 90px;
	font-size: 15pt;
	font-style: italic;
	color: #89939a;
	padding-left: 5px;
	padding-right: 10px;
}
#banner2 {
	float: right;
	width: 594px; height: 198px;
}
#langButtons {
	clear: left;
	float: left;
	margin: 0 0 0;
	height: 20px; width: 180px;
	color: #0867b3;
}
#dmi_logo {
	clear: left;
	float: left;
	width: 275px; height: 130px;
	background: url(../images/PNG/dmi_logo_use.png) no-repeat;
}
#communityMesBox {
	display: none;
	overflow: visible;
	margin-top: 88px;
	margin-left: 0px;
	font-size: 9pt;
	color: #0867b3;
	font-style: italic;
	padding: 3px 3px 3px;
	float: left;
	width: 150px; height: 55px;
	background: url(../images/PNG/baloonMesBox.png) no-repeat;
	z-index: 1;
}
#link_community {
	clear: left;
	cursor: pointer;
	margin-top: 13px;
	float: left;
	width: 129px; height: 34px;
}
#forumMesBox {
	display: none;
	overflow: visible;
	margin-top: 88px;
	margin-left: 149px;
	font-size: 9pt;
	color: #0867b3;
	font-style: italic;
	padding: 3px 3px 3px;
	float: left;
	width: 150px; height: 55px;
	background: url(../images/PNG/baloonMesBox.png) no-repeat;
	z-index: 1;
}
#link_forum {
	margin-top: 13px;
	float: right;
	width: 129px; height: 34px;
	cursor: pointer;
}
#loginFormLeftBorder {
	clear: left;
	float: left;
	width: 4px; height: 165px;
	margin-top: 13px;
	background:  url(../images/PNG/loginFormLeftBorder.png) no-repeat;
}
#loginForm {
	float: left;
	width: 268px; height: 165px;
	margin-top: 13px;
	text-align: right;
	background: url(../images/PNG/loginFormBackground.png) repeat-x;
}
#loginFormRightBorder {
	float: left;
	width: 4px; height: 165px;
	margin-top: 13px;
	background:  url(../images/PNG/loginFormRightBorder.png) no-repeat;
}
#newsBoxLeftBorder {
	clear: left;
	float: left;
	width: 4px; height: 165px;
	margin-top: 13px;
	background:  url(../images/PNG/loginFormLeftBorder.png) no-repeat;
}
#newsBox {
	float: left;
	width: 235px; height: 165px;
	margin-top: 13px;
	text-align: left;
	padding: 11px 17px 11px;
	background:  url(../images/PNG/loginFormBackground.png) repeat-x;
}
#newsBox a:hover {
	color: #5eb9e9;
}
#newsBoxRightBorder {
	float: left;
	width: 4px; height: 165px;
	margin-top: 13px;
	background:  url(../images/PNG/loginFormRightBorder.png) no-repeat;
}
#bottomSide {
	clear: both;
	width: 890px; height: 6px;
}
#bottomBreakLine1 {
	clear: left;
	float: left;
	width: 277px; height: 6px;
	background: #5eb9e9;
	overflow: hidden;
}
#subMenu {
	clear: left;
	font-size: 7pt;
	float: left;
	width: 277px;
	margin-top: 15px;
	color: #5eb9e9;
	text-align: center;
}
#subMenu a:link, #subMenu a:visited, #subMenu a:active {
	text-decoration: none;
	color: #0867b3;
}
#subMenu a:hover {
	color: #5eb9e9;
}
#bottomBreakLine2 {
	float: right;
	width: 594px; height: 6px;
	background: #0867b3;
	overflow: hidden;
}
#infotehnikaRights {
	clear: right;
	float: right;
	margin-right: 6px;
	font-size: 8pt;
	text-align: right;
	width: 594px;
	margin-top: 15px;
	color: #0867b3;
}


/* Career styles */

#careerDepartments img {
	margin-top: 4px;
}

#adminIcon { margin-top: 8px; width: 108px; height: 106px; float: left; background: url(../images/PNG/iconAdministration.png) no-repeat; }
#proIcon { margin-top: 8px; width: 108px; height: 106px; float: left; background: url(../images/PNG/iconProduction.png) no-repeat; }
#devIcon { margin-top: 8px; width: 108px; height: 106px; float: left; background: url(../images/PNG/iconDevelopment.png) no-repeat; }
#supIcon { margin-top: 8px; width: 108px; height: 106px; float: left; background: url(../images/PNG/iconSupport.png) no-repeat; }


#adminLeft { float: left; margin-top: 15px; }
#adminRight { float: left; margin-top: 15px; }
#proLeft { float: left; margin-left: 15px; margin-top: 15px; }
#proRight { float: left; margin-top: 15px; }
#devLeft { clear: left; float: left; margin-top: 15px; }
#devRight { float: left; margin-top: 15px; }
#supLeft { float: left; margin-left: 15px; margin-top: 15px; }
#supRight { float: left; margin-top: 15px; }