body
{
  margin: 0 auto;
	padding: 0;
	background: #e6e6e6 url('img/page-bg.png') repeat-x left top;
}

/* Microformats */
.vevent
{
  visibility: hidden;
  height: 0;
}

/* Clearfix */
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  content: ' ';
}

.clearfix {min-height: 1px;}
.clearfix {display: inline-block;}

/* Backslash hack - nemel by to videt IE/Mac \*/
.clearfix {display: block;}
/* Konec hacku */

#main
{
  position: relative;	
	z-index: 0;
	width: 960px;
	margin: 0px auto 10px auto;
	padding: 0px 10px 10px 10px;
	background-color: #fff;
}

#header
{
  position: relative;
  z-index: 1;
	height: 84px;
	margin: 0;
	padding: 29px 0px 0px 235px;
	background: #000 url('img/gramo-bg.png') no-repeat left top;
}

#header h1
{
  position: absolute;
  left: 235px;
  top: 10px;
  visibility: hidden;
}

#top
{
  position: relative;
  z-index: 3;
	margin: 15px 0;
	padding: 0;
	height: 230px;
}

#top #top-image
{
  position: absolute;
  top: 10px;
  left: 0px;
  margin: 0;
	padding: 0;
	width: 400px;
	height: 200px;  
  border-bottom: solid 10px #dedede;
}

#top #top-news
{
  position: absolute;
  top: 0px;
  left: 400px;
  margin: 0;
	padding: 0px 10px 10px 10px;
	width: 330px;
	height: 200px;
  background: #fff url('img/top-news-bg.png') repeat-x left top;  
}

#top #top-news a, #top #top-news a:link, #top #top-news a:visited, #top #top-news a:hover
{
  color: #fff;
  font: bold 16pt Arial,Verdana,Tahoma,sans-serif;
  text-decoration: none;
}

#top #top-news span
{
  display: block;
  float: left;
  padding: 3px 6px 4px 5px;
  margin-right: -5px;
  white-space: nowrap;
  background-color: #000;
}

#top #top-news p
{
  clear: both;
  margin-left: 3px;
  padding-top: 4px;
  color: #404040;
  font: 10pt Arial,Verdana,Tahoma,sans-serif;
  line-height: 1.5;
}

#top #top-news p a, #top #top-news p a:link, #top #top-news p a:visited
{
  color: #808080;
  background-color: #e0e0e0;
  padding: 3px;
  white-space: nowrap;
  font: 8pt Verdana,Tahoma,Arial,sans-serif;
  text-decoration: none;
}

#top #top-news p a:hover
{
  color: #fff;
  background-color: #101010;
}

#top #top-banner
{
  position: absolute;
  top: 10px;
  left: 760px;
  margin: 0;
	padding: 0;
	width: 200px;
	height: 200px; 
}

#top #top-next-articles
{
  position: absolute;
  top: 208px;
  left: 668px;
  margin: 0;
	padding: 0; 
}

#top #top-next-articles img
{
  margin: 7px 6px 0px 0px;
  float: left;
}

#top #top-next-articles a, #top #top-next-articles a:link, #top #top-next-articles a:visited
{
  color: #808080;
  font: 8pt Arial,Verdana,Tahoma,sans-serif;
  text-decoration: none; 
}

#top #top-next-articles a:hover
{
  color: #000;
  text-decoration: underline;
}

#content
{
  position: relative;
  z-index: 4;
	margin: 0;
	padding: 0;
}

#content #left
{
	margin: 0;
	padding: 0;
	width: 310px;
	float: left;
}

#content #right
{
	margin: 0px 0px 0px 15px;
	padding: 0;
	width: 635px;
	float: right;
}


/* start vyhledavani */
#search
{
  margin: 0;
  padding: 10px;
  background-color: #f8f8f8;
}

#search input.search-text
{
  float: left;
  margin: 0px 7px 0px 0px;
  padding: 3px;
  width: 199px;
  height: 16px;
  background: #fff url('img/input-bg.png') repeat-x left top;
  border: 1px solid #c0c0c0;
  color: #606060;
  font: 9pt Arial,Verdana,Tahoma,sans-serif;
}

#search input.search-button
{
  width: 75px;
  height: 24px;
  border: none;
  cursor: pointer;
  background: #e0e0e0 url('img/submit-bg.png') no-repeat center center;
  color: #808080;
  font: bold 7pt Arial,Verdana,Tahoma,sans-serif;
}

#search input.search-button:hover
{
  color: #404040;
  font-weight: bold;
}

/* end vyhledavani */


#bottom-dump
{
  position: relative;
  z-index: 5;
	margin: 15px 0;
	padding: 0;
}

#bottom-dump #dump-left
{
	margin: 0;
	padding: 0;
	width: 473px;
	float: left;
}

#bottom-dump #dump-right
{
	margin: 0;
	padding: 0;
	width: 474px;
	float: right;
}

#bottom-links
{
  position: relative;
  z-index: 6;
	margin: 35px 0px 0px 0px;
	padding: 0;
	text-align: center;
}

#bottom-info
{
  position: relative;
  z-index: 7;
	margin: 20px 0px 15px 0px;
	padding: 0;
	text-align: center;
	color: #b0b0b0;
  font: 8pt Arial,Verdana,Tahoma,sans-serif;
}

#bottom-info a, #bottom-info a:link, #bottom-info a:visited
{
  color: #b0b0b0;  
  text-decoration: none; 
}

#bottom-info a:hover
{
  color: #404040;
  text-decoration: underline;
}


/* start menu */
#menu
{
  position: relative;
  z-index: 2;
	height: 45px;
	margin: 0;
	padding: 0;
	background: #ebebeb url('./img/menu-bg.png') repeat-x left top;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li
{
	margin: 0;
	padding: 0;
	width: 125px;
	height: 35px;
  float: left;
  background-image: url('./img/menu-li-right-border.png');
  background-position: right top;
  background-repeat: no-repeat;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited
{
	margin: 0;
	padding-top: 10px;
	width: 123px;
  height: 25px;
  display: block;
  text-align: center;
	color: #808080;
  font: 10pt Tahoma,Verdana,Arial,sans-serif;
	text-decoration: none;
}

#menu ul li a.active
{
  border-bottom: solid 5px #c0c0c0;
}

#menu ul li a:hover
{
  color: #202020;
  border-bottom: solid 5px #c0c0c0;
}


/* start menu top novinky */
#top #top-news-menu
{
  position: absolute;
  top: 215px;
  left: 415px;
  margin: 0;
	padding: 0;
}

#top #top-news-menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#top #top-news-menu ul li
{
	margin: 0px 5px 0px 0px;
	padding: 1px 0px 0px 0px;
	width: 14px;
	height: 13px;
  float: left;  
  color: #fff;
  font: 7pt Arial,Verdana,Tahoma,sans-serif;
  background: #808080 url('./img/topnews-menu-bg.png') no-repeat center center;  
  text-align: center;
  cursor: pointer;
}

#top #top-news-menu ul li.myactive
{
  background: #000 url('./img/topnews-menu-active-bg.png') no-repeat center center;
}

#top #top-news-menu ul li:hover
{
	background: #000 url('./img/topnews-menu-hover-bg.png') no-repeat center center;  
}

/* start images */
a img
{
	border: 0;
}

img.circle
{
  margin: 5px 6px 0px 0px;
  float: left;
}

img.partylist, img.pages
{
  margin: 5px 7px 0px 0px;
  float: left;
  border: 1px solid #101010;
}

img.pages
{
  border: 1px solid #a0a0a0;
}


/* start titles */
#pages-main-title, h1.pages, h2.index, div.section-titles
{
  margin: 0;
  padding: 5px 5px 5px 18px;
  background: #f4f4f4 url('img/titles-square-bg.png') no-repeat left center;
  color: #808080;
  font: 10pt Tahoma,Verdana,Arial,sans-serif;
}

h2.pages, h3.pages
{
  margin: 0;
  padding: 0;
}

/* start clanky */
#clanek h1
{
  margin: 0px;
  padding: 0px;
  color: #006699;
  font: bold 26pt Arial,Verdana,TahomaTahoma,sans-serif;
}

#clanek #zverejneno
{
  margin: 10px 0px 0px 0px;
  padding: 0px;
  color: #808080;
  font: 8pt Arial,Verdana,TahomaTahoma,sans-serif;
}

#clanek h2, #clanek h3
{
  margin: 30px 0px 0px 0px;
  padding: 0;
  color: #006699;
  font: bold 16pt Arial,Verdana,Tahoma,sans-serif;
}

#clanek h3
{
  padding-bottom: 10px;
  border-bottom: 2px dotted #d5d5d5;
}

#clanek h2.pruh
{
  margin: 0px;
  padding: 10px;
  color: #a0a0a0;
  font: bold 14pt Arial,Verdana,TahomaTahoma,sans-serif;
  background-color: #f5f5f5;
}

#clanek p, #clanek #perex
{
  color: #202020;
  font: 11pt Arial,Verdana,TahomaTahoma,sans-serif;
  line-height: 1.5;
  text-align: justify;
}

#clanek #perex
{
  color: #505050;
  font-weight: bold;
}

div.img-block
{
  margin: 30px 0px 20px 0px;
  padding: 0;
  text-align: center;
}


/* start sections */
div.first-row
{
  margin: 0;
  padding: 5px;
  background-color: #fff;
}

div.second-row
{
  margin: 0;
  padding: 5px;
  background-color: #f7f7f7;
}

span.small-date
{
  color: #707070;
  font: 7pt Arial,Verdana,Tahoma,sans-serif;
}

div.partylist-row
{
  margin: 0;
  padding: 10px;
  background-color: #fff;
  border-left: solid 1px #f4f4f4;
  border-right: solid 1px #f4f4f4;
  border-bottom: solid 1px #f4f4f4;
}

div.partylist-date
{
  color: #202020;
  font: 7pt Arial,Verdana,Tahoma,sans-serif;
}

div.partylist-place
{
  color: #808080;
  font: 7pt Arial,Verdana,Tahoma,sans-serif;
}

div.pages-browsing
{
  margin: 15px 0px 0px 0px;
  padding: 0;
  color: #808080;
  font: 8pt Arial,Verdana,Tahoma,sans-serif;
  text-align: center;
}

div.pages-row, #djset-support, #clanek
{
  margin: 15px 0px 0px 0px;
  padding: 25px 15px 30px 15px;
  background: #fff url('img/pages-row-bg.png') repeat-x left top;
  border: 1px solid #f0f0f0;
  border-top: 1px solid #e8e8e8;
}

#clanek
{
  margin-top: 0px;
}

#djset-support
{
  border-bottom: 10px solid #f0f0f0;
}

#djset-support:hover
{
  border: 1px solid #d5d5d5;
  border-bottom: 10px solid #d5d5d5;
}

div.pages-row:hover, #clanek:hover
{  
  border: 1px solid #d5d5d5;
}

span.pages-row-date
{
  color: #808080;
  font: 7pt Arial,Verdana,Tahoma,sans-serif;
}

p.party
{
  margin: 6px 0px 3px 0px;
  padding: 0;
}

p.pages-text, p.partylist-text, p.partylist-info
{
  margin: 2px 0;
  padding: 0;
  color: #202020;
  font: 10pt Arial,Verdana,Tahoma,sans-serif;
  line-height: 1.5;
}

p.partylist-text em, p.partylist-info
{
  color: #505050;
  font-size: 8pt;
}

div.next-items
{
  margin: 0;
  padding: 0;
  text-align: right;
}

div.pages-info
{
  margin: 0;
  padding: 10px 0px 0px 0px;
  color: #808080;
  font: 8pt Tahoma,Verdana,Arial,sans-serif;
  text-transform: uppercase;
}

#partylist-archiv
{
	margin: 10px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  background-color: #f4f4f4;
  color: #808080;
  font: 8pt Arial,Verdana,Tahoma,sans-serif;
	text-align: center;
}


/* start links */
a.pages, a.pages:link, a.pages:visited
{
  color: #006699;
  font: bold 13pt Arial,Verdana,Tahoma,sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}

a.pages:hover
{
  text-decoration: underline;
}

a.pages-whole-article, a.pages-whole-article:link, a.pages-whole-article:visited
{
  color: #909090;
  background-color: #f0f0f0;
  padding: 3px;
  white-space: nowrap;
  font: 8pt Verdana,Tahoma,Arial,sans-serif;
  text-decoration: none;
}

a.pages-whole-article:hover
{
  color: #fff;
  background-color: #404040;
}

a.dump, a.dump:link, a.dump-bottom, a.dump-bottom:link, a.dump-bottom:visited
{
  color: #404040;
  font: bold 9pt Arial,Verdana,Tahoma,sans-serif;
  text-decoration: none;
}

a.dump-bottom, a.dump-bottom:link, a.dump-bottom:visited
{
  font-weight: normal;
}

a.dump:visited
{
  font-weight: normal;
  color: #505050;
}

a.dump:hover, a.dump-bottom:hover
{
  color: #006699;
  text-decoration: underline;
}

a.partylist, a.partylist:link, a.partylist:visited
{
  margin: 0;
  color: #006699;
  font: bold 9pt Arial,Verdana,Tahoma,sans-serif;
  text-transform: uppercase;
  text-decoration: none; 
}

a.partylist:hover
{
  text-decoration: underline;
}

a.next-items, a.next-items:link, a.next-items:visited
{
  margin: 4px 7px 0px 6px;
  float: right;
  color: #808080;
  font: 8pt Arial,Verdana,Tahoma,sans-serif;
  text-decoration: none; 
}

a.next-items:hover
{
  color: #000;
  text-decoration: underline;
}

a.news, a.news:link, a.news:visited, #clanek p a, #clanek p a:link, #clanek p a:visited
{
  color: #006699;
  text-decoration: none; 
}

a.news:hover, #clanek p a:hover
{
  text-decoration: underline;
}

#partylist-archiv a, #partylist-archiv a:link, #partylist-archiv a:visited
{
  color: #808080;
  font: bold 8pt Arial,Verdana,Tahoma,sans-serif;
  text-decoration: none; 
}

#partylist-archiv a:hover
{
  color: #006699;
  text-decoration: underline; 
}

a.backToTop, a.backToTop:link, a.backToTop:visited
{
  color: #fa9900;
  font-weight: bold;
  text-decoration: none; 
}

a.backToTop:hover
{
  text-decoration: underline;
}