@font-face {font-family: 'urania_czech'; src: url("../fonts/urania_czech.eot")}
@font-face {font-family: 'urania_czech'; src: url("../fonts/urania_czech.ttf") format('truetype')}
body {text-align: center; margin: 0; padding: 0; color: #FFFFFF; background: #000000 url("../img/bg_page.png") center top repeat-y; font-family: "Times New Roman",Verdana, Arial, sans-serif; font-size: 80%}
h1 {display: none}
h2, h3 {color: #000000; font-family: "Times New Roman", serif}
h4 {margin: 0; font-size: 100%}
h4 span {font-weight: normal}
ul li {list-style-type: none}
a {text-decoration: none; position: relative}
p {text-align: justify; margin: 0; line-height: 1.3em}
table {font-size: 100%; color: #393026; margin-right: 10px}
table td {padding: 5px 8px; text-align: left; vertical-align: top}
img {border: none}
label {font-weight: bold; letter-spacing: -1px}



#body {width: 980px; text-align: left; margin: 0 auto; background: url("../img/bg_body.png") -1px top no-repeat}

#head {float: right; margin-right: 70px; margin-top: 12px; display: inline; padding: 0}
#search {background: url("../img/bg_search-form.gif") left top no-repeat; width: 136px; height: 26px; margin: 0 0 1px 0; padding: 0}
#search p {text-align: center; padding-top: 4px}
.submit-search {background: url("../img/submit_search.gif") left top no-repeat; border: none; width: 35px; height: 15px; margin-right: 3px; vertical-align: middle}
.search-text {background: transparent; border: 1px solid #2A1A0C; width: 85px; font-size: 80%; color: #FFFFFF; position: relative; top: 1px}
.radio-semafor, .fan-club {display: block; width: 139px; height: 31px; background: url("../img/bg_radio.gif") left top no-repeat}
.fan-club {background-image: url("../img/bg_fan.gif")}

#main-menu {margin: 15px 0 0 0; padding: 0; width: 980px; height: 37px; clear: both; display: inline-block}
#main-menu li {float: left}
#main-menu li a {padding: 7px 8px; display: block; float: left; color: #FFFFFF; font-size: 140%; font-weight: normal; font-family: "Times New Roman", serif}

#colleft {width: 230px; float: left; margin-top: 210px}
#colleft h2 {font-size: 160%; margin-bottom: 5px; margin-top: 10px}
#colleft h2, #colleft a, #colleft p.right {color: #E6AB57}
#colleft p {margin-left: 90px}
#colleft p.right {margin-right: 10px}
#colleft p.right-white {color: #FFFFFF; margin: 0 0 0 90px}
#colleft img {float: left; border: 1px solid #FFFFFF; margin-right: 10px}
.object {margin: 20px 0; width:227px; height:173px; display: inline-block; border: 1px solid #FFFFFF}
.object.smaller {width: 200px; height: 150px; margin-top: 0}


#colright {margin-top: 30px; float: right; width: 660px}
#boxes {overflow: auto; height: 490px; position: relative; padding-right: 10px}
#box-news-reel {background: url("../img/homepage_box-wide.png") left top no-repeat; width: 574px; height: 212px; margin-bottom: 25px; float: right}
#box-news-reel div.news-reel {overflow: auto; margin: 10px 10px 10px 20px; width: 544px; height: 192px; display: inline-block; position: relative}
#box-news-reel div {margin-bottom: 10px}
#box-news-reel img {float: left; margin-right: 10px}
#colright h2 {font-size: 150%}
#box-news-reel h2 {margin: 0 10px 5px 83px}
#box-news-reel h3 {font-size: 130%; margin: 0 10px 0 0}
#box-news-reel p {margin-right: 10px}
#box-news-reel p.right {margin-right: 20px}
#box-news-reel a {color: #000000}
#box-today-play, #box-celebration {background: url("../img/homepage_box-left.png") left top no-repeat; width: 276px; height: 248px; float: right;}
#box-today-play{overflow:auto;width:295px;position:relative;left:15px;font-size : 0.95em}
#box-today-play h2 {margin: 5px 20px 0 20px}
#box-today-play p {margin: 0 20px}
#box-celebration {background-image: url("../img/homepage_box-right.png"); margin-left: 20px}
#box-celebration img {margin: 15px 0 0 90px}
#box-celebration h2 {text-align: center; margin: 15px 20px}
#box-partners h2 {text-align: left; margin: 10px 20px 5px 20px}
#colright ul {margin: 0 20px 20px 20px; padding: 0; line-height: 1.3em}
#box-celebration ul {margin-left: 40px}
#box-partners {background: url("../img/homepage_box-partners.png") left top no-repeat; width: 573px; height: 92px; overflow: auto; float: right; margin: 25px 0 20px 0}
#box-partners p {margin: 0 20px 0 20px}
#box-partners img {margin: 0 10px 10px 0}

#subpage-box {background: url("../img/subpage_box.png") left top no-repeat; width: 573px; height: 482px; float: right; margin-right: 20px; margin-top: 7px; display: inline}
.suppagebox2 {width:565px}
#colright #menu-left, .menu-table, #colright #menu-wide {margin: 19px 10px 20px 7px; display: inline-block}
#menu-left li {width: 117px; height: 37px; display: block; background: url("../img/menu_noactive.png") left top no-repeat; float: left; clear: left}
.menu-table td {width: 117px; height: 37px; background: url("../img/menu_noactive.png") left top no-repeat}
#menu-left li.active, #menu-left li a:hover, #menu-left span, .menu-table td.active, .menu-table a:hover, .menu-table span {background: url("../img/menu_active.png") left top no-repeat}
.menu-table td.active, .menu-table a:hover, .menu-table span {background-position: left center}
#menu-left a, #menu-left span, .menu-table a, .menu-table span, #menu-wide a, #menu-wide span {color: #000000; font-weight: bold; text-decoration: none; display: block; padding: 11px 0 10px 7px; font-size: 120%; font-family: "Times New Roman", serif}
.menu-table {border-collapse: collapse}
.menu-table td {padding: 0; vertical-align: middle; text-align: center}
.menu-table td a, .menu-table td span {font-size: 90%; padding: 0; height: 37px; line-height: 1em; font-family: "Times New Roman",Verdana, Arial, sans-serif; letter-spacing: -1px; display: table-cell; vertical-align: middle; width: 117px}
.menu-table td span.vertical-align {height: auto; background: none; font-size: 100%}
#subpage-main {width: 420px; float: right; overflow: auto; margin: 15px 10px 0 0; color: #393026; display: inline; position: relative}
#subpage-main.menu-scroll {width: 563px}
#subpage-main.wider-main {width: 430px}
#colright #menu-wide {float:left}
#subpage-main a {color: #393026}
#subpage-in {height: 425px; overflow: auto; padding-right: 40px; position: relative}
#subpage-in.wider {padding-right: 20px}
#subpage-in div.content {width:380px; margin-left:133px}
#subpage-main img.church {border: 1px solid #383025; margin-left: 45px; margin-bottom: 12px}
#subpage-main h2 {text-align: center; font-size: 180%; margin-top: 10px}
#subpage-main h3 {text-align: center; font-size: 130%}
#subpage-main p {margin-bottom: 12px; text-align: left}
#subpage-main p.center {text-align: center}
#subpage-main .cd-dvd {margin-bottom: 18px; clear: left}
#subpage-main .cd-dvd.first {margin-top: 20px}
#subpage-main .cd-dvd img {float: left}
#subpage-main .cd-dvd h3 {font-size: 110%}
#subpage-main .cd-dvd h3, .cd-dvd p {margin: 0; margin-left: 128px; text-align: left; font-family: "Times New Roman",Verdana, Arial, sans-serif;}
#subpage-main table td.fourth {width: 37%}
#subpage-main .repertoar {margin-bottom: 25px; clear: both}
#subpage-main .repertoar div {float: left; width: 120px}
#subpage-main .repertoar h3 {font-family: "Times New Roman",Verdana, Arial, sans-serif; margin: 2px 0; font-size: 110%}
#subpage-main .repertoar p {margin-left: 135px}
#subpage-main .repertoar p.red {margin-left: 0}
#subpage-main .repertoar p.right {text-align: right}
#subpage-main .repertoar p span {display: inline-block; width: 120px; text-align: left}
#subpage-main  p.float-left {width: 145px; text-align: justify; margin-right: 20px; margin-bottom: 20px; font-weight: bold}
#subpage-main  p.nomarginbottom {margin-bottom: 0; margin-top:2px; clear: none}
.arrow {background: transparent url("../img/arrow.png") left center no-repeat; font-weight: bold; padding-left: 40px; margin-right:30px; display: inline-block}
h3.bigger {font-size: 280% !important; margin: 15px 0}
h3.verdana {font-family: "Times New Roman",Verdana, Arial, sans-serif; margin: 5px 0 10px 0; font-size: 125% !important}
h3.verdana.right {margin-left: 110px; width: 130px; float: left; position: relative; top: -5px; display: inline}
h3.bigger-verdana {font-family: "Times New Roman",Verdana, Arial, sans-serif; margin-top: 5px; font-size: 190% !important; font-weight: normal; text-align: left !important; margin-bottom: 5px}
.photogallery img {margin: 5px 15px 5px 0}
#colright #menu-wide {display: inline}
#menu-wide li {float: left; clear: left; display: block; width: 117px; height: 116px; background: url("../img/menu_wide.png") left top no-repeat; text-align: center}
#menu-wide a, #menu-wide span {padding: 5px 0; font-size: 100%; font-family: "Times New Roman",Verdana, Arial, sans-serif; letter-spacing: -1px}
#menu-wide img {margin-top: 5px; border: 1px solid #302316}
#menu-wide li.active, #menu-wide li a:hover, #menu-wide span {background: url("../img/menu_wide-active.png") left top no-repeat}
table.photos {width: 364px}
table.photos td {text-align: center; padding: 5px; width: 20%}
table.photos img, table.bottom img, .persons img, .person-smaller img, img.border {border: 1px solid #302316}
table.bottom img { float:left}
table.photos a {font-weight: bold}
table.photos.normal {width: 390px}
table.photos.normal td {padding: 5px 2px; width: auto}
table.photos.normal a {font-size: 80%}
.birth {margin-bottom: 0 !important}
img.float-right {margin: 10px 0 10px 20px}
.menu-table td.noback {background-image: none}
.menu-table.bigger-font {font-size: 105%; margin-right: 0}
.menu-table.second {margin-top: 50px;font-family: "Times New Roman",Verdana, Arial, sans-serif; font-size : 1.3em ; font-weight : normal !important;}
.menu-table.second a {font-weight : normal}
table.bottom {margin-bottom: 15px; clear: both}
table.bottom img {margin-right: 10px}
table.bottom td {vertical-align: bottom; padding: 0}
#page-search {background: transparent url("../img/bg_search.gif") left top no-repeat; width: 54px; font-size: 10px; border: none; padding: 2px}
.persons {width: 173px; float: left; margin: 5px 0 20px 0}
.persons.margin-right {margin-right: 10px}
.persons img {float: left; margin: 0 10px 5px 0}
.persons h3 {text-align: left !important; margin: 0; font-size: 110% !important}
.persons p {line-height: 1.1em; margin-bottom: 5px !important}
.person-smaller {margin-bottom: 15px}
.person-smaller img {margin: 0 10px 10px 0}
.person-smaller p {margin-bottom: 5px !important}
#subpage-in.history-person h3.history-years {width: auto; font-size: 150% !important; margin-left: 0 !important; margin-top: 5px !important; margin-bottom: 12px !important; font-weight: normal}
#subpage-in h2.nomarginbottom {margin-bottom: 5px}
.history-year {text-align: center}
.history-year div {margin-bottom: 5px; border: 1px solid #2F2921}
.history-year p {text-align: center !important}
.history-years a {font-weight: bold; margin-left: 10px}
table.song-cd td {vertical-align: bottom; text-align: left}
table.song-cd td.right {text-align: right}
table.song-cd h3.bigger-verdana {font-size: 300% !important; margin-bottom: 0 !important}
table.song-list {border-collapse: collapse; font-weight: bold; width: 382px; margin-bottom: 15px}
table.song-list td {text-align: right; vertical-align: top; font-size: 90%; padding: 5px 3px; color: #2F2820; border-bottom: 3px solid #2F2820}
table.song-list a {font-size: 120%; color: #2F2820}
table.song-list td.one {width: 5%; font-size: 110%}
table.song-list td.two {text-align: left}
table.song-list td.three {font-size: 90%; width: 40%}
table.song-list tr.first td {color: #FF0000; border-bottom: 3px solid #FF0000}
table.song-list tr.first a {color: #FF0000 !important; font-weight: bold; font-size: 150%}
table.song-list tr.first td.one {padding-top: 6px}
table.song-list tr.second td {color: #A50403}
table.song-list tr.second a {color: #A50403 !important; font-weight: bold}
#subpage-in a.blue {color: #2324EE; text-decoration: underline}
.float-left.width-auto {width: auto !important; margin-right: 5px !important; font-size: 90%; letter-spacing: -0.5px}
.top-ten {display: block; width: 79px; padding: 12px 0; margin-bottom: -15px; background: url("../img/bg_topten.gif") center center no-repeat; color: #FFFFFF !important; text-align: center; font-size: 110% !important}
.song-video div {margin: 0 0 10px 0; border: 1px solid #2F2921}
.contacts {float: left; width: 165px; margin: 0 15px 15px 0; display: inline}
.contacts p {margin: 0 !important}
.contacts p.indent {text-indent: 0; margin-left: 20px !important}
.contacts p a {text-decoration: underline}
#shop-left {float: left; width: 120px; margin-left: 4px; display: inline; color: #000000}
#shop-left a {color: #000000; text-align: center; display: block; width: 115px; padding: 10px 0}
#shop-left p {margin-bottom: 10px}
#shop-left p span {text-align: right; display: block; margin-right: 5px}
.my-basket {background: url("../img/bg_my-basket.gif") center center no-repeat}
.out-basket {background: url("../img/bg_out-basket.gif") center center no-repeat}
.send-order {background: url("../img/bg_send-order.gif") center center no-repeat; margin-top: 15px; font-weight: bold}
.shop-search {float: right; margin-top: 10px}
.shop-search label {margin-right: 5px; font-size: 140%; font-weight: normal}
#search-shop {background: url("../img/search_shop.gif") left top no-repeat; width: 118px; border: none; font-size: 20px; padding: 2px}
.shop-item {clear: both; text-align: left; margin-bottom: 20px}
.shop-item p {margin-left: 145px}
.shop-item img {margin: 0 10px 10px 0; border: 1px solid #302316}
.basket {background-color: #EDDAC2; border: 1px solid #231E18; padding: 4px; margin-left: 145px; margin-bottom: 15px}
.basket form {width: 208px; margin: 0; padding: 0; float: right}
.basket form p {margin: 0 !important}
.basket input {width: 60px; border: 1px solid #BDC7CE}
.basket input.to-basket {width: 50px; height: 39px; border: none; background: url("../img/ico_basket.gif") left top no-repeat; position: relative; top: 2px}

#line {width: 611px; height: 2px; line-height: 2px; font-size: 2px; background: url("../img/line.png") right top no-repeat; float: right; margin-top: 30px}
#footer {padding: 5px 20px 20px 20px; font-size: 110%; text-align: right; clear: right}

.fix {clear: both}
.fix.right {clear: right}
.fix-font {clear: both; font-size: 0.0001em; line-height: 0.0001em; height: 0.00001em}
.right {text-align: right; color: #000000}
.center {text-align: center}
.red {color: #F43B2E}
.blue {color: #2324EE}
.bold {font-weight: bold}
.float-left {float: left}
.float-right {float: right}
.indent {text-indent: 30px; margin-right: 15px}
.italic {font-style: italic}
.justify {text-align: justify !important}




/*moje úpravy*/

 /*#subpage-in div.content {width:380px; margin-left:133px; overflow-x: hidden;
}*/
a.akt_hra {text-transform:uppercase; font-size: 1em; color: #FFFFFF !important}
div.repertoar span.anotace{margin : 5px;}

.obr {float:left; margin:10px}
.text_news {position:relative;top:-15px;}
.odkaz {text-align:right}
 .video{ vertical-align : top;}
 .whole_page {width : 400px}
 .aktualita {float : left ; margin : 5px}
 p.anotace {display : block; width : 500px; }
 p.narrower{width:350px;}
#main-menu li a {text-transform:uppercase;}
h2.results {text-transform:uppercase;}
float-ceter {display:inline; position : relative; left : 100px ; }
.upravy {float: left;display : block;}
.my_wider {width : 600px;position : absolute}
.margintop {margin-left: 0px;margin-right : 0px; margin-bottom:0px; margin-top : 5px;}
.hidden {visibility : hidden}

.otazka {font-weight : bold;}
.odpoved {width : 200px ; display : inline}
.spravna_odpoved {width : 200px ; display : inline; color : green}
.spatna_odpoved {width : 200px ; display : inline; color : red}
.spravne {width : 150px ; height : 50px ; display:inline-block;  color : green ; font-size : 1.1em;padding-bottom:20px;margin-bottom : 20px}
.spatne {width : 150px ; height : 50px ; display:inline-block ;  color : red ; font-size : 1.1em ; padding-bottom:20px;margin-bottom : 20px}
.spravne p {font-weight:bold;font-size : 1.1em}
.spatne p {font-weight:bold;font-size : 1.1em}
.redfont {color : red ; text-transform:uppercase; font-weight:bold; position:relative; left : 100px ; top : 13px; _top:20px;
       	}
 .odkaz {
         text-transform : uppercase;
         font-size : 0.9em;
         
        }      	

.logo 
 {
   margin-left:30px ; padding : 5px 10px 0px 10px;
 }
 .nadpis {margin : 0px ; padding : 0px; border:0px}
 .table_hoste {position:relative;left:0px} 
 .cas {width : 10px }
span.news
{
padding-top:10px;
margin:0px;
 width:250px;
 display:inline-block;
}
span.msg
 {
  color:red;
 }