/* -------------------------------------------------------------------------- */
/* Zakladni layout                                                            */
/* -------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #e5e5e5;
}


/* layout */

#pageLayoutTable {
	width: 760px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
	color: #000000;
	font-size: 80%;
	line-height: 135%;
	font-family: helvetica, verdana, lucida, sans-serif;
}

#pageLayoutTable #headingTd {
	width: 760px;
	height: 180px;	
	padding: 0;
	border: 0;
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: top;
	text-align: right;
}

#pageLayoutTable #mainMenuTd {
	width: 760px;
	height: 24px;
	padding: 2px 8px 2px 8px;
	background-color: #b6bfc4;
	text-align: right;	
	vertical-align: middle;
	font-weight: bold;
	color: #374e6e;
	border: 0;
}

#pageLayoutTable #leftColumnTd {
	width: 180px;
	padding: 20px 0 20px  0;
	background-color: #374e6e;
	color: #ffffff;
	vertical-align: top;
	text-align: left;
	border: 0;
}

#pageLayoutTable #contentTd {
	padding: 0;
	background-color: #e2e0e0;
	vertical-align: top;
	text-align: left;
	border: 0;
	border-right: 1px dashed #b6bfc4;
	width: 580px;
}

#pageLayoutTable #rightColumnTd {
	padding: 10px 0 10px 0;
	background-color: #374e6e;
	color: #ffffff;
	vertical-align: top;
	text-align: left;
	border: 0;
}

#pageLayoutTable #quarterLeftTd {
	width: 180px;
	height: 24px;	
	padding: 0;
	background-color: #374e6e;
	border: 0;
}

#pageLayoutTable #quarterRightTd {
	width: 580px;
	height: 24px;
	padding: 0;
	background-color: #b6bfc4;
	vertical-align: middle;
	border: 0;
}

/* -------------------------------------------------------------------------- */
/* Zakladni elementy                                                          */
/* -------------------------------------------------------------------------- */

/* hlavni menu */

#mainMenu, #mainMenu ul  {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    line-height: 1.5em;
    background-color: #b6bfc4;     
}

#mainMenu li {
    padding: 0;
    margin: 0;
    float: right;
    position: relative;   
}

#mainMenu a { 
    display: block; 
    padding: 0px 3px;
    color: #374e6e;
    text-decoration: none;
    white-space: nowrap;
}

#mainMenu a:hover {    
    color: #e5e5e5;    
}

#mainMenu ul {
    position: absolute;
    display: none;
    top: 1.5em;      
}

#mainMenu ul li {
    float: none;
}

#mainMenu ul a {
    padding: 2px 10px 2px 5px;   
}

/* box vkladany do leveho sloupce */

.leftColBox {
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: center;
}

.leftColBox .title {
	margin: 0 0 10px 0;
	padding: 1px 0 1px 15px;
	text-align: left;
	font-weight: bold;
	color: #374e6e;
	background-image: url(../images/bg_section.jpg);
}

.leftColBox .content {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
	line-height: 130%;
	font-size: 95%;		
}

.leftColBox .content .counter {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.leftColBox .content h1 {
	margin: 5px 0 0 5px;
	padding: 0;
	text-align: left;
	font-size: 110%;
	border: 0;
	color: #ffffff;
	font-weight: bold;
	clear: both;  		
}

.leftColBox .content ul {
    margin: 5px 0 0 0;  		
}

.leftColBox a {
	text-decoration: none;
	color: #ffdd88;
}

.leftColBox a:hover {
	text-decoration: underline;
	color: #ffdd88;
}

/* box vkladany do praveho sloupce */

.rightColBox {
	margin: 0 9px 10px 9px;
	padding: 0;
	text-align: center;
}

.rightColBox .title {
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

.rightColBox .content {
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
	line-height: 130%;
	font-size: 95%;				
}

.rightColBox a {
	text-decoration: none;
	color: #ffffff;
}

.rightColBox a:hover {
	text-decoration: underline;
	color: #ffffff;
}

/* box vkladany do praveho sloupce - prispevky */

.rightColBox .titleTopic {
	font-weight: bold;
	margin: 0 0 7px 0;
	padding: 0;
}

.rightColBox .contentTopic {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 130%;
	border-bottom: 1px dashed #ffffff;
	font-size: 95%;		
}

.rightColBox .contentTopic a {
	padding: 3px;
	display: block;
}

.rightColBox .contentTopic a:hover {
	padding: 3px;
	display: block;
	text-decoration: none;
	background-color: #eeeeee;
	color: #374e6e;
}

/* kontejner pro hlavni obsah stranky */

#contentHolder {
	width: 540px;
    padding: 0;
	margin: 0 19px 20px 19px;	
}

/* copyright */

#copyright {
	font-size: 85%;
   color: #374e6e;
	margin: 0 10px 0 10px;
	padding: 0;
	text-align: right;
}

#copyright a {
  color: #374e6e;
	text-decoration: none;
	font-weight: normal;
}

#copyright a:hover {
	color: #e5e5e5;
	text-decoration: underline;
	font-weight: normal;
}

/* -------------------------------------------------------------------------- */
/* Caption, article                                                           */
/* -------------------------------------------------------------------------- */

/* upoutavky na clanky */

.caption {
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;
}

.caption .title {
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #990116;
	font-size: 130%;
	font-weight: bold;
	color: #990116;
}

.caption .title a:hover {
	text-decoration: none;
}

.caption .date {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 95%;
	font-weight: bold;
}

.caption .date .separator {
	margin: 0 5px 0 5px;
	padding: 0;
}

.caption .contentBox {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 100%;
	width: 540px;
	border: 0;
}

.caption .contentBox .imgTd {
	padding: 0;
	vertical-align: top;
	text-align: justify;
	width: 100px;
	border: 0;
}

.caption .contentBox td {
	padding: 0;
	vertical-align: top;
	text-align: justify;
	border: 0;
}

.caption .contentBox img {
	border: 1px solid #374e6e;
	margin: 0 10px 0 0;
}

.caption .p {
	margin: 12px 0 12px 0;
	padding: 0;
	text-align: justify;
}

.caption a {
	font-weight: bold;
}

.caption .imgRight {
	border: 1px solid #374e6e;
	margin: 5px 0 5px 10px;
	float: right;
	vertical-align: top;
}

/* clanky */

.article {
	padding: 0;
	margin: 0;
}

.article .title {
	padding: 0 0 5px 0;
	margin: 20px 0 15px 0;
	border-bottom: 1px dashed #990116;
	font-size: 130%;
	font-weight: bold;
	color: #990116;
}

.article .partTitle {
	padding: 0 0 5px 0;
	margin: 20px 0 15px 0;
	border-bottom: 1px dashed #990116;
	font-size: 130%;
	font-weight: bold;
	color: #990116;
}

.article .sectionTitle {
	font-weight: bold;
	font-size: 120%;
	margin: 15px 0 10px 0;
	padding: 0;
	text-align: left;
	clear: both;
}	

.article .subsectionTitle {
	font-weight: bold;
	font-size: 105%;
	margin: 12px 0 12px 0;
	padding: 0;
	text-align: left;
}	
	
.article .backLinkBox {
	text-align: right;
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dashed #000000;
	clear: both;
	font-weight: bold;
	font-size: 95%;
}

.article .contentBox {
	margin: 15px 0 15px 0;
	padding: 0;
	font-size: 100%;
	width: 540px;
	border: 0;
}

.article .contentBox td {
	padding: 0;
	vertical-align: top;
	text-align: justify;
	border: 0;
}

.article .contentBox img {
	border: 1px solid #374e6e;
	margin: 0 10px 0 0;
}

.article .p {
	margin: 12px 0 12px 0;
	padding: 0;
	text-align: justify;
}

.article .address {
	margin: 10px 0 10px 40px;
	padding: 0;
	text-align: left;
}		

.article .separator {
	margin: 15px 0 15px 0;
	padding: 0;
	text-align: center;
}

.article .planTable {
	font-size: 100%;
	margin: 10px;
	width: 520px;
	padding: 0;
	border: 0;
}

.article .planTable td {
	vertical-align: top;
	text-align: left;
	text-align: justify;
	padding: 0;
	border: 0;
}

.article .planTable .tdLeft {
	vertical-align: top;
	font-weight: bold;
	width: 80px;
	padding: 0;
	border: 0;
}

.article .imgRight {
	border: 1px solid #374e6e;	
	margin: 7px 0 7px 15px;
	float: right;
	vertical-align: top;
}

.article .imgLeft {
	border: 1px solid #374e6e;
	margin: 7px 15px 7px 0;	
	float: left;
	vertical-align: top;
}

.article .imgCenter {
	border: 1px solid #374e6e;
	margin: 15px 0 15px 0;
}

.article .sponzorImage {
	border: 0;
	vertical-align: top;
	margin: 0 10px 0 0;
}

.article .multimediaBox {
	border: 1px solid #b6bfc4;
	background-color: #dbdbdb;
	margin: 12px 0 0 0;
	padding: 3px 6px 3px 6px;
}

.article .multimediaBox .layoutTable {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
    border: 0;	
}

.article .multimediaBox .layoutTable td {
	vertical-align: middle;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
    border: 0;	
}

.article .multimediaBox a {
	color: #374e6e;
	text-decoration: none;
	font-weight: bold;	
}

.article .multimediaBox a:hover {
	color: #374e6e;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/* Specialni elementy                                                         */
/* -------------------------------------------------------------------------- */

/* welcome box */

#welcomeBox {
	border: 1px solid #b6bfc4;
	background-color: #dbdbdb;
	margin: 20px 0 0 0;
	clear: both;
	padding: 8px 10px 8px 10px;
	text-align: justify;	
}

#welcomeBox a {
	color: #374e6e;
	text-decoration: none;
	font-weight: bold;	
}

#welcomeBox a:hover {
	color: #374e6e;
	text-decoration: underline;
	font-weight: bold;	
}

/* caption box */

.captionBox p a {
	font-weight: bold;
}

.captionBox p a:hover {
	font-weight: bold;
}

.captionBox .imgDecoration {
	border: 1px solid #374e6e;
	margin: 0 10px 5px 0;
	float: left;
}

.captionBox .imgDecorationBottom {
	border: 1px solid #374e6e;
	margin: 12px 10px 0 0;
	float: left;
}

/* profil box */

.profilBox .imgDecoration {
	border: 1px solid #374e6e;
	margin: 12px 0 0 15px;
	float: right;
}

.profilBox ul {
	text-align: left;
}

.profilBox p {
	text-align: left;
}

/* link box */

.linkBox p {
	margin-top: 5px;
}

.linkBox .imgDecoration {
	border: 0;
	margin: 0 10px 5px 0;
	float: left;
}

/* sponsor box */

.sponsorBox .imgDecoration {
	border: 0;
	vertical-align: top;
	margin: 0 10px 0 0;
}

/* context menu box */

.contextMenuBox {
	border: 1px solid #b6bfc4;
	background-color: #dbdbdb;
	margin: 12px 0 0 0;
	clear: both;
	padding: 3px 6px 3px 6px;	
}

.contextMenuBox .holder {
	width: 526px;
}

/* menu table */

.menuTable {
	width: 540px;
	border: 1px solid #b6bfc4;
	background-color: #dbdbdb;
	margin: 12px 0 0 0;
	clear: both;
	font-size: 100%;
	padding: 0;
}

.menuTable td {
	vertical-align: middle;
	padding: 2px 3px 2px 3px;
    border: 0;	
}

/* layout table */

.layoutTable {
	font-size: 100%;
	font-weight: bold;
	padding: 0;	
	margin: 0;
	border: 0;
}

.layoutTable td {
	vertical-align: middle;
	padding: 1px 3px 1px 3px;
	border: 0;
}

.layoutTable img {
	margin: 0;
	border: 0;
	float: none;
}

.layoutTable a {
	color: #374e6e;
	text-decoration: none;
	font-weight: bold;	
}

.layoutTable a:hover {
	color: #374e6e;
	text-decoration: underline;
	font-weight: bold;	
}

/* navigation box */

.navigationBox {
	text-align: center;
	font-weight: bold;
	margin: 12px 0 0 0;
	color: #8b8b8b;
}

.navigationBox img {
	margin: 0 12px 0 12px;
	vertical-align: middle;	
}

.navigationBox .itemBlue {
}

.navigationBox .itemBlue a {
	color: #374e6e;
	text-decoration: none;
}

.navigationBox .itemBlue a:hover {
	color: #374e6e;
	text-decoration: underline;
}

.navigationBox .itemRed {
}

.navigationBox .itemRed a {
	color: #990116;
	text-decoration: none;
}

.navigationBox .itemRed a:hover {
	color: #990116;
	text-decoration: underline;
}

/* info table */

.infoTable {
	padding: 0;
	margin: 12px 0 0 0;
	font-size: 100%;
    border: 0;    	
}

.infoTable td {
    border: 0;
    padding: 0;
}

.infoTable .imgSmile {
	vertical-align: middle;
}

/* komentar v diskusi */

.phorumMsg {
	margin: 6px 0 0 0;
	padding: 0 0 6px 0;
	border-bottom: 1px dashed #b6bfc4;
}

.phorumMsg .header {
	margin: 0;
	padding: 3px;
}

.phorumMsg .header .title {
	font-weight: bold;
	color: #374e6e;
}

.phorumMsg .header .topic {
	font-weight: bold;
}

.phorumMsg .header .author {
	font-weight: bold;
}

.phorumMsg .content {
	margin: 0;
	padding: 3px;
}

.phorumMsg .content p {
	margin: 0;
}

/* movie box */

.movieBox {
	margin: 5px 0 0 0;
}

.movieBox .imgDecoration {
	border: 1px solid #374e6e;
	margin: 12px 15px 0 15px;
	float: left;
}

.movieBox p {
	text-align: left;
}

.movieBox a {
	font-weight: bold;
}

.movieBox a:hover {
	font-weight: bold;
}

/* movie box */

.audioBox p {
	text-align: left;
}

.audioBox a {
	font-weight: bold;
}

.audioBox a:hover {
	font-weight: bold;
}

/* fotogalerie */

.photoTable {
	width: 540px;
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 100%;
	border: 0;
}

.photoTableNoMargin {
	width: 540px;
	padding: 0;
	margin: 0;
	font-size: 100%;
	border: 0;
}

.photoTable td, .photoTableNoMargin td {
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: center;	
}

.photoTable td img, .photoTableNoMargin td img {
	border: 1px solid #374e6e;
	margin: 15px 12px 3px 12px;
}

.photoTable td .comment, .photoTableNoMargin td .comment {
	margin: 5px 5px 3px 5px;
}

/* obrazky lokalizacnich vlajek */

.localizationFlag {
	margin: 2px 0 2px 10px;
	border: 0;
}

/* nahodna fotografie */

#randomPhoto {
	border: 0;
	margin: 0;
}

/* -------------------------------------------------------------------------- */
/* Obecne elementy                                                            */
/* -------------------------------------------------------------------------- */

/* formulare */

form {
	margin: 20px 0 20px 0;
	padding: 0;
	width: 540px;
	text-align: left;
}

form .formTable {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;
	font-weight: bold;
	text-align: left;
	width: 400px;
	font-size: 100%;
}

form .formTable td {
	vertical-align: top;
	padding: 0;
	border: 0;
}

form .formTable .inlineTd {
	vertical-align: middle;
	padding: 0 3px 0 3px;
	border: 0;
}

form .formTable img {
	border: 1px solid #374e6e;
	margin: 0;	
}

.formTextBox {
	border: 1px solid #000000;
	width: 200px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	background-image: url(../images/bg_form_black.jpg);
}

.formSelect {
	border: 1px solid #000000;
	width: 150px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	background-image: url(../images/bg_form_black.jpg);
}

.formOptionalDataLabel {
	font-weight: normal;
}

.formButton {
	font-size: 95%;
	background-color: #e2e0e0;
	color: #000000;
	font-weight: bold;
	border: 1px solid #000000;
	margin: 0;
}

.formTextarea {
	border: 1px solid #000000;
	background-image: url(../images/bg_form_black.jpg);
	width: 400px;
	height: 120px;
	margin: 0;
	font-weight: normal;				
}

.formHelpText {
	font-size: 85%;
	font-style: italic;
}

.formBlueStyleTextBox {
	border: 0;
	width: 200px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	background-image: url(../images/bg_form_blue.jpg);
}

.formBlueStyleButton {
	font-size: 95%;
	background-color: #374e6e;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #000000;
	margin: 0;
}

.formBlueStyleSelect {
	border: 1px solid #374e6e;
	width: 150px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	background-image: url(../images/bg_form_blue.jpg);
}

/* tabulky */

table {
    text-align: left;
    padding: 0;
    margin: 12px 0 0 0;
    border: 1px solid black;
    font-size: 100%;
}

table th {
    padding: 2px 3px 2px 3px;
    border: 1px solid black;
}

table td {
    padding: 2px 3px 2px 3px;
    border: 1px solid black;
}

/* nadpisy */

h1 {
	padding: 0 0 5px 0;
	margin: 20px 0 0 0;
	border-bottom: 1px dashed #990116;
	font-size: 130%;
	font-weight: bold;
	color: #990116;
	clear: both;
}

h1 a {
	text-decoration: none;
}

h1 a:hover {
	text-decoration: none;
}

h3 {
	font-weight: bold;
	font-size: 120%;	
	margin: 15px 0 0 0;
	padding: 0;
	clear: both;
	color: #000000;
}	

h4 {
	font-weight: bold;
	font-size: 120%;	
	margin: 0;
	padding: 0;
	clear: both;
	color: #000000;
}

h5 {
	font-weight: bold;
	font-size: 105%;
	margin: 13px 0 0 0;
	padding: 0;
	color: #000000;
	clear: both;	
}

/* seznamy */

ul {
	list-style-type: square;
	margin: 12px 0 0 0;	
	text-align: justify;
}

ol {
	list-style-type: 1;
	margin: 12px 0 0 0;	
	text-align: justify;
}

ul li, ol li {
	margin: 5px auto 0 22px;
	padding: 0;
}

ul p, ol p {
	margin: 5px 0 0 0;
}

/* odkazy */

a {
	color: #990116;
	text-decoration: none;
}

a:hover {
	color: #990116;
	text-decoration: underline;
}

/* images */

img {
	margin: 0;
	border: 0;
}

.imgCenter {
	border: 1px solid #374e6e;
	margin: 20px 0 20px 0;
}

.imgCenterWithCaption {
	margin: 20px 0 20px 0;
  text-align: center;
  font-style: italic;	
}

.imgFloatRight {
	float: right;
	margin: 10px 0 10px 15px;
	border: 1px solid #374e6e;
}

.imgFloatRightNoBorder {
	float: right;
	margin: 10px 0 10px 15px;
	border: 0;
}

.imgFloatRightTop {
	float: right;
	margin: 0 0 10px 15px;
	border: 1px solid #374e6e;
}

.imgFloatRightBottom {
	float: right;
	margin: 10px 0 0 15px;
	border: 1px solid #374e6e;
}

.imgFloatRightWithCaption {
  float: right;
  margin: 10px 0 10px 15px;
  text-align: center;
  font-style: italic;
}

.imgFloatRightBottomWithCaption {
  float: right;
  margin: 10px 0 0 15px;
  text-align: center;
  font-style: italic;
}

.imgCenterWithCaption img, .imgFloatRightWithCaption img, .imgFloatRightBottomWithCaption img {
	margin: 0 0 5px 0;
	border: 1px solid #374e6e;
}

.imgCenterWithCaption .image, .imgFloatRightWithCaption .image, .imgFloatRightBottomWithCaption .image {
	margin: 0;
	padding: 0;
}

.imgCenterWithCaption .caption, .imgFloatRightWithCaption .caption, .imgFloatRightBottomWithCaption .caption {
	margin: 0;
	padding: 0;
}

.imgFloatLeft {
	float: left;
	margin: 10px 15px 10px 0;
	border: 1px solid #374e6e;
}

.imgFloatLeftTop {
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #374e6e;
}

.imgFloatLeftBottom {
	float: left;
	margin: 10px 15px 0 0;
	border: 1px solid #374e6e;
}

/* ostatni */

p {
	margin: 12px 0 0 0;
	padding: 0;
	text-align: justify;
}

.errorMsg {
	margin: 12px 0 0 0;
	padding: 0;
	color: #ff0000;
}

.warning {
	color: #ff0000;
	font-weight: bold;
}

.cite {
	font-style: italic;
}

.emphasis {
	font-weight: bold;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.separator {
	margin: 15px 0 15px 0;
	padding: 0;
	text-align: center;
}