body {
		background: #000;
		color: #ccc;
		text-align: center;
		width:97%
}
body, td, input, select, textarea {
		font-family: Helvetica, Verdana, "Geneva CE", lucida, sans-serif;
		font-size: 12px;
		color:#ccc;
}
h1 {
		margin: 0;
		padding: 0;
		width: 375px;
		height: 29px;
		font-size: 18px;
		color: #e0e0e0;
		border-bottom:1px dotted #f60;
		margin-left:5px;
		margin-top:10px;
}
h1 span {
		display: block;
		padding-top: 6px;
		margin-left: 10px;
}

a {  
    color: #fc0;
		text-decoration: underline;
		font-weight:bold;
}
a:hover {  
		color: #f00;
}

a img{border:1px solid #333}
/*
* NOTE: 682 + 120 ciste = 802
*/
#main {
		width: 956px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
}
#innerm {
		width: 100%;
		float: left;
		background:url('../img/bg.gif') 0 0 repeat;
}
#head {
		width: 100%;
		height: 155px;
		float: left;
		background: #000 url('../img/header.jpg') 0 0 no-repeat;
}
#head a {
		cursor: pointer;
		display: block;
		float: left;
		width: 300px;
		height: 52px;
}
#head a span {
		display: none;
}
#menu {
		width: 100%;
		height: 32px;
		float: left;
		background:  url('../img/menu.jpg') 0 0 no-repeat;
}
#menu_in {
		padding-top: 3px;
		padding-left: 30px;
		color: #eee;
}
#menu_in ul {
		margin: 0;
		padding: 0;
		list-style: none;
}
#menu_in ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		float: left;

}
#menu_in a {
		display: block;
		float: left;
		padding: 4px;
		padding-left: 17px;
		padding-right: 17px;
		color: #fff;
	  font-weight:bold;
	  font-size:13px;
		text-decoration: none;
		
}
#menu_in a:hover {
		color: #fc0;
}
#content {
		width: 100%;
		float: left;
		background: url('../img/main_backg.jpg') right repeat-y;
}

#left {
		width: 213px;
		float: left;
		background: url('../img/left_backg.jpg') 0 0 repeat;
}
#left_bottom {
		width: 213px;
		height: 58px;
		float: left;
		background:  url('../img/left_backg_bottom.jpg') 0 0 no-repeat;
}

#page {
		width: 530px;
		float: left;
		background: #11141C;
		
}
#in_page {
		padding-left: 5px;
		padding-right: 5px;
		color:#ccc;
}
#in_page a {  
    color: #fc0;
    font-weight:bold;
		text-decoration: underline;
}
#in_page a:hover {  
		text-decoration: underline;
		color:#f00;
}

#right {
		width: 213px;
		float: left;
}
#foot {
		width: 100%;
		height: 71px;
		float: left;
		background: url('../img/bottom.jpg') 0 0 no-repeat;
		}
#foot p {
		margin: 0;
		padding: 3px;
		padding-top: 20px;
		color: #fff;
		font-size: 10px;
		text-align: center;
		}
#foot p a {
		color: #fff;
		text-decoration: none;
}
#foot p a:hover {
		text-decoration: underline;
}

/*
* NOTE: panely v levem sloupci (modre)
*/
.bluepannel {
		width: 100%;
}
.bluepannel div.head {
		width: 100%;
		height: 32px;
		background: url('../images/blue-head.gif') 0 0 no-repeat;
}
.bluepannel div.head h3 {
		margin: 0;
		padding: 0;
		color: #e0e0e0;
		/*font-size: 11px;*/
		background-color:#333;
		border-bottom:1px solid #636363;
		border-top:2px solid #262626;
		width: 100%;
		height:22px;
}
h3 p{margin:0px;padding:0px;padding-left:8px;padding-top:5px;width:150px;height:20px;}

.bluepannel div.body {
		width: 90%;padding-left:10px;
		background: url('../images/blue-bg.gif') 0 0 repeat-y;
}
.bluepannel div.body div.in_body {
		padding: 5px;
		padding-left: 8px;
}
.bluepannel div.body div.in_body form {
		margin: 0;
		padding: 0;
}
.bluepannel div.body div.in_body fieldset {
		border: 0;
}
.bluepannel div.foot {
		/*width: 152px;
		height: 5px;
		background: #666;
		background: url('../images/blue-foot.gif') 0 0 no-repeat;*/
}
/*
* NOTE: panely v pravem sloupci (cervene)
*/

#news{width:90%;}

.color1{color:#f30;}
.color2{color:#fC3;}
.error{font-weight:bold;color:#f00;}

/* NOTE: vseobecne pro sloupce
*/
h3{font-size:14px;color:#ccc;}
h4 {
		margin: 0;
		padding: 0;
		width: 375px;
		height: 29px;
		font-size: 16px;
		color: #fC3;
		border-bottom:1px solid #f60;
		margin-left:5px;
		margin-top:10px;
}
.shop_title{font-size: 14px;color: #f30;font-weight:bold;}
div.body ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width:100%;
		line-height: 16px;
}
div.body ul li {
		width:100%;
		background: url('../images/list-bg.jpg') 0 0 no-repeat;
		height:25px;
}
div.body ul li a {
		color: #666;
		text-decoration: none;
}
div.body ul li a:hover {
    color: #333;
		text-decoration: underline;
}
div.banners_in {
		text-align: center;
		padding-top: 9px;
}

.tabulka {
		_width: 452px;
		border-top: 1px solid #aaa; 
		background: url('../images/tabulka-bg.jpg') 0 0 repeat-x;
		padding: 4px;
}
.clear {
		clear: both;
}
.justify {
		text-align: justify;
}
.center {
		text-align: center;
}
.right {
    text-align: right;
}
.padding-bottom {
		margin-bottom: 5px;
}
.pic {
		margin-right: 5px;
		margin-bottom: 5px;
		border:1px solid #333;
}
.button{
  width:68px;
  height:22px;
  text-align:center;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
  background: #900 url('../images/button.jpg') 0 0 no-repeat;
  border:0px;
}

.top{vertical-align:top;}

input{width:270px;border:1px solid #ccc;background:url('../img/bg.gif') 0 0 repeat;color:#ccc; }
select{border:1px solid #ccc;background:url('../img/bg.gif') 0 0 repeat;font-size:11px;color:#ccc; }
option{color:#000;}
textarea{width:270px;border:1px solid #ccc; background:url('../img/bg.gif') 0 0 repeat;color:#ccc; }
hr{width:90%;background:#fc0;height:1px;margin-left:auto;margin-right:auto;}
#paginating{text-align:center;font-size:10px;}


dl{margin:10px;}
dt{margin-top:5px;font-weight:bold;color:#f90;}

.title{font-weight:bold;color:#eee;text-align:center;}
.small{font-size:10px;}
.price{font-size:14px;font-weight:bold;color:#f90;}

