/*form { display:inline; }*/
html { overflow-x: auto; } 

#header {
	height: 45px;
	padding-left: 60px;
	padding-top: 5px;
	background-color: #FFFFFF;
}

body {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image: url(pic/buble_back_150.gif);
	background-repeat: repeat-y;
	background-position: right top;
}


#copyright {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 0px 5%;
}

#base{
	height: 360px;
	padding-bottom: 40px;
	background-color: #82C73F;
	background-image: url(pic/top_back_tile.gif);
	background-repeat: repeat-x;
}

#menu {
	width: 20%;
	float: left;
	background: url(pic/coner.gif) no-repeat left top;
	padding: 50px 5% 0px 5%;
}

#main {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul.basemenu li {
	list-style: none;
	margin: 0px;
	padding: 8px 0px 0px;
	line-height: 95%;
}
ul.basemenu {
	margin: 0px;
	padding: 0px;
}
ul.basemenu a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color:  #0092C0;
}


#otkritki {
	float: left;
	width: auto;
}
img {
	border: 0px;
}

.category, .card {
	float: left;
	padding: 10px 10px 10px 0px;
	margin: 0px;
	width: 80px;
	height: 70px;
	text-align: left;
}


h1 {
	font-size: 25px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 5px;
	line-height: 80%;
	font-weight: normal;
}
h2 {
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px;
	color: #1583AC;
}
#cards {
	clear: both;
}
.cardname {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
a .cardname{
	text-decoration: none;
	color: #000000;
}

.catname {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
a .catdname{
	text-decoration: none;
	color: #000000;
}

#extra1 {/*
	position: absolute;
	left: 0px;
	top: 50px;
	background: url(pic/coner.gif);
	height: 61px;
	width: 145px;*/
}

#outline {
	margin: 0px;
	padding: 0px 120px 0px 0px;
}

#leftswf {
	position: relative;
	top: -150px;
	float: left;
	height: 200px;
	width: 150px;
}

#rightswf {
	position: relative;
	top: -145px;
	float: right;
	height: 200px;
	width: 150px;
	right: 90px;
}

input.mbutton {
	background: url(pic/mbutton.gif) no-repeat;
	height: 20px;
	width: 115px;
	font-size: 12px;
	color: #FFFFFF;
	border-style: none;
	padding: 0px;
	margin: 3px;
	cursor: hand;	
}

input.sbutton {
	background: url(pic/sbutton.gif) no-repeat;
	height: 20px;
	width: 66px;
	font-size: 12px;
	color: #FFFFFF;
	border-style: none;
	padding: 0px;
	margin: 3px;
	cursor: hand;	
}


#copyright a {
	color: #D2EBBA;
	font-weight: bold;
}
input {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
p {
	font: normal 12px/120% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px;
	padding: 0px;
	color: #000000;
}
.swf {
	position: absolute;
	height: 520px;
	width: 760px;
	top: 50px;
}
