/**********************************************************/
/*   GLOBAL                                               */
/**********************************************************/

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-family: verdana;
  font-size: 11px;
  color: #515151;
}

body {
__background: #FFCB03;
  background: #FDB23D;
  text-align: center;
}

a {
  color: #AE4E07;
  text-decoration: none;
}

a:hover {
  color: #F9451B;
}


/**********************************************************/
/*   GLOBAL CLASSES                                       */
/**********************************************************/

.infoline {
  font-size: 10px;
  color: #676767;
  font-weight: normal;
}

.infoline b {
  font-size: 10px;
  color: black;
  font-weight: normal;
}


/**********************************************************/
/*   CONTAINER + HEADER                                   */
/**********************************************************/

#container {
  background: url('bg_kruhy.jpg');
  background-repeat: no-repeat;
  background-position: 0px 145px;
  background-color: white;
  border: 3px solid #C7C7C7;
  border-top: none;
  border-bottom: none;
  width: 775px;
  margin: 0px auto 0px auto;
  text-align: left;
}

#head {
  width: 775px;
  height: 123px;
  background: url('head.jpg') no-repeat top left;
}


/**********************************************************/
/*   MENU                                                 */
/**********************************************************/

#menu {
  height: 23px;
  text-align: right;
  background: url('bg_grad_menu.gif') no-repeat top right;
  margin: 10px 10px 0px 0px;
  _margin: 10px 5px 0px 0px;
  padding: 4px 10px 0px 0px;
  font-weight: bold;
}

#menu span {
  margin-left: 20px;
  float: right;
  display: block;
}

#menu span b {
  color: #AE4E07;
}

#menu span a {
  text-decoration: none;
  color: #515151;
}

#menu span a:hover {
  color: #F9451B;
}


/**********************************************************/
/*   LEFT COL                                             */
/**********************************************************/

#leftcol {
  float: left;
  width: 240px;
}


/**********************************************************/
/*   LEFT BOX                                             */
/**********************************************************/

.lc_box {
  width: 240px;
  margin: 1px 0px 15px 10px;
  _margin: 6px 0px 15px 10px;
}

.lc_box h2 {
  width: 240px;
  height: 40px;
  background: url('lb_head.gif') no-repeat top left;
  font-size: 12px;
}

.lc_box h2 span {
  margin: 13px 0px 0px 50px;
  _margin: 13px 0px 0px 25px;
  display: block;
  float: left;
}

.lc_box h2 span b {
  color: white;
  font-size: 12px;
}

.lc_box h3 {
  font-weight: bold;
  color: #AE4E07;
  padding-left: 25px;
  background: url('li_guitar.gif') no-repeat 0px 1px;
}

.lc_box h3 a {
  font-size: 10px;
}

.lc_box h3 i {
  font-size: 10px;
  font-weight: normal;
  color: #515151;
  font-style: normal;
}

.lc_box h4 {
  font-size: 10px;
  font-weight: bold;
  color: #979797;
}


.lc_box div {
  clear: left;
  width: 210px;
  _width: 235px;
  background: url('lb_foot.gif') no-repeat bottom left;
  background-color: #F6F6F6;
  margin-left: 3px;
  padding: 5px 10px 10px 15px;
}

.lc_box div span {
  display: block;
  padding-bottom: 5px;
  font-size: 10px;
}

.lc_box a {
  font-weight: bold;
  font-size: 10px;
}


/**********************************************************/
/*   RIGHT COL + TITLE                                    */
/**********************************************************/

#rightcol {
  margin: 9px 10px 15px 0px;
  _margin: 14px 2px 15px 0px;
  float: right;
  width: 508px;
  background: url('mb_body.gif');
}


/**********************************************************/
/*   RIGHT COL BODY                                       */
/**********************************************************/

#rc_body {
  width: 508px;
  background: url('mb_head2.jpg') no-repeat top left;
  padding: 4px 0px 0px 0px;
}

#rc_body .infobox {
  margin: 0px 20px 0px 20px;
  border-top: 1px solid silver;
  background: url('corner_arr.gif') no-repeat bottom right; 
}


#rc_body .infobox img {
  border: 1px solid silver;
  margin: 6px 8px 5px 3px
/*  border-top: none;*/
}

#rc_body .sekceinfo {
  font-size: 12px;
  color: white;
  font-weight: bold;
  margin: 0px 20px 15px 20px;
  display:block;
  text-align: right;
}

#rc_body a.komentz {
  font-size: 10px;
}

#rc_body p {
  margin: 10px 20px 0px 20px;
  font-family: verdana;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0px;
  color: #2F2F2F;
}

#rc_body p.info {
  font-family: verdana;
  font-size: 11px;
  line-height: 15px;
  color: #6D6D6D;
  clear: both;
  letter-spacing: 0px;
  margin: 5px 20px 0px 20px;
}

#rc_body p.info2 {
  font-family: verdana;
  font-size: 10px;
  line-height: 13px;
  color: #6D6D6D;
  margin: 4px 20px 0px 0px;
  padding: 0px 3px 3px 3px;
  letter-spacing: 0px;
}

#rc_body p.info2 a {
  font-size: 10px;
}

#rc_body p.linky_info {
  font-family: verdana;
  font-size: 10px;
  color: #6D6D6D;
  margin: 1px 20px 0px 30px;
  padding: 0px 3px 3px 13px;
  letter-spacing: 0px;
  background: url('chk_arr.gif') no-repeat left center;
}

#rc_body p.autor {
  font-family: verdana;
  font-size: 11px;
  color: #6D6D6D;
  padding-bottom: 5px;
  text-align: right;
  letter-spacing: 0px;
}

#rc_body p.archiv {
  font-family: verdana;
  font-size: 11px;
  color: #6D6D6D;
  text-align: right;
  letter-spacing: 0px;
  border-top: 1px solid silver;
  margin-top: 0px;
  padding-top: 5px;
}

#rc_body p.autor2 {
  clear: both;
  font-family: verdana;
  font-size: 10px;
  padding: 0px 0px 5px 0px;
  text-align: right;
  letter-spacing: 0px;
  margin: 0px 15px 5px 20px;
}

#rc_body p.galerie {
  margin: 0px 15px 5px 20px;
}

#rc_body p.galerie span.preview { 
  border: 1px dotted silver;
  text-align: center;
  width: 135px;
  _width: 145px;
  height: 135px;
  _height: 145px;
  padding: 5px;
  float: left;
  margin: 5px;
  display: block;
}

#rc_body p.galerie span.preview img { 
  border: 1px solid silver;
  display: inline;
  margin: 10px auto 5px auto;
}

#rc_body p a {
  font-size: 11px;
}

#rc_body h1 {
  margin: 0px 20px 0px 20px;
  font-weight: bold;
  font-size: 18px;
  color: #CF3213;
  letter-spacing: 1px;
  padding-top: 3px;
}

#rc_body h1 span {
  display: block;
  font-weight: bold;
  font-size: 22px;
  color: #B1B1B1;
/*  border-bottom: 1px solid #B1B1B1;*/
}

#rc_body h1 b {
  font-size: 22px;
  color: #979797;
}

#rc_body h2 {
  margin: 0px 20px 0px 20px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  padding-bottom: 5px;
}

#rc_body h3 {
  margin: 3px 20px 0px 0px;
  font-size: 10px;
  font-weight: bold;
  padding: 0px 3px;
  color: #979797;
}

#rc_body h3.akce {
  text-align: right;
  margin: 3px 15px 0px 0px;
  clear: both;
}

#rc_body h3.akce span {
  font-weight: normal;
} 

#rc_body h4 {
  margin: 4px 20px 2px 0px;
  font-weight: bold;
  font-size: 12px;
  padding: 0px 3px 0px 3px;
}

#rc_body h4.linky {
  margin: 3px 20px 0px 20px;
}

#rc_body h4 a {
  font-size: 12px;
}

#rc_body h5 {
  margin: 0px 20px 0px 0px;
  font-size: 11px;
  font-weight: bold;
  padding: 0px 3px 0px 3px;
}


#rc_body p img {
  margin: 10px;
  _margin: 0px;
  border-top: 2px solid #7A6C1B;
  border-left: 2px solid #7A6C1B;
  border-bottom: 2px solid #C1B25E;
  border-right: 2px solid #C1B25E;
}

img.intext_left {
  float: left;
}

img.intext_right {
  float: right;
}

div.akceinfo {
  margin: 5px 40px 10px 30px;
  padding: 3px 0px 3px 0px;
  background: white;
  border: 1px solid #D1D1D1;
  line-height: 1px;
}

div.ai_left {
  margin: 0px 15px 0px 0px;
  float: left; 
  width: 70px;
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  line-height: 17px;
  padding-top: 1px;
  _padding: 0px;
  color: #979797;
}

div.ai_right {
  line-height: 17px;
}


/**********************************************************/
/*   RIGHT COL BODY                                       */
/**********************************************************/

#rc_foot {
  width: 508px;
  height: 25px;
  _height: 35px;
  background: url('mb_foot.gif') no-repeat top left;
  text-align: center;
  margin-top: 20px;
  padding-top: 10px;
  clear: both;
}


/**********************************************************/
/*   KOMENTZ                                              */
/**********************************************************/

.kom_left {
  width: 50px;
  height: 100px;
  float: left;
  margin: 10px 0px 0px 40px;
  _margin: 10px 0px 0px 20px;
}

.kom_left label {
  text-align: right;
  margin: 3px 8px 0px 0px;
  height: 17px;
  display: block;
}

.kom_right {
  float: left;
  width: 370px;
  margin: 10px 0px 0px 0px;
}

#rc_body p.kom_line1 {
  width: 450px;
  _width: 470px;
  font-size: 11px;
  background-color: #EDEDED;
  padding: 5px 10px 5px 10px;
  margin-top: 1px;
  line-height: 16px;
  overflow: auto;
}

#rc_body p.kom_line2 {
  width: 450px;
  _width: 470px;
  font-size: 11px;
  line-height: 16px;
  background-color: #E5E5E5;
  padding: 5px 10px 5px 10px;
  margin-top: 1px;
  overflow: auto;
}

/**********************************************************/
/*   HEADER                                               */
/**********************************************************/

#header {
  background: url('bg_top_kruhy.jpg') no-repeat top left;
  height: 22px;
  width: 775px;
}

#header p {
  margin: 5px 10px 0px 10px;
  _margin: 5px 5px 0px 5px;
  font-size: 10px;
  font-weight: normal;
  color: #3D3D3D;
  display: block;
}

#header a, #header b {
  font-size: 10px;
}

#header .ft_left {
  float: left;
}

#header .ft_right {
  float: right;
}


/**********************************************************/
/*   FOOTER                                               */
/**********************************************************/

#footer {
  clear: both;
  background: #C7C7C7;
  height: 24px;
  width: 775px;
}

#footer p {
  margin: 5px 10px 0px 10px;
  _margin: 5px 5px 0px 5px;
  font-size: 10px;
  font-weight: normal;
  color: #3D3D3D;
  float: left;
  display: block;
}

#footer .ft_left {

}

#footer .ft_right {
  float: right;
}


/**********************************************************/
/*   OTHER                                                */
/**********************************************************/

.cleaner {
  clear: both;
  height: 0px;
  line-height: 0px;
  padding: 0px;
  border: none;
  margin: 0px;
  display: inline;
}


/**********************************************************/
/*   INPUTS                                               */
/**********************************************************/

option {
  padding: 0px 0px 0px 3px;
}

textarea {
  border: 1px solid #3D3D3D;
  padding: 2px;
  margin-bottom: 1px;
}

.area1 {
  width: 300px;
  height: 60px;
}

.select1 {
  width: 50px;
}

.select2 {
  width: 100px;
}

input {
  border: 1px solid #3D3D3D;
  margin-bottom: 1px;
}

.input1 {
  width: 80px;
  height: 18px;
  padding: 1px 2px 0px 2px;
}

.input2 {
  width: 120px;
  height: 18px;
  padding: 1px 2px 0px 2px;
}

.button1 {
  font-weight: bold;
  background: #B1B1B1;
  color: white;
  width: 40px;
  height: 18px;
}

.button2 {
  font-weight: bold;
  background: #B1B1B1;
  color: white;
  width: 80px;
  height: 18px;
}


/**********************************************************/
/*             VIEWIMG                                    */
/**********************************************************/

#viewimg {
  width: 100%;
  text-align: center;
}

#viewimg .vi_nav {
  margin: 20px 0px 10px 0px;
}

#viewimg img {
  margin: 5px 0px;
  border: 2px solid silver;
}

#vi_foot {
  width: 100%;
  text-align: center;
  margin: 20px 0px 10px 0px;
}