@charset "utf-8";
/* CSS Document - create Jiří Beroušek www.multimedia-activity.cz 25.12.2008, last update 01.02.2009 */

/*
#FF9900 - oranžová
#E57818 - oranžová warm
#0066CC - modrá
#007BC2 - modra z loga
*/

body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 79%;
	line-height: 160%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #E0E3A6 url(../images/background.jpg) top center no-repeat;
}
/* html ========================================================================= */
a {
	color: #0066CC;
	letter-spacing: 1px;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 120%;
}
h1 {
	font-size: 170%;
	color: #E57818;
	padding-top: 1em;
}

h2 {
	font-size: 150%;
	color: #E57818;
}
h2 a {
	color: #E57818;
}
h3 {
	font-size: 120%;
	color: #E57818;
}

h3 a {
	color: #E57818;
}

h4 {
	font-size: 90%;
	color: #E57818;
}

h5 {
	font-size: 79%;
}

h6 {
	font-size: 69%;
}

img {
	border: 0px;
}
table {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-collapse: collapse;
	width: 100%;
}
td, th {
	text-align: left;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 4px 6px;
	vertical-align: top;
}
th {
	background-color: #FF9900;
	color: #FFFFFF;
}
caption {
	text-align: left;
	font-weight: bold;
	color: #FF9900;
	padding: 15px 0px 5px 0px;
}
/* end html ========================================================================================== */

/* layout ========================================================================================== */
/* --------------------------------------------------------------------------------------- page */
.page {
	width: 994px;
	margin: 9px auto 0 auto;
	text-align: left;
	padding: 0px;
	background: #fff url(../images/bg-shadow.jpg) repeat-y;
}
.pagetxt {
	padding: 25px 7px 0 7px;
	background: transparent url(../images/bg-frame.jpg) center top no-repeat;
	margin: 0px;
}
/* --------------------------------------------------------------------------------------- header */
.header {
	background-color: transparent;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 240px;
}
.headertop {
	color: #663333;
	padding: 10px 20px;
	text-align: right;
	font-weight: bold;
}
.headertxt {
	padding: 0px;
}

.stripe {
	background-color: #007BC2;
	color: #FFFFFF;
	height: 40px;
}
.stripetxt {
	padding: 7px 15px;
	margin: 0px;
	text-align: right;
}
/* -------------------------------------------------------------------- menu */
.asidetxt ul {
	margin: 0px;
	padding: 0px;
}
.asidetxt li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.asidetxt li a {
	font-weight: normal;
	font-size: 89%;
}
ul.level0 {
	border-bottom: 1px solid #fff;
}
ul.level0, ul.level1, ul.level2, ul.level3, ul.level4, ul.level5 {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}
ul.level0 li, ul.level1 li, ul.level2 li, ul.level3 li, ul.level4 li, ul.level5 li {
	margin: 0px;
    padding: 0px 0px 0px 15px;
	list-style-type: none;
	border-top: 1px solid #fff;
}
ul.level0 li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 5px 5px 15px;
	display: block;
	border-left: 15px solid #007BC2;
	margin-left: -15px;
	margin-right: -8px;
	border-right: 8px solid #F29C50;
}
ul.level1 li a, ul.level2 li a, ul.level3 li a, ul.level4 li a, ul.level5 li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	display: block;
	border-left: 0px solid #007BC2;
	margin-left: 0px;
	margin-right: -8px;
	border-right: 8px solid #FAD2AF;
}
ul.level0 li a:hover {
	background: #007BC2 url(../images/menu_bg_over1.jpg) top left repeat-x;
	text-decoration: underline;
	color: #FFFFCB;
	display: block;
	border-left: 15px solid #E57818;
	margin-left: -15px;
}
ul.level1 li a:hover, ul.level2 li a:hover, ul.level3 li a:hover, ul.level4 li a:hover, ul.level5 li a:hover {
	background: #007BC2 url(../images/menu_bg_over1.jpg) top left repeat-x;
	text-decoration: underline;
	color: #FFFFCB;
	display: block;
	border-left: 0px solid #E57818;
	margin-left: 0px;
}
ul.level0 li {
	background: #E57818 url(../images/menu_bg1.png) top right repeat-x;
}
ul.level1 li {
	background: #F29C50 url(../images/bg5.jpg) left repeat-y;
}
ul.level2 li {
	background: #F2B37B url(../images/bg6.jpg) left repeat-y;
}
ul.level3 li {
	background-color: #F2B37B;
}
ul.level4 li {
	background-color: #E57818;
}
ul.level5 li {
	background-color: #E57818;
}

/* -------------------------------------------------------------------- menu-close, menu-open, menu-last*/
.menu-close span, .level1 .menu-close span, .level2 .menu-close span, .level3 .menu-close span, .level4 .menu-close span, .level5 .menu-close span, .level6 .menu-close span, .level7 .menu-close span, .level8 .menu-close span, .level9 .menu-close span {
	background: url(../images/menu-sub.gif) left no-repeat;
	cursor: pointer;
	position: relative;
	margin: 5px 0 0 -12px;
	float: left;
}
.menu-open span {
	background-image: url(../images/menu-drop.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
	position: relative;
	margin: 5px 0 0 -12px;
	float: left;
}
.menu-last span {
	background-image: url(../images/menu-square.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: default;
	position: relative;
	margin: 5px 0 0 -12px;
	float: left;
}
.menu-last0 span {
	background-image: url(../images/menu-square.gif);
	background-repeat: no-repeat;
	background-position: left;
	cursor: default;
	position: relative;
	margin: 5px 0 0 -12px;
	float: left;
}
/* CONTENTS =================================================================== */
/* -------------------------------------------------------------------- container */
.container {
	margin-top: 0px;
	clear: both;
}
.containertxt {
}
/* -------------------------------------------------------------------- packing*/
.packing {
	float: left;
	width: 724px;
}
.packingtxt {
	padding: 0px;
}
/* -------------------------------------------------------------------- contents */
.contents {
	float: right;
	width: 500px;
}
.contentstxt {
	padding: 0px 30px 20px 15px;
}
.contentstxt ul {
	padding: 0px 0px 20px 20px;
}
.contentstxt h2 {
  margin-top: 15px;
  font-size: 120%;
}
.contentstxt h2.nadpis {
  margin-top: 15px;
  font-size: 140%;
}
/* -------------------------------------------------------------------- aside */
.aside {
	float: left;
	width: 200px;
}
.asidetxt {
}
/* -------------------------------------------------------------------- bside */
.bside {
	float: right;
	width: 250px;
}
.bsidetxt {
}
/* --------------------------------------------------------------------------------------- footer */
.footer {
	background-color: #007BC2;
}
.footertxt {
	padding: 2px 20px;
	font-size: 79%;
	color: #FFFFFF;
	text-align: right;
}
.footertxt p {
	padding: 0px;
	margin: 0px;
}
.footertxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.footertxt ul li{
	display: inline;
	padding: 0px 10px;
	border-right: 1px solid #0F499D;
}
.footertxt a {
	color: #FFFFFF;
}
.footertxt a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* --------------------------------------------------------------------------------------- foot */
.foot {
	height: 30px;
	text-align: center;
	margin: 0px auto 5px auto;
	background: #E0E3A6 url(../images/bg-footer.jpg) bottom center no-repeat;
}
.foottxt {
	padding: 0px 20px;
	font-size: 79%;
	color: #FFFFFF;
}
.foottxt p {
	padding: 0px;
	margin: 0px;
}
.foottxt a {
	color: #FFFFFF;
}
.foottxt a:hover {
	text-decoration: none;
	color: #000000;
}

/* end layout ========================================================================================== */

/* class ========================================================================================== */
.cleaner {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.divider {
	clear: both;
	line-height: 0px;
	margin: 15px 0px 10px 0px;
	padding: 0px;
    border-top: 1px dashed #F29C50;
}
.hidden {
	display: none;
}

.odkaz-vice {
	padding: 0px 0px 1.5em 0px;
	margin: 0px;
}
.arrow {
	font-size: 117%;
	color: #0066CC;
}
.vypis {}

.autor-clanku, .clanek-info {

	font-size: 89%;
	color: #007BC2;
}

/* --------------------------------------------------------------------------------------- fotografie */
.fotografie {
	background-color: #EFEFEF;
	margin: 0px 10px 10px 0px;
	text-align: center;
	width: 130px;
	float: left;
	height: 160px;
}
.fotografietxt {
	padding: 15px 5px 0px 5px;
}
.fotografietxt img {
	border-top: 3px solid #0066CC;
	border-right: 3px solid #0066CC;
	border-bottom: 3px solid #0066CC;
	border-left: 3px solid #0066CC;
}
.fotografietxt p {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}
.fotografietxt h2 {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 100%;
	line-height: 140%;
}
.fotografietxt a {
	color: #0066CC;
}
p.fotopopis {
	color: #000;
	font-size: 79%;
	line-height: 120%;
	padding: 3px 0px 0px 0px;
}

input[type='image'] {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	padding-bottom: 2px;
	border: 0;
}
.find {
	margin: 0;
	padding: 0;
	float: right;
}
.find  input[type='text'], form {
	margin: 0px;
	padding: 0px;
}
.q {
	width: 130px;
	height: 16px;
	font-size:80%;
	margin: 0;
	padding: 0;
}
#pager {
	padding: 5px 0px 10px 0px;
	}
/* --------------------------------------------------------------------------------------- euzemkomise */
.euzemkomise {
	background-color: #183883;
	color: #F1F518;
	padding: 1px 20px;
}
.euzemkomise a {
	color: #F1F518;
}
/* end class ========================================================================================== */
/* anketa ================================================================================== */
.anketa {
	margin: 0px 0 0 15px;
	padding: 10px 13px 10px 10px;
	text-align:left;
	font-size:95%;
	line-height:110%;
	background: #fff;
}
.anketalist {
	margin: 0 auto;
	width: 400px;
	text-align:left;
	font-size:95%;
	line-height:110%;
}
.anketa ul, .anketalist ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.anketa ul li, .anketalist ul li {
	margin: 0;
	padding: 5px 0;
}
.anketa ul li a, .anketalist ul li a {
	font-weight:normal;
	text-decoration:none;
	letter-spacing: 0;
	padding:0;
	display:block;
}
.anketa ul li a:hover, .anketalist ul li a:hover {
	text-decoration: underline;
}
.anketa h3, .anketalist h3 {
	line-height: 140%;
	margin: 0;
	padding: .2em;
	font-size: 1.05em;
}
.anketa h2, .anketalist h2 {
	line-height: 140%;
	margin: 0;
	padding: .1em;
	font-size: 1.3em;
	color:#007BC2;
}
.anketa p, .anketalist p {
	margin: 0 auto;
	padding: 4px 0px;
}
h3.anketah3 {
	color:#007BC2;
}
.pocet {
	color:#747474;
	width: 20px;
    text-align:right;
	position: relative; 
	bottom: 1px; 
	float:right;
}
.prouzek {
    width:100%;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	display:block;
	margin-top:4px;
}