@media screen, projection{
body{font:70% Arial,Verdana,Tahoma,sans-serif; text-align:center; margin:15px 0 0; padding:0; color:black; background:white;}

hr{height:1px; border:none; border-top:1px solid black;}

h1,h1 span{width:153px; height:64px;}
h1{position:absolute; top:20px; right:17px; margin:0; overflow:hidden;}
h1 span{display:block; position:absolute; top:0; left:0; background:transparent url(../img/logo.gif) 0 0 no-repeat;}
h1,h2,h3{font-size:110%;}

#cont li{list-style-image:url(../img/odrazka.gif);}

/* BARVY */
.bl,a:hover{color:black;}
.wh{color:white;}
.gr,a,#lang,#contact{color:#777;}
.c1 a:hover,.c1 a.active,.c1 a.active:visited,.c1 a.selected,.c1 h2,.c1 h3,.c1 .color{color:#ef3f23;}
.c2 a:hover,.c2 a.active,.c2 a.active:visited,.c2 a.selected,.c2 h2,.c2 h3,.c2 .color{color:#bf70ad;}
.c3 a:hover,.c3 a.active,.c3 a.active:visited,.c3 a.selected,.c3 h2,.c3 h3,.c3 .color{color:#fcb11a;}
.c4 a:hover,.c4 a.active,.c4 a.active:visited,.c4 a.selected,.c4 h2,.c4 h3,.c4 .color{color:#8ed1c5;}
.c5 a:hover,.c5 a.active,.c5 a.active:visited,.c5 a.selected,.c5 h2,.c5 h3,.c5 .color{color:#bfd72f;}
.c6 a:hover,.c6 a.active,.c6 a.active:visited,.c6 a.selected,.c6 h2,.c6 h3,.c6 .color{color:#55bdca;}
.c7 a:hover,.c7 a.active,.c7 a.active:visited,.c7 a.selected,.c7 h2,.c7 h3,.c7 .color,
.c8 a:hover,.c8 a.active,.c8 a.active:visited,.c8 a.selected,.c8 h2,.c8 h3,.c8 .color{color:#b2b2b2;}

/* HLAVNI */
#head,#cont,#lang,#nav,#nav li,#nav li a span,#subnav,#contact,#rightbottom{position:absolute;}
#main,#content2{position:relative;}
#main{top:0; left:0; text-align:left; width:968px; height:578px; margin:0 auto; border:1px solid #c9c9c9;}
#head{top:0; left:0; width:968px; height:109px;}
#cont{top:110px; left:24px; width:718px; height:418px; border:1px solid #c9c9c9;}
#content{padding:10px; height:350px; overflow:auto;}
#subnav{font-weight:bold; bottom:0; left:0; width:718px; height:40px;}
	#subnav ul{list-style-type:none; margin:0; padding:0 10px;}
	#subnav li{float:left; display:block; padding:0; margin-right:10px;}
	#subnav ul ul{font-size:90%; font-weight:normal; position:absolute; top:20px; left:0;}
#lang{bottom:14px; right:24px;}
#contact{bottom:11px; left:24px;}
	#contact ul{padding:0; margin:0 0 0 12px;}
#rightbottom{bottom:38px; right:25px; width:193px;}
	#rightbottom div{width:173px; height:21px; padding:10px; margin-bottom:10px; background:white url(../img/bg-search.gif) 0 0 no-repeat;}
#cont img{margin:0 2px 2px 0;}
	
/* OBSAHY */
.obrazky{text-align:right; height:160px; margin-left:254px; overflow:hidden;}
	.obrazky img{border-left:1px solid white;}
#typ1,#typ3{margin:0 0 0 254px;}
	#typ1 div{float:left; margin:0 40px 10px 0;}
	#typ1 div p{margin:0;}
#typ2{margin:60px 0 0 60px;} /* archiv vystav */
	#typ2 ul,#typ2 ul.listname{position:absolute; top:60px; left:60px; list-style-type:none; width:35px; padding:0; margin:0;}
	#typ2 li{margin-bottom:8px; list-style-image:none;}
	#typ2 ul.listname{left:110px; width:140px;}
	#typ2 div{width:405px; margin-left:210px;}
	#typ2 div img{margin-bottom:5px;}
#typ3,#typ4,#typ5{margin-top:60px;} /* text posunuty nahoru */
/* zastupovani fotografove */
	#typ4{margin-top:50px;}
		#typ4 h3{margin-top:0;}
		#typ4 ul{float:left; list-style-type:none; width:100px; padding:0; margin:0 10px 0 0;}
		#typ4 li,.basic p{line-height:1.1em; list-style-image:none;}
		#typ4 div{float:right; width:425px;}
		#typ4 div.basic{position:absolute; top:60px; left:10px; margin-left:0; width:240px;}
			.basic h2{margin:0;}
			.basic p{margin:5px 0;}
		#typ4 div.dila{margin-left:0;}
		#typ4 div.dila div{float:left; text-align:right; width:250px; margin-right:10px;}
		/* portfolia */
		#typ4 div.nadpis{position:absolute; top:50px; left:10px;}
		#typ4 div.portfolio{position:absolute; top:85px; left:10px; width:240px; margin-left:0;}
		#typ4 div.artist{position:absolute; top:130px; left:10px; width:420px;  margin-left:0; overflow:hidden;}
			.artist h3{margin:0;}
			.artist p{font-size:90%; line-height:1.1em; margin:0 0 5px;}
		#typ4 div.dila-portfolio-main{margin:0; width:270px;}
		#typ4 div.dila-portfolio{margin-left:0; width:270px;}
			#typ4 div.dila-portfolio div{float:left; text-align:right; width:100px; margin-right:10px;}
/* diskuze */
	.diskuze{position:absolute; bottom:50px; left:255px; width:445px;}
		.diskuze div{height:280px; border:1px solid #c9c9c9; overflow:auto;}
		.diskuze div div{height:auto; border:none; padding:10px; margin-bottom:5px; background:#fafafa;}
		.diskuze div div p{margin:0;}
	.pridat{position:absolute; bottom:50px; left:15px; width:220px;}
		.pridat textarea,.pridat input{width:220px;}
/* popup */
  .okno{margin-left:20px; margin-top:10px;}

	
/* NAVIGACE */
#nav{top:42px; left:47px; width:667px; height:52px; margin:0;}
#nav ul{list-style-type:none; margin:0; padding:0;}
#nav li{display:block; height:16px; padding:0;}
#nav li a,#nav li a span{display:block; height:16px;}
#nav li a span{top:0; left:0; background-position:0 0; background-repeat:no-repeat;}

#nav .m1,#nav .m1e{top:5px; left:0;}
#nav .m2,#nav .m2e{top:19px; left:85px;}
#nav .m3,#nav .m3e{top:10px; left:173px;}
#nav .m4,#nav .m4e{top:0; left:258px;}
#nav .m5,#nav .m5e{top:22px; left:338px;}
#nav .m6,#nav .m6e{top:36px; left:420px;}
#nav .m7,#nav .m7e{top:27px; left:517px;}
#nav .m8,#nav .m8e{top:21px; left:606px;}
#nav .m2e{left:105px;}
#nav .m3e{left:193px;}
#nav .m4e{left:278px;}

#nav .m1,#nav .m1 a,#nav .m1 a span{width:53px;}
#nav .m2,#nav .m2 a,#nav .m2 a span{width:63px;}
#nav .m3,#nav .m3 a,#nav .m3 a span{width:62px;}
#nav .m4,#nav .m4 a,#nav .m4 a span{width:57px;}
#nav .m5,#nav .m5 a,#nav .m5 a span{width:62px;}
#nav .m6,#nav .m6 a,#nav .m6 a span{width:87px;}
#nav .m7,#nav .m7 a,#nav .m7 a span{width:64px;}
#nav .m8,#nav .m8 a,#nav .m8 a span{width:61px;}
#nav .m1e,#nav .m1e a,#nav .m1e a span{width:78px;}
#nav .m2e,#nav .m2e a,#nav .m2e a span{width:81px;}
#nav .m3e,#nav .m3e a,#nav .m3e a span{width:70px;}
#nav .m4e,#nav .me4 a,#nav .m4e a span{width:44px;}
#nav .m5e,#nav .m5e a,#nav .m5e a span{width:80px;}
#nav .m6e,#nav .m6e a,#nav .m6e a span{width:96px;}
#nav .m7e,#nav .m7e a,#nav .m7e a span{width:68px;}
#nav .m8e,#nav .m8e a,#nav .m8e a span{width:48px;}

#nav .m1 a span{background-image:url(../img/m1.gif);}
#nav .m2 a span{background-image:url(../img/m2.gif);}
#nav .m3 a span{background-image:url(../img/m3.gif);}
#nav .m4 a span{background-image:url(../img/m4.gif);}
#nav .m5 a span{background-image:url(../img/m51.gif);}
#nav .m6 a span{background-image:url(../img/m6.gif);}
#nav .m7 a span{background-image:url(../img/m7.gif);}
#nav .m8 a span{background-image:url(../img/m8.gif);}
#nav .m1e a span{background-image:url(../img/m11e.gif);}
#nav .m2e a span{background-image:url(../img/m2e.gif);}
#nav .m3e a span{background-image:url(../img/m3e.gif);}
#nav .m4e a span{background-image:url(../img/m4e.gif);}
#nav .m5e a span{background-image:url(../img/m51e.gif);}
#nav .m6e a span{background-image:url(../img/m6e.gif);}
#nav .m7e a span{background-image:url(../img/m7e.gif);}
#nav .m8e a span{background-image:url(../img/m8e.gif);}

#nav .m1 a:hover span,#nav .m1 a.active span,#nav .m1 a.selected span{background-position:-53px 0;}
#nav .m2 a:hover span,#nav .m2 a.active span,#nav .m2 a.selected span{background-position:-63px 0;}
#nav .m3 a:hover span,#nav .m3 a.active span,#nav .m3 a.selected span{background-position:-62px 0;}
#nav .m4 a:hover span,#nav .m4 a.active span,#nav .m4 a.selected span{background-position:-57px 0;}
#nav .m5 a:hover span,#nav .m5 a.active span,#nav .m5 a.selected span{background-position:-62px 0;}
#nav .m6 a:hover span,#nav .m6 a.active span,#nav .m6 a.selected span{background-position:-87px 0;}
#nav .m7 a:hover span,#nav .m7 a.active span,#nav .m7 a.selected span{background-position:-64px 0;}
#nav .m8 a:hover span,#nav .m8 a.active span,#nav .m8 a.selected span{background-position:-61px 0;}
#nav .m1e a:hover span,#nav .m1e a.active span,#nav .m1e a.selected span{background-position:-78px 0;}
#nav .m2e a:hover span,#nav .m2e a.active span,#nav .m2e a.selected span{background-position:-81px 0;}
#nav .m3e a:hover span,#nav .m3e a.active span,#nav .m3e a.selected span{background-position:-70px 0;}
#nav .m4e a:hover span,#nav .m4e a.active span,#nav .m4e a.selected span{background-position:-44px 0;}
#nav .m5e a:hover span,#nav .m5e a.active span,#nav .m5e a.selected span{background-position:-80px 0;}
#nav .m6e a:hover span,#nav .m6e a.active span,#nav .m6e a.selected span{background-position:-96px 0;}
#nav .m7e a:hover span,#nav .m7e a.active span,#nav .m7e a.selected span{background-position:-68px 0;}
#nav .m8e a:hover span,#nav .m8e a.active span,#nav .m8e a.selected span{background-position:-48px 0;}

/* ODKAZY */
a,#cont #subnav a{text-decoration:none;}
a:visited{color:#bbb}
.underline,#cont a{text-decoration:underline;}

/* TAB */	
table{font-size:100%; border-collapse:collapse;}
th,td{padding:3px 10px 3px 0;}

/* FORM */
form{margin:0;}
input,select,textarea{font:100% Arial,Verdana,Tahoma,sans-serif; border:1px solid #c9c9c9;}
.c6 input,.c6 select,.c6 textarea{border:1px solid #55bdca;}

/* OSTATNI */
.warning{padding:10px; background:#eee; border:1px solid #bbb; border-left-width:3px;}
.absl{position:absolute; top:10px; left:10px;}
.c{text-align:center;}
.r{text-align:right;}
.just{text-align:justify;}
.flr{float:right;}
.fl{float:left;}
.cl{clear:both;}
.cll{clear:left;}
.sml{font-size:80%;}
.none,a img{border:none;}
.brd{border:1px solid black;}
.hid{display:none;}
.vis{visibility:hidden; margin:0;}
div.cl{font-size:1px; height:1px; margin-top:-1px;}

/* prostory */
.mt-10{margin-top:-10px;}
}