@charset "utf-8";

/* CSS Document */

html, body {
	padding: 0;
	margin: 0;
	height: 100%;}

body {
	font: 62.5%/1.2 Arial, Tahoma, Verdana, sans-serif;
	color: #5b5b5b;
	background: #fff;}

select, input, textarea {
	font: 100% Arial, Tahoma, Verdana, sans-serif;
	color: #5b5b5b;}

a {
	color: #2272bc;
	text-decoration: underline;
	outline: none;}
a:hover {
	color: #46a5dd;
	text-decoration: underline;}
a:focus {
	outline: none;}

a img {
	border: none;}

form {
	padding: 0;
	margin: 0;}

input:focus, select:focus, textarea:focus {
	outline: none;}

td, th {
	font-weight: normal;
	text-align: left;}

p {
	margin: 0;
	padding: 0;}

h1 {
	margin: 0;
	font-size: 300%;
	font-weight: normal;
	padding: 0 0 20px;}

h2 {
	margin: 0;
	font-size: 180%;
	font-weight: normal;}

h3 {
	margin: 0;
	font-size: 160%;
	font-weight: normal;}

h4 {
	margin: 0;
	font-size: 120%;
	font-weight: normal;}

h5 {
	margin: 0;
	font-size: 110%;
	font-weight: normal;}

h6{
	margin: 0;
	font-size: 100%;
	font-weight: normal;}

/* ------------------------- */


/* GLOBAL LAYOUTS */

#global {
	width: 100%;
	min-width: 990px;
	min-height: 100%;
	position: relative;
	z-index: 1;}

#page {
	padding: 0 0 80px;}

#midd {
	position: relative;
	margin: 0 0 16px;
	z-index: 1;}

/* ---------------------------------------- */


/* HEADER */

#header {
	position: relative;
	min-height: 210px;}

#hdepartment {
	position: relative;
	min-height: 185px;}

#logo {
	position: absolute;
	top: 64px;
	left: 90px;
	z-index: 9;}
#hdepartment #logo {
	top: 62px;
	left: 25%;
	margin: 0 0 0 50px;
	z-index: 9;}
#logo a, #logo strong, #logo em {
	display: block;
	width: 189px;
	height: 81px;
	text-decoration: none;
	overflow: hidden;
	text-indent: 300em;
	white-space: nowrap;}
#hdepartment #logo a, #hdepartment #logo strong, #hdepartment #logo em {
	width: 245px;
	height: 33px;}
#logo em {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background: url(../images/logo.png);}
#hdepartment #logo em.asystems {
	background: url(../images/logo-departments.png) no-repeat 0 0;}
#logo a em {
	cursor: pointer;}

.tcont {
	position: absolute;
	left: 58%;
	top: 24px;
	font-size: 120%;
	color: #000;
	z-index: 8;}
.tcont h3 {
	padding: 3px 0 2px 02px;
	font-size: 100%;
	font-weight: normal;}
.tcont .taddress {
	float: left;
	padding: 0 24px 0 0;}
.tcont .tphones {
	float: left;
	color: #000;
	padding: 0 0 0 16px;
	white-space: nowrap;
	background: url(../images/tell-bg.gif) no-repeat 0 4px;}
#header .tcont .tphones, #hdepartment .tcont .tphones {
	background: url(../images/tell-bg2.gif) no-repeat 0 4px;}
.tcont p {
	padding: 1px 0 0;}

.hclients {
	position: absolute;
	left: 58%;
	top: 86px;
	padding: 0 0 0 30px;
	z-index: 7;}
.hclients a {
	display: block;
	width: 226px;
	height: 100px;
	overflow: hidden;
	text-indent: 300em;
	white-space: nowrap;
	background: url(../images/clients.png) no-repeat -25px 0;}

.hcont {
	margin: 0 5% 0 25%;
	padding: 128px 0 0;}
.dmenu {
	position: relative;
	z-index: 9;
	font-size: 120%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	z-index: 9;}
.dmenu li {
	float: left;
	padding: 0 30px 8px 0;
	color: #403d3e;}

.promenu {
	border-collapse: collapse;
	width: auto;
	margin: 20px 0 16px;}
.promenu td {
	padding: 0 30px 0 0;}
.prpix {
	vertical-align: bottom;}
.prname {
	vertical-align: top;
	font-size: 100%;
	color: #b3b3b3;}
.prname p {
	position: relative;
	z-index: 3;
	top: -5px;}


/* ----------------------------- */


/* FOOTER */

#footer {
	width: 100%;
	min-width: 990px;
	min-height: 60px;
	position: relative;
	position: relative;
	margin: -60px 0 0;
	z-index: 3;}

.copy {
	font-size: 110%;
	position: absolute;
	bottom: 0;
	left: 65%;
	height: 23px;
	background: url(../images/copy-bg.gif) no-repeat 0 0;
	padding: 3px 0 0 32px;}
.copy p {
	padding: 0;}


/* -------------------------------- */


/* TOP MENU */

#topmenu {
	position: absolute;
	left: 28%;
	top: 0;
	background: url(../images/menubg.gif) no-repeat 0 0;
	width: 305px;
	height: 185px;}
#hdepartment #topmenu  {
	left: 25%;
	margin: 0 0 0 -240px;}

.tmhome {
	border-bottom: 1px solid #c92127;}
.tmhome a, .tmhome a:hover {
	text-decoration: none;}

#topmenu ul {
	margin: 0;
	padding: 50px 0 12px 50px;
	list-style: none;}
#hdepartment #topmenu ul {
	padding: 28px 0 12px 50px;}
#topmenu ul li {
	font-size: 140%;
	padding: 0 0 6px;
	width: 130px;}
#topmenu ul li.tma {
	background: url(../images/list-tma.gif) no-repeat right 0.3em;}

.tm1 {
	padding-left: 16px !important;}
.tm2 {
	padding-left: 32px !important;}
.tm3 {
	padding-left: 48px !important;}
.tm4 {
	padding-left: 62px !important;}
.tm5 {
	padding-left: 76px !important;}


/* ----------------------------------*/


/* INDEX */

#rbott {
	background: #f2f6f7;
	padding: 30px 0 42px 0;
	margin: 0 50px;}

#rbott .ch {
	padding: 0 0 0 34px;}

#rbott h1 {
	font-size: 180%;
	color: #454545;
	padding: 0 0 22px 33px;}
#rbott h1 strong {
	text-transform: uppercase;
	color: #c92127;
	font-weight: normal;}

#rbott h2 {
	color: #454545;
	font-size: 170%;
	padding: 0 0 14px 1px;}

.bcont {
	border-left: 1px solid #d8d8da;
	padding: 0 34px 0 12px;
	padding-bottom: 1000em;
	margin-bottom: -1000em;
	font-size: 120%;
	line-height: 1.4;
	position: relative;}

.apromo, .acontext, .amedia {
	height: 34px;}
.apromo {
	background: url(../images/gpromo.png) no-repeat 0 0;}
.acontext {
	background: url(../images/gcontext.png) no-repeat 0 0;}
.amedia {
	background: url(../images/gmedia.png) no-repeat 0 0;}

.col3 {
	width: 33%;
	float: left;}

.mcont {
	position: relative;
	z-index: 1;
	width: 600px;
	margin: 0 auto;
	padding: 130px 0 0 88px;
	min-height: 480px;
	background: url(../images/str-big.jpg) no-repeat 0 0;}

.otd {
	padding: 0 0 16px 170px;}
.otd2 {
	padding: 0 0 16px 86px;}
.otd3 {
	padding: 0 0 16px 0;}

.mlist {
	margin: 0;
	padding: 0;
	list-style: none;}
.mlist li {
	font-size: 120%;
	padding: 3px 0;}

.tt2 {
	padding: 0 0 22px;
	font-size: 140%;}
.tt2 strong {
	color: #c82127;
	border-bottom: 1px solid #c82127;}
.tt2 strong a {
	text-decoration: none;
	color: #454545;}
.tt2 strong a:hover {
	text-decoration: none;
	color: #c82127;}

.mpd0 {
	padding-left: 0px !important;}
.mpd {
	padding-left: 95px !important;}
.mpd2 {
	padding-left:80px !important;}
.mpd3 {
	padding-left: 65px !important;}
.mpd4 {
	padding-left: 50px !important;}
.mpd5 {
	padding-left: 30px !important;}
.mpd6 {
	padding-left: 15px !important;}

.hpd {
	padding-left: 150px !important;}

.pdn {
	position: relative;
	float: left;
	z-index: 2;
	padding: 4px 0;}

.bmedia, .bdesign, .bsystems, .bmedia a, .bdesign a, .bsystems a {
	display: block;
	position: relative;
	width: 322px;
	height: 26px;
	overflow: hidden;
	background: url(../images/amover.png) no-repeat -30px 0;
	text-indent: 3000em;
	white-space: nowrap;
	margin: 0 0 8px 118px;
	z-index: 2;}
.bmedia a, .bdesign a, .bsystems a {
	background: none;
	margin: 0;}
.bdesign {
	background: url(../images/amover.png) no-repeat -30px -30px;}
.bsystems {
	background: url(../images/amover.png) no-repeat -30px -60px;}
.bmedia em, .bdesign em, .bsystems em {
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 2;
	display: none;
	width: 104px;
	height: 24px;
	overflow: hidden;
	background: url(../images/amover.png) no-repeat 0 -90px;}

.cleft {
	position: absolute;
	top: 185px;
	width: 30%;
	z-index: 3;}

.cabout, .cnews {
	position: relative;
	z-index: 4;
	float: left;
	clear: both;
	color: #444;
	font-size: 120%;
	padding: 0 0 4px 50px;}

.cnews {
	width: 40%;}

.cabout h2, .cnews h2 {
	font-size: 120%;
	font-weight: normal;
	padding: 0 0 6px;}

.cabout p, .cnews p {
	padding: 0 0 12px;}

.cright {
	position: absolute;
	top: 130px;
	left: 68%;
	width: 300px;
	z-index: 3;}

.cright .tt2 {
	padding-right: 40px !important;}

.crelax {
	padding: 0 0 35px 30px;}
.cdom {
	padding: 0 80px 28px 0;}
/*.cbis {
	padding: 0 120px 30px 0;}    */

.crelax a {
	display: block;
	width: 174px;
	height: 34px;
	margin: 0 0 0 auto;
	overflow: hidden;
	text-indent: 300em;
	white-space: nowrap;
	text-decoration: none;
	background: url(../images/projects.png) no-repeat 0 0;}

.cdom a {
	display: block;
	width: 150px;
	height: 50px;
	margin: 0 0 0 auto;
	overflow: hidden;
	text-indent: 300em;
	white-space: nowrap;
	text-decoration: none;
	background: url(../images/projects.png) no-repeat 0 -40px;}

/*.cbis a {   */
.cbis {
  	  padding: 0 120px 30px 0;
	display: block;
	width: 172px;
	height: 48px;
	margin: 0 0 0 auto;
	overflow: hidden;
	text-indent: 300em;
	white-space: nowrap;
	text-decoration: none;
	background: url(../images/projects2.png) no-repeat 0 -90px;}

.cbis a {
	background:transparent url(../images/projects2.png) no-repeat scroll 0 -90px;
	display:block;
	height:48px;
	margin:0 0 0 auto;
	overflow:hidden;
	padding:0 120px 30px 0;
	text-decoration:none;
	text-indent:300em;
	white-space:nowrap;
	width:112px;}

.clients, .clients a {
	position: absolute;
	left: 0;
	top: 0;
	width: 251px;
	height: 166px;
	overflow: hidden;
	text-indent: 3000em;
	white-space: nowrap;
	background: url(../images/clients.png) no-repeat 0 0;}
.clients {
	left: auto;
	top: 310px;
	right: 36%;}

/* ----------------------------------------------- */


/* CONTENT */

#content {
	margin: 0 15% 0 28%;}
#cdepartment {
	margin: 0 5% 0 25%;}
#content h1, #cdepartment h1 {
	font-size: 200%;
	font-weight: normal;
	padding: 6px 0 18px;}

.cols, .cols2 {
	float: left;
	width: 48%}
.cols2 {
	position: relative;
	right: -4%;}

.txt {
	font-size: 120%;
	line-height: 1.3;
	color: #373737;}
.txt p {
	padding: 0 0 1.2em;}
.txt h3 {
	font-size: 117%;
	color: #606060;
	font-weight: bold;
	padding: 0 0 4px;}
.txt h4 {
	font-size: 108%;
	color: #606060;
	font-weight: bold;
	padding: 0 0 1.2em;}
.txt ul {
	margin: 0;
	padding: 0;
	list-style: none;}
.txt ul li {
	padding: 0 0 1.2em;}

.txt ul.rlist {
	margin: 0 0 0 -14px;}
.txt ul.rlist li {
	padding-left: 14px;
	background: url(../images/red-list.gif) no-repeat 0 0.6em;}

.otp {
	padding: 0 0 0 6px;
	color: #606060;}

.pjt {
	padding: 4px 0 12px;}

.clinks a {
	margin: 0 16px 0 0;}

.news {
	font-size: 120%;
	padding: 0 0 1.2em;}
.news h4 {
	font-size: 100%;
	padding: 0 0 3px;}
.news .date {
	padding: 0;
	color: #b1b1b1;
	font-size: 92%;}

.pn {
	position: relative;
	margin: 0 13.5em 0 0;}

.prev, .next {
	font-size: 120%;
	white-space: nowrap;
	position: absolute;
	top: 4px;
	color: #2272bc;}
.prev em, .next em {
	font-size: 120%;
	font-style: normal;
	padding: 0 2px}
.prev {
	right: 100%;
	margin: 0 44px 0 0;}
.next {
	left: 100%;
	margin: 0 0 0 44px;}

.paging {
	padding: 0 0 12px;
	font-size: 150%;
	text-align: center;}
.paging a, .paging strong {
	margin: 0 4px;}
.paging strong {
	color: #606060;}

a.pstr, a.pstr:hover {
	text-decoration: none;
	font-size: 120%;}

.otdel li {
	position: relative;}

.otd-media, .otd-sys, .otd-design, .otd-dom, .otd-relax {
	display: none;
	width: 172px;
	height: 27px;
	position: absolute;
	left: -192px;
	top: 50%;
	margin: -18px 0 0;
	background: url(../images/otdels.png) no-repeat 0 0;}
.otd-sys {
	width: 189px;
	left: -205px;
	background: url(../images/otdels.png) no-repeat 0 -30px;}
.otd-design {
	width: 176px;
	left: -196px;
	background: url(../images/otdels.png) no-repeat 0 -60px;}
.otd-dom {
	width: 59px;
	height: 43px;
	left: -82px;
	margin: -30px 0 0;
	background: url(../images/otdels.png) no-repeat 0 -90px;}
.otd-relax {
	width: 100px;
	height: 41px;
	left: -120px;
	margin: -28px 0 0;
	background: url(../images/otdels.png) no-repeat 0 -140px;}

.otds-medis, .otds-sys, .otds-design, .otds-relax, .otds-dom, .otds-napishem {
	width: 117px;
	height: 17px;
	margin: 8px 0;
	background: url(../images/otdels-sm.png) no-repeat 0 0;}
.otds-design {
	width: 120px;
	background: url(../images/otdels-sm.png) no-repeat 0 -20px;}
.otds-sys {
	width: 130px;
	background: url(../images/otdels-sm.png) no-repeat 0 -40px;}
.otds-relax {
	width: 124px;
	height: 41px;
	background: url(../images/otdels-sm.png) no-repeat 0 -60px;}
.otds-dom {
	width: 62px;
	height: 43px;
	background: url(../images/otdels-sm.png) no-repeat 0 -110px;}
.otds-napishem {
	width: 118px;
	height: 45px;
	margin: 8px 0 0;
	background: url(../images/otdels-sm2.png) no-repeat 0 -167px;}
.otds-medis a, .otds-sys a, .otds-design a, .otds-relax a, .otds-dom a, .otds-napishem a {
	display: block;
	height: 17px;}
.otds-relax a {
 	height: 41px;}
.otds-dom a {
	height: 43px;}
.otds-napishem a {
	height: 54px;}


/* ------------------------------------------------ */


/* OTHER CLASSES */

.reds {
	color: #c92127;}

.black {
	color: #000;}

.cdef {
	color: #606060;}

.ch {
	overflow: hidden;}

.dnone {
	display: none;}

.dblock {
	display: block;}

.fw {
	float: left;
	width: 100%;}

.fleft {
	float: left;}

.fright {
	float: right;}

.ta-r {
	text-align: right;}

.ta-l {
	text-align: left;}

.ta-c {
	text-align: center;}

.tb {
	width: 100%;
	border-collapse: collapse;}

.tb2 {
	width: auto;
	border-collapse: collapse;}

.f1 {
	font-size: 110%;}

.f2 {
	font-size: 120%;}

.f3 {
	font-size: 130%;}

.f4 {
	font-size: 140%;}

.f6 {
	font-size: 160%;}

.rell {
	position: relative;}

.pd0 {
	padding: 0;}

.clr {
	width: 100%;
	font-size: 0px;}
.clr:after {
	content: ".";
	display: block;
	font-size: 1px;
	height: 0;
	clear: both;
	visibility: hidden;}
.clr {
	display: inline-block;}
/* Hide from IE Mac \*/
.clr {
	display: block;}
/* End hide from IE Mac */

/* ------------------------- */