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


h2 {color:#006ec3;}
form {margin:0;padding:0;}
form fieldset {margin:0;padding:0;border:none;}
a {color:#007fca;}
a:hover {text-decoration:none;}

.hid {display:none;}
.clear {clear:both;line-height:0;}

/*main boxes*/
#head {
	position:relative;
	margin:auto;
	width:1010px;
	height:292px;
	text-align:left;
	z-index:3;
  	background:#003f8f url("../images/head-bg.jpg") no-repeat left 41px;
}
#topline {
	position:absolute;
	top:0;
	left:0;
	width:1010px;
	height:41px;
  	background:#272727 url("../images/topline-bg.jpg") no-repeat left top;
}
#page,#ptop {	
	position:relative;
	margin:auto;
	padding:0;
	width:1008px;
	border:solid #adadae;
	border-width:0 1px;
	text-align:left;
	z-index:3;
	text-align:left;
  	background:#fff url("../images/page-bg.jpg") repeat-x left bottom;
}
#ptop {
	background:#fff;
	height:10px;
}
#foot {
	position:relative;
	width:100%;
	height:137px;
	z-index:1;
	text-align:left;
	background:#fff;
}
#footcnt {
	position:relative;
	margin:auto;
	padding:0;
	width:1010px;
	height:137px;
	text-align:left;
	z-index:10;
  	background:#4d4f52 url("../images/foot-bg.jpg") repeat-x left top;
}
#extra1 {
	width:48%;
	position:absolute;
	top:-529px;
	left:0;
	height:666px;
  	background:url("../images/bg-foot.jpg") repeat-x left top;
	z-index:1;
}
#extra2 {
	width:45%;
	position:absolute;
	top:-529px;
	right:0;
	height:666px;
  	background:url("../images/bg-foot.jpg") repeat-x left top;
	z-index:1;
}
#shlb {
	position:absolute;
	top:-54px;
	left:-53px;
	width:53px;
	height:191px;
  	background:url("../images/shlb.png") no-repeat left top;	
}
#shrb {
	position:absolute;
	top:-54px;
	right:-53px;
	width:53px;
	height:191px;
  	background:url("../images/shrb.png") no-repeat left top;	
}
#michelin {
	position:absolute;
	bottom:-137px;
	right:19px;
	margin:0;
	padding:0;
	width:227px;
	height:174px;
	z-index:11;
  	background:url("../images/michelin-bg.jpg") no-repeat left top;
}
#box1 {
	float:left;
	margin:0;
	padding:0 0 50px 0;
	width:742px;
}
#box2 {
	float:right;
	margin:0;
	padding:0 0 50px 0;
	width:243px;
}
#dbox1 {
	float:right;
	width:363px;
}
#dbox2 {
	float:left;
	width:286px;
}



/*logo*/
#logo {
  	position:absolute;
  	top:111px;
  	left:48px;  
	margin:0; 
	padding:0;
	width:352px; 
	height:111px;
	z-index:10;
	font-size:1.1em;
}
#logo a {color:#fff;}
#logo span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
 	top:0; 
	width:352px; 
	height:111px;
	z-index:0;
	cursor:pointer;
	background:url("../images/logo.jpg") no-repeat left top;
}
/*menu*/
#menu {
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 0 17px;
	padding:0;
	height:48px;
	background:#fff;
}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	height:48px;
	list-style:none;
}
#menu li a {
	display:block;
	float:left;
	margin:0;
	padding:20px 0 0 0;
	height:28px;
	font-size:0.75em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;	
	background:#004093;
	text-align:center;
}
#menu li a:hover,#menu li a.selected {color:#0082cc;background-color:#fff;}
#menu li#m1 a {width:130px;background:url("../images/menu/m1.jpg") no-repeat left top;}
#menu li#m1 a:hover,#menu li#m1 a.selected {background-position:right top;}
#menu li#m2 a {width:84px;background:url("../images/menu/m2.jpg") no-repeat left top;}
#menu li#m2 a:hover,#menu li#m2 a.selected {background-position:right top;}
#menu li#m3 a {width:127px;background:url("../images/menu/m3.jpg") no-repeat left top;}
#menu li#m3 a:hover,#menu li#m3 a.selected {background-position:right top;}
#menu li#m4 a {width:155px;background:url("../images/menu/m4.jpg") no-repeat left top;}
#menu li#m4 a:hover,#menu li#m4 a.selected {background-position:right top;}
#menu li#m5 a {width:128px;background:url("../images/menu/m5.jpg") no-repeat left top;}
#menu li#m5 a:hover,#menu li#m5 a.selected {background-position:right top;}
#menu li#m6 a {width:92px;background:url("../images/menu/m6.jpg") no-repeat left top;}
#menu li#m6 a:hover,#menu li#m6 a.selected {background-position:right top;}

/*TOPLINE*/
#topline form {float:right;width:400px;margin:8px 0 0 0;}
#topline form label {
	color:#fff;
	font-size:0.6em;
}
#topline form input.textfield {
	position:relative;
	top:2px;
	margin:0 7px 0 0;
	width:86px;
	color:#fff;
	background-color:#000;
	border:1px solid #8a8a8a;
}
#topline form input.submitbutton {
	position:relative;
	top:2px;
	width:75px;
	height:21px;
	border:none;
	font-size:0.6em;
	color:#fff;
	background:url("../images/submit-bg.jpg") no-repeat left top;
}
#topline a {
	position:relative;
	top:12px;
	left:23px;
	float:left;
	display:block;
	font-size:0.6em;
	color:#fff;
}
#topline a:hover {text-decoration:none;}

#topline p {
  float:right;width:400px;margin:12px 0 0 0;
  text-align:right;
  font-size:0.8em;
  color:#fff;
}

#topline p a {
	position:absolute;
  margin:0; top:12px;
  text-align:right;
  color:#fff;
  font-size:0.9em;
}
/*short search*/
#ssearch {
	position:absolute;
	bottom:15px;
	right:20px;
	width:200px;
}
#ssearch div {
	position:relative;
	float:left;	
	width:143px;
	height:24px;
	background:url("../images/inputbox-bg.jpg") no-repeat left top;
}
#ssearch div input {
	position:absolute;
	top:5px;
	left:3px;
	margin:0;
	padding:0;
	width:137px;
	height:17px;
	line-height:17px;
	background:transparent;
	border:none;
	color:#000;
}
#ssearch input {
	float:left;	
	margin:0 0 0 5px;
	width:48px;
	height:24px;
	color:#fff;
	font-size:0.6em;
	border:none;
	background:url("../images/submit-bg3.jpg") no-repeat left top;
}

/*nabidka*/
#nabidka {
	margin:0 0 0 18px;
	padding:10px 0 0 0;
	height:132px;
}
#nabidka li {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}
#nabidka li a {
	position:relative;
	display:block;
	float:left;
	width:181px;	
	height:132px;	
	line-height:132px;
	text-align:center;
	background:#fff;
}
#nabidka li a span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  	top:0; 
	width:181px;	
	height:132px;	
	z-index:0;
	cursor:pointer;
}
#nabidka li a#n1 span {background:url("../images/nabidka1.jpg") no-repeat left top;}
#nabidka li a#n2 span {background:url("../images/nabidka2.jpg") no-repeat left top;}
#nabidka li a#n3 span {background:url("../images/nabidka3.jpg") no-repeat left top;}
#nabidka li a#n4 span {background:url("../images/nabidka4.jpg") no-repeat left top;}
#nabidka li a:hover {background:blue;}
#nabidka li a#n1:hover span,#nabidka li a#n2:hover span,
#nabidka li a#n3:hover span,#nabidka li a#n4:hover span,
#nabidka li a#n1.selected span,#nabidka li a#n2.selected span,
#nabidka li a#n3.selected span,#nabidka li a#n4.selected span {
	background-position:right top;
}

/*opening*/
#opening {
	margin:0 0 0 19px;
	padding:30px 0 0 0;
	width:723px;
	height:137px;
	background:#fff url("../images/uvod-bg.jpg") no-repeat left top;
}
#opening h2 {
	margin:0 0 10px 34px;
	padding:0;
	font-size:1.3em;
}
#opening p {
	margin:0 0 10px 34px;
	padding:0;
	width:380px;
	font-size:0.75em;
	font-weight:bold;
	color:#202020;
}

/*image titles*/
div.title {
	margin:0 0 0 6px;
	height:50px;
	background:url("../images/title-bg.jpg") no-repeat left top;
}
div.title a {
	display:block;
	float:right;
	margin:15px 0 0 0;
	padding:0 15px 0 10px;
	font-size:0.75em;
	font-weight:bold;
	background:url("../images/sipka.gif") no-repeat left center;
}
div.title h2 {
	position:relative;
	top:6px;
	float:left;
	margin:0;
	padding:0;
	height:38px;
	font-size:1em;
}
div.title h2 span {
	display:block;
	position:absolute; 
	left:0; 
 	top:0;
	margin:0; 
	padding:0;
 	height:38px;
	z-index:0;	
}
#title-an {width:192px;}
#title-an span {width:192px;background:url("../images/title-akcni-nabidka.jpg") no-repeat left top;}
#title-nej {width:201px;}
#title-nej span {width:201px;background:url("../images/title-nej.jpg") no-repeat left top;}
#title-news {width:180px;}
#title-news span {width:180px;background:url("../images/title-news.jpg") no-repeat left top;}
#title-katalog {width:182px;}
#title-katalog span {width:182px;background:url("../images/title-katalog.jpg") no-repeat left top;}
#title-podobna {width:196px;}
#title-podobna span {width:196px;background:url("../images/title-podobne.jpg") no-repeat left top;}


/*items*/
.itembox {
	position:relative;
	float:left;
	margin:5px 0;
	padding:0 0 0 19px;
	width:228px;
	height:270px;
}
.itemimage {
	width:226px;
	height:169px;
	border:1px solid #d9d9d9;
}
.itemimage a {
	display:block;
	width:226px;
	height:169px;
	text-decoration:none;
}
.itemimage a img {border:none;}
.itemtitle {
	display:block;
	margin:5px 5px;
	width:150px;
	font-weight:bold;
	text-decoration:none;	
	font-size:0.8em;
}
.itemtitle:hover {color:#0cb5ff;}
.itembox p {
	margin:5px 5px;
	padding:0;
	font-size:0.75em;
	font-weight:bold;
	color:#202020;
}
.itembox form {
	position:relative;
	height:24px;
}
.itembox form label {
	position:absolute;
	right:135px;
	top:5px;
	color:#444;
	font-size:0.75em;
}
.itembox form input.textfield {
	position:absolute;
	right:105px;
	top:0;
	padding:4px 0 5px 0;
	width:23px;
	font-size:0.7em;
	text-align:center;
	font-weight:bold;
	border:1px solid #007fca;
}
.itembox form input.submitbutton {
	position:absolute;
	right:0;
	top:0;
	padding:0 0 0 25px;
	width:98px;
	height:24px;
	border:none;
	font-size:0.6em;
	color:#fff;
	background:url("../images/add-bg.jpg") no-repeat left top;
}
.itemprice {
	position:absolute;
	bottom:58px;
	left:172px;
	width:75px;
	height:41px;
	line-height:41px;
	text-align:center;
	color:#007fca;
	font-weight:bold;
	background:url("../images/price-bg.jpg") no-repeat left top;
}
.itemprice span {color:#000;font-size:0.8em;}

.itempriceeu {
	text-align:right;
	color:#000;
  font-size:0.75em;
  font-weight:bold;
  margin-bottom:3px;
}



/*newsbox*/
.newsbox {
	position:relative;
	float:left;
	margin:5px 0;
	padding:0 0 0 19px;
	width:228px;
}
.newsbox a img {border:1px solid #abe3fe;}
.newsbox p {
	margin:0;
	padding:10px 0;
	color:#202020;
	font-size:0.75em;
}
.newsbox p a {
	font-weight:bold;
}
.newsbox p.title {font-weight:bold;}
.newsbox p.title a {text-decoration:none;}
.newsbox p.title a:hover {text-decoration:underline;}

/*kosik*/

#kosiktitle {
	position:relative;
	margin:0;
	padding:0;
	width:224px;
	height:66px;
	line-height:66px;
}
#kosiktitle span {
	position:absolute;
	left:0;
	top:0;
	width:224px;
	height:66px;
	background:url("../images/title-kosik.jpg") no-repeat left top;
}
#kosikbox {
	width:224px;
	height:98px;
	background:url("../images/kosik-bg.jpg") no-repeat left top;
}
#kosikbox table {
	position:relative;
	top:7px;
	left:18px;
	width:180px;
	color:#fff;
	font-size:0.75em;
}
#kosikbox table th {
	padding:3px 0;
	text-align:left;
	font-weight:normal;
}
#kosikbox table td {font-weight:bold;text-align:right;}
#kosikbox table td a {
	float:left;
	color:#a2dfff;
	font-weight:normal;
}

#center {
  text-align: center;
}

/*tabs*/
div.tabs {
	position:relative;
	width:224px;
	background:url("../images/tabs-bg.jpg") no-repeat left top;
}
div.tabs ul {
	margin:0;
	padding:0;
	width:224px;
}
div.tabs ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.tab {
	display:block;
	position:absolute;
	top:0;
	width:106px;
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:0.75em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#tab1 {
	left:6px;
	background:url("../images/tabs-tab-bg1.jpg") no-repeat right top;
}
#tab2 {
	left:114px;
	background:url("../images/tabs-tab-bg2.jpg") no-repeat right top;
}
#tab1:hover,#tab2:hover,#tab1.selected,#tab2.selected {background-position:left top;}

div.tabs ul li ul {
	margin:32px 0 0 0;
	padding:15px 0;
	width:224px;
	background:url("../images/tabs-list-bg.jpg") no-repeat left top;
}
div.tabs ul li ul li {
	float:none;
	margin:0;
	padding:0;
}
div.tabs ul li ul li a {
	display:block;
	padding:0 0 0 32px;
	height:22px;
	line-height:22px;
	color:#fff;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none;
	background:url("../images/sipka-bila.gif") no-repeat 16px center;
}
div.tabs ul li ul li a:hover {text-decoration:underline;}
div.tabs ul li ul li ul {
	margin:0;
	padding:0;
	background:#3274c2;
}
div.tabs ul li ul li ul li a {
	padding:0 0 0 45px;
	background:url("../images/sipka-bila.gif") no-repeat 30px center;
}
/*search*/
#search {
	position:relative;
	width:224px;
	height:300px;
	background:url("../images/search-bg.jpg") no-repeat left top;
}
#search p {
	position:relative;
	top:15px;
	left:20px;
	margin:0;
	padding:;
	padding:0;
	width:100px;
	color:#fff;
	font-size:0.75em;
}
#search table {
	position:relative;
	top:30px;
	left:20px;
	width:180px;
	font-size:0.75em;
}
#search table th {
	line-height:27px;
	color:#fff;
	font-weight:normal;
	text-align:left;
}
#search table td {
	line-height:27px;
	text-align:right;
}
#search table td select {
	width:100px;
}
#search table td.submitbutton {text-align:center;}
.submitbutton input {
	margin:10px 0 0 0;
	width:132px;
	height:24px;
	border:none;
	font-size:0.75em;
	color:#fff;
	background:url("../images/submit-bg2.jpg") no-repeat left top;
}
/*akce*/
#action {
	posiion:relative;
	margin:10px 0 0 0;
	padding:11px 0 0 1px;
	width:223px;
	height:245px;
}
#action h2 {
	position:relative;
	margin:0;
	padding:0;
	width:221px;
	height:28px;
}
#action h2 span {
	position:absolute;
	top:0;
	left:0;
	width:221px;
	height:28px;
	background:url("../images/title-mega-kce.jpg") no-repeat left top;
}
#action p {
	margin:8px 0 0 20px;
	padding:0;
	width:150px;
	color:#201d1d;
	font-size:0.9em;
	font-weight:bold;
}
/**/
#contactbox{
	width:224px;
	text-align:center;
	margin-top:10px;
}
#contactbox p {
	font-weight:bold;
	font-size:0.8em;
}
#contactbox p b {
	color:#007fca;
}




/*foot*/
#footmenu {position:absolute;top:20px;left:15px;margin:0;padding:0;}
#footmenu li {float:left;margin:0;padding:0;list-style:none;}
#footmenu li.separator {border:solid #9f9f9f;border-width:0 1px 0 0;}
#footmenu li a {
	float:left;
	display:block;
	padding:0 10px 0 10px;
	color:#fff;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none;
}
#footmenu li a:hover,#footmenu li a.selected {
	text-decoration:underline;
}
#links {
	position:absolute;
	top:50px;
	left:25px;
	margin:0;
	padding:0;
	font-size:0.75em;
	color:#a2dfff;
}
#links a {
	color:#a2dfff;
	font-weight:bold;
}
#copyright {
	position:absolute;
	top:94px;
	left:25px;
	margin:0;
	padding:0;
	font-size:0.75em;
	color:#fff;
}
#copyright a {color:#a2dfff;}

/*detail*/
#detail {
	position:relative;
	margin:25px 0 0 44px;
}
#detail h2 {
	margin:0 0 25px 0;
	font-size:1.3em;
}

/*detail*/
#text {
	position:relative;
	margin:25px 20px 0 44px;
}
#text h2 {
	margin:0 0 25px 0;
	font-size:1.3em;
}

#text h3 {
	font-size:1.0em;
}

#text p {
  font-size:0.75em;
  text-align:justify;
  line-height:1.4;
}

#text li {
  font-size:0.75em;
  text-align:justify;
  line-height:1.4;
}

#text table td {
  padding:4px;
  font-size:12px;
}
#text input {
  border:1px solid #dddddd;
}
#text table tr.kosik_nad {
  background-color:#0154a2; 
}

#text table tr.pol_kosik1 {
  background-color:#f6f6f6; 
}

#text table tr.pol_kosik2 {
  background-color:#e6e6e6; 
}

#text table tr.kosik_nad td {
  font-weight:bold;
  padding:4px;
  color:#fff;
}

#backcatalog {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	font-size:0.75em;	
}
#backcatalog a {
	padding:0 0 0 10px;
	font-weight:bold;	
	background:url("../images/sipka.gif") no-repeat left center;
}
#dbox1 {
	float:right;
	width:363px;
}
#dbox2 {
	float:left;
	width:286px;
}
#dbox1 table.info {
	margin:0;
	padding:0;
	width:363px;
	font-size:0.75em;
}
#dbox1 table.info tr {
	height:22px;
	line-height:22px;
}
#dbox1 table.info tr.blue {
	background:url("../images/table-bg.jpg") no-repeat left top;
}
#dbox1 table.info th {
	padding:0 0 0 15px;
	width:120px;
	text-align:left;
	color:#006ec3;
}
#dbox1 table#pricetable {
	margin:15px 0 10px 0;
	font-size:0.75em;
}
#dbox1 table#pricetable th {
	padding:0 0 0 15px;
	width:120px;
	text-align:left;
}
#dbox1 table#pricetable td span {
	font-weight:bold;
	color:#006ec3;
}
#dbox1 table#pricetable tr.price {
	font-size:1.2em;
}

#dbox1 table#pricetable tr.price .cenaeu {
  font-size:0.8em;
  font-weight:bold;
  color:#000000;
}
#dbox1 form table th {
	padding:0 0 0 15px;
	width:120px;
	font-size:0.75em;
	text-align:left;
	font-weight:normal;
}
#dbox1 form input.textfield {
	padding:4px 0 5px 0;
	width:23px;
	text-align:center;
	font-weight:bold;
	border:1px solid #007fca;
}
#dbox1 form input.submitbutton {
	padding:0 0 0 25px;
	width:98px;
	height:24px;
	border:none;
	font-size:0.6em;
	color:#fff;
	background:url("../images/add-bg.jpg") no-repeat left top;
}
#dbox2 p {
	margin:0 0 10px 0;
	padding:0;
	font-size:0.75em;
	text-align:justify;
}
#dbox2 p a img {
	border:1px solid #d9d9d9;
}

/*pages*/
.pages {
	float:right;
	margin:15px 0 0 0;
}
.pages span {
	display:block;
	float:left;
	margin:0 5px 0 0;
	height:21px;
	line-height:21px;
	font-size:0.75em;	
}
.pages a {
	display:block;
	float:left !important; 
	height:21px;
	line-height:21px;
	margin:0 !important;
	padding:0 4px !important;
	font-size:0.75em !important;
	background:none !important;
	color:#000;
}
.pages a:hover,.pages a.selected {
	background-color:#007fca !important;
	color:#fff;
	text-decoration:none;
}
a.prev {
	position:relative;
	padding:0 !important;
	width:20px;
	height:21px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
a.prev span {
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:21px;
	background:#656565 url("../images/duble-sipka-left.gif") no-repeat center center;
}
a.next {
	position:relative;
	padding:0 !important;
	width:20px;
	height:21px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
a.next span {
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:21px;
	background:#656565 url("../images/duble-sipka-right.gif") no-repeat center center;
}

/*filtr*/
.filter {
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	height:60px;
	text-align:left;
}
.filter form {
	float:right;
	width:450px;
	text-align:right;
	background-color:#f1f1f1;
	padding:4px;
}
.filter form label {
	font-size:0.75em;
}
.filtrpos {
	float:left;
	margin:0 0 0 12px;
	height:27px;
	line-height:27px;
	font-size:0.75em;
}
.filtrpos a {
	margin:0 3px;
	padding:0 0 0 12px;
	color:#007fca;
	
}
.filtrpos a.up {background:url("../images/sipka-up.gif") no-repeat left 8px;} 
.filtrpos a.down {background:url("../images/sipka-down.gif") no-repeat left 8px;} 

.error {
  background-color:#ff0000;
  color:#fff;
  font-weight:bold;
  padding:6px;
  margin:10px;
  text-align:center;
}

span.red {
  color:#ff0000;
}

input.submit {
  font-size:13px;
  font-weight:bold;
  padding:5px;
  background:#0154a2;
  color:#fff;
  text-decoration:underline;
}

input.submit:hover {
  text-decoration:none;
}

a.vyrazne {
  font-size:13px;
  font-weight:bold;
  padding:5px;
  background:#0154a2;
  color:#fff;
}

.center {
  text-align:center;
}

img.doprava {
  float:right;
  margin-right:80px;
  margin-top:00px;
}