/* ---------------------------
copyright (c) super-buper.ru
---------------------------*/

/* reset */

* {padding:0; margin:0;}
img {border: 0; _behavior: url("/templates/Windows7/png/iepngfix.php");}
table {border-collapse: collapse; border: none;}
table th, table td {font-weight: normal;}

/* typo */


a:focus {outline: none;}
a, a:hover {text-decoration: underline; font: 12px verdana; color: #2d8599;}
a:hover {text-decoration: none;}

ul li {list-style: none;}
ol li {list-style: decimal inside;}


h1 {font: 18px verdana; color: #000; margin: 0 0 20px 0;}
h1 a, h1 a:hover {font-size: 18px; color: #000;}

h2 {margin-bottom: 21px; font: 18px verdana;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}

/* body */

html {height: 100%;}
body {height: auto !important; height:100%; min-height:100%; font: 13px verdana; color: #323232; line-height: 16px; background: url(../images/background-top.jpg) top repeat-x #68b3c8;}
#wrap {margin: 0 auto; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 995? "995px":"1200px"); min-width: 995px; max-width: 1200px; padding: 0 10px 0 10px;}

/* header */

#header {height: 141px; position: relative;}
#header .logo {left: 0; top: 24px; position: absolute;}
#header .adv {right: 0; top: 37px; position: absolute;}

/* content */

#content {background: #fff;}

.tb  {height: 15px; position: relative; background: #fff;}
.tb .tl, .tb .tr, .tb .bl, .tb .br {width: 15px; height: 15px; position: absolute;}
.tb .tl {left: 0; top: 0; background: url(../images/tl.png);}
.tb .tr {left: -15px; margin-left: 100%; top: 0; background: url(../images/tr.png);}
.tb .bl {left: 0; bottom: 0; background: url(../images/bl.png);}
.tb .br {left: -15px; margin-left: 100%; top: 0; background: url(../images/br.png);}

.c-adv {height: 90px; background: #ebf4fa; border: 1px solid #c6d0da; margin-bottom: 15px;}

#columns {background: #fff; overflow: hidden; padding: 0 15px 0 15px;}
#l-col {float: left; width: 220px;}
#c-col {margin: 0 235px 0 235px;}
#r-col {float: right; width: 220px;}

#menu {margin-bottom: 21px;}
#menu li a, #menu li a:hover {display: block; height: 36px; font: 14px verdana; color: #000; text-decoration: none;}
#menu li a:hover {background: url(../images/menu-active.png) #c5e9fb; border:1px solid #000;}
#menu img {vertical-align: middle;}

/* right column */

#auth {padding: 7px 7px 1px 7px; background: #f2f2f2; margin-bottom: 21px;}
#auth dd, #auth dt {margin-bottom: 8px;}

#auth .u-name {background: url(../images/u-name.png) left no-repeat #fff; height: 25px; border: 1px solid #cdd6e0; padding: 0 0 0 35px; width: 129px;}
#auth .u-name input {background: none; font: 12px verdana; color: #333333; height: 17px; border: none; padding-top: 5px;}

#auth .u-pass {background: url(../images/u-pass.png) left no-repeat #fff; height: 25px; border: 1px solid #cdd6e0; padding: 0 0 0 35px; width: 129px;}
#auth .u-pass input {background: none; font: 12px verdana; color: #333333; height: 17px; border: none; padding-top: 5px;}

.u-login {width: 165px; height: 27px; font: bold 14px verdana; color: #fff; background: #8fd301;}

/* blocks */

.blocks {background: url(../images/menu-act.png); width: 220px; height: 26px; padding-top: 10px; text-align: center; font: bold 14px verdana; color: #38628c; margin:0 0 2px 0;}
.blocks2 { background: #ebf4fa; border: 1px solid #c6d0da; padding: 5px 5px 5px 5px;}


.topnews li {margin-bottom: 10px; background: url(../images/arrow.gif) 0 50% no-repeat; padding-left: 11px;}

.search-main {overflow: hidden; margin-bottom: 8px;}
.search-main dd {float: left; width: 162px; margin-right: 7px;}
.search-main dd input {font: 11px verdana; border-top: 1px solid #a4a4a6; border-left: 1px solid #a4a4a6; border-right: 1px solid #e1e1e3; border-bottom: 1px solid #e1e1e3; color: #242424; width: 155px; height: 15px; padding: 2px 0 0 5px;}
.search-main dt {float: left;}
.search-main dt input {width: 50px; font: 11px verdana; color: #242424;}
.search-more {display: block; background: url(../images/searchmore.png) 0 50% no-repeat; padding: 0 0 0 20px;}

.tags { padding: 10px; margin-bottom: 21px; text-align: center; line-height: 20px;}

.tag-1, .tag-1:hover {font: 11px verdana;}
.tag-2, .tag-2:hover {font: 12px verdana;}
.tag-3, .tag-3:hover {font: 14px verdana;}
.tag-4, .tag-4:hover {font: 16px verdana;}
.tag-5, .tag-5:hover {font: bold 16px verdana;}
.tag-6, .tag-6:hover {font: 18px verdana;}

.polls-headline {font: 12px verdana; color: #323232; padding-bottom: 17px; display: block;}
.polls-list {margin-bottom: 17px;}
.polls-submit {width: 80px; height: 22px;}

.market-gid a {display: block; margin-bottom: 11px;}
.market-gid img {display: block; margin-bottom: 23px;}

/* news */

.news {margin-bottom: 21px;}
.news .headline {background: url(../images/news-hl-bg-1.png) 0 0 no-repeat; height: 33px; position: relative; padding: 6px 0 0 10px;}
.news .headline .rc {position: absolute; left: -10px; margin-left: 100%; top: 0; height: 29px; width: 10px; background: url(../images/rc.png); display: block;}
.news h1, .news h1 a, .news h1 a:hover {margin: 0; padding: 0 11px 0 0; font: bold 14px verdana; color: #2d8599;}

.news-info {font: 11px verdana; color: #757575; padding: 7px 0 17px 10px; margin-top:5px; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
.news-info a, .news-info a:hover {font: 11px verdana;}

.read-more {padding: 17px 0 10px 10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
.read-more img {vertical-align: middle;}
.news .com {color: #757575;}
.news .news-body {overflow: hidden; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding: 10px 10px 10px 10px;}

/* footer */

#footer {padding: 17px 0 17px 0; color: #fff; position: relative;}
#footer a, #footer a:hover {color: #fff;}
#counter {top: 17px; right: 0; position: absolute;}

#madein {font: 11px verdana; line-height: 1px; position: absolute; top: 17px; left: 330px;}
#madein a, #madin a:hover {font: 11px verdana;}
#madein .artkmv {margin-right: 7px; vertical-align: baseline;}

.clouds_xsmall, .clouds_xsmall:hover {font: 11px verdana;}
.clouds_small, .clouds_small:hover {font: 12px verdana;}
.clouds_medium, .clouds_medium:hover {font: 14px verdana;}
.clouds_large, .clouds_large:hover {font: 16px verdana;}
.clouds_xlarge, .clouds_xlarge:hover {font: 18px verdana;}

.pages {border: 1px solid #dcdcdc; background: #fbfbfb; padding: 12px 8px 8px 8px; overflow: hidden; font: 12px verdana;}
.pages a, .pages a:hover {font: 12px verdana;}
.prev {float: left;}
.prev a, .prev a:hover {background: #f9f9f9; padding: 2px 7px 2px 7px; border: 1px solid #e6e6e6; font-weight: bold; text-decoration: none; display:block;}
.prev a:hover {background: #2d8599; color: #fff;}

.prev span {background: #f9f9f9; color: #ccc; padding: 2px 7px 2px 7px; border: 1px solid #e6e6e6; font-weight: bold;}
.next {float: right;}
.next a, .next a:hover {background: #f9f9f9; padding: 2px 7px 2px 7px; border: 1px solid #e6e6e6; font-weight: bold; text-decoration: none; display:block;}
.next a:hover {background: #2d8599; color: #fff;}
.next span {background: #f9f9f9; color: #ccc; padding: 2px 7px 2px 7px; border: 1px solid #e6e6e6; font-weight: bold;}

.page-nums {margin: 0 44px 0 44px; text-align: center;}
.page-nums span {background: #f9f9f9; padding: 2px 7px 2px 7px; border: 1px solid #e6e6e6; color: #ccc;}
.page-nums a, .page-nums a:hover {background: #f9f9f9; padding: 2px 7px 2px 7px; border: 1px solid #e6e6e6;}
.page-nums a:hover {background: #2d8599; color: #fff;}

.stat-table {border: 1px solid #e1e1e1; padding: 5px;}
.stat-table td {border: 1px solid #e1e1e1; padding: 5px;}

#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 : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}

.mo_link, .mo_link a:link, .mo_link a:visited, .mo_link_on {
    color : blue;
}
.mo_link_on a:hover, .mo_link_on a:active {
    color : blue;
}

.ra_link, .ra_link a:link, .ra_link a:visited, .ra_link_on {
    color : #3bb000;
}
.ra_link_on a:hover, .ra_link_on a:active {
    color : #3bb000;
}











 /* // here comes the goodnes  */	
	
		ul#gallery, ul#gallery li{
			margin:0;
			padding:0;
			list-style:none;
		   
			}
		ul#gallery{
			width:400px;
			height:375px;
			position:relative;
			background:#e1e1e1 url("../images/main_baner.jpg") no-repeat 50% 40%;
				
			}			
		ul#gallery li{
			float:left;
			display:inline;
			margin-top:300px;
			
			}								
		ul#gallery a span{
			display:none;
			
			}
		ul#gallery a:hover{
			background:none;
			z-index:100;
			}	
		ul#gallery a:hover span{
			position:absolute;
			width:400px;
			height:300px;
			float:left;
			top:0;
			left:0;
			display:block;
			}				
					
	/* // goodnes  */
	
	
	/* // tags  */	
	
	.tags {
	color:#000; 
	
}

.tags a:link,
.tags a:visited,
.tags a:hover,
.tags a:active {
                      text-decoration:none;
                      color: #888;		     	    
		              padding:2px; 
		            
}

.tags a:hover {
                     background:#DFDBB5;
		             color:#000;
		     
}

.tags span {
                   text-decoration:none;
		   background:#DFDBB5;
		   padding:2px 5px;
		   border:1px dotted #666;
		   color:#333;
		   font-size:10px;
}


	
	
	/* // tags  */	
	
	
	
	#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 : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}
.news-infodosug{
font: 11px verdana; color: #757575; padding: 7px 0 17px 10px;
}	
.slink{
margin-left:10px;
}


div#qTip {
padding: 3px;
border: 1px solid #666;
display: none;
background: #000000;
color: #000000;
font: bold 9px Verdana, Arial, sans-serif;
position: absolute;
z-index: 1000;
}