/*  Kino Nadsklepí Kroměříž - Copyright (c) ALMEO s.r.o., všechna práva vyhrazena  */

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: black;
	cursor: default;
	padding: 0;
	margin: 0;
	text-align: center;
	background: rgb(235,235,235);
}

h1 {
	display: none;
}

a {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0;
	margin: 0;
}

#body_area {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

#page_area {
	clear: both;
	width: 980px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
}

#page_area_container {
	float: left;
	clear: both;
	width: 980px;
	margin: 0;
}

#horni_lista {
	background: rgb(235,233,220);
	border-bottom: rgb(195,198,167) 3px solid;
	text-align: center;
	height: 25px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#horni_lista_center {
	width: 965px;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 5px 0 0 15px;
	overflow: hidden;
}

#hlavicka_lista {
	background: url(./images/hlavicka_pozadi_prechod.gif) left top repeat-x rgb(207,236,236);
	height: 227px;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}

#hlavicka_lista_center {
	width: 970px;
	height: 227px;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 0 10px 0 0;
	background: url(./images/hlavicka_kino_foto.gif) bottom right no-repeat;
}

#menu_lista {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	height: 33px;
	background: url(./images/menu_lista_pozadi.gif) left top repeat-x rgb(208,211,180);
}

#menu_lista_center {
	width: 980px;
	margin: 0px auto 0px auto;
	text-align: left;
	height: 33px;
	padding-left: 1px;
	background: url(./images/menu_lista_predel.gif) left top no-repeat;
	overflow: hidden;
}

UL#menu_vypis {
	display: block;
	margin: 0;
	padding: 0;
}

UL#menu_vypis LI {
	display: inline;
	margin: 0;
	padding: 0;
}

UL#menu_vypis LI A {
	display: block;
	float: left;
	padding: 7px 15px 0 15px;
	height: 26px;
	margin: 0;
	font-weight: bold;
	text-align: center;
	background: url(./images/menu_lista_predel.gif) right top no-repeat;
	color: black;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 13px;
}	

#paticka {
	clear: both;
	width: 970px;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 10px;
	height: 35px;
	text-align: left;
}

#paticka A {
	color: black;
}

#content_nadpis {
	clear: both;
	margin: 15px 0 0 12px;
	text-align: left;
}

#content_nadpis H2 {
	font-size: 16px;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: rgb(107, 0, 0);
	font-weight: bold;
}

#content_obsah {
	clear: both;
	padding: 10px 15px 0 15px;
	text-align: left;
}

#kino_dny_tyden {
	background: url(./images/kino_dny_pozadi.gif) left top repeat-x rgb(116, 125, 80);
	clear: both;
	float: left;
}

UL#kino_dny_vypis {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}

UL#kino_dny_vypis LI {
	display: inline;
	padding: 0;
	margin: 0;
}

UL#kino_dny_vypis LI A {
	display: block;
	float: left;
	padding: 6px 0 6px 0;
	text-align: center;
	width: 135px;
	font-size: 13px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	cursor: pointer;
	margin: 0;
	background: url(./images/kino_dny_predel.gif) left top no-repeat;
}

UL#kino_dny_vypis LI A#kino_dny_vypis_aktiv {
	background: url(./images/kino_dny_pozadi_aktiv.gif) right top repeat-x;
	color: black;
}

#kino_dny_infoplocha {
	float: left;
	clear: both;
	width: 200px;
	height: 17px;
	padding: 9px 0 0 15px;
	text-align: left;
}

TABLE#kino_filmy_dnes_table {
	margin: 0; 
	padding: 0; 
	border: 0;
}

TD.kino_filmy_dnes_table_td1 {
	padding: 0 0 0 15px;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	height: 37px;
	background: white;
	width: 328px;
	font-weight: bold;
	font-size: 14px;
	border-top: rgb(148,153,129) 1px solid; 
}

TD.kino_filmy_dnes_table_td1 A {
	color: black;
}

TD.kino_filmy_dnes_promitano {
	background: url(./images/kino_dnes_hraje_pozadi.gif) left top repeat-x rgb(74,80,49);
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 300px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	border-top: rgb(148,153,129) 1px solid;
	border-left: rgb(148,153,129) 1px solid; 
}

TD.kino_filmy_dnes_nepromitano {
	border-top: rgb(148,153,129) 1px solid; 
	border-left: rgb(148,153,129) 1px solid; 
	background: url(./images/kino_dnes_nehraje_pozadi.gif) left top repeat-x rgb(184,184,184);
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 300px;
	color: rgb(158,158,158);
	font-weight: bold;
	font-size: 14px;
}

TD.kino_filmy_dnes_nepromitano IMG {
	width: 30px;
	height: 27px;
}

TD.kino_filmy_dnes_promitano IMG {
	width: 19px;
	height: 18px;
}

TD.kino_filmy_dnes_nepromitano SPAN, TD.kino_filmy_dnes_promitano SPAN {
	padding: 0 0 0 0; 
	margin: 0 0 0 10px; 
}

#kino_vypis_program_container {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 9px;
	padding-bottom: 25px;
}

SPAN.kino_porad_polozka_nadpis {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	font-size: 13px;
}

SPAN.kino_porad_polozka_nadpis A {
	color: white;
}

SPAN.kino_porad_polozka_mesic {
	display: block;
	float: right;
	text-align: right;
	padding: 0;
}

.kino_porad_polozka_title {
	clear: both;
	background: rgb(143,148,122);
	height: 22px;
	padding: 5px 9px 0 9px;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

.kino_porad_polozka_datum {
	clear: both;
	padding: 5px 0 0 9px;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
}

.kino_porad_polozka_spodni {
	clear: both;
	padding: 4px 0 0 10px;
	text-align: left;
}

.kino_porad_polozka {
	float: left; 
	height: 160px; 
	margin: 0px 3px 0 0;
	width: 470px; 
	border: rgb(143,148,122) 1px solid;
	overflow: hidden;
}

.kino_porad_polozka_obsah {
	clear: both;
	padding: 8px 10px 0 10px;
}

.kino_porad_polozka_img {
	float: left; 
	width: 100px;
	padding: 0;
	text-align: center;
}

.kino_porad_polozka_img IMG {
	border: 0;
	margin: 0 auto 0 auto;
}

P.kino_porad_polozka_text {
	display: block;
	float: left;
	margin: 0;
	width: 338px;
	padding: 1px 0 0 12px;
	text-align: left;
	font-size: 11px;
}

#kino_dny_box {
	clear: both; 
	float: left; 
	border: rgb(148,153,129) 1px solid; 
	background: rgb(143,183,183); 
	padding: 0;
}

#kino_film_detail {
	clear: both;
	float: left;
	width: 100%;
	border: rgb(143,148,122) 1px solid;
	background: white;
	padding-bottom: 35px;
	margin-bottom: 15px;
}

#kino_film_detail_title {
	clear: both;
	background: rgb(143,148,122);
	height: 22px;
	padding: 5px 13px 0 13px;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

#kino_film_detail_datum {
	clear: both;
	padding: 8px 0 0 13px;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
}

#kino_film_detail_obsah {
	clear: both;
	padding: 10px 15px 5px 15px;
	font-size: 12px;
}

P#kino_film_detail_text {
	display: block;
	float: left;
	margin: 0;
	width: 770px;
	padding: 1px 0 0 12px;
	text-align: left;
	font-size: 12px;
}

#kino_film_detail_obrazky {
	clear: both;
	padding-top: 15px;
}




/*   Zobrazování a otevírání fotografií   */

#lightbox {
	
	position: absolute;
	
	left: 0;

	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;

}



#lightbox a img { 
	border: none; 
}



#outerImageContainer{
	
	position: relative;
	
	background-color: #fff;
	
	width: 250px;
	
	height: 250px;
	
	margin: 0 auto;
	
}



#imageContainer{
	
	padding: 10px;
	
}



#loading{
	
	position: absolute;
	
	top: 40%;
	
	left: 0%;
	
	height: 25%;
	
	width: 100%;
	
	text-align: center;
	
	line-height: 0;
	
}


#hoverNav{
	
	position: absolute;
	
	top: 0;
	
	left: 0;
	
	height: 100%;
	
	width: 100%;
	
	z-index: 10;
	
}


#imageContainer>#hoverNav{ 
	left: 0;
}


#hoverNav a {
	outline: none;
}



#prevLink, #nextLink{
	width: 49%;
	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; 
	/* Trick IE into showing hover */

	display: block;

}


#prevLink { 
	left: 0; 
	float: left;
}


#nextLink { 
	right: 0; 
	float: right;
}


#prevLink:hover, #prevLink:visited:hover { 
	background: url(images/prevlabel.gif) left 50% no-repeat;
}


#nextLink:hover, #nextLink:visited:hover { 
	background: url(images/nextlabel.gif) right 50% no-repeat; 
}




#imageDataContainer{
	
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;

	margin: 0 auto;
	
	line-height: 1.4em;

	overflow: hidden;

	width: 100%;
}



#imageData{
	padding:0 10px; 
	color: #666; 
}


#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}


#imageData #caption{ 
	font-weight: bold;
}


#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}


#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;
}


#overlay{
	
	position: absolute;
	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

}

/*   Konec otevírání fotografií   */