html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6 {padding:0; margin:0; list-style:none; }
body {
	font-size: 62.5%;
	color: #333; background:#000;
	font-family: Georgia, "New York CE", utopia, sans-serif;
}

#container {
	width:1000px;
	position: relative;
	margin: 0 auto;
	padding:50px 0 0 0;
	background: transparent url(./style/bg_head.jpg) 100% 50px no-repeat;
}

#logo {
	height: 200px; width:240px;
	background: url(./style/logo.png) 0 0 no-repeat;
	position:relative;
}
#logo a {height:200px; padding-left:240px;}

#main {
  width:615px;
  position:relative;
  float:left;
  left: 240px;
  padding:0 0 10px 0; margin:147px 0 0 0;
  background:url(style/bg_main.jpg) 0 98px repeat-y;
  color: #FFF;
  overflow:hidden;
}
#main .in {
	background:url(style/in.jpg) 0 0 no-repeat;
	padding:0 25px;
}

.listitem #main {
	background:url(style/liste_main.jpg) 0 0 repeat-y;
	color:#FFFF99;
}
.listitem #main .in {
	background:url(style/liste_in.jpg) 0 0 no-repeat;
}

.static #main {
	text-align:center;	
}

#side {
	width: 240px; min-height:650px;
	position: relative;
	float:left; left:-615px;
	padding:0; margin:0;
	background:url(style/bg_side.jpg) 0 200px no-repeat;
	color:#8F8F8F;
	overflow:hidden;
}
#otherside {
	width:145px;
	float:right;
	position:relative; right:0;
	margin:200px 0 0 0;
	background:url(style/bg_otherside.jpg) 0 0 no-repeat;
	overflow:hidden;
}

#otherside p.info {
	padding:387px 0 0 0;
	margin:0; 
}
#otherside p.info span {
	display:block; overflow:hidden; width:0;
	padding-left: 145px;
}
#otherside p.info span.expedujeme {
	height:46px; background:url(style/expedujeme.png) 0 0 no-repeat;
}
#otherside p.info span.skladem {
	height:50px; background:url(style/skladem.png) 0 0 no-repeat;
}


.hp #container {
	width:1030px;	
	background: transparent url(./style/main_hp.jpg) 100% 50px no-repeat;
}
.hp #logo {
	height: 193px; width:260px;
	background: url(./style/logo_hp.png) 0 0 no-repeat;
	position:relative;
	margin-left:20px;
}
.hp #logo a {height:193px; padding-left:260px;}

.hp #main {
  width:750px;
  position:relative;
  float:right; 
  right:0; left:0;
  padding:0; margin:0;
  background:none;
}
.hp #side {
	width: 280px; min-height:650px;
	position: relative;
	float:left; left:0;
	padding:0; margin:0;
	background:url(style/side_hp.jpg) 100% 193px no-repeat;
	color:#8F8F8F;
}




#top {
  position:absolute; top:0; right:0;
  width:1000px;
  color:#e7e4cd;
}
#footer {
  padding:40px 50px 30px 70px;
}


/* Doplnky layoutu */
p#logo {margin:0; padding:0;}
#logo a {display:block; overflow:hidden; width:0; height:193px; padding-left:260px; position:absolute; top:0; left:0; cursor:pointer; border:0 none; cursor:pointer;}

#menu {height:450px;}
#menu ul {width:177px; margin:0 0 0 53px; padding:0;}
#menu li {margin:3px 0; padding:0; height:31px; text-align:center; font-size:120%; } 
#menu a {display:inline-block; padding:0 12px; background:url(style/menu.png) 0 0 no-repeat;  height:31px; line-height:31px; color:#e5e0c8; text-decoration:none; text-transform:uppercase; overflow:hidden; font-style:italic; font-weight:bold; }



.hp #menu {margin:0; padding:93px 0px 0 0; font-family: sans-serif; width:100%; height:auto; }
.hp #menu ul {margin:0 0 0 110px; padding:0; width:130px; height:355px;}
.hp #menu li { width:100%; margin:0; padding:0; line-height:26px; height:26px; color:white; font-size:110%; font-style:italic; font-weight:bold; text-transform:uppercase; text-align:center; overflow:hidden;} 
.hp #menu a {display:block; width:100%; line-height:26px; height:26px; padding:0; margin:0; color:#f2f2f2; text-decoration:none; font-size:100%; border:0 none; background: url(style/menu_hp.png) 0 0 no-repeat;}

#menu li a:hover, .hp #menu li a:hover {color: #FF0;}

form#search {width:200px; margin:5px 0 10px 35px; padding:20px 0 0 0; overflow:hidden; background:url(./style/hledani.gif) 0 0 no-repeat;}
form#search fieldset {margin:0; padding:0;}
form#search input {background:#DFBF90; width:120px;}
form#search legend {display:none;}
form#search button {margin-left:5px; width:60px;}

#side .novinky {width:200px; padding:0 5px; float:right;}
#side .novinky h3.nadpis {margin-top:20px; }
#side .novinky h4 {font-size:110%; font-weight:normal; line-height:1.5em;}
#side .novinky h4 a {margin-right:5px; font-weight:bold;}
#side .novinky p {padding:0; margin:0.7em 0; font-size:110%;}
#side .novinky p.archiv {text-align:right;}
#side .novinky a.archiv {font-size:100%; color:#949264;}

#side .top10 {padding:0 0 40px 0; margin:0; clear:both;}
#side .top10 h3 {margin:10px 0 10px 30px;}
#side .top10 ol {margin:0 0 0 0; padding:0 25px 10px 25px; width:210px;}
.top10 ol li {list-style-type:decimal; color:#E7E4CD; font-size:130%; padding:2px 0;}
.top10 ol li span {color:#DBDE74;}

#top ul {float:left; padding:0; margin:0; margin-left:40px;  background:transparent url(./style/top-predel.gif) 0 0 repeat-y; width:620px; display:inline;}
#top li {display:block; font-size:140%; float:left; margin:0; padding:0;}
#top li a {display:block; float:left; height:46px; line-height:45px; padding:0 12px; font-style:italic; color:#e7e4cd; text-decoration:none; background:transparent url(./style/top-predel.gif) 100% 0 repeat-y; border:0 none; }
#top li a:hover, #top li a:focus, #top li a:active {background:#262626 url(./style/top-predel.gif) 100% 0 repeat-y;}
#top p {font-size:140%; margin:0; padding:0; height:45px ;line-height:45px; float:right; display:inline; position:absolute; right:25px; top:0;}
#top p a.objednat {padding: 2px 8px; margin:0 0 0 3px; background:#980000 url(./style/objednat.gif) 100% 100% no-repeat; color:#e7e4cd; border:0;}
#top p a:hover {text-decoration:none; color:#DBDE89;cursor:pointer;}
#top p span.b {color:#dbde89; font-weight:bold;}

#footer p {font-size:110%;}
#footer p {color:#535353;}
#footer p.copyright {margin:0; padding:0; float:left;}
#footer p.ivorius {margin:0; padding:0 0 10px 10px; float:right;}
#footer p.ivorius a, #footer p.copyright a {color:#535353; border:0; text-decoration:underline;}


/* Obecne */
h1,h2,h3,h4,h5,h6{font-weight:bold; padding:1em 0 0.2em 0; margin:0; }
h1{ font-size:150%; }
h2{font-size:140%;}
h3{font-size:140%;}
h4{font-size:120%;}
a {text-decoration:underline; color:#C5C385; }
a:hover{text-decoration:none; border:0 none; color:#CACF40;}
a img {border:0; text-decoration:none;}
form,fieldset,legend{margin:0; padding:0; border:none; }

p{font-size:120%; margin:0.8em 0; padding:0; line-height:1.7em; }
ul,ol{margin:0.5em 0; }
ul li,ol li{margin-left:2em; font-size:120%; }
label {text-align:right; margin-right:5px;}
address {font-size:130%; color:#E7E4CD;}

#main table{width:100%;  font-size:120%;  border-collapse:collapse; color:#333333;  }
#main table tr.odd{background:#EFEDE0; color:#333333;}
#main table tr.even{background:#E7E4CD; color:#333333;}
#main table td{padding:2px 10px; color:#E7E4CD;}
#main table th {text-align:left;}
#main table th.center {text-align:center;}
#main table th.right {text-align:right;}
#main table th,#main table td{vertical-align:middle;  }
#main table th + td{text-align:right;  }
#main table caption{caption-side:bottom;  font-style:italic;  text-align:left;  }
#main form table td {color:#333333;}

button {_height:23px; width:auto; padding: 2px 5px; background:#980000; color:#e7e4cd; border:1px solid #630000; font-size:120%;}
button.buttonhover {text-decoration:underline; cursor:pointer;}
button:hover {color:#DBDE89;cursor:pointer;}

/* Specificke */
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.oddelovac {margin:0 30px; clear:both; height:1px; background:url(./style/bg_oddelovac.gif) 0 0 repeat-x;}
.bold{font-weight:bold;}

.floatleft {float:left;}
.floatright {float:right;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.red {color:red;}
#main p.redmessage {color:red !important; background:#E7E4CD; font-weight:bold;}

/* HOMEPAGE */
.hp #main { margin-top:630px; padding:0 25px; width:700px; color:#EFE0BF; overflow:hidden;}
.hp #main h1 {margin-top:30px;}
.hp #main div.halfleft {width:48%; padding-right:2%; float:left;}
.hp #main div.halfright {width:48%; padding-left:2%; float:right;}
.hp #main p {font-size:110%;}


/* LISTITEM - výpis zboží*/
#listitem {padding:0; width:560px; background:url(style/listitem-bg.jpg) 0 0 repeat-y; }

.listitem #main h1 {height:45px; line-height:45px; margin:0 -30px; padding:0 30px;  width:100%; background:#14110d; color:#E7E4CD;}
.listitem #main .item, .listitem #main .detail {color:#333333;}

form.filtr {height:35px; margin:-1px -30px 5px -30px; width:690px; background:#14110d;}
form.filtr fieldset {margin:0; padding:0 0 0 30px;}
form.filtr select {margin:0 2px; background: #dfbf90  url(./style/bg_select.png) 0 0;}
form.filtr button {margin-left:5px; width:83px; height:22px; border:0; background:url(style/filtrovat.png) 0 0 no-repeat; overflow:hidden; text-indent:-500px;}
form.filtr p {float:left; margin:0 5px 0 0; padding:0; color:white;}

#listitem p {padding:0.8em 0; margin:0; }
#listitem p.nenalezeno {margin-left:20px; background:#E7E4CD; font-size:130%; color:#333;}

#listitem .item {width:230px; padding:0 25px 20px 25px; float:left; position:relative; overflow:hidden; text-align:center;}
#listitem .item h3 a {color:#333333;}

#listitem .item p {font-style:italic;}
#listitem .item p.img {/*height:160px; overflow:hidden;*/ padding:25px 0; min-height:100px;}
#listitem .item p.cena {margin:0 0 0 0; padding:0 5px 0 0; display:inline; width:165px; float:left; font-style:normal; }
#listitem .item p.cena span {font-weight:bold;}
#listitem .item p.cena span.dph {font-size:90%; font-weight:normal;}
#listitem .item p.cena span.skrt {font-weight:normal;}
#listitem .item button {text-indent:-500px; width:70px; height:19px; background:url(style/koupit.png) 0 0 no-repeat; cursor:pointer; margin-right:5px;}

#listitem a {border:0; text-decoration:underline;}
#listitem a:hover, #listitem a:focus, #listitem a:active {text-decoration:none;}

#listitem p.ikonka { margin:0; padding:0; }
p.ikonka.akce {position:absolute; top:40px; right:5px;}
p.ikonka.novinka {position:absolute; top:70px; right:5px;}

p.strankovani {font-size:140%; color:#e7e4cd; text-align:center;}
p.strankovani.top {padding:0 0 20px 0; margin:0; background:url(./style/listitem-top.gif) 0 100% no-repeat; }
p.strankovani.bot {padding:20px 0 10px 0; margin:0; background:url(./style/listitem-bot.gif) 0 0 no-repeat;}
p.strankovani span.cislovani {position:relative; left:-18px; letter-spacing: 3px;}
p.strankovani a {font-weight:bold; margin:0 1px; color:#FFFF99;}
p.strankovani a:hover, p.strankovani a:focus, p.strankovani a:active {background:#dbde89; color:#151515;}
p.aktualizace {font-size:140%; text-align:center; color:#e7e4cd; font-style:italic;}


/*static*/
.static #main h1 {font-size:170%; text-transform:uppercase;}
.static #main h2 {font-size:150%;}
.static #main p {font-size:120%;}


/* Zbozi */
.detail  {padding:0; width:560px; margin:25px 0 20px 0; background:#E7E4CD url(./style/detail.jpg) 0 0 repeat-y;}
.detail form {width:530px; padding:10px 15px 20px 15px; margin:0; background:url(./style/listitem-top.gif) 0 0 no-repeat; position:relative; }
div.img_zbozi {width:300px; padding:0 10px; float:right; text-align:left;}
div.img_zbozi img {margin:3px 0;}
.detail a {border-bottom:0; color:#000; text-decoration:underline;}
.detail a:hover {text-decoration:none;}
.detail form div.nakoupit {margin:15px 0;}
.detail form div.nakoupit div {margin-top:20px;}
.detail form input.pocet {width:35px; text-align:center; }
.detail form button {text-indent:-500px; width:70px; height:19px; background:url(style/koupit.png) 0 0 no-repeat; cursor:pointer; margin-left:10px; border:0;}

.detail span.bottom {display:block; position:relative; width:100%; height:11px; background:url(style/listitem-bot.gif) 0 100% no-repeat;}

.detail p.ikonka { margin:0; padding:0; }
.detail p.ikonka.akce {position:absolute; top:20px; right:5px;}
.detail p.ikonka.novinka {position:absolute; top:40px; right:5px;}

/* Aktuality*/
#main p.datum {font-size:110%; padding:0; margin:0;}



/******************** CSS system *************************/
/* Kosik */
#main form table.obsah-kosiku {margin:15px 0 0 0; padding:0; font-size:110%;}
#main table.obsah-kosiku th {padding:5px;  border-bottom:1px solid #AEAEAE; background:#141414; color:white;}
#main table.obsah-kosiku th.smazat {text-align:center;}
#main table.obsah-kosiku tr.bot td {border:0; text-align:right;}
#main table.obsah-kosiku tr.border td {border-top:1px solid black;}
#main table.obsah-kosiku td {border-bottom:1px solid #CAC7C7; padding:2px 10px; background:#E7E4CD; color:#333333;}
#main table.obsah-kosiku td.white {background:transparent; color:white;}
#main table.obsah-kosiku td a {text-decoration:underline; border:0 none; color:black;}
#main table.obsah-kosiku td a:hover, #main table.katalog td a:focus, #main  table.katalog td a:active {text-decoration:none;}
#main table.obsah-kosiku input.pocet {width:35px; text-align:center; font-size:100%;}

   /* Registrace */
form.registrace {background:#E7E4CD; padding:15px 0; text-align:left;}   
form.registrace label {display:block;}
form.registrace label.error {
  background:url("style/ne.png") no-repeat 0px 2px;
  color: #FF0000;
  font-size:11px;
  width:145px; padding-left:18px; float:right;
  min-height:17px;
}

form.registrace label.checked {
  background:url("style/ano.png") no-repeat 0px 0;
  height:16px;
  
}

form.registrace .success_msg {
  font-weight: bold;
  color: #0060BF;
   width:160px; float:right;
  font-size:10px;
}



	   /* Přihlasit se */
#main .uzivatel {background:#E7E4CD; margin:20px 0 10px 0; padding:20px; color:#141414;}
#main .uzivatel h3 {color:#141414;}
#main .uzivatel a {color:#960000; border-color:#960000;}

#main form.prihlasit table th {text-align:left; font-size:120%; color:#141414;} 
#main form.prihlasit table td {padding:8px 0;}
#main form.prihlasit input {border:1px solid #8D794E; width:95%; margin:0 !important; height:19px; line-height:19px;}
#main form.prihlasit button {padding:0 5px; margin-right:10px;}
#main form.prihlasit a {margin:0 5px; font-weight:bold; color:#960000; border-color:#960000;}

  /* Objednavka - 1 */
#main .objednavka-top {width:45%; padding:0 2%; margin:0; float:left; height:170px; background:#E7E4CD; position:relative;} 
#main .objednavka-top.r {float:right; width:45%}
#main .objednavka-top form {margin-top:10px;}

#main .objednavka-top div {margin-top:10px;}
#main .objednavka-top h2 {color:#4F4027; margin-top:5px;}
#main .objednavka-top p {color:#333333; text-align:left;}
#main .objednavka-top a {color:#333333; border:0; text-decoration:underline;}
#main .objednavka-top a:hover {text-decoration:none;}

/* Přehled objednávek */
#main .objednavky {margin:20px 0;}
#main .objednavky th {background:#1D1D1F; color:white; padding:5px 10px;}
#main .objednavky td {border-bottom:1px solid #CAC7C7; padding:3px 10px; color:#333333;}
#main .objednavky a {color:#960000; border-color:#960000;}




/* OBJEDNAVKA ZBOZI -  Horní průvodce*/
#order_steps {
  width:98%;
	padding: 0 1%;
	margin: 15px 0;
	text-align: center;
	height: 70px;
	background:#E7E4CD;
}
#order_steps a {color: #980000; text-decoration:underline;}
#order_steps a:hover {text-decoration:none;}

/* Text průvodce */
.order_steps_text {
	margin: 0 auto;
	text-align: center;
	color: #A7A7A7;
	height: 50px;
}

.active_step_text {
	color: #980000;
	font-weight: 700;
	font-size: 1.1em;
	width: 25%;
	float: left;
}
.inactive_step_text {
	text-align: center;
	color: #7F6B47;
	padding-top: 25px;
	display:block;
	width: 25%;
	float: left;
}
/* Linka v průvodci */
.order_steps_linka {
	margin: 10px 0 0 0;
	padding: 0;
	font-size:0;
	width: 100%;
	clear:both;
	height:2px;
}
.progressbar_active {
	background-color: #7F6B47;
	width: 25%;
	float: left;
	height: 5px;
	display:block;
}
.progressbar_inactive {
	background-color: #FFFAF6;
	width: 25%;
	float: left;
	height: 5px;
	display:block;
}