/* -- GLOBAL -- */
body {
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 75%;
	color: #fff;
	background: #d3d9d9 url(body_bgr.png) repeat-x;
	text-align:center;
}
* { margin: 0; padding: 0; }
img { border: none; }
a {color:#FFFFFF;}
blockquote {padding-left: 30px;}
a:hover {text-decoration:none;}
h1, h2 { background:url(square.gif) center left no-repeat; padding-left:20px; margin: 15px 0 20px 0; font-size: 180%;}
h2 {font-size: 150%;}
h3 { margin: 1em 0 .5em 0; font-size: 120%;}
p {margin-bottom: 1em;}
abbr {cursor:help;}
form { display:inline;}

.display-none, hr, .no-display { display: none; }

/* -- PAGE -- */
#page { margin: 0 auto; width: 950px; text-align:left; }
#site { top:0; left:0;
	margin: 0 auto; 
	position: relative;
	width: 950px;
}
.clear, .cleaner { clear:both;}

/* -- HEAD -- */
#head { background:url("head_bgr.jpg"); height:212px;}
#logo{
	position: relative;
	top: 35px;
	left: 39px;
	width: 228px;
	height: 77px;
}
#slogan {
	position: absolute;
	z-index: 3;
	top: 40px; left: 350px; height: 55px; width: 220px; overflow: hidden;
	padding: 5px 10px 0 10px;
	color: #999;
}

#search1{
  position: absolute;
	top: 50px; left: 700px;
	z-index:200;
 	padding: 5px 10px 0 10px;
	color: #999;
	height: 45px; width: 220px; ;

}



#slogan p { font-size: 1.1em; line-height: 130%; }
#accesslink { position: absolute; z-index: -1; top: 100%; width: 1px; height: 1px; margin: 0; overflow: hidden; }

#menu { 
	width:693px;  
	font-size: 1.5em;
	letter-spacing: 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	z-index: 10;

}
#menu #ie-fix{position: absolute; top: 165px;	left: 1px;}
#menu li { float: left; list-style-type: none; margin-left:20px;  }
#menu span { display: none; }
#menu a, #menu strong { padding: 10px 8px; margin-right: 3px; color: #000; font-weight:bold; text-decoration:none;}
#menu strong {	color: #ac2e08; }
#menu a:hover { padding: 10px 8px; color: #ac2e08; }

#shopping-cart {
	position: absolute;
	z-index: 3;
	top: 5px;
	right: 1px;
	width: 202px;
	height: 87px;
	padding: 10px 0 0 80px;
	font-size:14px;

}
#shopping-cart a {}
#shopping-cart .name { display: block; padding-top: 3px; margin-bottom: 3px; font-size: 1em; font-weight: bold; color: #000; }


/* -- BODY -- */
#content { background:#666666 url(content_bgr.png) repeat-y;}

#navigation { padding: 5px; width: 692px; background-color:#FFFFFF; color:#333; font-size: .8em;}
#navigation a {color:#000000;}
#navigation strong { color:#ac2e08;}

#box-a { float: left; width: 693px; overflow:hidden; margin: 0px; }
#box-b { width: 257px; float: right; background: url(column_bgr.jpg) no-repeat #666; overflow:hidden; margin:0px; padding-top: 160px;  }

.inside {padding: 15px;}
.inside ul {padding-left: 20px; list-style-type:square; }
.inside li {margin-left: 20px; }

#login-form { margin-bottom: 1em; padding: 5px; padding-top: 0; }
#login-form .linka, .formline { clear: both; padding-top: 7px; }
#login-form .linka label.typ-pole, .login-form .linka span.typ-pole{ float: left; width: 150px; margin-right: 5px; text-align: right; }
#login-form .linka span.pole { float: left; text-align: left; }
#login-form .tlacitko { margin-left: 156px; }

address { font-style:normal; line-height:20px;}
address em { width:15em; float:left; display:block;}

.formline label { float: left; width: 150px; margin-right: 5px; }
.error { font-weight:bold; color:#FF0000;}

.illustration {border:#FFFFFF 3px solid; float:left; margin: 0 8px 8px 0;}

.right { text-align:right;}

.akce { color:#FFCC00;}

/* -- ESHOP -- */
.category-ilustration { border:#666666 3px solid; float:left; margin: 0 20px 10px 0;}
#items, #catitems { background:url(items_bgr.gif) repeat-y; padding:0px;}
.item {float:left; width:220px; border-top:#FFFFFF 1px dashed; padding: 10px 0 5px;}
.first {border:none;}
.item p { padding: 0 0 0 8px;}
.item h2 {margin: 0 0 8px 8px;}
.item-photo {text-align:center; margin-bottom: 8px;}
.item-photo img, #item-detail img { border:#999999 3px solid; }
form.dokose { float:right; margin-right: 8px;}

#item-detail img { float:right; margin: 0 10px 10px; }

table.tabulka, table.objednavky{border-collapse:collapse;text-align:center;clear:both;font-size: .9em;margin-top:1em;}
.tabulka tr th, .objednavky tr th {background:#666666 ;text-align:center;}
.tabulka tr th,.tabulka tr td, .objednavky tr th,.objednavky tr td {border: 1px solid #F2DD92; padding:.3em 1em}

.cena { font-weight:bold;}
.dop_cena {text-decoration:line-through;}
input.pocet_kusu { width:2em;}
input.kos { background:url(kosik20h.gif) no-repeat; width:40px; border:none; cursor:pointer;}
td.td-fixed { white-space: nowrap; text-align:center;}
caption { font-size: 120%; text-align:left; margin:1em 0 .5em 0; font-weight:bold;}
.tip {padding:1em; border:#FFFFFF 1px dashed;  color:#fff; margin:1em;}

.ramecek { background-color:#ED6900; padding:5px; border:#FFFFFF 1px dashed;}
.ramecek p { margin:0px;}

.fleft {float:left;}
.fright {float:right;}
/* --  KOSIK -- */

.center { text-align:center;}

.krok {border:#FFFFFF 1px solid; padding: 8px; background-color:#ed6900; color:#000000;}
#prvni, #druhy, #treti, #ctvrty {padding-left: 28px; background:url(krokno.gif) no-repeat left center; height:24px; display:block; float:left; line-height:24px; margin-right: 2em;}
#prvni.aktualni, #druhy.aktualni, #treti.aktualni, #ctvrty.aktualni {background:url(krokakt.gif) no-repeat;}
#prvni.hotovo, #druhy.hotovo, #treti.hotovo, #ctvrty.hotovo {background:url(krokok.gif) no-repeat;}
table.objednavky { margin-bottom: 2em;}
table.objednavky a { font-weight:bold;}

td {text-align:left;}
td.tabcenter {text-align:center;}
td.tabnumber {text-align:right;}
.tlacitko {	background: #fefefe; border: 1px solid #CCC; color: #696969; padding-left: 2em; padding-right:2em; cursor:pointer; margin: 5px 5px 5px 0;}

/* --  SIDE  -- */
.categories { border-bottom:#999999 1px solid; margin-bottom: 10px;}
.categories h3 { text-align:center; margin: 0 10px 10px 10px; }

.categories ul { list-style-type:none; padding: 0px;}

.categories ul li { padding: 0px; border-top:#999999 1px solid; list-style-type:none;}

.categories a, .categories strong { display:block; text-decoration:none;  letter-spacing: 1px;}

.categories a:hover, .categories strong, .categories .active {background-color:#ed6900; color:#FFFFFF;}

.categories ul ul { background-color:#888888;}
.categories ul ul ul { background-color:#CE7A06;}
.categories ul ul ul ul{ background-color:#999999;}

.categories ul a, .categories ul strong  { padding: .5em 0 .5em 25px; background-position: 5px 50%;}
.categories ul ul a, .categories ul ul strong  { padding: .5em 0 .5em 35px; background-position: 15px 50%;}
.categories ul ul ul a, .categories ul ul ul strong { padding: .5em 0 .5em 45px; background-position: 25px 50%;}
.categories ul ul ul ul a, .categories ul ul ul ul strong { padding: .5em 0 .5em 55px; background-position: 35px 50%;}
.categories ul ul ul ul ul a, .categories ul ul ul ul ul strong { padding: .5em 0 .5em 65px;}

.full {background-image:url(ulli_bgr.gif); background-repeat:no-repeat;}
.empty {background-image:url(ulli_bgr_empty.gif); background-repeat:no-repeat;}

#login { border-bottom:#FFFFFF 1px solid; border-top:#FFFFFF 1px solid; padding: 8px 0 8px 10px; background:#bbb; color:#000000; }
#login a {color:#000000;}

img.cara {	border: 7px solid white; clear:left; float: left; margin: 0 10px 10px 0;}
.counter { text-align:center; margin-top:1em;}

/* -- BOTTOM -- */
#footer { padding: 5px 10px; text-align: center; font-size: .9em;	color: #393939;	background: #eee; }
#footer a { color: #393939; }
#sub-footer { text-align: right; padding: 5px 0 5px 10px; font-size: .9em; color: #000; }
#sub-footer a { color: #000; }