@charset "UTF-8";
/* CSS Document */
body, html {
	margin:0;
	padding:0;
	background-color: #fff;
}
section {box-sizing:border-box;}
header {
    background-color:white;
    text-align:left;
    margin-left:20px;
	margin-top:20px;
	height:120px;
	width:90%;
}
#logo {
	float:left;
	width: 252px;
	height:120px;
	}
#books {
	float:left;
	width:280px;
	height:80px;
	padding:20px;
}
/*nav {
    line-height:30px;
    background-color:#009EE3;
    height:65px;
    width:100%;
    float:center;
    padding:5px;	      
}
*/
/*______*/
nav { 
	margin-top:10px;
	background-color:#009EE3;
	clear:both;
	width:100%;
	box-sizing:border-box;
}

nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	box-sizing:border-box;
	}
	
nav ul li {
	display:inline-block;
	background-color:#009EE3;
	}

nav a {
	display:block;
	padding:0 10px;	
	color:#FFF;
	font-size:20px;
	line-height: 60px;
	text-decoration:none;
	box-sizing:border-box;
}

nav a:hover { 
	background-color: #000000; 
}

/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:200px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:200px;
}

	
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' '; }
li > a:only-child:after { content: ''; }


section {
    width:calc(100% - 25px);
	height:100%;
    float:left;
    margin:25px;
	margin-bottom:55px;
	clear:both;	 	 
}
footer {
    background-color:#009EE3;
    color:white;
    clear:both;
    text-align:center;
    padding:15px;
	width:calc(100% - 30px);
	height:25px;
	clear:both;
	position:fixed;
	bottom:0;
}
#ime, #priimek, #rojstvo {
	width:150px;
}
#eposta, #zadeva {width:200px;}