@media screen {
body {
	margin:0;
	padding:0;
	background: url(../img/body-bg.gif) top center repeat fixed;
	text-align:center;
	font:.8em/1.5em Arial,Helvetica,sans-serif;
	color:#414040;
}
#body {
	background: url(../img/bg-top.gif) 50% 5px repeat-x fixed;
	border-top: 6px solid #f5ed2d;
}
#container{
	width: 780px;
	margin: 0 auto;
	text-align:center;
	position:relative;
	padding-bottom:4em;
}

.clr{clear:both;height:1px;overflow:hidden}

h2,h3,h4,ul,li,p{margin:0;padding:0}

h1{margin:0;padding:5px 0 0 0}
h2{color:#d81b22; font-weight:normal; font-size:1.5em; border-bottom:3px solid #e7bf02; margin-bottom: .5em;padding-bottom: .3em}

a{color:#d81b22; font-weight:bold;}
a:hover{color:#414040; font-weight:bold;}

a img{border:none;}

ul#switch{
	list-style:none;
}
ul#switch li{
	display:inline;
	float:left;
}
ul#switch li a{
	display:block;
}
ul#switch li {
	font-size: 1.2em;
	position:absolute;
	top: 0;
}
ul#switch a{
	width: 64px;
	background: #d81b22;
	text-decoration:none;
	color: #f5ed2d;
	padding-top: 5px;
}
ul#switch a:hover{
	padding-top: 9px;
}
ul#switch li span{
	display:block;
	background: url("../img/zalozka-red.gif") top left no-repeat;
	width: 64px;
	height:8px;
}
ul#switch li.zeroseven {
	left: 0px;
}
ul#switch li.zeroeight {
	left: 69px;
}
ul#switch li.zeronine {
	left: 138px;
}
ul#switch li.zeroten {
	left: 218px;
}
ul#switch li.zeroeleven {
	left: 287px;
}
ul#switch li.zeronine {
	font-size: 1.3em;
	position:absolute;
	top:0;
}
ul#switch li.zeronine a{
	width: 75px;
	background: #f5ed2d;
	text-decoration:none;
	color: #d81b22;
	padding-top: 8px;
	font-weight: bold;
}
ul#switch li.zeronine span{
	display:block;
	background: url("../img/zalozka-yellow.gif") top left no-repeat;
	width: 75px;
	height:9px;
}

p.slogan{font-size:1.2em; font-style:italic;font-weight: bold; padding: 2em 0; color: #FFF}

.box, .boxTop, .boxBottom{
	width: 780px;
	text-align:left;
}
.boxTop{
	background: url("../img/box-top-bg.gif") bottom left no-repeat;
	height:10px;
	margin:0;
	padding:0;
}
.box{
	background: url("../img/box-bg.gif") top left repeat-y;
}
.boxBottom{
	clear:both;
	background: url("../img/box-bottom-bg.gif") top left no-repeat;
	height:12px;
	margin-bottom:3em;
}
.boxContent{padding:0 25px}

.boxLCol, .boxRCol{width:335px;padding-bottom:1.5em;}
.boxLCol{float:left}
.boxRCol{float:right}

.boxLCol h2, .boxRCol h2{
	margin-top: 1em;
}
.boxLCol p, .boxRCol p{font-size:1.2em;margin: .8em 0;}

#performers{width:730px; text-align:left; margin:0 auto;margin-bottom:2.5em;}
.artist{float:left;width:165px;margin-right:20px;}

.last{margin-right:0 !important}
#performers h2{color:#FFF; border:none;padding-top:0}
#performers h3{padding:0;font-size:1.2em}
#performers h3 a{color:#f8df18}
#performers h3 a:hover{text-decoration:none;}
#performers p {color:#fff;margin:0;padding: 0 0 .3em 0;}

h3{text-align:left;color:#fff;font-size:1.3em;padding-left: 23px}

#logos{width: 730px; text-align:left; margin: 0 auto}
#logos h4{font-size:.9em; color:#f5ed2c;margin-top:1em}
#logos img{margin-right: 12px}
#logos .left{float:left;margin-right:40px;}

#thanks{width: 730px; text-align:left; margin: 0 auto; color:#fff;}
#thanks h4{font-size:.9em; color:#f5ed2c;margin:1em 0;}
#thanks dl{font-size: .87em; width: 360px; float:left;margin:0;border-right:1px solid #FFF;padding: 0 0 1em 0}
#thanks dl.right{float:right;border:none;padding:0;width: 340px;}
#thanks dt{}
#thanks dd{margin-left:1em;font-weight:bold;padding-bottom:1em}
#thanks a{color:#f5ed2d}
.soutez p {
	padding: 0 0 .8em;
}
.nadace {
	background: url(../img/loga/nadace.gif) no-repeat 0 5px;
	padding-left: 45px;
}

}
@media print {
body {font:9pt Arial,Helvetica,sans-serif}
#podekovani,.performer img {display:none}
}