@charset "utf-8";
/* CSS Document © Jiří Beroušek www.MULTIMEDIA-ACTIVITY.cz create 06.05.2009, last update 15.05.2009 */

/* 2 col */

/* colors
#AAAAAA šedá
#997700 zlatá
*/

body {
	background-color: #FFF;
}
a {
	color: #AAAAAA;
}
a:visited {
	color: #AAAAAA;
}
a:hover {
	color: #997700;
}
/* LAYOUT ================================================================================== */

/* -------------------------------------------------------------------- top */
.top {
	background-color: #000;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 89%;
}
.toptxt {
	padding: 5px;
}
.toptxt a {
	color: #FFF;
	letter-spacing: 0px;
}
.toptxt a:hover {
	text-decoration: none;
}
/* HEAD =================================================================== */
/* -------------------------------------------------------------------- head */
.head {
	width: 900px;
	margin: 0 auto;
	height: 120px;
	background-image: url(../images/matice-logo-100.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.headtxt {
	padding: 10px;
	text-align: left;
}
.title {
	color: #AAAAAA;
	text-decoration: none;
	float: left;
	font-style: italic;
	padding: 5px;
}
.title a {
	text-decoration: none;
}
.first {
	color: #997700;
	font-size: 120%;
}
/* -------------------------------------------------------------------- submenu */
.submenu {
	text-align: right;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}
.submenutxt {
	width: 900px;
	margin: 0px auto;
	padding: 3px;
}
.submenutxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.submenutxt ul li {
	display: inline;
	padding: 0px 10px;
	border-right: 1px solid #AAAAAA;
}
.submenutxt a {
	color: #AAAAAA;
	font-weight: bold;
}
.submenutxt a:hover {
	text-decoration: none;
	color: #000000;
}
/* -------------------------------------------------------------------- page */
.page {
	width: 900px;
	margin: 0px auto;
	text-align: left;
}
.pagetxt {
}
/* -------------------------------------------------------------------- menu */
.menu {
	margin-top: 20px;
}
.menutxt {
	padding : 0;
	margin : 0;
	width : 228px;
	text-align : right;
	text-transform : uppercase;
}
.menutxt ul {
	list-style : none;
	margin : 0;
	padding : 0;
	border : none;
}
.menutxt li {
	margin : 0;
	margin-bottom : 10px;
}
.menutxt li a {
	display : block;
	text-decoration : none;
	width : 198px;
	border-right : 1px solid #ffffff;
	padding-right : 10px;
	margin-bottom : 10px;
}
html > body .menutxt li a {
	width : auto;
}
.menutxt li a:hover {
	border-right : 1px solid #997700;
	padding-right : 10px;
	margin-bottom : 10px;
}
/* CONTENTS =================================================================== */
/* -------------------------------------------------------------------- container */
.container {

}
.containertxt {
}
/* -------------------------------------------------------------------- contents */
.contents {
	float: right;
	width: 630px;
}
.contentstxt {
	padding: 0px 20px 20px 20px;
}
/* -------------------------------------------------------------------- aside */
.aside {
	float: left;
	width: 200px;
}
.asidetxt {
	text-align: right;
	padding-top: 20px;
}
/* FOOT =================================================================== */
/* -------------------------------------------------------------------- footer */
.footer {
	font-size: 89%;
	text-align: right;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	margin-top: 5px;
}
.footertxt {
	padding: 5px;
}
.footertxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footertxt ul li {
	display: inline;
	padding: 0px 10px;
	border-right: 1px solid #AAAAAA;
}
.footertxt a {
	color: #AAAAAA;
}
.footertxt a:hover {
	text-decoration: none;
	color: #000000;
}
/* -------------------------------------------------------------------- foot */
.foot {
	color: #AAAAAA;
	font-size: 89%;
	text-align: right;
}
.foottxt {
	padding: 5px;
}
.foottxt a {
	color: #AAAAAA;
}
.foottxt a:hover {
	text-decoration: none;
}
/* end LAYOUT ================================================================================== */

/* CLASS ================================================================================== */
.cleaner {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
}
.hidden {
	display: none;
}
.autor-clanku {
	background-color: #009933;
}
.odkaz-vice {
	padding: 1em 0px 0px 0px;
	margin: 0px;
}
.arrow {
	font-size: 117%;
	color: #0F499D;
}
img.fotografie, img.obrazek-vpravo, img.obrazek-vlevo {
	border: 1px solid #0F499D;
	padding: 0px;
}
img.fotografie {
	margin: 15px 8px 15px 7px !important;
}
img.obrazek-vpravo {
	float: right;
	margin: 10px 0px 10px 10px !important;
}
img.obrazek-vlevo {
	float: left;
	margin: 10px 10px 10px 0px !important;
}
.bookmark {
}
.toplist {
	float: left;
}
p.aligncenter {
	text-align: center;
}
.zvyraznit {
	color: #F00;
	font-weight: bold;
}
/* creates small caps */
.caps {
	font-variant: small-caps;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-size:1.2em;
	font-weight:bold;
	padding:0 2px;
}
/* end CLASS ================================================================================== */