@charset "utf-8";
body {background-image: url(img/bg.jpg); margin: 5 0 0 0;}
#main {
	width: 700px;
	margin: 0 auto;
}
a:link, a:visited {
	color: #D25A0B;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-family: Arial, Verdana;
	font-size: 22px;
	font-weight: bold;
	LINE-HEIGHT: 28px;
	margin: 0;
	padding-bottom: 24px;
}
h2 {
	font-family: Arial, Verdana;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 12px;
	padding-top: 18px;
}
h3 {
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 6px;
	padding-top: 12px;
}
p {
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 6px;
}
/* Logo */
#logo {
	width: 700px;
	margin: 0 auto;
	background-color: Black;
}
div#logo img {
	border: 0;
}
/* Horizontal Menu */
#hmenu {
padding: 0;
width: 700px;
height: 50px;
margin: 0 auto;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
}
#hmenu ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
#hmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
#hmenu a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}
#hmenu a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}
#hmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}
#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}
#myform .textinput{
width: 190px;
border: 1px solid gray;
}
#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: #F5F4EB;
padding: 0 3px 0 3px 0;
}
/* Content */
#content {
	background-color: #F5F4EB;
	width: 700px;
	height: 100%;
	margin: 0 auto;
	border: 1px dashed Gray;
}
#contMargin {
	width: 620px;
	height: 100%;
	margin: 40px auto;
}
/* Footer */
#footer {
	width: 700px;
	height: 100px;
	margin: 0 auto;
	font-family: Arial, Verdana;
	font-size: 10px;
	text-align: right;
	margin-top: 20px;
	border-top: 5px solid #D25A0B;
	padding-top: 3px;
}
/* Book */
.bookCover {
	float: left;
	width: 150px;
}
div.bookCover img {
	border: 1px solid Black;
}
.bookInfo {
	float: right;
	width: 430px;
}
.bookAuthor, .bookTitle {
	font-family: Verdana, Arial;
	text-align: left;
}
.bookImpres, .bookPrice, .bookDesc, .bookContent, .katalogItem {
	font-family: Arial, Verdana;
	text-align: left;
}
.bookAuthor {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 4px;
}
.bookTitle {
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 18px;
}
.bookImpres {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 6px;
}
.bookPrice {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 18px;
}
.bookDesc {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 6px;
}
.bookContent {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}
.bookEdition {
	margin-bottom: 12px;
	border: 0;
}
.small {
	font-size: 16px;
}
.katalogItem {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 6px;
}
/* Linkovi */
.linkLogo {
	float: left;
	width: 150px;
	text-align: center;
}
div.linkLogo img {
	border: 0;
}
.linkInfo {
	float: right;
	width: 430px;
}
/* New Books */
.newBookL {
	float: left;
	width: 270px;
	text-align: left;
}
div.newBookL p, div.newBookR p {
	font-size:12px;
}
.newBookR {
	float: right;
	width: 270px;
	text-align: left;
}
.newBookCover {
	margin-bottom: 24px;
	border-left: 20px solid #E0DCC4;
	padding-left: 12px;
}
div.newBookCover img {
	border: 1px Solid Black;
}