html, body {
height: 100%;
width: 100%;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#bd9b35;
background: #000;
}

img.floatTL {
float: left;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 1em;
}

img.floatTR {
float: right;
margin-left: 1em;
margin-bottom: 1em;
margin-top: 1em;
margin-right: 1em;
}

#gal {
float: left;
background: url(../img/blackbg.png);
margin-right: 10px;
width: 148px;
padding-top: 10px;
padding-bottom: 7px;
margin-top: 4px;
text-align:center;
}

.input1 {background-color: #4c3201; border: 1px solid #1f1d06; font-size: 11px}

#novinky a {background: url("img/button-novinky.gif") 0 0 no-repeat; display:block; width:96px; height: 23px; margin-top: 26px}
#novinky a:hover {background-position: -96px 0;}
#novinky a:active {background-position: -96px 0;}

#kapela a {background: url("img/button-kapela.gif") 0 0 no-repeat; display:block; width:96px; height: 23px; margin-top: 0px}
#kapela a:hover {background-position: -96px 0;}
#kapela a:active {background-position: -96px 0;}

#media a {background: url("img/button-media.gif") 0 0 no-repeat; display:block; width:96px; height: 23px; margin-top: 0px}
#media a:hover {background-position: -96px 0;}
#media a:active {background-position: -96px 0;}

#foto a {background: url("img/button-foto.gif") 0 0 no-repeat; display:block; width:96px; height: 23px; margin-top: 0px}
#foto a:hover {background-position: -96px 0;}
#foto a:active {background-position: -96px 0;}

#extra a {background: url("img/button-extra.gif") 0 0 no-repeat; display:block; width:96px; height: 23px; margin-top: 0px}
#extra a:hover {background-position: -96px 0;}
#extra a:active {background-position: -96px 0;}

#mabook a {background: url("img/button-mabook.gif") 0 0 no-repeat; display:block; width:96px; height: 23px; margin-top: 0px}
#mabook a:hover {background-position: -96px 0;}
#mabook a:active {background-position: -96px 0;}

#kontakt a {background: url("img/button-kontakt.gif") 0 0 no-repeat; display:block; width:96px; height: 23px; margin-top: 0px}
#kontakt a:hover {background-position: -96px 0;}
#kontakt a:active {background-position: -96px 0;}

h3{
font-size: 1em;
color: #ff7733;
background-image: url(../images/hbgsm.jpg);
background-repeat: no-repeat;
padding-left: 45px;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 7px;}

#wrapper {
 width: 745px;
 margin: 0 auto;
}

#navbartop {
 margin: 0px 0px 0px 0px;
 height: 202px;
 background-color: #271700;
 background-repeat: no-repeat;
 text-align: right;
 color: #ff7733;
 background-image: url(../img/ma_logo.jpg);
 display: inline; /* IE Hack */
 width: 465px;
 float: left;
 min-height: 202px;
 }
#navbartop a{
font-size: 1em;
color: #ff7733;
text-decoration: none;
}
#navbar {
 margin: 0px 0px 0px 0px;
 background-color: #333332;
 height: 55px;
 background-image: url(../img/menu.jpg);
 background-repeat: no-repeat;
 text-align: center;
 display: inline; /* IE Hack */
 width: 280px;
 float: left;
 min-height: 202px;}
#nav {
 padding: 0;
 height: 2.2em;
 margin-top: 15px;
 }
#nav li {
 list-style-type: none;
 display: inline;
 line-height: 20px;
 }		
#nav li a { 
 text-decoration: none; 
 color: #333360;
 border-bottom: 0;
 padding: 5px 10px;
 font-size: 1.1em;
 font-weight: bold;
 }
#nav li a:hover { 
 color: #ff7733; 
}
#nav li a.on { 
 color: #00a7cc; 
 }
#header {
 margin: 0px 0px 0px 0px;
 height: 36px;
 background-color: #333332;
 background-image: url(../img/ma_lista.jpg);
 background-repeat: no-repeat;
 display: inline; /* IE Hack */
 width: 745px;
 float: left;
 min-height: 36px;
 }
#header h1 {
 color: #89cc46;
 font-size: 1.7em;
 text-decoration: underline;
 }
#header a {
 color: #bce296;
 font-size: 1em;
 text-decoration: none;
 font-weight: bold;
 }
#maintext {
 margin: 0px 0px 0px 0px;
 height: 100%px;
}
#maintext h1{
color: #00a7cc;
font-size: 1.4em;
background-image: url(../images/hbg.jpg);
background-repeat: no-repeat;
padding-left: 65px;
padding-bottom: 6px;
padding-top: 6px;
}
#maintext h2{
color: #dcb757;
font-size: 1.2em;
background: #9e7218 url(../img/web/lista.jpg) top left no-repeat;
background-repeat: no-repeat;
padding-left: 20px;
padding-bottom: 8px;
padding-top: 8px;
}
#maintext p{
color: #d9d6d6;
text-align: justify;
padding-top: 10px;
padding-left: 5px;
padding-bottom: 10px;
padding-right: 11px;
}
#maintext a{
color: #f0be1d;
text-decoration: none;
}
#maintext a:hover{
color: #ff7733;
}
.inset
{ 
float:right;
width:346px;
padding:5px;
border:#66cc00 1px solid;
margin:5px 0 0 5px;
background:#ddffc5;
color:inherit;
font-size:85%;
}

blockquote {
font-family: monospace;
font-size: .9em;
background-color: #e9ffd9;
margin: 5px;
padding: 10px;
text-align: justify;
}

/* ---------------------------- */
#leftcolumn1 { /* Parent Wrapper for inside boxes */
 margin: 0 0px 0px 5px;
 display: inline; /* IE Hack */
 width: 180.5px;
 float: right;
 min-height: 300px;
 padding: 4px;
 
}
* html #leftcolumn1 {height: 300px;} /* IE Min-Height Hack */ 

#leftcolumn2 { /* Parent Wrapper for inside boxes */
 margin: 0 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 180px;
 float: left;
 min-height: 300px;
 padding: 4px;
border-top: 1px #66ff00 solid;
border-bottom: 1px #66ff00 solid;}
* html #leftcolumn2 {height:300px} /* IE Min-Height Hack */ 
/* ---------------------------- */


/* ---------------------------- */
#rightcolumn {
 
width: 220px;
float: right;
margin-right: 21px}

#rightcolumn2 { /* Parent Wrapper for inside boxes */
 border: 1px solid #66ff00;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 181px;
 float: left;
 min-height: 300px;
}
* html #rightcolumn2 {height:300px} /* IE Min-Height Hack */ 
/* ---------------------------- */
#leftcolumn1 ul, #leftcolumn2 ul, #rightcolumn1 ul, #rightcolumn2 ul{
margin-left: 30px;
margin-top: 20px;
color: #66ff00;}

#leftcolumn1 li, #leftcolumn2 li, #rightcolumn1 li, #rightcolumn2 li{
padding-top: 10px;
padding-left: 10px;
}

#leftcolumn1 a, #leftcolumn2 a, #rightcolumn1 a, #rightcolumn2 a{
color: #ff7733;
font-weight: bold;
text-decoration: none;}

#footer {
 background-color: #eeeeee;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 float: left;
 width: 745px;
background-image: url(img/down.jpg);
text-align: center;
height: 142px;
font-size: .9em;}

#footer a{
color: #cc4400;}

#main {
width: 770px;
margin: 0 auto;
height: 100%;
min-height: 100%;
background-color: #9e7218;
}

#concerts {
height: 260px;
width: 240px;
color: #FFFFFF;
float: left;
}

#babuska14 {
margin-left: 30px;}

#top {

height: 202px;
width: 770px;
background-color: red;
float: left ;
background: #81561c url("../img/web/top.jpg") top left repeat-x;
border-left-style: 1px solid #4f4b42;
}

#rgm {
height: 202px;
width: 450px;
float: left;
}

a {
color: #9e7218;}

a:hover {
color: #9e7218}

#mujdum {
height: 170px;
width: 320px;
float: left;
}

#fanda a {background: url("../img/aktualne/fanousek.png") 0 0 no-repeat; display:block; width:250px; height: 31px; margin-left: 24px;}
#fanda a:hover {background-position: -248px 0;}
#fanda a:active {background-position: -250px 0;}

#rgm a {background: url("../img/aktualne/rgm.png") 0 0 no-repeat; display:block; width:450px; height: 139px; margin-left: 24px;}
#rgm a:hover {background-position: -450px 0;}
#rgm a:active {background-position: -450px 0;}

#mujdum1 a {background: url("../img/aktualne/mujdum.png") 0 0 no-repeat; display:block; width:233px; height: 156px; margin-left: 24px;}
#mujdum1 a:hover {background-position: -233px 0;}
#mujdum1 a:active {background-position: -233px 0;}

#menu {
width: 770px;
height: 36px;
float: left;
font-size: 14px;
font-weight: bold;
background: #81561c url("../img/web/menu.jpg") top left repeat-x;
}

#menu a {
color: #e59915;
text-decoration: none;
}

#menu a:hover {
color: #f7c369;
text-decoration: underline;
}

.column-in {
margin:0;
}
		


#obsah {
width: 513px;
background: #9e7218 url("../img/web/back.jpg") top left no-repeat;
float: left;
min-height: 819px;
}

#right {
width: 257px;
min-height: 819px;
float: left;
background: #9e7218 url("../img/web/right.jpg") top left no-repeat;
}

#celek {
width: 770px;
height: auto;
float: left;
background-color: #9e7218;
}       

      

