* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font:0.75em Arial,Verdana, sans-serif;                  
line-height:1.5em;
background-color: black;
}

a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; color:black; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight   {float: right;}

a.no-underline { text-decoration: none !important; }  

img {border: none;}

h1 {
font-weight: normal;
font-size:18px;
text-align: left;
margin:0px 0 10px 0px;
clear:both;
color:#76cedc;
background-image: url('h1-icon.png');
background-position: left center;
background-repeat: no-repeat;
padding-left:18px;
padding-bottom:5px;
}

h2 {
font-size: 14px;
color:white;
font-weight: bold;
text-align: left;
padding-bottom:5px;
}

h3 {
font-size: 13px;
font-weight: bold;
text-align: left;
color:white;
margin-top:10px;
padding-bottom:5px;
}

h4 {
font-size: 12px;
font-weight: normal;
text-align: left;
margin-top:10px;
}

h5{
color:#084e57;
}

a {
color: black;
}



.bold {
font-weight: bold;
}


#content {
float: left;
width: 630px;
margin-bottom: 40px;
margin-left:20px;
margin-top:0px;
overflow-y: auto;
height:580px;
padding-right:20px;
}

#content p{
color:#76cedc;
margin-top:6px;
margin-right:10px;
}

#content table tr td{
color:#76cedc;
}

#content a{
color:#d2f8fe;
text-decoration:none ;
}

#content a:hover{
text-decoration: underline;
}

#container {
background: transparent url('') center top repeat-y;
clear: both;
float: left;
width:1000px;
}


#work  {
text-align: justify;
font-size: 12px !important;
clear: both;
}

#page{
position: RELATIVE;
z-index:2;
}

#main{
width:1000px;
margin:0 auto;
background-image: url('bg.jpg');
background-repeat: no-repeat;
overflow: hidden;
height:900px;
}

.template-homepage #main {
 background-image:url('') !important;
}

.template-homepage #area{
background-image: none;
}

.template-homepage h1{
display:none;
}

#area {
clear: both;
background-image: url('substranky-bg.png');
background-repeat: no-repeat;
width:964px;
height:624px;
margin-left:20px;
margin-right:20px;
}

#header {
height:178px;
position: relative;
}

#header #closebtn{
float:right;
position:absolute;
bottom:-10px;
right:40px;
}

.template-homepage #header #closebtn{
display:none;
}

#logo {
float:right;
margin-top:40px;
margin-right:85px;
margin-bottom: 15px; 
}

#logo a {
}



#messageBox {
color: black;
font-size: 16px;
display: block;
background-color: #e7ffdf;
padding: 10px;
border: 2px solid #4e8b36;
margin-bottom:10px;
}


.pos{
font-size: 11px;
color:#76cedc;
margin-right:15px;
}

#mainmenu{
float:right;
width:235px;
margin-bottom:40px;
margin-top:20px;
}

#mainmenu li{
background-image: url('menu-bg-line.png');
background-repeat: repeat-y;
background-position:20px;
}

#mainmenu li li{
background-image: none;
}

.sipka{
background-image: url('sipka-dark.png');
background-repeat: no-repeat;
display: block;
width:9px;
height:5px;
float:left;
margin-top:10px;
margin-left:10px;
}

#mainmenu a {
font-size: 18px;
font-weight: bold;
text-decoration: none;
display:block; 
text-align: left;
font-family: arial;
color:#0b5b67;
width:235px;
height:24px;
line-height: 24px;
}

#mainmenu a span {
float:left;
}

#mainmenu a:hover, #mainmenu .active a{
background: transparent url() top center repeat-x;
cursor: pointer;
color:#76cedc; 
}

#mainmenu a:hover .pos, #mainmenu .active a .pos{
background: transparent url() top center repeat-x;
color:white; 
}

#mainmenu a:hover .sipka, #mainmenu .active a .sipka{
background: transparent url() top center repeat-x;
background-image: url('sipka.png'); 
}


#mainmenu li{
z-index:9;
list-style-type: none;
float:left;
text-transform: uppercase;
}

#mainmenu ul li ul{
display:none;
}

#mainmenu ul li.active ul {
display:block;
float:left;
width:235px;
background: transparent url('') no-repeat bottom center;
padding-bottom: 5px;
}

#mainmenu ul li.active ul li{
float:left;
margin-left:40px;
height:20px;
}

#mainmenu ul li.active ul li.active{
background: transparent url('submenu-hover.png') no-repeat center left;
}

#mainmenu .active ul .pos{
display:none;
}

#mainmenu ul li ul .ccs-0{
display:block;
}

#mainmenu ul ul a {
display:block;
font-size:12px;
margin: 0;
height: auto;
font-weight: normal;
text-align: left;
height:20px;
line-height: 20px;
}

#mainmenu ul ul a span {
height: auto;
padding-left:10px;
}

#mainmenu ul ul a:hover{
background: transparent url('submenu-hover.png') no-repeat center left;
cursor: pointer;
}

#mainmenu ul ul a:hover span {

}

#mainmenu ul ul ul{
display:none;
}




/* ---------------------------------- LEFT COLUMN LEFTCOL------------------------------------ */

#leftColumn {
float: left;
width: 200px;
}
  

/* ---------------------------------- RIGHT COLUMN LEFTCOL------------------------------------ */

#rightColumn {
float: right;
width: 235px;
margin-right:60px;
}
  


/* ---------- LEFT COL NEWS --------*/

#newsList .newsItem {
margin-bottom: 20px;
}

#newsList .newsDate {
display: block;
text-align: right;
color: #696969;
font-size: 10px;
}

#newsList .newsContent {
font-size: 9px;
line-height: 1.6em;
text-align: justify;
}

.newsLink {
display: block;
margin-top: 8px;
}

.newsLink a {
display: block;
float: right;
text-decoration: none;
font-size: 9px;
}

#newsList a {
text-decoration: none;
}

.newsItem h2 a {
font-size: 12px;
}

#newsList .newsItem h2 {
}

#newsList #allNewsLink a {
display: block;
text-align: center;
font-size: 12px;
font-weight: bold;
margin-bottom: 20px;
}



/* -------------------------------- */

                                                                      

/* ---------------------------------- END LEFT COLUMN------------------------------------ */















/* -------------------------------------- SLIDER ------------------------------------- */

#slider {
margin: 25px 35px;
height: 250px;
}

#refSlider {
display: block;
height: 214px;
float: left;
margin: 0 10px 0 10px; 
}

#slider #refSlider ul li {
display: block;
float: left;
width: 290px;
height: 214px;
margin: 0 20px 0 20px;
}

#refSliderLeft, #refSliderRight {
float: left;
cursor: pointer;
display: block;
width: 32px;
height: 214px;
margin-left: -20px;
background: transparent url('') no-repeat left center;
}

#refSliderRight {
float: left;
margin-right: -20px;
margin-left: 0;
background-position: right center;
}                     

#refSliderLeft span, #refSliderRight span {
display: none;
}


#slider .refImgLink {
float: left;
margin-right: 12px;
}

#slider h3 {
font-size: 14px;
font-weight: bold;
line-height: 1.2em;
height: 34px;
overflow: hidden;
}

#slider ul li {
text-align: left;
position: relative;
}                  

#slider ul li .refLink {
position: absolute;
bottom: 0px;
right: 0px;
text-decoration: none;
color: #a93a77;
font-size: 15px;
font-weight: bold;
padding: 5px 30px 16px 5px;
background: transparent url('') bottom right no-repeat;
}

#slider .refDesc {
margin-top: 10px;
text-align: justify;
font-size: 12px;
line-height: 1.2em;
height: 117px;
overflow: hidden;
}

/* ----------------------------------------------------------------------------------- */











/* ------------------------------- PRODUCT LIST ----------------------------------------- */


/* ----------------------------------------------------------------------------------- */









/* ------------------------------- FOOTER ----------------------------------------- */
#footer-box{
width:100%;      
background-color: black;
border-top:#202d2f dashed 1px; 
}

#footer{ 
margin:0 auto;
width:1000px;
clear: both;
font-size: 11px;
text-align: left;
line-height: 1.4em;
overflow: hidden;
color:#57888f; 
height:70px;
}

#footer a {
color:#7fb9c2;

}

#footer_menu {
float: right;
}

#footer_menu ul li {
float: left;
list-style-type: none;
}

#footer_menu a {
padding: 3px;
text-decoration: none;
background: transparent url('') no-repeat top right;
}

#footer_menu a:hover {
}

#copyright{
text-align: left;
float:left;
margin: 10px;
}

#createdby{
text-align: right;
float:right;
margin: 10px;
}

/* ============================== END FOOTER ================================= */








/* ============================ NEWS / NOVINKY ================================ */
#newsBox {
float: right;
width: 460px;
margin-right: 10px;
font-size: 11px;
line-height: 1.4em;
}

.newsMainImage img {
float: left;
margin: 0 20px 5px 0;
border: 6px solid #3A293B;
}

#backToNewsList {
text-align: right;
}


#work ul li.boxNewsList {
list-style-type: none;
list-style-image: url();
clear: both;
margin-top: 20px;
margin-left: 0;
border-bottom: 1px dotted #0e4951;
padding-bottom: 20px;
}

.newItem {
clear: both;
min-height: 100px;
padding: 0 0 10px 0; 
margin: 0 0 20px 0; 
border-bottom: 2px dotted #3e3e3e; 
}

.newItem img {
float: left;
margin: 0 10px 10px 0; 
}

a#allNewsLink {
font-size: 14px;
text-decoration: none;
display: block;
float: right;
}

#newsBox-content {
margin-bottom: 40px;
padding-top: 5px;
}

/* ===================== END NEWS / NOVINKY ================================= */













/* =========================== KONTAKTNI FORM CONTACT======================== */

p.note {
text-align: right;
}

/* =========================== END KONTAKTNI FORM CONTACT ==================== */















/* ============================ GALERIE ===================================== */
.galeriListItem {
float: left;
margin-right: 5px;
background-color: #131112;
padding-top:10px;
margin-bottom:10px;
border-top:1px dotted #76cedc;
border-bottom:1px dotted #76cedc;
height:330px;
}

.galeriListItem img {
border: 6px solid #76cedc;
}

.galeriListBox h3 {
font-size: 110%;
text-align: center;
}

.galeriListBox h3 a {
text-decoration: none;
}

.galeriListDesc{
color:#76cedc;
width:170px;
margin-left:15px;
text-align: justify;
}

.galeriListItem .galeriFullOpen a {
display: block;
margin: 0 27px 0 27px;  
background: transparent url('gallery_more.jpg') right center no-repeat;
padding: 0 20px 0 0; 
text-decoration: none;
font-size: 90%;
margin-left:40px;
}

.onPageGaleriImages ul li {
float: left;
margin-right: 10px;
margin-bottom: 10px;
list-style-image: url() !important;
list-style-type: none !important;
}

#onPageGaleries {padding-top: 40px;}
.onPageGaleriImages img {
border: 6px solid #76cedc;
}
/* ========================== END GALERIE =================================== */









/* ============================ BREADCRUMBS / DROBECK ======================= */
#breadcrumbsContainer a {  text-decoration: none; font-weight: normal; }
#breadcrumbsContainer {
height: 62px;
text-align: right;
width: 100%;
font-weight: bold;
overflow: hidden;
}
#breadcrumbs {
display: block;
float: right;
margin-top: 35px;
}
/* ===================== END BREADCRUMBS / DROBECK =========================== */








/* =================================== PAGE LISTER =========================================*/
#pageLister { margin-top: 30px; padding: 0 5px 0 5px; }

#pageLister span { color: #a93a77; }

#pageLister ul li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 10px;
}

.lister {
float: left;
}

#pageLister ul li.active span {
display: block;
height: 23px;
padding: 3px 5px 0 5px;
background: transparent url('pager_active.jpg') center top no-repeat;
color: #a93a77;
}

#pageLister .next span, #pageLister .prev span {
display: none;
}


#pageLister .next a, #pageLister .prev a {
display: block;
width: 20px;
height: 20px;
margin-top: 1px;
}

#pageLister .next a {
background: transparent url('pager_right.jpg') center center no-repeat;
}
#pageLister .prev a {
background: transparent url('pager_left.jpg') center center no-repeat;
}

#pageLister ul li a {
display: block;
text-decoration: none;
height: 23px;
padding: 3px 5px 0 5px;
color: #a93a77;
}

#pageLister ul {
margin: 0;
}

#pageLister ul li.max {
display: none;
}

/* =============================== END PAGELISTER============================ */

#zpravy{
background-image: url('koncert-box-bg.png');
width:235px;
height:350px;
float:right;
background-repeat: no-repeat;
}

#zpravy .columnBlockHeader a {
color:white;
font-size: 16px;;
font-weight: bold;
height:45px;
line-height: 45px;
text-transform: uppercase;
text-decoration: none;
}

#concertsBlock {
    height: 275px;
    overflow-y: auto;
}

#content tr.dark{
background-color: #1b1b1b;
}

#content tr.light{
background-color: #1f1f1f;
}

#content td{
padding:2px;
padding-left:10px;
}

#contactForm{
color:white;
font-weight: normal;
}

#contactForm textarea{
width:295px;
height:86px;
background-image: url('textarea-bg.jpg');
background-repeat: no-repeat;
border:0;
}

.kontaktform-left input{
width:173px;
height:33px;
background-image: url('input-bg.jpg');
background-repeat: no-repeat;
border:0;
float:right;
}

.kontaktform-left{
float:left;
width:295px;
height:124px;
background-image: url('form-input-bg.jpg');
background-repeat: no-repeat;
padding:3px;
}

.kontaktform-left dd{
width:110px;
float:left;
text-align: right;
height:33px;
line-height: 33px;
}

.kontaktform-left dl.prvni{
margin-top:2px;
}

.kontaktform-left dl{
width:289px;
height:33px;
display:block;
margin-bottom:8px;
}

.kontaktform-right{
float:right;
width:301px;
height:122px;
background-image: url('form-textarea-bg.jpg');
background-repeat: no-repeat;
padding:3px;
padding-bottom:100px;
}

.kontaktform-right label{
height:30px;
line-height: 26px;
display:block;
}

.kontaktform-right dd{
margin-left: 10px;
}           

input.submit{
background-image: url('form-submitbtm.jpg');
width:155px;
height:40px;
border: 0;
color:white;
float:right;
font-weight: bold;
}

a.no-underline:hover{
text-decoration: underline;
}

#zpravy p{
width:205px;
margin-left:15px;
text-align: justify;
color:white;
}

#zpravy h2{
width:205px;
margin-left:15px;
margin-top:10px;
text-align: justify;
color:#9dd1dd;
margin:0;
margin-left:15px;
margin-top:10px;
}

#zpravy h3{
width:205px;
margin-left:15px;
margin-top:10px;
text-align: justify;
color:#67a2aa;
margin:0;
margin-left:15px;
}

#flashContent {
position: absolute;
top:0;
left: 50%;
margin:0 0 0 -520px;
z-index:1;
}

#videogaleri li{
list-style: none;
}


#genesfooter ul li a, #footerInHeader ul li a
{
  color: white;
  text-decoration: none;
  position:relative;
  top:2px;
}

#genesfooter ul li a
{
  color: #41535c;
}

#genesfooter ul li a:hover, #footerInHeader ul li a:hover
{
  text-decoration: underline;
  color: #41535c;
}
#genesfooter ul li a:hover {color: silver}


#genesfooter ul li span, #footerInHeader ul li span
{
  position: relative;
  top: 0px;
}



.comment {
    margin: 15px 0px 10px 0px;
    color: white;
    border-bottom: 1px dotted gray;
}

.comment-1 {
    background-color: #2C2C2C;
    border-left: 9px solid #0B5B67;
    margin: 0 0 10px 0px;
    padding: 5px 10px 5px 15px;
}

.comment-2 {
    margin-left: 30px;
}

#discussion h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 2px solid #0E4951;
}

#discussion {
    border-bottom: 2px solid #0E4951;
    margin-bottom: 20px;
}

#discussion .comment-text {
    margin: 15px 0 8px 0;
    font-size: 12px;
    line-height: 16px;
}

#discussion .comment-1 textarea {
    margin-left: 0;
}

#discussion .comment_date {
    margin: 0 10px 0 25px;
    font-size: 12px;
    color: #797979;
}

#discussion textarea {
    border: 1px solid #a2b97f;
    outline: none;
    height: 50px;
    margin: 5px 0 10px 0;
}


#discussion .produktDokose {
    float: none; padding: 0; margin: 0;
}

.addComment {
    color: gray;
}

.addComment dl {
/*    float: left;*/
    width: 300px;
    height: 24px;
    overflow: hidden;
}

.addComment dl dt {
    width: 50px;
    float: left;
    text-align: left;
}

.addComment textarea {
    height: 50px;
    width: 100%;
}

.addComment fieldset {
    border: none;
}

.captchaQuest {
    text-align: left;
    float: left;
    display: block;
    width: 200px;
    line-height: 15px;
}

.captchaQuest .smallCap {
    font-size: 10px;
}
.inptext {
    width: 80px;
}

.comment_button, .reaction_button {
    float: right;
    background: transparent url('button.png') no-repeat bottom center;
    width: 68px;
    height: 22px;
    line-height: 15px;
    font-size: 12px;
    margin-bottom: 15px;
    border: none;
    cursor: pointer;
}

.comment_button {
    float: right;
}

.addComment .mess {
    color: red;
    display: inline-block;
    width: 200px;
    float: right;
}

.reaction_button {
    margin-bottom: 0;
}

.cleaner {
    clear: both !important;
}

.fright {
    float: right !important;
}