* {
  margin: 0px;
  padding: 0px;
}

#big {
	font-size: 40px;
	font-style: italic;
	color: red;
}

BODY {
  background: #ecf5fe;
  margin: 1px;
  font-family: "Tahoma", "Arial", "Arial CE", "Helvetica CE", sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  color: black;
}


/* LAYOUT */
DIV#layout {
  width: 980px;
}

TABLE#body {
  border-collapse: collapse;
  width: 980px;
  font-size: 12px;
	background-color: #E0F0FF;
}

/* Hlavicka */
#header {
  width: 980px;
  height: 109px;
  background: url(title.jpg) no-repeat top left;
}

#space {
  width: 980px;
  height: 30px;
  background: url(space.jpg) no-repeat top left;
}

/* Left side */
.left {
  width: 285px;
  height: 10px;
  background: url(background-left.png) repeat-y top left;
  vertical-align: top;
}

#shadow-left-top {
  width: 10px;
  height: 10px;
  background: url(shadow-left-top.gif) no-repeat top left;
}

#shadow-left {
  width: 10px;
  height: 10px;
  background: url(shadow-left.gif) repeat-y top left; 
}

#shadow-left-bottom {
  width: 10px;
  height: 10px;
  background: url(shadow-left-bottom.gif) no-repeat top left;
}

/* Right side */
.right {
  width: 685px;
  background-color: #E0F0FF;
  vertical-align: top;
}

#shadow-top {
  width: 685px;
  height: 10px;
  background: url(shadow-top.gif) repeat-x top left;
}

DIV#main {
  position: relative;
  margin-right: 8px;
	margin-top: 0px;
  text-align: left;
  min-height: 450px;
  _height: 450px;
}

#shadow-bottom {
  width: 685px;
  height: 10px;
  background: url(shadow-bottom.gif) repeat-x bottom left;
}

/* Zahlavi */
#footer {
  width: 695px;
  height: 21px;
  background: url(background-footer.png) repeat-y top left;
	text-align: center;
	font-size: 11px; 
}

#footer a {
  font-weight: bold;
}

#footer a:hover {

}


/* image KOLA */
DIV#img-kola {
  position: absolute;
	z-index: 2;
	margin-top: 32px;
	width: 64px;
	height: 250px;
	background: url(kola.gif) no-repeat top left;
}


/* AKCE */
#header DIV#akce {
  text-align: left;
	margin-top: 22px;
	margin-left: 15px;
	font-size: 11px;
	width: 250px;
	height: 80px;
	text-align: right;
}

#header DIV#akce A {
	text-decoration: none;
	font-weight: bold;
}

#header DIV#akce DIV.nadpis {
	font-size: 13px;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 80px;
	border-bottom: 1px dotted gray;
	text-align: center; 
}

#header DIV#akce DIV.produkt {
	float: left;
}

/* DALSI */
DIV.dalsi {
  text-align: left;
	margin-left: 15px;
	font-size: 11px;
	width: 250px;
	height: 70px;
	text-align: right;
}

DIV.dalsi A {
	text-decoration: none;
	font-weight: bold;
}

DIV.dalsi DIV.nadpis {
	font-size: 13px;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 80px;
	border-bottom: 1px dotted gray;
	text-align: center; 
}

DIV.dalsi DIV.produkt {
	float: left;
}

/* MENU */
#left-top {
  width: 285px;
  height: 10px;
  background: url(left-top.jpg) no-repeat top left;  
}

DIV#menu {
  position: relative;
  width: 285px;
  background: url(background-menu.jpg) repeat-y top right;
}

DIV#menu #menu-top {
  position: relative;
  width: 285px;
  height: 39px;
  background: url(menu-top.jpg) no-repeat top left;
}

DIV#menu #menu-items {
  position: relative;	
  margin-top: -30px;
  z-index: 1;
}

DIV#menu #menu-bottom {
  position: relative;
  width: 285px;
  height: 55px;
  background: url(menu-bottom.jpg) no-repeat top left;
  margin-top: -36px;
}


/* Polozky menu */
DIV#menu UL LI {
  text-align: right;
  list-style: none;
}

DIV#menu UL LI A {
  display: block;
  width: 207px;
  height: 77px;
  margin-top: 0px;
  margin-left: 78px;
  font-size: 21px;
  text-decoration: none;
}

DIV#menu UL LI A:hover {
  color: #0068B2;
}

#menu1 {
  background: url(menu1.png) no-repeat top left;  
}

#menu2 {
  background: url(menu2.png) no-repeat top left;  
}

#menu3 {
  background: url(menu3.png) no-repeat top left;  
}

#menu4 {
  background: url(menu4.png) no-repeat top left;  
}

SPAN#select {
  color: #0068B2;
}


/* Horni menu s kosikem */
#space DIV#basket {
  width: 275px;
  float: left;
	text-align: right;
	margin-right: 25px;
	font-size: 15px;
}

#space DIV#basket A {
  text-decoration: none;
	font-weight: bold;
}

#space DIV#basket DIV#polozek {
  float: left;
	text-align: left;
	margin-left: 5px;
	font-size: 11px;
	margin-top: 2px;
}

#space DIV#basket DIV#polozek SPAN {
  color: red;
	font-weight: bold;
}


#space DIV#upper-menu {
  margin-left: 10px;
}

#space DIV#upper-menu A {
  margin-right: 18px;
  color: white;
  font-size: 15px;
  text-decoration: none;
}

#space DIV#upper-menu A:hover {
  color: #9ED0FF;
}


/* Vzhled odkazu */
A {
  text-decoration: underline;
  color: black;
	border: none;
}

A:link {
  color: black;
}

A:visited {
  color: black;
}

A:hover {
  color: #0068B2;
}

A:active {
  color: black;
}

A IMG {
	border: none;
}


/* Pomocne styly */
DIV.cleaner {
  clear: both;
}

DIV.right-align {
	text-align: right;
}

DIV.float-left {
	float: left;
}

DIV.float-right {
	float: right;
}

SPAN.red {
  color: #0068B2;
}

.center {
  text-align: center;
}

DIV#message {
  color: red;
  font-size: 10px;
}

INPUT.povinne {
  border: 1px dashed red;
}

INPUT.nepovinne {
  border: 1px dashed black;
}

DIV#info {
  font-size: 10px;
	font-style: italic;
	text-align: right;
}


/* ChangeLog */
DIV#changelog {
  overflow: auto;
  height: 400px;
	width: 670px;
  font-family: "Courier New", "Courier CE", monospace;
  padding: 2px;
  border: 1px solid #0068B2;
  font-size: 12px;
	background-color: white;
}


/* OBCHOD */
TABLE#obchod {
  font-size: 12px;
  width: 680px;
}

TABLE#obchod TR TD {
  width: 320px;
  padding: 10px;
  vertical-align: top;
}

TABLE#obchod DIV.produkt {
  font-weight: bold;
  font-size: 15px;
  border-top: 1px solid #0068B2;
  height: 20px;
}

TABLE#obchod DIV.atribut {
  text-align: right;
  font-size: 14px;
	font-style: italic;
  height: 20px;
}

TABLE#obchod DIV.popis {
  font-size: 11px;
  width: 180px;
  height: 120px;
}

TABLE#obchod IMG {
  border: 1px dashed #0068B2;
}

TABLE#obchod IMG.image {
  float: right;  
}

TABLE#obchod DIV.akce {
  color: red;
  font-size: 20px;
  text-align: left;
	float: left;
}

TABLE#obchod DIV.cena {
  margin-top: 5px;
  font-weight: bold;
  text-align: right;
}

TABLE#obchod DIV.cena2 {
  text-align: right;
	font-size: 11px;
	margin-right: 32px;
	font-style: italic;
}

DIV.akce-table {
	border-bottom: 1px dotted gray;
	padding-bottom: 2px;
	margin-left: 5px;
}

DIV.akce-table STRONG {
	font-size: 14px;
	font-style: italic;
}

DIV#pagelinks {
  border-top: 1px dotted gray;
  text-align: center;
	font-size: 14px;
}


/* admin OBCHOD */
TABLE#aobchod {
  font-size: 12px;
	border-collapse: collapse;
}

TABLE#aobchod A {
  text-decoration: none;
}

TABLE#aobchod TH {
  border-bottom: 2px solid black;
	font-size: 14px;
	text-align: center;
}

TABLE#aobchod TR TD {
  vertical-align: top;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1px solid #0068B2;
	border-left: 1px dashed gray;
	border-right: 1px dashed gray;
}

TABLE#aobchod TD.proatr {
	font-style: italic;
}

TABLE#aobchod TD SPAN.produkt {
  font-weight: bold;
	font-style: normal;
}

TABLE#aobchod TD.akce {
  color: red;
	font-weight: bold;
  text-align: right;
}

TABLE#aobchod TD.cena {
  color: red;
  text-align: right;
}

TABLE#aobchod TD SPAN.mena {
  color: black;
}

TABLE#aobchod TD.actions {
  text-align: right;
}

TABLE#aobchod TR.color1 {
  background-color: white;	
}

TABLE#aobchod TR.color2 {
  background-color: #94b9ff;
}


/* REGISTRACE */
TABLE#reg {
  margin: 5px;
  font-size: 12px;
}

TABLE#id TD {
  margin-bottom: 2px;
}

TABLE#registrace {
  margin: 5px;
  font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #0068B2;
	background-color: white;
	margin: auto;
	text-align: left;
}

TABLE#registrace TD {
  border-bottom: 1px solid #0068B2;
	padding: 5px;
}

TABLE#registrace TD.right-align {
  text-align: right;
	padding: 5px; 
	border-right: 1px dashed gray;
}

TABLE#registrace #nick {
	font-weight: bold;
	color: red;
}

DIV#margin {
	margin-top: 25px;
	margin-right: 180px;
}



/* PODROBNOSTI */
TABLE#podrobnosti {
  font-size: 12px;
	border-top: 1px solid #0068B2;
	border-bottom: 1px solid #0068B2;
}

TABLE#podrobnosti IMG {
  border: 1px dashed #0068B2;
}

TABLE#podrobnosti TD#proatr {
	font-size: 20px;
	font-style: italic;
}

TABLE#podrobnosti TD#proatr SPAN#produkt {
	font-weight: bold;
	font-style: normal;
}

TABLE#podrobnosti TD#image {
	text-align: right;
}

TABLE#podrobnosti TD#akce {
	font-size: 20px;
	color: red;
}

TABLE#podrobnosti TD#cena {
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}

TABLE#podrobnosti TD#cena DIV.cena2 {
	font-size: 11px;
	margin-right: 32px;
	text-align: right;
	font-weight: normal;
	font-style: italic;
}


/* NOVY */
TABLE#novy {
  font-size: 15px;
}

TABLE#novy TD#img {
  font-size: 12px;
	padding-left: 10px;
}

TABLE#novy SPAN {
  font-size: 11px;
	font-style: italic;
}


/* KOSIK */
TABLE#kosik {
	border-collapse: collapse;
	font-size: 12px;
}

TABLE#kosik A {
	text-decoration: none;
}

TABLE#kosik TH {
  background-color: #0068B2;
	color: white;
	border-bottom: 2px solid black;
	text-align: center;
}

TABLE#kosik TD {
  background-color: #94b9ff;
	border-bottom: 1px solid black;
	border-left: 1px solid gray;
}

TABLE#kosik TD.produkt {
  font-style: italic;
	padding-left: 2px;
}

TABLE#kosik TD.produkt STRONG {
  font-style: normal;
}

TABLE#kosik TD.pocet {
  text-align: center;
}

TABLE#kosik TD.pocet INPUT {
  font-size: 10px;
}

TABLE#kosik TD.cena {
  text-align: right;
	padding-right: 2px; 
}

TABLE#kosik TD.akce {
  text-align: center; 
}

TABLE#kosik TD.celkem {
  border-top: 3px double black;
	text-align: right;
	font-weight: bold;
	padding-right: 2px; 
}

TABLE#kosik TD.total {
  border-top: 3px double black;
	text-align: right;
	font-weight: bold;
	padding-right: 2px; 
}

TABLE#kosik TD.postovne {
	text-align: right;
	padding-right: 2px; 
}

TABLE#kosik TD.totalprize {
  border-top: 3px double black;
	text-align: right;
	font-weight: bold;
	padding-right: 2px;
	font-size: 13px; 
}


/* Adresa dodani */
DIV#adresadodani {
  text-align: right;
	margin-left: auto;
	float: right;
}

DIV#adresadodani FIELDSET {
  width: 250px;
	border: 1px solid gray;
	padding: 2px;
	padding-right: 5px;
}

DIV#adresadodani LEGEND {
  font-weight: bold;
	color: gray;
	padding-left: 2px;
	padding-right: 2px;
}

DIV#adresadodani SPAN {
  font-style: italic;
}


/* UZIVATELE */
TABLE#uzivatele {
  font-size: 11px;
	border-collapse: collapse;
}

TABLE#uzivatele TH {
	border-bottom: 2px solid black;
	text-align: center;
}

TABLE#uzivatele TD {
	border-bottom: 1px solid #0068B2;
	border-left: 1px dashed gray;
	border-right: 1px dashed gray;
	padding-left: 2px;
	padding-right: 2px;
}

TABLE#uzivatele TD.del {
  padding: 0px;
}

TABLE#uzivatele TD.user {
  font-weight: bold;
}

TABLE#uzivatele TD.lastlog {
  text-align: center; 
}

TABLE#uzivatele TD.logged {
  text-align: right; 
}

TABLE#uzivatele TD.registred {
  text-align: center; 
}

TABLE#uzivatele A {
	text-decoration: none;
}


/* USER */
DIV.user {
  float: left;
	width: 325px;
  margin-bottom: 20px;
	margin-right: 10px;	
}

TABLE.user {
	font-size: 12px;
	border-collapse: collapse;
	text-align: left;
}

TABLE.user TD {
	border-bottom: 1px solid #0068B2;
}

TABLE.user TD.align-right {
	text-align: right;
	padding-right: 5px; 
}


/* OBJEDNAVKY */
DIV#objednavky {
  margin-right: 18px;
	float: left;
	min-height: 250px;
  _height: 250px;
}

TABLE#objednavky {
	border-collapse: collapse;
	font-size: 11px;
}

TABLE#objednavky TR.mark {
	background-color: #FFFF80;
}

TABLE#objednavky TR.unmark {
	background-color: #94b9ff;
}

TABLE#objednavky TR.confirm {
	background-color: white;
}

TABLE#objednavky A {
	text-decoration: none;
}

TABLE#objednavky TH {
	border-bottom: 2px solid black;
	color: white;
	background-color: #0068B2;
	text-align: center;
}

TABLE#objednavky TD {
	border-bottom: 1px solid #0068B2;
	border-left: 1px dashed gray;
	padding-left: 2px;
	padding-right: 2px;
}


/* OBJEDNAVKA */
TABLE#objednavka {
	border-collapse: collapse;
	font-size: 11px;
}

TABLE#objednavka A {
	text-decoration: none;
}

TABLE#objednavka TH {
	border-bottom: 2px solid black;
	text-align: center;
}

TABLE#objednavka TD {
	border-bottom: 1px solid #0068B2;
	border-left: 1px dashed gray;
	border-right: 1px dashed gray;
	padding-left: 2px;
	padding-right: 2px;
}

TABLE#objednavka TD#postovne {
	text-align: right;
}

TABLE#objednavka TD#total {
	text-align: right;
	border-top: 3px double black;
	font-weight: bold;
	font-size: 12px;
}


/* db */
DIV#db FIELDSET {
	border: 1px solid gray;
	padding: 5px;
}

DIV#db LEGEND {
	font-weight: bold;
	color: gray;
}

DIV#login DIV#info {
	margin-bottom: 3px;
	margin-right: 3px; 
}


/* LOGIN */
DIV#login FEILDSET {
	border: 1px solid gray;
	padding: 5px;
}

DIV#login LEGEND {
	font-weight: bold;
	color: gray;
}

DIV#login DIV#info {
	margin-bottom: 3px;
	margin-right: 3px; 
}


/* NASTAVENI admin */
DIV#vars {
	font-size: 11px;
}

DIV#emailname {
	text-align: right;
	font-size: 12px;
	margin-bottom: 1px;
	text-decoration: underline;
	font-variant: small-caps;
}

TABLE#settings {
	font-size: 12px;
	border-collapse: collapse;
}

TABLE#settings TD {
	padding-right: 10px;
	width: 125px;
}


/* PODMINKY */
TABLE#podminky {
	font-size: 12px;
}

TABLE#podminky TD {
	padding: 5px;
}

TABLE#podminky TD LI {
	list-style: disc outside;
	margin-left: 15px;
	margin-bottom: 4px;
	font-size: 11px;
}

TABLE#podminky TD.nadpis {
	color: white;
	text-align: center;
	background-color: #0068B2;
	font-weight: bold; 
}
