body{
	font-family: Arial, sans-serif;
	line-height: 1.3em;
	text-align: center;
	background: #000 url("../images/SPIwww_NM.jpg") no-repeat top center;
	color: #151515;
	font-size: 9pt;
	padding: 0;	
	margin: 105px 0 10px 0;
}

a{
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover{
	  color: #ED81A2;
}
a img{ border: 0; }
#web{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
}
h1, h2, h3, h4, h5, h6{
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   font-weight: normal;
}
#copy{
   border-top: 1px solid #4B574E;
   font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
   color: #FFFFFF;
   padding-top: 5px;
   text-align: center;
   font-size: 8pt;
}
#copy p{
   margin: 0;
   padding: 0;
}
#top{
   width: 780px;
   height: 180px;
   background: url(../images/top.png) no-repeat;
   position: relative;
}
      


#top-nav{ position: absolute; width: 600px; height: 22px; top: 2px; left: 0px; }
#top-nav ul{ margin: 0; padding: 0; width: 600px; height: 22px;  list-style-type: none; }
#top-nav ul li{ margin: 0 1px 0 0; height: 22px; float: left; padding: 0; list-style-type: none; }
#top-nav ul li a{ display: block; height: 22px; text-align: center; border: 0; text-decoration: none; }
#filmbox span, #spieu span, #nonstopkinohd span, #spisk span, #spicz span, #cstv span, #spihu span, #spiny span, #nostalgia span, #erox span{ visibility: hidden; }
#top-nav ul li#filmbox a{ background: url(../images/filmbox.png) no-repeat 0 0; width: 66px; }
#top-nav ul li#nonstopkino a{ background: url(../images/nonstopkino.png) no-repeat 0 0; width: 98px; }
#top-nav ul li#nonstopkinohd a{ background: url(../images/nonstopkino-hd.png) no-repeat; width: 78px; }
#top-nav ul li#spisk a{ background: url(../images/spi-sk.png) no-repeat 0 0; width: 92px; }
#top-nav ul li#spicz a{ background: url(../images/spi-cz.png) no-repeat 0 0; width: 92px;}
#top-nav ul li#spieu a{ background: url(../images/fe-eu.png) no-repeat 0 0; width: 92px; }
#top-nav ul li#spihu a{ background: url(../images/spi-hu.png) no-repeat 0 0; width: 92px; }
#top-nav ul li#cstv a{ background: url(../images/cs-tv.png) no-repeat 0 0; width: 47px; }
#top-nav ul li#erox a{ background: url(../images/erox.png) no-repeat 0 0; width: 44px; }
#top-nav ul li#nostalgia a{ background: url(../images/nostalgia.png) no-repeat 0 0; width: 65px; }





#time{
	left: 621px;
	position: absolute;
	top: 6px;
	height: 20px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Tahoma, sansserif;
	text-align: center;
	width: 160px;
}


#flash{
   position: absolute;
   top: 24px;
   left: 1px;
   widtH: 610px;
   height: 150px;
}
.slideshow{ width: 609px; height: 149px;
}

#top-box{
   position: absolute;
   top: 0px;
   left: 620px;
   width: 158px;
   height: 149px;
}
#top-box a img{border: 0;}

#main{
   width: 780px;
   margin-top: 15px;
   margin-bottom: 15px;
}
.panel{
   width: 160px;
   float: left;
}
#content-460{
   width: 460px;
   float: left;
}
#content-460-in{
   width: 440px;
   margin-left: 10px;
   margin-right: 10px;
}
#content-610{
   width: 610px;
   float: left
}

.clear{
   clear: both;
}
#menu{
   width: 160px;
   font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
   font-weight: bold;
   background: #fff;
   padding: 5px 0 5px 0;
}
#menu ul{
   margin: 0;
   padding: 0;
   width: 160px;
   list-style: none;   
}
#menu ul li{
   list-style: none;	
   background: url(../images/bullet.png) no-repeat 2px 4px;
 	padding: 3px 0 3px 17px;
}
#menu ul li a{
	color: #000;
   text-transform: uppercase;
   text-decoration: none;

}
#menu ul li A:hover{
   text-decoration: underline;
}
#menu ul li ul{
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu ul li ul li{
	background: none;
	padding: 0;
	font-size: 95%;
	margin: 0;
}
#menu ul li ul li a{ }
.news{
   width: 160px;
   background: #212427;
   border-top: 5px solid #373E48;
   color: #FFFFFFF;
   margin-bottom: 15px;
}
.news h2{
   color: #FFFFFF;
   font-size: 9pt;
   margin: 0;
   padding: 5px;
   text-transform: uppercase;
   text-align: center;
   border-bottom: 2px solid #373E48;
   font-weight: bold;
   background: #212427;
}
.news ul{
   margin: 0;
   padding: 0 0 5px 0;
   width: 160px;
}
.news ul li{
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #373E48;
}
.news ul li A{
   padding: 4px 0px 4px 7px;
   display: block;
}
.kina{ width: 160px; margin-top: 15px;   background: #212427; }
.kina a, .kina img{ margin: 0; padding: 0; text-decoration: none; }
/* --- TITULKA --- */
.box{
   /* ma to sirku 440px !*/
   width: 440px;
   
}
.box h2{
   font-size: 10pt;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 7px 5px 7px 10px;
   color: #FFFFFF;
   background: #4C525A;
}
.box-in{
   width: 420px;
   margin-left: 10px;
   margin-right: 10px;
}


/* --- film --- */
.film{
   padding-bottom: 10px;
   margin: 8px 0 10px 0;
}
.film-okraj{
   border-bottom: 1px solid #4C525A;
}
.film h3, .film h3 a{
   text-transform: uppercase;
   font-weight: bold;
   margin: 0;
   padding: 0 0 1px 0;
   color: #000000;
   font-size: 9.5pt;
   text-decoration: underline; 
}
.film a{color: #000000;}
.film h4{
   text-transform: uppercase;
   margin: 0;
   padding: 1px 0 3px 0;
   color: #464646;
   font-size: 7.5pt;
}
.film img{
   float: right;
   margin: 0 3px 0 5px;
   border: 1px solid #464646;
}
.film p{
   margin: 0 0 3px 0;
   padding: 0;
}

#kozel{ position: absolute;	width: 185px; height: 250px; top: 310px; right: -200px;  }
#kozel a{ display: block;width: 185px; height: 250px; }