@charset "utf-8";
@font-face {
    font-family: Skolacek;
    src: url("resources/skolacek-ce.otf") format("opentype");
}

body{
 	background: url("resources/background.jpg") #6699FF;
	background-repeat: no-repeat;
	background-position:top right;
	font-family: Skolacek, Verdana, Arial;
	color: #000;
	margin-top:none;
}

header{
	font-size: 24px;
	color: #6C0;
}

/* -------- hlavní menu -------- */
nav {
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
position: relative;
background: transparent;
width: 90%;
float:none;
}

nav ul{
list-style-type:none;
overflow:hidden;
margin: auto;
margin-top: none;
}

nav li{
width: 33%;
float: left;
font-size: 36px;
font-weight: normal;
border-radius: 13px;
}

nav a:link, nav a:visited{
display:block;
padding: 15px;
background-color:#004040;
text-align:center;
text-decoration: none;
font-weight: normal;
color:#FFFFFF;
margin: 5px;
border-radius: 20%;
}

nav a:hover, nav a:active{
color: #fff;
background: #007373;
text-shadow: none;
}

/* -------- tělo -------- */
#main{
	max-width: 90%;
	min-width: 60%;
	min-height: 80%;
	margin: auto;
}

p{
	font-size: 16px;
	text-align: center;
	color: #004040;
	top: 15%;
	margin-top: 0px;
   	font-family: Verdana, Geneva, sans-serif;

}

hr{
margin: 30px;
border-color:  #004040;
}

/* -------- kapitoly -------- */
#chapter{
	width: 30%;
	float: left;
	margin-right: none;
	margin-top: 40px;

}
/* -------- nadpis h3 -------- */
h3{
	display:block;
	height: auto;
	padding: 15px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
	background-color:#007373;
	color:#FFFFFF;
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	list-style-image: none;
	margin: 0px;
    margin-top: 20px;
	margin-bottom: 25px;
   	cursor: pointer;
}

h3:hover, h3:active{
	background-color: #004040;
}

/* -------- videa -------- */
video{
	width: 70%;
	float: left;
	margin-top:30px;
}

#videovystup{
	width: 70%;
  	position: relative;
	left: 15%;
	float: none;
    border: 2px solid #004040;
	margin: 25px;
}