/* ---------------------------------------------------------------------------
Cascading Style Sheet for masaze-vychod.cz
version: 1.0
author: Tomas Kokoska
email: info@kukulin.net
------------------------------------------------------------------------------*/

/* ------ MAIN --------------------------- */
body { 
	margin:0; 
	background: #72635C url('imgs/body_background.gif') left top repeat-x; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px; 
}
#wrapper { 
	width: 60em; max-width: 96%; min-width: 700px; 
	margin: 0 auto;
	position: relative;
}
#mainDiv { 
	margin: 60px 0 1.5em;
	background: #FDFC9B url('imgs/text_corner_left.gif') left bottom no-repeat; 
}
#mainBottom { 
	height: 50px; 
	clear: both; 
	background: transparent url('imgs/text_corner.gif') right bottom no-repeat;
}
.clear_both { clear: both;}

/* ------ HEADER --------------------------- */
#header { background: url('imgs/logo.gif') left bottom no-repeat; }
#header address {
	height: 130px;
	display: block;
	color: #FDFC9B; background: url('imgs/houses.gif') right bottom no-repeat;
	text-align: right;
	font-size: 80%; font-style: normal; 
}
#header address strong { display: none;}
#shadow { 
	height:48px; width: 423px;
	margin:0;
	position: absolute; top:130px;
	background: url('imgs/logo_shadow.gif') left top no-repeat;
	text-indent: -9999em; 
}

/* ------ FOOTER --------------------------- */
#footer { 
	padding-top: 0.5em;
	border-top: 1px solid #FDFC9B; color: #FDFC9B; 
	font-size: 80%;
}
#copyright { float: left;}
#webadmin { float: right; }
#webadmin a { color: #FDFC9B; }
#webadmin span { padding: 0.5em;}

/* ------ textMENU ---------------------------------- */
#textNav { 
	width: 25%;
	margin-left: 2em !important; margin-left: 1em; /* IEly speaking */
	float: left;
	background: #C1C266 url('imgs/textmenu_corner.gif') right bottom no-repeat;
}
#textNav span { display: none;} 
#textNav a { display: block; margin: 0.5em 1em; color: black; }
#textNav a:hover { color: #FDFC9B; }
#textNav h2 { margin: 1em 0.5em; font-weight: bold; font-size: 120%;}
#corner_left { height: 40px; background: transparent url('imgs/textmenu_corner_left.gif') left bottom no-repeat;}



/* -------- textCONTENT --------------- */
#content { width: 67%; padding-right: 1em; float: right; }

#content h3 { margin: 1em 0; font-weight: bold; font-size: 110%;}
#content p.note { color: gray; font-size: 85%; position: relative; margin: 1em;}
#content p.note span { position: absolute; left:-1em; }

#content table { font-size: 90%;}
#content td, #content th { text-align: center; padding: 0.2em 1em;}
#content .tleft { text-align: left; padding-left: 0;}
#content .ingroup { font-size: 90%; }
#content .ingroup .tleft { padding-left: 2em; }

#content img { border:0;}
#content .icenter {display: block; margin: 1em auto;}
#content .iright {margin: 0 0 1em 1em; float: right;}
#content .ileft {margin: 0 1em 1em 0; float: left;}

#content address { font-style: normal; line-height: 150%; margin-bottom: 1em;}
#content address span { display: block; float:left; width: 5em; font-weight: bold;}

.p_frame { width: 271px; height: 341px; background: #c1c266 url('imgs/p_frame2.gif') center no-repeat; position: relative; }
.panorama { width: 250px; height: 320px; border: 1px solid white; position: relative; top: 7px; left: 7px; background: transparent 72% no-repeat;}

#frame_floated { float: right;}
#pan1 { background-image: url('imgs/panorama2.jpg'); }
#pan2 { background-image: url('imgs/panorama3.jpg'); }
 
#content p.exclam { background: transparent url('imgs/exclamation.gif') left top no-repeat; padding-left: 15px; padding-top: 5px;}

/* ------ MENU -------------------------- */
#mainNav { 
	position:absolute; top: 130px; right: 0;
	font-size: 85%;
	z-index: 99;

}
#mainNav span { display: none;}		
#mainNav a { 
	display: block; float: left;
	padding: 0.3em 0.5em; 
	color: #4C4C4C; text-decoration: none; 
	font-weight: bold;
}
#mainNav a:hover { color: #F27F01;}

a#home { 
	width: 16px; height: 16px;
	margin: 0; padding: 0;
	position: absolute; left: -20px; top: 3px;
	display: block; 
	background: transparent url('imgs/home.gif') center no-repeat;
	text-indent: -9999em;
	outline: 0;
}
a#home:hover { background-image: url('imgs/home_hover.gif'); }


/* ------ subMENU ---------------------- */
.loading #subNav { display: none; }
#subNav { background-color: #4C4C4C; position: absolute; top: 1.8em; left: 7.3em; }
#subNav a { color: #72635C; background-color: #4C4C4C; float: none; }

/* ---------- current page Hihglight --------- */
.hydro a#hydro
, .masaze a#masaze
, .thai a#masaze, .thai a#thai
, .thaol a#masaze, .thaol a#thaol
, .meridian a#masaze, .meridian a#meridian
, .kranio a#masaze, .kranio a#kranio
, .lymph a#masaze, .lymph a#lymph
, .reflex a#masaze, .reflex a#reflex
, .breuss a#masaze, .breuss a#breuss
, .spinal a#masaze, .spinal a#spinal
, .lava a#masaze, .lava a#lava
, .starvac a#masaze, .starvac a#starvac
, .classic a#masaze, .classic a#classic
, .pack a#pack
, .bulb a#bulb
, .about a#about
{
	color: #FFCC00; 
	background-color: #4C4C4C; 
	cursor: default;
}

/* ------------ SPECIAL PAGES ----------- */
.special #content { width: 95%; padding-right: 1em; float: right; }
.special #content h2 { color: #FDFC9B; background-color: #C1C266; padding: 0.3em 1em; margin: 0; }
.special #content li { margin-bottom: 0.5em; }

.home #mainNav a#home { cursor: default; background-image: url('imgs/home_selected.gif'); }
.home #ad_spinal_touch { position: absolute; display: block; width: 250px; height: 149px; background: transparent url('imgs/spinal_touch.gif') center no-repeat; top: 320px; left: 740px; }
.home #ad_meridian { position: absolute; display: block; width: 73px; height: 60px; background: transparent url('imgs/nove.png') center no-repeat; top: 430px; left: 620px; }
.red { font-weight: bold; color: red; }

.masaze #content ul ul { margin-top: 0.5em; }

.map #content ul li { font-size: 85%;}
.map #content ul ul { position: relative; top:-1.2em; left: 15em; width: 20em;}

/* -------------- AKTUALITY -----------------*/
#content .aktual {border: 2px solid #C1C266; padding: 0; background-color: #ffffcc;}
#content .aktual h3 { color: #ffffcc; background-color: #C1C266; padding: 0.2em 1em; margin-top: 0; }
#content .aktual .inside { margin: 1em; }