/*
barvy
#000000
#0066ff
#6699ff
#B3B3B3
*/

/*  -- body -- */
* {
  padding: 0;
  margin: 0;
}
body {
	font-family: Calibri, Arial;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #000000;
	font-size: 90%;
}

body.hp #stranka {
  width: 970px;
  margin: 0 auto;
}

body.sirka-auto div.sirka-stranky {
  width: auto;
  padding: 0;
  margin: 0 13px;
  background-color: transparent;
}
body.sirka-limit div.sirka-stranky {
  width: 970px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
}


/* -- individualni pozadi, prednastaveni -- */
div.pozadi-1, div.pozadi-2 {
  min-width: 970px;
}
div.pozadi-1 {
  height: 92px;
}

/* -- hlavicka -- */

body.hp #hlavicka {
  position: relative;
  height: 230px;
  margin: 0 0 3px 0;
  padding: 0;
}
body.hp #hlavicka p {
  margin: 0;
  padding: 0;
  line-height: 1;
}
body.hp #hlavicka p.top-link {
  width: 440px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 210px;
  text-align: right;
  font-size: 15px;
  font-weight: normal;
}
body.hp #hlavicka p.top-link a {
  text-decoration: none;
  color: #000000;
}
body.hp #hlavicka p.top-link a:hover {
  text-decoration: underline;
}
body.hp #hlavicka .logo {
  width: 197px;
  height: 230px;
  position: absolute;
  top: 40px;
  left: 13px;
}
body.hp #hlavicka p.motiv {
  width: 305px;
  height: 230px;
  position: absolute;
  top: 0;
  right: 0;
}
body.hp #hlavicka div.text {
  width: 440px;
  position: absolute;
  bottom: 0;
  left: 210px;
  font-style: oblique;
}
body.hp #hlavicka div.text {
}


body.hp #hlavicka div.text h1 {
  font-size: 23px;
  margin: 0 0 8px 0;
  font-weight: normal;
}
body.hp #hlavicka div.text p {
  line-height: 1.2;
  margin: 0 0 8px 0;
}
body.hp #hlavicka div.text strong, body.hp #hlavicka div.text b {
  font-weight: bold;
}
body.hp #hlavicka div.text .modry-text {
  color: #0066ff;
}
body.hp #hlavicka div.text .velky-text {
  font-size: 23px;
  font-weight: normal;
}
body.hp #hlavicka div.text .tucne {
  font-weight: bold;
}

body.hp #hlavicka div.text p.bez-odsazeni {
  margin: 0;
}

.drobny-text {
  font-size: 12px;
  font-style: normal;
}







/* -- hlavicka-podstranka -- */
#hlavicka-podstranka {
  position: relative;
  height: 92px;
  margin: 0 0 0 0;
  padding: 0;
}
#hlavicka-podstranka .logo {
  z-index: 31;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}
#hlavicka-podstranka .logo img {
}

/*  -- hl-navigace -- */
div.hl-navigace {
  position: relative;
  text-align: left;
  padding: 0;
  margin: 0;
  z-index: 90;
  font-size: 15px;
}

bady.sirka-limit div.hl-navigace {
  width: 957px;
}
bady.sirka-auto div.hl-navigace {
  width: 100%;
}

div.hl-navigace a {
  text-decoration: none;
}
div.hl-navigace a:hover {
  text-decoration: underline;
}
div.hl-navigace ul li ul li a:hover {
  text-decoration: none;
}
body.hp div.hl-navigace {
  width: 931px;
  margin: 6px 0 6px 13px;
}
body.podstranka div.hl-navigace  {
  margin: 6px 0 6px 0;
}
body.hp div.hl-navigace ul li {
  font-weight: normal;
}
body.hp div.hl-navigace ul li ul li {
  font-weight: normal;
}

p.dr-navigace {
  font-size: 0.9em;
  padding: 2px 0 6px 0;
  margin: 0;
}
p.dr-navigace span.separator {
  font-size: 0.9em;
}



/* --- dbMenu 1.uroven --- */
ul.dbMenu {
  z-index: 91;
  position: relative;
  padding: 0;
	margin: 0;
  list-style: none;
  font-size: 15px;
}
ul.dbMenu li {
	position: relative;
	padding: 0 1em 0 0;
	margin: 0;
	color: #000000;
	float: left;
	display: block;
	font-weight: normal;
}
body.podstranka ul.dbMenu li {
	font-weight: normal;
}
ul.dbMenu li a {
  display: block;
  color: #000000;
  background-color: #ffffff;
}
ul.dbMenu li a.click {
  background-color: #ffffff;
}
ul.dbMenu li a.aktivni {
  color: #000000;
  font-weight: 600;
  text-decoration: none;
}
ul.dbMenu li a:hover {
}
ul.dbMenu li a.subMenu {
  background: url(../img/ico-submenu.gif) no-repeat center right;
  padding: 0 14px 0 0;
}
/* --- dbMenu 2.uroven --- */
ul.dbMenu li ul { 
	border: 1px solid #B3B3B3;
	padding: 2px;
	margin: 0;
	list-style: none;
}
ul.dbMenu li ul.click, ul.dbMenu li ul.click li, ul.dbMenu li ul.click li a {
  background-color: #F7F7F7;
}
ul.dbMenu li ul.click {
  display: block;
}
ul.dbMenu li ul li {
	float: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.2;
}
ul.dbMenu ul.click li {
}
ul.dbMenu li ul li a {
	display: block;
	padding: 1px 2px;
  text-decoration: none;
}
ul.dbMenu ul li a.subMenu {
}
ul.dbMenu ul li a.click {
}
ul.dbMenu ul li a.aktivni {
  font-weight: normal;
}
ul.dbMenu ul.click li a:hover, ul.dbMenu ul.click li a:hover.subMenu {
  background-color: #0066ff;
  color: #ffffff;
}
ul.dbMenu ul li a:hover.subMenu {
  background: #3366CC url(../img/ico-submenu-p2.gif) no-repeat 11.2em 50%;
}

ul.dbMenu li ul li a.subMenu {
  background: url(../img/ico-submenu-p.gif) no-repeat 11.2em 50%;
  padding: 3px;
  margin: 0;
}

/* --- dbMenu 3.uroven --- */
ul.dbMenu li ul ul {
	position: absolute;
	left: 12em;
	top: 0;
	width: 12em;
}

/* -- leva-cast-1 -- */
ul.leva-cast-1 {
  position: relative;
  z-index: 150;
  padding: 0;
}
ul.leva-cast-1 li {
  line-height: 1;
}
ul.leva-cast-1 li ul{
  z-index: 2;
  display: none;
	position: absolute;
	top: 1.3em;
	left: 0px;
	width: 12em;
}

/* -- prava-cast-1 -- */
ul.prava-cast-1{
  position: relative;
  z-index: 90;
  padding: 0;
  width: 450px;
  float: right;
}
ul.prava-cast-1 li{
	padding: 0 0 0 1em;
	float: right;
  line-height: 1;
}
ul.prava-cast-1 li ul{
  z-index: 90;
  display: none;
	position: absolute;
	top: 1.3em;
	right: 0em;
	width: 8.5em;
}

/* -- prava-cast-2 -- */
ul.prava-cast-2{
  z-index: 50;
  padding: 4px 12px;
}
ul.prava-cast-2 li{
	padding: 0 0 0 1em;
	float: right;
}
ul.prava-cast-2 li ul{
  z-index: 2;
  display: none;
	position: absolute;
	top: 1.3em;
	right: 0em;
	width: 12em;
}

/* -- menu-paticka -- */
ul.menu-paticka {
  z-index: 90;
  padding: 0;
}
ul.menu-paticka a {
  text-decoration: none;
}
ul.menu-paticka a:hover {
  text-decoration: underline;
}
ul.menu-paticka li ul li a:hover {
  text-decoration: none;
}
ul.menu-paticka li{
	padding: 0 0 0 1em;
	float: right;
}
ul.menu-paticka li ul{
  z-index: 90;
  display: none;
	position: absolute;
	bottom: 1.2em;
	right: 0;
	background-color: #FFFF99;
}
ul.menu-paticka li ul li{
	background-color: #FFFF99;
	width: 12em;
}
ul.menu-paticka li ul li a {
  padding: 2px 2px;
}

/* -- box-vyhledavani-index -- */

div.box-vyhledavani-index {
  position: relative;
  height: 41px;
}
div.box-vyhledavani-index p {
  padding: 0;
  margin: 0;
  line-height: 1; 
}

div.box-vyhledavani-index .hledat-text, div.box-vyhledavani-index .hledat-text-aktivni {
  position: absolute;
  top: 2px;
  left: 13px;
  width: 350px;
  height: 18px;
  border: 3px solid #0066ff;
  padding: 1px;
}
div.box-vyhledavani-index .hledat-text {
  background-color: #ffffff;
  color: #9F9F9F;
}
div.box-vyhledavani-index .hledat-text-aktivni {
  background-color: #ffffff;
  color: #000000;
}
div.box-vyhledavani-index .hledat-tlacitko {
  width: 95px;
  position: absolute;
  top: 2px;
  right: 527px;
  height: 26px;
  border: 0 none;
  padding: 0px 14px 0 5px;
  background-color: #0066ff;
  color: #ffffff;
  font-size: 23px;
  font-weight: 600;
  font-style: oblique;
  font-family: Calibri,Arial;
  text-align: left;
}
div.box-vyhledavani-index p.hledat-link {
  position: absolute;
  top: 0;
  left: 453px;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
div.box-vyhledavani-index p.hledat-link a {
  text-decoration: none;
  color: #000000;
}
div.box-vyhledavani-index p.hledat-link a:hover {
  text-decoration: underline;
}

/* -- box-vyhledavani-podstranka -- */

div.box-vyhledavani-podstranka {
  z-index: 3;
  width: 510px;
  position: absolute;
  top: 13px;
  left: 95px;
  text-align: left;
}

div.box-vyhledavani-podstranka .hledat-text, div.box-vyhledavani-podstranka .hledat-text-aktivni {
  position: absolute;
  top: 4px;
  left: 0;
  width: 300px;
  height: 18px;
  border: 3px solid #0066ff;
  padding: 1px;
  margin: 0;
  line-height: 1;
}
div.box-vyhledavani-podstranka .hledat-text {
  background-color: #ffffff;
  color: #9F9F9F;
}
div.box-vyhledavani-podstranka .hledat-text-aktivni {
  background-color: #ffffff;
  color: #000000;
}
div.box-vyhledavani-podstranka .hledat-tlacitko {
  position: absolute;
  top: 4px;
  right: 150px;
  width: 95px;
  height: 26px;
  border: 0 none;
  text-align: center;
  padding: 0px 14px 0 5px;
  margin: 0;
  background-color: #0066ff;
  color: #ffffff;
  font-size: 23px;
  font-weight: 600;
  text-align: left;
  font-style: oblique;
  font-family: Calibri,Arial;
}
div.box-vyhledavani-podstranka p.oblast {
  position: absolute;
  top: 35px;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}
div.box-vyhledavani-podstranka p.oblast input {
  margin: 0;
  padding: 0;
}
div.box-vyhledavani-podstranka .hledat-link {
  width: 130px;
  position: absolute;
  top: 0;
  left: 367px;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
div.pozadi-1 div.box-vyhledavani-podstranka .hledat-link a {
  text-decoration: none;
  color: #000000;
}
div.pozadi-1 div.box-vyhledavani-podstranka .hledat-link a:hover {
  text-decoration: underline;
}

/* -- box-uzivatel-info -- */

div.box-uzivatel-info {
  width: 370px;
  position: absolute;
  top: 5px;
  right: 0;
  text-align: left;
  font-size: 12px;
  text-align: right;
}
div.box-uzivatel-info p.vyuzijte-vyhod-registrace {
  position: absolute;
  top: 50px;
  right: 0;
  font-size: 15px;
}

div.box-uzivatel-info p.tipodkaz {
  position: absolute;
  top: 30px;
  right: 0;
  font-size: 15px;
}

div.box-uzivatel-info p.uzivatel {
  padding: 0;
  margin: 0 0 2px 0;
  line-height: 1.2;
  height: 43px;
  overflow: hidden;
  text-align: right;
}
div.box-uzivatel-info #quick-kosik {
  padding: 8px 40px 0 0; position:relative;
  margin: 0;
  min-height: 35px;
  line-height: 1.2;
  font-size: 16px;
  background: url(../img/kosik.gif) no-repeat 100% 0
}
div.box-uzivatel-info #quick-kosik a {
  font-size: 23px;
  color: #E30075;
  text-decoration: underline;
  font-weight: 600;
}
div.box-uzivatel-info #quick-kosik a:hover {
  text-decoration: none;
}
div.box-uzivatel-info #quick-kosik .cena {
  font-size: 23px;
  color: #000000;
  font-weight: 600;
}
div.box-uzivatel-info #quick-kosik .mena {
  color: #000000;
  font-weight: 600;
}

/*  -- box-inspirace -- */

p.box-inspirace {
  margin: 0 0 15px 0;
  padding: 0;
  width: 425px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: left;
}
body.hp p.box-inspirace {
  padding: 0 0 0 13px;
}
p.box-inspirace a {
  color: #6699ff;
  margin: 0 0.2em 0 0;
  text-decoration: none;
}
p.box-inspirace a:hover {
  color: #0066ff;
  text-decoration: underline;
}

p.box-inspirace a.hodmota-1 {
  font-size: 1.4em;
}
p.box-inspirace a.hodmota-2 {
  font-size: 1.4em;
}
p.box-inspirace a.hodmota-3 {
  font-size: 1.4em;
}
p.box-inspirace a.hodmota-4 {
  font-size: 1.4em;
}
p.box-inspirace a.hodmota-5 {
  font-size: 1.1em;
}
p.box-inspirace a.hodmota-6 {
  font-size: 1.1em;
}
p.box-inspirace a.hodmota-7 {
  font-size: 1.1em;
}
p.box-inspirace a.hodmota-8 {
  font-size: 1.1em;
}
p.box-inspirace a.hodmota-9 {
  font-size: 0.9em;
}
p.box-inspirace a.hodmota-10 {
  font-size: 0.9em;
}
p.box-inspirace a.hodmota-11 {
  font-size: 0.9em;
}
p.box-inspirace a.hodmota-12 {
  font-size: 0.9em;
}

/* -- hp-box-clanek -- */
div.hp-clanky {
  position: relative;
  margin: 28px 0 15px 0;
}
div.hp-box-clanek {
  position: relative;
  width: 213px;
  padding: 0 13px;
  min-height: 300px;
  text-align: right;
  float: left;
}

div.hp-box-clanek p.foto {
  position: relative;
  height: 200px;
  margin: 0;
  padding: 0;
}
div.hp-box-clanek p.foto img {
  position: absolute;
  bottom: 0;
  right: 0;
}
div.hp-box-clanek p.sekce {
  background: url(../img/ico-sipka-modra-vpravo.gif) no-repeat right center;
  margin: 8px 0 1em 0;
  padding: 0 18px 0 0;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #0066ff;
}
div.hp-box-clanek p.sekce a {
  color: #0066ff;
  text-decoration: none;
}
div.hp-box-clanek p.sekce a:hover {
  text-decoration: underline;
}
div.hp-box-clanek h2 {
  margin: 0 0 0.2em 0;
  padding: 0;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  font-size: 17px;
  text-align: right;
}
div.hp-box-clanek h2 a {
  text-decoration: none;
  color: #000000;
}
div.hp-box-clanek h2 a:hover {
  text-decoration: underline;
}
div.hp-box-clanek p.text, div.hp-box-clanek div.text {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
div.hp-box-clanek span.vice a {
  color: #0066ff;
}

/* -- box-obsah -- */
div.pozadi-3 {
  border-top: 1px solid #B3B3B3;
  padding: 1.5em 0 1em 0;
  background-color: #ffffff;
}

#box-obsah {
  clear: both;
  text-align: left;
  padding: 0;
  margin: 0;
}

div.seznam-clanku-polozka {
  margin: 0 0 15px 0;
  clear: both;
}
div.seznam-clanku-polozka h3 {
  margin: 0 0 0 70px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: bold;
}
div.seznam-clanku-polozka p.foto {
  width: 70px;
  text-align: left;
  float: left;
}
div.seznam-clanku-polozka div.perex {
  margin: 0 0 0 70px;
}


/* -- box-paticka -- */
#box-paticka div.sirka-stranky {
  position: relative;
  border-top: 1px solid #B3B3B3;
  padding: 10px 13px 30px 13px;
}
body.sirka-limit #box-paticka div.sirka-stranky {
  width: 944px;
  padding: 10px 13px 30px 13px;
}
#box-paticka {
  position: relative;
  /*background: url(../img/bg-paticka.gif) no-repeat right top;*/
  text-align: right;
  margin: 0;
  text-align: left;
}
body.hp #box-paticka {
  margin: 0 27px 0 13px;
  padding: 10px 0 30px 0;
  border-top: 1px solid #B3B3B3;
}
#box-paticka p {
  text-align: right;
}
#box-paticka .logo {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0;
  padding: 0;
}
#box-paticka .nadpis {
  text-align: right;
  padding: 0 0 0 260px;
  margin: 0 0 0.6em 0;
  font-size: 20px;
  font-weight: 600;
}
#box-paticka .text {
  padding: 0 0 0 260px;
  margin: 0 0 0.8em 0;
}

div.paticka-navigace {
  padding: 0 0 0 0;
  position: relative;
}


div.paticka-navigace p.copyright {
  float: right;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
div.paticka-navigace p.copyright .separator {
  margin-left: 0.4em; 
}

p.vyhledavaci_filtr input.seradit {
  width: 22px;
  height: 22px;
  border: 0 none;
  margin: 0 0.2em;
}

p.vyhledavaci_filtr input.seradit-vzestupne-aktivni {
  background: url(../img/seradit-a-z-aktivni.gif) no-repeat 0 0;
}
p.vyhledavaci_filtr input.seradit-sestupne {
  background: url(../img/seradit-z-a.gif) no-repeat 0 0;
}
p.vyhledavaci_filtr input.seradit-vzestupne {
  background: url(../img/seradit-a-z.gif) no-repeat 0 0;
}
p.vyhledavaci_filtr input.seradit-sestupne-aktivni {
  background: url(../img/seradit-z-a-aktivni.gif) no-repeat 0 0;
}

p.vyhledavaci_filtr span.polozka {
  margin: 0 0.4em 0 0;
}

p.vyhledavaci_filtr span.vypis {
  margin: 0 0 0 30px;
}
p.vyhledavaci_filtr span.vypis img {
  padding: 0 0.2em;
  position: relative;
  top: 5px;
}

/* -- GLOBAL -- */

a {
  text-decoration: underline;
	color: #0066FF;
}
a:hover {
  text-decoration: none;
}

a img {
  border: 0 none;
}
input.submit, input.button, span.button input, input[type="submit"],input[type="button"] {
  background-color: #0066FF;
  border: 0 none;
  color: #FFFFFF;
  font-family: Calibri,Arial;
  font-style: oblique;
  margin: 0;
  padding: 1px 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
  font-weight: 600;
}
input.submit, input.button, span.button input, button.submit, span.button button {
  background-color: #0066FF;
  border: 0 none;
  color: #FFFFFF;
  font-family: Calibri,Arial;
  font-style: oblique;
  margin: 0;
  padding: 1px 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
  font-weight: 600;
}

.do-kosiku input.kolik {
  border: 1px solid #E30075;
  width: 42px;
  height: 17px;
  padding: 2px;
  font-size: 100%;
  text-align: right;
}
.do-kosiku input.submit {
  width: 150px;
  height: 23px;
  text-align: left;
  color: #ffffff;
  font-weight: 600;
  height: 23px;
  background: #E30075 url(../img/kosik-tl.gif) no-repeat 98% 60%;
  padding: 0 26px 0 5px;
  margin: 0;
}

.vypis-form input.kolik {
  width: 42px;
}

p.obrazky-ke-stazeni {
  padding: 0 0 0 22px;
  background: url(../img/ke-stazeni.gif) no-repeat 0 5px;
}
p.obrazky-ke-stazeni a {
  margin-right: 0.2em;
}

/* -- varianty-zbozi -- */
h2.varianty-zbozi {
  margin: 20px 0 10px;
}

table.varianty-zbozi {
  border-collapse: collapse;
  border: 0 none;
  margin: 0 0 15px 0;
}
table.varianty-zbozi tr td {
  border: 0 none;
  padding: 0 5px 20px 0;
  vertical-align: top;
}
table.varianty-zbozi tr td p.foto {
  border: 1px solid #D1D1D1;
  padding: 5px;
  width: 85px;
  margin: 0 15px 3px 0;
  line-height: 1;
}
table.varianty-zbozi tr td p.link {
  padding: 0;
  margin: 0 15px 0.4em 0;
  line-height: 1.1;
  font-size: 12px;
  text-align: right;
}

table.noborder {
  border: 0 none;
  border-collapse: separate;
}
table.noborder tr th {
  border: 0 none;
}
table.noborder tr td {
  border: 0 none;
}

div.html-edit .reference {
  text-align: right;
  font-size: 23px;
  font-weight: normal;
  font-style: oblique;
  color: #000000;
  margin: 0 0 15px 0;
}
div.html-edit .reference-autor {
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #000000;
  margin: 15px 0;
}

#motiv-tlacitka {
  position: absolute;
  width: 48px;
  height: 24px;
  bottom: 2px;
  right: 5px;
  text-align: center;
}

#motiv-tlacitko-predchozi {
  display: block;
  position: absolute;
  top: 2px;
  right: 26px;
  width: 19px;
  height: 19px;
  background: #aaaaaa url(../img/motiv-tlacitko-sada.gif) no-repeat 100% 100%;
}
#motiv-tlacitko-dalsi {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 19px;
  height: 19px;
  background: #aaaaaa url(../img/motiv-tlacitko-sada.gif) no-repeat 100% 0;
}

#motiv-tlacitko-predchozi.aktivni {
  background: #aaaaaa url(../img/motiv-tlacitko-sada.gif) no-repeat 0 100%;
  cursor: hand;
  cursor: pointer;
}
#motiv-tlacitko-dalsi.aktivni {
  background: #aaaaaa url(../img/motiv-tlacitko-sada.gif) no-repeat 0 0;
  cursor: hand;
  cursor: pointer;
}


#bublina {
  display:block; width:213px; height:70px;
  position:absolute; left:-1em; top:2.100em; overflow:hidden;
  background-position:top left;
  background-repeat:no-repeat;
  background-color:transparent;
  z-index:100;
}
#bublina p {
  margin:30px 10px 10px 10px;
  text-align:left;
}

div.box-varianty {
  position: relative;
  height: 20px;
  line-height: 1;
  font-size: 90%;
}
div.box-varianty .obrazek {
  position: absolute;
  top: 3px;
  left: 0;
}
div.box-varianty .odkaz {
  position: absolute;
  top: 2px;
  left: 90px;
  padding: 0;
  margin: 0;
}

table.form {
  margin: 0 0 10px 0;
  border: 0 none;
}
table.form tr td {
  border: 0 none;
  padding: 0 5px 5px 0;
}