@media screen, projection
{
	body,textarea { font-size:12px; padding: 0px; margin: 0; line-height: 1.583; background: white; color: #000}
	body, h1, h2, h3, h4, h5, h6, caption, input,textarea { font-family:  Arial, Helvetica, sans-serif; }
	input { font-size: 100%; }
	a {color: #000; text-decoration: none; }
	a:active, .active a {color: #000} 
	a:hover {text-decoration: none; color: #000000;}
	pre, code {font-size: 92%; font-family: "Lucida Console", monospaced; }
	pre {background:#f8f8f9; padding:5px}
	form,dd,dl,dt {margin:0; padding:0}
	dt { font-weight: bold; }
	p, dl { margin-bottom: 1em; margin-top: 0;}
	abbr, acronym { cursor: help; border-bottom: 1px dotted black; }
	h1, h2, h3, h4, h5, h6, caption, .title { margin: 0 0 0 0; font-weight: bold; color:707070; }
	h1 { font-size: 14px; padding:0 0 4px 10px; line-height:15px; font-weight:bolder; font-size: 15px;}
	h2 { font-size: 13px;color:#898989; font-weight:bold; font-family:Arial,sans-serif}
	h3, caption { font-size: 120%; text-align: left; margin-bottom: 0.3em; line-height: 1.294; }
	h5, h6  { font-size: 100%; font-family: Calibri, "Luxi Sans", Arial, Helvetica, sans-serif;}
	h2 a {  padding-left: 10px; background: url('../img/h-arrow.gif') no-repeat 0 4px; text-decoration: none; }
	img {border:0; margin:0; padding:0}
	hr {margin:5px 0 5px 0; background:#d5d8dc;}
	hr.cb {background:#d5d8dc; color:#d5d8dc; border:none; font-size:1px; height:1px;line-height:1px; margin:0; padding:0}
	textarea {font-size:11px; padding:3px}
	input {padding:1px 1px 1px 3px}
	label {width:100px; float:left; display:block}

	.inl * {display:inline !important}
	.buttons {text-align:center; margin:10px 0 10px 0}
	.noscreen, .dn {display:none !important}
	.fl {float:left}
	.fr {float:left}
	.cb {clear:both}
	.cl {clear:left}
	.cr {clear:right}
	.tr {text-align:right}
	.tc {text-align:center !important}
	.p5 {padding:5px}
	.w50p {width:50%}
	.search-result {background:#ffffff}
	.image {margin:5px}
	.image.fr {margin-left:0; float: left}
	.line {clear:left; padding:2px 0 2px 0}
	.image.fl {margin-left:0}
	.title {color:#000; letter-spacing:0; font-weight:normal}
	.title .date {margin:0; padding:0; color:#555}fr
	.title h2 {margin:3px 0 0 0; padding:0}	
	.chapters {background:url('../img/line2.gif') repeat-x 0 100%; padding:5px 0 5px 0; margin:0 0 1em 0}
	.chapters li.active a {color:#000; text-decoration:none; font-weight:bold}
	.container {padding:0 0px 0 0px}
	.footer {width:800px;text-align:right;color:grey}
	.footer a {color:grey}

	#page { width: 800px; margin: auto; margin-top: 30px; padding-top: 50px; color: #707070; }
	
/* UVODNI STRANKA */
	.page-uvod {  width: 800px; background: url('../img/cmaranice.gif') 50px 200px no-repeat; height: 620px;}

	#intro-menu { height: 170px;  margin-top: 380px; text-align: center; width: 650px; margin-left: 75px;margin-right: 75px; }
	#intro-menu img { border: 1px solid #d0d0d0; margin-left: 15px; margin-right: 15px; float: left; }

	#intro-dog { position: absolute;  margin-left: 40px; margin-top: 0px; }
	#intro-bird { position: absolute;  left: 50%; margin-left: 20px;}

	#intro-name { position: absolute; top: 250px; left: 50%; margin-left: -320px; text-align: right; font-weight: bold;}	
	#intro-name h1 { margin: 0px; padding: 0px; text-transform: uppercase; font-size: 34px;  font-weight: 900; color: #898989; font-family: Helvetica; line-height: 38px; }
	#intro-name h2 { margin: 0px; padding: 0px;  font-size: 30px; color: #000;font-family: Helvetica; }

/* STRANKA S OBSAHEM */
	#center { margin: 80px auto 0 auto; width: 620px; display: block;  }
	#left-panel { width: 175px; float: left;  }
	#right-panel { width: 380px; border: 1px solid #7d793f; float: left; padding: 10px;  }

	#copyright { float:right;  }	
	#mail { float: right; margin-right: 15px; font-size: 15px; font-weight: bold;  }
	#mail a { color: #7d793f; }
	

/* MENU NA STRANCE S OBSAHEM */
	.main-menu { position:absolute; top: 40px; left: 50%; margin-left: -400px; list-style: none; width: 800px; }
	.main-menu .active { border:none; }
	.main-menu ul { list-style: none; margin: 0 auto 0 auto; display: block;}
	.main-menu li { float: left; margin: 0 20px 0 20px; display: block; }
	.main-menu ul li a span { display:none; }

	.main-menu #design-ilustrace { background: url('../img/menu-ilustrace.gif') no-repeat; }
	.main-menu #design-kresba { background: url('../img/menu-kresba.gif') no-repeat; }
	.main-menu #design-mozaika { background: url('../img/menu-mozaika.gif') no-repeat; }
	.main-menu #design-komercni-grafika { background: url('../img/menu-komercni.gif') no-repeat; }

	.main-menu #design-ilustrace a, .main-menu  #design-kresba a, .main-menu  #design-mozaika a
	 { display:block; width: 100px; height: 115px; }
	.main-menu  #design-komercni-grafika a { display:block; width: 212px; height: 115px; }

	#design-mozaika.active { background: url('../img/menu-mozaika-active.gif') no-repeat; }
	#design-kresba.active { background: url('../img/menu-kresba-active.gif') no-repeat; }
	#design-ilustrace.active { background: url('../img/menu-ilustrace-active.gif') no-repeat; }
	#design-komercni-grafika.active { background: url('../img/menu-komercni-active.gif') no-repeat; }

	#design-mozaika.sfhover { background: url('../img/menu-mozaika-active.gif') no-repeat; }
	#design-kresba.sfhover { background: url('../img/menu-kresba-active.gif') no-repeat; }
	#design-ilustrace.sfhover { background: url('../img/menu-ilustrace-active.gif') no-repeat; }
	#design-komercni-grafika.sfhover { background: url('../img/menu-komercni-active.gif') no-repeat; }


/* menu na uvodni strance */
	.page-uvod .main-menu { margin-top:470px; list-style: none; width: 800px; }

	.page-uvod #design-ilustrace { background: url('../img/intro-ilustrace.gif') no-repeat; }
	.page-uvod #design-kresba { background: url('../img/intro-kresba.gif') no-repeat; }
	.page-uvod #design-mozaika { background: url('../img/intro-mozaika.gif') no-repeat; }
	.page-uvod #design-komercni-grafika { background: url('../img/intro-komercni.gif') no-repeat; }

	.page-uvod .main-menu li { border: 1px solid #cdcdcd; }
	.page-uvod .main-menu li.sfhover { border: 1px solid #000; }
	.page-uvod #design-ilustrace a, .page-uvod #design-kresba a, .page-uvod #design-mozaika a, .page-uvod #design-komercni-grafika a 
	{ display: block; width: 130px; height: 160px;  }

/* menu na strance s obsahem */
	.submenu { margin-bottom: 20px; }
	.submenu ul { margin: 0; padding: 0; list-style: none; }
	.submenu li a { color: #d7d5b8; font-weight: bold; text-decoration: none; font-size: 14px;  }
	.submenu li.active a, .submenu li.sfhover a, .submenu li a:hover { color: #7d793f; }
	
	#thumbs { list-style: none; }

	#pictures { overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 140px; border-top: 1px solid #7d793f; border-bottom: 1px solid #7d793f; padding: 5px 0 5px 0; text-align:center;}
	#pictures img { border: 1px solid #7d793f; margin: 0; padding:0;}
	#pictures a {margin:0; padding: 0;}

	.prev, .next { margin-left: 45px; }

	.preview { text-align:center; }
	.preview img { margin: 0 auto 0 auto; }

	.gallery { text-align: center; }
}

@media print {
	.np, .noprint {display:none}
}