/* CSS Document */

/* POSITION

struktura:
html
body

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%;
	}

section { width: 100vw; padding: 0; }

article {
	margin: 0 auto;  
	max-width: 80vw; 
	padding: 10vw; 
	}


/* barvy:
modrá #364883
červená #9E352F
hnědá #574130
oranž #FC840F  ( fc570f)
oranž tmavší pro slabší font d24001
*/

.cerveny { color: #fc570f; }

img#logo {max-width: 80vw;}

img#muz-muz {
	max-width: 40vw;
	margin: 2vw 0 2vw 0;
	}

/* p.nazev { 
	font-size: 5.5vw;	
	color: #fc7d02;
	letter-spacing: 2vw; 
	margin-bottom: 2vw; 
	line-height: 120%;
	} */

h3.claim { 
	font-size: 7vw;
	line-height: 110%;
	color: #364883;
	margin: 0;
	}


/* fonty */

strong {font-weight: bold;}
em {font-style: italic;}
p.centr {text-align: center;}

h1, h2 {
	font-size: 5.5vw;		/* 30px */
	font-weight: bold;
	text-align: center;
	margin: 10vw 0 1vw 0; 
	color: #fc570f; 
	}

h2 { font-size: 4.7vw; }

h2.modra {color: #364883;}

h3 {
	font-size: 4.4vw;  		/* 25px */
	text-align: center;
	font-style: italic;
	margin: 0 0 20px 0; 
	}


p, p a, ol, ul {
	font-size: 4vw;  		/* 22px */
	text-align: left;
	}

p.vetsi {
	font-size: 5vw;   		/* 32px */
	color: #364883;
	}

a { color: #fc570f; font-weight: bold;}
a:hover { border-bottom: 4px solid black;}


/* seznamy */



ul  {}
	
	ul  {
		list-style-type: disc;
	}



/* index */

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





/* 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;
	}
*/

	img.portret {
	border-radius: 25px;
	}


@media (min-width: 1200px)
	{
		section 	{ 
					width: 100%; 
					padding: 0; 
					}
		article 	{
					max-width: 800px; 
					padding: 10px; 
					}
		h1 { 	font-size: 35px; }
		h2 { 	font-size: 27px; }
		h3 { font-size: 25px; } 
		
		h1, h2 {  margin: 50px 0 10px 0;  }
		
	p.nazev { 
	font-size: 35px;	
	letter-spacing: 1em; 
	margin-bottom: 20px; 
	line-height: 120%;
	}

h3.claim { 
	font-size: 50px;
	}
		
		p, p a, ol, ul { font-size: 22px; }
		p.vetsi { font-size: 32px; }
	}


/* EOF */