
/* MAIN */

html {
  margin: 0;
  padding: 0;
}


body {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	margin: 0px 0px 0px 0px;
	width: auto;
	color: #000000;
	text-align: center;
  background-image: url(design/background.jpg);
  background-position: top center;
	background-repeat: repeat-x;
	font-size: 11px;
}

p {
   margin: 1em 0em 0em 0em;
   text-indent: 2em;
}

td p {
   margin: 1em 0em 0em 0em;
   text-indent: 0em;
}

.bold {
  font-weight: bold;
}

h1 {
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  font-family: Verdana, Courier, Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 25px;
  height: 25px;
}

h2 {
  font-size: 14px;
  font-family: "Arial Black", Arial, Tahoma, Verdana, Courier, Helvetica, sans-serif;
  font-weight: bold;
  padding-bottom: 4px;
  text-align: center;
}

h3 {
  margin: 10px 0px 0px 0px;
  font-size: 14px;
  font-family:  Arial, Tahoma, Verdana, Courier, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #d3b837;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align:center;
  color: #f0efea; 
}

h4 {
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: "Arial Black", Arial, Verdana, Courier, Arial Narrow, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
}

h5 {
  margin: 5px 0px 5px 0px;
  font-size: 13px;
  font-family: Arial, Tahoma, Verdana, Courier, Arial Narrow, Helvetica, sans-serif;
  font-weight: bold;
  color: #6b3009;
}

a:link, a:visited {
	font-weight: normal;
	color: #494949;
}

a:hover {
	font-weight: normal;
	color: #164afe;
}

.pngfix {
   behavior: url(http://lamancha.cz/scripts/iepngfix.htc);
}



/* CONTENT */

.main {
	position: absolute;
  width: 990px;
  left: 50%;
  margin: 0px 0px 0px -495px;
  background-color: black;
  text-align: left;
}

.des-top {
  background-image: url(design/design_1x1.jpg);
  background-repeat: repeat-y;
}

.des-mid1 {
  background-color: black;
  background-image: url(design/design_2x1.jpg);
  background-repeat: repeat-y;
  padding-bottom: 0px;
}
.des-mid2 {
  background-color: white;
  background-image: url(design/design_2x2.jpg);
  background-repeat: no-repeat;
  padding-bottom: 0px;
}
.des-mid3 {
  background-color: white;
  background-image: url(design/prasopes.jpg);
  background-repeat: no-repeat;
  padding-bottom: 55px;
  background-position: bottom;
}
.des-mid4 {
  background-color: black;
  background-image: url(design/design_2x4.jpg);
  background-repeat: repeat-y;
  padding-bottom: 0px;
}

.des-bot {
  background-image: url(design/design_3x1.jpg);
  background-repeat: no-repeat;
}

.des-rightback {
  width: 327px;
  height: 553px;
  background-color: white;
  background-image: url(design/design_2x3.jpg);
  background-repeat: no-repeat;
}

.des-rightback2 {
  width: 856px;
  
  background-image: url(design/design_2x3.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

.des-botpras {
  width: 856px;
  height: 53px;
  background-color: #ffffff;
  background-image: url(design/prasopes.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}


.header {
  position: absolute;
  top: 327px;
  left: 83px;
}

.toplogo {
  position: relative;
  top: 0px;
  left: 0px;
  height: 71px;
}

.mainmenu {
  position: relative;
  top: 0px;
  left: 0px;
  height: 50px;
}

.patka-text {
  font-size: 10px;
  text-align: center;
  margin-top: 68px;
  color: #ffffff;
}

input {
  border: 1px solid #E1E1E1;
}

.content {
  width: 524px;
  _width: 519px;
  overflow: hidden;
  margin-top: 10px;
  margin-right: 5px;
  float:left;
  border: 0px solid blue;
  
}

.content-galerie {
  width: 856px;
  _width: 851px;
  overflow: auto;
  margin-top: 10px;
  margin-right: 0px;
  
  float:left;
  border: 0px solid blue;
}

.rightcolumn {
  width: 314px;
  margin-right: 0px;
  float:right;
  border: 0px solid blue;
}

.box-big {
  padding: 10px 0px 0px 0px;
  width: 306px;
}

.box-top-big {
  position: relative;
  top: 0px;
  left: 0px;
  width: 306px;
  height: 32px;
  background-image: url(images/ram-foto-top.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.box-bottom-big {
  position: relative;
  top: -20px;
  left: 0px;
  width: 306px;
  height: 32px;
  background-image: url(images/ram-bottom-big.png);
  background-repeat: no-repeat;
  background-position: top left;
}


.box-maly {
  padding: 10px 0px 0px 0px;
  width: 162px;
}

.box-top-maly {
  position: relative;
  top: 0px;
  left: 0px;
  width: 162px;
  height: 32px;
  background-image: url(images/ram-hrajeme-top.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.box-bottom-maly {
  position: relative;
  top: -20px;
  left: 0px;
  width: 162px;
  height: 32px;
  background-image: url(images/ram-bottom-maly.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.title-back {
  margin: 0px 0px 10px 20px;
}

.koncerty-row {
  background-image: url(images/back-black-6pct.png);
  background-repeat: repeat-x;
  margin: 0px 20px 0px 50px;
}

.koncerty-text {
  margin-top: 0px;
  text-indent: 0px; 
  font-weight: bold; 
  text-align: center;
  color:#000000;
}

.koncerty-text-stare {
  margin-top: 0px;
  text-indent: 0px; 
  font-weight: bold; 
  text-align: center;
  color:#000000;
}

.news-container {
  width: 440px;
  background-image: url(images/clanek-background.png);
  background-repeat: no-repeat;
}

.blog-container {
  width: 460px;
  background-image: url(images/back-black-6pct.png);
  background-repeat: repeat;
  overflow: hidden;
}

.shortnews {
  margin-left:0px;
  padding-top: 2px;
}



#idList {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#idList li {
   display: inline;
}
 
#idList li a {
	margin: 0;
	padding-left: 6px;
	padding-right: 6px;
	width: 240px;
	background: #E1E1E1;
	color: #164afe;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

#idList li a:link, #idList li a:visited {
  text-decoration: none;
  color: #164afe;
}

#idList li a:hover {
  text-decoration: none;
  color: #000000;
}


/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:314px;
	height:47px;
	float:left;
}

#box4 img{
	width:314px;
	height:47px;
}

.mask3{
	position:relative;
	width:314px;
	height:47px;
	overflow:hidden;
}

.samplemenu {
  position: absolute;
  left: 609px;
  top: 298px;
}


/* */

.odkazy {
  margin-left: 40px;
}

.back3pct {
  background-image: url(images/back-black-3pct.png);
  background-repeat: repeat;
  margin: 0px 20px 0px 70px;
}

.back6pct {
  background-image: url(images/back-black-6pct.png);
  background-repeat: repeat;
  margin: 0px 20px 0px 70px;
}

.back6pct h1{
  margin: 0px 0px 0px 0px;
}

.shop-item {
  width: 450px;
  height: 350px;
  margin-left: 30px;
  border: 1px solid #E1E1E1;
}

.marquee-koncerty {
  margin: 0px 20px 0px 50px;
  border-top: 2px solid #E1E1E1;
  border-bottom: 2px solid #E1E1E1;
  background-color: #fdf6cb;
  padding: 5px 5px 5px 5px;
}

.marquee-blog {
  margin: 0px 4px 0px 50px;
  border-top: 2px solid #E1E1E1;
  border-bottom: 2px solid #E1E1E1;
  background-color: #fdf6cb;
  padding: 5px 5px 5px 5px;
}

.marquee-blog img {
  border-left: 5px solid #E1E1E1;
  border-right: 5px solid #E1E1E1;
}