body {
	margin: 0;
	padding: 0;
	color: black;
	background-color: rgb(153,204,255);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div, p {
	margin: 0;
	padding: 0;
}
a:link    { color: rgb(25,51,204); background-color: transparent; text-decoration: underline; }
a:visited { color: rgb(0,51,153); background-color: transparent; text-decoration: underline; }
a:hover   { color: rgb(204,0,25); background-color: transparent; text-decoration: underline; }
a:active  { color: rgb(238,51,0); background-color: transparent; text-decoration: underline; }


div#head {
   color: white;
	background-color: rgb(0,51,153);
	background-image: url(imgsys/bg0b.gif);
	margin: 0;
	padding: 8px 16px 6px 16px;
   border-bottom: 4px solid rgb(153,51,0);
}
div#head img {
	vertical-align: bottom;
}
div#head h1 {
   color: white;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

div#menu {
	color: rgb(51,0,0);
	background-color: rgb(215,235,255);
	border-bottom: 2px solid black;
	margin: 0 0 20px 0;
	padding: 3px 16px;
	font-size: 80%;
	font-weight: bold;
}
div#menu a:link    { color: rgb(0,51,153); background-color: transparent; text-decoration: none; }
div#menu a:visited { color: rgb(0,51,153);  background-color: transparent; text-decoration: none; }
div#menu a:hover   { color: rgb(204,25,0);  background-color: transparent; text-decoration: underline; }
div#menu a:active  { color: rgb(238,51,0);  background-color: transparent; text-decoration: none; }


body, div, p, td, th, ul, ol, li, dl, dt, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div, h1, h2, h3, h4, p, td, th, ul, ol, li, dl, dt, dd {
	color: black; background-color: transparent;
}
h1, h2, h3, h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
}
a img {	border: none; }

/* align, margins, padding */
body, div, h1, h2, h3, h4, p, form, table {
	margin:   0px;
}
ul, ol, li {
	margin-top:     0px; 
	margin-bottom:  0px; 
	padding-top:    0px; 
	padding-bottom: 0px; 
}
div, h1, h2, h3, h4, p, form, th, td {
	padding: 0;
}
table {
	border-collapse: collapse; border: none;
}
td, th  { vertical-align: top; border: none; 	text-align: left; }
tr {
	}

.nocss  { width: 0px;   height: 0px;   display: none; }

iframe {
  margin: 0px;
  vertical-align: bottom;
}
.cseparator {
  color: rgb(102,51,51);
}

/* ---------  zakladni elementy*/

div#hitcounter {
  color: transparent;
  background-color: transparent;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0px;
  left: 0px;
}


/* -------------------- ČLÁNEK */

div.clanek0 {
  margin:  0 16px 0 270px;
  padding: 0;
  background-color: transparent; 
}

div.clanek1 {
  margin:  0 16px;
  padding: 0;
  background-color: transparent; 
}
div.clanek {
  margin: 0;
  padding: 10px;
  border: 2px solid rgb(102,153,204);  
  color: black; background-color: rgb(255,255,255);
}
div.clanek h2 {
  margin: 0px 0px 16px 0px;
  font-size: 160%;
  color: rgb(0,51,153); background-color: transparent;
  font-style: italic;
}
div.clanek h2.druhy {
  margin: 24px 0px 12px 0px;
  border-top: 2px solid rgb(191,223,255);
  border-top: 3px double rgb(255,232,153);
  border-top: 2px solid rgb(255,240,170);
  padding-top: 16px;
}

div.clanek h3 {
  margin: 16px 0px 12px 0px;
  color: rgb(25,25,153); background-color: transparent;
  color: rgb(153,0,18); background-color: transparent;
  color: rgb(238,51,0); background-color: transparent;
  font-size: 110%;
}
div.clanek h3.colorh2 {
  color: rgb(204,0,25); background-color: transparent;
}
div.clanek h4 {
  margin: 0 0 12px 0;
  color: rgb(0,12,64); background-color: transparent;
  color: rgb(238,51,0); background-color: transparent;
  color: rgb(191,32,0); background-color: transparent;
  font-size: 85%;
}
div.clanek h4.listhead {
  margin: 0 0 4px 0;
}
table.xfloat div.clanek h4 {
  margin: 0 0 12px 0;
}
div.clanek p, div.clanek li, div.clanek dt, div.clanek dd {
	font-size: 80%;
}
div.clanek p {
	margin-bottom: 12px;
}
div.clanek ul, div.clanek ol {
  margin: 0 0 8px 10px; 
  padding: 0; 
}
div.clanek li {
  margin: 0 0 0px 0.40em; 
  margin: 0 0 0px 0.60em; 
  padding: 0 0 4px 0; 
}



div.clanek p.nadtitul {
  font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
  color:   rgb(0,51,102); background-color: transparent;
  color: rgb(153,26,0); background-color: transparent;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 90%;
  letter-spacing: 1px;
}

div.clanek p.perex,
div.clanek div.perex p {
	font-weight: bold;
	padding-bottom: 6px;
   color: rgb(64,64,64); background-color: transparent;
}

div.clanek p.gallery {
  text-align: center;
  font-size: 76%;
  color: rgb(102,102,102);
  background-color: transparent;
}
div.clanek p.gallery img {
  margin: 3px 3px 6px 3px;
  vertical-align: bottom;
}

div.clanek p.galleryL {
  text-align: left;
  font-size: 76%;
  color: rgb(102,102,102);
  background-color: transparent;
}
div.clanek p.galleryL img {
  margin: 3px 3px 6px 3px;
  vertical-align: bottom;
}

div.clanek img.rfloat {
	margin: 2px 0px 5px 12px;
	float: right;
}
div.clanek img.lfloat {
	margin: 2px 12px 5px 0px;
	float: left;
}                                                
div.clanek img.centered2 {
	margin: 2px 0px;
}



div.clanek table.xfloat {
  /*width: 100%;*/
}
div.clanek table.xfloat td {
}
div.clanek table.xfloat td img,
div.clanek table.xfloat img.centered2 {
  margin: 4px 0px;
}
div.clanek table.xfloat td.lfloat {
  padding: 0px 12px 0px 0px;
}
div.clanek table.xfloat td.rfloat {
  padding: 0px 4px 0px 12px;
  text-align: right;
}
div.clanek table.xfloat td.lfloat p,
div.clanek table.xfloat td.rfloat p {
  text-align: center;
  color: rgb(102,102,102); background-color: transparent;
  font-size: 75%;
}


div.clanek table.border0,
div.clanek table.border1  {
  margin-bottom: 10px;
}

div.clanek table.border0 th {
  padding: 2px 12px 2px 0px;
  font-weight: bold;
  border-bottom: 3px double rgb(153,153,153);
}
div.clanek table.border0 td {
  padding: 2px 12px 2px 0px;
}
div.clanek table.border1 th {
  padding: 3px 6px 3px 6px;
  font-weight: bold;
  border: 1px solid rgb(153,153,153);
  border-bottom: 3px double rgb(153,153,153);
  background-color: rgb(255,255,245);
}
div.clanek table.border1 td {
  padding: 3px 6px 3px 6px;
  border: 1px solid rgb(153,153,153);
}


div.clanek p.author {
  font-style: italic;
}
div.clanek p.author2 {
  font-style: italic;
  text-align: right;
  margin-right: 3px;
}

div.clanek p.gotop,
div.clanek p.pubnote {
  font-size: 75%;
}
div.clanek p.gotop {
  margin: 0;
  text-align: right;
}
div.clanek p.gotop a:link    { text-decoration: none; }
div.clanek p.gotop a:visited { text-decoration: none; }
div.clanek p.gotop a:hover   { text-decoration: underline; }
div.clanek p.gotop a:active  { text-decoration: none; }

div.clanek p.pubnote {
  color: rgb(128,128,128); background-color: transparent;
  margin: 2px 0 2px 0;
}


/* -------------------- ZÁPATÍ */


div#zapati {
  margin: 10px 16px 10px 0px;
  padding: 0px 0px 0px 0px;
  color: black; background-color: transparent;
}
div#zapati p {
  font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
  margin:  2px;
  padding: 0px;
  color: rgb(64,64,101);
  font-size: 80%;
}
div#zapati p.smallnote {
  font-size: 70%;
}
div#zapati p.smallnote a {
  color:  rgb(64,64,102);
}
div#zapati p.smallnote strong {
  font-weight: normal; letter-spacing: 1px;
}

div#zapati a:link    { text-decoration: none; }
div#zapati a:visited { text-decoration: none; }
div#zapati a:hover   { text-decoration: underline; }
div#zapati a:active  { text-decoration: none; }




/* -------------------- BOXY */

div.boxy0 {
  width : 232px;  
  /*position: absolute;
  top: 152px;
  left: 16px;*/
  margin: 0px;
  padding-left: 16px;
  border: 0px solid red;
  float: left; 
}

/* spolecne vlastnosti boxu a odstavcu v nich */
div.boxy0 div {
  margin:  0px 0px 12px 0px;
  padding: 0px 0px  6px 0px;
  border-width : 2px;
  border-style : solid;
}
div.boxy0 p {
  margin:  0;
  padding: 2px 8px 4px 8px;
  font-size: 76%;
}
div.boxy0 p.small {
  font-size: 70%;
  color: rgb(51,51,102);
}
div.boxy0 p.nazevboxu,
div.boxy0 p.nazevboxu2 {
  margin:  0px 0px 6px 0px;
  padding: 1px 8px 4px 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 80%
}
div.boxy0 p.nazevboxu2 {
  margin:  2px 0px 4px 0px;
  padding: 3px 6px 4px 6px;
}
div.boxy0 ul, div.boxy0 ol {
  margin: 2px 0 4px 10px; 
  padding: 0 8px; 
}
div.boxy0 li {
  margin: 0 0 0px 0.40em; 
  margin: 0 0 0px 0.60em; 
  padding: 0 0 2px 0; 
  font-size: 76%;
}




div.boxy0 input {
  font-size: 80%;
}
div.boxy0 a.current { color: rgb(204,0,25); }
div.boxy0 span.current { color: rgb(204,0,25); }

div.boxy0 a:link    { text-decoration: none; }
div.boxy0 a:visited { text-decoration: none; }
div.boxy0 a:hover   { text-decoration: underline; }
div.boxy0 a:active  { text-decoration: none; }

div.boxy0 p.nazevboxu img {
	vertical-align: bottom;
	position: relative;
	left: -4px;
}

/* individualni barevnosti boxu*/

div.boxadvert   { color: rgb(51,51,0);  background-color: rgb(250,250,240);  border-color: rgb(204,204,153); }
div.boxadvert p { color: rgb(51,51,0);  background-color: transparent; }
div.boxadvert p.nazevboxu,
div.boxadvert p.nazevboxu2 {
  color: rgb(102,102,51);   background-color: rgb(204,204,153);
}
div.boxadvert p { text-align: center; }
div.boxadvert p b { color: rgb(102,0,12);  background-color: transparent; }
div.boxadvert p small { font-size: 85%; }

div.box0   { color: rgb(102,102,51);  background-color: transparent;  border-color: rgb(255,232,153); }
div.box0 p { color: rgb(102,102,51);  background-color: transparent; }
div.box0 p.nazevboxu,
div.box0 p.nazevboxu2 {
  color: rgb(255,204,51); background-color: transparent; }
div.box0 p.flags {
	text-align: center;
	padding: 1px 0 1px 0px;
}
div.box0 p.flags img {
	vertical-align: bottom;
	margin: 3px 2px 4px 2px;	
}


/*obsah hlavni*/
div.box1   { color: rgb(0,0,51);  	background-color: rgb(215,235,255);  border-color: rgb(0,51,153); }
div.box1 p,
div.box1 li { color: rgb(102,153,102);  background-color: transparent;
             color: rgb(0,0,51);         
}
div.box1 p.nadpis { color: rgb(191,32,0);  background-color: transparent; font-size: 90%; }
div.box1 p.nazevboxu,
div.box1 p.nazevboxu2 {
  color: rgb(245,250,255); background-color: rgb(0,51,153); 
  letter-spacing: 1px;
  background-image: url(imgsys/bg0b.gif);
}
div.boxy0 div.box1 a:link    { color: rgb(25,51,204); background-color: transparent; }
div.boxy0 div.box1 a:visited { color: rgb(25,51,204); background-color: transparent; } 
div.boxy0 div.box1 a:hover   { color: rgb(204,0,25);  background-color: transparent; }
div.boxy0 div.box1 a:active  { color: rgb(224,128,0); background-color: transparent; }

div.boxy0 div.box1 a.current:link    { color: rgb(0,51,0); background-color: transparent; }
div.boxy0 div.box1 a.current:visited { color: rgb(0,51,0); background-color: transparent; } 



/*obsah rubriky*/
div.box2   { color: rgb(0,51,0);   background-color: rgb(240,248,240);  border-color: rgb(204,240,204); }
div.box2 p { color: rgb(0,51,0);   background-color: transparent; }
div.box2 p.nazevboxu,
div.box2 p.nazevboxu2 {
  color: rgb(0,51,0); background-color: rgb(204,240,204);
}
div.box2 p span.nadpis { 
  font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
  color: rgb(128,153,128); background-color: transparent;  
  font-weight: bold;
}

/*box3 nejctenejsi*/
div.box3   { color: rgb(51,0,0); background-color: rgb(252,245,245); border-color: rgb(245,204,204); }
div.box3 p { color: rgb(128,102,102); background-color: transparent;  }
div.box3 p.nazevboxu,
div.box3 p.nazevboxu2 {
  color: rgb(102,0,0); background-color: rgb(245,204,204); 
}

div.box4   { color: rgb(0,51,51); background-color: rgb(240,248,248); border-color: rgb(204,232,240); }
div.box4 p { color: rgb(0,51,51); background-color: transparent; }
div.box4 p.nazevboxu,
div.box4 p.nazevboxu2 {
  color: rgb(0,64,64); background-color: rgb(204,232,240);
}






.stopfloat {
	clear : both;
}
.centered {
  text-align: center;
}
.arrow, .arrow2 {
  font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; 
  font-weight: 900;
  letter-spacing: -1px;
  color: rgb(238,51,0);
}
.arrow2 {
  color: rgb(51,102,51);
}
p.error {
  margin: 6px 6px 6px 250px;
  padding:5px;
  color: maroon;
  background-color: white;
  border: 1px solid gray;
  font-size: 11px;
}

small, .small {
	font-size: 80%;
}
p.expander {
  margin: 0px;
  font: 12px "Courier New", Courier, monospace;
  line-height: 1px;
}
.tucny {
	font-weight: bold;
}
.kurzivni {
	font-style: italic; 
}
.grayed {
	color: rgb(191,191,153); background-color: transparent; font-style: normal;
}


