body, td,th,h1,h2,h3,h4,h5,p,input,textarea,select,div,span, form{
	font-family: Arial;
	font-size: 10pt;
	margin:0px;
	padding:0px;
}
*, *.*{font-family: Arial;}
a img { color: #fff; }
@media all {a img { color: inherit;border: none;}}

body{
	height:auto !important;
	height:100%;
	min-height:100%;
	min-width:760px;
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 760? "760px": "100%");
	background-color: #ffffcc;
	color:#666666;
	font-size: 80%;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #333;

}
/*div{border:1px solid black;}*/
a,
a:link{color:#2a4674;}
a:visited{color:#666666;}
a:active,
a:hover{color:#3a609e;text-decoration:none;}

table tr td, table td, table * td{vertical-align:top;}

#head{
	height:126px;
	background: #ffeeaa;
	width:100%;
}

#top{background: url('/templates/img/front/top_bg.png') repeat-x;}

#bottom{
	background: url('/templates/img/front/bottom_bg.png') repeat-x;
	height:31px;
}
#search{height:30px;}
#searchButton{margin:0px;padding:0px;vertical-align:top;}
#suggest{
	margin:0px;
	width:90%;
	font-size:120%;
	border:2px solid #000;
	padding:2px;
	border-width:2px 1px;
	height:22px;
}
#topBaner{width:100%;height:80px;}

#cat{
	padding-top:6px;
	padding-left: 10px;
	width:16%;
	background:rgb(255, 239, 173) url('/templates/img/front/top_bg.png') repeat-x top;
}
#cat a{
color:#000;
}

#right_column{
	padding-top:6px;
	padding-left: 10px;
	width:16%;
	background:rgb(255, 239, 173) url('/templates/img/front/top_bg.png') repeat-x top;
}


.yellow{
	/*height: 10px;*/
	background-color: #ffea00;
}


/* SUGGEST */
.suggestBoxContainer {
	border:1px solid black;
	background-color:#fff;
	color:#686868;
	position:absolute;
	font-size: 18px;
	padding: 2px;
	z-index:10
}
.suggestBox {
	background-color:#fff;
	color:#686868;
}  
.mouse_over {
	background-color:#009;
	color:#fff
}



/*Font in table*/
table
{
	font-size:100%;
}

.zag{height: 10px;background-color: #ffea00;}
.zagolovok {
	
	height: 32px;
	width:180px;
	background-image: url('/templates/img/front/button2.gif');
	background-repeat: no-repeat;
	text-align:center;
	
	float:right;
	margin-right:10px;
	
	/*
	border:1px solid black;
	position:relative;
	right:240px;
	*/
	font-weight: bold
}

small
{
	font-size:85%;
}

hr
{
	width:100%;
	height: 1px;
	border: medium none;
	color: #d1d0d0;
	background-color: #d1d0d0;
	margin:8px 0
}



#header_text
{
	position:absolute;
	left:20px;
	top: 0;
	width:330px;
	height:106px;
	padding-left:5px;
	padding-top:35px;
	color:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#header_text h1
{
	margin:0;
	padding:0;
	font-size:160%;
	border:none;
	text-decoration:none;
}

#header_text span
{
	font-size:80%;
}

/* Header menu: home, search, feedback*/
#header_menu
{

	background:#4B6185;
	position:absolute;
	right:55px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#header_sites
{
	position:absolute;
	right:55px;
	top: 60px;
	color:#fff;
	text-align:right;
}

#header_sites a, #header_sites span
{
	color:#fff;
	text-decoration:none;
}

#header_sites span
{
	color: #9dabc0;
}

#header_menu a
{
	display:block;
	float:left;
	cursor:pointer; cursor: hand;
	padding:8px 11px;
}

#zebra
{
	height:20px;
	background:transparent url(images/zebra_bg.gif) left top repeat-x;
}

#menu_fon
{
	height:20px;
	background-image: url('./img/menu_fon.gif');
}
	
#navigation
{

}

/*Navigation*/
#navigation a
{
	font-size:95%;
	text-decoration:none;
	color:#535353;
}

/*Content table*/
#content
{
	width:100%;
	height:70%;
	border-collapse:collapse;
}

/*Left column*/
#content .left-column
{
	width:180px;
	vertical-align:top;
	height:100%;
}

/*Main column*/
#content .main-column
{
	vertical-align:top;
	padding:0 23px 10px 23px;
	background-color: #ffffcc;
}

/*Right column*/
#content .right-column
{
	width:1px;
	vertical-align:top;
}

/*Bottom banner*/
#bottom_banner
{
	padding:5px;
	text-align:center;
}

/*Footer*/
#footer
{
	background-image: url('../img/menu_fon2.gif');
	height:32px;

	
}

/*Link in footer*/
#footer a
{
	color: #CFD6E1;
	font-size: 100%;
}

/* jQuery lightBox plugin - Gallery style */
#gallery {width: 500px;}
#gallery ul { list-style: none; margin:0px;padding:0px;}
#gallery ul li { display: inline; margin:0px;padding:0 3px 0px 0px;}

#gallery ul img {border: 2px solid #fff;}

#gallery ul a:hover img {border: 2px solid #000;}


table.data-table{
	border:1px solid #ffae18;
	border-collapse:collapse;
	width:98%;
}


/*Any cell*/
table.data-table td{
        text-align:left;
	border:1px solid #ffae18;
	padding:5px;
}

table.data-table input{width:99%;}
table.data-table textarea{width:100%;height:120px;}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

/* catalogue */
#catalogue * a{text-decoration:none;}
#catalogue ul{margin:0px 0px 0px 15px;padding:0px;}
#catalogue ul li{margin:0px 0px 0px 2px;padding:0px;list-style:none;}
#catalogue img, #catalogue * img{vertical-align:middle;}


#catalogue .selected a{background-color:#ffea00;}
#catalogue .selected ul li a{background-color:rgb(255, 239, 173);}


/* 1 lvl	
#catalogue ul li.close, .close *{display:none;}
*/
#catalogue ul li {display:block}


/* 2 lvl	*/
#catalogue ul li ul li{display:none;}		/*default hide*/

#catalogue ul li.open ul li{display:block;}	/*in open or selected - show subItems*/
#catalogue ul li.selected ul li{display:block;}

/* 3 lvl	*/
#catalogue ul li ul li.close ul li{display:none;}		/*default hide*/