
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body 	{
	font-family: Verdana, 'Arial CE', Arial, sans-serif; 
	font-size: 75%;
	background: #FFFFFF;
	text-align: center;
	color: #000000;
}


#zahlavi {
	background: url(bgheader.gif) no-repeat center top;
	width: 987px;
	height: 188px;
	margin-top: 24px;
	}

#text {
	background: url(bg.gif) repeat-y center top;
	width: 987px;
	padding-top: 30px;
	}

#textin {
	width: 758px;
	float: right;
	text-align: left;
	/*padding: 0 10px 0 20px;*/
	}

#zapati {
	background: url(bgfooter.gif) no-repeat center bottom;
	width: 987px;
	height: 130px;
	padding: 2em 0ù
	}


/**/

#dokument, #page {
	width: 950px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	}

#dokument {
	margin: 0 auto;
	padding-top: 1px;
	}

#helpmenu {
	width: 950px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	}

#helpmenu ul {
	float: right;
	}

#helpmenu li {
	float: left;
	width: 80px;
	height: 90px;
	list-style-type: none;
	}

#helpmenu li a {
	display: block;
	width: 70px;
	height: 90px;
	padding-top: 65px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	}

/**/


#helpmenu li.home {
	background: url(home.gif) no-repeat center top;
	}

#helpmenu li.basket {
	background: url(kosik.gif) no-repeat center top;
	}


#menu {
	width: 199px;
	float: left;
	}

/* html #menu {
	height: 400px;
	}*/

#menu, #menu a {
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	}

#menu li {
	list-style-type: none;
	padding: 0.5em 0;
	text-align: left;
	padding-left: 20px;
	margin-left: 0px;
	}

*html #menu li {
	padding-left: 2px;
	}

#menu ul {
	margin-left: 8px;
	margin-bottom: 15px;
	}

ul.info li {
	/* background-color: #FF6500; */
	}

ul.info li.active {
	background-color: #FF8C3F;
	}
	
/*#FF8C3F*/
	
ul.kat, ul.info {
	position: relative;
	background-color: #285F1A; 
	}


ul.info {
	background-color: #FF6500;
	}

#menu ul.info li.first {
	background: #FF6500 url(menu-orange-top.gif) no-repeat right top;
	height: 29px;
	margin: 0;
	/*padding-top: 29px;*/
	}


ul.info li.last {
	background: #FF6500 url(menu-orange-bot.gif) no-repeat right bottom;
	height: 28px;
	height: 48px;
	/* padding-bottom: 38px; */
	}

*html ul.info li.last {
	/*height: 50px;
	padding-right: 10px;*/
	}


ul.kat li {
	background-color: #285F1A;
	}

#menu ul.kat li.first {
	background: #285F1A url(menu-green-top.gif) no-repeat right top;
	height: 29px;
	/*padding-top: 29px;*/
	}

ul.kat li.last {
	background: #285F1A url(menu-green-bot.gif) no-repeat right bottom;
	height: 31px;
	/* padding-bottom: 31px; */
	}

div.produkt {
	background: url(produkt.gif) no-repeat left top;
	width: 196px;
	height: 223px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 10px 20px;
	}

*html div.produkt {
	/*width: 236px;
	height: 243px;
	margin: 0 5px 15px 0;*/
	}

div.produkt h4, div.produkt h4 a {
	color: #EA6613;
	text-decoration: none;
	font-size: 130%;
	text-align: left;
	margin: 20px 0 10px 0;
	}

div.obrazek {
	float: left;
	width: 100px;
	height: 90px;
	}

div.koscena {
	float: left;
	width: 96px;
	height: 90px;
	}

*html div.koscena {
	/*width: 106px;*/
	}

div.koscena p {
	text-align: center;
	padding-top: 15px;
	}

span.cena {
	color: #396331;
	font-size: 130%;
	font-weight: bold;
	}

div.popis {
	clear: both;
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	}

div.popis p.ano {
	height: 60px;
	}

div.popis p.more, div.popis p.more a {
	text-align: right;
	color: #EA6613;
	text-decoration: none;
	}

form.to_basket #ks {
	border: 1px solid #ccc;
	width: 2em;
	height: 1.3em;
	font-size: 120%;
	margin: 0 5px 0px 5px;
	padding: 0.2em;
	}

#descrtooltop {
	background: #ffffff url(bgdt-top.gif) no-repeat center top;
	height: 26px;
	width: 739px;
	padding: 0;
	margin: 20px 10px 0 0;
	border: none;
	}

*html #descrtooltop { 
	margin: 20px 19px 0 3px;
	}

#descrtoolbot {
	background: #ffffff url(bgdt-bottom.gif) no-repeat center top;
	height: 37px;
	width: 739px;
	padding: 0;
	margin: 0;
	 margin-right: 10px;
	border: none;
	}

*html #descrtoolbot { 
	margin: 0px 19px 0 3px;
	}

#descrtool {
	width: 739px; 
	padding: 0;
	margin: 0;
	margin-right: 10px;
	border: none;
	text-align: left;
	background: #ffffff url(bgdtmid.gif) repeat-y center top;
	}

#descrtoolin {
	width: 490px;
	float: left;
	margin: 0 0 0 10px;
	/* border: 1px solid green; */
	}

#descrtoolin fieldset, #descrtoolright fieldset {
	border: none;
	} 

#descrtoolright {
	width: 200px;
	margin: 0px 10px 0 15px;
	float: left;
	/* border: 1px solid blue; */
	}

#descrtoolimg, #descrtoolformaty {
	margin: 0px 0 0 0;
	padding: 0;
	width: 95%;
	text-align: center;
	border: 2px solid #FFD633;
	border-top: none;
	clear: both;
	}

#descrtoolformaty {
	border-bottom: none;
	background-color: #FFD119;
	clear: both;
	}

#descrtoolformaty li.active {
	background-color: rgb(255,255,255);
	}


#descrtoolformaty li {
	list-style-type: none;
	float: left;
	padding: 2px 7px;
	min-height: 1em;
	}

#descrtoolstrany li {
	list-style-type: none;
	float: left;
	width: 99px;
	height: 21px;
	background: url(zalozka-neaktiv.gif) no-repeat center top;
	text-align: center;
	padding-top: 6px;
	margin: 0 2px 0 0;
	font-size: 95%;
	}

*html #descrtoolstrany li {
	/*height: 27px;*/
	} 

#descrtoolstrany li.active {
	background: url(zalozka-aktiv.gif) no-repeat center top;
	}

#descrtoolstrany li a {
	text-decoration: none;
	color: #000000;
	}

#descrtoolstrany li a:hover {text-decoration: underline;}


#descrtoolstrany ul {
	margin: 0px;
	}

#descrtoolstrany {
	border: 1px solid white;	
	}

#descrtoolimg img {
	
	}
/* ------- */

#descrtool label {
	margin-right: 10px;
	}

#descrtool legend {
	color: #000000;
	font-size: 140%;
	text-align: center;
	padding-left: 0px;
	margin-left: -8px;
	}

#descrtool fieldset {
	/*border: 1px solid red;*/
	padding: 0px;
	}

input.submitobr {
	border: none;
	margin: 5px 0px 5px 8px;
	vertical-align: middle;
	}

#sbm1 {
	background: url(butoff-smazat.gif);
	}

#size, #angle {
	width: 68px;
	}

#pseudotxt {
	width: 160px;
	}

#loginsidebar {
	background-color: #BD1C18;
	position: relative;
  color: #BEAF90;
	margin-left: 9px;
	text-align: left;
	padding-left: 20px;
	}

#loginsidebar h3 {
	margin: 0 0 10px 0;
	}

#loginsidebar p {
	margin: 0 0 10px 0;
	padding-right: 10px;
	}

#loginsidebar a {
  color: #F7CF00;
	}


#loginsidebar fieldset {
	border: none;
	}


#loginsidebar p.first {
	background: #BD1C18 url(menu-red-top.gif) no-repeat right top;
	height: 29px;
	margin: 0;
	/*padding-top: 29px;*/
	}

#loginsidebar p.last {
	background: #BD1C18 url(menu-red-bot.gif) no-repeat right bottom;
	height: 28px;
	/* padding-bottom: 38px; */
	}

#priglasenije {
	border: none;
	margin: 10px 0 0 0;
	}




#modremenu {
	background-color: #0000A0;
	position: relative;
	color: #BEAF90;
	margin-left: 9px;
	text-align: left;
	padding-left: 20px;
	}

#modremenu h3 {
	margin: 0 0 10px 0;
	}

#modremenu p {
	margin: 40px 0;
	padding-right: 10px;
	}

#modremenu a {
  color: #F7CF00;
	}

#modremenu p.first {
	background: #BD1C18 url(menu-blue-top.gif) no-repeat right top;
	height: 29px;
	margin: 0;
	/*padding-top: 29px;*/
	}

#modremenu p.last {
	background: #BD1C18 url(menu-blue-bot.gif) no-repeat right bottom;
	height: 28px;
	/* padding-bottom: 38px; */
	}


/* ------- */

div.tercik {
	width: 20px;
	height: 25px;
	float: right;
	border: 1px solid black;
	padding: 0;
	text-align: center;
	
	}

div.tercik input {
	border: none;
	margin: 5px auto;
	}

input, textarea {
	border:1px solid #CFCECE;
	}

input.submit {
	border-color: #ece9d8;
	border-style: outset;
	border-width: 2px;
	}

input.fontv {
	margin-right: 4px;
	margin-bottom: 7px;
	}


/*input.file {
	width: 14em;
	}*/

#frmtext {
	width: 198px;
	height: 70px;
	}

/* ... */

table {
	border-collapse: collapse;
	border: 1px solid #000;
	}

table th {
	background-color: #285F1A;
	color: #ffffff;
	border-right: 1px solid #000;
	}


/**/

#kosik table, #kosik fieldset {
	width: 700px;
	}

#kosik fieldset {
	width: 680px;
	}

fieldset.obj {
	width: 680px;
	}


*html #kosik fieldset {
	/*width: 700px;*/
	}


table.kosik {
	border-collapse: collapse;
	border: 1px solid #000;
	}

table.kosik th {
	background-color: #285F1A;
	color: #ffffff;
	border-right: 1px solid #000;
	}

table.kosik td.phe {
	padding-left: 2em;
	font-style: italic;
	text-align: left;
	}

table.kosik td.nazev {
	text-align: left;
	font-variant: small-caps;
	}

table.kosik td {
	text-align: center;
	}

table.kosik td a {
	text-decoration: none;
	}

table.kosik tr.main td, table.kosik tr.main td a {
	font-weight: bold;
	}

/**/

table.confirm {
	border-collapse: collapse;
	border: 1px solid #000;
	}

table.confirm th {
	background-color: #cccccc;
	color: #000000;
	border: 1px solid #000;
	padding: 0 10px;
	}

table.confirm td.phe {
	padding-left: 2em;
	font-style: italic;
	text-align: left;
	}

table.confirm td.nazev {
	text-align: left;
	font-variant: small-caps;
	}

table.confirm td {
	text-align: center;
	}

table.confirm td a {
	text-decoration: none;
	}

table.confirm tr.main td, table.confirm tr.main td a {
	font-weight: bold;
	}

/**/

input.buton {
	background-color: #B3B3B3;
	color: #FFFFFF;
	text-align: center;
	border: 2px #686868 double;
	font-weight: bold;
	line-height: 100%;
	height: 1.4em;
	margin: 0 2px;
	}

input.submit {
	background-color: #FF6500;
	color: #FFFFFF;
	text-align: center;
	border: 2px #686868 outset;
	font-weight: bold;
	height: 2em;
	padding: 0 1em;
	}


ul.preprava {
	margin: 0;
	padding: 0;
	}

ul.preprava li {
	list-style-type: none;
	list-style-position: outside;
	margin: 1em;
	padding: 0;
	}

ul.preprava li input {
	}

ul.preprava li h3 {
	}

input.kosik {
	text-align: center;
	width: 3em;
	}


/* ... */

#kosik {
	text-align: left;
	padding: 0;
	margin: 0 0 30px 0;
	}

#kosik form {
	width: 80%;
	margin: 0 0 30px 0;
	}

#kosik form input.submit {
	margin: 5px;
	}

#kosik li {
	list-style-position: inside;
	}

div.half {
	width: 48%;
	float: left;
	}

#tsd {
	position: absolute;
	right: -20px;
	top: 0px;
	}

#tsf {
	position: absolute;
	right: -20px;
	top: 0px;
	}

*html #tsf {
	/*right: -21px;*/
	}

#tsh, #tsr {
	position: absolute;
	right: -20px;
	top: 0px;
	z-index: 5;
	}

*html #tsd, *html #tsf, *html #tsr, *html #tsh {right: -21px;}

.nahore {
	z-index: 10;
	position: relative;
	}

#leaderboardtop2 {
	margin: 0 20px 20px 0px;
	}

#leaderboardbot {
	margin: 20px 0;
	}

#rcts {
	margin: 0 0px 0 10px;
	}

#rcts img {
	margin-top: 20px;
	}

#colors {}

#colors h3 {
	width: 10em;
	float: left;
	}

#colors li {
	list-style-type: none;
	float: left;
	margin: 10px 0 0 0;
	} 

#kurzory {
	clear: both;
	}

#ceniky {
	margin: 20px 0 0px 0;
	clear: both;
	}

#ceniky caption {
	white-space: nowrap;
	margin: 20px 0 0px 0;
	}

#cena_potisku {
	float: left;
	margin: 0 20px 0px 0;
	}


#cena_potisku td {
	text-align: center;
	}

#cenik_potisku {
	margin: 0 0 20px 0;
	}

#cenik_slev caption {
	margin: 0;
	}

#cenik_slev {}



div.ctvrtina {
	width: 24%;
	float: left;
	}

div.pul {
	width: 49%;
	float: left;
	}

/*--- obecne tagy (typografie) ---*/
hr  {
  display: none;
}
h1, h2, h3, h4, h5, h6  {
  margin: 2em 0 0.15em 0;
  line-height: 1.1em;
  clear: both;
  color: #FF9B14;
}

h1 {
	margin-top: 0px;
  font-size: 1.6em;
}
h2 {
	margin-top: 1.4em;
  font-size: 1.4em;
  color: #285F1A;
}

h2 a.acro {color: #3A64CA;}

h3 {
	margin-top: 1.2em;
  font-size: 1.2em;
}
h4 {
	margin-top: 1em;
  font-size: 1em;
  color: #3A64CA;
}

em {font-style: italic;}
strong {font-weight: bold;}

address {
	font-variant: normal;
	font-style: normal;
}

fieldset {
	padding: 10px;
	border: 1px solid #CCCCCC;
	width: 100%;
}
fieldset.login {
	width: 680px;
	}
legend {
	margin: 0 .5em;
	padding: .5em 0;
  color: #666;	
}

div.clear label span {
	display: block;
	float: left;
	width: 170px;
	clear: inherit;
	font-size: 0.9em;
}

div.half div.clear label span {
	width: 60%;
}

label.ansi {
	width: 120px;
	}

table {
  border-collapse: collapse;
  font-size: 1em;
}
th {
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
  background: #EFEFEF;
}
td {
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
}
/*---obecne tridy ---*/
div.clear, div.clear2, div.clear23 {
  clear: both; 
  margin-bottom: 15px;
}

div.clear23 {
	width: 32%;
	clear: none;
	float: left;
	text-align: left;
	margin: 0 20px 0 0;
	}

div.uo {
  clear: both; 
  font-size:1px; 
  height: 1px;
}
.mezera-dole {
  padding-bottom: 1em;
}

/*--- tridy a barvy ---*/
a {
  color: #0066cc;
}
a:hover {
  text-decoration: none;
}
a img {
  border: none;
}

a.active {
	color: red;
	}

.alignr {
	text-align: right;
	}

li {
	list-style-position: inside;
	}

#textin ul, #textin p {
	margin-bottom: 1em;
	padding-right: 50px;
	}

#textin div.produkt p {
	margin-bottom: 0em;
	padding-right: 0px;
	}
/*
div.box ul, div.box p  {
	margin-bottom: 0em;
	padding-right: 0px;
	}*/

ul, ol {
	position: relative;
	}

