* {margin:0; padding:0;}
body {color:#323957;background:url(../graphics/bgBody.png) top center no-repeat;background-color:#fff;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:80%;text-align:center;border:0;}
h1 {font-size:100%;position:absolute; top:34px; left:374px;}
h2 {color:#f36;font-family:"Trebuchet MS", Arial, sans-serif;font-size:160%;font-weight:normal;}
h3 {color:#5369BD;font-family:Georgia, serif;font-size:130%;font-weight:normal;margin:10px 0 5px 0;}
h4 {color:#5E6581;font-family:Georgia, serif;font-size:110%;margin-bottom:5px;}
h5, #rightFoot h4, p#copy {color:#D6DAEE;font-family:Georgia, serif;font-size:95%;font-weight:bold;margin-bottom:5px;}
table {font-size:100%;}
acronym {cursor:help;}
pre {font-size:10px;}

/* layout */
#obal {background:url(../graphics/bgObal.gif) top center repeat-y;}
#obalHead {background:url(../graphics/bgObalHead.png) top left repeat-x;}
#obalFoot {background-color:#5369BD;}
#main {background:url(../graphics/bgMain.jpg) 187px 225px no-repeat;background-color:#fff;text-align:left;margin:0 auto;width:910px;}
#header {color:#FDFED6;background:url(../graphics/bgHeader.jpg) top left no-repeat;position:relative;height:225px;}
#contentHolder {background:url(../graphics/bgContent.gif) top left repeat-y; padding-top:20px;}
#content {background:url(../graphics/bgCaraSvisla.png) 714px 0px repeat-y;}
#leftHolder, #leftFootHolder {float:left; width:187px;}
#centerHolder, #centerFootHolder {float:left; width:527px;}
#rightHolder, #rightFootHolder {float:right; width:196px;}
#left {margin:0 20px 20px 5px;}
#center {margin:0 20px 15px 20px;}
#right {margin-left:20px;}
#wideHolder {float:right; width:723px;}
#wide {margin:0 0 20px 20px;}
#footer {background-color:#5369BD;text-align: left; margin: 0 auto; width:910px;}
#rightFootHolder {background:url(../graphics/bgCaraSvisla.png) top left repeat-y;}
#leftFoot, #centerFoot, #rightFoot {margin:20px;}
#leftFoot {margin:20px 10px 20px 0;}
#rightFoot {margin-right:0;}

/* header */
h1 a, h1 a span {color: #5369BD; background: url(../graphics/logo.jpg) top left no-repeat; font-size: 100%; font-weight: normal; display:block; width:167px; height:167px;}
h1 a {position:relative; z-index:1; overflow:hidden;}
h1 a span {position:absolute; z-index:2; top:0; left:0;}
ul#horniMenu {position:absolute; top:142px; left:3px; list-style:none;}
ul#horniMenu li {float:left; color:#FDFED6;}

ul#horniMenu a, ul#horniMenu a span {background-position:top left;background-repeat:no-repeat;display:block;height:48px;}
ul#horniMenu li a {position:relative; z-index:1; overflow:hidden;}
ul#horniMenu li a span {position:absolute; z-index:2; top:0; left:0;}

#m-index, #m-index a, #m-index a span {width:119px;}#m-index a, #m-index a span {background-image:url(../graphics/menu/index.png);}#m-kdo-jsem, #m-kdo-jsem a, #m-kdo-jsem a span {width:128px;}#m-kdo-jsem a, #m-kdo-jsem a span {background-image:url(../graphics/menu/kdo-jsem.png);}#m-kontakt, #m-kontakt a, #m-kontakt a span {width:135px;}#m-kontakt a, #m-kontakt a span {background-image:url(../graphics/menu/kontakt.png);}
#m4obchudek, #m4obchudek a, #m4obchudek a span {width:136px;}
#m5forum, #m5forum a, #m5forum a span {width:123px;}
#m6chat, #m6chat a, #m6chat a span {width:120px;}
#m4obchudek, #m5forum, #m6chat {position:relative; left:141px;}



#m4obchudek a, #m4obchudek a span {background-image:url(../graphics/menu/m4obchod.png);}
#m5forum a, #m5forum a span {background-image:url(../graphics/menu/m5forum.png);}
#m6chat a, #m6chat a span {background-image:url(../graphics/menu/m6chat.png);}

/* left */
ul#leveMenu {font-family:Georgia, serif;font-size:120%;font-weight:bold;list-style:none;line-height:1.7em;}
ul#leveMenu ul {font-size:80%;list-style:none;margin-top:.4em;}
ul#leveMenu a {color:#f36;}
ul#leveMenu a.current, ul#leveMenu a:hover {color:#FDFED6; background-color:#FF8593; text-decoration:none;}
ul#leveMenu ul li {background:url(../graphics/bgLiSub.gif) 0px 6px no-repeat;line-height:normal;margin-bottom:.7em;padding-left:11px;}
ul#leveMenu ul a {color:#5369BD;}
ul#leveMenu ul a:hover {color:#5369BD; background:none; text-decoration:none;}

/* center */
#center a {color:#f36;}
#center a:hover {text-decoration:none;}
#center h3 a {color:#5369BD; text-decoration:none;}
#center h3 a:hover {color:#f36; text-decoration:underline;}
p.datum {color:#8C90A6;font-family:Georgia, serif;font-size:95%;font-style:italic;margin-bottom:3px;}
.clanek-anotace, .clanek-text, #center p {line-height:1.5em; margin-bottom:1.33em;}
ul.download {list-style:none;line-height:1.5em;margin:.33em 0 1.33em 1em;}
ul.download li {background:url(../graphics/li.png) 0px 7px no-repeat;padding-left:12px;}

/* right */
#right a {color:#f36;}
#right a:hover {text-decoration:none;}
#right a.vice {text-decoration:none;}
#right a.vice:hover {text-decoration:underline;}
#right h4 a {color:#5E6581; text-decoration:none;}
#right h4 a:hover {color:#f36; text-decoration:underline;}
#right .clanek-anotace, #right .clanek-text {color:#2440AB; font-size:85%; line-height:1.6em;}
#right ul.bestsell {list-style:none;line-height:1.5em;margin:.33em 0 1.33em 0;}
#right ul.bestsell li {background:url(../graphics/li.png) 0px 7px no-repeat;margin-bottom:.33em;padding-left:12px;}
#right ul.bestsell span {font-size:85%;}

/* footer */
#footer p, #footer .clanek-anotace, #footer .clanek-text {color:#ABBBF7; line-height:1.6em; margin-bottom:1.33em;}
#footer a {color:#ABBBF7;}
#footer a:hover {color:#D6DAEE; text-decoration:none;}
#footer p#copy {color:#D6DAEE;}
#footer p#fx a {text-decoration:none;}
#footer p#fx a:hover {text-decoration:underline;}
#rightFootHolder p, #rightFootHolder .clanek-anotace, #rightFootHolder .clanek-text {font-size:85%;}
#footer #rightFootHolder .clanek-text {margin-bottom:0;}

/* vyhledavani */
form#vyhledavani {position:absolute; z-index:3; top:196px; left:7px;}
#vyhledavani label, #vyhledavani label span {background:url(../graphics/lupa.gif) top left no-repeat;display:block;width:11px; height:11px;}
#vyhledavani label {position:relative; z-index:1; overflow:hidden; float:left; margin:6px 7px 0 0;}
#vyhledavani label span {position:absolute; z-index:2; top:0; left:0;}
#searchObal {background:url(../graphics/bgVyhledavani.png) top left; float:left; margin-right:5px; padding:1px;}
#search {border:0; padding:0; height:20px; width:160px;}

/* uzivatel */
p#user {color:#fff; position:absolute; top:200px; right:7px;}
p#user a {color:#fff;}
p#user a:hover {text-decoration:none;}

/* galerie */
table.galerie {position:relative; margin:.33em 0 1.33em 0;}
table.galerie td {background-color:#E3E8FE;vertical-align:middle;text-align:center;width:150px; height:150px;}
table.galerie tr.popis td {background:none; vertical-align:top; border:0; padding:5px 0 15px 0; height:auto;}
table.galerie img {border:1px solid #fff; margin-bottom:-3px;}
#center table.galerie tr.popis a {color:#323957;line-height:normal;text-decoration:none;display:inline;border:0;width:auto;}
#center table.galerie tr.popis a:hover {color:#f36; text-decoration:underline;}

/* obchod */
span.artikl-akce {color:#f36;}
span.cena {color:#323957;font-family:Georgia, serif;font-size:120%;font-weight:bold;}
#batoh {color:#323957;font-family:Georgia, serif;font-size:120%;font-weight:bold;background:url(../graphics/bgBatoh.png) top left no-repeat;text-align:center;padding:15px 15px 0 15px;}
#batohEnd {background:url(../graphics/batohEnd.gif) bottom left no-repeat;margin-bottom:20px;height:16px;}
p#polozky {margin-bottom:1.33em;}
p.kod {color:#323957;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:85%;margin-bottom:3px;}
.zbozi-nahled {width:144px;}
.zbozi-nahled img {border:1px solid #fff; margin:1px;}
.nahled-velky, .nahled {background:url(../graphics/bgObr.png) top left; line-height:0; margin:0 0 5px 0;}
.nahled {float:left; margin-right:6px;}
.last {margin-right:0;}
table.popis-zbozi {margin:.33em 0 1.33em 0;}
table.popis-zbozi th {padding-right:7px;}
table.popis-zbozi th, table.popis-zbozi td {padding-bottom:7px;}
table.popis-zbozi span {line-height:normal;}
table.popis-zbozi select {width:130px;}
input#ks {width:35px;}

/* batoh */
table#batoh-edit {background-color:#E3E8FE;border:1px solid #fff;margin:.33em 0 15px 0;width:485px;}
table#batoh-edit th, table#batoh-edit td {padding:5px;}
table#batoh-edit th {background-color:#fff; text-align:left;}
table#batoh-edit th.right {text-align:right;}
table#batoh-edit tr.dark td {background-color:#D6DAEE;}
table input.ks {width:35px;}
table#batoh-edit span {font-size:85%;}
table.nakup-ovladani {width:485px;}

/* formulare */
form.uzivatel {margin-top:1.33em;}
form.uzivatel fieldset {text-align:center; border:1px solid #D6DAEE; margin-bottom:15px; padding:10px 10px 0 10px;}
form.uzivatel legend {color:#5369BD; font-size:85%; font-weight:bold;}
form.uzivatel table {margin:0 auto 1.33em auto;width:450px;}
form.uzivatel label {font-size:85%;}
form.uzivatel label.nepovinny {font-weight:normal;}
form.uzivatel th, form.uzivatel td {padding-bottom:7px;}
form.uzivatel th {text-align:right; padding-right:7px; width:120px;}
form.uzivatel td {font-size:85%; text-align:left;}
form.uzivatel p {font-size:85%; text-align:left;}
form.uzivatel p label {font-size:100%;}
form.uzivatel strong {color:#f36;}
form.uzivatel textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:100%;margin-bottom:1.33em;}
form.uzivatel input#login {font-size:120%;}
.radio {position:relative; top:2px;}

/* kontrola */
table.udaje {margin-bottom:1.33em;}
table.udaje th, table.udaje td {padding-bottom:7px;}
table.udaje th {text-align:left; padding-right:7px; width:145px;}

/* obecn tdy */
.clnr {font-size:0; line-height:0; clear:both; width:100%;}
.fr {float:right;}
.fl {float:left;}
.obr {background:url(../graphics/bgObr.png) top left; line-height:0; margin:4px 0 5px 0;}
.obr img {border:1px solid #fff; margin:1px;}
.ir {margin-left:15px;}
.il {margin-right:15px;}
.center {text-align:center;}
.right {text-align:right;}
.red {color:#f36;}

table.app{width:218px;margin:0 auto;}
table.runy{width:280px;}
table.vily{width:470px;}
table.karty{width:470px;}

table.app th{text-align:center;font-weight:900;padding:.3em;}
table.app td{text-align:center;vertical-align:middle;}

img.rss{border:none;margin:0;padding:0;}

#toplist img {border: 0;}

/* NOVE CSS 16.4.2007 - VESTBY */

h3#osud {color:#323957;font-family:Georgia, serif;font-size:120%;font-weight:bold;background:url(../graphics/bgBatoh.png) top left no-repeat;text-align:center; margin: 0; padding:15px 15px 0 15px;}
#osudEnd {background:url(../graphics/batohEnd.gif) bottom left no-repeat;margin-bottom:20px;height:16px;}

ul#rozcestnik {list-style: none; min-height: 110px; margin-bottom: 15px; position: relative; width: 176px;}

ul#rozcestnik li {
	background-color: #ABBBF7;
	font-size: 85%;
	text-align: center;
	width: 85px;
	float: left;
	margin: 0 1px 1px 0;
	line-height: 1.5em;
}

ul#rozcestnik li {padding: 10px 0 12px 0; border: 1px solid;}
ul#rozcestnik li a {color: #5369BD; text-decoration: none;}
ul#rozcestnik li#svatek, ul#rozcestnik li#vestba {background-color: #E3E8FE; border-color: #ABBBF7;}
ul#rozcestnik li#afirmace, ul#rozcestnik li#myslenka {background-color: #D6DDFE; border-color: #96AAF8;}
ul#rozcestnik li a:hover, ul#rozcestnik li:hover a {color: #f36;}

ul#rozcestnik li#svatek:hover, ul#rozcestnik li#afirmace:hover, ul#rozcestnik li#myslenka:hover, ul#rozcestnik li#vestba:hover {
	background: #fff; border-color: #FF8593;
}

ul#rozcestnik ul {display: none;}
ul#rozcestnik li:hover ul {display: block; position: absolute;	top: 0; left: -253px;}

ul#rozcestnik li:hover ul li {
	background: #fff;
	font-size: 115%;
	text-align: left;
	border: 1px solid #FF8593;
	width: 250px;
	height: auto;
	display: block;
}

ul#rozcestnik li:hover ul li p {font-size: 95%; margin: 0 15px 7px 15px;}

ul#rozcestnik li:hover ul li h3 {
	color: #f36;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	margin: 7px 15px 10px 15px;
}