@CHARSET "UTF-8";
/* SOF RESET */
/* v1.0 | 20080212 */

/* prvky:   - jsou znepoužitelněny*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 98%;
   /*vertical-align: baseline; /* Ověřit v IE */
   background: transparent;
}
body {
   /*line-height: 1;*/
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
/* remember to define focus styles! */
:focus {
   outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
   text-decoration: none;
}
del {
   text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
}
/* EOF RESET */


/* Základní nastavení layoutu */
html,body {
   border: 0px none;
   margin: 0px;
   padding: 0px;
   font-family: Georgia, serif  !important;
   text-align: center;
   background: black url('../images/back_2.jpg') bottom center repeat;
}

/* resetovač */
.reseter {
   border: 0px none;
   margin: 0px;
   padding: 0px;
   float: none;
   clear: both;
   width: 0px;
   height: 0px;
   line-height: 0px;
   font-size: 0px;
}

.separator {
   display: none;
   visibility: hidden;
}

.hidden {
   display:none;
}

.smallline {
   line-height: 0.5em;
}

#bodywrap {
   text-align: center;
   margin: 0px auto 0px auto;
   /*overflow: hidden;*/
   width: 1000px;
   line-height: 1.6;
   padding-bottom: 20px;
   padding-top: 1px;
}

#pageWrapper {
   text-align: left;
   width: 900px;
   margin: 0 auto 0px auto;
   padding-top: 10px;
   background: url('../images/page_back.png') white bottom center repeat-x;
}

#pageHeader {
   height: 250px;
   overflow: hidden;
}
#logo {
   margin-right: 20px;
}
#footwrap {
   padding: 5px;
/*    text-align: right; */
/*    color: white; */
   padding-left: 310px;
}

#colswrap {
   width: 100%;
   /* MSIE needs at least width definition to cut extra margin/padding trick */
   /*overflow: hidden;*/
   /* hide margin/padding trick in well-CSS browsers = true Gecko based */
   background-color: transparent;
   /* setting background color will cover container 'footer' */
   min-height: 600px;
}

.column {
   float: left;
}

#col1wrap {
   width: 100%;
   clear: both;
}

#col1pad {
   padding: 15px 10px;
   position: relative;
   margin-left: 300px;
   margin-top: 40px;
}
#col2wrap {
   width: 300px;
   margin-left: -100%;  /*position column to the left side*/
   background: url('../images/logo_bottom.png') top left no-repeat;
}
#col3wrap {
   width: 300px;
   margin-left: -300px; /* negative self width to place column to the most right place */
}

#col1pad.col1pad_plusleft {
   margin-left: 300px;
}

#col1pad.col1pad_plusright {
   margin-right: 300px;
}
#col2pad {
   padding: 15px 10px;
   margin-top: 40px;
}
#col3pad {
   padding: 15px 10px;
   margin-top: 40px;
}

/* uprava prvku globalne */
h1 {
   font-size: medium;
   font-weight: bold;
   display: none;
}

h2, h2 a {
   font-size: 1.1em;
   font-weight: bold;
   margin-bottom: 5px;
}

a {
   text-decoration: none;
   border: none;
}

a:link {
   text-decoration: none;
   border: none;
}

a:visited {
   text-decoration: none;
   border: none;
}

a:active {
   text-decoration: none;
   border: none;
}

a:hover {
   text-decoration: underline;
   border: none
}

span[title] {
   border-bottom: 1px dashed gray;
}

.fontColor {
   color: gray;
}

/* EOF styly vnitřku */

/* Hlášky */
.message {
   font-size: small;
   padding: 5px 5px 5px 40px;
   background-repeat: no-repeat;
   background-position: 11px 50%;
   margin-bottom: 5px;
   color: black !important;
   clear: both;
}
.message p {
   margin-bottom:3px;
   border-top: 1px solid gray;
}
.message p:first-child {
   border: none;
}

#infoMessages {
   border-bottom: 2px #b7dcff solid;
   border-top: 2px #b7dcff solid;
   background-color: #cce6ff;
}

#errMessages {
   border-bottom: 2px #ffc7c0 solid;
   border-top: 2px #ffc7c0 solid;
   background-color: #ffe3e0;
}

#coreErrMessage {
   border-bottom: 2px #ffa095 solid;
   border-top: 2px #ffa095 solid;
   background-color: #ffb2a9;
}

/* formulařové prvky */
.requiredElem {
   color:maroon;
}

.formErrorLabel {
   color:red;
}

.formError {
   background-color: #f4d0d0;
}

a.formLinkLang {
   color: #999999;
}

a.formLinkSelLang {
   color: black;
   font-weight:bold;
   background-color:#cccccc;
   border-style: solid;
   border-width: 1px 1px 0 1px;
   border-color: #666666;
   padding: 0 2px;
}

/* tabulka formuláře */
fieldset, .formTable {
   background-color: #c7e0f9;
   width: 96%;
   margin-bottom: 10px;
}
fieldset p.formGroupText {
   padding: 5px;
}
fieldset legend {
   background-color: #c7e0f9;
   padding: 0 5px;
   border: 1px solid gray;
   border-bottom: none;
}
.formTable td, .formTableGroup td, .formTable th, .formTableGroup th {
   padding: 5px;
}

.formTable th.formLabels, .formTableGroup th.formLabels {
   width: 100px;
   text-align:right;
}

input, button, textarea, select {
   border: 1px solid #acacac;
   background-color: white;
   font-size: 1em;
   font-family: "Tahoma", "Arial", sans-serif;
   padding: 1px;
}
input {
   height: 16px;
}

input[type="image"],input[type="checkbox"] {
   border: 0;
   background-color:transparent;
}

input[type="submit"], button{
   height: 20px;
   vertical-align: bottom;
   background-color: #ececec;
   border: 1px solid gray;
   border-top-color: transparent;
   border-left-color: transparent;
   font-size: 0.8em;
}

input[type="submit"]:hover, button:hover {
   border-top-color: gray;
   border-left-color: gray;
   background-color: #dcdcdc;
   border-bottom-color: transparent;
   border-right-color: transparent;
}

input[type="reset"]:hover, .delete_form input[type="submit"]:hover, .delete_button button[type="submit"]:hover  {
   background-color: #c1272d;
   color: white;
}

/* odkaz zpět */
.button_back {
   display: block;
   text-align: center;
   margin-bottom: 5px;
}
/* EOF back */

/* SOF menu */
#menuBox {
/*   padding-top: 40px;*/
}
#menuBox ul {
   background-color: black;
}
#menuBox li {
   height: 40px;
   border: 0;
   border-bottom: 1px solid white;
   padding: 0;
   margin: 0;
}

#menuBox li a, #menuBox li a:link, #menuBox li a:visited, #menuBox li a:hover,
.panel-label-news a, #menuBox .menu-item
{
   padding-left: 75px;
   color: white;
   font-size: 1.6em;
   text-decoration: none;
   display: block;
   position: relative;
   background-image: url('../images/menu_icons.png');
   background-repeat: no-repeat;
   z-index: 10;
   padding-top: 3px;
   text-transform: uppercase;
}

#menuBox .menu-item-wrapper {
   position: relative;
}
#menuBox .menu-item-link-wrapper {
}

#menuBox .menu-item-hoverbox {
   position: absolute;
   width: 280px;
   height: 40px;
   z-index: 1;
   opacity:0;
   visibility: hidden;
}

#menuBox li.menu-item-selected {
   background-color: white;
}
#menuBox li.menu-item-selected a,
#menuBox li.menu-item-selected a:link {
   color: black;
   background-image: url('../images/menu_icons_invert.png');
}

#menuBox .menu-item-1 {background-position: 0px 0px;}
#menuBox .menu-item-2 {background-position: 0px -40px;}
#menuBox .menu-item-3 {background-position: 0px -80px;}
#menuBox .menu-item-4 {background-position: 0px -120px;}
#menuBox .menu-item-5 {background-position: 0px -160px;}
#menuBox .menu-item-6 {background-position: 0px -200px;}
#menuBox .menu-item-7 {background-position: 0px -240px;}

/* EOF menu */

/* SOF main content */
.article-list {
}
.article-list-box-image, .article-detail-box-image {
   float: right;
   padding: 0 0 0px 10px;
}

.article-detail {

}

.article-tools {
   color: gray;
   margin-top: 2em;
}

hr.article-color {
   border-width: 0 0 1px 0;
   border-style: solid;
   margin: 5px 0 15px 0;
}

/* tabulky */
.table-row-even {
   background: url('../images/opacity_w40.png') left top repeat;
}

/* speciality pro moduly */
.module-articles .article-list-box-image, .module-bands .article-list-box-image {
   width: 280px;
}
.module-articles .article-list-content, .module-bands .article-list-content {
   height: 15.2em;
   overflow: hidden;
}
.module-photogalerymed .article-list-content {
   overflow: hidden;
   white-space: nowrap;
}
.module-photogalerymed .article-list-content img,
.module-photogalerymed .article-detail-images img {
   padding: 0 2px;
}
.module-photogalerymed .article-detail-images a {
   display: block;
   float: left;
   height:  94px;
}

/* program */
th.program-stage-name {
   color: white;
   width: 106px;
   height: 48px;
   font-weight: bold;
   text-align: center;
   font-size: 12px;
}

ul#program-changeday-buttons li {
   float: left;
   width: 135px;
   height: 35px;
   text-align: center;
   line-height: 35px;
}
ul#program-changeday-buttons li.program-changeday-button {
   font-weight: bold;
   margin-right: 10px;
   font-size: medium;
   display: block;
/*   background: url('../images/program-button-back-selected.png') left top repeat;*/
   background-color: transparent;
}
ul#program-changeday-buttons li.program-changeday-button a,
ul#program-changeday-buttons li.program-changeday-button a:link {
   color: white;
   margin-top: 3px;
   display: block;
   font-size: 12px;
}
ul#program-changeday-buttons li.program-changeday-button-selected {
/*   background-color: #a2c02f;*/
}

.program-day h2 {display: none}

.program-time-column {
   width: 40px;
   font-weight: bold;
   text-align: center;
}

.program-table-row {
   height: 30px;
}

.program-item-wrapper {
   position: absolute;
   top: 0; left: 0;
   width: 106px; height: 30px;
   color: white;
   text-align: center;
   vertical-align: middle;
   overflow: hidden;
}
.program-item-content {
   margin: 2px 4px 0 4px;
   line-height: 1.2;
}

.program-item-content a, .program-item-content a:link,
.program-item-content a:visited, .program-item-content a:hover {
   font-size: 10px;
   color: white;
}
.program-item-content .program-item-name {
   font-weight: bold;
   font-size: 10px;
}

.program-table-wrapper {
   position: relative;
}

.program-item-column-1 {left: 40px;}
.program-item-column-2 {left: 146px;}
.program-item-column-3 {left: 252px;}
.program-item-column-4 {left: 358px;}
.program-item-column-5 {left: 464px;}



/* EOF Main Content */
/* SOF Panels Content */
.panel-box {
   margin-bottom: 17px;
}
.panel-box-left {
   background-color: black;
}
.panel-label, .panel-search {
   height: 40px;
}

.panel-label-right-special {
   font-weight: bold;
   font-size: medium;
}

.panel-text-content {
   padding: 15px 12px 0 12px;
}

.panel-text-content, .panel-text-content a {
   color: white;
}

.panel-text-content a.panel-text-content-label:link,
.panel-text-content a.panel-text-content-label:visited,
.panel-text-content a.panel-text-content-label {
   font-weight: bold;
   font-size: medium;
   color: white;
}

.panel-left-link-more.panel-link-more {
   padding: 5px 12px 20px 5px;
   text-align: right;
}

.panel-left-link-more.panel-link-more a,
.panel-left-link-more.panel-link-more a:visited,
.panel-left-link-more.panel-link-more a:link {
   color: white;
}

.panel-label-news {
   border-bottom: 1px solid white;
}

.panel-label-news a, .panel-label-news a:link, .panel-label-news a:visited {
   background-position: 0px -40px;
   color: white;
}

.panel-news {
/*   background: url('../images/panel_backs.jpg') -840px 0px repeat-y #a20046;*/
}

.panel-search {
/*   background: url('../images/panel_backs.jpg') -560px 0px repeat-y #ed0f69;*/
}
.panel-search .panel-content {
   padding: 7px 8px 7px 0;
}
.panel-search form {
   background: url('../images/search_icon.png') 0 0 no-repeat;
   padding-left: 49px;
   margin-left: 7px;
}
.panel-search input {
   box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.panel-search input#search_string_panel {
   height: 24px;
   width: 133px;
   border: none;
}
.panel-search input#search_button {
   float: right;
   height: 22px;
   width: 70px;
   color: white;
   font-size: 1.1em;
   font-weight: normal;
   text-transform: uppercase;
   border: 1px solid;
   border-color: #959595 #464646 #464646 #959595;
   background-color: black;
}
.panel-search input#search_button:hover {
   border-color: #464646 #959595 #959595 #464646;
}

/* EOF Panels Content */

/* SOF Sitemap Content */
.sitemapList li {
   margin-left:20px;
}

#editImagesForm table {
   background-color: white;
}
/* EOF sitemap Content */

.note {
   font-size: xx-small;
   padding-bottom: 5px;
}

/* Styl pro vnitrek boxu */

/* Jazykové taby */
/* TABS content */
.ui-tabs-hide { display: none; }
.ui-tabs-selected { background-color: white; }
ul.langMenu {
   margin-bottom:2px;
}
ul.langMenu li {
   display: inline;
   border-width: 1px 1px 0 1px;
   border-color: black;
   border-style: solid;
   padding: 3px;
}
ul.langMenu li a img {padding-right: 3px;}
.normal ul {margin: 0;}
ul.ui-tabs-panel {
   margin-bottom: 0px;
   border-width: 1px;
   border-color: black;
   border-style: none;
}
.contentBox {position: relative;}
/* EOF Jazykové taby */

/* scrolovátka */
.scroll {
   margin: 10px 0;
}

.scroll_main {
   text-align: center;
}
.scroll_main table {
   width: 98%;
   padding-left: 10px;
   padding-right: 10px;
   margin: 0 auto;
}

/* SOF zpět */
.button-back {
   text-align: left;
   margin-top: 1em;
}
.button-back hr {
   line-height: 1px;
   margin: 0;
}
/* EOF zpět */


/* SOF navigtion menu */
div.navigationMenu {
   background-color: white;
   border-bottom: 1px solid gray;
   padding: 0 2px;
   height: 1.4em;
   font-size: 90% !important;
}

div.navigationMenu li a:link, div.navigationMenu li a:visited {
   font-family: "Arial", sans-serif !important;
   font-size: 90% !important;
   color: gray;
}

.navigationMenu #subdomains {float:left;}
.navigationMenu #projects {float:right;}
.navigationMenu li {
   float:left;
   padding: 2px !important;
   margin: 0 !important;
   margin-right: 5px !important;
}
.navigationMenu li img {
   vertical-align:bottom;
}
/* EOF navigtion menu */