@import url(../css/reset.css);

html { background:#000; font-size:0.75em; }
body { width:100%; margin:0 auto; background:#000; color:#d7d7d7; font:100% Arial, Tahoma, Helvetica, sans-serif; position:relative; min-width:990px }

a { color:#e8e8e8; text-decoration:underline; }
a:hover { color:#fff; }

p { padding-bottom:1em; }
h1 {
 font-size:1.22em;
 font-weight:bold;	
 padding-right:11px;
}
h2 { font-size:1.22em; font-weight:bold;}
.head h2 { padding-right:11px }

.clear_float {
  clear: both;
}

#header { position:relative; height:230px; right:0px; }
#header object{ width:600px; height:230px; top:0px; overfow:hidden; margin:0 auto; margin-left:39%; position:absolute; z-index:1; display:block; }
#header #logo { overflow:hidden; position:absolute; z-index:2; left:42px; top:25px; width:320px; height:190px; text-align:center; font-size:1.4em; font-family:Impact, Tahoma, Arial, Helvetica, sans-serif; }
#header #logo span { position:absolute; width:320px; height:190px; top:0; left:0; background:url(../images/logo_n.png) no-repeat; }
#header .nav-icons { height:36px; background:#232323 url(../images/header-ics-back.png) right top no-repeat; position:absolute; right:1px; z-index:2; top:48px; padding:0 12px 0 0; }
#header .nav-icons i { height:100%; width:12px; background:url(../images/header-ics-back.png) left top; float:left;}
#header .nav-icons div { margin-top:5px; height:26px; background:url(../images/header-ics-cback.png) right top no-repeat #000; white-space:nowrap; padding-right:12px; overflow:hidden; float:left; }
#header .nav-icons div i { background-image:url(../images/header-ics-cback.png); }
#header .nav-icons div a { margin:0 26px; display:block; float:left; width:11px; padding-top:10px; }
#header .nav-icons div a img { display:block; }

#nav { height:49px; background:url(../images/menu-back.png) right top; line-height:30px; position:relative; font-size:14px; margin:0 10px 10px }
#nav i { position:absolute; top:0; left:0; height:100%; width:10px; background-image:url(../images/menu-back.png); }
#nav div { margin:0 20px 0 7px; padding-top:10px; }
#nav table { width:auto; margin:0 auto }
#nav td { width:160px; white-space:nowrap }
#nav td a { display:block; background:url(../images/li-back.png) 0 0 no-repeat; margin:0 0 0 10px; color:#fff; text-decoration:none; }
#nav td span { display:block; position:relative; z-index:2; background:url(../images/li-back.png) 100% -60px no-repeat; text-align:center }
#nav td a:hover { background-position:0 -30px; color:#fff; }
#nav td a:hover span { background-position:100% -90px; }
#nav td .sel{ background-position:0 -30px; color:#fff }
#nav td .sel span{ background-position:100% -90px; }

.banner-sep { text-align:center; margin:10px 10px 10px }
.banner-sep img { max-width:100% }
.banner-sep * {margin: 0 auto;}

.border-right { background:url(../images/content-borders.png) repeat-y right top; position:relative; }
.border-left { background:url(../images/content-borders.png) repeat-y -22px 0; position:relative; }
i.r-t,i.r-b,i.l-t,i.l-b { position:absolute; width:11px; height:116px; background-repeat:no-repeat; background-image:url(../images/content-borders.png); }

i.l-t { top:0; left:0; }
i.l-b { bottom:0; left:0; background-position:-11px 0; }
i.r-t { top:0; right:0; background-position:-33px 0; }
i.r-b { bottom:0; right:0; background-position:-44px 0; }

#main { margin:0 10px 10px; }

#main .content .head { padding-bottom:6px; margin-bottom:16px; position:relative }
#main .ccent .content .head, #main .mright .content .head { padding-bottom:6px; }
#main .content .head .sep { height:2px; width:100%; vertical-align:middle; display:block; position:absolute; left:0; bottom:1px  }

#main h2 { background:url(../images/h2img-transp.png) right center no-repeat; }

#main h3 { font-size:110%; color:#d7d7d7; font-weight:bold; margin-bottom: 6px; margin-top: -2px }

#main h4 { font-size:100%; color:#d7d7d7; font-weight:bold; font-style: italic; margin-bottom: 6px; margin-top: -2px }

#main div div div { background:url(../images/bg-gray-top.png) repeat-x 0 0 #2d2d2d; margin:0 11px; overflow:hidden; position:relative }
#main div div div.cpage { }
#main div div div div { margin:0; background:0; }

#main .col { float:left; z-index:2; position:static; clear:right }
#main .cleft, #main .cleft .bg-col .bg-bottom { width:38%; }
#main .ccent, #main .ccent .bg-col .bg-bottom { width:40%; }
#main .cright, #main .cright .bg-col .bg-bottom { width:22%; }
#main .mright, #main .mright .bg-col .bg-bottom { width:38%; }
#main .mmain, #main .mmain .bg-col .bg-bottom { width:62%; text-align:justify;}

#main .col .bg-col { display:block; width:100% }
#main .col .bg-col .bg-img-top { display:block; vertical-align:middle; width:100%; position:relative; z-index:100; height:1px }
#main .col .bg-col .bg-img-bottom { display:block; vertical-align:middle; width:100%; position:absolute; z-index:100; height:1px; bottom:0; left:0 }
#main .col .bg-black .bg-bottom { display:block; background:#121212 url(../images/bg-black.png) repeat-x 0 100%; height:99999px; bottom:0; position:absolute }
#main .col .bg-gray .bg-bottom { display:block; background:url(../images/bg-gray.png) repeat-x 0 100%; height:99999px; bottom:0; position:absolute }
#main .col .bg-cols-sep { width:5px; background:red; z-index:10; display:block; margin-left:100% }
#main .col .bg-cols-sep .bg-top { width:5px; height:190px; background:url(../images/bg-cols-sep.png) no-repeat -5px 0; position:absolute; margin-left:-3px; z-index:4 }
#main .col .bg-cols-sep .bg { width:5px; height:99999px; bottom:0; background:url(../images/bg-cols-sep.png) repeat-y -15px 0; position:absolute; margin-left:-3px; z-index:3; overflow:hidden }
#main .col .bg-cols-sep .bg-bottom { width:5px; height:190px; bottom:0; background:url(../images/bg-cols-sep.png) repeat-y -5px 100%; position:absolute; left:0; z-index:3; overflow:hidden  }
#main .col .bg-cols-sep-black-gray .bg-top { background-position:0 0 }
#main .col .bg-cols-sep-black-gray .bg-bottom { background-position:0 100% }
#main .col .bg-cols-sep-black-gray .bg { background-position:-10px 0 }

/*---   news   ---*/

dl.news dt { color:#767676; font-size:.9em; background:url(../images/sep-mmain.png) no-repeat top left; clear:left; padding-top:1.6em; margin-top:-1.6em; padding-bottom:.4em; }
.mmain dl.news dt { background-image:url(../images/sep-mmain.png) }
dl.news dd { padding-bottom:2.8em; overflow:hidden; text-align:justify}
dl.news dd.ad-container { background:url(../images/sep-light.png) no-repeat 0 0; padding:18px 0 28px; margin-top:-24px }
dl.news { overflow:hidden; position:relative; }

dl.articles dt { color:#767676; font-size:.9em; background:url(../images/sep-dark.png) no-repeat top left; clear:left; padding-top:1.6em; margin-top:-1.6em; padding-bottom:.4em; }
.mmain dl.articles dt { background-image:url(../images/sep-dark.png) }
dl.articles dd { padding-bottom:2.8em; overflow:hidden; text-align:justify}
dl.articles dd.ad-container { background:url(../images/sep-dark.png) no-repeat 0 0; padding:18px 0 28px; margin-top:-24px }
dl.articles { overflow:hidden; position:relative; }


#main .content .article_links {
  margin-top: 40px;
}

.article_links .article_link_next {
  float: right;
}

.article_links .article_link_prev {
  float: left;
}

.article_links  a {
/*  color: #000000;
  background: #C9C4C1;
  padding: 3px 5px;*/
  color: #ffffff;
  background: #760D0A;
  padding: 3px 5px;
  text-decoration: none;
  border: 1px solid #9F9F9F;
  
}
/*---   /article   ---*/

/*---   projects   ---*/
.projects dd {
  margin-bottom: 15px;
}
.projects img.border {
  float: left;
  margin-right: 10px; 
}

.project dt {
  margin-bottom: 15px;
}
.project .project_image {
  float: left;
  margin-right: 10px;
}
#main .project .images_title {
  margin-top: 30px;  
  margin-bottom: 10px;
}
.project ul {
}
  .project ul li {
    clear: both;
    margin-bottom: 10px;
    display: inline;
  }
  .project ul img {
    width: 150px;
  }
	.project .project_images a {
		text-decoration: none;
	}
/*---   /projects   ---*/

.shop { margin-right:0px; font-size:0; letter-spacing:-1em; word-spacing:-1em; position:relative; +zoom:1 }
.shop li { overflow:hidden; padding-bottom:30px; width:100%; display:inline-block !important; vertical-align:top; +zoom:1; +display:inline !important; font-size:12px; letter-spacing:normal; word-spacing:normal }
#main .shop li .li-inner { padding-right:16px } 

#main div div div .background { background:url(../images/cols-backbott.png) no-repeat left bottom; height:100%; position:absolute; width:100%; top:0; left:0; }
#main div div div .background .top { background:url(../images/cols-top.png) no-repeat left top; height:175px; width:100%; position:absolute; top:0; left:0; }
#main div div div.cpage .background { background-image:url(../images/cols-backbott-cpage.png); }
#main div div div.cpage .background .top { background-image:url(../images/cols-top-cpage.png); }

#main .content { padding:8px 0 10px 0; margin:0 8px 0 8px; overflow:hidden; position:relative }
#main .content img { max-width:100% }
#main .content div { padding:0; margin:0; width:auto; }

img.border { border:1px solid #cbcdcc; padding:2px; margin-right:2px; }
img.left, img [align="left"] { float:left; margin-right:.4em; }
img.left_news, img [align="left"] { float:left; margin-right:.4em; margin-top:1.2em;}
img.right, img [align="right"] { float:right; margin-left:.4em; }
img.borderbig { border:1px solid #cbcdcc; padding:2px; margin-right:2px; }

#footer { padding-bottom:1.2em; overflow:hidden; color:#818181; margin:0 24px }
#footer p { float:left; }
#footer .copyrights { padding-left:43px; width:390px; text-align:left }
#footer .contacts { padding-left:5px; width:250px; }
#footer .alinks { padding-left:160px; width:150px; padding-top:10px;}
#footer .counters { float:left; padding-right:2px }
#footer .counters a { margin-right:2px; }
#footer .copyrights img { display:inline-block; vertical-align:middle; margin-bottom:4px }
#footer .copyrights i { vertical-align:middle; margin-bottom:4px }
.catTable{width:100%; background-color:#333333;}

.tags-cloud { margin:1em 0; line-height:1.4; word-spacing:.3em; font-size:.95em }
.tags-cloud a { word-spacing:normal; color:#b0b0b0; text-decoration:none }
.tags-cloud a:hover { text-decoration:underline }
.tags-cloud .size1 { font-size:.9em; color:#ff0000; }
.tags-cloud .size2 { font-size:1.1em; color:#d3d3d3; font-weight:bold  }
.tags-cloud .size3 { font-size:1.3em; color:#e2e2e2; font-weight:bold  }
.tags-cloud .size4 { font-size:1.5em; color:#fff; font-weight:bold  }

.footer-text {clear:left;width:520px;text-align:justify}
.footer-text span.block { display:inline-block }

/* #index_page #header {height: 223px; } */
/* #index_page #header object { width:auto; height:auto; overflow:hidden; margin:0; position:relative; z-index:1; top: 30px; left: 0; display:block; }  */
#menu_banner { width:971px; height:170px; overflow:hidden; margin:0 0 5px; position:relative; z-index:1; top: 0px; left: 5px; display:block; }
/* #head_banner {position:relative; z-index:-1;} */
/* #index_page #header h1 {left: 20px; top: 10px;}
#index_page #header .nav-icons { right: 20px; top: 10px; } */
strong { font-weight:bold; font-size:1.1em }
a.more{ font-size:0.8em; padding-right:12px; background:url(../images/ic_more.png) right 3px no-repeat; }

#auto ul {text-align: left;}
#auto .auto_image { width: 210px; }
#auto li { display: inline-block; margin: 0 5px 0 0; vertical-align: top;}
#auto li img { border:1px solid #cbcdcc; padding:2px; margin-right:2px; margin-top: 12px;}
#auto h3 {width: 210px; height: 42px; padding-top: 10px; text-align: center;}


.tags { margin: 0; padding: 0; }
.tags li { margin: 0 3px 3px 0; display: block; float: left; }	
.tags a, .tags li a { padding: 1px 3px; line-height: 100%; background: #7d7d7f; border-right: 1px solid #cbcdcc; border-bottom: 1px solid #cbcdcc; }
.tags li a { padding: 3px 5px; float: left; text-decoration: none; white-space:nowrap; }
.tags a.admin, .tags li.admin a { background: #FFF2EF; border-right: 1px solid #efccc2; border-bottom: 1px solid #efccc2; }	
.tags a:hover { text-decoration: none; background: #ca2c34; white-space:nowrap; }