@media screen, projection{
body{font:80% Verdana,Arial,lucida,sans-serif; margin:0; padding:0; color:#fff; background:#a54424 url(../img/bg.gif) 0 -19px repeat-y;}

hr{height:1px; border:none; border-bottom:1px solid #f4c9a9;}

/* NADPISY - H1 H2 H3 ... */
h1,h1 span{position:relative; top:0; left:0; width:161px; height:161px; padding:0; margin:0;}
h1{overflow:hidden;}
h1 span{position:absolute; display:block; background:transparent url(../img/logo.gif) 0 0 no-repeat; _cursor:hand;}
h2,h3,h4{position:relative; font:normal 150% Verdana,Arial,lucida,sans-serif;}
h2{text-align:right; padding:20px; margin:0; background:#a44323 url(../img/bg-header.gif) 0 100% repeat-x;}
h3{font-size:130%; padding:15px 0 5px 47px; margin-bottom:0.5em; background:transparent url(../img/camera.gif) 0 50% no-repeat;}
h4{font-size:120%; font-weight:bold; margin-bottom:0;}
.prihlaska h3{background:none; padding:0; margin:0;}

p{margin:0.7em 0;}
blockquote{margin:1em 0; padding:1em; background:#f8d8c2; border:1px solid #f5cbaf;}

/* BARVY */
.wh,h2,#head a,.mp strong{color:#fff;}
.bl,{color:#000;}
.brown,a,h3,h4{color:#a54424;}
strong,blockquote,em{color:#8f2b0a;}
.blue,a,.prihlaska h3,form,fieldset,form strong{color:#2b6e9d;}

/* DELENI */
#main{color:#000; width:770px;}
#left{position:absolute; top:0; left:0; width:223px; margin:0; padding:0; background:transparent url(../img/bg-nav.gif) 0 100% repeat-x;}
#head{padding:20px 20px 38px; margin:0; background:transparent url(../img/bg-logo.gif) 0 100% repeat-x;}
#contmain,#foot{margin:0 0 0 223px;}
#cont{padding:0 15px 0 20px; background:#fef2e8 url(../img/bg-cont.gif) 0 0 repeat-y;}
#foot{font-size:85%; padding:20px; background:#fef2e8; border-top:1px solid #f4c9a9;}
#foot p{margin:0; padding:0;}

#nav{font-size:110%; padding:0 0 35px 0;}
#nav ul{padding:0; margin:0 auto; list-style-type:none;}

.prihlaska{padding:10px; margin:1em 0; background:#ddeaf3; border:2px solid #b7d0e2; border-bottom-color:#70a0c4;}
.prednasejici img{float:left; margin-bottom:1em; border:1px solid #000;}
.prednasejici h4,.prednasejici p{margin-left:115px;}
.prednasejici h4{margin-top:0;}
.prednasejici div{position:relative;}

.gallery div{clear:left;}
.gallery div img{float:left; margin:0 10px 10px 0; border:1px solid #000;}
.foto-detail{padding:0 24px;}
.foto-detail div{float:left; margin:10px 10px; padding:10px; background:#f4c9a9;}
.foto-detail img{border:1px solid black;}
/* TABULKY */
table{border-collapse:collapse; font-size:100%;}
th,td{text-align:left; padding:2px 7px; vertical-align:top; border:1px solid #f4c9a9;}
th{color:#fff; background:#175591; border:1px solid #fff;}
form td{background:none; border:none;}

/* FORMULARE */
form{margin:1em 0;}
fieldset{margin:1em 0; padding:10px; background:#ddeaf3; border:1px solid #b7d0e2; border-bottom:2px solid #70a0c4;}
legend{padding:3px 5px; background:#fff; border:1px solid #ccc;}

/* ODKAZY */
a{text-decoration:underline;}
a:hover{color:red;}

#nav a{display:block; color:#fff; padding:4px 0 4px 35px; margin-right:27px; border-left:4px solid #CE6127;}
#nav a:hover{background:#E1732B; border-left-color:#a44323;}
#nav a.active{font-weight:bold; text-decoration:none; background:#a44323; border-left-color:#000;}

/* OSTATNI */
.sml{font-size:85%; line-height:2.5ex;}
.hid,#nav h2{display:none;}
.c{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.just,p,blockquote{text-align:justify;}
.flr{float:right;}
.fl{float:left;}
img.fl{margin:0 1em 1em 0;}
.cl,#foot{clear:both;}
.cll{clear:left;}
.brd{border:1px solid #000;}
.none, a img{border:none;}
.vis{visibility:hidden; margin:0;}
div.cl{padding:0; border:1px solid #fff;}
.mp{margin:0 20px 10px;}
.mp img{margin:5px 0;}


/* PROGRAM NAVIGACE */
#program-nav {width: 547px; min-height: 26px; border-bottom: solid 2px #a44323; margin-left: -24px; padding-left: 0px;}
#program-nav ul {padding-left:24px; font-weight: bold;}
#program-nav #nav-podzim-akt, #program-nav #nav-jaro-akt {background: #a44323 url(../img/bg-nav-prog-aktive.gif) top right no-repeat; float: left;list-style-type:none; color: white; padding: 5px 8px;}
#program-nav #nav-podzim, #nav-jaro {background: #efb289 url(../img/bg-nav-prog.gif) top right no-repeat; float: left;list-style-type:none;padding: 5px 8px;margin-right: 7px;}
#program-nav #nav-podzim, #program-nav #nav-podzim-akt { margin-right: 7px;}
}