/*css http://www.midasweb.eu */
*{margin:0;padding:0;}
body {background:#322902 url(../img/bg2.gif) ; color:#FDE2A8; font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:1.3px; text-align:center;font-family:Georgia, "Trebuchet MS", Tahoma,georgia,"trebuchet ms",verdana,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#min {background: url(../img/obsah.gif) top center repeat-y; min-width: 860px; z-index:10}
#top {background:url(../img/top.gif) repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:100%;  float:left}
#toplist {position:absolute; top:60px; left:-150px; margin:0 auto; text-align:center; z-index:0; filter: alpha(opacity=10);-moz-opacity: 0.1; opacity: 0.1;}


/*logo*/
#logo {background:#7F3308; width:860px; height:180px; margin:0 auto; text-align:center; position:relative}
#logo1  {background:url("../img/logo.jpg")  no-repeat; width:860px; height:180px; display:block}
#logo p {position:absolute; top:21px; right:60px; font-size:120%; color:#3C396C}
#logoclick {position:relative; top:20px; left:0px; z-index:5; display:inline; width:320px; height:130px; float:left; clear:both}
#slogan h1 {color:#fff; position:absolute; top:8px; right:25px; float:right; clear:both; height:15px; font-size:130%; font-weight:normal }
#slogan h2 {color:#fff; position:absolute; top:35px; right:25px; float:right; clear:both; height:15px; font-size:120%; font-weight:bold; letter-spacing:0.1px; }


/*horni menu pod logem*/
#menu {background: url(../img/bg-menu.gif) no-repeat;  width:860px; height:60px; font-size:14px;  margin:0 auto; text-align:center; position:relative;}
#menu ul {margin:0 auto; text-align:center; height:60px; }
#menu li {display:inline; font-weight:bold; letter-spacing:0.3px !important; line-height:60px; height:60px;  }
#menu li a {background:url(../img/b-menu.gif) top left no-repeat; text-align:right; border-right:#D95A1D 1px solid; border-left:#702A09 1px solid; color:#FDE2A8;  text-decoration: none;  padding: 0px 10px 0px 30px; text-align: center; }
#menu li a:hover { background:url(../img/b-menu.gif) bottom left no-repeat; color:#FF7634; text-decoration:underline  }
.aktiv {background:url(../img/b-menu.gif) bottom left no-repeat; color:#FF7634; border-right:#D95A1D 1px solid; border-left:#702A09 1px solid; padding: 0px 10px 0px 30px}

/*obsah*/
#hlavni {width:860px; margin:0 auto; display:block; position:relative; min-height:500px; height:auto;}
#obsah {background: url(../img/obsah-top.gif) top center no-repeat; width:860px; margin:0 auto; display:block; float:left; position:relative;}
#in {background:#E4D7CC url(../img/obsah.gif) top center repeat-y; min-width: 860px; z-index:10; float:left}
.obsah {padding:0px 10px 0px 20px}
.oddel { background: url(../img/emb.gif) center center no-repeat; display:block; width:60%; height:30px; margin:30px auto !important; padding:5px; position:relative; line-height:25px; font-size:150%; color:#AA0000; text-align:center !important} 
.slogan3 {width:60%; margin:30px auto !important; padding:10px; position:relative; line-height:25px; font-size:150%; color:#053046; border-top:#053046 1px solid; border-bottom:#053046 1px solid; text-align:center !important} 

#leva  {width:530px; float:left; position:relative; left:0px; padding:30px 10px 0 40px; margin-top:20px; color:#000}
#leva  p {text-align:left; margin:15px 0; font-family:tahoma }
#leva  strong {color:#6B2503}
#leva h2 {color:#A93903; font-size:160%; margin:7px 0; text-align:left; }
#leva h3 {color:#A93903; font-size:120%; margin:20px 0 10px; text-align:left;   }
#leva  table {border:#D8C8BB 1px solid; border-collapse:collapse; margin:10px 0; width:auto;}
#leva  td {border:#D8C8BB 1px solid; padding:2px 10px; text-align:left}

#leva  hr {color:#986B09; background-color:#986B09; border: 0 none; height:1px; margin:15px auto; text-align:center; width:60%; position:relative; }
#leva  img {float:right; margin:0 0 10px 15px; border:#B17C08 3px double;}
#leva a {color:#A93903}
#leva a:hover {color:#000}
.obal {float:right; width:100px; margin-left:15px; margin-top:10px}
.obal img {margin:0 auto !important; float:none !important}
.obal a {float:right; margin-top:20px}

#prava {width:190px; float:right; position:relative; padding:50px 60px 20px 0}
#prava p {text-align:justify !important; margin:15px 0; font-family:tahoma}
#prava h3 {font-size:120%; text-align:left; color:#F77132}
#prava ul {margin-bottom:45px; text-align:left; font-family:tahoma}
#prava a {color:#fff}
#prava a:hover {color:#F77132}
#prava h3 a {color:#F77132}

/*koncerty*/
#koncerty table{width:100%; border-bottom:#D8C8BB 5px solid!important; margin-bottom:15px!important}
#koncerty strong {font-size:120%!important}
.double {border-bottom:#D8C8BB 3px solid!important; font-weight:bold}

/*galerie*/
.bg-img p {text-align:center !important}
.bg-img img{margin:2px !important; padding:1px;  float:none !important}
.hover-img a img {border:#CBB9AA 5px solid!important}
.hover-img a:hover img {border:#842908 5px solid!important}

/*texty*/
.italic {font-style:italic; font-size:90%; color:red; text-align:left !important}
.tdright {text-align:right !important}

/*galerie*/

.border img {border:#cacaca 1px solid; padding:0; margin:15px 0 0 10px}
.galerie img {border:#dfdfdf 1px solid; padding:0; float:none !important; margin:3px !important}
.galerie a img {border:#842908 3px double;}

/*seznamy*/
.seznam ul { margin:10px 0 10px 0px}
.seznam li {list-style-image:url(../img/b.gif); list-style-position:outside; text-align:left; margin-left:30px;  padding-left:10px; line-height:25px}
.seznam li a {color:#A93903}
.seznam li a:hover {color:#322902}

/*paticka*/
#nadpaticka {background: url(../img/nadpaticka.gif) top repeat-x; width:100%; height:130px; float:left; margin:0 auto}
#paticka {background: url(../img/paticka.gif) no-repeat; color:#fff ; font-size:80%; font-weight:bold; width:860px; height:130px;  margin:0 auto; position:relative; text-align:center}
#paticka p {position:relative; top:90px; text-align:center; margin:0 auto}


/*odkazy*/

a {color:#FF7634}
a:hover {color:#fff}

/*foto v textu*/
.foto{float:left; margin-right:15px; margin-bottom:15px}
.foto-right {margin:0px 0 5px 10px; float:right; }
.foto-left {margin:0 35px 10px 0px; float:left}
.foto-text a img {border:#fff 3px double;  margin:3px 5px }
.foto-text a:hover img {border:#fff 3px solid;  }
.no-border img {border:none !important;}



/*formular*/
fieldset {border:#cacaca 1px solid; padding:10px; overflow:hidden}
legend {background:#fff; border-bottom:#999 2px solid; border-right:#999 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid; padding:2px 10px; margin-bottom:10px}
.form {width:100%; margin:0 auto; overflow:hidden}

.but {padding:10px 5px}

input.butt {border-bottom:#999 2px solid; border-right:#999 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid;}
input.butt:hover {border-bottom:#f3f3f3 2px solid; border-right:#f3f3f3 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid;}

input {background:#fff; border:#cacaca 1px solid; overflow:hidden}
textarea {background:#fff; border:#cacaca 1px solid; width:280px; padding:0; margin:10px}
textarea:hover, input:hover {border:#BD4707 1px solid; background:#f5f5f5}






