body {
background-color:#e6e6fa; color:#3f3f3f;
font:0.75em/1.5 "arial", sans-serif;
}
a {color:#e60026;}
a:hover {color:#555;}

#obal {
width:1000px;
margin:0px auto;
}
#main {
width:980px; padding:10px;
position: relative;
float: left;
background:#FFF;
}
#header {
width: 980px;
background-color:#FF4D69;
position:relative;
height:250px;
float: left;
background:url("images/header.gif") 0 0 no-repeat;
overflow:hidden;
top: 0px;
}
#cols {
margin-bottom:10px;
background-image: url(images/cols.jpg);
background-repeat: no-repeat;
position: relative;
width: 980px;
float: left;
}
#cols-in {
min-height:430px;
background-image: url(images/cols.jpg);
background-repeat: no-repeat;
position: relative;
float: left;
/*background:url("images/cols-in.jpg") 0 100% no-repeat;*/
}    
#content {
float:left;
width:730px;
padding-left: 10px;
padding-top: 20px;
}
#aside {
float:right;
width:200px;
padding: 10px;
}
#footer {padding:15px 15px 5px 15px;}
#	footer p {margin:0;}

.cat{
	position: relative;
	float: left;
	width: 200px;
	left: 5px;
}
.catobr{
	position: relative;
	float: left;
	width: 10px;
	height: 20px;
	padding-top: 5px;
}
.catobr img{
border: 0px;
}
.catodkz{
	position: relative;
	float: left;
	width: 180px;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	left: 5px;
}.catodkz a{
color: #dc143c;
text-decoration: underline;
}
.catodkz a:hover{
color: #0063c1;
text-decoration: underline;
}
.menukat{
position: relative;
float: left;
	width: 215px;
	min-height: 250px;
	height:250px;
	position: relative;
	float: left;
	padding-top: 60px;
	padding-left: 5px;
}
.menukat div .cat {
padding-left: 10px;
}
#navigator{
	position: relative;
	float: left;
	width: 980px;
	background-color: #ba55d3;
}
#navigator{
	position: relative;
	float: left;
	width: 980px;
	background-color: #ba55d3;
}
#navi{
	position: absolute;
	float: left;
	width: 980px;
	height: 50px;
	background-color: #90ee90;
	top: 0px;
	left: 0px;
}
#menu{
	position: relative;
	float: left;
	width: 529px;
background-color: #dc143c;
}
#cart{
	position: relative;
	float: right;
	width: 170px;
	height: 50px;
	background-color: #f5f5f5;
	background-image: url(images/cart.gif);
	background-repeat: no-repeat;
}
#kosikks{
position: relative;
float: left;
left: 55px;
top: 5px;
font-size: 12px;
width: 145px;
color: #9b9b9b;
font-weight: bold;
}
.nakupnikosik a{
position: relative;
float: left;
left: 55px;
font-size: 11px;
color: #4682b4;
font-weight: bold;
top: 5px;
text-transform: uppercase;
}
.nakupnikosik a:hover{
text-decoration: none;
color: #9fbed9;
}

#login{
	position: relative;
	float: right;
	width: 280px;
	height: 50px;
	background-color: #f5f5f5;
	background-image: url(images/login.gif);
	background-repeat: no-repeat;
}
#littlelogin{
	position: relative;
	float: left;
	width: 200px;
	height: 50px;
	left: 50px;
}
#littleloginleft{
	position: relative;
	float: left;
	width: 130px;
	height: 50px;
}
#littleloginleft input{
	position: relative;
	float: left;
	width: 120px;
	border: 1px solid silver;
	margin-top: 3px;
}
#littleloginright{
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
}
#littleloginright input{
	position: relative;
	float: right;
	top: 7px;
	left: 10px;
	width: 50px;
	border: 2px solid silver;
	background-color: #dfdfdf;
	color: #737373;
	margin: 0px;
}
#littleloginright a{
position: relative;
float: left;
left: 10px;
font-size: 11px;
color: #e5833a;
font-weight: bold;
top: 5px;
text-transform: uppercase;
}
#littleloginright a:hover{
color: #f0b68b;
text-decoration: none;

}
#logouttext{
	position: relative;
	float: left;
	left:55px;
	top: 0px;
	font-size: 11px;
}
.category{
	position: relative;
	float: left;
	width: 200px;
	top: 60px;
	min-height: 250px;
}
#logohref{
	position: relative;
	float: left;
	top: 144px;
	width: 437px;
	height: 106px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
}
.makerform{
	position: relative;
	float: left;
	width: 710px;
	border: 1px solid #e7e7e7;
	padding: 5px;
}
.makerformzahlavi{
position: relative;
float: left;
width: 710px;
font-weight: bold;
color: #848484;
}
.makerformitem{
position: relative;
float: left;
width: 710px;
color: #848484;
}
.checkmaker{
position: relative;
float: left;
padding-left: 10px;
color: #848484;
}
.makerformitembutton{
position: relative;
float: left;
width: 700px;
padding: 5px;
color: #848484;
}
.softbutton{
  color:#5b5b5b; 
  font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
 background-color:#d7d7d7; 
 border:2px solid; 
 border-color: #8e8e8e; 
}
.button{
  color:#e8e8e8; 
  font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
 background-color:#666666; 
 border:2px solid; 
 border-color: #454545 #454545 #454545 #454545; 
}
.filtrform{
	position: relative;
	float: left;
	width: 710px;
	border: 1px solid #e7e7e7;
	padding: 5px;
	margin-top: 3px;
}
.filtrformzahlavi{
position: relative;
float: left;
width: 710px;
font-weight: bold;
color: #848484;
}
#filtrformfiltr{
	position: relative;
	float: left;
	width: 300px;
	height: 25px;

}
.filtrformnavigace{
	position: relative;
	float: right;
	width: 310px;
}
.filtrformnavigace ul{
	position: relative;
	width: 310px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.filtrformnavigace ul li{
	position: relative;
	float: left;
}
.filtrformnavigace ul li a{
	position: relative;
	float: left;
	height: 25px;
	line-height: 25px;
	background-color: #fff0f5;
	border: 1px solid silver;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.filtrformnavigace ul li a:hover{
	background-color: #d2d2d2;
	color: #585858;
	border: 1px solid silver;
}
.filtrformnavigace ul li .curent  {
	background-color: #e4e4e4;
	border: 1px solid #393939;

}
h1{
	position: relative;
	float: left;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	width: 720px;
	height: 30px;
	line-height: 30px;
}
.goods{
	position: relative;
	float: left;
	width: 226px;
	height: 237px;
	margin: 5px;
	border: 2px solid silver;
}
.goods_name{
	position: relative;
	float: left;
	width: 226px;
	height: 40px;
	font-size: 16px;
	line-height: 20px;
	color: white;
	font-weight: bold;
	background-color: #5bb1cc;
	text-align: center;
}
.obr{
	position: relative;
	float: left;
	width: 226px;
	text-align: center;
	margin-top: 5px;
}
.obr img{
	border: none;	
}
.maker{
	position: relative;
	float: left;
	width: 226px;
	margin-top: 5px;
	text-align: center;
	font-size: 11px;
}
.cena{
	position: relative;
	float: left;
	width: 226px;
	margin-top: 3px;
	text-align: center;
	font-size: 16px;
	color: #434343;
	font-weight: bold;
}
#product{
	position: relative;
	float: left;
	width: 720px;
}
#productphoto{
	position: relative;
	float: left;
	width: 300px;
	text-align: center;
}
#productdesc{
	position: relative;
	float: left;
	width: 400px;
}
.levydetail{
	font-weight: bold;
}
.group img{
	border: 2px solid silver;
	margin: 10px;
}
.kusuprod{
	position: relative;
	float: left;
	width: 33px;
	height: 22px;
	margin-right: 5px;
	margin-top: 3px;
	line-height: 22px;
}
#objtr{
	width: 350px;
	position: relative;
	float: left;
}
#levydetailobj{
	width: 93px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	position: relative;
	float: left;
	padding-left: 2px;
}
#pravydetailobj{
	width: 200px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	position: relative;
	float: left;
}
.zahlaviprod{
	position: relative;
	float: left;
	width: 720px;
	font-size: 14px;
	font-weight: bold;
}
.topstory-txt{
	position: relative;
	float: left;
	width: 340px;
	margin: 10px;
}
.topsth3{
	color: #dc143c;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.topstory-info{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	width: 200px;
	margin-left: 3px;
}
.nomb{
	position: relative;
	float: left;
	width: 300px;
	margin-left: 3px;
}
.hr{
position: relative;
float: left;
border-bottom: 1px solid silver;
width: 650px;
left:30px;
top: 20px;
margin-bottom: 20px;
}
#footer{
position: relative;
float: left;
height: 100px;
width: 950px;
background-color: #e0e0e0;
}
#contact{
position: relative;
float: left;
width: 420px;
}
#contact1{
position: relative;
float: left;
height: 80px;
width: 200px;
background-color: #ededed;
}
#contact2{
margin-left: 5px;
position: relative;
float: left;
height: 80px;
width: 200px;
background-color: #ededed;
}
#banner{
position: relative;
float: left;
width: 468px;
height: 60px;
background-color: #dcdcdc;
top: 20px;
left: 30px;
}
#footerpod{
	margin: 0px auto;
	width: 900px;
	padding-top: 5px;
}
.cop{
	position: relative;
	float: left;
	font-size: 11px;
	color: #91b5d4;
}
.cop a{
	font-size: 11px;
	color: #78a7cf;
	text-decoration: underline;
}
.kosik{
	position: relative;
	float: left;
	width: 720px;
	border: 1px solid silver;
}
.kosikzahl{
	background-color: #dc143c;
	color: white;
	padding: 5px;
}
.kosikzahldop{
	background-color: silver;
	color: white;
	padding: 5px;
}
.data{
	padding: 5px;
	height: 25px;
	line-height: 25px;
}
.pocetinp{
	width: 20px;
}
.vratit, .pocet{
	text-align: center;
}
#buttonskosik{
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.form{
	position: relative;
	float: left;
	margin: 10px;
	width: 700px;
}
#akce{
	position: relative;
	float: left;
	width: 180px;
	height: 23px;
}
#akce a{
	position: relative;
	float: left;
	margin-right: 10px;
	ma
}
.action{
	position: relative;
	float: left;
	background-color: #dc143c;
	color: white;
	width: 55px;
	text-align: center;
	font-weight: bold;
}
.new{
	position: relative;
	float: right;
	background-color: #4682b4;
	color: white;
	width: 55px;
	text-align: center;
	font-weight: bold;
}
.error{
	position: relative;
	float: left;
	color: red;
	font-weight: bolder;
	font-size: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 20px;
	width: 630px;
	background-color: #fdf5e6;
	border: 1px solid silver;
	padding: 20px;
}
.msg{
	position: relative;
	float: left;
	color: #717171;
	font-weight: bolder;
	font-size: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 20px;
	width: 630px;
	background-color: #fdf5e6;
	border: 1px solid silver;
	padding: 20px;
}