/**
 * Screen & projection stylesheet
 *
 * @version SVN:$Id: screen.css 57 2008-08-21 21:00:01Z 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");

/* user styles */
@import url("styles.css");

body {
	background: #fff url("images/body_bg.gif") fixed top left repeat-x;
	background-attachment: fixed;
}

#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: 940px;
  margin: 0 auto;
  padding: 0; 
  background: #fff;
}

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

h1#logo {
  position: absolute;
  top: 45px;
  left: 45px;
}

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

h1#logo span {
  display: none;
}

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

a:visited {
  color: #0b1537;
}

a:hover {
  text-decoration: none;
}

#breadcrumbs {
	padding: 0.5em 0 1.5em 0.5em;
	margin-bottom: 1em;
	background: url("images/breadcrumbs_bg.gif") bottom left no-repeat;
}

/* Day info widget */
#day_info_widget {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 195px;   
} 

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

#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;
}

#content {
  float: left;
  width: 490px;
  padding: 0 10px;
} 

body.homepage #content {
	float: left;
	width: 540px;
	padding: 0 10px;
}

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

#sidebar_2 .sidebar_2 {
  padding: 0 1em 2em 0.5em; 
}

.gallery_image_widget {
	float: left;
}

.gallery_image_widget a {
  padding: 0.1em;
	margin: 0.1em;
}

.gallery_widget {
  float: left;
	margin-right: 0.2em;  
	text-align: right;
}

body.wide #content {
	width: 600px !important;	
}

#sidebar_1 {
  float: left;
  width: 190px;
	margin-left: 10px;  
}

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

#sidebar_1 ul {
	list-style-type: none;
	background: #d5cce9;
	padding: 0.2em 0em;
	color: #fff;
	margin-bottom: 0.5em;
}

#sidebar_1 ul li {
  border-bottom: 1px solid #fff;
  list-style-type: none;
  background: #d5cce9;
  padding: 0.2em 0.5em;
  background: #d5cce9;
	margin-bottom: 0.1em;		
}

#sidebar_1 ul li a {
  color: #000;
	text-decoration: none;
	padding: 0.2em;
	width: 98%;
	display: block;
}

#sidebar_1 ul li a:hover {
  color: #000;
  background: #fff;
	color: #000;
}

body.homepage #sidebar_1 {
  display: none;  
}

body.homepage #sidebar_2 {
  float: left;
  width: 355px;  
}

body.homepage #office_widget {
	width: 90%;
	margin: 1em auto;
}

body.homepage #official_board_widget_wrapper {
  float: left;
  width: 60%;
}

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

body.homepage #calendar_widget {
  float: right;
  width: 38%;
}

body.homepage #poll_widget  {
  float: right;
  width: 38%;
  margin-top: 1em;
}

#office_widget h4 {
  margin: 0.5em 0;
}

#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;
}

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

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;
}


body.homepage #shortcuts {
  position: relative;
	height: 120px;
}

#shortcuts {
  margin: 0 0 1em 0;
  padding: 0;

}

#shortcuts ul {
  list-style-type: none;  
  margin: 0;
  padding: 0; 
  position: relative; 
}

#shortcuts ul li {
  display: block;
  width: 170px;
  height: 40px;
  padding: 0;
  margin: 0;
}

#shortcuts ul li a {
  display: block;
  width: 170px;
  height: 40px;
}

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

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

body.homepage #sc_obecni_urad {
  position: absolute;
  top: 80px;
  left: 0; 
}

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

body.homepage #sc_volny_cas {
  position: absolute;	
  top: 40px;
  left: 0; 
}

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

body.homepage #sc_vzdelavani {
	position: absolute;
  top: 0;
  left: 171px;   
}

body.homepage #sc_zdravotni_pece {
  position: absolute;
  top: 0;
  left: 0;
}

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

body.homepage #sc_sluzby {
  position: absolute;
  top: 80px;
  left: 171px;
}

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

body.homepage #sc_obec {
  position: absolute;
  top: 40px;
  left: 171px;
}

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

#sidebar_links ul {
  list-style-type: none;
	background: none;
  margin: 2em 0 0 1em !important;
	border: 0;
	padding: 0;
}

#sidebar_links ul li {
  background: none;
  margin: 0;
  border: 0;
  padding: 0;
}

#sidebar_links ul li a {
  background: none;
  margin: 0;
  border: 0;
  padding: 0;
}



body.articles #m_aktuality,
body.homepage #m_uvod,
body.kulturni_kalendar #m_kulturni_kalendar,
body.fotogalerie #m_fotogalerie,
body.obecni_urad #m_obecni_urad,
body.obec #m_obec,
body.odkazy #m_odkazy,
body.uredni_deska #m_uredni_deska,
body.ankety #m_ankety {
  background: #fff;
  color: #000;
}

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