/* CSS DOCUMENT */

body, html {
height: 100%;
}

body {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
}

div#master {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

div#content {
position: relative;
display: block;
background: none;
width: 60%;
height: 100%;
padding: 0;
margin: 0 auto;
}

/*********** VSTUP ***********/ 
div#vstup {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 2.7em;
margin: auto;
padding: 0;
text-align: center;
vertical-align: middle;
line-height: 2.7em;
}

div#vstup a {
font-size: 2em;
text-decoration: none;
letter-spacing: 10px;
text-transform: uppercase;
}

/*********** MENU ***********/ 

@media screen and (min-height: 0px) {
	div#menu {
		position: relative;
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0;
		text-align: center;
		vertical-align: middle;  
		line-height: 3em;
		/* background: blue; */
	}
}

@media screen and (min-height: 600px) {
	div#menu {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 600px;
		width: 100%;
		margin: auto;
		padding: 0;
		text-align: center;
		vertical-align: middle;  
		line-height: 3em;
		/* background: yellow; */
	}
}


div#menu a {
font-size: 20px;
font-weight: normal;
text-align:center; 
text-decoration: none;
color: #8197CB;  
}

div#menu a.zpet {
display: none;
}



/*********** TEXT ***********/

a img {
border: none 0px;
}

div#text, div#poznamky, div#cv {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
margin: auto;
padding: 13.5em 0 0 0;
text-align: center;
vertical-align: middle;  
line-height: 2.7em;
}


div#text h1, div#poznamky h1, div#400 h1 {
display: none;
}

div#text h2, div#poznamky h2 {
font-size: 20px;
text-transform: uppercase;
font-weight: lighter;
margin: 2.7em 0 5px 0;
text-align: center;
}

div#poznamky h3, div#text h3.left {
font-size: 18px;		
text-align: left;
margin-left: 0;
font-weight: bold;
margin: 2.0em 0 1em 0;
}

div#text ul, div#poznamky ul, div#text ol, div#poznamky ol {
margin: -1em 0 1em 0;
padding-left: 50px;
}	

div#poznamky ol li {
list-style-type: decimal;
font-size: 18px;
text-align: justify;
line-height: 2.0em;
font-weight: lighter;
letter-spacing: 1px;
margin: 0;
padding-left: 10px; 
} 

div#text p, div#poznamky p {
font-size: 18px;
text-align: justify;
line-height: 2.0em;
font-weight: lighter;
letter-spacing: 1px;
margin: 0 0 1em 0;  
} 

div#text p.center, div#poznamky p.center {
font-size: 18px;
text-align: center;
line-height: 2.0em;
font-weight: lighter;
letter-spacing: 1px;
margin: 0 0 1em 0;  
} 

div#text a, div#poznamky a {
font-size: 18px;	
text-decoration: none;
font-weight: normal;
color: #c79174;
}

div#text p.zpet, div#poznamky p.zpet {
font-size: 18px;
display: block;
line-height: 2.7em;
padding: 1.3em 0 13.5em 0;
}

div#text p.zpet a, div#poznamky p.zpet a {
font-size: 18px; 
text-decoration: none;
font-weight: normal;
}

div#poznamky div.center h3 {
font-size: 18px;	
text-align: center;
margin: 3.0em 0 0 0;
}

div#poznamky div.center p {
font-size: 18px;
text-align: center;
}	

div#text img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
}

/*********** error 400 ***********/ 
div#error {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 15em;
margin: auto;
padding: 0;
text-align: center;
vertical-align: middle;
line-height: 2.7em;
}

div#error p {
font-size: 1.7em;
font-weight: lighter; 
line-height: 2em;
letter-spacing: 5px;
text-transform: none;
margin: 0;
}

div#error p.small {
font-size: 1.1em;
line-height: 1.2em;
letter-spacing: 4px;
text-transform: none;
margin: 0;
} 


div#error a {
line-height: 4em;
letter-spacing: 10px;
font-size: 2em;
font-weight: normal;
text-align: center; 
text-decoration: none;
color: #c79174;
}

/*********** OTHER ELEMENTS ***********/

h1 {
display: none;
}