/*Vseobecna cast*/
body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-image: url('background.png');
	background-repeat: repeat;
	
}

h1 {font-size: 2em; color: black; text-shadow: 2px 2px #a7a0a0; }
h2 {font-size: 1.5em; }
h3 {font-size: 1em; }

p {text-align: justify;}

a {text-decoration: none; font-weight: bold; color: black; }

#main-container {
	width: 1000px;
	border: 5px solid #041b3a;
	border-radius: 20px;
	background-color: white;
	background-image: url(lista.png);
	background-repeat: repeat-y;
	box-shadow: -5px 5px 10px #888888;
	margin-left: auto;
	margin-right: auto;
}

/*Layout hornej casti okna*/
header { 
	background:#041b3a; 
	overflow: hidden;
}

header img {
	margin-left: auto;
	margin-right: auto;
}
nav { 
    background: #041b3a;
    font-size: 1.1em;
    line-height: 0.7em;	
    color: #e3f7ff;
    overflow: hidden;
}

nav li {
		display: inline;
		margin-right: 20px;
		color: #e3f7ff;
    	font-weight: bold;   
}

nav a {color: white; }	   
nav a:hover {color: #a800ff; }


/*Layout lavej casti okna*/
#left-section {
	float: left;
	width: 200px;
	padding: 10px;
}
	
	
	
/*Layout hlavnej casti okna*/
#main-section {
	position: relative;
	margin-left: 210px;
	margin-right: 10px;
	padding: 0px 5px 10px 10px;
}


/*Paticka dokumentu; bude stale dole, vlavo logo html5 a vedla kopirajt*/
footer {
	clear: left;
	overflow: hidden;
	text-align: left;
	color: white;
	background: #041b3a;		
}
#htmlLogo { float:left;}
#copyright { line-height: 0.4em; font-size: 0.7em; }



/*layout o mne*/
#my-photo { float: left; margin-right: 10px; margin-bottom: 10px; }
#myslienka { 
	position: relative; display: block; float: right; left: 0px; top: 0px; width: auto; height: 50px;
	background-color: #a800ff; color: white; border: 2px solid #041b3a; border-radius: 5px; padding: 5px; margin-left: 10px;
	text-align: center;
}



/*Layout rozvrh*/
.rozvrh {font-size: 0.9em;}
.table-header {background-color: #c4b5c4; }
.table-lesson {background-color: #964289; }
.table-excercise{background-color: #ffabfe; }
.table-other {background-color: #9db9ff;}
.table-blank {background-color: #f9cff9;}



/*layout zaujimavosi*/
.article-curiosity { display: table; padding: 10px; border-spacing:10px;}
.left-article-column {display: table-cell; width: 50%; padding:10px; background-color: #a88dff;}
.right-article-column {display: table-cell;padding:10px; background-color: #a7cdff;}



/*Layout mapa*/
.mainPictureFrame {position: relative; }

.pointer1 {	left: 57px;	top: 195px;	position: absolute; }
.pointer2 {	left: 496px; top: 112px; position: absolute; } 
.pointer3 { left: 236px; top: 29px; position: absolute; }
.pointer4 { left: 505px; top: 42px;	position: absolute; }
  
.note { 
	left: 25px; top: 65px;
	position:absolute;
	width: 300px; height: auto;
	padding: 5px;
	display:none;
 	background-color: lightgreen;
	border-style: solid;
	border-width: 2px;
	border-color: green;
 }
  
.pointer1:hover .note { display: block;}
.pointer2:hover .note { display: block;}
.pointer3:hover .note { display: block;}
.pointer4:hover .note { display: block;}