/* CSS Document */
/*################## tags style ##############*/


*
{
	transition: opacity 1s, color 1s;
}

body {
	padding:0px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	/*border:1px solid #ff3366;*/
	background:url('../img/site-bg_page.jpg') 0px 125px repeat-x;
	min-width: 1150px;
	width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
	max-width: 1700px;
}
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
/*################## end tags style ###########*/
div.logo {
	float: left;
    margin: 1% 0 0 5%;
}

div.top-content-block {
	height:404px;	
}
div.clear {
	clear:both; 
	font-size:0; 
	height:0; 
	line-height:0;
	padding:0;
	margin:0;
}
div.robots {
	height:200px;
	background:url('../img/robots_page.png') no-repeat;
	/*background:url('../img/robots_page_mini.png') no-repeat;  /*new year*/
	background-position:0;
    margin: -61px 0 0 34%;
}
ul.hot-massage {
	padding-left:0px;
	margin:20px 30px 0px 0px;
	float:left;
	width:40%;
}
li {
	list-style:none;
 	
/*	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;
    white-space: -moz-pre-wrap; 
    white-space: -hp-pre-wrap;   
    white-space: -o-pre-wrap;     
    white-space: -pre-wrap;      */

/*    word-wrap: break-word;*/
}
ul.hot-massage li.title {
	font-size:9pt;
	font-weight:bold;
	list-style-image:url('../img/angle_page.png');
}
ul.hot-massage li.info-block {
	font-size:9pt;
	padding-top:10px;
	color:#6d6d6d;    
}
div.title {

	color:#4a83b8;
	font-size:11pt;
	font-weight:normal;
}

.logo-text {
	font-size:12pt;
	color:#ff7e00;
}


.search-lang-bar{
	margin-left: 5%;
    padding-top: 5px;
}
div.lang-menu {
	padding:1% 1% 0 0;
	float: right;
	margin: 0;
}

.img-lang {
	display:block;
	float:right;
	width:40px;
	height:18px;
	padding-left:40px;
	background:url('../img/lang-flags_page.jpg') 0 0 no-repeat;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	color: #4d88cc;
}
.rus {
	background-position: 0px 0px;
}
.eng {
	background-position: 0px -18px;
}
/*##################### input ########################*/
div.search-box  {
    float: right;
    margin: 1% 1% 0 0;
}
div.search-box label { display:none;}
div.search-box input.form-text {
	width:300px;
	margin:2px 4px 0px 0px;
	float:left;
}
div.search-box input.form-submit{
	background:url('../img/search-img_page.png') 0 0 no-repeat;
	border:none;
	height:38px;
	width:69px;
	float:left;
	outline:none;
	font-size: 0;
}
/*#################### fonts ###########################*/
.about-company {
	width:20%;
	float:left;
	color:#4a83b8;
	font-size: 13.56pt;
}
/*################## development direction ############################*/
div.development-department {
	margin-top:-40px;
	margin-left:5%;
	/*border:1px solid #ff3366;*/
}
ul.development-direction {
	list-style:none;
	padding:0px;
	margin:0px;
	opacity: 0.8;
}
ul.development-direction:hover {
	opacity: 1;
}
ul.development-direction  li.department a{
	text-decoration:none;
	color:#FFF;
}
ul.development-direction  li.department a:hover{
	text-decoration:underline;
}
/*############### Site Development ###########################*/
/*ul {border:1px solid #ff3366;}*/
ul.site-dev {
	background:url('../img/site-development_page.png') 0 0 no-repeat;
	/*position:relative;
	left:-40px;
	float:left;*/
	width:286px;
	height:180px;	
}
ul.programming li{
	/*border:1px solid #ff3366;*/
	margin-left:40px;
	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;

    white-space: -moz-pre-wrap; 
    white-space: -hp-pre-wrap;   
    white-space: -o-pre-wrap;     
    white-space: -pre-wrap;      

    word-wrap: break-word;
}
ul.site-dev li.title {
        margin-right:50px;
	font-size:13pt;
	padding:27px 0px 8px 20px;
	color:#ffffff;	
}
ul.site-dev li.content {
        height:52px;
	font-size:9pt;
	padding:0px 0px 0px 20px;
	color:#e89300;	
}
ul.site-dev li.department {
        font-size:10pt;
	padding:3px 0px 0px 20px;
	color:#FFFFFF;	
}
div.bucket {
	background:url('../img/bucket_page.png') 0 0 no-repeat;
	width:77px;
	height:92px;
	margin-top:-65px;
	position:absolute;
	right: 0px;
	
}
/*###############Seo Ads###########################*/
ul.seo-ads {
	background:url('../img/seo-ads_page.png') 0 0 no-repeat;
	/*position:relative;
	left:-40px;
	float:left;*/
	width:286px;
	height:180px;
}
ul.seo-ads li{
	/*border:1px solid #ff3366;*/
	
	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;

    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -pre-wrap;

    word-wrap: break-word;
}
ul.seo-ads li.title {
	
	margin-right:50px;
	font-size:13pt;
	padding:25px 0px 10px 20px;
	color:#ffffff;
        height:41px;
}
ul.seo-ads li.content {
	height:52px;
	font-size:9pt;
	padding:0px 0px 0px 20px;
	color:#34d5fb;
}
ul.seo-ads li.department {
	font-size:10pt;
	padding:3px 0px 0px 20px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	color:#FFFFFF;
}
/*######################## programming #####################*/
ul.programming {
	background:url('../img/programming-development_page.png') 0 0 no-repeat;
	/*position:relative;
	left:-40px;
	float:left;*/
	
	width:325px;
	height:180px;
}
ul.programming li{
	/*border:1px solid #ff3366;*/
	
	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;

    white-space: -moz-pre-wrap; 
    white-space: -hp-pre-wrap;   
    white-space: -o-pre-wrap;     
    white-space: -pre-wrap;      

    word-wrap: break-word;
}
ul.programming li.title {
        margin-right:50px;
	font-size:13pt;
	padding:25px 0px 10px 20px;
	color:#ffffff;	
}
ul.programming li.content {
        height:52px;
	font-size:9pt;
	padding:0px 0px 0px 20px;
	color:#30c200;	
}
ul.programming li.department {
	font-size:10pt;
	padding:3px 0px 0px 20px;
	color:#FFFFFF;
}
/*#################### center-block ###############*/
div.center-block{
	display:block;
	margin-left:5%;
}
div.center-block div {
	
	/*border:1px #330066 solid;*/
}
div.about-us{
    float:left;
	width:28%;
	padding-right:6%;
	margin-bottom: 10px;
}
div.about-us p{
	/*margin-left:-10px;*/
	font-size:9pt;
	position:relative;
}
div.news {
    float:left;
	width:28%;
}
div.news p {
	/*margin-left:-10px;*/
	font-size:9pt;
}
div.news p a{
	color:#0055cc;
}
div.news p a.last-news{
	font-size:18px;
	font-weight:bold;
}
div.views-field-created span{font-size:11px; color:#959595; display:block; padding:0 0 5px 0;  }
div.action {
    float:left;
	width:26%;
	padding-right:6%;
}
div.action p {
	/*margin-left:-10px;*/
	color:#00567b;
	font-size:10pt;
}
div.action p a {
	color:#ff9600;
	font-size:15pt;
	font-weight:600;
}
/*############ bottom #################### */
.bottom-lines {
	position:relative; 
	width:68px; 
	height:2px;
}
.left-line {
	background:url('../img/bottom-left-bg_page.gif') left top no-repeat;
	float:left;
}
.right-line {
	background:url('../img/bottom-right-bg_page.gif') right top no-repeat;
	float:right;
}
.bottom-center-line {
	height:2px; 
	background:url('../img/bottom-line-bg_page.gif') 0 0 repeat-x; 
	position:relative; 
	line-height:0; 
	border:none; 
	padding:0;  
	margin:0px 67px 0px 67px;
}
div.bottom {
	
	background:url('../img/bottom-line-bg_page.gif') 0 top repeat-x;
	margin-left:50px;
	margin-right:50px;
	height:34px;/*99px;
	border:1px solid #003399;*/	
}
div.bottom span.company {
	opacity: 0.8;
	color:#797a7b;
	font-size:9pt;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	position:relative;
}

div.bottom span.company:hover {
	opacity: 1.0;
	color:#000;
}
div.phones {
    float: left;
    margin: 0 0 0 4%;
    width: 220px;
}

div.phones_bottom {
    float: left;
    margin: 60px 0 0 1%;
    position: relative;
    width: 220px;
}

h3.question {
	color:#2981cc;
	font-size:16px;
	font-weight:900;
}
h3.number {
	color:#2981cc;
	position:relative;
	top:0;
	font-size:16px;
}
a:hover {text-decoration:underline;}
a.sub-form {
	background-image:url('../img/form-link_web.gif');
	background-repeat:no-repeat;
	background-position:center right;
	font-size:13px;
	line-height:13px;
	padding-right:20px;
	font-weight:bold;
	color:#ff9b00;
}

div.phone-robot {

	background:url('../img/phone-robot_page.gif') 0 0 no-repeat;
	background-position:right;
	width:250px;
	margin-right:5%;
	margin-top: 5px;
	height:102px;
	float:right;
	/*margin-top:-120px;*/
	position:relative;
}
div.phone-robot font {
	color:#20403f;
	font-size:13pt;
	font-weight:700;
	float:left;
	margin-top:30px;
	position:relative;
}
/* FOR IE6 PNG FIX */
* html ul.site-dev {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/site-development_page.png', sizingMethod='scale');
}
* html ul.seo-ads {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/seo-ads_page.png', sizingMethod='scale');
}
* html ul.programming {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/programming-development_page.png', sizingMethod='scale');
}


* html #img-search-button {
	background:none;
	width:69px;
	height:38px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/search-img_page.png', sizingMethod='scale');
}
* html div.bucket {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/bucket_page.png', sizingMethod='scale');	
}

div.about-us, div.news, div.action
{
	position: relative;

}
div.about-us a, div.news a, div.action a
{
	color: #00567B;
}
/*
div.about-us .more-link a, div.news .more-link a, div.action .more-link a
{
	padding: 10px;
	border-right: 1px dotted #c0c0c0;
	border-bottom: 1px dotted #c0c0c0;
	text-decoration: none;
}

div.about-us .more-link a:hover, div.news .more-link a:hover, div.action .more-link a:hover
{
	border-right: 1px dotted #500000;
	border-bottom: 1px dotted #500000;

}
*/
div.about-box ul{ margin:25px 0 0 0; padding:0;  }
div.about-box ul li{ list-style:none; list-style-type:none; margin:0; padding:0 0 20px 0; white-space: normal; width:280px;}
div.about-box ul li div.views-field-phpcode span{ display:block; padding:0 0 2px 0; color:#959595; font-size:11px; }
div.about-box ul li div.views-field-title a{ display:block; color:#355ef3; font-size:12px;  }
div.about-box ul li.views-row-first div.views-field-title a{ display:block; color:#355ef3; font-size:16px; font-weight:bold;   }
/*div.about-us div.more-link{width:270px;}
div.about-us div.more-link a{
    bottom: -5%;
    color: #355EF3;
    display: block;
    font-size: 12px;
    left: 0;
    position: absolute;
}
*/

div.it-box ul{ margin:25px 0 0 0; padding:0;  }
div.it-box ul li{ list-style:none; list-style-type:none; margin:0; padding:0 0 20px 0; white-space: normal; width:280px;}
div.it-box ul li div.views-field-phpcode span{ display:block; padding:0 0 2px 0; color:#959595; font-size:11px; }
div.it-box ul li div.views-field-title a{ display:block; color:#355ef3; font-size:12px;  }
div.it-box ul li.views-row-first div.views-field-title a{ display:block; color:#355ef3; font-size:16px; font-weight:bold;   }



div.action-block-box ul{ margin:25px 0 0 0; padding:0;  }
div.action-block-box ul li{ list-style:none; list-style-type:none; margin:0; padding:0; width:280px;}
div.action-block-box ul li div.views-field-title a{ color:#ff9600; display:block; font-size:18px; margin:0 0 30px 0;    }
div.action-block-box ul li div.views-field-body span{ color:#00567b; font-size:12px;}


/*
div.right-top-menu
{
	width: 100%;
	height: 30px;
	position: fixed;
	top: 1px;
	margin: 0 auto;
}

div.right-top-menu li
{
	float:left;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	list-style-image:none;
	list-style-type:none; 
	list-style:none;
	height: 30px;	
	background-color: white;
	border: 1px dotted #c0c0c0;
	border-top: none;
	margin: 0 auto 0;
}


div.right-top-menu li:hover
{
	background-color: #efefef;
	border: 1px dotted red;
}

div.right-top-menu li a
{
	padding: 40px; 
}
*/

div.right-top-menu{ 
    float: right;
    opacity: 0.8;
}

div.right-top-menu:hover{ 
	opacity: 1;
}

div.right-top-menu a:hover{ 
	color: #369 !important;
}
div.right-top-menu ul.menu li {	
	float:left;
	font-size:14px;
	font-weight:normal;
	text-align:center;
        list-style-image:none;
        list-style-type:none; 
        list-style:none;
        margin: 0;
        padding:0; 
	
}

div.right-top-menu ul.menu li.leaf {
	background:url('../img/head-engle_seo.png') right 7px no-repeat;
        list-style-image:none;
        list-style-type:none; 
        list-style:none;
	padding:0px 20px 0px 20px;
        text-transform: lowercase; 
}

div.right-top-menu ul.menu li.first {
	background:url('../img/head-engle_seo.png') right 7px no-repeat;
        list-style-image:none;
        list-style-type:none; 
        list-style:none;
	padding:0px 20px 0px 0;
}

div.right-top-menu ul.menu li.last {
	background:none;
        list-style-image:none;
        list-style-type:none; 
        list-style:none;
	padding:0px 20px 0px 20px;
}

div.right-top-menu ul.menu li a {
	
	color:#414040;
	text-decoration:none;
}
div.right-top-menu ul.menu li a:hover {
	text-decoration:underline;
}

span.codedirection { unicode-bidi: bidi-override; direction: rtl; }


div.counters {
    float: left;
    margin: 70px 0 0 117px;
}

div.counters img
{
	opacity: 0.2;
}

div.counters img:hover
{
	opacity: 1.0;
}

/*Share42 buttons*/
#share42 {padding: 6px 6px 0; border: 1px solid #E9E9E9; border-radius: 4px; left: 0px; top: 10%;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

#share42 a {position:relative;}
#share42 a span {display: none; position: absolute; z-index: 10; top: 0; left: 100%; height: 19px; margin-left: 5px; padding: 0 5px; background: #FFF; border-radius: 4px; border: 1px solid #AAA; box-shadow: 0 0 5px rgba(0,0,0,0.25); text-align: center; color: #666; font: 12px/20px Arial, sans-serif;}
#share42 a:hover span {display: block}
#share42 a span:before {content: ''; position: absolute; top: 50%; left: -5px; margin-top: -3px; width: 5px; height: 7px; background: url(data:image/gif;base64,R0lGODlhBQAHAJEDAKqqqsnJyf///////yH5BAEAAAMALAAAAAAFAAcAAAIMnBEXMijiXlts1lkAADs=) no-repeat;}

#nev{
height: 270px;
    margin: -271px 0 0 67.5%;
*background: url(../img/newyear-mini.png) no-repeat left top;
}
.top-content-block{
position: relative;
}
#georg {
    background: url("../img/9m.png") no-repeat scroll left top / 40% 100% rgba(0, 0, 0, 0);
    float: left;
    height: 100px;
    margin-top: 25px;
    padding-left: 90px;
    width: 260px;
}