@import url(menu.css);
@import url(tools.css);
@import url(blocks.css);
@import url(base.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;
}

pre, code, address, caption, cite, code, table, font {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

input { }

/* ====== Osnovnaya nastroyka ssilok ====== */

a { color: #3f87a2; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

body {
	background-color: #FFFFFF;
	color: #505050;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana;
	font-size: 11px;
}

.page_bg { background-color: #e5e3df; text-align: center; }

body, div, td, font, span, a { line-height: 16px; }

img { border: 0; }
.clr { clear:both; }


/* ====== 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;
}

p { margin-bottom: 15px; }
.clr { clear: both; }
a img  { border: none; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
hr { height: 1px; border: 0 none; border-top: 1px solid #cfcfcf;}


/*===== OBSHEE OFORMLENIE =====*/


/* === WRAPPERS === */

.wrapwide { width: 100%; height: auto; text-align: center; min-width: 980px; }
* HTML .wrapwide { width: expression(document.body.clientWidth > 980 ? "100%" : "980px") }

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

#topmenu { 
	height: 41px;
	background: #272727 url("../images/topmenu.jpg") repeat-x left top;
	font-size: 0.9em;
	font-family: Tahoma, Arial, sans-serif;
}

#pagebody { background: transparent url("../images/pagebody.png") repeat-x left top; }



/* === HEADER === */

#topheader { height: 111px; overflow: hidden; }

#menuicons { height: 85px; background: #ffffff url("../images/menuicon.png") no-repeat left top; overflow: hidden; }
#menuicons div { padding-top: 12px; }

#header { height: 234px; background: #2b2f36 url("../images/header.jpg") no-repeat left top; }
#header .dleft {
	float: left; width: 242px; padding-top: 18px;
	font-size: 0.9em;
	font-family: Tahoma, Arial, sans-serif;
}
#header .dright { float: left; width: 738px; height: 234px; }
#header .dright img {
	display: block; 
	width: 738px; height: 234px;
	background: #97beda url("../images/header.jpg") no-repeat -242px top;
}



/* ===== TOOLBAR ===== */

#tool {
	height: 69px;
	background: #2b2f36 url("../images/toolbar.png") no-repeat left top;
}

#tool .dleft {
	float: left;
	width: 242px; height: 69px;
	background: #fbfbfb url("../images/toolbar.png") no-repeat left top;
}
#tool .dright { float: left; width: 738px; }
#tool .banner { float: left; padding-left: 20px; color: #c0c0c0;}
#tool #valute { float: left; width: 256px; }
#tool .valute { padding-left: 250px; padding-top: 5px; font-family: Tahoma, Arial, sans-serif; color: #ffffff; 

}



/* === mainbody === */

#mainbody {
	width: 100%;
	background: #ffffff url("../images/mainbody.png") repeat-y left top;
}

.container { padding-right: 3px; }
.maincol {
	float: right;
	width: 735px;
	background: transparent url("../images/mainbodz.png") no-repeat left top;
	font-size: 12px;
	color: #505050;
	padding-top: 11px;
	overflow: hidden;
}

.maincol, .maincol div, .maincol td, .maincol span { line-height: 21px; }
.leftcol { float: left; width: 242px; overflow: hidden; }
.maincont { padding-left: 10px; }
.contright { padding-left: 380px; padding-top: 25px; font-size: 11px;}
.contright span { font-size: 11px; color: #898989;}


/* === mainbody foot === */

#mbfoot {
	height: 71px;
	background: #ffffff url("../images/mainbody.jpg") no-repeat left top;
	position: relative;
}

#footbox {
	width: 100%;
	background: #2b2f36 url("../images/footbox_.png") repeat-y left top;
}

#footbox .footbox {
	width: 100%;
	background: transparent url("../images/footbox.png") no-repeat left bottom;
	padding-bottom: 20px;
}



/* ===== FOOTER ===== */

#footer { height: 51px; position: relative; background: #ffffff url("../images/footer.png") no-repeat left top; }
.footinfo { padding: 10px; text-align: center; font-size: 10px; color: #8f9192; border-top: 1px dotted #c3c3c3; }
.footinfo a, .footinfo a:hover { text-decoration: none; color: #8f9192; }
.footlinks { padding: 5px; text-align: center; font-size: 9px; color: #8f9192; border-top: 1px dotted #c3c3c3; }
.footlinks a, .footlinks a:hover { text-decoration: none; color: #8f9192; }


/*===COPYRIGHT===*/

.copyright a { text-decoration: none; color: #3f87a2; }
.copyright a:hover { text-decoration: underline;}
.copyright {
	color: #8f9192;
	padding-top: 16px;
	padding-left: 25px;
	white-space: nowrap;
	display: block;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
}


/*===��������===*/

div.count {
	position: absolute;
	right: 9px;
	top: 10px;
}

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

.centroarts {
	float: right;
}

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

h1 {font-family: Trebuchet MS, sans-serif;; font-size: 16px;}
h2 {font-family: Trebuchet MS, sans-serif;; font-size: 15px;}
h3 {font-family: Trebuchet MS, sans-serif;; font-size: 14px;}
h4 {font-family: Trebuchet MS, sans-serif;; font-size: 13px;}
h5 {font-family: Trebuchet MS, sans-serif;; font-size: 12px;}

img.border {

        border: 1px solid #CCC;
	padding: 5px;	
	margin: 10px 25px 10px 0px;
}

a:hover img.border {
	border-color: #808080;
}