html, body { height:100%; }
body { 
	margin:0; padding:0; color:#555555; font-family: Arial, Tahoma, Verdana; 
	background: url('/img/spacer.gif') no-repeat;
   background-attachment: fixed;
}
body, td { font-size:86%; line-height:140%; }
img { border:none; }

table { border-collapse: collapse; width: 100%; }
td { margin: 0px; padding: 0px; vertical-align: top; }	

p { margin:0 0 0.5em 0; }
h1 { margin:0.65em 0 0.5em 0; font-size:256%; font-weight:normal; font-family: Arial, Tahoma, Verdana; line-height:90%; }
h1.work { margin-top:0.05em; }
h2 { margin:0.8em 0 0.35em 0; font-size:189%; font-weight:normal; line-height:96%; font-family: Tahoma; color:#555555; }
h2.first { margin-top:0; }
h3 { margin:0.8em 0 0.35em 0; font-size:146%; font-weight:normal; line-height:96%; font-family: Tahoma; color:#555555; }

ul {margin: 10 0 0px 28px; padding: 0; line-height:113%;  position:relative; top:-4; }
ol {margin: 10 0 0px 30px; padding: 0; line-height:113%; position:relative; top:-4;}
ul ul, ol ol, ol ul, ul ol { position:relative; top:0; margin-top:5px; margin-bottom:5px;}
li {margin: 5px 0 5px 0; padding: 0; line-height:140%;  }
ul { list-style-type:disc;}
ul ul li, ol ol li, ol ul li, ul ol li { font-size: expression('100%'); font-size:100%; }
ul { margin-left: expression(23); }
ol { margin-left: expression(31); }
ul > li { padding-left:expression(10); }


a { color:#FF0600; }
a:hover { color:#C70C52; }

.rr { border:solid red 1px; }
.r { color:red; }

div.clear { clear:both; }

#msg_down { 
	position:absolute; right:10px; display:none; filter:Alpha(Opacity=0); z-index:1001; 
	top: expression( eval(document.body.scrollTop+document.body.clientHeight-60) + "px" );	
}



div#line { position:absolute; width:100%; top:-1px; left:0; height: 1px; line-height:1px; }

div#links { height:100%; position:relative; width:100%; height:306px; }

* html div#links, * html div#links_compact, * html div#main {
	width: expression(
		(
			document.getElementById('line')
			&& document.getElementById('line').clientWidth < 990
		)
		?	'990px'
		:	(
				document.getElementById('line')
				&& document.getElementById('line').clientWidth < 1280
			)
			?	'100%'
			:	'1280px'
		);
}

a#a_1:hover, a#a_2:hover, a#a_3:hover, a#a_4:hover, a#a_5:hover, a#a_6:hover, a#a_7:hover, a#a_8:hover, a#a_9:hover, a#a_10:hover { color:#FF0600; }


div#links a.logo { left:22.2%; top:132; }
div#links a { position:absolute; padding: 0 0 1 0; z-index:20; }
div#links a img { position:absolute; z-index:-1; }

div#links div#a_home { position:absolute; top:65px; left:1.5%; width:36px; height:36px; background:url(/img/bg_icon_home.gif); }
div#links div#a_home a { left:8px; top:8px; }

div#links div#a_icons { position:absolute; top:65px; right:0.75%; width:77px; height:36px; background:url(/img/bg_icons.gif); }
div#links a#a_sitemap { left:12px; top:8px; }
div#links a#a_feedback { left:44px; top:8px; }

div.contacts { position:absolute; width:224; height:82; left:72%; top:135px; background:url(/img/a_4.gif) no-repeat; padding:18px 0 0 8px; text-align:center; }
div.contacts span.code { color:#BBBBBB; position:relative; top:-3; }
div.contacts span.num { color:#929292; font-size:161%; }
div#links div.contacts a { color:#555555; position:static; font-size:96%; text-align:center; }
div#links div.contacts a:hover { color:#FF0600; } 
div.contacts a { color:#555555; position:static; font-size:96%; text-align:center; }
div.contacts a:hover { color:#FF0600; } 
div.contacts br { line-height:2px; }

div.l-bord div.contacts { position:static; left:0; top:0; background:url(/img/a_4_2.gif) no-repeat; padding:25px 8px 0 0; }


div#links div.switcher { height:28px; width:167px; background:#FAFAFA; position:absolute; top:0; left:71.5%; text-align:center; padding-top:3px; }
div#links div.switcher img { bottom:0; }
div#links div.switcher a { color:#aaaaaa; font-size:96%; position:relative; }
* html div#links div.switcher a { text-decoration:none; font-size:96%; border-bottom:dashed 1px; }


div#between { height:256;background:url(/img/between2.jpg); }

div#links_compact a.logo { left:9.7%; top:31; }
div#links_compact a { position:absolute; padding: 0 0 1 0; z-index:20; font-size:86%; text-decoration:none; }
div#links_compact a.s { color:#666666; }
div#links_compact a.s:hover { color:#FF0600; }
div#links_compact td br { line-height:160%; }

#links_compact #a_1, #links_compact #a_2, #links_compact #a_3, #links_compact #a_4, #links_compact #a_5 { font-size:106%; font-weight:bold; }
#links_compact table { position:absolute; top:18px; left:40.5%; width:55%; }
#links_compact table td { padding-bottom:10px; }

div#links_compact div#a_home { position:absolute; top:50px; left:1.5%; width:36px; height:36px; background:url(/img/bg_icon_home.gif); }
div#links_compact div#a_home a { left:8px; top:8px; }

div#links_compact div#a_icons { position:absolute; top:50px; right:0.75%; width:77px; height:36px; background:url(/img/bg_icons.gif); }

div#links_compact a#a_sitemap { left:12px; top:8px; }
div#links_compact a#a_feedback { left:44px; top:8px; }

div#links_compact div.switcher { height:24px; width:127px; background:url(/img/cloud.jpg) 0 0 no-repeat; position:absolute; top:0; left:85%; text-align:left; padding-top:0px; }
div#links_compact div.switcher img { bottom:0; }
div#links_compact div.switcher a { color:#aaaaaa; font-size:96%; position:relative; left:20px; top:-2px; }
* html div#links_compact div.switcher a { text-decoration:none; font-size:96%; border-bottom:dashed 1px; }



img.png { //background-image: none ! important; behavior: url('/css/pngfix.htc'); }
img.left { position: absolute; left:0; }
img.right { position: absolute; //right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -1 : -0 ); right:0; }
img.top { position: absolute; top:0; }
img.bottom { position: absolute; //bottom: expression( this.parentNode && this.parentNode.offsetHeight % 2 ? -1 : -0 ); bottom:0; }



div#visual { width:100%; height:382px; overflow:hidden; position:relative; }
div#visual2 { width:100%; overflow:hidden; position:relative; }
div#visual3 { width:100%; }

table#tab { position:relative; }
table#tab td.tab { width:25%; position:relative; background:#f5f5f5; text-align:center; }
table#tab td.tab img.s1 { width:990; height:0; }
table#tab td.tab img.s2 { width:350; height:0; }

table.tab_n { height:382px; width:100%; max-width:1250px;  background:white; }
table.tab_n td.img { background:70% 0 no-repeat; width:65%; }
table.tab_n td.text { background:#f5f5f5; width:35%; padding: 40px 25px 55px 10px; }
table.tab_n td.text p { font-size:119%; line-height:130%; }
table.tab_n td.text p.selected { font-size:106%; line-height:125%; color:#993333; margin-top:1em; }
table.tab_n td.text h2 { margin:0 0 0.2em 0; position:relative; top:-0.25em; }
table.tab_n td div { position:relative; }

table.tab_n td div a.btn{ position:absolute; right:55px; font-size:90px; line-height:70px; width:50px; top:310px; text-decoration:none; color:green; }
table.tab_n td div a.btn:hover{ color:#ff9900; }
table.tab_n td div a.left{ left:55px; }
table.tab_n td div a.right{ right:55px; }

* html table.tab_n {
	width: expression(
		(
			document.getElementById('line')
			&& document.getElementById('line').clientWidth < 990
		)
		?	'990px'
		:	(
				document.getElementById('line')
				&& document.getElementById('line').clientWidth < 1280
			)
			?	'100%'
			:	'1280px'
		);
}

* html div#visual {
	width: expression(
		(
			document.getElementById('line')
			&& document.getElementById('line').clientWidth < 990
		)
		?	'990px'
		:	'100%'
	);
}



* html img.l-png {
	display: expression(
		(
			document.getElementById('line')
			&& document.getElementById('line').clientWidth < 1050
		)
		?	'none' : 'block'
		);
		
}


div#main { padding: 30px 0 0 0; }
div#main table td.left-margin { width:6%; }
div#main table td.left { padding: 0 45px 0 0; width:59%; }
div#main table td.left h1 { position:relative; left:-3px; }
div#main table td.left img.s { width:600px;height:0; }
div#main table td.left p { width:85%; }
div#main table td.left * p { width:100%; }
div#main table td.left div.bottom-links { margin:15px 0 35px 0; font-size:86%; }
div#main table td.left div.bottom-links a { padding-right:20px; }
div#main table td.right { padding: 0 0 0 10px; }
div#main table td.right-margin { width:2%; }


div#main table td.right div.win { background:url(/img/h-border.gif) 0 100% repeat-x; font-size:91%; padding:3px 0 15px 0; margin-bottom:35px; }
div#main table td.right div.win div.clear { }
div.portfolio { }
div.portfolio div.img div { width:97px; height:76px; background:url(/img/bg_portfolio.jpg) no-repeat; padding:8px 0 0 8px; border-right:1px; float:left; position:relative; left:-6px; }
div.portfolio div.link { clear:both; padding-top:3px; }
div#main table td.right div.clients { background:none; }
div.clients div.img div { width:120px; height:40px; padding:8px 14px 0 0; border-right:1px; float:left; }
div.clients div.img-work div { width:120px; height:40px; padding:12px 28px 0 0; float:left; }
div.clients div.link { clear:both; padding-top:8px; }


table#pockets { position:relative; left:-12px; margin-top:10px; }
table#pockets td.pockets-header { width:100px; background:url(/img/bg_pockets.jpg); padding:5px 13px 4px 13px; position:relative; color:#777777; top:0; left:0; }
table#pockets td.pockets-links { font-size:76%; padding:7px 0px 0 0px; width:100%; } 
table#pockets td.pockets-links a { padding-left:15px; }
table#pockets td.pockets { background:url(/img/bg_pockets.jpg); position:relative; padding:10px 25px; }

table.pocket { margin:5px 0 15px 0; }
table.pocket td.header { width:60%; }
table.pocket td.header a { color:#FF0600; font-weight:normal; font-size:131%; }
table.pocket td.cost { color:#722643; }
table.pocket td.desc { padding:8px 0 10px 0; border-bottom:solid white 1px; }
table.pocket td.last { border-bottom:none; padding-bottom:0; }

div.pockets { padding:15px 20px 0 20px; background:#f6f6f6; margin:20px 0; width:95%; //width:101.5%; position:relative; left:-10px; }
div.pockets .header a { color:#FF0600; font-weight:normal; font-size:131%; }
div.pockets div.desc { margin:6px 0 3px 0; font-size:100%; }
div.cost { color:#722643; }
div.pockets div.line { border-bottom:solid white 1px; margin:10px 0 15px 0; }
div.pockets div.l-last { border-bottom:none; margin:10px 0 15px 0; }
div.pockets div.line img { width:1px; height:1px; }

td.footer-line { height:1px; padding:0; }
td.footer-line div { border-top:solid #dddddd 1px; position:relative; left:-2%; height:1px; }

tr.footer td { font-size:76%; padding:25px 0; line-height:150%; }
tr.footer td.phones { padding-left:10px; }

.tbl-work tr.footer td { padding:15px 0;  }
.tbl-work tr.footer td.phones { padding-left:25px; font-size:76%; }
.tbl-work tr.footer td.copy { padding-left:50px; font-size:76%; }




/* Рабочие страницы */

div.w-main#main { padding:0; height:100%; }

table.tbl-work { height:100%; width:100%; max-width:1250px; min-width:990px; }
table.tbl-work td { }
table.tbl-work td.td-l { width:23%; }
table.tbl-work td.td-r { width:22%; }
table.tbl-work td.td-m { padding-left:50px; width:55%; }

table.tbl-work tr.s-top td { height:45px; }
table.tbl-work tr.s-top img.s { width:250px; height:0px; }

table.tbl-work div.icons { background:url(/img/bg_w_icons.gif); width:135px; height:33px; position:relative; }
table.tbl-work div.icons a { position:absolute; top:5px; }
table.tbl-work div.icons a#i1 { left:18px; }
table.tbl-work div.icons a#i2 { left:58px; }
table.tbl-work div.icons a#i3 { left:98px; }

table.tbl-work tr.top td { height:95px; }
table.tbl-work tr.top * td { height:auto; } 
table.tbl-work tr.top td.td-l div.r-bord { width:100%; height:100%; border-right:solid #f3f3f3 3px; padding-top:10px; padding-left:15px; }
table.tbl-work tr.top td.td-r div.l-bord { width:98.5%; height:100%; border-left:solid #f3f3f3 3px; }
table.tbl-work tr.top td.td-m { vertical-align:middle; }

table.tbl-work tr.top td.td-m table { height:50px; }
table.tbl-work tr.top td.td-m table td { padding:8px 8px 8px 0; }
table.tbl-work tr.top td.td-m table td a { font-weight:bold; font-size:116%; color:#FB0A2C; _apadding:0 2px 0 2px; }
table.tbl-work tr.top td.td-m table td a:hover { color:white; color:#C70C52; }
_atable.tbl-work tr.top td.td-m table td a:hover { color:white; background:#FB0A2C;  _acolor:#C70C52; text-decoration:none; }


div.hr {  background:url(/img/hr.gif) 0 0 repeat-x; height:2px; margin:5px 0 10px 0; padding:0; }
div.hr img { width:0; height:0; }	

table.tbl-work tr.tr-line td { height:64px; background:url(/img/tr_line.gif) 0 23px repeat-x; }


table.tbl-work { }
table.tbl-work tr.tr-work td.td-m { padding-right:40px; }

table.tbl-work tr.tr-work td.td-l { }
table.tbl-work tr.tr-work td.td-l td.lm { position:relative; padding:15px 10px 10px 25px; line-height:100%; }
table.tbl-work tr.tr-work td.td-l td.lm .small { font-size:81%; color:#333333; padding-left:5px; }
table.tbl-work tr.tr-work td.td-l td.lm div.a { font-size:96%; padding-left:4px; margin:4px 0 10px 0; line-height:120%; }
table.tbl-work tr.tr-work td.td-l td.lm div.lev-3 { padding-left:4px; }
table.tbl-work tr.tr-work td.td-l td.lm div.lev-4 { padding-left:24px; }
table.tbl-work tr.tr-work td.td-l td.lm div.lev-5 { padding-left:44px; }
table.tbl-work tr.tr-work td.td-l td.lm a { text-decoration:none; color:#B9152C; }
table.tbl-work tr.tr-work td.td-l td.lm div.sel a, table.tbl-work tr.tr-work td.td-l td.lm div.sel a:hover { color:#aaaaaa; text-decoration:none; }
table.tbl-work tr.tr-work td.td-l td.lm a:hover { color:#FF0600; text-decoration:underline; }

table.tbl-work tr.tr-work td.td-r div.r-block { border-left:solid #f3f3f3 3px; padding:0 10px 0 25px; margin-bottom:30px;  }
table.tbl-work tr.tr-work td.td-r div.r-block div.link { font-size:91%; }
table.tbl-work tr.tr-work td.td-r div.r-block div.clients { line-height:130%; font-size:96%; }


td.td-help {  }
td.td-help div { font-size:86%; padding-bottom:4px; }


div.chain { color:#dddddd; font-size:81%; padding:0 0 0 2px; margin:0; }
div.chain img { background:#aaaaaa; }
div.chain a { color:#aaaaaa; }
div.chain a:hover { color:#FF0600; }
div.chain a:hover img { background:#FF0600; }





/*Форма обратной связи*/
div.feedback { color:black; }
div.feedback form div { }
div.msg-error { color:red; }
div.comment { color:#aaaaaa; }
div.msg-success { color:red; }


/* Формы */
.red { color:red; }
form { width:500px; }
form input, form select, form textarea { width:100%; }
form .field_checkbox input { width:30px; }
form div { margin:13px 0; }
form div div { margin:0; }
form div.name { font-size:100%; font-weight:normal; }

form div.button-panel { margin:20px 0; }
form div.button-panel input { width:120px; margin-right:10px; }

option.empty { color:#aaaaaa; }

.err-field { border-bottom:solid red 2px; }
.err-mess { color:red; }


/* Карта сайта */
.sm-main { font-weight:bold; margin:25px 0 5px 0; }

.sm-block { margin:15px 0 5px 0; padding-right:25px; float:left; width:45%; }
.sm-block div { padding:0 0 5px 0; }
.sm-block .sm-top { font-weight:bold; }
.sm-block .sm-top a, .sm-main a { color:#C70C52; }
.sm-block .sm-top a:hover, .sm-main a:hover, .sm-item a:hover { color:#FB0A2C; }


.sm-item { font-size:86%; width:100%; }
.sm-item a { color:#333333; }

.sm-block div.lev-3 { padding-left:0px; }
.sm-block div.lev-4 { padding-left:15px; font-size:81%; }
.sm-block div.lev-5 { padding-left:30px; font-size:81%; }
.sm-block div.lev-6 { padding-left:45px; font-size:81%; }




div.banner-text { text-align:center; padding:15px 15px; background:#CC334C; margin:60px 20px 20px 0; position:relative; width:93%; max-width:200px; }
div.bt-main { margin-top:30px; width:100%; max-width:92%; }
div.banner-text a { color:white; font-size:130%; text-decoration:none; }
div.banner-text a:hover { color:white; }



/* Сравнение пакетов */
table.pockets-match { width:auto; }
table.pockets-match td { border-bottom:solid #dddddd 1px; padding:5px 10px; width:10%; text-align:center;  white-space:nowrap; font-size:13px; }
table.pockets-match tr.header td { font-size:13px;  vertical-align:middle; border-bottom:solid #eeeeee 2px; }
table.pockets-match tr.group td { border-bottom:solid #eeeeee 1px; font-weight:bold; font-size:13px; padding-top:13px; text-align:left; } 
table.pockets-match td.name { width:12%; text-align:left; font-size:12px; }
table.pockets-match td.no { color:#e6e6e6; }
table.pockets-match td .cost { font-size:91%; }
	
	

/* Формы */
.red { color:red; }
form { width:500px; }
form input, form select, form textarea { width:100%; }
form .field_checkbox input { width:30px; }
form div { margin:13px 0; }
form div div { margin:0; }
form div.name { font-size:100%; font-weight:normal; }

form div.button-panel { margin:20px 0; }
form div.button-panel input { width:120px; margin-right:10px; }

option.empty { color:#aaaaaa; }

.err-field { border-bottom:solid red 2px; }
.err-mess { color:red; }