/* CSS Document */

/* POSITION

struktura:
html
body
header
nav
section -> article -> article div
footer -> footer div

*/

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

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


/* base */

header { padding: 5px 15px; }

section { width: 100%; padding: 5%; }

article {
	margin: 0 auto;  
	max-width: 890px; 
	padding: 5px; 
	}

nav { padding: 12px 0px; text-align: center; }

footer { position: absolute; bottom:0; left:0; }




/* navigace */

nav a {
	display: inline-block;
	padding: 10px 10px;
	color: #000;
	border: 1px solid transparent;
	/* background-color: #faf2bb; */
	}

nav a:hover {
	color: #000;
	/* background-color: #faf2bb; /* #e4e9ef, #fbe342 */
	border: 1px solid #336699;
	border-radius: 25px;
	}



/* header */

header { 
	background-color: #666; /* 336699 */
	}

header span {  /* toto odděluje jednotlivé "položky" v záhlaví */
	display: inline-block;
	background-color: #666;
	border-radius: 5px;
	padding: 3px;
	margin: 2px 4px;
	}

header p {
	font-size: 11px; color: white;
	}

header a { 
	color: #FFCC33;
	}



/* fonty */

h1 {font-size: 40px;}
h2 {font-size: 27px;}

h2 {color: #336699;}

a.podtrzeny {}
a.podtrzeny:hover { border-bottom: 1px solid #336699;}}


/* seznamy */

ul, ol, li {color: #000;}

ul li {
	margin: 10px 0;
	list-style-type: disc;
	color: #000;
	}



/* index */

	div#text { 
	display: inline-block;
	max-width: 400px;
	padding: 0 40px 40px 10px;
	float: left;
	}

/* "portret" nakonec nebyl použit */

	div#portret { 
	display: block;
	width: 259px;
	height: 342px;
	float: right;
	background-image: url("../img/milan-navoj-barva.png");
	}

	div#portret img {
	opacity: 100%;
	}

	div#portret img:hover {
	opacity: 0%;
	}



/* ostatní stránky */

	div#text-siroky { 
	display: inline-block;
	max-width: 500px;
	padding: 0 40px 40px 10px;
	float: left;
	}

	div#foto { 
	margin: 0 auto;
	}



/* efekty: */

/*
nav a, nav a:hover {
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	}
*/

div#portret img:hover, div#portret img {
	-webkit-transition: 2s ease-in-out;
	-moz-transition: 2s ease-in-out;
	-o-transition: 2s ease-in-out;
	transition: 2s ease-in-out;
	}


	div#foto img {
	border-radius: 25px;
	}



/* a na závěr, zcela úvodní strana navoj.cz */

p.uvod, p.uvod a {
	font-size: 2em;
	text-align:center;
	color: black;
	}


/* EOF */