/* -- Default "_RESET_" Rules -- */

* {margin: 0px; padding: 0px;}

body { color: #000;	text-align: center;	font-family: verdana, arial, sans-serif;	font-size: 12px; background: #ffffff;	}

a { color: #0000cc; text-decoration: underline; outline: none; }
a img { text-decoration: none; border: none; cursor: pointer; }
a:visited, span.MsoHyperlinkFollowed {
	text-decoration:underline;
}

img { margin: 0px; }

h1{ margin: 0px 0 15px; padding: 0px 0 10px; font-size: 22px; font-weight: bold; }
	h1 span { font-weight: normal; font-size: 14px; padding-right: 6px; font-style: normal; }
	h1 em { font-weight: normal; font-size: 16px; padding-right: 6px; font-style: italic; }

h2 { margin: 20px 0 10px; padding: 0px; font-size: 16px; font-weight: bold; }
h3 { font: normal normal 14px/100% verdana, arial, sans-serif; padding-bottom: 10px; }

p { margin: 5px 0 5px 0; padding: 5px 0 5px 0; }

li { margin-left: 15px; }

table { border-collapse: collapse; border-spacing: 0; }

.fnt11 { font-size: 11px; }

.single_image { float: left; margin: 0 10px 10px 0; padding: 1px; }
	.single_image img { margin-bottom: -3px; }
	
.selectLanguage a {	
	display: inline-block;
	font: normal normal 12px/100% "Times New Roman", serif;
	margin-top: 5px;
	padding-right: 22px;
	text-decoration: none;
	text-transform: uppercase;
}
	.selectLanguage a.flag_hr { background: url(../img/ui/flag_hr.gif) center right no-repeat;  }
	.selectLanguage a.flag_en { background: url(../img/ui/flag_en.gif) center right no-repeat;  }
	
.small-details {
	line-height: 150%;
	margin: -10px 0 10px;
	padding: 10px 0;
}

span.date { font-size: 11px; }

.prl5 { padding: 0 2px; }

.cake-sql-log { display: none; }

/* Cake Generic */

form#PageKontaktForm div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form#PageKontaktForm div.input {
	color: #444;
}
form#PageKontaktForm div.required {
	color: #333;
	font-weight: bold;
}
form#PageKontaktForm div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
form#PageKontaktForm label {
	display: block;
	font-size: 110%;
	padding: 0 20px 4px 0;
}
form#PageKontaktForm input, form#PageKontaktForm textarea {
	clear: both;
	font-size: 140%;
	padding: 2px;
	width: 100%;
}
form#PageKontaktForm input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.clear { display: block; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.mtm10 { margin-top: -10px; }

.error { background-color: #e32; color: #fff;  font-family: Courier, monospace; font-size: 120%; line-height: 140%;	padding: 0.8em; margin: 1em 0; }
	p.error em { color: #000; font-weight: normal; line-height: 140%; }

.notice { background: #ffcc00; color: #000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }

.success { background: green; color: #fff; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }

a[href $=".pdf"] {padding-left: 20px; background: url(../img/ui/PDF.png) top left no-repeat; }
a[href $='.doc'] {padding-left: 20px; background-image: url(../img/ui/doc.png); background-repeat: no-repeat; }
a[href $='.docx'] {padding-left: 20px; background-image: url(../img/ui/doc.png); background-repeat: no-repeat; }


/* -- Your Site Starts Here -- */

.wrapper { width: 950px; text-align: left; margin: auto; }

/* header */
.header {
	height: 77px;
}
	.header .logo {
		float: left;
		height: 65px; 
		margin-top: 5px;
		width: 252px;
	}
		.header .logo a {
			display: block;
			font-family:Georgia;
			font-size:13px;
			text-decoration:none;
			text-transform:uppercase;
		}
		
	.header .header-links {
		float: left;
		letter-spacing:-0.5px;
		padding: 15px 0 0 30px;
		text-transform:uppercase;
	}
		.header .header-links a {
			display: block;
			font-family: "Times new roman";
			text-decoration: none;
		}
		.header .header-links a.big { font-size: 17px; margin-bottom: 4px; }
		.header .header-links a.small { font-size: 12px; }
		
	.header .right {
		float: right;
		padding-right: 20px;
		width: 170px;
	}
		.header .right .search {
			height: 20px;
			padding: 15px 10px 5px;
		}
			.header .right .search input.text {
				background: none;
				border: 0 none;
				color: #040c11;
				float: left;
				font-size: 11px;
				outline: none;
				padding-top: 3px;
				width: 130px;
			}
			.header .right .search input.submit {				
				background: url(../img/ui/header_submit.gif) top left no-repeat;
				border: 0 none; float: left;
				height: 13px;
				margin: 3px 0 0 2px;
				width: 14px; 
			}
			
		.header .right .style {
			color: #3c6480;
			height: 19px;
			line-height: 16px;
			margin-top: 17px;
			padding: 0px 0 0 19px;
		}
			.header .right .style span { float: left; height: 16px; padding-top: 1px; }
			.header .right .style a {				
				display: inline-block; 
				height: 13px;
				margin: 3px 0 0 5px;
				width: 13px;
			}
				.header .right .style a.dark { background: url(../img/ui/s_dark.gif) top left no-repeat; }
				.header .right .style a.light { background: url(../img/ui/s_light.gif) top left no-repeat; }


/* left bar */
.left {
	float: left;
	padding-right: 10px;	
	width: 260px;
}
	.left a {
		display: block;
		font-size: 13px;
		height: 30px;
		line-height: 30px;
		margin-bottom: 10px;
		padding-left: 10px;
		text-decoration: none;
		/*text-transform: uppercase;*/
	}
	.left_bottom { height: 14px; }
	
		.left .clear .extended {
			display: none;
			padding: 0px 0 10px 15px;
		}
			.left .clear .extended a {
				background: none;
				font-size: 10px;
				height: auto;
				line-height: normal;
				margin-bottom: 2px;
				padding: 3px 0 3px;
			}
				.left .clear .extended a:hover { background: none; }
				
		.submenu { display: none; padding-left: 15px; }
	
	.left .clear {
		padding: 20px 20px 7px;
	}

/* pushes the sidebar area from the content */
.detach { padding-right: 10px; display: block; }


/* Right bar / holds the content */
.right {
	float: left;	
	width: 670px;
}
	.right .right_fix { padding: 20px 11px 10px 26px; }
	
	.right .content {
		float: left;
		padding-right: 15px;
		position: relative;
		width: 450px;
	}
		.print-top {
			padding: 20px 0 10px 30px;
		}
	
	
	.right .sidebar {
		float: left;
		padding: 0 9px;
		width: 150px;
	}
		.right .sidebar a {
			display: block;
			height: 30px;
			margin-bottom: 10px;
			padding-left: 10px;
			text-decoration: none;
			text-transform: uppercase;
		}
			.right .sidebar a span {
				display: block;
				line-height: 30px;
				padding-left: 33px;
			}
			
			.right .sidebar .banner-spot a { height: auto; width: auto; padding: 0; margin: 0; }
		.right .sidebar h2 { margin: 0 0 -10px; padding: 30px 0 0px; text-align: center; }
			
	.right .kosaricaStuff { margin-top: 10px; }
	.right .kosaricaStuff a { background: none; display: inline; margin: 0; padding: 0; text-transform: none; }
	
	.right .bottom { height: 15px; }
	
	
	.news-row a {
		color: #6394bb;
		font-size: 14px;
	}
	.news-row p { line-height: 140%; margin-bottom: 20px; }
	
	.book-separator {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
		.book-separator h3 {
			margin-bottom: 10px;
		}
	
	
	.paging {
		margin: 15px 0 0;
		padding: 10px 0;
	}
		.paging div {
			float: left;
		}
			.paging div.disabled { display: none; }

.footer {
	font-size: 11px;
	padding: 15px 0;
	text-align: center;
}

/* -- Home Page -- */
.homeContainer {
	height: 336px;
	margin: 70px 0 30px;
}
	.hc_t { height: 56px; }
	.hc_b { height: 56px; margin-bottom: 50px; }
	.hc_m { padding: 20px 100px }
	
	.hml {
		float: left;
		width: 430px;
	}	
	.hmr {
		float: left; height: 300px;
		padding: 0px 20px 0 0;
		position: relative;
		width: 280px;
	}
		.hmr p { font: normal normal 14px/100% Georgia, "Times New Roman", serif; line-height: 20px; padding: 15px 0; }
		
	.homeContainer .top {
	}
	.home-footer {
		bottom: 0px;
		font: normal normal 9px/100% Verdana,Arial,sans-serif;
		line-height: 12px;
		position: absolute;
	}

.vidi { display: none; }

.year_row { margin: 10px 0 20px; padding: 10px; }
	.year_row form { padding: 4px 0 0; }
	.year_row select { padding: 2px; margin: 0 5px 0 0; }

.banner-spot { padding-top: 20px; }
.banner-spot .single-banner { padding-bottom: 10px; text-align: center; }
.banner-spot .single-banner h5 { font: normal normal 12px/100% Arial,sans-serif; padding: 5px 0; }
.banner-spot a { background-image: none; height: auto; width: auto; padding: 0px; margin: 0; }

table.cart { width: 100%; }
table.cart td { padding: 5px 0px 5px; }
table.cart td.td_qty { width: 50px; }
table.cart td.td_qty .qty { width: 30px; padding: 2px 0; }
table.cart td.opt { width: 70px; }

.order div { clear: both; margin-bottom:1em; padding:0.5em; vertical-align:text-top; }
.order label { display:block; font-size:110%; padding:0 20px 4px 0; }
.order input[type=text] { clear:both;font-size:140%; padding:2px; width:100%; } 
.order input[type=submit] { display:inline; font-size:110%; padding:2px 5px; vertical-align:bottom; width:auto; } 

a.cart span { background: url(../img/ui/cart.png) center left no-repeat;  }