/*div,li,a{ 
    behavior: url('iepngfix.htc');
}*/
body{
    border: 9px solid #F0D9F0;
    background-color: #F0D9F0;
}

.counter{
    width: 1000px;
    margin: 10px auto;
}
h1, h2, h3, h4, h5{
    color:#990099;
    font-weight: bold;
}

h1{
}
strong.descr{
    font-size: 2em;
    margin: 20px 0 10px 40px;
    clear: both;
	color:#990099;
	display:block;
	text-align:left !important;	
}

ul {
    margin:1em 0 0 2em;
}
ul ul{
    margin-top: 0em;
}
li{
    
}

#center{
    margin-bottom: 10pt;
}

.contentimg{
	margin:10px;
	text-align:right;
	float:right;
}
/*
    START BASE
*/
#header{
    border-bottom: 1px solid #660066;
}
/*
#header hr{
    margin: 15px 0 0 0;
    border: 2px solid #660066;
}
*/
#logo{
    position: absolute;
    top:28px;
    left:20px
}

#logo span{
    display: block;
    margin: 4px 0 0 10px;
    font-size: 1.4em;
    color: #990099;
}
#logo span *{
    font: inherit;
    color: inherit;
}
#user{
    position: absolute;
    top:10px;
    left: 10px;
    width: 100px;
    height: 20px;
}

#navigation{
	clear:both;
	margin:0 22px;
	padding:100px 0 0 0;
	position:relative;
	text-align:center;
}
#navigation .row{
	margin-top:4px;
}
#navigation a{
	padding-top:5px;
}
#navigation i{
	font-style:normal;
	margin:0px 6px;
}
#footer{
    margin:8px 5px 5px;
    padding: 10px 10px;
    background-color: #98009D;
    color:#FFF;
    position: relative;
}


#footer div.copy{
    background-color: #98009D;
    color:#FFF;
    line-height: 1.4em;
}

#footer div.urls{
    position: absolute;
    right: 10px;
    top:0px;
    width: 350px;
    height: 70px;
    background-color: #98009D;
    color:#FFF;
    line-height: 1.4em;
    font-size: 0.8em;
}
#footer a, #footer p, #footer strong{
    color:#F0F0F0;
}
div.copy a{
    color: #FFF;
}
div.copy a:hover{
    color: #CC66CC;
}

#context{
    position: absolute;
    z-index: 999;
    width: 650px;
    height: 139px;
    top:7px;
    left: 280px;
}
/*
    END BASE
*/

/*
    START LOGIN
*/
#login-page{
    width: 300px;
    margin: 30px;
    border:3px solid #B43BA3;
}

#login-page label{
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    cursor: hand;
    width: 65px;
    font-weight: bold;
    color:#CC0099;
}

#login-page p{
    margin: 0px;
    padding: 10px 20px 10px 20px;
    background-color:#F4F4F4;
}

#login-page p.w{
    background-color:transparent;
}
#login-page h1{
    /*margin: 0px;*/
}
/*
    END LOGIN
*/

/* START Пейджер */
ul.pager{
    display:block;
    margin:10pt auto 0pt 10%;
    text-align:left;
}

ul.pager li{
    display:inline;
    float:left;
    list-style-type:none;
    /*margin-right:0.6em;*/
    text-align:center;
    list-style-position:outside;
}

ul.pager li a, ul.pager li span{
    padding:3px 6px 3px 5px;
    font-size: 1.4em;
}
ul.pager li span.curr{
    /*padding: 0 4px;*/
    /*background: url('/i/pager_span.gif') no-repeat;*/
    background-color: #CC0099;
    color:#F8BC94;
}


/* END Пейджер */


/*
*  START TOP MENU
*/
#topmenu{
    top:155px;
    position: absolute;
    padding-left: 0px;
}

#topmenu a{
    color:#F8BC94;
}
.firstitem{
    width: 263px;
    height:145px;
    background:url("/i/other_menu_bg.jpg") no-repeat;
    /*margin-left: 22px;*/
    float: left;
    position: relative;
}
.firstitem ul{
    margin: 40px 0 0 0;
}
.firstitem li{
    height: 29px;
    width: 200px;
    /*background-image: none ! important;*/
    background: url('/i/strelka.png') no-repeat;
    margin-bottom: 4px;
    cursor: pointer;
}
.firstitem li a{
    position: absolute;
    margin: 4px 0 0 32px;
    font-size:1.4em;
    text-decoration: none;
}
.firstitem li a:hover{
    text-decoration: underline;
}
.item{
    width:228px;
    height: 145px;
    margin: 0 4px 0 0;
    float: left;
    position: relative;
}
.item div.title{
    width:228px;
    height: 145px;
}

.item.bow{
	position:relative;
    margin:0;
	width:41px;
	overflow:visible;
	z-index:9;
}
.item.bow #bowbg{
	position:absolute;
	top:0px;
	left:-1pxpx;
	width:61px;
    height: 145px;
	background: url('/i/bow_menu_bg.png') no-repeat;
	z-index:100;
}
.item.streps{
    background: url('/i/streps_menu_bg.jpg') no-repeat;
}
.item.streps div.title{
    background: url('/i/streps_menu_text.png') no-repeat;
}

.item.violet{
    background: url('/i/violet_menu_bg.jpg') no-repeat;
}
.item.violet div.title{
    background: url('/i/violet_menu_text.png') no-repeat;
}

.item.fuchsial{
    background: url('/i/fuchsial_menu_bg.jpg') no-repeat;
}
.item.fuchsial div.title{
    background: url('/i/fuchsial_menu_text.png') no-repeat;
}
.tocatalog{
    position: absolute;
    top:40px;
    width:228px;
    height: 60px;
    cursor: pointer;
}

.item.columnea{
    background: url('/i/column_menu_bg.jpg') no-repeat;
}
.item.columnea div.title{
    background: url('/i/column_menu_text.png') no-repeat;
}

.item ul{
    position: absolute;
    bottom:-16px;
    margin:0;
}

.item li{
    float: left;
    width: 80px;
    height: 51px;
    margin: 0px 6px 0 8px;
    padding: 0 0 0px 0px;
}
/*
li.big{
    width: 118px;
    height: 51px;
    / *background: url('/i/navig_menu_bg.png') no-repeat;* /
}
*/
.item li a,
.item li a.selected{
    width: 90px;
    height: 51px;
    position: absolute;
    text-decoration: none;
}

.item li a:hover,
.item li.selected a{
    background: url('/i/navig_menu_bg_s.png') no-repeat;
}
.item li a span{
    position: absolute;
    padding : 10px 0 0 14px;
    color:#F8BC94;
    font-size: 1.4em;
	height:20px;
	overflow:hidden;
}
.item li a.big{
    width: 118px;
    height: 51px;
    text-decoration: none;
}
.item li a.big:hover,
.item li.selected a.big{
    background: url('/i/navig_menu_bg.png') no-repeat;
}

.item li a.big span{
    position: absolute;
    padding : 10px 0 0 11px;
    color:#F8BC94;
    font-size: 1.4em;
	height:20px;
	overflow:hidden;
}


.item li a:hover span,
.item li.selected a span,
.item li a.big:hover span{
    color:#660066;
}
.item .download{
    position: absolute;
    top:8px;
    left:80px;
    width: 150px;
    height: 26px;
}

.download .year{
    float: left;
    font-size: 2.3em;
    width: 64px;
    color: #FFF;
    line-height: 1.2em;
    margin-top: -3px;
}

.download .text{
    float: left;
    width: 50px;
    margin-left: 4px;
    color: #FFF;
    line-height: 1em;
    line-height: 1.2em;
}

.download .format{
    display: block;
    float: left;
    width: 20px;
    color: #FFF;
    line-height: 1em;
    line-height: 1.2em;
}

.download a{
    line-height: 1em;
    text-decoration: underline;
}
.download a:hover{
    text-decoration: none;
}
/*
*  END TOP MENU
*/
.index{
	position:relative;
}
.index h1{
    font-size: 1.4em;
}
.index #links{
	position:absolute;
	top:-16px;
	right:0px;
	height:220px;
	width:140px;
}
.quote{
	margin:2em 0 2em 4em;
	color:#990099;
	font-weight:bold;
	size:1.4em;
}
.news{
    position: relative;
}
.newsblock{
    width: 250px;
}
.newsblock ul{
    margin: 12px 0 0 0;
}
.news h3{
    margin: 20px 0 0 60px;
    font-size: 1.4em;
}
ul.news{
    margin: 12px 0 0 0;
}
.news li{
    margin: 10px 0;
}
.news .date{
    font-weight: bold;
}
.news p{
    margin: 4px 0;
}
p.newsarhive{
    margin: 0 0 0 12px;
}
/*
*  START CATALOG 
*/
table.catalog{
    width: 943px;
    margin: 0 5px;
}

.catalog tr{
}

.catalog tr.odd{
    background-color: #F4F4F4;
}

.catalog td{
    padding: 10px 6px;
    vertical-align: middle;
}

td.cost{
    text-align: center;
    /*font-weight: bold;*/
    font-size: 1.3em;
}
.catInfo{
	bottom:0;
	margin:20px 0 -84px 20px;
	position:absolute;
	z-index:999;
}
.catInfo i{
	color:#CC0099;
	font-weight:bold;
}
.catalog th{
    padding: 12px 4px;
    font-weight: bold;
}

.catalog .n{
    color:#CC0099;
    font-size:1.2em;
    font-weight: bold;
}

.catalog span.h{
    display: block;
    color:#CC0099;
    font-size:1.2em;
    text-decoration:none;
    font-weight: bold;
}
.catalog span.au{
    /*font-weight: bold;*/
    font-size: 1em;
}

#catalog-preview{
    display: none;
    width: 660px;
    height: 600px;
}

.catalog a{
    cursor: pointer;
}

.descr{
    padding: 10px 12px 10px 0;
    text-align: right;
    font-weight: bold;
}
.descr #links{
	float:left;
	height:10px;
	width:140px;
}
.sempl-table{
    border: 1px solid #EEE;
}
.sempl-table td{
    border: 1px solid #EEE;
    width: 140px;
    text-align: center;
}


/* start modal*/
.flora .ui-dialog,
.flora.ui-dialog {
    /*background-color: #e6f7d4;*/
    background-color: #fff;
    height: 600px;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
    /*border-bottom: 1px solid #d8d2aa;*/
    background: #98009D;/* url(i/dialog-title.gif) repeat-x;*/
    padding: 0px;
    height: 28px;
    _height: 29px;
    font-size:1.4em;
    color: #FFF;
}

.flora .ui-draggable .ui-dialog-titlebar,
.flora.ui-draggable .ui-dialog-titlebar {
    /*cursor: move;*/
}

.flora .ui-draggable-disabled .ui-dialog-titlebar,
.flora.ui-draggable-disabled .ui-dialog-titlebar {
    cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
    width: 16px;
    height: 16px;
    background: url(/i/dialog-titlebar-close.png) no-repeat;
    position:absolute;
    top: 6px;
    right: 7px;
    cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
    background: url(/i/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
    margin-left: 5px;
    color: white;
    font-weight: bold;
    position: relative;
    top: 7px;
    left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
    margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
    position: absolute;
    bottom: 8px;
    right: 12px;
    width: 100%;
    text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
    margin: 6px;
}

/* end modal*/

/*
*  END CATALOG 
*/


/*
*   START LETTER MENU
*/
.letter_menu{
    position: relative;
    width: 957px;
    height: 92px;
    margin: 10px 0px 10px 5px;
    border: 1px solid #6F6F6F;
	overflow-x:hidden;
}
.gletter_menu{
    margin-left: 5px;
    width: 957px;
}
.letter_menu #all-list{
    position: absolute;
    left: 5px;
    top: 10px;
    width: 140px;
    height: 29px;
    padding: 6px 0 0 34px;
    
    background: url('/i/strelka.png') no-repeat;
}

.letter_menu #all-list a{
    color:#CC0099;
    font-size: 1.4em;
    text-decoration: none;
}

.letter_menu ul#eng{
    display: block;
    position: absolute;
    left: 165px;
    width : 780px;
    height: 29px;
    padding: 0px 0 0 34px;

    background: url('/i/strelka.png') no-repeat;
}

.letter_menu ul#rus{
    display: block;
    position: absolute;
    left: 165px;
    top:40px;
}

ul.letter{
    width : 780px;
    height: 29px;
    padding: 0px 0 0 34px;

    background: url('/i/strelka.png') no-repeat;
}

ul.letter li{
    float: left;
    width: 26px;
    height: 26px;
}

ul.letter li.selected{
    background: url("/i/letter_li_bg.gif");
}

ul.letter li:hover{
    background: url("/i/letter_li_bg.gif");
}

ul.letter li:hover a{
    color:#F8BC94;
}

ul.letter li a{
    margin: 4px 0 0 7px;
    text-decoration: none;
    font-size: 1.4em;
    display: block;
}

ul.letter li span{
    margin: 5px 0 0 7px;
    color:#F8BC94;
    font-size: 1.4em;
    display: block;
}

ul.letter li.selected{
    color:#F8BC94;
}
    
/*
*   START LETTER MENU
*/
    
/*
*  START NEWS
*/
.date-list{

}

.date-list li{
    margin: 1em 0 1.3em 0;
}

.date-list .date{
    margin-right: 1em;
    font-weight: bold;
    color: #990099;
}
span.date{
    margin-right: 1em;
    font-weight: bold;
    color: #990099;
}

.news ul{
    width: 100%;
}
/*
*  END NEWS
*/

/**
* START GALLERY
*/
#gall-list{
    width: 261px;
    /*float: left;*/
}

#gall-item{
    position: relative;
    margin-left: 20px;
    /*float: left;*/
}

#gall-list ul{
    margin: 0;
}

#gall-list li{
    height: 42px;
    position: relative;
    cursor: pointer;
}

#gall-list span.h{
    display: block;
    padding: 15px 0 0 15px;
    width: 210px;
    color:#CC0099;
    font-size:1.2em;
    text-decoration:none;
    font-weight: bold;
}
#gall-list span.au{
    font-weight: bold;
    font-size: 1.1em;    
}          

#gall-list .odd{
    background-color: #F4F4F4;
}

#gall-list li .foto{
    position: absolute;
    top: 4px;
    right: 6px;
}

#gallery-item{
    position: relative;
    margin: 0 auto;
    width: 669px;
    height:660px;
    /*padding: 10px;*/
    border:10px solid #F4F4F4;
}
#gallery-item #links{
	position:absolute;
	top:0px;
	right:0px;
	height:220px;
	width:140px;
}
#gallery-item .bor{
    width: 500px;
    height:580px;
    left: 81px;
/*    margin: 0 auto;*/
    position: absolute;
}
#gallery-item #descr{
	position:absolute;
	bottom:-70px;
}
#gallery-item i.tt{
	font-size:1.2em;
	font-weight:bolder;
	color:#990099;
	display:block;
	font-style:normal;
	margin-bottom:0.6em;
}
#gallery-item div.e{
    position: absolute;
    top:10px;
    left:10px;
}

#gallery-item-ajax{
    margin: 0 auto;
    width: 500px;
    /*border:10px solid #F4F4F4;*/
}

#gallery-item #big-foto,
#gallery-item-ajax #big-foto{
    position: absolute;
    z-index: 100;
    width: 500px;
    /*margin: 0 auto;*/
}

#gallery-item #big-foto > img,
#gallery-item-ajax #big-foto > img
{
    border: 3px solid #B43BA3;
}

/*gallery-item #preview */
#gallery-item .prev,
#gallery-item-ajax .prev{
    cursor: pointer;
    background: url('/i/g_prev.gif') no-repeat;
}

#gallery-item .next,
#gallery-item-ajax .next{
    cursor: pointer;
    background: url('/i/g_next.gif')no-repeat;
}

#gallery-item #preview,
#gallery-item-ajax #preview{
    position: relative;
    width: 564px;
    height: 100px;
    margin: 20px 10px 0  -30px;
    position: absolute;
    bottom: 15px;
}

#gallery-item #preview .body,
#gallery-item-ajax #preview .body{
    position: absolute;
    left: 28px;
    width: 506px;
    height: 100px;
}

#gallery-item #preview .prev,
#gallery-item-ajax #preview .prev{
    position: absolute;
    left:0;
    top:0;
    
    width: 28px;
    height: 100px;
    background: url('/i/g_prev.gif') no-repeat;
    border-right: 3px solid #B43BA3;
    background-position: 0 41px;
}
#gallery-item  .next,
#gallery-item-ajax  .next{
    position: absolute;
    right :0px;
    top:0px;
    
    width: 28px;
    height: 100px;
    border-left: 3px solid #B43BA3;
    background: url('/i/g_next.gif') no-repeat;
    background-position: 0 41px;
}

#preview div.body {
    /*border:1px solid #777777;*/
    overflow:hidden;
    width:680px;
}

#preview ul {
    padding-left:5px;
    width:3900px;
}

#preview li {
    float:left;
    margin:0 16px;
    position: relative;
}

#preview div.shade{
    position: absolute;
    width: 100px;
    height: 100%;
    background-color:gray;
    opacity:0.7;
    filter: alpha(opacity=70);
}

#loading{
    position: absolute;
    z-index: 1;
    top:270px;
    left: 297px;
    width: 66px;
    height: 66px;
    
    background-color: red;
    background:url('/i/ajax-loader.gif');
    /*display: none;*/
}

div.e{
    background: url('/i/edit.png');
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/*
    START ENCYCL
*/
.encycl_descr{
    margin:0 15px;
}


.nocolor{
	color: #E4E4E5 !important;
}

.flat{
	color:#ff0000;
}
.cafe{
	color:#ffa02f;
}

.bars{
	color:#ffe400;
}
.rest{
	color:#8aff00;
}
.club{
	color:#14d700;
}
.teat{
	color:#00fea7;
}
.kino{
	color:#00d7fe;
}
.magaz{
	color:#9c1cee;
}


/**
 * START Article
 */

#article {
	width:700px;
	/*margin-left:16px;*/
}

#article li{
	margin: 20px 0 0 0;
}

.text li{
	list-style:decimal;
	list-style-position:inside;
}
#article #links{
	position:absolute;
	top:20px;
	right:0px;
	height:220px;
	width:140px;
}	
/**
 * END Article
 */