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

a { color: #3980bb; text-decoration: none; }
a:hover {
	color: #88B6DB;
}

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

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

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

/*Настройка заголовков*/
h1 { font-size:1em; font-weight:bold; line-height:18px; }
h2 { font-size:11px; }
h3 { font-size:1em; font-weight:bold; line-height:18px; }
h4 { font-size:10px; font-weight:bold; line-height:18px; }

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


body {
	color: #60798a;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height:15px;
}

.pagebg {
	padding: 0; margin: 0;
	background: #e5e9ee url(../images/pagebg.gif) repeat left top;
}

.pagebg-top {
	padding: 17px 0;
	background: transparent url(../images/pagebg_top.gif) repeat-x left top;
	text-align: center;
}

/*Other*/
p { margin-bottom: 18px; }
.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; }

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

table td { padding: 0px; }

/*UL, LI*/
ul {
	margin: 2px 0;
	padding: 0 0 0 5px;
}

ul li {
	list-style-type: none;
	background: transparent url("../images/li.gif") no-repeat left 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 14px;
}

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

.wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}



/*dleft, dright*/
.dleft, .dright { background-position: left; background-repeat: repeat-y; background-color: transparent; }
.dright { background-position: right; }

/* ===== HEADER ===== */
.header, .headerleft, .headerright { height: 234px; }
.header { background-color: white; width: 100%; }
.headerleft { padding-left: 202px; background: transparent url("../images/chelobun.jpeg") no-repeat left top; }
.headerright { padding-right: 48px; background: transparent url("../images/header_right.png") no-repeat right top; }

.topmenu, .topmenu .dleft, .topmenu .dright { height: 74px; }
.topmenu { overflow: hidden; background: transparent url("../images/topmenu_bg.png") repeat-x left top; width: 100%; }
.topmenu .dleft { padding-left: 301px; background: transparent url("../images/topmenu_left.png") no-repeat left top; }
.topmenu .dright { padding-top: 38px; padding-right: 33px; background: transparent url("../images/topmenu_right.png") no-repeat right top; }

.headbl, .headbl .dleft, .headbl .dright { height: 94px; }
.headbl { position: relative; overflow: hidden; background: #5680aa url("../images/headbl_bg.png") repeat-x left top; width: 100%; }
.headbl .dleft { padding-left: 328px; background: transparent url("../images/headbl_left.jpg") no-repeat left top; }
.headbl .dright { padding-right: 55px; background: transparent url("../images/headbl_right.png") no-repeat right top; }

.welcome {
	color: #ffffff;
	text-align: justify;
	padding-top: 4%;
}

.welcome a {
	color: #ffffff;
	text-align: justify;
	padding-top: 4%;
	text-decoration: underline;
}

.welcome a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* ===== LOGOTYPE ===== */
.ufoGXcom {
	position: absolute;
	padding-left: 17px;
	left: 3%; top: 16px;
}

/* ===== HEADTOOL (LOGIN & Music, Video, Games) ===== */
.headtool {
	background: transparent url("../images/headtool_bg.png") repeat-x left top;
	height: 66px;
}

.avgbar { float: left; width: 40%; }
.avgbar a { float: left; width: 32%; height: 66px; }
.avgbar a img { display: block; width: 100%; height: 66px; }
.avgbar a.music { background: transparent url("../images/music.png") no-repeat left top; }
.avgbar a.video { background: transparent url("../images/video.png") no-repeat left top; }
.avgbar a.games { background: transparent url("../images/games.png") no-repeat left top; }

.avgbar a:hover { background-position: left -66px; }

/* ===== TOOLBAR ===== */
.toolbar, .toolbar .dleft, .toolbar .dright { height: 44px; }
.toolbar { overflow: hidden; background: #f1f5f9 url("../images/toolbar_bg.png") repeat-x left top; width: 100%; }
.toolbar .dleft { padding-left: 46px; background: transparent url("../images/toolbar_left.png") no-repeat left top; }
.toolbar .dright { padding-right: 46px; background: transparent url("../images/toolbar_right.png") no-repeat right top; }

/* ===== BUTTON ===== */
.toolbtn { float: left; padding-top: 9px; }
.toolbtn a { float: left; width: 32px; height: 19px; margin-right: 4px; }
.toolbtn a img { display: block; width: 32px; height: 19px; }

.toolbtn a.rss { background: #ef7c01 url("../images/rss_btn.png") no-repeat left top; }
.toolbtn a.map { background: #68b649 url("../images/map_btn.png") no-repeat left top; }
.toolbtn a:hover { background-position: left -19px;  }

.searchform { float: right; }

/* ===== PAGE BODY ===== */
.pbt-top { background: #ffffff url("../images/pbt_top.png") repeat-x left top; }
.pbt-left { padding-left: 12px; background: transparent url("../images/pbt_left.png") no-repeat left top; }
.pbt-right { padding-right: 12px; background: transparent url("../images/pbt_right.png") no-repeat right top; }
.pb-left { background: transparent url("../images/pb_left.png") repeat-y left top; }
.pb-right { background: transparent url("../images/pb_right.png") repeat-y right top; }

/* ===== STRUCTURE TABLE ===== */
table.structure { width: 100%; }

#leftcol { width: 218px; vertical-align: top; }
#rightcol { width: 220px; vertical-align: top; }
#maincol { width: 100%; vertical-align: top; padding-top: 12px; }

/* ===== FOOTBAR ===== */
.pbd-bottom, .pbd-bottom .dleft, .pbd-bottom .dright { height: 28px; }
.pbd-bottom { overflow: hidden; background: #ffffff url("../images/pbd_bottom.png") repeat-x left top; width: 100%; }
.pbd-bottom .dleft { background: transparent url("../images/pbd_left.png") no-repeat left top; }
.pbd-bottom .dright { background: transparent url("../images/pbd_right.png") no-repeat right top; }

/* ===== FOOTBAR ===== */
.footbar, .footbar .dleft, .footbar .dright { height: 52px; }
.footbar { overflow: hidden; background: #576f91 url("../images/footbar_bg.png") repeat-x left top; width: 100%; }
.footbar .dleft { padding-left: 46px; background: transparent url("../images/footbar_left.png") no-repeat left top; }
.footbar .dright { padding-right: 46px; background: transparent url("../images/footbar_right.png") no-repeat right top; }

/* ===== FOOTER ===== */
.footer, .footer .dleft, .footer .dright { height: 60px; }
.footer { overflow: hidden; background: #576f91 url("../images/footer_bg.png") repeat-x left top; width: 100%; }
.footer .dleft { padding-left: 46px; background: transparent url("../images/footer_left.png") no-repeat left top; }
.footer .dright { padding-right: 46px; background: transparent url("../images/footer_right.png") no-repeat right top; }

/*===COPYRIGHT===*/
.copyright {
	float: left;
	color: #656464;
	padding-top: 15px;
	white-space: nowrap;
}

.copyright, .copyright a { color: #ffffff; }

.copyright a:hover {
	color:#FFF;
	text-decoration: underline;
}

.centroarts {
	float: right;
	margin-top: 20px;
	background: transparent url("../images/centroarts.png") no-repeat right top;
	width: 139px;
	height: 24px;
}
.centroarts a {
	display: block;
	width: 139px;
	height: 24px;
}

/*===СЧЕТЧИКИ===*/
div.count {
	float: right;
	display: inline;
	padding-top: 10px;
}

div.count span {
	display: block;
	float: left;
	height: 31px;
	margin-right: 2px;
}

div.count2 {
	float: left;
	display: inline;
	padding-top: 10px;
}

div.count2 span {
	display: block;
	float: left;
	height: 17px;
	margin-right: 2px;
}

/*AVATAR USERINFO.TPL*/
.avatar {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding:2px;
	border:1px solid #bfbfbf;
	width: 96px;
	height: auto;
}

/*разбиение на страницы*/
.navigation {
	color:#666; 
	border:0px;
	background: transparent url("../images/baseline_top.png") repeat-x right top;
	padding-top: 22px;
	padding-bottom: 10px;
}

.navigation a {
	text-decoration:none;
	color: #636363;
	background-color: #F9F9F9;
	border:1px solid #e0e0e0;
	padding: 3px 6px;
	font-size:11px
}

.navigation a:hover {
	background-color: #6DA8D8;
	color:#FFFFFF;
	border: 1px solid #3077b0;
}

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}