/**
 * Screen & projection stylesheet
 *
 * @version SVN:$Id: screen.css 29 2008-08-25 13:57:23Z mishal $
 * @author mishal
 *
 */

@import url("common.css");
@import url("pager/pager.css");
@import url("tables.css");
@import url("typo.css");
@import url("calendar.css");
@import url("menu.css");
@import url("gallery.css");
@import url("official_board.css");
@import url("poll.css");
@import url("articles.css");
@import url("forms.css");
@import url("events.css");
@import url("pages.css");
@import url("links.css");
@import url("styles.css");

#skip {
  display: none;
}

#accessibility {
  padding: 0.5em 1em;
  font-size: 10pt;
}

#accessibility ul {
  list-style-type: none;
}

#accessibility ul li {
  display: inline;
	padding-right: 1em;
}

#accessibility ul li a {
	background: url("images/accessibility_li.gif") center left no-repeat;
  padding-left: 13px;
}

#accessibility ul li.font_sizes a {
  border: 1px solid #2d5089;
  line-height: 10pt;
  color: #446995;
	background: none;
  text-decoration: none;
}

#accessibility ul li.font_sizes a:hover,
#accessibility ul li.font_sizes a.selected {
  background: #2d5089;
	color: #fff;
}

#accessibility .small {
  font-size: 8pt;
	padding: 0 0.3em;
	line-height: 8pt;
}

#accessibility .medium {
  font-size: 10pt;
  padding: 0 0.4em;	
}

#accessibility .large {
  font-size: 12pt;
  padding: 0 0.5em;	
}

#wrapper {
  width: 960px;
  margin: 0 auto;
	padding: 0; 
  background: #fff;
}

#header {
  background: url("images/header_bg.jpg") top left no-repeat;
  height: 181px;  
	position: relative;
}

h1#logo {
  position: absolute;
	bottom: 30px;
	left: 30px;
}

h1#logo a {
  display: block;
	width: 323px;
	height: 103px;
	background: url("images/logo.png") top left no-repeat;
}

h1#logo span {
  display: none;
}

body {
  background: #d6e2f5;
}

body.homepage #content {  
	width: 450px;
	margin: 0 0 0 0.5em;
}

body.wide #content {  
  width: 690px;
	padding: 0 10px;
  margin: 0;
	float: right;
}

body.wide #sidebar_1 {  
  padding: 0;
  margin: 0;    
  position: relative;
  padding-left: 10px;
}

body.wide #sidebar_2 {  
  padding: 0;
  margin: 0;		
	clear: left;
  float: left;
  width: 235px; 
  padding-left: 10px;
}

#content {  
  width: 490px;
  /*margin: 0 0 0 0.5em;*/
	padding-left: 10px;
}

#sidebar_1 {
	float: left;
	width: 235px;	
  padding-left: 10px;
}

#component_1 ul {
	margin: 2em 0 2em 1em;
  list-style-type: none;
}

#component_1 ul li a {
  width: 100%;
	margin-bottom: 0.5em;
	display: block;
  height: auto;
  background: none;
  color: #000;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: underline;
}

#component_1 ul li a:hover {
  text-decoration: none;
}

body.homepage #sidebar_2 {
  float: right;
  width: 215px;
	background: url("images/sidebar_2_bg.gif") top left no-repeat;
	padding-left: 20px;
	padding-right: 10px;
}

#sidebar_2 {
  float: right;
  width: 190px;
  background: none;
  padding-right: 10px;
}

#content {
  float: left;
}

#footer {
	clear: both;
	padding: 1em;
	text-align: center;
	margin-bottom: 1em;
}

#footer ul {
  list-style-type: none;
  width: 50%;
	margin: 0 auto;
}

#footer ul li {
  display: inline;
	padding-right: 0.5em;
}

#footer_notice {
	background: url("images/jhk_small.gif") center right no-repeat;
	padding: 1em 1em 1em 0;
	margin: 0 auto;
	width: 60%;
}

#copyright {
	text-align: center;	
}

#copyright p {
	padding: 1em;
}

#mishalcz {
	display: block;
	width: 149px;
	height: 21px;
	background: url("images/mishalcz.gif") top left no-repeat;
  float: right;
	right: 0;
	top: 0;
}

#mishalcz span {
  display: none;
}

#breadcrumbs {
	padding: 0.25em;
	margin: 0 0 1em 0.5em;
}

#sidebar_links ul {
	list-style-type: none;
	margin: 2em 0 0 1em;
}

#office_widget, #calendar_widget, #poll_widget {
	margin-bottom: 1em;
}

#office_widget h4 {
  margin: 0.5em 0;
}

a, a:link, a:active {
	color: #053487;
	font-weight: bold;
	text-decoration: underline;
}

a:visited {
  color: #042359;
}

a:hover {
  text-decoration: none;
}

body.homepage #shortcuts {
	margin: 1em;
  padding: 0;
	clear: both;
	padding-top: 1em;
}

#shortcuts {
  margin: 0 0 1em 0;
  padding: 0;
  position: relative; 	
}

body.homepage #shortcuts ul {
  list-style-type: none;	
  margin: 0;
  padding: 0;		
}

#shortcuts ul li {
  display: block;
  width: 190px;
  height: 36px;
	padding: 0;
	margin: 0;

}

#shortcuts ul li a {
  display: block;
	width: 190px;
	height: 36px;
}

#shortcuts ul li a span {
  display: none;
}

#sc_obecni_urad {
	background: url("images/sc_obecni_urad.gif") top left no-repeat;
}

#sc_volny_cas {
  background: url("images/sc_volny_cas.gif") top left no-repeat;
}

#sc_vzdelavani {
  background: url("images/sc_vzdelavani.gif") top left no-repeat;	
}

body.homepage #sc_zdravotni_pece {
  background: url("images/sc_zdravotni_pece.gif") top left no-repeat;
	position: absolute;
  bottom: 72px;
  left: 200px;
}

#sc_zdravotni_pece {
  background: url("images/sc_zdravotni_pece.gif") top left no-repeat;  
}

body.homepage #sc_sluzby {
  background: url("images/sc_sluzby.gif") top left no-repeat;
  position: absolute;
  /*top: 36px;*/
	top: 48px;
  left: 200px;
}

#sc_sluzby {
  background: url("images/sc_sluzby.gif") top left no-repeat;
}

body.homepage #sc_obec {
	background: url("images/sc_obec.gif") top left no-repeat;
  position: absolute;
  bottom: 0;
  left: 200px;
}

#sc_obec {
  background: url("images/sc_obec.gif") top left no-repeat;
}

a.rss {
	padding-left: 24px;
	background: url("images/rss_icon.gif") center left no-repeat;
	line-height: 32px;
}

a.rss span {
  display: none;
}

h2 a.rss {
	padding-left: 24px !important;
}

h2 a.rss {
  background: url("images/rss_icon.gif") center center no-repeat;
  width: 18px;
  height: 18px;
  padding-left: 17px;
  text-decoration: none !important;  
	cursor: help; 
}
 
a.rss.small {
  padding-left: 17px;
  background: url("images/rss_icon_small.gif") center left no-repeat;
  line-height: 17px;
}

a.help {
	cursor: help;
}

/* Day info widget */

#day_info_widget {
  position: absolute;
	top: 10px;
	right: 20px;
	width: 195px;		
} 

/* Search widget */
#search_widget { 
  position: absolute;
	bottom: 30px;
	right: 30px;
}

#search_widget button { 
  border: 0;
	background: #6f6f6f;
	color: #fff;
	cursor: pointer;
	padding: 0em 0.5em;
	padding: 0.2em;
	font-weight: bold;
}

#search_widget input {
  border: 1px solid #8c8c8c;
	padding: 0.3em;
	width: 13em;
	font-size: 8pt;
}

.card {
	/*margin: 0 15px 15px 0;*/
	padding: 0.2em;
	text-align: center;
	background: white;
	border: 1px solid #ccc;
	font-size: 75%;
}