/* Colours Of Ostrava - CSS */
body {
	background: #f2d0ad url(../img/body_bg.gif) repeat-x;
	padding: 0;
	margin: 0;
	font-family: 'Arial', sans-serif;
	height: 100%;
}
html {
	background: #f2d0ad url(../img/body_bg.gif) repeat-x;
	min-height: 100%;
	padding: 0;
	margin: 0;
}
.no {
	display: none;
}
img {
	border: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
div#base {
	width: 1000px;
	min-height: 850px;
	background: url(../img/index_bg_c.jpg) no-repeat top;
	margin: 0;
}
div#top {
	height: 100px;
	width: 785px;
	background: url(../img/logo.gif) no-repeat left center;
	padding-left: 215px;
}
div#top ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	width: 120px;
	float: left;
}
div#top ul li {
	font-size: 0.7em;
	line-height: 1.6em;
	margin: 0;
	color: #391a1a;
	background: url(../img/li.gif) no-repeat left center;
	padding-left: 10px;
	list-style-position: outside;
}
div#top ul li a {
	color: #391a1a;
	text-decoration: none;
}
div#top ul li a:hover {
  text-decoration: underline;
}
div#partners {
	float: right;
	_clear: left;
	margin: 0;
	padding: 0;
	width: 300px;
	width: 265px; /* dol */
}
div.partner {
	float: left;
	margin-right: 10px;
	_width: 90px; /* dol puvodne 100px */
}
div.partner h5 {
	margin: 0;
	font-size: 0.7em;
	font-size: 11px; /* dol */
	font-weight: normal;
	height: 20px;
	line-height: 20px;
}
div#top_bar {
	height: 25px;
	padding-left: 20px;
}
div#top_bar p {
	font-size: 0.7em;
	line-height: 25px;
	margin: 0;
	float: left;
}

/* menu languages */
div#top_bar ul {
	margin: 0;
	padding: 15px 0 0 0;
	padding: 0;
	list-style: none;
	width: 265px;
	float: right;
}
div#top_bar ul li {
	font-size: 0.7em;
	line-height: 1.6em;
	margin: 0;
	margin-right: 10px;
	color: #391a1a;
	background: url(../img/li.gif) no-repeat left center;
	padding-left: 10px;
	list-style-position: outside;
	
	
	float:left;
}
div#top_bar ul li a {
	color: #391a1a;
	text-decoration: none;
}
div#top_bar ul li a:hover {
  text-decoration: underline;
}
/* menu languages */


div#search {
  float: right;
  margin-right: 20px;
  width: 250px;
  text-align: right;
}
div#search form {
	margin: 0;
	padding: 0;
}
div#search form label {
  font-size: 0.7em;
	line-height: 25px;
	margin-right: 10px;
}
div#search form input {
  width: 175px;
  background: transparent;
  border: 1px solid #fff;
  padding: 0;
  color: #fff;
  float: right;
}
div#slide {
  width: 980px;
  height: 265px;
  background: #fff;
  padding: 10px 0 10px 0;
  margin: 10px 0 0 10px;
}
div#slide img {
  float: left;
  margin-left: 10px;
}
div#bottom_bar {
  height: 40px;
  padding-left: 215px; 
}
div#bottom_bar h2 {
  color: #000;
  font-size: 0.9em;
  margin: 0;
  line-height: 40px;
}
div#bottom_bar h2 a, div#bottom_bar h2 a:link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
div#bottom_bar h2 a:hover {
  border: 0;
}
div#main {
  
}
div.main_menu ul {
	margin: 10px 0 0 20px;
	_margin: 10px 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;
}
div.main_menu ul li {
	font-size: 0.7em;
	line-height: 1.6em;
	margin: 0;
	color: #000;
	background: url(../img/li_b.gif) no-repeat left center;
	padding-left: 10px;
	list-style-position: outside;
	font-weight: bold;
}
div.main_menu ul li a {
	color: #391a1a;
	text-decoration: none;
}
div.main_menu ul li a:hover {
  text-decoration: underline;
}
div.main_content {
  width: 795px;
  float: right;
}
div.news, div.news_sub {
  width: 235px;
  height: 70px;
  background: #fff;
  float: left;
  margin: 0 10px 10px 0;
  padding: 10px;
}
div.news_in, div.news_sub_in {
  width: 155px;
  height: 70px;
  overflow: hidden;
  line-height: 0.75em;
  _line-height: 0.9em;
}
div.news img, div.news_sub img {
  width: 70px;
  height: 70px;
  float: left;
  margin-right: 10px;
}
div.news_in h2 {
  margin: 0 3px 0 0; 
  font-size: 0.7em;
  color: #ff7800;
  display: inline;
}
div.news_sub_in h2 {
  font-size: 0.9em;
  color: #de1549;
  margin: 0;
}
div.news_in h2 a {
  color: #ff7800;
  text-decoration: none;
}
div.news_sub_in h2 a {
  color: #de1549;
  text-decoration: none;
}
div.news_in h2 a:hover, div.news_sub_in h2 a:hover {
  text-decoration: underline;
}
div.news_in h2 span {
  font-style: italic;
}
div.news_in p {
  font-size: 0.7em;
  display: inline;
}
div.news_sub_in p {
  font-size: 0.7em;
  margin: 0;
}
p.archiv {
  float: right;
  margin: 0;
  font-size: 0.7em;
}
p.archiv a {
  color: #000;
  text-decoration: none;
  margin-right: 20px;
}
p.archiv a:hover {
  text-decoration: underline;
}
div#footer {
  clear: both;
}
div#footer p {
  margin: 30px 20px 10px 20px;
  _margin: 30px 10px 10px 10px;
  font-size: 0.7em;
  float: left;
}
div#footer p a {
  color: #000;
  text-decoration: none;
}
div#footer p a:hover {
  text-decoration: underline;
}
p#visiontech {
  float: right !important;
}
p#visiontech strong {
  color: #605ca8;
}
div.content {
  width: 500px;
  padding: 0 10px 0 10px;
  background: #fff;
  float: left;
}
div.content p {
  margin: 0;
  padding: 10px 0 10px 0;
  font-size: 0.7em;
  line-height: 1.4em;
}
div.content ul {
  margin: 0 0 10px 10px;
}
div.content li {
  font-size: 0.7em;
  line-height: 1.4em;
  list-style-type: square;
}
div.main_right {
  float: right;
  margin-right: 10px;
  _margin-right: 5px;
}
div#navigace {
  width: 245px;
  height: 265px;
  background: #0076a3;
  float: right;
  margin-right: 10px;
  _margin-right: 5px;
}
div#navigace_artist {
  width: 245px;
  height: 265px;
  background: #de1549;
  float: right;
  margin-right: 10px;
  _margin-right: 5px;
}
div#navigace_artist_detail {
  width: 330px;
  height: 265px;
  background: #de1549;
  float: right;
  margin-right: 10px;
  _margin-right: 5px;
}
div#navigace h3, div#navigace_artist h3, div#navigace_artist_detail h3 {
  color: #fff;
  margin: 10px;
  font-size: 0.9em;
}
div#navigace label, div#navigace_artist label, div#navigace_artist_detail label {
  color: #fff;
  display: block;
  font-size: 0.7em;
  font-weight: bold;
  height: 25px;
  width: 100px;
  line-height: 25px;
  margin-left: 10px;
}
form#vyber_form {
  position: relative;
  top: 173px;
  _top: 163px;
  left: 10px;
}
form#vyber_form_art_index {
  position: relative;
  top: 113px;
  _top: 103px;
  left: 10px;
}
form#vyber_form_art_sub {
  position: relative;
  top: 143px;
  _top: 133px;
  left: 10px;
}
div#navigace select {
  background: #0076a3;
  border: 1px solid #fff;
  color: #fff;
  width: 175px;
}
div#navigace_artist select {
  background: #de1549;
  border: 1px solid #fff;
  color: #fff;
  width: 175px;
  margin-bottom: 10px;
}
div.main_content_other {
  clear: both;
  margin: 0 0 0 0;
}
div.main_content_other h2 {
  color: #000;
  font-size: 0.9em;
  margin: 0 0 0 10px;
  line-height: 20px;
}
div#bottom_bar h2 a, div#bottom_bar h2 a:link {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
div#bottom_bar h2 a:hover {
  border: 0;
}
div.artist {
  border-top: 1px solid #fff;
  width: 255px;
  float: left;
  margin: 5px 10px 0 0;
}
div.artist ul {
  list-style: none;
  margin: 10px;
  padding: 0; 
}
div.artist li {
  font-size: 0.7em;
  line-height: 1.5em;
}
div.artist li a {
  color: #000;
  text-decoration: none;
}
div.artist li a:hover {
  text-decoration: underline;
}
div.artist_info a, div.artist_disco a, div.artist_media a {
  color: #000;
  text-decoration: none;
}
div.artist_info a:hover, div.artist_disco a:hover, div.artist_media a:hover {
  text-decoration: underline;
}
div.artist_info {
  background: #fff;
  width: 430px;
  margin: 10px 10px 0 10px;
  _margin: 10px 10px 0 5px;
  float: left;
  padding: 10px;
}
div.artist_info p {
  margin: 0;
  padding: 0;
  font-size: 0.7em;
  line-height: 1.4em;
}
div.artist_info ul {
  margin: 0 0 10px 10px;
}
div.artist_info li {
  font-size: 0.7em;
  line-height: 1.4em;
  list-style-type: square;
}
div.artist_disco {
  background: #fff;
  width: 235px;
  margin: 0 0 10px 10px;
  padding: 10px;
}
div.artist_disco h3 {
  margin: 0;
  font-size: 0.7em;
}
div.artist_disco p {
  font-size: 0.7em;
  line-height: 1.4em;
  margin: 0;
}
div.artist_media {
  background: transparent;
  width: 233px;
  margin: 0 0 10px 10px;
  padding: 10px;
  border: 1px solid #fff;
}
div.artist_media h3 {
  margin: 0;
  font-size: 0.7em;
}
div.artist_media p {
  line-height: 1.4em;
  font-size: 0.7em;
  margin: 0;
}
div.artist_media a {
  background: url(../img/media_ico.gif) no-repeat right center;
  padding-right: 15px;
}
div.artist_links {
  background: transparent;
  width: 233px;
  margin: 0 0 10px 10px;
  padding: 0 10px 10px 10px;
}
div.artist_links p {
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
}
div.artist_links p a {
  color: #000;
}
div.artist_links p a:hover {
  text-decoration: none;
}
div#switcher {
  position: absolute;
  top: 380px;
  left: 10px;
  _left: 15px;
  width: 707px;
  height: 22px;
}
div#switcher a {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: url(../img/dot_a.gif) no-repeat center center;
  float: right;
  margin-right: 4px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 0.7em;
}
div#switcher a:hover {
  background: url(../img/dot_ahover.gif) no-repeat center center;
}
div#logo_click {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 100px;
  cursor: pointer;
}

