p, ol, ul, table, body, td, th, dt, dd {
	font-family: Arial,Helvetica,Sans-serif;
}

body {
	font-size: 83%;
	margin: 0px;
	padding: 5px;
	font-family: Arial;
	color: #000000;
	background-color: #FFFFFF;
}

img  {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border: 0px;
}

#logo {
	float: left;
	padding: 15px 5px 5px 0px;
}

#adverttop {
	float: left;
}

.advertisement {
  float: left;
	margin: 0px 0px 5px 5px;
}

.advertisement .reklama {
	font-size: 70%;
	color: #666666;
	text-align: left;
}

.vasereklama {
	color: #C0C0C0;	
}

#underlogo {
	clear: both;
}

#content {
	float: left;
	width: 75%;
	padding: 5px;
	margin: 5px 0px 5px 5px;
}

#leftsection {
  float: left;
	margin-top: 5px;
	width: 20%;
	max-width: 170px;	
	min-width: 100px;
}

#advertleft {
	text-align: center;
	padding: 15px 0px 15px 0px;
}

/* footer */

#footer {
	font-size: 85%;
	clear: both;
	width: 100%;
}

#footer #footerleft {
	width: 20%;
  float: left;
}

#footer #footercenter {
	text-align: center;
	color: #666666;	
	width: 60%;
  float: left;
}

#footer #footercenter a {
	color:  #666666;	
	text-decoration: none;	
}

#footer #footerright {
  float: right;
	width: 20%;
}

#footer #footerright #navrcholu {
	padding: 1px 0px 0px 5px;
  float: right;
}

#footer #footerright #w3org {
  float: right;
}

.pagination {
	height: 1em; /* bez toho to blbne */
}

.pagination .pageleft {
  float: left;
	text-align: left;
	width: 50%;
}

.pagination .pageright {
  float: left;
	width: 50%;
	text-align: right;
}

h1, h2, h3, p, td, th, ul, li, caption {
 font-family: Arial;
}

.articleinfo {
	color: #666666;
	font-size: 85%;
	padding: 2px 3px 2px 3px;
	margin: 0px 0px 0px 0px;	
}

.articleinfo .date {
  float: left;
	text-align: left;
}
		
.articleinfo .categorylist {
	text-align: right;	
}	

div.articleinfobottom {
	padding-top: 10px;
	font-size: 85%;
}
		
.articleinfobottom img {
	padding-right: 7px;
}

.autor {
	font-size: 85%;
	text-align: right;
}

h1.articletitle {
	border-bottom-color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #000000;
	font-size: 135%;
	font-weight: bold;
	padding: 10px 3px 2px 3px;
	margin: 0px 0px 0px 0px;	
}

h1.shortarticletitle {
	border-bottom-color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #000000;
	font-size: 135%;
	font-weight: bold;
	padding: 10px 3px 2px 3px;
	margin: 0px 0px 0px 0px;	
}

h1.shortarticletitle a, h1.shortarticletitle a:hover, h1.shortarticletitle a:visited {
	color: #000000;
}

h2 {
	font-size:130%;
	padding: 3px 3px 3px 3px;
	margin: 9px 0px 3px 0px;		
	color: #990000;
}

	
h3 {
	font-size:115%;
	padding: 9px 0px 3px 0px;
	margin: 0px 3px 0px 3px;	
}

h4 {
	font-size:105%;
	padding: 6px 0px 2px 0px;
	margin: 0px 3px 0px 3px;	
}

P, UL, OL {
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

P.indent {
	padding-left: 20px;
}

.courier {
	font-family: Courier New;
	color: #666666;
	font-size:10pt;
}

.red {
	color: #CC0000;
}

.nowrap {
	white-space: nowrap;
}

P.nadpis {
	font-weight: bold;
	text-align: right;
	color: #006666;
	font-size: 11pt;
	padding: 3px 2px 5px 2px;
	margin: 0px 0px 0px 0px;
}

A.nadpis {
	color: #006666;
	text-decoration: none;
}

A.nadpis:visited {
	color: #006666;
	text-decoration: none;	
}

A.nadpis:hover {
	color: #006666;
	text-decoration: underline;	
}

table.darkgrey {
	background-color: #D9D9D9;	
}

td.grey {
	background-color: #E5E5E5;	
}

td.darkgrey {
	background-color: #D9D9D9;	
}

td.lightpurple {
	background-color: #F0F7F7;	
}

td.purple {
	background-color: #B8D9D9;	
}

td.lightgrey {
	background-color: #F2F2F2;	
}

td.tdred {
	background-color: #D9B8B8;	
}

A {
	color: #000099; 
	text-decoration: none;
}

A:visited {
	color: #660099; 
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

#menutop {
	margin: 1px 0px 5px 0px;
}

#menutop ul {
	padding: 0px;
	margin: 0px;
}

#menutop ul li {
	list-style-type: none;
	display: inline;
	margin: 0px 0px 0px 2px;
}

#menutop ul li a {
	color: #000000;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	background-color: #F2F2F2;
}

#menutop ul li a:hover {
	color: #990000;
	background-color: #E5E5E5;
}

#menutop ul li.selected {
	color: #000000;
}

#menutop ul li.selected a {
	color: #000000;
	background-color: #F2F2F2;
	border: 1px solid #660000;
}

#menutop ul li.selected a:hover {
	color: #000000;
	background-color: #F2F2F2;
}

#menuleft ul {
	color: #FFD2B2;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#menuleft ul li {
	list-style-type: none;
	background-color: #F2F2F2;
	margin: 0px 0px 2px 0px;
}

#menuleft ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
}

#menuleft ul li a:hover {
	color: #660000;
	background-color: #E5E5E5;
}

#menuleft ul li.selected {
	color: #000000;
	background-color: #F2F2F2;
	border: 1px solid #006666;
}

#menuleft ul li.selected a {
	color: #000000;
}

#menuleft ul li.selected a:hover {
	color: #000000;
	background-color: #F2F2F2;
}

.floatleft {float: left;}
.floatright {float: right;}

img.floatleft {float: left; padding: 5px 5px 5px 0px;}
img.floatright {float: right; padding: 5px 0px 5px 5px;}

.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignleft {text-align: left;}

.clearboth {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.correctboth {clear: both; height: 1px;}
.correctleft {clear: left; height: 1px;}
.correctright {clear: right; height: 1px;}

.margintop {margin-top: 5px;}
.marginbottom {margin-bottom: 5px;}

.small {
	font-size: 85%;
}

.note {
	font-size: 85%;
	padding-bottom: 0px;	
}

.perex {
	font-size: 120%;
	margin-bottom: 1ex;	
}

table.table1 {
	border-top: 1px solid #999999;;
	border-left: 1px solid #999999;;
	border-collapse: collapse;		
}
table.table1 td, table.table1 th {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 2px;
}

table.table1 th {background-color: #CCCCCC;}
table.table1 td {background-color: #F2F2F2;}

/* styl kvuli clanku http://www.progr.cz/index.php?zobraz=clanek&id=14 */
table.border1pxa {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-collapse: collapse;
}
table.border1pxa td, table.border1pxa th {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 2px;
} 
table.border1pxb {
  border-collapse: collapse;
}
table.border1pxb td, table.border1pxb th {
  border: 1px solid #999;
  padding: 2px;
}