@charset "utf-8";
/* CSS Document © Jiří Beroušek www.MULTIMEDIA-ACTIVITY.cz create 06.05.2009, last update 06.05.2009 */
/* 3 col */
/* colors*/
/* LAYOUT ================================================================================== */
/* -------------------------------------------------------------------- page */
html {
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
	behavior: url(csshover.htc);
/* WinIE behavior call */
}
.page {
	background: #fff url(../images/bg_tile.jpg) center repeat-y;
	width: 980px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	background-color: #FFF;
}
.pagetxt {
}
h1, h2, h3, h4, h5 {
    color: #D48624;
	font-weight: normal;
}
h1 {
	color: #D48624;
	font-weight: normal;
	line-height: 140%;
	font-size: 1.6em;
	
}
table.h1{
	width: 220px;
	height: 140px;
	position:absolute;
	top: 265px !important;
	margin-left: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border: 0;
}
table.h1 td{
	text-align: center;
	vertical-align: middle;
	border: 0;
}

a, a:link, a:visited, a:active, a:focus {
	color: #36c;
}
a:hover {
	color: #c33;
}
/* HEAD =================================================================== */
/* -------------------------------------------------------------------- head */
.head {
	background: #fff url(../images/bg_head.jpg) center no-repeat;
	color: #FFF;
	width: 100%;
	text-align: right;
	height: 184px;
}
.headtxt {
}
.webname {
	font-size: 220%;
	font-weight: bold;
	width: 200px;
	float: right;
}
/* -------------------------------------------------------------------- topmenu */
.topmenu {
	float: right;
	font-size: 89%;
	width: 500px;
}
.topmenutxt {
	padding: 15px 40px 0 0;
}
.topmenutxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.topmenutxt ul li {
	display: inline;
	padding: 0px 6px 0px 3px;
	border-right: 1px solid #000;
}
.topmenutxt a, .topmenutxt a:visited {
	color: #000;
}
.topmenutxt a:hover {
	text-decoration: none;
}
/* -------------------------------------------------------------------- logo */
.logo {
	float: left;
	width: 200px;
}
.logotxt {
    margin: 5px 0px 0px 125px;
}
/* -------------------------------------------------------------------- logo */
.flag {
	float: right;
	width: 200px;
}
.flagtxt {
    margin: 20px 15px 0px 0px;
}
.flagtxt img {
    margin: 0px 5px;
}
/* -------------------------------------------------------------------- strip */
.strip {
	background: #D48624 url(../images/bg_strip.jpg) center repeat-y;
	width: 100%;
	margin: 0;
}
.striptxt {
	padding: 5px 0;
}
.striptxt p {
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	font-weight: bold;
	letter-spacing: 2px;
}
/* -------------------------------------------------------------------- submenu */
.nav {
	text-align: right;
	width: 100%;
	background: #3A8FD2 url(../images/bg_menu.jpg) center repeat-y;
	margin: 0;
}
.navtxt {
	padding: 0px 30px 0px 45px;
}
 .navtxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navtxt ul li {
	display: inline;
	padding: 0px;
	margin:0px;
}
.navtxt a, .navtxt a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.navtxt a:hover {
	text-decoration: none;
	color: #222;  
}          
/* viceurovnove menu ======================================================= */
ul.level0 {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
    }
ul.level0 ul {
	width: 200px;
/* Sub Menu Width */
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
}
ul.level0 ul ul, ul.level0 ul ul ul {
	top: 0;
	left: 100%;
}
ul.level0 li {
	float: left;
	display: inline;
	position: relative;
	background: #3A8FD2 url(../images/bg_menu_tile.jpg) top repeat-x;
	border: 1px solid #ACCFEB;
}
ul.level0 li:hover {
	background-color: #79B4E0;
	background: #79B4E0 url(../images/bg_menu_over.jpg) top repeat-x;
}
ul.level0 ul li {
	display: block; 
	background-color: #3A8FD2;
	margin: 0;
	padding: 2px 8px;
	border-right: 1px solid #ACCFEB;
	border-top: 1px solid #ACCFEB;
}
ul.level0 ul li:hover {
	background-color: #79B4E0;

}
/* Root Menu */
ul.level0 a {
	float: left;
	display: block;
	text-align:center;
	padding: 8px 15px 8px 19px;
}
ul.level0 ul li a {
	text-align: left;
}
ul.level0 ul li a{
	padding: 2px 8px;
}
/* Root Menu Hover Persistence */
ul.level0 a:hover, ul.level0 li:hover a, ul.level0 li.iehover a {
}
/* 2nd Menu */
ul.level0 li:hover li a, ul.level0 li.iehover li a {
	float: none;
	width: 200px !important;
}
/* 2nd Menu Hover Persistence */
ul.level0 li:hover li a:hover, ul.level0 li:hover li:hover a, ul.level0 li.iehover li a:hover, ul.level0 li.iehover li.iehover a {
}
/* 3rd Menu */
ul.level0 li:hover li:hover li a, ul.level0 li.iehover li.iehover li a {
}
/* 3rd Menu Hover Persistence */
ul.level0 li:hover li:hover li a:hover, ul.level0 li:hover li:hover li:hover a, ul.level0 li.iehover li.iehover li a:hover, ul.level0 li.iehover li.iehover li.iehover a {
}
/* 4th Menu */
ul.level0 li:hover li:hover li:hover li a, ul.level0 li.iehover li.iehover li.iehover li a {
}
/* 4th Menu Hover */
ul.level0 li:hover li:hover li:hover li a:hover, ul.level0 li.iehover li.iehover li.iehover li a:hover {
}
/* Hover Function - Do Not Move */
ul.level0 li:hover ul ul, ul.level0 li:hover ul ul ul, ul.level0 li.iehover ul ul, ul.level0 li.iehover ul ul ul {
	display: none;
}
ul.level0 li:hover ul, ul.level0 ul li:hover ul, ul.level0 ul ul li:hover ul, ul.level0 li.iehover ul, ul.level0 ul li.iehover ul, ul.level0 ul ul li.iehover ul {
	display: block;
}
/* end viceurovnove menu ======================================================= */
/* -------------------------------------------------------------------- menu */
/* -------------------------------------------------------------------- header */
.heading {
	background: #fff url(../images/bg_heading.jpg) center no-repeat;
	height: 170px;
	width: 100%;
	clear: both;
}
.headingtxt {
	
}
/* CONTENTS =================================================================== */
/* -------------------------------------------------------------------- container */
.container {
	width: 100%;
}
.containertxt {
}
/* -------------------------------------------------------------------- contents */
.section {
	float: left;
	width: 600px;
	background-color: transparent;
	padding-left: 45px;
	display: block;
}
.sectiontxt {
	padding: 0px 30px;
}
.sectiontxt p{
	text-align: justify;
}
/* -------------------------------------------------------------------- container */
.article {
}
.articletxt {
  margin-top:0px;
}
/* -------------------------------------------------------------------- aside */
.aside {
	background-color: transparent;
	float: right;
	width: 275px;
	padding-right: 45px;
	display: block;
	text-align:center;
}
.asidetxt {
	padding: 10px;
}
/* -------------------------------------------------------------------- bside */
.bside {
	background-color: #FFE2CF;
	color: #225278;
	float: right;
	width: 200px;
	display: block;
	margin: 0px -15px 5px 15px;
	border: 1px solid #D48624;
}
.bsidetxt {
	padding: 0px;
}
.bside h2 {
 	background: #FFC59F url(../images/bg_bside.jpg) center repeat-y;
    height: 1.6em;
    font-size: 1.2em;   
	margin: 0px;
	padding: 15px 10px;
	color: #fff;
}
.bside h3 {
    font-size: 1.1em;   
	margin: 0px;
	padding: 10px 10px 0px 10px;
	font-weight: bold;
	color: #225278;
}
.bside p {
	padding: 5px 10px;
	text-align: left;
}
/* FOOT =================================================================== */
/* -------------------------------------------------------------------- footer */
.footer {
	clear: both;
	font-size: 89%;
	text-align: left;
	background: #fff url(../images/bg_footer.jpg) center top no-repeat;
	height: 135px;
}
.footertxt {
	padding: 65px 10px 5px 60px;
}
.footertxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footertxt ul li {
	display: inline;
	padding: 0px 10px;
}
.footertxt a, .footertxt a:visited {
	color: #28166F;
}
.footertxt a:hover {
	text-decoration: none;
	color: #222;
}
/* -------------------------------------------------------------------- foot */
.foot {
    clear: both;
	color: #fff;
	text-align: left;
}
.foottxt {
	padding: 20px 5px 5px 55px;
}
.foottxt a {
	color: #fff;
}
.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, .clanek-autor-dodatek, .clanek-datum-zverejneni, .clanek-datum-aktualizace {
	background-color: transparent;
	color: #2E70A4;
	font-size: 85%;
}
.odkaz-vice {
	padding: 1em 0px 0px 0px;
	margin: 0px;
}
.arrow {
	font-size: 117%;
	color: #0F499D;
}
img.fotografie, img.obrazek-vpravo, img.obrazek-vlevo {
	border: 2px solid #3A8FD2;
}
img.fotografie {
	margin: 15px 8px 15px 7px !important;
}
img.obrazek-vpravo {
	float: right;
	margin: 0px 0px 10px 10px !important;
}
img.obrazek-vlevo {
	float: left;
	margin: 0px 10px 10px 0px !important;
}
img.portret {
	border: 1px solid #3A8FD2;
	float: right;
	margin: 0px 0px 10px 10px !important;
}
.bookmark {
}
.toplist {
	float: left;
	width: 300px;
}
p.aligncenter {
	text-align: center;
}
.zvyraznit {
	color: #F00;
	font-weight: bold;
}
a.big_link {
    color: #009244;
    font-size: 1.6em;
	font-weight: bold;
}
a.big_link:hover {
    color: #fff;
}
.bannerblue{
    border-top: 8px solid #3A8FD2;
}
.bannerviolet{
    border-top: 8px solid #AF4F8F;
}
.bannerbraun{
    border-top: 8px solid #B4733D;
}
.bannergreen{
    border-top: 8px solid #ACCD38;
}
.bannerorange{
    border-top: 8px solid #D38523;
}
.uvodram {
	border: 3px solid #D48624;
	background-color: #F9EFE2;
	padding: 10px 10px 0px 10px;
	margin: 10px 0px;
	}

/* 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 ================================================================================== */