html, body { margin:0; padding:0; font-family:Arial, sans-serif; font-size:0.85em; height:100%; }
#pagewidth { width:850px; height:100%; margin-left:auto; margin-right:auto; line-height:1.5em; }
#leftcol { width:170px; float:left; position:relative; text-align:justify }
#left { width:150px; margin-left:9px; margin-top:10px; padding-bottom:10px }
#maincol { float: right; display:inline; position:relative; width:680px; margin-top:12px; text-align:justify; height:100% }
#header { float: right; display:inline; position:relative; width:680px; height:85px; background:url(images/header.jpg) top right no-repeat #e5e5e5 }
#header-login { float:right; padding-top:50px; }
#mainLeft, #mainRight { float:left; width:330px }
#mainLeft { margin-right:20px }
.inner { padding:10px; text-align:justify }
.innerLeft { width:400px;float:left; }
.innerRight { width:400px;float:left;margin-left:20px }

/* pro ostatni pouzijeme min-height: */
html>body #pagewidth { min-height: 100%; }

#bottom { width: 844px; xheight: 1.25em; background:#ff5000; text-align:center; color:white; padding:3px; text-transform:uppercase; font-size:0.8em; margin-left:auto; margin-right:auto; margin-bottom:auto; margin-top:20px }
#bottom A { color:white; text-decoration:none; padding-left:20px; padding-right:20px; border-left:1px solid white }
#bottom A:hover { background-color:#ff7030 }

A { color:black; }
A:hover { color:#ff5000; }
.smallLink { font-color:black; background:url(images/link.gif) right 5px no-repeat; padding-right:12px; float:right }

/* navigace na titulni strance */
#topmenu { float: right; display:inline; position:relative; text-transform:uppercase; width:680px; height:27px; background:#ff5000; margin-top:6px }
#topmenu UL { margin:0; margin-top:6px; padding:0; list-style-type:none; }
#topmenu LI { text-align:center; border-right:1px solid white; float:left }
#topmenu A { display:block; padding-right:20px; padding-left:20px; text-decoration:none; color:white }
#topmenu A:hover { background-color:#ff7030 }

H1 { text-transform:uppercase; clear:both; margin-bottom:5px; color:#999; font-weight:normal; font-size:1.5em; text-align:left }
H2 { text-transform:uppercase; clear:both; margin:0px; margin-top:8px; color:#ff5000; font-weight:normal; font-size:1.3em; text-align:left }
H3 { text-transform:uppercase; clear:both; padding-top:10px; margin-top:20px; margin-bottom:5px; color:#999; font-weight:normal; font-size:1.3em }
H4 { text-transform:uppercase; clear:both; margin-top:10px; margin-bottom:10px; color:#000; font-weight:bold; font-size:1.1em }
P { margin-bottom:8px; margin-top:8px }

FORM { padding:10px; background:#f5f5f5; color:#036; border:1px solid #aaa; }
INPUT, .input, TEXTAREA { font-size:1em; color:#369; }
.button { background:#ff7030; border:1px solid #ff5000; color:white; text-transform:uppercase; font-size:0.9em }
TD { xcolor:white; font-size:0.8em }

.levyOdstavec { margin-top:5px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd }
.pravyOdstavec { margin-top:5px; color:#666 }
.perex { color:#666; font-weight:bold; color:black }
.red { color:red }
.orange { color:#ff5000 }
.grey { color:#666 }

IMG { border:0 }
.imgRight { float:right;padding-top:5px; padding-bottom:5px; padding-left:10px }


/* tabulky */
.tblRadek { margin-bottom:1px; clear:both; height:20px; }
.tblRadekText { clear:both; height:17px; background:#f0f0f0; padding:2px; margin-bottom:2px }
.tblNadpis { height:14px; margin-bottom:5px; padding-bottom:1px; padding-top:1px; padding-left:3px; clear:both; background:#999; color:white; font-weight:bold }
.tblLeft { float:left; width:130px; }
.tblLeftForm { float:left; width:130px; text-align:right; padding-right:10px; padding-top:2px }
.tblRight { float:left; }

.partner { margin-top:20px; float:left; margin-left:10px; width:290px;}
.partnerLogo { width:170px;text-align:left;margin-bottom:10px; }
.partnerNazev { font-size:1.1em;color:#ff5000;text-transform:uppercase;font-weight:bold }
.partnerNazev A { color:#ff5000 }
.partnerText { xfloat:left; }
.partnerAdresa { color:black; margin-top:5px }


.restaurace { margin-top:40px;height:90px; }
.restauraceLogo { width:170px;float:left;text-align:center }
.restauraceNazev { font-size:1.1em;color:#ff5000;text-transform:uppercase;font-weight:bold }
.restauraceNazev A { color:#ff5000 }
.restauraceText { width:420px;float:left; }
.restauraceAdresa { color:black; margin-top:5px }

.flash_intro { width:780px;height:450px;background:#000;margin-top:50px;margin-left:auto;margin-right:auto;border:1px solid #333; }
.flash_skip { width:800px;text-align:right;color:white }
.flash_skip A { color:white; text-decoration:none }
.flash_main { float:left;color:white;width:780px;height:420px;background:black;xmargin-left:auto;xmargin-right:auto;border:1px solid #333 }

#mainpage { color:white; text-align:left; }

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* textový banner akce Music Club */
#tic { text-align:center; border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa; height:93px; background:url(/images/MC-back.gif) no-repeat; color:black }
#tic * {  margin:0px; padding:0px; display:none; text-align:center }
#tic a { display:inline; text-align:center }



@media print{ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
#topmenu { display:none }
#MCmenu { display:none }
#header-login{ display:none }
}