@charset "utf-8";

* { margin: 0; padding: 0; border: 0; }
img { display: block; }
a, area {
	text-decoration: none !important;
	outline: none;
	}
body {
	font: 0.825em/1.33em Verdana,sans-serif;
	background: rgb(255,255,255) url('../g/bg-full.gif') repeat-x top center;
	}
body.long-page { overflow-y: scroll; }
body.displayer { background: rgb(255,255,255) url('../g/bg-reduced.gif') repeat-x top center; }

h1,h2,h3,h4 { color: #6495ED; }
h1 { font-size: 1.24em; }
h2 { font-size: 1.12em; }
h3 { font-size: 1em; }
h4 {
	margin: 1em 0;
	font-size: 0.95em;
	line-height: 1.33em;
	letter-spacing: 0.1px;
	width: 75%;
	}
p {
	font-size: 0.9em;
	margin: 0.66em 0;
	}
li { font-size: 0.9em; }
hr {
	margin: 1em 0;
	border-bottom: 1px solid #a5a5a5;
	}

/*	structure
------------------------------------------- */
#wrap {
	width: 880px;
	margin: 0 auto;
	}
#left-column,
#main-column,
#right-column {
	float: left;
	width: 180px;
	margin-top: 16px;
	}
#main-column {
	width: 460px;
	margin: 0 12px 40px 12px;
	padding: 0 17px;
	background-color: #fcfcfc;
	border-color: #eee;
	border-style: solid;
	border-width: 0 1px;
	}
#main-column img,
#main-column object,
#main-column embed,
#main-column p div {
	margin: 1em 0;
	}
#footer { clear: both; }

/*	navigation
------------------------------------------- */
#nav {
	font-family: Verdana,sans-serif;
	font-size: 0.975em;
	line-height: 28px;
	height: 28px;
	margin: 0 0 1em 0;
	}
#nav a {
	color: #fff;
	text-decoration: none;
	padding: 1px 5px 5px 5px;
	display:inline-block;
	*display:inline;
	zoom:1;
	_height:1%;
	vertical-align:top;
	}
#nav a:hover { color: #000; }
#nav .links { float: left; }
#nav .links a { margin-right: 6px; }

#nav a.home,
#nav a.back,
#nav a.buycd,
#nav a.dlmp3,
#nav a.galerie-back {
	background: transparent url('../sprite/nav.png') no-repeat 0px 0px;
	margin: 5px 12px 0 0;
	padding-left: 24px;
	float: left;
	height: 24px;
	line-height: 16px;
	}
.long-page #nav a.home { padding: 0; }
#nav a.home:hover { background-position: 0px -40px; }
#nav a.back { background-position: 0px -80px; }
#nav a.back:hover { background-position: 0px -120px; }
#nav a.buycd { background-position: 0px -160px; }
#nav a.buycd:hover { background-position: 0px -200px; }
#nav a.dlmp3 { background-position: 0px -240px; }
#nav a.dlmp3:hover { background-position: 0px -280px; }
#nav a.galerie-back { background-position: 0px -320px; }
#nav a.galerie-back:hover { background-position: 0px -360px; }

#home a.index,
#adresa a.adresa,
#novinky a.novinky,
#kurzy a.kurzy,
#tabory a.tabory,
#prodej a.prodej,
#uceni a.uceni,
#obchod a.obchod {
	background-color: #DDDDFF;
	border-color: white gray white white;
	border-style: solid;
	padding: 2px 8px 4px 8px;
	line-height: 16px;
	margin-top: 5px;
	border-width: 1px 1px 8px 1px;
	color: #000000;
	}
#nav .jazyk { float: right; }
#nav .jazyk a { margin-left: 6px; }
.displayer #nav .jazyk { margin-top: 0px; }

/* appearance
------------------------------------------- */
#left-column,
#email-form,
#right-column { color: #666; }
#left-column ul,
#right-column ul { margin-bottom: 16px; }
#left-column li,
#main-column li,
#right-column li {
	margin-left: 1em;
	list-style-type: none;
	font-size: 0.9em;
	text-indent: -1em;
	}
#left-column p,
#email-form form,
#right-column p {
	font-size: 0.85em;
	line-height: 1.33em;
	}
#left-column ul li:before,
#main-column ul li:before,
#right-column ul li:before { content: "» "; }
#main-column ol { font-size: 1em; }
#main-column ol li {
	margin-left: 1.5em;
	list-style-type: decimal;
	text-indent: 0;
	}
#left-column a,
#main-column a,
#right-column a {
	text-decoration: none;
	color: #66f;
	}
#left-column a:hover,
#main-column a:hover,
#right-column a:hover { text-decoration: underline; }
#left-column h2,
#email-form h2,
#right-column h2,
#main-column h3 {
	border-bottom: 1px solid #A5A5A5;
	color :#6495ED;
	font-size: 1em;
	line-height: 1.33em;
	margin-bottom:4px;
	padding-bottom: 4px;
	}
#main-column h1 { margin: 8px 0; }
#main-column h2 { margin: 8px 0 4px 0; }
#main-column h3 { margin: 24px 0 4px 0; }
#main-column ul,
#main-column ol { margin: 1em 0; }
.sidebar-box { margin-bottom: 1.66em; }
.sidebar-box a img { margin: 1em 0; }
.sidebar-box a:hover img { outline: 3px solid #aaf; }

#footer {
	text-align: center;
	width: 880px;
	margin: 1em auto;
	padding: 0.33em 0 1em 0;
	color: #999;
	font-size: 0.8em;
	border-top: 1px solid #999;
	overflow: auto;
	}

.no-translation {
	color: red;
	margin: 14px 0;
	}

/* due to markdown, these spans will be the child of a p */
.float-left {
	float: left;
	margin: -6px 1em 0 0;
	}
.float-right {
	float: right;
	margin: -6px 0 0 1em;
	}
.with-border { border: 1px solid gray; }

#stats {
	position: absolute;
	top: 720px;
	left: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}


/*	displayer
------------------------------------------- */
.displayer #wrap { text-align: center; }
.displayer h1 {
	font-size: 1.5em;
	margin: 1em 0;
	float: left;
	width: 100%;
	text-align: center;
	}
.printonly { display: none; }
.noprint {
	width: 804px;
	clear: both;
	margin: 1em auto 0 auto;
	padding: 1em 0;
	}

a#artgalleryen,
a#artgallerycz,
a#artgalleryde,
a#coloringen,
a#coloringcz,
a#coloringde {
	border: 0 none;
	padding: 0;
	margin: 0px auto;
	background-position: 0px 0px;
	display: block;
	height: 20px;
	text-indent: -9999px;
	clear: both;
	}
a#coloringen,
a#coloringcz,
a#coloringde { background: transparent url('../sprite/artgallery.gif') no-repeat 0px 0px; }
a#coloringen:hover { background-position: 0px -30px; }
a#coloringcz { background-position: 0px -60px; }
a#coloringcz:hover { background-position: 0px -90px; }
a#coloringde { background-position: 0px -120px; }
a#coloringde:hover { background-position: 0px -150px; }

a#artgalleryen,
a#artgallerycz,
a#artgalleryde { background: transparent url('../sprite/omalovanka.gif') no-repeat 0px 0px; }
a#artgalleryen:hover { background-position: 0px -30px; }
a#artgallerycz { background-position: 0px -60px; }
a#artgallerycz:hover { background-position: 0px -90px; }
a#artgalleryde { background-position: 0px -120px; }
a#artgalleryde:hover { background-position: 0px -150px; }

.choose {
	margin: 0.66em 0;
	font: 1.2em serif;
	letter-spacing: 0.5px;
	}

#selector {
	clear: both;
	margin: 0 23px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
	}
#selector a img {
	float: left;
	margin: 0.5em;
	border: 2px solid lightgray;
	}
#selector a:hover img { border: 2px solid darkslateblue; }
#selector img.point-left,
#selector a img.point-left {
	border: 0 none;
	background-image : url(/m/graphics/home/pointing-left.gif);
	background-position: 0 0;
	}
#selector a:hover img.point-left { background-position: 48px 0; }
#selector img.point-right,
#selector a img.point-right {
	border: 0 none;
	background-image : url(/m/graphics/home/pointing-right.gif);
	background-position: 0 0;
	}
#selector a:hover img.point-right { background-position: 48px 0; }
#displayarea {
	clear: both;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	}
#displayarea img { margin: 20px auto; }
a img#printer {
	clear: both;
	margin: 0 auto;
	background: transparent url(/m/graphics/home/print-icon.jpg) no-repeat 0px 0px;
	border: 0 none;
	}
a:hover img#printer { background-position: 0 -128px; }

#mp3 h1 {
	margin: 16px 0;
	font-size: 20px;
	float: left;
	width: 100%;
	text-align: center;
	}
.mp3box {
	width: 640px;
	margin: 0 auto;
	clear: both;
	font: 1.33em serif;
	}
#displayarea .mp3box img {
	float: left;
	margin-top: 12px;
	}
#displayarea .mp3box p {
	padding: 56px 0;
	float: right;
	display: inline-block;
	text-align: center;
	width: 300px;
	background-color: #eef;
	}
#displayarea .mp3box p a { text-decoration: none; }
#displayarea .mp3box p a:hover { text-decoration: underline; }

#music #displayarea,
#play #displayarea {
	min-height: 240px;
	height: auto !important;
	height: 240px;
	}
#play table.layout {
	clear: both;
	display: inline-block;
	*display: inline;
	zoom: 1;
	_height: 1%;
	vertical-align: top;
	}
#play table.layout td {
	padding: 8px;
	}
#radio #displayarea {
	min-height: 360px;
	height: auto !important;
	height: 360px;
	padding: 20px 0px 20px 90px;
	}
#radio #displayarea .embed {
	float: left;
	height: 320px;
	}
#radio #displayarea .lyric {
	text-align: left;
	padding-left: 32px;
	height: 360px;
	overflow: hidden;
	}
#radio #displayarea .lyric h1 {
	float: none;
	text-align: left;
	font-size: 1em;
	margin: 0 0 0.66em 0;
	}
#videos .choose { clear: both; }
#videos .choose img {
	margin: 6px 16px;
	}

/*	email form
------------------------------------------- */
#email-form {
	background-color: #fff;
	background-image: none;
	margin: 0;
	padding: 0;
	}
#email-form form input {
	background-color: #e7e7ff;
	color: #999;
	margin: 0 auto;
	border: 1px solid #dedede;
	}
#email-form form input:focus {
	color: black;
	background-color: white;
	border: 1px solid #6495ED;
	}
#email-form input.submit {
	text-decoration: none;
	font-size: 0.625em;
	line-height: 0.625em;
	color: #666;
	padding: 1px 10px;
	border: 1px solid #bbb;
	margin: 0 auto;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
    background: #dedede; /* opera */
    background-image: -moz-linear-gradient(top,#fbfbfb,#dbdbdb);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#cdcdcd));
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fbfbfb',endcolorstr='#cdcdcd',gradienttype=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fbfbfb',endcolorstr='#cdcdcd',gradienttype=0)";
	}
#email-form input.submit:hover {
	color: #222;
	border: 1px solid #999;
    background: #eee; /* opera */
	}


/* table pages; bottom nav
------------------------------------------- */
#kids {
	margin: 0 auto;
	display: block;
	width: 941px;
	height: 480px;
	}
#kids h1 { display: none; }
#kids table {
	top: 0;
	position: absolute;
	}

#adults {
	clear: both;
	width: 100%;
	border: 0 none;
	font: 1em/1.2em Verdana,sans-serif;
	top: 500px;
	position: absolute;
	}
#adults table { margin: 0 auto; }
#adults table tr td {
	padding: 0 8px;
	vertical-align: top;
	padding-right: 16px;
	}
#adults table tr td:last-child { border: 0 none; }
#adults h2 {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	border-bottom: 1px solid rgb(165,165,165);
	padding-bottom: 4px;
	margin-bottom: 6px;
	color: black;
	}
#adults img.ad {
	margin: 6px 0;
	padding: 6px 0;
	}
#adults ul { margin-bottom: 1em; }
#adults li {
	font-size: .9em;
	list-style-type: none;
	}
#adults li a {
	color: gray;
	text-decoration: none;
	}
#adults li a:before { content: "» "; }
#adults li a:hover {
	color: darkslateblue;
	text-decoration: underline;
	}
#adults form#seek input {
	font-size: .9em;
	border: 1px solid rgb(180,180,180);
	color: rgb(111,111,111);
	}
#adults img.reklam {
	margin: 1em 1em 1em 0;
	float: left;
	}

/* galleries
------------------------------------------- */
body#galerie { background-color: #333; }
#galerie h3 {
	color: #ddd;
	clear: both;
	width: 100%;
	margin: 1em 0 3px 0;
	padding-top: 1em;
	border-top: 1px solid #999;
	}
#galerie .thumb {
	margin: 4px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	_height: 1%;
	vertical-align: top;
	}
#galerie .thumb a {
	display: block;
	border: 5px solid #444;
	}
#galerie .thumb a:hover { border: 5px solid #eee; }
#galerie .thumb a img {
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	}
#galerie .thumb a:hover img {
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	}
#galerie p,
#galerie .thumb-caption {
	font-size: 0.85em;
	color: #ddd;
	}

/* coloring (omalovanka), artgallery
------------------------------------------- */
#artgallery #main,
#coloring #main {
	position: relative;
	}
#artgallery #selector,
#coloring #selector {
	margin: 0 auto;
	overflow: hidden;
	max-width: 704px;
 	max-height: 164px;
	/* ie6 */
 	height: 164px;
	_width: expression(document.body.clientWidth > 703 ? "704px" : "auto");
	_height: expression(this.scrollHeight > 163 ? "164px" : "auto");
	}
#artgallery #selector ul li,
#coloring #selector ul li {
	list-style-type: none;
	}
a.slide-next,
a.slide-prev {
	position: absolute;
	top: 64px;
	left: 40px;
	display: block;
	height: 48px;
	width: 48px;
	text-indent: -9999px;
	background: transparent url('../sprite/pointers.png') no-repeat 0px 0px;
	}
a.slide-next {
	background-position: -50px 0px;
	left: 800px;
	}
a.slide-next:hover { background-position: -50px -50px; }
a.slide-prev:hover { background-position: 0px -50px; }


#obchod-form {
	margin-top: 1em;
	padding-top: 1em;
	}
#obchod-form legend {
	border-bottom: 1px solid #ddd;
	width: 100%;
	padding-bottom: 1.2em;
	}
#obchod-form .item {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	clear: both;
	}
#obchod-form .item-info {
	width: 100%;
	float: left;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
	}
#obchod-form img {
	float: right;
	margin: 8px 0 0 1em;
	}
#obchod-form h2 {
	float: left;
	font-size: 1.2em;
	}
#obchod-form .format {
	padding-top: 10px;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	color: #999;
	}
.price {
	float: left;
	}
.buy-checkbox {
	clear: none;
	float: right;
	}
input:required {}


/* final declarations
------------------------------------------- */
.cz { display: block; }
 span.cz { display: inline; }
.en { display: none; }
.de { display: none; }