/*********************************************************************************************************/
/**** Kostra stránky *************************************************************************************/
/*********************************************************************************************************/

body {
	background-color: #C5D7ED;
}
div#panel_main 
{
	font-size: 12px;
	margin: 0px auto 0px auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align: center;
	width: 1000px;
}

/**** Panel hlavičky ****/
div#panel_head 
{
	width: 100%;
	height: 125px;
	background-image: url('../Resources/Head.png');
	font-size: 10px;
	text-align: left;
	background-repeat: no-repeat;
}

div#panel_head_link 
{
	float: right;
	margin-top: 8px;
	margin-right: 170px;
}

div#panel_head_link a 
{
	color: #FFFFFF;
}

div#panel_head_link a:link 
{
	color: #FFFFFF;
}

div#panel_head_link a:visited
{
	color: #FFFFFF;
}

div#panel_head_navigation 
{
	margin: 95px auto auto 30px;
	clear: both;
	float: left;
	height: 25px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	overflow: hidden;
}

div#panel_head_navigation ul 
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	list-style: none;
}

div#panel_head_navigation ul li 
{
	margin: 0px 15px 0px 0px;
	float: left;
	width: 180px;
	height: 25px;
}

a.link_head_navigation_active
{
	display: block;
	padding-top: 6px;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	background-image: url('../Resources/TabpageActive.png');
}

a.link_head_navigation
{
	display: block;
	padding-top: 6px;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	background-image: url('../Resources/Tabpage.png');
}

a.link_head_navigation:hover 
{
	background-image: url('../Resources/TabpageActive.png');
}

a.link_head_navigation:link 
{
	color: #FFFFFF;
}

a.link_head_navigation:visited 
{
	color: #FFFFFF;
}

/**** Panel klientké oblasti ****/
div#panel_main_client {
	text-align: left;
	background-image: url('../Resources/Background.png');
	background-repeat: repeat-y;
	width: 1000px;
	height: 100%;
	float: left;
}

div#panel_client_outer 
{
	float: right;
	width: 800px;
}

div#panel_client_inner 
{
	margin: 10px;
}

/**** Panel levého menu (menu, reklama, odkazy) ****/
#panel_right_outer 
{
	float: left;
	width: 200px;
}

/**** Panel zápatí ****/
#panel_footer 
{
	background-image: url('../Resources/Footer.png');
	width: 1000px;
	height: 35px;
	clear: both;
	background-repeat: no-repeat;
}

#panel_footer p
{
	margin: 0;
	padding: 10px 15px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	float: right;
	font-weight: bold;
	color: #555555;
}



/*********************************************************************************************************/
/**** Společné prvky *************************************************************************************/
/*********************************************************************************************************/

/**** Panel vedlejší navigace (menu, reklama, ...) ****/
div.panel_content 
{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 180px;
}

div.panel_content_head /* Hlavička vedlejší navigace */
{
	width: 100%;
	height: 30px;
	background-image: url('../Resources/NavigationHead.png');
	background-repeat: no-repeat;
}

div.panel_content_head h1  /* Nadpis vedlejší navigace */
{
	margin: 0;
	padding: 7px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

/**** Panel vedlejší klientské navigace (menu, reklama, ...) ****/
div.panel_content_body 
{
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #CDDFF6;
	border-left-color: #CDDFF6;
}

div.panel_content_client 
{
	padding: 0px 5px 0px 5px;
	width: 168px;
}

/**** Panel západí vedlejší navigace (menu, reklama, ...) ****/
div.panel_content_footer 
{
	height: 25px;
	width: 100%;
	background-image: url('../Resources/NavigationFooter.png');
	background-repeat: no-repeat;
}

/**** Definování odkazu ve vedlejším menu (Domů, Café a fitness bar, ...) ****/
a.link_menu_slave_active
{
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('../Resources/JointLineActive.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
}

a.link_menu_slave 
{
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('../Resources/JointLine.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 12px;
}

a.link_menu_slave:hover
{
	font-weight: bold;
	background-image: url('../Resources/JointLineActive.png');
	background-repeat: no-repeat;
}

/**** Definování odkazu v sekci odkazi (odkaz na Life fitness, ...) ****/
a.link_interesting
{
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 8px;
}
a.link_interesting:hover
{
	font-weight: bold;
}

/**** Definování uvítacího panelu. Má každá hlavní stránka (Vážení přátelé a příznivci...) ****/
div.panel_welcome
{
	background-color: #CDDFF6;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #69A7F2;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #69A7F2;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #69A7F2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #69A7F2;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
}



/*********************************************************************************************************/
/**** Domů ***********************************************************************************************/
/*********************************************************************************************************/

/**** Definování panelu pro zobrazení informací o slevách nebo auktualitách. Jedná se o zobrazení pouze jedné slevy nebo aktuality ****/
div.panel_information
{
	padding: 10px 5px 5px 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CDDFF6;
}

.panel_information h2 /* Nadpis slevy, nebo akuality */
{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0642C4;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 10px;
}
.panel_information p /* Popis slevy nebo aktuality */
{
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 10px;
}

.panel_information img /* Doprovodný obrázek (obrázky) ke slevě nebo aktualitě. */
{
	vertical-align: top;
	text-align: center;
}

.panel_information a /* Odkaz v textu slevy nebo aktuaily, pokud vůbec existuje */
{
	color: Black;
}

.panel_information a:link 
{
	color: Black;
}

.panel_information a:visited 
{
	color: Black;
}


/**** Definování nadpisu pro stránku domu (Vážení přátelé, příznivci...). ****/
h1.title1_domu_main
{
	padding: 0px;
	margin: 6px 0px 6px 0px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/**** Definování nadpisu pro informační blok (Slevy, Aktuality). ****/
.title2_domu_information
{
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.4em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
}

/**** Definování základního textu stránky domů (Dovolujeme si vás...). ****/
p.text_domu_main
{
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

p.text_domu_main a
{
	color: Black;
}

p.text_domu_main a:link 
{
	
	color: Black;
}

p.text_domu_main a:visited 
{
	color: Black;
}

ul.list_domu_main
{
	margin: 0 0 0 30px;
	padding: 0;
}

ul.list_domu_main li
{
	margin: 2px 0 0 0;
}

ul.list_domu_main li a
{
	color: Black;
}

ul.list_domu_main li a:link 
{
	
	color: Black;
}

ul.list_domu_main li a:visited 
{
	color: Black;
}


/*********************************************************************************************************/
/**** Suplementy *****************************************************************************************/
/*********************************************************************************************************/

div#panel_suplementy_menu
{
	float: left;
	width: 150px;
}

div#panel_suplementy_menu ul
{
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
}

div#panel_suplementy_menu ul li
{
	margin-top: 10px; 
	width: 100%; 
	height: 35px;
}

a.link_suplementy_menu_active
{
	background-image: url('../Resources/TabpageSlaveActive.png'); 
	background-repeat: no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-right: 10px;	
	padding-top: 11px;
	padding-bottom: 12px;
	font-size: 10px;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
}

a.link_suplementy_menu
{
	background-image: url('../Resources/TabpageSlave.png'); 
	background-repeat: no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-right: 10px;	
	padding-top: 11px;
	padding-bottom: 12px;
	font-size: 10px;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
}

a.link_suplementy_menu:hover
{
	background-image: url('../Resources/TabpageSlaveActive.png'); 
	background-repeat: no-repeat; 
}

div#panel_suplementy_tabpage
{
	background-color: #FFFFFF; 
	float: right; 
	width:628px; 
	min-height: 415px;
	border: solid 1px #69A7F2;
}

div#panel_suplementy_tabpage_inner
{
	height: 100%;
	width: 100%;
	border: solid 1px #CDDFF6;
	min-height: 413px;
	width:626px; 
}

/**** Definování tabulky ****/

div#panel_suplementy_tabpage table
{
	width: 100%;
	/*border: solid 2px  #CDDFF6;*/
	border-collapse: collapse;
	table-layout: auto;
	font-size: 10px;
}

div#panel_suplementy_tabpage thead td
{
	border: solid 1px  #69A7F2;
	padding: 5px;
	background: #69A7F2;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

div#panel_suplementy_tabpage table p
{
	padding: 10px 0 5px 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

div#panel_suplementy_tabpage tbody td
{
	border: solid 1px  #69A7F2;
	vertical-align: top;
	padding: 3px 5px 0 5px;
}

div#panel_suplementy_tabpage tbody tr:hover
{
	background: #C5D7ED;
}

.table_suplementy_column1
{
	width: 250px;
}

.table_suplementy_column2
{
	width: 60px;
}

.table_suplementy_column3
{
	width: 50px;
}

.table_suplementy_column4
{
}



/*********************************************************************************************************/
/**** Café bar *******************************************************************************************/
/*********************************************************************************************************/

a.link_cafebar_menu_active
{
	background-image: url('../Resources/TabpageSlaveActive.png'); 
	background-repeat: no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-right: 10px;	
	padding-top: 11px;
	padding-bottom: 12px;
	font-size: 12px;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
}

a.link_cafebar_menu
{
	background-image: url('../Resources/TabpageSlave.png'); 
	background-repeat: no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-right: 10px;	
	padding-top: 11px;
	padding-bottom: 12px;
	font-size: 12px;
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
}

a.link_cafebar_menu:hover
{
	background-image: url('../Resources/TabpageSlaveActive.png'); 
	background-repeat: no-repeat; 
}

div#panel_cafebar_tabpage
{
	background-color: #FFFFFF; 
	float: right; 
	width:628px; 
	min-height: 100px;
	border: solid 1px #69A7F2;
}

div#panel_cafebar_tabpage_inner
{
	height: 100%;
	width: 100%;
	border: solid 1px #CDDFF6;
	min-height: 98px;
	width:626px; 
}

/**** Definování tabulky ****/

div#panel_cafebar_tabpage table
{
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	font-size: 10px;
}

div#panel_cafebar_tabpage thead td
{
	border: solid 1px  #69A7F2;
	padding: 5px;
	background: #69A7F2;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
}

div#panel_cafebar_tabpage table p
{
	padding: 10px 0 5px 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

div#panel_cafebar_tabpage tbody td
{
	border: solid 1px  #69A7F2;
	vertical-align: top;
	padding: 3px 5px 0 5px;
}

div#panel_cafebar_tabpage tbody tr:hover
{
	background: #C5D7ED;
}

.table_cafebar_column1
{
	width: 200px;
}

.table_cafebar_column2
{
	width: 50px;
}

.table_cafebar_column3
{
	width: 150px;
}

.table_cafebar_column4
{
}



/*********************************************************************************************************/
/**** Kontakty *******************************************************************************************/
/*********************************************************************************************************/

div.panel_kontakt_info h2
{
	margin: 0 0 5px 0;
	padding: 0;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0642C4;
}

div.panel_kontakt_info h3
{
	margin: 50px 0 5px 0;
	padding: 0;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0642C4;
}

.text_kontakt_key
{
	margin: 0 10px 0 0;
	padding: 0;
}

.text_kontakt_value 
{
	margin: 0 30px 0 0;
	padding: 0;
}



/*********************************************************************************************************/
/**** Provozní řád ***************************************************************************************/
/*********************************************************************************************************/

div.panel_provozni_rad_info ul
{
	list-style-type: decimal;
}

div.panel_provozni_rad_info ul li
{
	margin-top: 15px;
}



/*********************************************************************************************************/
/**** Fotogalerie ****************************************************************************************/
/*********************************************************************************************************/

div#panel_foto_tabpage
{
	background-color: #FFFFFF; 
	float: right; 
	width:628px; 
	min-height: 190px;
	border: solid 1px #69A7F2;
}

div#panel_foto_tabpage_inner
{
	height: 100%;
	width: 100%;
	border: solid 1px #CDDFF6;
	min-height: 188px;
	width:626px; 
}

a.image_fotogalerie_155_116
{
	margin: 2px;
	padding: 0;
	display: block;
	float: left;
	width: 140px;
	height: 105px;
	overflow: hidden;
	position: relative;
}

a.image_fotogalerie_155_116 img 
{
	position: absolute;
	top: -7px;
	left: -7px;
	z-index: 1;
	border: solid 2px #69A7F2;
}

a.image_fotogalerie_155_116:hover
{
	overflow: visible;
	z-index: 100;
}

a.image_fotogalerie_155_103
{
	margin: 2px;
	padding: 0;
	display: block;
	float: left;
	width: 140px;
	height: 92px;
	overflow: hidden;
	position: relative;
}

a.image_fotogalerie_155_103 img 
{
	position: absolute;
	top: -7px;
	left: -7px;
	z-index: 1;
	border: solid 2px #69A7F2;
}

a.image_fotogalerie_155_103:hover
{
	overflow: visible;
	z-index: 100;
}

a.image_fotogalerie_155_234
{
	margin: 2px;
	padding: 0;
	display: block;
	float: left;
	width: 140px;
	height: 223px;
	overflow: hidden;
	position: relative;
}

a.image_fotogalerie_155_234 img 
{
	position: absolute;
	top: -7px;
	left: -7px;
	z-index: 1;
	border: solid 2px #69A7F2;
}

a.image_fotogalerie_155_234:hover
{
	overflow: visible;
	z-index: 100;
}

a.image_fotogalerie_77_116
{
	margin: 2px;
	padding: 0;
	display: block;
	float: left;
	width: 64px;
	height: 105px;
	overflow: hidden;
	position: relative;
}

a.image_fotogalerie_77_116 img 
{
	position: absolute;
	top: -7px;
	left: -7px;
	z-index: 1;
	border: solid 2px #69A7F2;
}

a.image_fotogalerie_77_116:hover
{
	overflow: visible;
	z-index: 100;
}

a.image_fotogalerie_155_207
{
	margin: 2px;
	padding: 0;
	display: block;
	float: left;
	width: 140px;
	height: 187px;
	overflow: hidden;
	position: relative;
}

a.image_fotogalerie_155_207 img 
{
	position: absolute;
	top: -12px;
	left: -7px;
	z-index: 1;
	border: solid 2px #69A7F2;
}

a.image_fotogalerie_155_207:hover
{
	overflow: visible;
	z-index: 100;
}

div.lb
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background-color: Gray;
}

div.lb:target
{
	display: block;
}


/*********************************************************************************************************/
/**** Cenik **********************************************************************************************/
/*********************************************************************************************************/

div#panel_cenik_tabpage
{
	background-color: #FFFFFF; 
	float: right; 
	width:628px; 
	min-height: 145px;
	border: solid 1px #69A7F2;
}

div#panel_cenik_tabpage_inner
{
	height: 100%;
	width: 100%;
	border: solid 1px #CDDFF6;
	min-height: 143px;
	width:626px; 
}

table.table_cenik
{
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	margin: 10px auto auto auto;
}

table.table_cenik thead td
{
	border: solid 1px  #69A7F2;
	padding: 5px;
	background: #69A7F2;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

table.table_cenik tbody td
{
	border: solid 1px  #69A7F2;
	vertical-align: top;
	padding: 3px 5px 0 5px;
	font-size: 14px;
}