* { MARGIN: 0px;
    PADDING: 0px;
    COLOR: #000; 
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    LIST-STYLE: none;
}

IMG {BORDER: none}

BODY {
	MARGIN: 5px 5px 5px 5px; 
  PADDING: 0px 0px 0px 0px; 
  LINE-HEIGHT: 1.2; 
  FONT-FAMILY: Verdana, Arial, sans-serif; 
  FONT-SIZE: 83%; 
  COLOR: #000;
  background-color: white; 
  background-image: url("maraton2.jpg"); 
  background-position: right 5px; 
  background-repeat: no-repeat;
  background-attachment: scroll;
}

A {
  COLOR: #06b; 
  FONT-WEIGHT: bold; 
  TEXT-DECORATION: underline;
}

A:hover {
  COLOR: red;
}

#menu {
  MARGIN: 5px 0px 5px 0px;
  PADDING: 5px 5px 5px 5px;
  BORDER-RIGHT: black 0px solid; 
  BORDER-TOP: black 1px solid; 
  BORDER-LEFT: black 0px solid;
  BORDER-BOTTOM: black 1px solid;
  BACKGROUND-COLOR: #eee;
  voice-family: inherit
}

#menu A, #menu A:visited {
  TEXT-DECORATION: none;
  BACKGROUND-COLOR: #eee;
}

#menu A:hover {
  TEXT-DECORATION: underline;
}

#menu LI {
	DISPLAY: inline;
	HEIGHT: 0;
	MARGIN-RIGHT: 12px;
}


.clearb {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px;
	FONT-SIZE: 1%; 
}

.hidden {
  DISPLAY: none
}




#portal {
	FLOAT: left; 
  WIDTH: 1000px; 
  background-color: white;
}

#page {
	PADDING-LEFT: 6px; 
  FLOAT: left; 
  WIDTH: 996px! important
}

#left {
	FLOAT: left; 
  WIDTH: 502px; 
  MARGIN-RIGHT: 10px
}

#right {
	FLOAT: left; 
  WIDTH: 482px; 

  BORDER-WIDTH: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #ddd;
  background: #fcfcfc;
}


#left2 {
	FLOAT: left; 
  WIDTH: 702px; 
  MARGIN-RIGHT: 10px
}

#right2 {
	FLOAT: left; 
  WIDTH: 282px; 
  BORDER-WIDTH: 0px 0px 0px 0px;
  border-style: solid;
  border-color: #ddd;
  background: #fcfcfc;
}



.h {
	DISPLAY: none
}
.fl {
	FLOAT: left
}
.fr {
	FLOAT: right
}
.fc {
	CLEAR: both
}

.lbx {
	WIDTH: 246px
}
.rbx {
	WIDTH: 236px
}

.lbx-r {
	WIDTH: 226px;
}

.rbx-r {
	WIDTH: 226px;
}


#perex-title {
  PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px;
  PADDING-TOP: 0px;
  PADDING-BOTTOM: 0px; 
  MARGIN: 0.5em 0px 0.5em 0px; 
  FONT-SIZE: 1.2em; 
  LINE-HEIGHT: 1.1;
}

#perex-text {
	FONT-SIZE: 1.02em; 
  LINE-HEIGHT: 1.3;
  TEXT-ALIGN: justify;
  PADDING-RIGHT: 10px; 
  PADDING-LEFT: 0px;
  PADDING-TOP: 0px;
  PADDING-BOTTOM: 5px; 
  MARGIN: 0.0em 0px 0px 0px; 
  BORDER-WIDTH: 0px 3px 2px 0px;
  border-style: solid;
  border-color: #06b;
  background: #fafafa
}

#perex-text img {
	PADDING: 0px 0px 0px 0px; 
  MARGIN: 0.5em 0.5em 0.5em 0px; 
  BORDER: none;
  FLOAT: left
}

#perex-footer {
	FONT-SIZE: 0.84em;
	TEXT-ALIGN: right;
	PADDING: 10px 0px 0px 0px; 
}

.head-title {
	PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px;
  PADDING-TOP: 0px;
  PADDING-BOTTOM: 0px; 
  MARGIN: 0.5em 0px 0.5em 0px; 
  FONT-SIZE: 1.1em; 
  LINE-HEIGHT: 1.1;
}

.head-text {
	FONT-SIZE: 0.9em; 
  LINE-HEIGHT: 1.5;
  TEXT-ALIGN: justify;
  PADDING-RIGHT: 10px; 
  PADDING-LEFT: 0px;
  PADDING-TOP: 0px;
  PADDING-BOTTOM: 5px; 
  MARGIN: 0px 0px 1.5em 0px; 
  BORDER-WIDTH: 0px 0px 1px 0px;
  border-style: dotted;
  border-color: gray;
  background: #fafafa
}

.head-text img {
	PADDING: 0px 0px 0px 0px; 
  MARGIN: 0.5em 0.5em 0.5em 0px; 
  BORDER: none;
  FLOAT: left
}

.head-footer {
	FONT-SIZE: 0.84em;
	TEXT-ALIGN: right;
	PADDING: 10px 0px 0px 0px; 
}

.article-text {
	FONT-SIZE: 0.9em; 
  LINE-HEIGHT: 1.5;
  TEXT-ALIGN: justify;
  PADDING-RIGHT: 10px; 
  PADDING-LEFT: 0px;
  PADDING-TOP: 0px;
  PADDING-BOTTOM: 5px; 
  MARGIN: 0px 0px 1.5em 0px; 
  BORDER-WIDTH: 0px 0px 1px 0px; 
  border-style: dotted;
  border-color: gray;
}

.article-info {
	FONT-SIZE: 0.9em;
	TEXT-ALIGN: right;
	PADDING: 0px 0px 0.9em 0px; 
}

.article-text img {
	PADDING: 0px 0px 0px 0px; 
  MARGIN: 5px 5px 0px 0px; 
  BORDER: none;
  float: left;
}

#banner-left {
  /*text-align: center;*/
  /*float: center;*/
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  border: none;
  color: #000;
  background : #fff none;
}


#op-photo {
	TEXT-ALIGN: center
}

#header-in {
  padding: 5px;
	FONT-SIZE: 80%; 
  TEXT-ALIGN: right;
}

#header-in img {
	PADDING: 0px 0px 0px 0px; 
  MARGIN: 0px 0px 0px 0px; 
  BORDER: none;
  FLOAT: left;
}

#header {
	PADDING: 0px 0px 0px 0px;
  MARGIN: 0px 0px 0px 0px; 
}


#head-line {
  PADDING: 0.5em 0px 0.5em 0px;
  FONT-SIZE: 80%;
  text-align: left;
}


.block-tip {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px;
	BORDER-RIGHT: #a8bfdd 0px solid; 
  BORDER-TOP: gray 2px solid; 
  BORDER-LEFT: #a8bfdd 0px solid;
  BORDER-BOTTOM: gray 2px solid;
  PADDING: 1em 35px 1em 0px;
  text-align: justify;
  background-color: #f5f5f5; 
  background-position: right center; 
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.block-tip-tip {
  background-image: url("tip-tip.png"); 
}

.block-tip-novinky {
  background-image: url("tip_novinky.png"); 
}

.block-tip-otazka {
  background-image: url("tip_otazka.png"); 
}

.block-tip-foto {
  background-image: url("tip-foto.png"); 
}

.block-tip-komentar {
  background-image: url("tip-komentar.png"); 
}

.block-tip-doporuceni {
  background-image: url("tip-doporuceni.png"); 
}

.block-tip img {
	PADDING: 0px 0px 0px 0px; 
  MARGIN: 0em 0.5em 0em 0px; 
  BORDER: none;
  FLOAT: left
}


.block-news {
  /*WIDTH: 300px;*/
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px;
	BORDER-RIGHT: gray 2px solid; 
  BORDER-TOP: gray 2px solid; 
  BORDER-LEFT: gray 0px solid;
  BORDER-BOTTOM: gray 2px solid;
  PADDING:  0px 1em 0em 35px;
  Font-size: 0.86em;
 LINE-HEIGHT: 1.5em;
 /* text-align: justify; */
  background-color: #fefefe; 
  background-position: left center; 
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("tip-news.png"); 
}

.block-news img {
	PADDING: 0px 0px 0px 0px; 
  MARGIN: 0em 0em 0em 0em; 
  BORDER: none;
  FLOAT: right;
}




.block-pravednes {
  /*WIDTH: 300px;*/
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px;
	BORDER-RIGHT: gray 2px solid; 
  BORDER-TOP: gray 2px solid; 
  BORDER-LEFT: gray 0px solid;
  BORDER-BOTTOM: gray 2px solid;
  PADDING:  0px 1em 0em 35px;
  Font-size: 0.86em;
 LINE-HEIGHT: 1.5em;
 /* text-align: justify; */
  background-color: #fefefe; 
  background-position: left center; 
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("tip-pravednes.png"); 
}
/*
.block-pravednes a {
	PADDING: 10px 10px 10px 10px; 
  MARGIN: 0em 0em 0px 0em; 
}
*/

.block-pravednes img {
	PADDING: 0px 0px 0px 0px; 
  MARGIN: 0em 0em 0em 0em; 
  BORDER: none;
  FLOAT: right;
}


.block-title {
  BORDER-RIGHT: #a8bfdd 0px solid; 
  BORDER-TOP: #a8bfdd 0px solid; 
  BORDER-LEFT: #a8bfdd 0px solid;
  BORDER-BOTTOM: #eee 0px solid;
  TEXT-ALIGN: left;
}

.block-text {
	BORDER-RIGHT: gray 3px solid; 
  BORDER-TOP: #a8bfdd 0px solid; 
  BORDER-LEFT: #a8bfdd 0px solid;
  BORDER-BOTTOM: gray 2px solid;
  PADDING: 0px 0px 0.5em 0px;
  FONT-SIZE: 80%; 
  background: #fafafa
}


.block-title-r {
  BORDER-RIGHT: #a8bfdd 0px solid; 
  BORDER-TOP: #a8bfdd 0px solid; 
  BORDER-LEFT: #a8bfdd 0px solid;
  BORDER-BOTTOM: #eee 0px solid;
  PADDING: 0.5em 0px 0px 0px;
  TEXT-ALIGN: right;
}


.block-text-r {
	BORDER-RIGHT: gray 2px solid; 
  BORDER-TOP: gray 0px solid; 
  BORDER-LEFT: gray 0px solid;
  BORDER-BOTTOM: gray 1px solid;
  PADDING: 0px 0px 0.5em 0px;
  FONT-SIZE: 80%; 
  BACKGROUND: #fafafa;
}

#footer {
	FONT-SIZE: 0.84em;
	TEXT-ALIGN: center;
  MARGIN: 5px 0px 5px 0px;
  PADDING: 5px 5px 5px 5px;
  BORDER-RIGHT: black 0px solid; 
  BORDER-TOP: black 1px solid; 
  BORDER-LEFT: black 0px solid;
  BORDER-BOTTOM: black 1px solid;
  BACKGROUND-COLOR: #eee;
  voice-family: inherit
}

.a-big {
  PADDING: 2em 2em 2em 0em;
  COLOR: #006;
  FONT-SIZE: 1.3em; 
}


.img-right {
  FLOAT: right
}

/* pridavano kvuli tabulkam */
caption {font-size: 1em; 
  font-weight: bold; 
  color: #006; 
  letter-spacing: 1px;
  padding: 2em 0px 0px 0px;}

table { 
  margin: 5px 0px 5px 0px;
  border-collapse: collapse;
	border:solid 1px #000;
}

th {
  border:solid 1px #aaa;
	background:#ddd;
	padding: 3px 3px 3px 3px;
}

td {
  vertical-align: text-top;
	text-align: left;
  background:#FaFaFa;
  border:solid 1px #ccc;
  padding: 3px 3px 3px 3px;
}


P    {text-indent: 20px; text-align: left; margin: 0px;} /*Naped pro Netscape */
P    {text-indent: 0px; text-align: justify; margin-bottom: 0px; margin-top: 10px;}

H1 {font-size: 1.3em; 
  text-align: left; 
  padding: 10px 0px 10px 0px; 
  letter-spacing: 2px;
  color: #006;
}

H2 {font-size: 1.1em; 
  text-align: left; 
  padding: 10px 0em 0.8em 0px;  
  letter-spacing: 2px;
  color: #006;}

H3 {
  COLOR: #006;
  FONT-SIZE: 1em;
  letter-spacing: 1px;
}

big {font-size: 1.1em; 
  /*text-align: left; 
  padding: 10px 0em 0.8em 0px;  
  letter-spacing: 2px;
  color: #006;*/
}

small {
	FONT-SIZE: 0.8em; 
  LINE-HEIGHT: 1.5;
}


LEGEND {
  font-size: 1em; 
  color: #006;
  font-weight: bold; 
  padding: 0em 0.5em 0em 0.5em;  
  letter-spacing: 0.1em;
}

FIELDSET {
  background: #fafafa; 
  border: 1px gray solid;
  padding: 0.8em 0.8em 0.5em 0.5em;
  margin: 0px 0px 0px 0px;}




/* 9.3 The information box at the top of the registration form and elsewhere */

DIV.forminfo {
	MARGIN-BOTTOM: 12px;
	PADDING: 5px 20px
}



/****************************************************************/
/* 5. BOX CONTAINERS AND FLOATS */
/****************************************************************/

/* 5.1. Setup all left and right content using floats. */  

.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 40%
}

.conl {
	FLOAT: left;
	WIDTH: 55%;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap
}

LABEL.conl {
	WIDTH: auto;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px
}

.app-error {
  padding: 1em 0em 1em 0em;
  font-size: 1em; 
  font-weight: bold;
  color: #f00;
}

.input_long {width: 450px;}
.input_midle {width: 140px;}
.input_short {width: 50px;}

.input-text {
	width: 450px;
	height: 200px;
}


.red {
  color: #f00;
  font-weight: bold;
}


#header table { 
  margin: 5px 0px 5px 0px;
  border-collapse: collapse;
	border:solid 0px #fff;
}

#header th {
  border:solid 0px #aaa;
	background:#fff;
	padding: 3px 3px 3px 3px;
}

#header td {
 /* vertical-align: button;*/
	FLOAT: right;
  text-align: right;
  background:#fff;
  border:solid 0px #ccc;
  padding: 3px 3px 3px 3px;
}