/* CSS Document */

/* POSITION

struktura:
header -> header div
section -> nav
section -> -> article -> article div

testovací sada:

header div { border: 1px solid orange; }
section { border: 1px solid violet; }
article { border: 1px solid blue;}
article div {border: 1px solid green; }
div.petit { border: 4px dotted red; }

*/

/* nastavení html+body zaručuje, že se footer bude chovat rozumně */
html {
	height: 100%;
}

body {
	position:relative;
	min-width: 100%;
	min-height:100%;
}


/* logo posouvá nahoru */
img#logo {
  position: fixed;
  top: 15px;
  left: 10px;
	opacity: 0.6;
}

img#logo:hover { opacity: 1.0; }

/* 100 × 100 = rozměr loga */
header {
  width: 100%;
  height: 100px;
}

header div {
  max-width: 850px;      /* koresponduje s article div */
  margin: 0 auto;
}

nav {
  width:  100px;
  height: 200px;
}

section { 
  margin-right: 100px;    /* vycentrování, 100px = šířka navigace vlevo */
  padding-bottom: 50px;  /*  = výška footeru (20 + 15 + 15) */
}

article {
  margin: -200px 0 0 100px;  /* odráží rozměry navigace */
  padding-bottom: 200px;     /*  = výška navigace  */
}

article div {
  max-width: 800px;      
  margin: 0 auto;
  padding: 25px;
}


/* eof */