body { 
  	margin:0; 
  	padding:0;
  	font-family:Arial,Verdana; 
  	text-align:center; 
  	background:#fff url("../images/bg.jpg") repeat-x left top;
}

a img {border:none;}
.clear {clear:both;line-height:0;}
.fleft {float:left;}
.hidden {display:none;}
.fright { float:right; text-align:right; margin:0; }
.fleft { float:left; text-align:left; margin:0; }

#head {
	position:relative;
	margin:auto;
	width:960px;
	height:283px;
}
#himage {
	position:absolute;
	right:-20px;
	top:0;
	width:285px;
	height:315px;
  /*	background:url("../images/1.png") no-repeat right top; */
}
#page {
	position:relative;
	margin:auto;
	padding:25px 0 50px 0;
	width:960px;
	background:#fff;
	text-align:left;
	z-index:2;
}
.boxl {
	float:left;
	margin:0;
	width:617px;
}
.boxr {
	float:right;
	margin:0;
	width:308px;
	text-align:left;
}
#foot {
	position:relative;
	width:100%;
	height:117px;
	text-align:center;
  	background:url("../images/foot-bg.jpg") repeat-x left top;
}
#extra {
	position:absolute;
	top:-217px;
	left:0;
	width:100%;
	height:217px;
	z-index:0;
	background:url("../images/foot-shadow-bg.jpg") repeat-x left top;
}

/*logo*/
#logo {
  	position:absolute;
  	top:33px;
  	left:-8px;  
	margin:0; 
	padding:0;
	width:551px; 
	height:126px;
	z-index:10;
	font-size:1em;
} 
/*mainmenu*/
#mainmenu {
	position:relative;
	top:235px;
	margin:auto;
	padding:0;
	width:960px;
	height:48px;
	text-align:left;
	z-index:1;
}
#mainmenu li {
	float:left;
	margin:0;
	padding:0;
	height:48px;
	list-style:none;
}
#mainmenu li.sep {background:url("../images/menu-sep.gif") no-repeat right top;}
#mainmenu li a {
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none;
}
#mainmenu li a:hover,#mainmenu li a.selected {color:#ff0070;background-position:left top;}
#m1 {padding:15px 10px 0 10px;width:62px;height:40px;background:url("../images/menu/m1.jpg") no-repeat -82px top;}
#m2 {padding:15px 10px 0 10px;width:48px;height:33px;background:url("../images/menu/m2.jpg") no-repeat -68px top;}
#m3 {padding:15px 10px 0 10px;width:70px;height:33px;background:url("../images/menu/m3.jpg") no-repeat -90px top;}
#m4 {padding:15px 10px 0 10px;width:63px;height:33px;background:url("../images/menu/m4.jpg") no-repeat -83px top;}
#m5 {padding:15px 10px 0 10px;width:69px;height:33px;background:url("../images/menu/m5.jpg") no-repeat -89px top;}
#m6 {padding:15px 10px 0 10px;width:51px;height:33px;background:url("../images/menu/m6.jpg") no-repeat -71px top;}
#m7 {padding:15px 10px 0 10px;width:82px;height:33px;background:url("../images/menu/m7.jpg") no-repeat -102px top;}
#m8 {padding:15px 10px 0 10px;width:86px;height:40px;background:url("../images/menu/m8.jpg") no-repeat -106px top;}
#m9 {padding:15px 10px 0 10px;width:56px;height:33px;background:url("../images/menu/m9.jpg") no-repeat -76px top;}
#m10 {padding:15px 10px 0 10px;width:90px;height:33px;background:url("../images/menu/m10.jpg") no-repeat -110px top;}
#m11 {padding:15px 10px 0 10px;width:63px;height:33px;background:url("../images/menu/m11.jpg") no-repeat -90px top;}

/*page content*/
#page h2 {
	margin:0 0 0 35px;
	padding:0;
	color:#ff4699;
	font-size:1.3em;
}

#page h3 {
	color:#0075BF;
	font-size:1.1em;
	margin-bottom:0;
}
#page fieldset {
  border:0;
}
#page input {
  border:1px solid #AFE5FD; 
  background-color:#C3ECFE;
}
#page input.active {
  border:1px solid #61CFFF; 
  background-color:#A1E1FD;
}

#page textarea {
  border:1px solid #61CFFF; 
  background-color:#A1E1FD;
  font-family:Arial,Verdana;
}

#page table tr.blue {
	background:url("../images/detail-ul-bg.jpg") repeat-y left top;
}

#page table tr td{
  font-size:13px;
  padding:2px;
  color:#0075BF;
  vertical-align:top;
}
#page table tr td a {
 color:#0075BF;
}
#page table tr td input.cena{
  width:50px;
  text-align:right; 
}
#page table tr.nadpis {
  background-color:#0155AF;
}

#page table tr.nadpis td {
  padding:2px;
  color:#fff;
  font-weight:bold;
}
#productlist {
	position:relative;
	margin:5px 0 0 0;
	height:405px;	
}
.productbox {
	position:relative;
	margin:0;
	/* padding:0 0 0 35px; */
	float:left;
	width:274px;
	height:400px;
	text-align:center;
	z-index:1;
	background:url("../images/products-bg.jpg") no-repeat 0px bottom; /* 35px */
}
.productbox h3 {
	position:relative;
	top:0px;
	margin:10px 0 10px 20px;	
	padding:0;
	text-align:left;
}
.productbox h3 a {
	font-size:0.8em;
	color:#ff4699;
	text-decoration:underline;
  	
}
.productbox h3 a:hover,.productbox h3 a:hover span {text-decoration:underline;}
.productbox h3 a span {
	display:block;	
	color:#1183d9;
}
.productbox ul {
	clear:both;
	margin:0 0 0 35px;
	padding:0;
	text-align:left;
	list-style-type:square;
}
.productbox ul li {
	margin:0;
	padding:0;
	line-height:15px;
	font-size:0.75em;
}
.productbox p {
	clear:both;	
	margin:0 0 0 22px;
	padding:0;
	text-align:left;
	font-size:0.75em;
}
.lupa {
	float:right;
	position:relative;
	top:10px;
	right:20px;
	display:block;
	width:31px;
	height:31px;
	line-height:31px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	z-index:10;
	background-color:#f470a8;
}
.lupa span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  	top:0; 
	width:31px;
	height:31px;
	z-index:0;
	cursor:pointer;
	background:url("../images/lupa.jpg") no-repeat left top;
}
.lupa:hover {background-color:#0068dc;}
.lupa:hover span {background-position:right top;}

.sipka {
	display:block;
	float:right;
	position:absolute;
	top:130px;
	display:block;
	width:66px;
	height:68px;
	line-height:68px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	z-index:10;
	text-align:center;
	background-color:#f470a8;
}
.sipka span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  	top:0; 
	width:66px;
	height:68px;
	z-index:0;
	cursor:pointer;
}
.sipka:hover {background-color:#0068dc;}
#lsipka {left:0;}
#rsipka {right:0;}
#lsipka span {background:url("../images/sipka-left.jpg") no-repeat left top;}
#rsipka span {background:url("../images/sipka-right.jpg") no-repeat left top;}
#lsipka:hover span,#rsipka:hover span {background-position:right top;}

#aktualne {
	padding:0 0 0 20px;
	background:url("../images/aktualne-bg.jpg") no-repeat 35px bottom;
}
#aktualne h2 {
	margin:20px 0 20px 18px;
}
.aktualnebox {
	float:left;
	padding:0 0 10px 35px;
	width:250px;
}
#menubox div.aktualnebox {
	margin:0;
	padding:10px 20px;
	width:233px;
	background:url("../images/raktualne-bg.jpg") no-repeat left bottom;
}
.aktualnebox p {
	margin:0 0 10px 0;
	padding:0;
	font-size:0.75em;
	color:#0075bf;
}
.aktualnebox p span {
	font-weight:bold;	
}
.aktualnebox p a.title {text-decoration:underline;}
.aktualnebox p a:hover.title {text-decoration:underline;}
.aktualnebox p a {
	color:#ff4699;
	text-decoration:underline;
	font-weight:bold;
}
.aktualnebox p a:hover {text-decoration:none;}

#soutez {
	position:relative;
	margin:0 0 0 35px;
	width:582px;
	height:191px;
	z-index:10;
}
#soutez span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  	top:0; 
	width:582px;
	height:191px;
	z-index:0;
	background:url("../images/soutez-bg.jpg") no-repeat left top;
}
/*boxr*/
#inlogoexcelent {
	width:273px;
	height:122px;
	background:url("../images/inlogo.jpg") no-repeat left top;
}
#brtitle {
	margin:0 0 8px 0 !important;
	padding:0 !important;
	width:270px;
	font-size:0.75em !important;
}
#brtitle a {
	color:#ff4699;
	font-weight:bold;
	text-decoration:underline;
}
#brtitle a:hover {text-decoration:underline;}
.boxr p {
	margin:0 0 0 0;
	padding:0;
	width:270px;
	text-align:justify;
	font-size:0.75em;
}
.boxr p a {
	color:#0075bf;
	font-weight:bold;
	text-decoration:none;
}
.boxr p a:hover {text-decoration:underline;}
#karta {
	margin:26px 0 0 0;
	width:278px;
	height:165px;
	background:url("../images/karta-bg.jpg") no-repeat left top;
}
#karta h2 {
	margin:0 0 0 10px;
	padding:32px 0 0 0px;
	font-size:0.9em;
}
#karta p {
	margin:17px 0 0 10px;
	padding:0;
	width:140px;
	color:#fff;
	text-align:left;
}

/*foot*/
#foot ul {
	margin:0;
	padding:40px 0 0 0;
}
#foot ul li {
	display:inline;
	margin:0;
	padding:0 10px;
	list-style:none;
}
#foot ul li a {
	font-weight:bold;
	color:#fff;
	font-size:0.75em;
}
#foot ul li a:hover,#foot ul li a.selected {color:#ff0070;}
#foot p {
	color:#66ccff;
	font-size:0.75em;
}
#foot p a {color:#66ccff;text-decoration:underline;}
#foot p a:hover {text-decoration:none;}

/*content*/
#cnt {
	float:right;
	padding:0 0 0 0;
	width:617px;
}
#menubox {
	float:left;
	padding:0 0 0 35px;
	width:273px;
}

#cnt h2 {
	margin:0px 0 20px 0;
	padding:0;
}
#cnt p {
	padding-right:35px;
	font-size:0.8em;
	color:#0075bf;
}
#cnt p a {color:#FF4699; font-weight:bold;}
#cnt p a:hover {text-decoration:none;color:#ff4699;}


#menubox h2 {
	margin:0 0 10px 20px;
	font-size:1.2em;	
}
/*rmenu*/
#rmenu {
	margin:23px 0 20px 0;
	width:273px;
	background:url("../images/rmenu-bg.jpg") repeat-y left top;
}
#rmenutop {background:url("../images/rmenu-top-bg.jpg") no-repeat left top;}
#rmenubottom {
	padding:15px 0;
	background:url("../images/rmenu-bottom-bg.jpg") no-repeat left bottom;
}
#rmenu ul {
	margin:0;
	padding:0;
}
#rmenu ul li {
	margin:0;
	padding:0;
	list-style:none;
	height:26px;
	line-height:26px;
	background:url("../images/rmenu-ico.gif") no-repeat 17px center;
}
#rmenu ul li a {
	display:block;
	padding:0 0 0 40px;
	width:233px;
	height:26px;
	line-height:26px;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	background:url("../images/rmenu-a-hover-bg.jpg") no-repeat -300px top;
}
#rmenu ul li a:hover,#rmenu ul li a.selected {
  color:#ff4699;background-position:left top;
}

/*seznam*/
#cnt .productbox {
	margin:0 0 10px 0;
	padding:0  34px 0 0;
	width:274px;
	height:400px;
	background:url("../images/products-bg.jpg") no-repeat left bottom;
}
#cnt .productbox p {color:#000;}
.lupa span.invert {
	background:url("../images/lupa.jpg") no-repeat right top;
}
.lupa:hover span.invert {background-position:left top;}

/*detail*/
#detail {
	margin:45px 0 0 0;
}
#detailimg , #detailimg a {
	float:left;
	width:274px;
	display:block;
	text-align: center;
}
#detailimg img {
  /*float:left;*/
  margin:0;
  padding:0;
}
#detailtext {
	float:left;
	margin:0 0 0 17px;
	width:291px;
}
#detailtext h2 {
	margin:0;
	padding:0;	
}
#detailtext h2 span {color:#0075bf;}
#detailtext p {padding:0;color:#000;}
#detailtext ul {
	margin:0;
	padding:0;
}
#detailtext ul li {
	margin:0;
	padding:5px 0 5px 10px;
	list-style:none;
	font-size:0.8em;
	font-weight:bold;
	color:#0075bf;
}
#detailtext ul li.blue {
	background:url("../images/detail-ul-bg.jpg") repeat-y left top;
}
#price {
	margin:10px 0 0 0;
	width:79px;
	height:79px;
	line-height:79px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	background:#ab0f5a url("../images/price-bg.jpg") no-repeat left top;
}
#price span {font-size:0.7em;}

.kniha_nadpis {
  font-size:0.8em;
  font-weight:Bold;
  background:#0075BF;
  color:#fff;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  width:580px;
}

.kniha {
  font-size:0.75em;
  text-align:justify;
  padding:4px;
  width:580px;
}

.kniha_reakce_nadpis {
  font-size:0.8em;
  font-weight:Bold;
  background:#E2F6FF;
  padding-left:4px;
  padding-top:2px;
  padding-bottom:2px;
  margin-left:30px;
  width:550px;
   
}

.kniha_reakce {
  font-size:0.8em;
  text-align:justify;
  margin-left:30px;
  padding:4px;
  width:550px;
}


.kniha_odpoved {
  font-size:15px;
  color:#0075BF;
}

.kniha .vlozit_reakci a {
  text-align:right;
  float:right;
  color:#FF4699;
  font-weight:bold;
}