@charset "windows-1251";



#index {
	padding-top: 700px
}



#index .services,

#index .news,

#index .studio,

#index .block,

#content div.text {
	background-image: url(../images/dot.png);
}



#index .services {
	width: 467px;
	height: 134px;
	position: absolute;
	top: 344px;
	padding: 15px 0 15px 33px;
	left: 50px;
}

   #index .services li {text-transform: lowercase; text-align: center; float: left; padding-bottom: 4px !important}

   #index .services .site {
	padding: 0 5px 0 12px;
	background-color: #F00;
}

   #index .services .site a {color: #fff; font-size: 20px}

   #index .services .portal {width: 100px}

   #index .services .portal a {color: #000; font-size: 20px}

   #index .services .adv {width: 190px; text-align: left; clear: left; margin-top: 9px; padding-right: 18px}

   #index .services .adv a {color: #363636; font-size: 19px}

   #index .services .promo {background: #00a2ba; margin-top: 8px; padding: 0 5px}

   #index .services .promo a {color: #99f2ff; font-size: 20px}

   #index .services .model {margin-top: 1px; padding: 0 63px 0 30px}

   #index .services .model a {color: #555; font-size: 15px}

   #index .services .cms {margin-top: 8px}

   #index .services .cms a {color: #1f1f1f; font-size: 17px; text-transform: none}

   #index .services .brand {margin-top: 3px; padding: 0 25px 0 5px}

   #index .services .brand a {color: #363636; font-size: 17px}

   #index .services .download {background: url("/images/icon_download2.png") no-repeat; font-size: 14px; text-transform: none; white-space: nowrap; margin-top: 0px; margin-left: 0; padding-left: 40px; padding-top: 6px; padding-bottom: 10px !important}

   #index .services .download a {color: #000}



#index .news {
	width: 310px;
	position: absolute;
	top: 344px;
	left: 573px;
	padding: 15px 30px
}

   #index .news p.title {color: #007b99; font-size: 18px; margin-bottom: 15px}

   #index .news p.item {border-bottom: 1px #bdbdbd solid; display: block; font-size: 12px; color: #00404a; margin-bottom: 10px; padding-bottom: 10px}

   #index .news p.item.last {border: none; margin: 0}

   #index .news p.item b {color: #003840; font-weight: normal; display: block}

   #index .news p.item a {color: #006f7f}

   #index .news p.item img {float: left; margin: 0 10px 10px 0;}



#index .studio {
	width: 440px;
	position: absolute;
	top: 522px;
	padding: 15px 30px;
	left: 50px;
}

   #index .studio h1 {color: #007b99; font-weight: normal; font-size: 28px; margin: 0 0 10px}

   #index .studio h2 {color: #007b99; font-weight: normal; font-size: 26px; margin: 0 0 10px}

   #index .studio h3 {color: #007b99; font-weight: normal; font-size: 24px; margin: 0 0 10px}

   #index .studio h4 {color: #007b99; font-weight: normal; font-size: 22px; margin: 0 0 10px}

   #index .studio h5 {color: #007b99; font-weight: normal; font-size: 20px; margin: 0 0 10px}

   #index .studio h6 {color: #007b99; font-weight: normal; font-size: 18px; margin: 0 0 5px}

   #index .studio p {font-size: 12px; color: #003840; margin: 0 0 5px}

   #index .studio span {display: block; padding-bottom: 10px}

#index .studio2 {
	width: 444px;
	position: absolute;
	top: 344px;
	padding: 15px 30px;
	left: 46px;
}
   #index .studio2 h1 {color: #007b99; font-weight: normal; font-size: 28px; margin: 0 0 10px}

   #index .studio2 h2 {color: #007b99; font-weight: normal; font-size: 26px; margin: 0 0 10px}

   #index .studio2 h3 {color: #007b99; font-weight: normal; font-size: 24px; margin: 0 0 10px}

   #index .studio2 h4 {color: #007b99; font-weight: normal; font-size: 22px; margin: 0 0 10px}

   #index .studio2 h5 {color: #007b99; font-weight: normal; font-size: 20px; margin: 0 0 10px}

   #index .studio2 h6 {color: #007b99; font-weight: normal; font-size: 18px; margin: 0 0 5px}

   #index .studio2 p {font-size: 12px; color: #003840; margin: 0 0 5px}

   #index .studio2 span {display: block; padding-bottom: 10px}
#index .years {}

   #index .years a.y_2009, #index .years a.y_2008, #index .years a.y_2007 {color: #004c57; font-size: 25px; text-transform: lowercase; position: absolute}

      #index .years a.y_2009 {top: 545px; left: 647px}

      #index .years a.y_2008 {top: 774px; left: 193px}

      #index .years a.y_2007 {top: 1116px; left: 242px}

   #index .years div {width: 191px; overflow: hidden; position: absolute}

      #index .years div.y_2009 {height: 121px; top: 417px; left: 664px}

      #index .years div.y_2008 {height: 225px; top: 535px; left: 169px}

      #index .years div.y_2007 {height: 204px; top: 910px; left: 282px}

   #index .years a.pic_2009_1, #index .years a.pic_2009_2, #index .years a.pic_2009_3,

   #index .years a.pic_2008_1, #index .years a.pic_2008_2,

   #index .years a.pic_2007_1, #index .years a.pic_2007_2 {overflow: hidden; display: block; position: absolute}

      #index .years a.pic_2009_1 {background: url("/images/2009_1.png"); width: 4px; height: 6px; top: 503px; left: 664px}

      #index .years a.pic_2009_2 {background: url("/images/2009_2.png") no-repeat; width: 50px; height: 35px; top: 503px; left: 766px}

      #index .years a.pic_2009_3 {background: url("/images/2009_3.png"); width: 27px; height: 61px; top: 493px; left: 828px}

      #index .years a.pic_2008_1 {background: url("/images/2008_1.png"); width: 64px; height: 60px; top: 585px; left: 169px}

      #index .years a.pic_2008_2 {background: url("/images/2008_2.png"); width: 33px; height: 114px; top: 645px; left: 169px}

      #index .years a.pic_2007_1 {background: url("/images/2007_1.png"); width: 22px; height: 48px; top: 1066px; left: 282px}

      #index .years a.pic_2007_2 {background: url("/images/2007_2.png"); width: 50px; height: 71px; top: 1044px; left: 423px}



#index address {
	color: #fff;
	width: 200px;
	font-size: 22px;
	font-style: normal;
	line-height: 22px;
	display: block;
	position: absolute;
	top: 649px;
	left: 715px;
	padding-bottom: 10px
}

   #index address span {color: #232323; font-size: 20px; text-transform: lowercase; display: block}

   #index address b {color: #d32195; font-weight: normal}



#index .blocks {background: url("/images/blocks.png"); margin-bottom: 11px}

   #index .blocks div {width: 231px; font-size: 11px; float: left; padding: 15px 30px 30px 30px}

   #index .blocks .center {padding-left: 40px; padding-right: 40px}

   #index .blocks h1 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .blocks h2 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .blocks h3 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .blocks h4 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .blocks h5 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .blocks h6 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .blocks p {color: #00404a; font-size: 12px; margin-bottom: 15px}

   #index .blocks s {height: 1px; overflow: hidden; clear: both; display: block;}



#index .block {font-size: 11px; padding: 15px 30px 30px 30px;}

   #index .block h1 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .block h2 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .block h3 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .block h4 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .block h5 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .block h6 {color: #00404a; font-size: 22px; margin: 15px 0 5px}

   #index .block p {color: #00404a; font-size: 12px; margin-bottom: 15px}



   #index .block img {float: left; margin: 0 15px 10px 0;}

   #index .block .pngFrame {float: left; margin: 0 15px 10px 0;}



#content {padding-top: 261px}

   #content div.text {padding: 20px 30px 15px 30px}

   #content p {margin-bottom: 20px}





#content div.text {}

#content div.text h1 {color: #007b99; font-size: 28px; font-weight: normal; margin: 0 0 25px 0;}

#content div.text h2 {color: #007b99; font-size: 26px; font-weight: normal; margin: 20px 0 10px 0;}

#content div.text h3 {color: #007b99; font-size: 24px; font-weight: normal; margin: 20px 0 10px 0;}

#content div.text h4 {color: #007b99; font-size: 22px; font-weight: normal; margin: 20px 0 10px 0;}

#content div.text h5 {color: #007b99; font-size: 20px; font-weight: normal; margin: 20px 0 10px 0;}

#content div.text h6 {color: #007b99; font-size: 18px; font-weight: normal; margin: 20px 0 10px 0;}

#content div.text #bread {margin: -20px 0 25px; font-size: 12px;}

#content div.text #bread a {color: #006f7f;}

#content div.text #bread {}

#content div.text {}

#content div.text {}


/* prices */

#content #prices {
	position: relative;
	height: 38px;
	margin-left: -18px;
	margin-right: -5px;
	_margin-left: -12px;
}

#content #prices li {
	float: left;
	width: 91px;
	height: 104px;
	overflow: hidden;
	margin-left: 16px;
	_margin-left: 12px;
	text-align: center;
	font-height: 104px;
	line-height: 104px;
	_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/frame-price.png"); 	cursor: pointer;
	cursor: hand;
}

#content #prices li.sel {
	_background: none;

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/frame-price-sel.png");			background-image: url(../images/frame-price-sel.jpg);
}

#content #prices #price1 img {margin-top: 25px; margin-left: 5px;}

#content #prices #price2 img {margin-top: 10px;}

#content #prices #price3 img {margin-top: 24px;}

#content #prices #price4 img {margin-top: 18px;}

#content #prices #price5 img {margin-top: 16px;}

#content #prices #price6 img {margin-top: 12px;}

#content #prices #price7 img {margin-top: 10px;}

#content #prices #price8 img {margin-top: 25px;}





#content .priceTab {clear: both; display: none; padding: 15px 30px 5px; background: white;}

#content .priceTab h2 {margin: 0 0 10px !important; font-size: 24px !important; color: #d32195 !important;}

#content .priceTab .price {margin: 0 0 10px !important; font-weight: bold;}

#content .priceTab .price img {margin-left: 2px; vertical-align: baseline;}

#content .priceTab.sel {display: block;}




/* portfolio navigation */

#content div.text #portMenu {
	position: relative;
	height: 30px;
}

#content div.text #portMenu li {position: absolute;}

#content div.text #portMenu li a {font-size: 24px; text-decoration: none;}

#content div.text #portMenu li a b {font-weight: normal; text-decoration: underline; color: #007b99;}

#content div.text #portMenu li a span {display: block;}

#content div.text #portMenu li a img {text-decoration: none;}

#content div.text #portSites {
	left: 3px;
	top: 20px;
	width: 200px;
	text-align: center;
}

#content div.text #portSites img {margin-left: -5px; margin-bottom: -15px;}

#content div.text #portSites .pngFrame {margin-left: -5px; margin-bottom: -35px;}



#content div.text #portStyles {
	left: 184px;
	top: 23px;
	width: 200px;
	text-align: center;
}

#content div.text #portStyles img {margin-left: -2px; margin-bottom: -9px;}

#content div.text #portStyles .pngFrame {margin-left: -2px; margin-bottom: -29px;}



#content div.text #portPort {
	left: 388px;
	top: 23px;
	width: 200px;
	text-align: center;
}

#content div.text #portPort img {margin-left: -20px; margin-bottom: -22px;}

#content div.text #portPort .pngFrame {margin-left: -20px; margin-bottom: -42px;}



#content div.text #port3d {
	left: 596px;
	top: 22px;
	width: 200px;
	text-align: center;
}

#content div.text #port3d img {margin-bottom: 7px;}

#content div.text #port3d .pngFrame {margin-bottom: -13px;}







/* contacts */

#content .contacts .print {float: right; margin: 8px 50px 0 0;}

#content .contacts .google {float: right; margin: 8px 25px 0 0;}



#content .contacts form {
	width: 340px;
	background: #cef9ff;
	border: 1px solid #7ee7f4;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
}

#content .contacts form .txt {display: block; width: 346px; margin: 2px 0 0 0; padding: 2px; font-size: 13px; border: 1px solid #bedbdf;}

#content .contacts form textarea {display: block; width: 346px; height: 96px; margin: 2px 0 0 0; padding: 2px; font-size: 13px; border: 1px solid #bedbdf;}

#content .contacts form p {margin: 0 0 10px; font-size: 12px; color: #4fa0aa;}

#content .contacts form h2 {margin: 0 0 10px; font-size: 20px; color: #018fa7;}



#content .contacts #schemeMap {width: 397px; height: 504px; border: 1px solid #7ee7f4;}

#content .contacts #googleMap {display: none; width: 397px; height: 504px; border: 1px solid #7ee7f4;}

#content .contacts .mapFrame {
	width: 450px;
	height: 368px;
	border: 12px solid #cef9ff;
}



#content .clear {clear: both;}





/* portfolio */

#content .portfolio {}

#content .portfolio .year {
	clear: both;
	font-size: 18px;
	font-weight: normal;
	color: #02b2dd;
}

#content .portfolio .item {clear: both; }

#content .portfolio .item img {float: left; margin: 0 28px 37px 0; border: 15px solid white;}

#content .portfolio .item h2 {margin: 0; font-size: 18px; color: black;}

#content .portfolio .item h2 a {color: black;}

#content .portfolio .item .link {margin: 0 0 4px; font-size: 18px;}

#content .portfolio .item .link a {font-size: 18px; color: #007b99;}

#content .portfolio .item {}

#content .portfolio .item {}

#content .portfolio {}







#content table.contacts {width: 100%; border: none; border-collapse: collapse;}

#content table.contacts td {padding: 0; text-align: left; vertical-align: top;}

#content table.contacts .left {width: 400px;}

#content table.contacts .right h1 {margin-left: 12px; font-size: 24px;}

#content table.contacts {}

#content table.contacts {}

#content table.contacts {}





#content .contacts .address {margin: 0 0 25px 0; font-size: 28px; line-height: 25px; color: #1e606a;}

#content .contacts .address b {font-weight: normal; color: #018fa7;}

#content .contacts .address {}

#content .contacts .address {}

#content .contacts {}

#content .contacts {}

#content .contacts {}

#content .contacts {}



/* portfolio inner */

#content .portDesc {margin: 0 0 5px; font-size: 13px;}

#content .portDesc big {vertical-align: 0; font: 18px "Arial"; color: #007b99;}

#content .portScreen {margin: 20px 0 10px;}





/* clients */

#content .clientsList {}

#content .clientsList .item {clear: both;}

#content .clientsList .item span.logo {float: left; width: 150px; margin: 2px 20px 20px 0; padding: 10px 0; overflow: hidden; text-align: center; background: white;}

#content .clientsList .item strong {display: block; margin-bottom: 2px; font: normal 18px "Arial"; color: #007b99;}



/* partners */

#content .partnersList {}

#content .partnersList .item {clear: both;}

#content .partnersList .item span.logo {float: left; width: 200px; margin: 2px 20px 20px 0; padding: 10px 0; overflow: hidden; text-align: center; background: white;}

#content .partnersList .item strong {display: block; margin-bottom: 2px; font: normal 18px "Arial"; color: #007b99;}

#content .partnersList .item strong.color1 {color: #007b99;}

#content .partnersList .item strong.color2 {color: #de1306;}

#content .partnersList .item strong.color3 {color: #000000;}

#content .partnersList .item strong.color4 {color: #2246ff;}

#content .partnersList .item strong.color5 {color: #064527;}

#content .partnersList .item strong.color6 {color: #000000;}

#content .partnersList .item strong.color6 span {color: #ff0000;}





/* news */

#content .navigate {margin: -5px 0 25px -15px; font-size: 14px;}

#content .navigate a {margin: 0 5px 0 13px; padding: 2px; }

#content .navigate span {margin: 0 5px 0 13px; padding: 2px; color: white; background: #007b99;}





#content .list p.item {font-size: 12px; color: #00404a; margin-bottom: 20px;}

#content .list p.item.last {border: none; margin: 0}

#content .list p.item b {color: #003840; font-weight: normal; display: block}

#content .list p.item a {color: #006f7f}





/* OPERA */

@media all and (min-width: 0) {

   #page {width: 893px !important}

}