body, html{
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	height:100%;
}

body, html, table{
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

table{
	padding:0px;
	border-collapse:collapse;
	border:0px;
}

table td{
	padding:0px;
	margin:0px;
	vertical-align:top;
	text-align:left;
}

form{
	margin:0px;
	padding:0px;
}

input, textarea, select{
	font:12px/15px Tahoma, Arial, Geneva, sans-serif;
	color:#000000;
	text-decoration:none;
	font-weight:400;
}

img{
	border:0px;
}

ul, ul li{
	margin:0px;
	padding:0px;
}

li{
	list-style-type:none;
}

a{
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#0095DA;
	text-decoration:underline;
}

p{
	margin:0px;
	padding:0px;
	line-height: 18px;  
}

a:hover{
	color:#E93C1E;
}

.clear{
	font-size:0px;
	line-height:0px;
	clear:both;
}

h1{
	padding:0 0 25px 0;
	margin:0px;
	font: bold 22px/24px Arial, Helvetica, sans-serif;
	color:#E93C1E;
}


.withH1{
	margin-top:-25px;
	padding-bottom:25px;
	display:block;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color:#5F5F5F;
}

.titleLevel1{
	padding:0 0 17px 0;
	margin:0px;
	font: bold 22px/24px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.titleLevel1 span{
	display:block;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color:#D1D3D4;
}

h2{
	padding:0 0 18px 0;
	margin:0px;
	font: 18px/19px Arial, Helvetica, sans-serif;
	color:#E93C1E;
}

h2.style2{
	padding:0 0 4px 0;
	margin:0px;
	font: 18px/19px Arial, Helvetica, sans-serif;
	color:#E93C1E;
}

h3{
	padding:13px 0 9px 0;
	margin:0px;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color:#E93C1E;
	text-decoration:none;
}

h5{
	padding:0 0 16px 0;
	margin:0px;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color:#4F4F4F;
}

h5.noPad{
	padding:0px;
}

.iconAttention{
	width:14px;
	height:18px;
	background:url(/i/icon_attention.gif) no-repeat top left;
	position:absolute;
	margin-left:-23px;
}

.iconQuestion{
	width:14px;
	height:18px;
	background:url(/i/icon_question.gif) no-repeat top left;
	position:absolute;
	margin-left:-23px;
}


.iconNumber{
width:13px;
background:url(/i/icon_number.gif) no-repeat bottom left;
position: relative; 
top: 8px;
margin:-15px 0 0 -19px;
padding-bottom:10px;
color:#FFFFFF;
}

.textNumber{
padding:0px 3px 0px 3px;
background-color: #5F5F5F;
font:10px/12px Tahoma, Arial, Helvetica, sans-serif;
text-align:center;
}

.iconNumberBig{
width:13px;
background:url(/i/icon_number_big.gif) no-repeat bottom left;
position: relative;
top: 10px;
margin:-21px 0 0 -19px;
padding-bottom:17px;
color:#FFFFFF;
}

.textNumberBig{
padding:0px 4px 0px 4px;
background-color: #5F5F5F;
font:10px/12px Tahoma, Arial, Helvetica, sans-serif;
text-align:center;


}

.iconYear{
  width:34px;
  background:url(/i/icon_year.gif) no-repeat bottom left;
  position: relative;
  top: 10px;
  margin-top:-15px;
  padding:1px 0px 10px 0;
    color:#FFFFFF;
}

.textYear{
  padding:1px 4px 1px 3px;
  background-color: #5F5F5F;
    text-align:left;
    line-height:13px;
}

.colorOrange{
	color:#E93C1E;
}

.colorGrey{
	color:#5F5F5F;
}

.colorGrey2{
	color:#4F4F4F;
}

.minFont{
	font-size:10px;
	line-height:12px;
}

.bigFont{
	font-size:14px;
	line-height:16px;
}	

.rightTab{
	padding-right:10%;
}

.bigLineHeight{
	line-height:18px;
}

.list{
	padding-left:20px;
}

.list{
	text-indent:-9px;
}

.list2{
	padding-top:15px;
	color:#4F4F4F;
}

.list2 li{
	padding:0 0 14px 15px;
	background:url(/i/list_type_star.gif) no-repeat 0px 4px;
	margin-left: -15px;
}


.list3{
	padding-top:5px;
	color:#000000;
}

.list3 li{
	padding:0 0 5px 17px;
	background:url(/i/list_type_star.gif) no-repeat 0px 4px;
}

.list4{
	padding-top:9px;
	color:#333333;	
}

.list4 li{
	padding:0 0 5px 15px;
	background:url(/i/list_type_star.gif) no-repeat 0px 4px;
	margin-left: -15px;
	line-height: 18px;
}


.br {
	padding-top: 5px;

}



/* ------------------------------------------------------------- site */
#site{
	width:90%;
	_width:expression(((document.documentElement.clientWidth*0.90) < 1000)? "1000px" : (((document.documentElement.clientWidth*0.90) > 1500)? "1500px" : "90%"));
	min-width:1000px;
	max-width:1500px;
	margin:0px auto;
	position:relative;
	min-height:100%;
	_height:100%;
}

/* ------------------------------------------------------------- header */
#header{
	height:121px;
}

#header .navigationBlock{
	position:absolute;
	top:58px;
	left:45px;
}

#header .navigationBlock .line{
	width:17px;
	height:20px;
	float:left;
	background:url(/i/hader_nav_line.gif) no-repeat top center;
}

#header .navigationBlock a, #header .navigationBlock .active{
	display:block;
	float:left;
	margin:0 15px 0 15px;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:0px -20px;
}

#header .navigationBlock a:hover, #header .navigationBlock .active{
	background-position:0px 0px;
}

#header .navigationBlock .home{
	background-image:url(/i/header_buttton_nav_home.gif);
}

#header .navigationBlock .mail{
	background-image:url(/i/header_buttton_nav_mail.gif);
}

#header .logo{	
	position:absolute;
	display:block;
	top:50px;
	left:277px;
}

#header .phone{	
	position:absolute;
	top:53px;
	right:54px;
	background:url(/i/header_icon_phone.gif) no-repeat 0px 4px;
	padding-left:25px;
	font:29px/30px Tahoma, Arial, Helvetica, sans-serif;
	color:#E93C1E;
}

#header .phone span {
    vertical-align: top;
    font:16px/24px Tahoma, Arial, Helvetica, sans-serif;
	color:#949599;
}
/* ------------------------------------------------------------- left block */
#leftBlock{
	width:200px;
	padding-left:5px;
	float:left;
}

/* --------- left menu --------- */
#menu{
	padding-bottom:15px;
}

#menu .button a, #menu .button span{
	display:block;
	padding:3px 0 6px 22px;
	font:bold 13px/15px Tahoma, Arial, Helvetica, sans-serif;
}


#menu .sbutton a {
	display:block;
	padding:3px 0 6px 22px;
	font:bold 13px/15px Tahoma, Arial, Helvetica, sans-serif;
	color:#5F5F5F;
}

#menu .button span{
	background-image:url(/i/leftblock_menu_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#5F5F5F;
}

#menu .button a:hover{
	color:#5F5F5F;
}


#menu .subButton{
	margin:0px 0 7px 30px;
}

#menu .subButtonz{
	margin:0px 0 7px 30px;
}

#menu .subButton a, #menu .subButton span{
	padding:1px 4px 2px 3px;
	font: bold 11px/13px Tahoma, Arial, Helvetica, sans-serif;
	color:#E93C1E;
}

#menu .subButton a:hover{
	color:#5F5F5F;
}

#menu .subButtonz a{
	padding:1px 4px 2px 3px;
	font: bold 11px/13px Tahoma, Arial, Helvetica, sans-serif;
	color:#5F5F5F;
}

#menu .subButtonz a:hover{
	color:#5F5F5F;
}


#menu .subButton span{
	color:#FFFFFF;
	background:#4F4F4F;
}

#menu .line{
	height:24px;
	background:url(/i/leftblock_menu_line.gif) repeat-x 0px 13px;
	margin:0 14px 0 21px;
}
/* --------- //end left menu --------- */

/* ------------------------------------------------------------- right block */
#rightBlock{
	margin-left:245px;
}

.subPage{
	padding-right:143px;
}

#rightBlock .fix{
	width:100%;
	float:left;
}

#rightBlock .mainTextBlock{
	width:65%;
	font-size:14px;
	line-height:16px;
	padding-bottom:37px;
}

/* --------- previews --------- */
#previewsBlock{
	margin:6px 26px 25px 0;
	background:#5F5F5F;
	height:222px;
	position:relative;
}

#previewsBlock .leftBack{
	position:absolute;
	top:0px;
	left:-11px;
	width:11px;
	height:222px;
	background:url(/i/previews_leftback.gif) no-repeat top left;
}

#previewsBlock .rightBack{
	position:absolute;
	top:9px;
	right:0px;
	width:90px;
	height:224px;
	background:url(/i/previews_rightback.gif) no-repeat top left;
}

#previewsBlock .previews{
	margin:3px 32px 0 2px;
	_margin:3px 29px 0 1px;
	width:319px;
	height:216px;
	float:left;
	position:relative;
	width:44%;
	max-width:480px;
	_width:expression((document.documentElement.clientWidth > 1515)? "480px" : "44%");
}

#previewsBlock .previews .shadow{
	position:absolute;
	top:0px;
	left:0px;
	width:181px;
	height:216px;
//	background:url(/i/previews_image_shadow.png) no-repeat top left;
//	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/previews_image_shadow.png');
//	_background:none;
}

#previewsBlock a{
	position:absolute;
	top:177px;
	right:7px;
	display:block;
	padding:5px 16px 8px 16px;
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
	background:#333132;
}

#previewsBlock .textBlock{
	padding:17px 63px 0 0;
	height:185px;
	overflow:auto;
	position:relative;
	color:#FFFFFF;
	max-width:470px;
	_width:expression((document.documentElement.clientWidth > 1430)? "470px" : "auto");
}
/* --------- //end previews --------- */

/* --------- contact page --------- */
address{
	padding:0 0 20px 0;
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif;
}

address a{
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif;
}

.mapFrame{
	margin-left:-7px;
	position:relative;
	background:url(/i/map_frame.gif) no-repeat top left;
	padding:6px 0 0 7px;
	width:339px;
	height:405px;
}

.map{
	width:325px;
	height:325px;
	overflow:hidden;
}

.questionForm{
	margin-top:-5px;
}

.questionForm .textCell{
	width:136px;
	margin-right:10px;
	float:left;
	padding-top:7px;
	color:#5F5F5F;
}

.questionForm .inputText{
	width:225px;
	padding:1px 0 1px 4px;
	margin-bottom:5px;
}

.questionForm .textArea{
	width:347px;
	height:118px;
	padding:1px 0 1px 4px;
	margin-bottom:9px;
	overflow:auto;
}

.questionForm .note{
	padding-bottom:13px;
	width:260px;
	margin-left:146px;
	_margin-left:143px;
	font-size:10px;
	line-height:12px;
	color:#E93C1E;
}

.questionForm .dp1{
	padding-top:45px;
}

.questionForm .captcha2{
	width:123px;
	*width:118px;
	_width:115px;
	height:50px;
	float:left;
	_margin-left:53px;
	margin-left:50px;
}

.questionForm .captcha2{
	margin-left:0px;
	_margin-left:3px;
}


/* --------- //end contact page --------- */

/* --------- form order --------- */
.formOrder{
	color:#5F5F5F;
}

.formOrder .title{
	padding-bottom:7px;
	font-weight:bold;
	
}

.formOrder .textCell{
	width:226px;
	margin-right:10px;
	_margin-right:7px;
	float:left;
	padding-top:4px;
}

.formOrder .inputText{
	width:296px;
	padding:1px 0 1px 4px;
	margin-bottom:5px;
	*margin-bottom:3px;
}

.formOrder .select{
	width:106px;
	height:20px;
	*height:auto;
	margin-bottom:5px;
}

.formOrder .select2{
	width:250px;
	height:20px;
	*height:auto;
	margin-bottom:5px;
}

:root .formOrder .select, :root .formOrder .select2{
	height:auto;
}

.formOrder .inputText2{
	width:237px;
	padding:1px 0 1px 4px;
}

.formOrder .inputText3{
	width:70px;
	*width:77px;
	margin-bottom:5px;
	*margin-bottom:3px;
}

:root .formOrder .inputText3{
	width:73px;
}

.formOrder .textArea, .formOrder .textArea2, .formOrder .textArea3{
	width:296px;
	height:99px;
	padding:1px 0 1px 4px;
	margin-bottom:7px;
	overflow:auto;
}

.formOrder .textArea2{
	margin-bottom:11px;
}

.formOrder .textArea3{
	margin-bottom:5px;
}

.formOrder .check{
	margin-top:0px;
	margin-bottom:5px;
	*margin:auto;
	margin-left:0px;
	*margin-left:-4px;
}

:root .formOrder .check{
	margin-top:6px;
	margin-bottom:1px;
}

.formOrder .dp1{
	padding-top:56px;
}

.formOrder .dp2{
	height:7px;
	font-size:0px;
	line-height:0px;
}

.formOrder .dp3{
	height:14px;
	font-size:0px;
	line-height:0px;
}

.formOrder .dp4{
	width:20px;
}

.formOrder .dp5{
	height:9px;
	font-size:0px;
	line-height:0px;
}

.formOrder .dp6{
	height:5px;
	*height:3px;
	font-size:0px;
	line-height:0px;
}

:root .formOrder .dp6{
	height:0px;
}

.formOrder .dp7{
	height:4px;
	font-size:0px;
	line-height:0px;
}

:root .formOrder .dp8{
	height:4px;
	font-size:0px;
	line-height:0px;
}

.formOrder .dp9{
	height:30px;
}

.formOrder .heightBetweenBlocks{
	height:30px;
}

.formOrder .captcha, .formOrder .captcha2{
	width:123px;
	*width:118px;
	_width:115px;
	height:50px;
	float:left;
	_margin-left:53px;
	margin-left:50px;
}

.formOrder .captcha2{
	margin-left:0px;
	_margin-left:3px;
}

.formOrder .cell1{
	width:200px;
	margin:0 15px 0 5px;
	float:left;
}

.formOrder .cell2{
	width:164px;
	margin:0 15px 0 5px;
	float:left;
}
/* --------- //end form order --------- */

/* --------- grey block --------- */
.greyBlock{
	background:url(/i/darkblock_back_right.gif) no-repeat top right #5F5F5F;
}

.greyBlock .corner{
	background:url(/i/darkblock_corner.gif) no-repeat bottom right;
	height:100%;
}

.greyBlock .icon{
	background:url(/i/icon_attention_dark.gif) no-repeat 27px 50%;
	height:100%;
}

.greyBlock .text, .greyBlock .minText{
	display:block;
	padding:12px 70px 13px 77px;
	font:18px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.greyBlock .minText{
	font:14px/16px Arial, Helvetica, sans-serif;
	padding:14px 70px 15px 77px;
}

.greyBlock a{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color: #ffffff;
}

.greyBlock a:hover{
	color: #ff6666;
}

/* --------- //end grey block --------- */

/* --------- seo page --------- */
.column1{
	width:48%;
	float:left;
}

.column2{
	width:52%;
	float:left;
	margin-left:-1px;
}

.column1 .padding{
	padding-right:75px;
}

.column2 .padding{
	padding-right:15px;
}
/* --------- //end seo page --------- */

/* --------- portfolio --------- */
.portfolioList{
	padding-left:40px;
}

.portfolioList li{
	padding-bottom:14px;
}

.portfolioList li p{
	font-size:10px;
	line-height:12px;
	color:#4F4F4F;
}

.betweenPortfList{
	height:36px;
}
/* --------- //end portfolio --------- */

/* ------------------------------------------------------------- down block */
#downBlock .block1{
	width:20%;
	text-align:center;
	float:left;
}

#downBlock .block1 a{
	display:block;
	margin:37px 35px 0px 35px;
	padding-top:56px;
	font-size:10px;
	line-height:12px;
	text-align:center;
}

#downBlock .block1 a.site{
	background:url(/i/downblock1_icon1.jpg) no-repeat 50% 3px;
}

#downBlock .block1 a.seo{
	background:url(/i/downblock1_icon2.jpg) no-repeat  center top;
}

#downBlock .padding{
	padding-right:25px;
}

#downBlock .block2{
	width:27%;
	float:left;
}

#downBlock .block3{
	width:30%;
	float:left;
}

#downBlock .block4{
	width:22%;
	float:left;
}

/* ------------------------------------------------------------- footer */
#footer{
	height:136px;
}

#footer .toBottom{
	position:absolute;
	height:136px;
	width:100%;
	bottom:0px;
}

#footer .copyright{
	padding:74px 100px 0 308px;
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#4F4F4F;
}

#footer .copyright a{
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif;
}

#footer .counter{
	position:absolute;
	bottom:1px;
	left:270px;
}

#footer .counter a{
	display:block;
}

#footer .bllogo{
	width:20%;
	text-align:center;
	float:left;
	border: 0px solid #000;
	padding: 0px 0px 0px 73px;
	margin: -30px 0px 0px 0px;
}

#footer .epla{

}

.logoE-Planet{
	display:block;
	width:75px;
	font-size:0.9em;
	color:#808080;
	background:url(footer_logo_eplanet.gif) no-repeat center top;
	text-align:center;
	padding-top:30px;
	float:left;
}


.warnText {padding-bottom: 25px; color: red;}

.pdesk {background-color:#f7f9fa; border:1px dashed #cccccc; padding: 5px; margin-bottom: 10px; margin-top: 10px;}


/* ------------------------------------------------------------- Brouser  */
.imageShadow{
	background:url(/i/image_ramka_b1.gif) no-repeat top left;
}

.imageShadow .b2{
	height:100%;
	background:url(/i/image_ramka_b2.gif) repeat-y top left;
}

.imageShadow .b3{
	height:100%;
	background:url(/i/image_ramka_b3.gif) repeat-y top right;
}

.imageShadow .b4{
	height:100%;
	background:url(/i/image_ramka_b4.gif) repeat-x bottom left;
}

.imageShadow .b5{
	height:100%;
	background:url(/i/image_ramka_b5.gif) no-repeat top left;
}

.imageShadow .b6{
	height:100%;
	background:url(/i/image_ramka_b6.gif) no-repeat top right;
}

.imageShadow .b7{
	height:100%;
	background:url(/i/image_ramka_b7.gif) no-repeat bottom right;
}

.imageShadow .b8{
	padding:21px 7px 23px 7px;
	background:url(/i/image_ramka_b8.gif) no-repeat bottom left;
}



.portImage{
	float:left;
	padding:15px 0 10px 30px;
	_width:1px;
}

.pa a {font-size: 16px; font-weight: bold;}
