/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/
/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
 b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, 
time, mark, audio, video {
  margin:0;
  padding:0; 
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
/*  background:transparent; */
}                  
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
#content ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/* 
 * minimal base styles 
 */
/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#D7BAE2; }
a { transition:color .2s linear;
	-webkit-transition:color .2s linear;
	-moz-transition:color .2s linear;
	-o-transition:color .2s linear;
}
a:hover { color:#EECBFA; }
ACRONYM , ABBR		{ border-bottom:1px dotted #EECBFA; }
BLOCKQUOTE 		{ border-left:3px solid #8852ac; padding-left:5px }	
P				{ color:#8852ac; }
li	 			{ color:#8852ac; }
H1, H2, H3, H4, H5, H6	{ color:#D7BAE2; background:none}

ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px;  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #c783f6; color:#fff; text-shadow: none; }
::selection { background:#c783f6; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 
.dispnone { display:none; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }





 /* Primary Styles
    Author: Imidg
 */
html { background-color:#2F124D}
body { background:#481763 url(/img/fon.png) left top repeat-x;font:0.8125em/1.618 Arial, sans-serif;color: #8852ac; }

button{width:auto;overflow:visible;border:none;background-color:transparent;cursor:pointer;margin:0}
button[type]{padding-top:5px;padding-bottom:5px;line-height:9px}


#bg1{background-image:url(/img/headfon.jpg); background-position:center top; background-repeat:no-repeat}
.w480 #bg1{background-image:url(/img/headfon.jpg)}
.w800 #bg1,.w1024 #bg1,.w1280 #bg1 {background-image:url(/img/headfon.png);}
.ie6 #bg1{background-image:url(/img/headfon.jpg)!important}

#bg4{background:none}
.ie7 #bg4,.ie6 #bg4, #bg2{background-image:url(/img/tuman.jpg); background-position:right 780px;background-repeat:no-repeat}
.w480 #bg2{background-image:url(/img/tuman.jpg)}
.w800 #bg2,.w1024 #bg2,.w1280 #bg2 {background-image:url(/img/tuman.png);}
.ie6 #bg2{background-image:url(/img/tuman.jpg)!important}

#bg3{background-image:url(/img/tuman2.jpg); background-position:right 1830px; background-repeat:no-repeat}
.w480 #bg3{background-image:url(/img/tuman2.jpg)}
.w800 #bg3,.w1024 #bg3,.w1280 #bg3 {background-image:url(/img/tuman2.png);}
.ie6 #bg3{background-image:url(/img/tuman2.jpg)!important}

#header {text-align:center; position: relative;
	width: 100%;
}
#header:after
{
	content: '';
	display: block;
	clear: both;
} .ie7 #header h1 {width:100%}
	#logo {background-image:url(/img/logo.png); background-position: center bottom; background-repeat:no-repeat; margin-top:-200px;padding-bottom:210px;margin-bottom:10px;
		display:block; width:228px; height:83px;
		position: relative;
		z-index: 1;
		right: -50%;
	} 
	.ie6 #logo {background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png',sizingMethod=crop); 
	margin:10px 0 10px 0; padding:0; text-indent:-3000px; cursor:hand;
	}

/* navigation panel */
#navpan{
	position: relative;
	width: 100%;
}
#navpan:after
{
	content: '';
	display: block;
	clear: both;
} .ie7 #navpan {margin-bottom: 60px}
.align_center_to_left {
	position: relative;
	right: 50%;
	float: right;
}
.framed{	
	position: relative; float: left;z-index: 1;
	width: auto; height: auto;
	margin: 0; padding: 0;
	right: -50%;
}
.framed .f_r,.framed .f_b,.framed .f_l,.framed .f_c {	
	position: relative; float: left;z-index: 1;
	width: auto; height: auto;
	margin: 0; padding: 0;
}
.framed .f_tt,.framed .f_rr,.framed .f_bb,.framed .f_ll { display: none }
.framed {
	margin: 0 78px 80px 0;
	background: url('/img/hint-t.png') no-repeat left top;
} .ie6 .framed {margin-bottom: 60px}
.framed .f_r {
	left: 75px;
	background: url('/img/hint-r.png') no-repeat right top;
} 
.framed .f_b {
	top: 74px;
	background: url('/img/hint-b.png') no-repeat right bottom;
}
.framed .f_c {
	float: none;
	position: relative;
	left: 35px; top: -60px;
	padding: 1px 0; margin: 0 -10px -50px 0;
}
.framed .f_l{ left: -75px;
	padding:0;
	background: url('/img/hint-l.png') no-repeat left bottom;
}
.ie6 .framed, .ie6 .framed .f_r , .ie6 .framed .f_b, .ie6 .framed .f_l{background: none}
.ie6 .framed .f_r,.ie6 .framed .f_b,.ie6 .framed .f_l { height: 0; }
.ie6 .framed .f_tt,.ie6 .framed .f_rr,.ie6 .framed .f_bb,.ie6 .framed .f_bb *,.ie6 .framed .f_ll,.ie6 .framed .f_ll * {display: block; position: absolute; left: 0; top: 0; }
.ie6 .framed .f_tt { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hint-t.png',sizingMethod=crop); }
.ie6 .framed .f_rr { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hint-r.png',sizingMethod=crop); }
.ie6 .framed .f_tt, .ie6 .framed .f_bb { width: expression( parentNode.offsetWidth ); height: expression( parentNode.offsetHeight ); }
.ie6 .framed .f_rr, .ie6 .framed .f_ll { width: 75px; height: expression( parentNode.offsetHeight ); }
.ie6 .framed .f_bb, .ie6 .framed .f_ll {overflow: hidden}
.ie6 .framed .f_bb * { width: 1185px; height: 74px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hint-b.png',sizingMethod=crop);
}
.ie6 .framed .f_ll * { width: 75px; height: 74px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/hint-l.png',sizingMethod=crop);
}
/* Исправляем неправильный расчет позиции при "нечетной ширине" */
.ie6 .framed .f_rr,
.ie6 .framed .f_bb * { right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
.ie6 .framed .f_ll, .ie6 .framed .f_ll *, .ie6 .framed .f_bb, .ie6 .framed .f_bb * { bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }

#panout {color:#fff;margin:0}
#letters{width:100%}
#letters a.let{ background-image:url(/img/letter.png); background-position:left top; background-repeat:no-repeat; 
	display:block; width:30px; height:31px;
	color:#444; text-decoration:none;font-size:150%;font-weight:bold; font-family:Arial;line-height:150%;
}
.ie6 #letters a.let {background-image: none; cursor:hand;color:#444;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/letter.png',sizingMethod=crop);}
#letters a.let:hover{ background-position:right bottom; line-height:159%;color:#fff}
.w1024 #g1,.w1024 #g3,.w1024 #g2,.w1024 #g4 {width:100%;min-width:236px}
.w1024 #letters td{ padding:0 0 5px 0}
#g1,#g3,#g2,#g4 {min-width:252px}
#letters td{ padding:0 5px 5px 0}
#ie6tbl,#ie6tb2 {display:none}

/* input img*/
#crnr1-tl,#crnr1-tr,#crnr1-bl,#crnr1-br{background-image:url(/img/crn-tl.png); background-position:left top; background-repeat:no-repeat;width:8px; height:8px; display:none;}
.ie #crnr1-tl {float:left; display:block;margin:0 -9px 0 0px; }
.ie #crnr1-tr {float:right; display:block;margin:0 -8px -8px -8px}
.ie #crnr1-bl {float:left;display:block;margin:-8px -8px -8px 0px}
.ie #crnr1-br {float:right; display:block;margin:-8px} /* border:red 1px solid */
.ie8 #crnr1-tr {margin:0 0 -8px -8px}
.ie8 #crnr1-br {margin:-8px 0px -8px -8px}

.ie6 #crnr1-tl,.ie6 #crnr1-tr,.ie6 #crnr1-bl,.ie6 #crnr1-br{background-image: none; display:block; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn-tl.png',sizingMethod=crop);width:8px; height:8px}
#crnr1-tr {background-image:url(/img/crn-tr.png)} #crnr1-bl {background-image:url(/img/crn-bl.png)} #crnr1-br {background-image:url(/img/crn-br.png)}
.ie6 #crnr1-tr{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn-tr.png',sizingMethod=crop)}
.ie6 #crnr1-bl{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn-bl.png',sizingMethod=crop)}
.ie6 #crnr1-br{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn-br.png',sizingMethod=crop)}

/* select img*/
#crnr2-tl,#crnr2-tr,#crnr2-bl,#crnr2-br{background-image:url(/img/crn2-tl.png); background-position:left top; background-repeat:no-repeat;width:8px; height:8px}
.ie6 #crnr2-tl,.ie6 #crnr2-tr,.ie6 #crnr2-bl,.ie6 #crnr2-br{background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn2-tl.png',sizingMethod=crop);width:8px; height:8px}
#crnr2-tr {background-image:url(/img/crn2-tr.png)} #crnr2-bl {background-image:url(/img/crn2-bl.png)} #crnr2-br {background-image:url(/img/crn2-br.png)}
.ie6 #crnr2-tr{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn2-tr.png',sizingMethod=crop)}
.ie6 #crnr2-bl{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn2-bl.png',sizingMethod=crop)}
.ie6 #crnr2-br{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/crn2-br.png',sizingMethod=crop)}


/* элементы закругления */
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {display: none;
	height: 1px; 
	overflow: hidden;
	font-size:1px;
	background-color:#fff; 
}
.ie .r1, .ie .r2, .ie .r3, .ie .r4, .ie .r5, .ie .r6, .ie .r7, .ie .r8, .ie .r9, .ie .r10 {display: block;}
.r10 { margin: 0 10px; } .r9 { margin: 0 9px; } .r8 { margin: 0 8px; } .r7 { margin: 0 7px; } .r6 { margin: 0 6px; } .r5 { margin: 0 5px; } .r4 { margin: 0 4px; } .r3 { margin: 0 3px; } .r2 { margin: 0 2px; } .r1 { margin: 0 1px; }

#panin,#ch_lett {text-align:left; font-family:Arial; font-size:120%}
#panin .inner-box { margin:0; background-color:#fff;
border-radius: 8px; 
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding:1px 2px 2px 2px;
} /* padding:7px 8px 8px 8px; */
.ie #panin .inner-box { padding: 0 2px; margin:0}
#inppoisk, #selthem {width:100%; background:transparent; font-family: Arial, Helvetica, sans-serif; font-size:1.2em;padding:0;padding-left:7px; margin:0; border: transparent}
#inppoisk {height:27px; color:#000}
.ie6 #inppoisk {border:#fff 1px solid;height:23px;}
.ie7 #inppoisk {height:24px;}
#buttpoisk, #buttthem {background-image:url(/img/buttons.png); background-position: right center; background-repeat:no-repeat;width:20px; height:19px; border:none; margin:4px 2px -4px 2px}
.ie6 #buttthem  {margin:0 0 -2px 0}
.ie6 #buttpoisk {margin:3px 1px -3px -1px}
#selthem{clip:rect(2px 82px 20px 2px);}
#tdthem { width:20px; height:19px}
#buttthem {background-position: left top;margin:5px 0 0 0}
.js #tdthem, .js #buttthem {display:none}
.stylish-select ul.newList {left:-9000px;}
.newListSelected{
		width:100%;
		margin:0 auto;
}
.selectedTxt{
		width:96%;
		height:27px;
		padding:0 30px 0 10px;
		overflow:hidden;
		background:url(/img/selbutt.gif) 96% center no-repeat;
		color:#000;
		font-size:1.2em;
		line-height:1.3em;
		zoom:1;		
		z-index:1;
	}
/* .ie6 .selectedTxt,.ie7 .selectedTxt{width:98%;background-position:98% center} */
.w1280 .selectedTxt{width:95%;background-position:95% center; margin-bottom:1px}
.w1024 .selectedTxt{width:95%;min-width:10px;background-position:95% center;margin-bottom:1px;
//width:93%;
//background-position:93% center;

}
.w800 .selectedTxt{width:95%;background-position:96% center;
//width:91%;
//background-position:92% center;
}
.w480 .selectedTxt{width:93%;background-position:93% center;
//width:94%;
//background-position:94% center;
}



	.newList{
		list-style:none;
		padding:0;
		margin:2px 0 0 4px;
		width:97%;
		position:absolute;
		z-index:500;
		top:130px;		
	}
	.ie .newList{margin-top:5px}
	.newList li{padding:0;margin:0;}
	.newList li a{
		display:block;
		background:#fff;
		font-size:1.2em;
		padding:0 6px;
		line-height:normal;
		outline:none;
		height:25px;
		padding:1px 0 0 6px;
		overflow:hidden;
	}
	.newList li a:link,.newList li a:visited,.newList li a:hover{color:#000;text-decoration:none;}
	.newList li a.hiLite{background:#fff}
	.newList li a.newListHover{background:#E9E4EC}
#body{text-align:left; font-size:130%; font-family:Arial, Helvetica, sans-serif;}
/* .ie6 #body {margin-right:80px} */
#content {padding:21px}
#content p {text-indent:21px; text-align:justify}
#content h1 {font-size:110%}
#sidebar {padding:58px 21px 12px 0;max-width:240px;}
.hr {background:transparent url(/img/hr.png) left bottom repeat-x}
h1.hr {background:transparent url(/img/hr.png) repeat-x 0 94%;font-family:Verdana, Helvetica, sans-serif;font-weight:normal}
#content h1.hr {color:#FFF!important; font-size:150%!important}


#footer{color:#baa1c3; text-align:left; padding:12px 0;background:transparent url(/img/hr.png) left top repeat-x; min-height:31px}
	#cpr {float:left}
	#cntrs{float:right}


.ui-autocomplete-loading { background: white url('/img/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete { position: absolute; cursor: default; }	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu-item a {font-family:Arial, Helvetica, sans-serif;color:#000;
	text-decoration:none;background:#FFF;font-weight: bold; font-size:1.2em;
	display:block;
	margin:0px;
	padding:4px 8px;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { 	
	background:#E9E4EC;
}

.ui-widget-content { border: 1px solid #fff/*{borderColorContent}*/; background: #ffffff; color: #000/*{fcContent}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }


#container { min-width:240px; min-height:400px;}

#tblal,.w800 #tblal {display:block}
#tral,.w1024 #tblal, .w800 #tral , .w1024 #panin, .w1280 #panin {display:table; width:100%}
.w1024 #panin, .w1280 #panin {display:table; width:100%}
#r1,#r2, .w800 #r1, .w800 #r2, .w1024 #trb2, .w1280 #trb2 {display:table-row; width:100%}
#g1,#g2,#g3,#g4, 
 .w800 #g1, .w800 #g2, .w800 #g3, .w800 #g4, 
/* .w1024 #g1, .w1024 #g2, .w1024 #g3, .w1024 #g4, */
.w1024 #poisk, .w1024 #ch_theme, .w1280 #poisk, .w1280 #ch_theme {display:table-cell; width:50%;
//width:100%;
	}
.w1024 #ch_theme, .w1280 #ch_theme {display:table-cell;padding-left:12px;
//padding-left:0;
}

.w1280 #tblal {display:table;margin-right:-10px; width:100%}
.w1280 #tral, .w1024 #tral {display:table-row; width:100%}
.w1024 #r1, .w1024 #r2,.w1280 #r1, .w1280 #r2 {display:table-cell}

/*
.w800 #tral {display:table}
.w800 #r1, .w800 #r2 {display:block}
.w800 #g1, .w800 #g2, .w800 #g3, .w800 #g4 {display:table-row}
*/

.w480 #tblal, .w480 #tral, 
.w480 #r1, .w480 #r2,
.w480 #g1, .w480 #g2, .w480 #g3, .w480 #g4 {display:block}



/* width */
.w480 #container {max-width:460px;
-width:460px;
}
.w480 #sidebar {display:none}
.w480 #content {padding:4px}


.w800 #sidebar,.w1024 #sidebar,.w1280 #sidebar {display:table-cell}
.ie6 .w800 #sidebar,.ie6 .w1024 #sidebar, .ie6 .w1280 #sidebar, {display:block}

.w800 #container {max-width:744px;
-width:744px;
}

.w1024 #container {max-width:998px;
-width:996px;
}
.w1024 #panout {
	-width:957px;
	}
.w1280 #panout {
	-width:1030px;
	}
.w1280 #container {max-width:1255px;
-width:1100px;
}


/* tabs */
#tabulator {
	position:relative; 
	float:left;
	margin:62px 0px 0 -1px;
	*margin:70px 0 0 0;
	*padding:0 0 16px;
	width:100%;
}
.ie6 #tabulator { margin:12px 0 0 0;padding:0 0 16px 0}
.w480 #tabulator { 
//padding-left:3px
}
#tabulator .tab-content table.list { 
	float:left; 
	width:auto;
	margin:12px 0 16px 16px; 
}

#tabulator ul.tabs {
	float:left; 
	margin:-41px 0 0;	
	width:100%;
	}
.ie6 #tabulator ul.tabs { margin-top:0;}

	#tabulator ul.tabs.sub {
		margin:0;
		padding:5px 0 0;
		width:100%;
		}
	#tabulator ul.tabs li {
		float:left;
		list-style: none;
		text-align:center;
		color:#fff;
		line-height:14px;
		width:25%;
		}
	#tabulator ul.tabs li:last-child {
		float:right;
		}					
		#tabulator ul.tabs li:last-child a {
			width:100%;
			}		
		.ie6 #tabulator li.tablast, .ie7 #tabulator li.tablast { width:25%!important;margin:0 -2px 0 0}
				
		#tabulator ul.tabs li a {
			display:block; overflow: hidden;
			padding:6px 0 0 0;
			width:99%;
			height:35px; 
			color:#fff;
			font-family:Arial Narrow, Arial, Helvetica, sans-serif;
			font-size:14px;
			text-decoration:none;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;						
		}

			#tabulator ul.list {margin:0 7px 0 0;}
			#tabulator ul.list li {list-style: none;}
BODY.sonnik #tabulator { background-color:#300b33!important;  }
BODY.sonnik #tabulator ul.tabs li a { background:transparent url(/img/sonnik/tabs_bg.png) repeat-x; }
BODY.sonnik #tabulator ul.tabs li a:hover,
BODY.sonnik #tabulator ul.tabs li.active a { 
	background:transparent url(/img/sonnik/tabs_bg.png) repeat-x 0 -84px; 
	border-bottom:1px solid #300b33;
	}
	
BODY.sonnik #tabulator ul.tabs.sub { background:#300B33; } 	
BODY.sonnik #tabulator ul.tabs.sub li a:hover,
BODY.sonnik #tabulator ul.tabs.sub li.active a { 
	background:transparent url(/img/sonnik/tabs_bg.png) repeat-x 0 -42px; 
	border-bottom:1px solid #300b33;
	}
BODY.sonnik #tabulator UL.list LI A 		{ color:#fff; }
BODY.sonnik #tabulator UL.list LI A:hover 	{ color:#eecbfa; }
.w480 #tabulator UL.tabs LI A 		{ font-size:smaller;
//font-size:14px;
}

/* sidebar banner */
#sidebar .hr {margin-bottom:12px}
div#flashy {
   position: relative;
   display: block;
   width: 240px;
   height: 400px;
   overflow: hidden;
   cursor:pointer;
//cursor:hand; 
}
div#flashy br { 
   display: none;
}
div#flashy a img {border:none!important}

div#sdpic {display: none; float:right; padding:0 0 5px 5px}

/* Theme style*/
BODY.sonnik ::-moz-selection	{ background:#c783f6; }
BODY.sonnik ::selection 		{ background:#c783f6; }
BODY.sonnik #body a 				{ color:#D7BAE2; }	
BODY.sonnik #body a:hover 			{ color:#EECBFA; }
BODY.sonnik #body ACRONYM  			{ border-bottom:1px dotted #EECBFA; }
BODY.sonnik #body BLOCKQUOTE 		{ border-left:3px solid #8852ac; padding-left:5px }	
BODY.sonnik #body P	 				{ color:#bba1cc; } /*a380ba */
BODY.sonnik #body li	 			{ color:#8852ac; }
BODY.sonnik #body ul.list li a:hover	{ color:#eecbfa; }
BODY.sonnik #body H1, 
BODY.sonnik #body H2, 
BODY.sonnik #body H3,
BODY.sonnik #body H4,
BODY.sonnik #body H5,
BODY.sonnik #body H6				{ color:#D7BAE2; }


/* rekl */
#num1 {z-index: 100; position:relative}
.w480 #num1,.w240 #num1 {display: none;}
.w800 #num1,.w1024 #num1,.w1280 #num1 {display: block;}
div#num1:after {
    content: '';
    display: block;
    clear: both
}
#y_R-A-38762-1 {
	position: relative;
	z-index: 1;
	right: -50%
}

#num2 {margin:0 0 12px 0;padding:0 0 12px 0; text-align:left; text-indent:0!important}
#soc {margin-bottom:12px}
#num3 {width:240px}
#num4 a {font-size:80%;}
/* #num4 {padding-left:12px;max-width:1000px; float:left}
  .w480 #num4 {margin:0; padding:0;font-size:80%; width:455px}
  */
#num4 {text-align:center;padding-bottom:6px;}
/*.w480 #num4,.w240 #num4 {display: none;}*/
.w800 #num4,.w1024 #num4,.w1280 #num4 {display: block;}
#yad1 {margin-top:5px}
#vk_like {padding-top:2px}
#mra {padding-top:3px}
#con_soc {margin:7px 0 14px 0;float:right}
.smalltxt {margin-top:30px}
#content a.begun_hyper_link{ color:#D7BAE2!important;display:inline!important; border-bottom:#D7BAE2 1px solid !important}
#content a.begun_hyper_link:hover { color:#EECBFA!important; border-bottom:#EECBFA 1px dashed !important}

#LC_Teaser_Block_19489 {background-color:#0A0B2D!important;height:90px;max-width:1024px;border:white 1px solid!important;
border-radius: 8px!important;
-khtml-border-radius: 8px!important;
-moz-border-radius: 8px!important;
-webkit-border-radius: 8px!important;}
#LC_Teaser_Block_19489 table {background-color:transparent!important; border:none!important;padding-top:0!important}
#LC_Teaser_Block_19489 table td{padding-top:0!important}
#LC_Teaser_Block_19489 a:hover img {border:#B491BD 1px solid!important;}
#LC_Teaser_Block_19489 a:hover {text-decoration:underline!important}

.favicn {vertical-align:middle!important; width:16px; height:16px}

#astro {max-width:1024px; text-align:center;margin:0 auto}
#astro a.astrotxt, #astro a.horotxt, #astro a.tst1 {
	color: #368!important;
}
#astro .tst1 {padding:12px}

#astroside {margin-top:-27px}
#astroside a {float:left; display:block; font-size:0.93em; width:111px; padding:60px 3px 7px 3px; text-align:center; line-height:0.97em;text-decoration:none;
background-image:url(/img/gor_scop.png); background-position: top center; background-repeat: no-repeat; }
#astroside a:hover {text-decoration:underline}
#astroside a#gor {background-image:url(/img/gor_scop.png)}
#astroside a#gor_sex {background-image:url(/img/gor_sex.png)}
#astroside a#gor_sovm {background-image:url(/img/gor_sovm.png)}
#astroside a#gor_lub {background-image:url(/img/gor_lub.png);border: 1px solid transparent;}
#astroside a#gor_lub:hover {border: 1px solid red;border-radius: 15px}
#astroside a#gor_den {background-image:url(/img/gor_den.png)}
#astroside a#gor_god {background-image:url(/img/gor_calend.png)}
.ie6 #astroside a#gor {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gor_scop.png',sizingMethod=crop)}
.ie6 #astroside a#gor_sex {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gor_sex.png',sizingMethod=crop)}
.ie6 #astroside a#gor_sovm {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gor_sovm.png',sizingMethod=crop)}
.ie6 #astroside a#gor_lub {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gor_lub.png',sizingMethod=crop)}
.ie6 #astroside a#gor_den {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gor_den.png',sizingMethod=crop)}
.ie6 #astroside a#gor_god {background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/gor_calend.png',sizingMethod=crop)}

.adonweb { display:block;width: 240px; max-height: 418px;overflow: hidden;padding-bottom: 12px }
.adonweb .LC_Links_Block a.LC_Lnk_34402,.adonweb .LC_Links_Block a.LC_Lnk_34404,.adonweb .LC_Links_Block a.LC_Lnk_34403,
.adonweb .LC_Links_Block a.LC_Lnk_34402_Hover,.adonweb .LC_Links_Block a.LC_Lnk_34404_Hover,.adonweb .LC_Links_Block a.LC_Lnk_34403_Hover {float: left;line-height:1.5; font-size:12px!important}

div#TGB_981, div#SC_TBlock_2636, div#TCCB_3315, div#TM_74 {margin-bottom: 12px} 
div#TCCB_3315 .teaser-cc-title, div#TCCB_3315 .teaser-cc-img {line-height: 14px;text-align: center;
vertical-align: top;} /* teaser-goods */
div#TM_74 .teaser-cc-title, div#TM_74 .teaser-cc-img {line-height: 14px;text-align: center;
vertical-align: top;}
#SC_TBlock_2636 .SC_TBlock_2636_td {line-height: 14px} /* smaclick */
#SC_TBlock_2636 table#SC_TBlock_2636_Table {background-color:transparent!important}
div#ZO_55 #tcc-tb-55 table td {line-height: 14px} /* teaser-goods */
/* adv hochu_zamuj*/
#hz {float:right;width: 240px;text-align: center;vertical-align: top;margin: 0 auto;padding: 0}
#hz .item-table {
	width: 240px;
	padding: 0;margin: 0;
	border:none
}
#hz .item-table .item {
font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
font-style: normal;font-weight: normal;font-size: 8pt;
text-decoration: none;
text-align: left;
border: none;float: none;
color: #D7BAE2;
margin: 0 auto;
padding: 2px 2px 4px 2px;
background: transparent url('/img/hr.png') left bottom repeat-x;
}
#hz .item-table .item-img {
font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
font-size: 8pt;font-weight: normal;font-style: normal;
color: #000;
text-align: center;text-decoration: none;
border: none;
float: left;
margin: 0;padding: 4px 7px 0 0;
background: none;line-height: 0;
}
#hz .item-table .item-img img {
	border-radius: 3px;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear
}
#hz .item-table .item-img a:hover img {
	border-radius: 0;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
#hz .item-table .item-title {
font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
font-size: 1.25em;
line-height: 1.4em;
font-weight: bold;font-style: normal;
color: #D7BAE2;
text-align: left;text-decoration: none;
border: none;float: none;
margin: 0;padding: 0;
border-radius: 0
}

/* Astro 7 */
#content #astro7-wrapper {margin: 21px}
.a7-popup .a7-popup-close {background: url('//content.astro7.ru/images/sprite.png') right -166px}

/* Pixfuture */
.leaderboard-pixfuture div {margin: 0 auto}

/* #content a[href="http://uznay.sonnik.ru/your_sleep/"] {display: none} */
/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}
/*
@media all and (min-device-width: 700px) and (max-device-width: 728px) { 
	.leaderboard-pixfuture{transform: scale(0.9);} 
} 
@media all and (min-device-width: 671px) and (max-device-width: 699px) { 
	.leaderboard-pixfuture{transform: scale(0.9);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 651px) and (max-device-width: 670px) { 
	.leaderboard-pixfuture{transform: scale(0.88);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 631px) and (max-device-width: 650px) { 
	.leaderboard-pixfuture{transform: scale(0.85);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 601px) and (max-device-width: 630px) { 
	.leaderboard-pixfuture{transform: scale(0.8);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 601px) and (max-device-width: 630px) { 
	.leaderboard-pixfuture{transform: scale(0.8);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 560px) and (max-device-width: 600px) { 
	.leaderboard-pixfuture{transform: scale(0.75);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 520px) and (max-device-width: 559px) { 
	.leaderboard-pixfuture{transform: scale(0.7);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 491px) and (max-device-width: 519px) { 
	.leaderboard-pixfuture{transform: scale(0.65);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 451px) and (max-device-width: 490px) { 
	.leaderboard-pixfuture{transform: scale(0.6);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 401px) and (max-device-width: 450px) { 
	.leaderboard-pixfuture{transform: scale(0.55);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 371px) and (max-device-width: 400px) { 
	.leaderboard-pixfuture{transform: scale(0.5);transform-origin: 0 0;} 
} 
@media all and (min-device-width: 341px) and (max-device-width: 370px) { 
	.leaderboard-pixfuture{transform: scale(0.46);transform-origin: 0 0;} 
} */
@media all and (min-device-width: 301px) and (max-device-width: 319px) { 
	.leaderboard-pixfuture {transform: scale(0.93);transform-origin: 0 0;} 
} 
/*@media all and (max-device-width: 300px) { 
	.leaderboard-pixfuture {transform: scale(0.4);transform-origin: 0 0;} 
}
*/