/* Oliwa-pro 2012 CSS. All right reserved */

body {behavior:url("csshover3.htc");}

.link
{border-width:1px;
 border-style:solid;
 border-color:grey;}

.link:hover
{border-width:1px;
 border-style:solid;
 border-color:yellow;}
  
div#fancy_outer, div#fancy_overlay
{z-index:99999 !important;}

div#fancy_outer
{/width:785px !important;
 /height:750px !important;}

#menu1 {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	z-index:999;
}
#menu1 span {
	display: none;
	position: absolute;
}
#menu1 a {
	font-family:verdana;
	align:center;
	text-decoration:none;
	font-size:17px;
	display: block;
	text-indent:0%;
	position: absolute;
	outline: none;
	}
#menu1 a:hover {
	background-position: left bottom;
        color:white;
}
#menu1 a:hover span{
	display: block;
}

#menu3 {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	z-index:99;
}
#menu3 span {
	display: none;
	position: absolute;
}
#menu3 a {
	font-family:verdana;
	align:center;
	text-decoration:none;
	font-size:17px;
	display: block;
	text-indent:0%;
	position: absolute;
	outline: none;
	color:transparent;
	}
#menu3 a:hover {
	background-position: left bottom;
        color:#0191B5;
}
#menu3 a:hover span{
	display: block;
}

#menu1 .key {
	width: 139px;
	height: 78px;
	background: url(images/key.jpg) no-repeat;
	left: 8px;
    top: 30px;
    line-height:38px;
    padding-left:10px;}

#menu1 .but1 {
	width: 141px;
	height: 38px;
	background: url(images/but1.jpg) no-repeat;
	left: 136px;
    top: 53px;
    line-height:38px;
    text-indent:60px;}
		
#menu1 .but2 {
	width: 159px;
	height: 38px;
	background: url(images/but2.jpg) no-repeat;
	left: 280px;
    top: 53px;
    line-height:38px;
    padding-left:22px;}

#menu1 .but3 {
	width: 125px;
	height: 38px;
	background: url(images/but3.jpg) no-repeat;
	left: 442px;
    top: 53px;
    line-height:38px;
    padding-left:20px;}

#menu1 .but4 {
	width: 172px;
	height: 38px;
	background: url(images/but4.jpg) no-repeat;
	left: 570px;
    top: 53px;
    line-height:38px;
    padding-left:17px;}

#menu1 .but5 {
	width: 313px;
	height: 120px;
	background: url(images/logo.jpg) no-repeat;
	left: 53px;
        top: -53px;
        /top: -217px;}
		
#menu1 .flag {
	width: 50px;
	height: 15px;
	background: url(/ENG.jpg) no-repeat;
	left: 675px;
    top: -780px;
    line-height:15px;
    padding-left:35px;
    color:#333 !important;
    font-size:12px}
	
#menu1 .flag2 {
	width: 50px;
	height: 15px;
	background:url(/ENG.jpg) no-repeat;
	left: 645px;
    top: -243px;
    line-height:15px;
    padding-left:35px;
    color:#333 !important;
    font-size:12px}
	
#menu1 .flag:hover, #menu1 .flag2:hover
{text-decoration:underline}

#menu1 .but_menu1 {
	width: 311px;
	height: 84px;
	background: url(images/top.gif) no-repeat;
	left: 55px;
    top: 369px;}
		
#menu1 .but_services {
	width: 219px;
	height: 175px;
	background: url(/img/service_but.png) no-repeat;
	color:white !important;
        line-height:83px;
	padding-left:62px;
	font-weight:bold;
        font-size:15px;
	cursor:pointer;
	left: 425px;
        top: 156px;
        z-index:10;}
	
#menu1 .but_license {
	width: 124px;
	height: 176px;
	background: url(/images/license.png) no-repeat;
	cursor:pointer;
	left: 650px;
    top: 145px;}
	
#menu1 .facebook {
	width: 34px;
	height: 34px;
	background: url(/social/facebook.png) no-repeat;
	cursor:pointer;
	left: 70px;
        top: 275px;}
#menu1 .twitter {
	width: 34px;
	height: 34px;
	background: url(/social/twitter.png) no-repeat;
	cursor:pointer;
	left: 108px;
        top: 275px;}
#menu1 .vkontakte {
	width: 34px;
	height: 34px;
	background: url(/social/vkontakte.png) no-repeat;
	cursor:pointer;
	left: 146px;
        top: 275px;}

a.but_services:hover
{text-decoration:underline !important;}
		
#menu1 .but_menu1 span {
	width: 260px;
	height: 210px;
	background: url(images/vidacha.png) no-repeat;
	left: 325px;
	top: -60px;}

#menu1 .but_menu2 {
	width: 297px;
	height: 83px;
	background: url(images/create_site.jpg) no-repeat;
	left: 687px;
    top: 507px;}

#menu1 .but_menu2 span {
	width: 302px;
	height: 207px;
	background: url(images/create.png) no-repeat;
	left: -310px;
	top: -203px;}

#menu1 .but_menu3d {
	width: 225px;
	height: 98px;
	background: url(/images/3D_but.jpg) no-repeat;
	left: 832px;
    top: 645px;}

#menu1 .but_menu3d span {
	width: 260px;
	height: 210px;
	background: url(/images/3d_span.png) no-repeat;
	left: -450px;
	top: -337px;}

#menu1 .but_menu3 {
	width: 92px;
	height: 97px;
	background: url(images/podrobnee1.jpg) no-repeat;
	left: 56px;
    top: 588px;}

#menu1 .but_menu4 {
	width: 111px;
	height: 28px;
	background: url(images/podrobnee2.jpg) no-repeat;
	left: 862px;
    top: 599px;}

#menu1 .but1-site {
	width: 141px;
	height: 38px;
	background: url(images/but1.jpg) no-repeat;
	left: 136px;
        top: -339px;
        line-height:38px;
        text-indent:60px;}

#menu1 .but2-site {
	width: 159px;
	height: 38px;
	background: url(images/but2.jpg) no-repeat;
	left: 280px;
        top: -339px;
        line-height:38px;
        padding-left:22px;}

#menu1 .but3-site {
	width: 125px;
	height: 38px;
	background: url(images/but3.jpg) no-repeat;
	left: 442px;
        top: -339px;
        line-height:38px;
        padding-left:20px;}

#menu1 .but4-site {
	width: 172px;
	height: 38px;
	background: url(images/but4.jpg) no-repeat;
	left: 570px;
        top: -339px;
        line-height:38px;
        padding-left:17px;}

#menu1 .but5-site {
	width: 313px;
	height: 120px;
	background: url(images/oliwalogo.png) no-repeat;
	left: 53px;
        top: -143px;}
		
#menu1 .but1-site_in {
	width: 141px;
	height: 38px;
	background: url(images/but1.jpg) no-repeat;
	left: 136px;
        top: -208px;
        line-height:38px;
        text-indent:60px;}

#menu1 .but2-site_in {
	width: 159px;
	height: 38px;
	background: url(images/but2.jpg) no-repeat;
	left: 280px;
        top: -208px;
        line-height:38px;
        padding-left:22px;}

#menu1 .but3-site_in {
	width: 125px;
	height: 38px;
	background: url(images/but3.jpg) no-repeat;
	left: 442px;
        top: -208px;
        line-height:38px;
        padding-left:20px;}

#menu1 .but4-site_in {
	width: 172px;
	height: 38px;
	background: url(images/but4.jpg) no-repeat;
	left: 570px;
        top: -208px;
        line-height:38px;
        padding-left:17px;}

#menu1 .but_send {
	width: 313px;
	height: 120px;
	background: url(images/send.jpg) no-repeat;
	left: 107px;
    /left:-450px;
    top: 142px;
    /top:72px;}
		
#menu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	z-index:998;
}
#menu2 span {
	display: none;
	position: absolute;
}
#menu2 a {
	font-family:verdana;
	align:center;
	text-decoration:none;
	font-size:17px;
	display: block;
	text-indent:0%;
	position: absolute;
	outline: none;
	}
#menu2 a:hover {
	background-position: left bottom;
        color:white;
}
#menu2 a:hover span{
	display: block;
}

#menu2 .right_create {
	width: 142px;
	height: 47px;
	background: url(/innova/right_nav/create.png) no-repeat;
	left: 738px;
        top: 0px;}

#menu2 .right_seo {
	width: 183px;
	height: 47px;
	background: url(/innova/right_nav/seo.png) no-repeat;
	left: 740px;
        top: 70px;}

#menu2 .right_time {
	width: 113px;
	height: 47px;
	background: url(/innova/right_nav/time.png) no-repeat;
	left: 745px;
        top: 140px;}

#menu2 .right_service {
	width: 138px;
	height: 47px;
	background: url(/innova/right_nav/service.png) no-repeat;
	left: 750px;
        top: 210px;}

#menu2 .right_audit {
	width: 116px;
	height: 47px;
	background: url(/innova/right_nav/audit.png) no-repeat;
	left: 753px;
        top: 280px;}

#menu2 .right_target {
	width: 123px;
	height: 47px;
	background: url(/innova/right_nav/target.png) no-repeat;
	left: 762px;
        top: 350px;}
				
/* isklucheniya */

#menu2 .right_create_mod {
	width: 142px;
	height: 47px;
	background: url(/innova/right_nav/create.png) no-repeat;
	left: 745px;
        top: 0px;}

#menu2 .right_seo_mod {
	width: 183px;
	height: 47px;
	background: url(/innova/right_nav/seo.png) no-repeat;
	left: 747px;
        top: 70px;}

#menu2 .right_time_mod {
	width: 113px;
	height: 47px;
	background: url(/innova/right_nav/time.png) no-repeat;
	left: 752px;
        top: 140px;}

#menu2 .right_service_mod {
	width: 138px;
	height: 47px;
	background: url(/innova/right_nav/service.png) no-repeat;
	left: 755px;
        top: 210px;}

#menu2 .right_audit_mod {
	width: 116px;
	height: 47px;
	background: url(/innova/right_nav/audit.png) no-repeat;
	left: 760px;
        top: 280px;}

#menu2 .right_target_mod{
	width: 123px;
	height: 47px;
	background: url(/innova/right_nav/target.png) no-repeat;
	left: 769px;
        top: 350px;}
				
/* Isklucheniya */
		
div.innova 
{width:296px;
 height:180px;
 float:left;}

div.innova:hover
{background:url(/innova/strelka.gif);
 background-repeat:no-repeat;}

#right_nav {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
#right_nav span {
	display: none;
	position: absolute;
}
#right_nav a {
	font-family:verdana;
	align:center;
	text-decoration:none;
	font-size:17px;
	display: block;
	text-indent:0%;
	position: absolute;
	outline: none;
	}
#right_nav a:hover {
	background-position: left bottom;
        color:white;
}
#right_nav a:hover span{
	display: block;
}
#right_nav .xeon {
	width: 184px;
	height: 77px;
	background: url(innova/xeon.jpg) no-repeat;
	left: 100px;
        top: -26px;}
#right_nav .seo {
	width: 185px;
	height: 73px;
	background: url(innova/seo.jpg) no-repeat;
	left: 105px;
        top: 50px;}
#right_nav .code {
	width: 179px;
	height: 82px;
	background: url(innova/code.jpg) no-repeat;
	left: 78px;
        top: 123px;}
#right_nav .render {
	width: 296px;
	height: 170px;
	background: url(innova/3drender.jpg) no-repeat;
	left: 0px;
        top: 0px;}
#right_nav .cabinet {
	width: 296px;
	height: 124px;
	background: url(innova/cabinet.jpg) no-repeat;
	left: 0px;
        top: 170px;}
#right_nav .docs {
	width: 296px;
	height: 146px;
	background: url(innova/docs.jpg) no-repeat;
	left: 0px;
        top: 294px;}
#right_nav .cert {
	width: 296px;
	height: 210px;
	background: url(innova/cert.jpg) no-repeat;
	left: 0px;
    top: 453px;}
		
img.right_nav
{float:left;
 padding-right:50px;}
 
div.right_nav
{margin-top:70px;
 width:271px;
 /width:326px;
 height:272px;
 background:url(/innova/right_nav.png);
 padding-left:55px;
 line-height:30px;
 /line-height:23px;}
 
p.right_nav
{line-height:25px;
 /line-height:22px;
 padding:20px 0px 0px 0px;
 margin:0px;}
 
p.right_nav a, p.right_nav_1 a, p.right_nav_2 a
{color:#0088aa;
 font-size:18px;}
 
p.right_nav_1
{line-height:25px;
 /line-height:22px;}

ul.host li
{padding-bottom:15px;}

div.kaleidoscope_main
{z-index:1;
 position:absolute;
 top:513px;
 margin-left:138px;
 background:url(/innova/kaleidoscope.jpg) no-repeat;
 width:503px;
 height:170px}

div.kaleidoscope_news
{text-align:right;
 font-family:verdana;
 color:#0088aa;
 margin-top:10px;
 margin-right:5px;
 font-size:17px;}

ul.koleidoscope_ul
{list-style-type:none;
 margin-top:7px;
 /margin-top:6px}

ul.koleidoscope_ul li
{padding-top:4px;
 padding-bottom:5px;
 /padding-top:2px;
 /padding-bottom:3px}

ul.koleidoscope_ul a.innovations
{color:#187a92;background:url(/innova/inovations_ico.jpg) right no-repeat;padding-right:20px}

ul.koleidoscope_ul a.analitic
{color:#c1690b;background:url(/innova/analitics_ico.jpg) right no-repeat;padding-right:20px}

ul.koleidoscope_ul a.sobitia
{color:#018128;background:url(/innova/sobitiya_ico.jpg) right no-repeat;padding-right:20px}

#kaleidoscope {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
    /position:absolute;}
	
#kaleidoscope span {
	display: none;
	position: absolute;}
	
#kaleidoscope a {
	font-family:verdana;
	align:center;
	text-decoration:none;
	font-size:17px;
	display: block;
	text-indent:0%;
	position: absolute;
	outline: none;}
	
#kaleidoscope a:hover {
	background-position: left bottom;
        color:white;}
		
#kaleidoscope a:hover span{
	display: block;}


#kaleidoscope .analitic {
	width: 74px;
	height: 81px;
	background: url(/innova/kaleidoscope_analitic.jpg) no-repeat;
	left: 89px;
    top: 88px;}

#kaleidoscope .analitic span {
	width: 103px;
	height: 19px;
	background: url(/innova/kaleidoscope_analitic_text.jpg) no-repeat;
	left: 50px;
	top: -80px;}

#kaleidoscope .prodvijenie {
	width: 79px;
	height: 75px;
	background: url(/innova/kaleidoscope_prodvgenie.jpg) no-repeat;	
    left: 37px;
    top: 72px;}

#kaleidoscope .prodvijenie span {
	width: 131px;
	height: 23px;
	background: url(/innova/kaleidoscope_prodvgenie_text.jpg) no-repeat;
	left: 102px;
	top: -64px;}

#kaleidoscope .hosting {
	width: 77px;
	height: 43px;
	background: url(/innova/kaleidoscope_hosting.jpg) no-repeat;	
    left: 15px;
    top: 46px;}

#kaleidoscope .hosting span {
	width: 79px;
	height: 19px;
	background: url(/innova/kaleidoscope_hosting_text.jpg) no-repeat;
	left: 124px;
	top: -38px;}

#kaleidoscope .services {
	width: 94px;
	height: 63px;
	background: url(/innova/kaleidoscope_services.jpg) no-repeat;	
    left: 7px;
    top: -4px;}

#kaleidoscope .services span {
	width: 85px;
	height: 23px;
	background: url(/innova/kaleidoscope_services_text.jpg) no-repeat;
	left: 132px;
	top: 12px;}

#kaleidoscope .klients {
	width: 72px;
	height: 62px;
	background: url(/innova/kaleidoscope_klients.jpg) no-repeat;	
    left: 78px;
    top: 4px;}

#kaleidoscope .klients span {
	width: 107px;
	height: 21px;
	background: url(/innova/kaleidoscope_klients_text.jpg) no-repeat;
	left: 61px;
	top: 4px;}

#kaleidoscope .meropriatia {
	width: 89px;
	height: 77px;
	background: url(/innova/kaleidoscope_meropriatia.jpg) no-repeat;	
        left: 138px;
        top: 36px;}

#kaleidoscope .meropriatia span {
	width: 128px;
	height: 23px;
	background: url(/innova/kaleidoscope_meropriatia_text.jpg) no-repeat;
	left: 1px;
	top: -28px;}

#kaleidoscope .sozdanie {
	width: 92px;
	height: 62px;
	background: url(/innova/kaleidoscope_sozdanie.jpg) no-repeat;	
        left: 139px;
        top: 90px;}

#kaleidoscope .sozdanie span {
	width: 163px;
	height: 22px;
	background: url(/innova/kaleidoscope_sozdanie_text.jpg) no-repeat;
	left: -1px;
	top: -83px;}
	
/* New portfolio */
#menu3 .metallux {
    width: 807px;
	height: 365px;
	background: url(/images/portfolio/metallux.jpg) no-repeat;
	left: -23px;
    top: 0px;}    
#menu3 .metallux span, #menu3 .sodalis span, #menu3 .profi span, #menu3 .montaj span, #menu3 .butik span, #menu3 .viparenda span, #menu3 .eurobt span, #menu3 .sea-f span, 
#menu3 .gzc span, #menu3 .lorelei2 span, #menu3 .svarkatek span, #menu3 .okna span, #menu3 .svet3 span, #menu3 .rody span, #menu3 .trast span, #menu3 .eica span, #menu3 .artcafe span,
#menu3 .artcafe span, #menu3 .sushimarketi span, #menu3 .lorelei span, #menu3 .ualex span {
    width: 306px;
	height: 314px;
	background: url(/images/portfolio/fon.png) no-repeat;
	left: 25px;
	top: 30px;
    display:block;}  
#menu3 .sodalis {
    width: 845px;
    height: 361px;
	background: url(/images/portfolio/sodalis.jpg) no-repeat;
	left: -23px;
    top: 365px;}
#menu3 .profi {
    width: 873px;
    height: 361px;
    background: url(/images/portfolio/profi.png) no-repeat;
	left: -23px;
    top: 726px;}
#menu3 .montaj {
    width: 914px;
    height: 361px;
    background: url(/images/portfolio/montaj.jpg) no-repeat;
    left: -23px;
    top: 1087px;}
#menu3 .butik {
    width: 948px;
    height: 366px;
    background: url(/images/portfolio/butik.jpg) no-repeat;
    left: -23px;
    top: 1448px;}
#menu3 .viparenda {
    width: 807px;
    height: 365px;
	background: url(/images/portfolio/2/viparenda.jpg) no-repeat;
	left: -23px;
    top: 0px;}
#menu3 .eurobt {
    width: 845px;
    height: 361px;
	background: url(/images/portfolio/2/eurobt.jpg) no-repeat;
	left: -23px;
    top: 365px;}
#menu3 .sea-f {
    width: 873px;
    height: 361px;
    background: url(/images/portfolio/2/sea-f.png) no-repeat;
	left: -23px;
    top: 726px;}
#menu3 .gzc {
    width: 914px;
    height: 361px;
    background: url(/images/portfolio/2/gzc.jpg) no-repeat;
    left: -23px;
    top: 1087px;}
#menu3 .lorelei2 {
    width: 948px;
    height: 366px;
    background: url(/images/portfolio/2/lorelei2.jpg) no-repeat;
    left: -23px;
    top: 1448px;}
#menu3 .svarkatek {
    width: 807px;
    height: 365px;
    background: url(/images/portfolio/3/svarkatek.jpg) no-repeat;
	left: -23px;
    top: 0px;}
#menu3 .okna {
    width: 845px;
    height: 361px;
	background: url(/images/portfolio/3/okna.jpg) no-repeat;
	left: -23px;
    top: 365px;}
#menu3 .svet3 {
    width: 873px;
    height: 361px;
    background: url(/images/portfolio/3/svet3.png) no-repeat;
	left: -23px;
    top: 726px;}
#menu3 .rody {
    width: 914px;
    height: 361px;
    background: url(/images/portfolio/3/rody.jpg) no-repeat;
    left: -23px;
    top: 1087px;}
#menu3 .trast {
    width: 948px;
    height: 366px;
    background: url(/images/portfolio/3/trast.jpg) no-repeat;
    left: -23px;
    top: 1448px;}
#menu3 .eica {
    width: 807px;
    height: 365px;
    background: url(/images/portfolio/4/eica.jpg) no-repeat;
    left: -23px;
    top: 0px;}
#menu3 .artcafe {
    width: 845px;
    height: 361px;
	background: url(/images/portfolio/4/artcafe.jpg) no-repeat;
	left: -23px;
    top: 365px;}
#menu3 .sushimarketi {
    width: 873px;
    height: 361px;
    background: url(/images/portfolio/4/sushimarketi.png) no-repeat;
	left: -23px;
    top: 726px;}
#menu3 .lorelei {
    width: 914px;
    height: 361px;
    background: url(/images/portfolio/4/lorelei.jpg) no-repeat;
    left: -23px;
    top: 1087px;}
#menu3 .ualex {
    width: 948px;
    height: 366px;
    background: url(/images/portfolio/4/ualex.jpg) no-repeat;
    left: -23px;
    top: 1448px;}
div.more
{margin:20px 0 0 0;text-decoration:underline;font-size:12px;padding:0 0 0 55px;background:url(/images/portfolio/click.png) 5% 100% no-repeat;height:40px;line-height:32px;}
div.portfolio_z
{padding:0 0 0 15px;}
div.portfolio_z *
{cursor:pointer;}
div.portfolio_z div.header_portfolio
{color:#0191b5;font-size:30px;padding:25px 0 0 5px;}
div.portfolio_z div.description_portfolio
{color:#333;font-size:14px;padding:15px 0 18px 5px;}
div.bitrix
{margin-left:9px;width:205px;height:50px;background:url(/images/portfolio/bitrix.png) left no-repeat}
#menu2 a
{z-index:998 !important;}
#menu3 a
{z-index:99 !important}
div.pagein_mod
{padding:15px 0 15px 0;}
div.pagein_mod div.pagein_one
{width:196px;height:18px;float:left;}
div.pagein_mod *
{font-style:italic;}
div.pagein_bg
{background:#fafafa;}
div.h_1814
{height:1814px;}
/* New portfolio End */

/* New main */
ul.plus
{text-align:left;padding:0 0 0 25px;margin:20px 0 0 0;}
ul.plus li:first-child
{margin:20px 0 20px 0;}
ul.plus li
{font-size:20px;color:#1a69a2;
 list-style-type:none;
 background:url(/images/plus.png) 0% 50% no-repeat;
 padding:0 0 0 30px;margin:0 0 20px 0;}
ul.plus li span
{cursor:default;}
ul.plus li span:hover
{background:url(/images/plus_back.png);}

#menu1 .effective {
    width: 356px;
    height: 85px;
	background: url(/images/main_new_1.png) no-repeat;
	left: -2px;
    top: 0px;;}
#menu1 .scan {
    width: 356px;
    height: 100px;
	background: url(/images/main_new_2.png) no-repeat;
	left: 3px;
    top:85px;}
#menu1 .visitors {
    width: 353px;
    height: 90px;
    background: url(/images/main_new_3.png) no-repeat;
	left: 10px;
    top:185px;}
#menu1 .applications {
    width: 355px;
    height: 120px;
    background: url(/images/main_new_4.png) no-repeat;
    left: 14px;
    top:275px;}
div.main_new
{text-align:center;height:457px;position:relative;}
div.main_new h3
{font-size:24px;color:#1a69a2;font-weight:normal;}
div.body_new
{width:841px;height:407px;background:url(/images/main_new.png);position:absolute;left:-23px;}
div.body_new_left
{width:405px;height:407px;float:left;}
div.body_new_left div.se
{padding:25px 0 0 0;color:#1592b0;font-size:28px;}
div.body_new_right
{width:405px;height:407px;float:left;text-align:left;}
/* New main End */