/*
	Author: Rumin Sergey
	Copyright: CENTROARTS.com
	e-mail: centroarts@mail.ru
	URL: http://www.centroarts.com
*/

@import url("tools.css");
@import url("blocks.css");
@import url("base.css");
@import url("engine.css");

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, table, font {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    margin: 0 0 0.2em 0;
	line-height: 1.1em;
}

/*Íàñòðîéêà çàãîëîâêîâ*/
h1 { font-size: 12px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; line-height: 18px; }
h3 { font-size: 1em; font-weight: bold; line-height: 16px; }
h4 { font-size: 10px; font-weight: bold; line-height: 15px; }
.flarge { font-size: 17px; font-weight: normal; line-height: 18px; }
.indents {
	padding: 0; margin: 0;
	line-height: normal;
}
.indents span{text-align:justify;}

/*links*/
a { color: #177ebb; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

/*forms*/
input, textarea, select {
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

/*PAGE*/
body {
	color: #414141;
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 17px;
}

.pagebg {
	padding: 0; margin: 0;
	background: #024978 url("../images/background.jpg") repeat-x 0 0;
	/*background-attachment: fixed;*/
}

*html .pagebg { background-attachment: scroll; }

/*OTHER SETTINGS*/
p {
	padding: 0; margin: 0;
	margin-bottom: 12px;
}
.clr { clear: both; }
img  { border:0 none; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
hr	{
	border: 0 none;
	border-top: 1px solid #cfcfcf;
	height: 1px;
}

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

table td { padding: 0px; }

/*UL, LI*/
ul {
    margin: 0;
    padding-left: 16px;
    list-style-position:outside;
    list-style-image:none;
}

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

ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 18px;
	margin-left: 2.2em;
}

/*WRAPPER ÎÑÍÎÂÍÎÉ ÐÀÇÌÅÐÍÛÉ ÁËÎÊ*/
.wrapper {
	margin: auto;
	width: 92%;
	min-width: 994px;
	max-width: 1400px;
	text-align: left;
}

.wrapper { width: expression(((document.body.clientWidth)) < 994? "994px": ((document.body.clientWidth)) > 1400? "1400px": "92%" ); }

/*Îòñòóï*/
.toppad { padding-top: 20px; }

/*TOPHEAD*/
.tophead, .tophead .dleft, .tophead .dright { height: 120px; }
.tophead {
	overflow: hidden;
	background: #e2f8fe url("../images/tophead_bg.png") repeat-x 0 0;
}
.tophead .dleft {
	background: url("../images/tophead_left.jpg") no-repeat 0 0;
	padding-left: 322px;
	position: relative;
}
.tophead .dright {
	background: url("../images/tophead_right.png") no-repeat 100% 0;
	padding-right: 5px;
}

/*Ëîãîòèï*/
h1.zeoslogo {
	display: block;
	width: 229px; height: 106px;
	margin: 0; padding: 0;
	position: absolute;
	top: 7px; left: 12px;
}

.tophead_i1 { height: 92px; overflow: hidden; }
.tophead_i2 {
	height: 25px;
	padding-left: 80px;
	padding-right: 6px;
	position: relative;
}

/*Block info*/
.tophead .blockinform,
.tophead .blockinform .dleft,
.tophead .blockinform .dright { height: 83px; }
.tophead .blockinform { 
	overflow: hidden;
	background: #e8f6fc url("../images/blockinform.png") repeat-x 0 -83px;
 }
.tophead .blockinform .dleft { 
	background: url("../images/blockinform.png") no-repeat 0 0;
	padding-left: 40px;
 }
.tophead .blockinform .dright { 
	background: url("../images/blockinform.png") no-repeat 100% -166px;
	padding-right: 10px;
 }

.blockinform .bicont {
	padding-top: 0px;
	color: #537386;
}

.blockinform .bicont h3 { color: #478bb2; }

.blockinform .settings {
	float: right;
	width: 200px;
	line-height: 13px;
	font-size: 0.9em;
	text-align: left;
	padding-top: 7px;
	color: #537386;
	margin-left:10px;
}

/*HOMEBTN*/
.homebtn {
	position: absolute;
	top: 3px; left: 0;
}

/*TOPMENU*/
.topmenu, .topmenu .dleft, .topmenu .dright { height: 58px; }
.topmenu {
	overflow: hidden;
	background: #4183a9 url("../images/menutop.png") repeat-x 0 -116px;
}
.topmenu .dleft {
	background: url("../images/menutop.png") no-repeat 0 0;
	padding-left: 11px;
}
.topmenu .dright {
	background: url("../images/menutop.png") no-repeat 100% -58px;
	padding-right: 11px;
}

/*BANNERTOP HIDE*/
.bannertop {
	background: #70a6c2 url("../images/bannertop_bg.png") no-repeat 50% 0;
	border-top: 1px solid #588399;
	text-align: center;
	overflow: hidden;
}
.bannertop .dleft { background: url("../images/bannertop_left.png") repeat-y 0 0; }
.bannertop .dright { background: url("../images/bannertop_right.png") repeat-y 100% 0; }

.bntopinn {
	margin: 0 8px;
	text-align: center;
}

.bannertophide, .bannertophide .dleft, .bannertophide .dright { height: 19px;  }
.bannertophide {
	overflow: hidden;
	background: #4183a9 url("../images/bannertophide.png") repeat-x 0 -46px;
	text-align: center;
}
.bannertophide .dleft { background: url("../images/bannertophide.png") no-repeat 0 0; }
.bannertophide .dright { background: url("../images/bannertophide.png") no-repeat 100% -23px; }

/*SHADOWS CONT*/
.s_left { padding-left: 6px; background: #f4f9fc url("../images/mainshadows.png") repeat-y left 0; }
.s_right { padding-right: 6px; background: transparent url("../images/mainshadows.png") repeat-y right 0; }
.s_mid { overflow: hidden; }


/*ÑÒÐÓÊÒÓÐÀ ÁËÎÊÎÂ*/
.container,
.rightside,
.leftside,
.centersideinn { overflow: hidden; }
.rightside { float: right; width: 210px; }
.leftside { float: left; width: 210px; padding-top: 4px; }
.centerside { margin-left: 215px; margin-right: 215px; padding-top: 4px; }
.centersideinn { overflow: hidden; }
*html .centerside { margin-left: 212px; margin-right: 212px; }
*html .centersideinn { width: 98.8%; }

/*FOOTER*/
.footer, .footer .dleft, .footer .dright { height: 89px; }

.footer {
	background: url("../images/footer2.png") no-repeat 100% -178px;
	padding-right: 32px;
}
.footer .dleft {
	padding-left: 104px;
	background: url("../images/footer2.png") no-repeat 0 0;
}
.footer .dright {
	background: #cadce6 url("../images/footer2.png") repeat-x 0 -89px;
	position: relative;
}

*html .footer {
	position: relative;
	background: #cadce6 url("../images/footer.png") repeat-x 0 -89px;
	padding: 0;
}
*html .footer .dleft {
	padding-left: 104px;
	background: url("../images/footer.png") no-repeat 0 0;
}
*html .footer .dright {
	padding-right: 32px;
	background: url("../images/footer.png") no-repeat 100% -178px;
}

/*FOOTBLIK*/
.footblik, .footblik .dleft, .footblik .dright { height: 41px; }
.footblik { background: url("../images/footblik2.png") no-repeat 100% -41px; padding-right: 12px; }
.footblik .dleft { background: url("../images/footblik2.png") no-repeat 0 0; padding-left: 12px; }
.footblik .dright { background: url("../images/footblik2.png") repeat-x 0 -82px; }

*html .footblik { background: url("../images/footblik.png") repeat-x 0 -82px; padding: 0; }
*html .footblik .dleft { background: url("../images/footblik.png") no-repeat 0 0; padding: 0; }
*html .footblik .dright { background: url("../images/footblik.png") no-repeat 100% -41px; }

.copyright, .copyright a { color: #024978; }
.copyright strong { text-transform: uppercase; }
.copyright { padding-top: 28px; }
/*
.centroarts img {
	position: absolute;
	top: 35px; right: 32px;
	width: 100px; height: 22px;
	background: url("../images/centroarts.png") no-repeat 0 0;
}

.centroarts:hover img {
	background-position: 0 -22px;
}
*/

/* Script Online: Begin */
.onl_hintbox {
	position:absolute;
	display:block;
    text-align : left;
    width: 200px;
    font-size: 10px;
    border: 1px solid #99a1ab;
    background-color: #fff;
    color: #282828;
    z-index: 998;

    -moz-border-radius : 5px;

/*	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+ */
/*	filter: alpha(opacity=90); /* IE4 */
/*	-moz-opacity: 0.9; /* Mozilla 1.6 è íèæå */
/*	-khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
/*	opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.onl_hintbox_t {display:block; height:5px; overflow:hidden}
.onl_hintbox_c {display:block; padding:2px 7px 2px 8px; background:#fff; color:#000}
.onl_hintbox_b {display:block; height:5px; overflow:hidden}

.onl_table {
	width : 100%;
	font-size : 10px;
}
.onl_table td {
	padding-right : 5px;
	font-size : 10px;
/* Ðàñêîììåíòèðîâàòü, åñëè ó Âàñ â äâå êîëîíêè*/
/*    width : 50%;*/
}

.onllink_0 a, .onllink_0 a:focus,
.onllink_1 a, .onllink_1 a:focus,
.onllink_2 a, .onllink_2 a:focus,
.onllink_3 a, .onllink_3 a:focus,
.onllink_4 a, .onllink_4 a:focus {
	outline: 0;
}

.onllink_0, .onllink_0 a:link, .onllink_0 a:visited {
	color: #666666;
}
.onllink_0:hover, .onllink_0 a:hover, .onllink_0 span:hover {
	color: #999999;
/*	cursor: pointer;*/
}
.onllink_0 span:hover {
	cursor: default;
}

.onllink_1, .onllink_1 a:link, .onllink_1 a:visited {
	color: #ff0000;
}
.onllink_1:hover, .onllink_1 a:hover {
	color: #ff6666;
}

.onllink_2, .onllink_2 a:link, .onllink_2 a:visited {
	color: #00a400;
}
.onllink_2:hover, .onllink_2 a:hover {
	color: #00b300;
}

.onllink_3, .onllink_3 a:link, .onllink_3 a:visited {
    color: #0000ff;
}
.onllink_3:hover, .onllink_3 a:hover {
	color: #6666ff;
}

.onllink_4, .onllink_4 a:link, .onllink_4 a:visited {
	color: #666666;
}
.onllink_4:hover, .onllink_4 a:hover {
	color: #4b73d4;
}

#dle-online_u, #dle-online_lu, #dle-online_a, #dle-online_la {
/*	margin-bottom: 8px;*/
}

#dle-online_u .full_list,
#dle-online_lu .full_list,
#dle-online_a .full_list,
#dle-online_la .full_list {
	text-align: right;
}
#dle-online_u .full_list span,
#dle-online_lu .full_list span,
#dle-online_a .full_list span,
#dle-online_la .full_list span {
	font-size: 9px;
	color: #000000;
}
#dle-online_u .full_list span:hover,
#dle-online_lu .full_list span:hover,
#dle-online_a .full_list span:hover,
#dle-online_la .full_list span:hover {
	color: #666666;
	cursor: pointer;
}

.onl_refresh, .onl_hs_dbg {
	margin-top: 8px;
	text-align: right;
}

.onl_refresh span, .onl_hs_dbg span {
	font-size: 9px;
	color: #000000;
}
.onl_refresh span:hover, .onl_hs_dbg span:hover {
	color: #666666;
	cursor: pointer;
}
.onl_hs_dbg {
	float: left;
}
.onl_refresh {
	float: right;
}

.onl_dbg, .onl_dbg_u, .onl_dbg_lu, .onl_dbg_a, .onl_dbg_la {
	margin-top: 8px;
	color: #a0a0a0;
	text-align: right;
	font-size: 9px;
	border-top: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
	padding-bottom: 2px;
}

.onl_dbg .onl_title, .onl_dbg_u .onl_title, .onl_dbg_lu .onl_title, .onl_dbg_a .onl_title, .onl_dbg_la .onl_title {
	color: #000;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color: #ddd;
	border-bottom: 2px #ccc solid;
	padding: 2px;
	margin-bottom: 2px;
}

.onl_dbg_ajax_a, .onl_dbg_ajax_u {
	margin-top: 8px;
	color: #a0a0a0;
	text-align: right;
	font-size: 9px;
	border-top: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
	padding-bottom: 2px;
}

.onl_dbg_ajax_a .onl_title, .onl_dbg_ajax_u .onl_title {
	color: #000;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
/*	text-transform: uppercase;*/
	background-color: #ddd;
	border-bottom: 2px #ccc solid;
	padding: 2px;
	margin-bottom: 2px;
}
/* Script Online: End */


/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 550px;	
	height:80px;	
	
	
	/* custom decorations 
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#efefef;*/				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:110px;
	padding:25px 0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	border:1px outset #ccc;
	background-color: #ddd;
	margin-right: 20px;	
	-moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}
#hintbox {
text-align : left;
width : 150px;
font-size : 10px;
border : 1px solid #99a1ab;
background-color : #fff;
layer-background-color : #a396d9;
color : #282828;
margin : 10px 0 0 10px;
padding : 2px 5px;
position : absolute;
visibility : hidden;
z-index : 100;
opacity : 0.98;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
filter : alpha(opacity="98");
}