/* CSS Document - RESET */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}

/******************************************************************************/


html { width: 100%; height: 100%; padding: 0; margin:0; font-size: 62.5%;} /* 16 px × 62,5 % = 10 px */
body { width: 100%; height: 100%;
  font: 1.4em Arial, Helvetica, sans-serif;
	color: gray;
	background: #fff;
	padding: 0; margin:0;
	line-height: 150%
	} 

a { color: #1D2477 }

h1,h2, h3 { font-family: serif; font-weight: normal; padding: 0; margin: 0 0 1.1em 0; color: #203187}
h2, h3 { margin: .7em 0; padding: .3em 0 }

h1 { font-size: 2.3em }
h2 { font-size: 1.7em }
h3 { font-size: 1.5em }

p { margin: .5em 0; padding: .3em 0 }

ul, ol { margin: 1em 1em 1em 2.5em; }
li { margin: .3em 0; padding: .2em }

li h2, li h3 { margin: 0 0 .25em 0; padding: 0 }

table td { padding: 4px 8px ; background: #F3F3F3; border-bottom: 2px solid #fff; border-right: 2px solid #fff; }


#page { width: 800px; margin: 0 auto; position: relative; min-height: 100%; 	}
#topline { position: absolute; top:0; left: 0; width: 100%; height: 10px; background: #CECECE; }


#footer { position: absolute; bottom:0; left: 0; width: 100%; height: 155px;
					background: url(img/hong-kong.jpg) bottom left no-repeat; }
#footer p { text-align: center; font-size: 90%; margin: 0; padding: 0;}


#header { position: relative; height: 170px }
#header p#logo { position: absolute; top: 60px; left: 0px; width: 300px; height: 52px; margin:0;padding:0; }
#header p#logo a { display:block; width: 300px; height: 52px; position: relative; z-index:1; }
#header p#logo span { position: absolute; top: 0; left: 0; z-index:2; width: 300px; height: 52px;
											background: url(img/logo.png) top left no-repeat;  }
#header p#praha { position: absolute; top: 73px; left: 340px; width: 460px; 
									font-family: serif; font-size: 160%; letter-spacing: 3px;
									text-align: right;  margin:0;padding:0;}



#menu { border-bottom: 1px solid #CECECE; padding-bottom: 5px; background: #fff  }
/* Menu */
#menu ul#nav { list-style-type: none;  margin:0;padding:0;  }
#menu ul#nav li { display: inline; padding: 0 25px 0 0;  margin:0; }
#menu ul#nav li a { padding: 5px 10px; text-decoration: none; color: #949699; 
								border-bottom: 5px solid #CECECE; margin:0;
								font-size: 120% }
#menu ul#nav li a:hover,#menu ul#nav li.aktivni a  { color: #203187; border-bottom: 5px solid #203187; }


/* Flags */
#menu ul#flags { float:right; list-style-type: none; padding: 3px 0 3px 10px; margin:0;  }
#menu ul#flags li { display: inline; padding: 0 0 0 0;  margin:0; }
#menu ul#flags li a,
	#menu ul#flags li strong { display: block; float: left; position:relative; z-index: 1;
														 width: 24px; height: 16px; margin-left: 7px; font-size: 50%;  }

#menu ul#flags li a span,#menu ul#flags li strong span { position: absolute; 
											top: 0; left: 0; z-index:2; width: 24px; height: 16px; }
									
#menu ul#flags li.cz span { background: url(img/flag-cz-b.gif) -24px 0px no-repeat; }
#menu ul#flags li.en span { background: url(img/flag-en-b.gif) -24px 0px no-repeat; }
#menu ul#flags li.ch span { background: url(img/flag-ch-b.gif) -24px 0px no-repeat; }

body.cz #menu ul#flags:hover li.cz span { background: url(img/flag-cz-b.gif) -24px 0px no-repeat; }
body.cz #menu ul#flags:hover li.en span { background: url(img/flag-en-b.gif) 0px 0px no-repeat; cursor: pointer }
body.cz #menu ul#flags:hover li.ch span { background: url(img/flag-ch-b.gif) 0px 0px no-repeat; cursor: pointer }

body.en #menu ul#flags:hover li.cz span { background: url(img/flag-cz-b.gif) 0px 0px no-repeat; cursor: pointer }
body.en #menu ul#flags:hover li.en span { background: url(img/flag-en-b.gif) -24px 0px no-repeat; }
body.en #menu ul#flags:hover li.ch span { background: url(img/flag-ch-b.gif) 0px 0px no-repeat; cursor: pointer }

body.ch #menu ul#flags:hover li.cz span { background: url(img/flag-cz-b.gif) 0px 0px no-repeat; cursor: pointer }
body.ch #menu ul#flags:hover li.en span { background: url(img/flag-en-b.gif) 0px 0px no-repeat; cursor: pointer }
body.ch #menu ul#flags:hover li.ch span { background: url(img/flag-ch-b.gif) -24px 0px no-repeat; }




#content { padding: 50px 0 200px }