@charset "utf-8";


/********************************************************* RESET *********************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

ol, ul {
    list-style: none outside none;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


/********************************************************* FONTS *********************************************************/

@font-face {
    font-family: 'elliot_swonger_gecregular';
    src: url('../fonts/eliot_swonger_gec-webfont.eot');
    src: url('../fonts/eliot_swonger_gec-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/eliot_swonger_gec-webfont.woff') format('woff'),
         url('../fonts/eliot_swonger_gec-webfont.ttf') format('truetype'),
         url('../fonts/eliot_swonger_gec-webfont.svg') format('svg');
}


/********************************************************* MAIN **********************************************************/

html {
	overflow: auto;
	overflow-y: scroll;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	background-color: #f4f1eb;
	background-image: url(../layout/bkg.png);
	font-size: 100%;
	line-height: normal;
	cursor: default;
}

a {
	color: inherit;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

*:focus {
    outline: none;
}

#clear {
    height: 0;
    display: block;
    clear: both;
}

#master_container {
	padding: 0 30px;
}


/******************************************************* PRELOADER *******************************************************/

#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#f4f1eb;
	z-index:9999;
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
    background-image: none;
	margin:-100px 0 0 -100px;
	background-color:#f4f1eb;
	display: none;
}


/********************************************************* HEADER ********************************************************/

#header_container {
	max-width: 1060px;
	width: 96%;
	height: 100px;
	margin: 0 auto;
}

#logo {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	font-size: 3em;
	color: #333;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	margin: 30px 0 0 0;
	float: left;
}

#logo a:hover {
	color: #00C;
}

#header_items {
	margin: 58px 0 0 0;
	float: right;
}

.button, .button_help, .button_genres, .button_search {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1.4em;
	display: inline;
	padding: 2px 15px 5px 15px;
	border: solid 1px transparent;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	cursor: pointer;
}

.button:hover, .button_help:hover, .button_genres:hover, .button_search:hover {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #c5c2bc;
}


/********************************************************* SEARCH ********************************************************/

#search_input_container {
	border-top: 1px solid #666; 	
	display: none;
}

.search_form {
	float: right;
	margin: 5px 0 5px 10px;
	font-size: 1em;
}

.search_input {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
	color: #646464;
	background-color: rgba(255, 255, 255, 1);
	margin: 5px;
	padding: 0px 5px 0px 10px;
	border: 1px solid #c5c2bc;
	-webkit-border-radius:	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	height: 36px;
	float: right;
}

/* FF bug */
.search_button::-moz-focus-inner {
    border:0;
    padding:0;
}

.search_button {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1.4em;
	background-color: transparent;
/*	display: inline;	*/
	padding: 0px 15px 3px 15px;
	border: solid 1px transparent;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	cursor: pointer;
	height: 38px;
}

.search_button:hover {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #c5c2bc;
}


/******************************************************* SEARCH RESULT *****************************************************/

#search_result_mainframe {
	max-width: 1060px;
	width: 96%;
	margin: 0 auto;
	padding: 60px 0 120px 0;
	border-bottom: 1px solid #666;
}

#ni_rezultatov {
	background-color: #FFF;
	padding: 12px 0 8px 45px;
	background-image:url(../layout/no_results.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}


/******************************************************* GENRES MENU *****************************************************/

#submenu_container { 
	max-width: 1060px;
	width: 96%;
	margin: 0 auto;
	border-bottom: 1px solid #666;
}

#genre_menu {
	border-top: 1px solid #666;
	width: 100%;
	padding-top: 25px;	/*	?	*/
	padding-bottom: 25px;
	float: left;
	display: none;
}

#genre_header {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1.6em;
	text-indent: 5px;
	padding: 45px 0 30px 0;
	cursor: default;
}

#genre_menu ul {
	-webkit-columns:	4;
	-moz-columns:		4;
	-ms-columns:		4;
	columns:			4;
	-webkit-column-gap:	0;
	-moz-column-gap:	0;
	-ms-column-gap:		0;
	column-gap:			0;
}

/* Chrome & Safari	*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#genre_menu ul {
	-webkit-columns:	3;
	-moz-columns:		3;
	-ms-columns:		3;
	columns:			3;
	-webkit-column-gap:	0;
	-moz-column-gap:	0;
	-ms-column-gap:		0;
	column-gap:			0;
}
}

#genre_menu ul li {
	font-size: 1em;
	display: block;
}

#genre_menu ul li a {
	display: block;
/*	line-height: 2.0em;	*/
/*	line-height: normal;	*/
	padding: 6px 0 6px 15px;
	margin: 0 20px 0 0;
	border: solid 1px transparent;
	-webkit-transition: 	all .1s;
	-moz-transition: 		all .1s;
	-o-transition: 		all .1s;
	transition: 			all .1s;
}

#genre_menu ul li :hover {
	background-color: rgba(255, 255, 2550, 1);
	border: solid 1px #c5c2bc;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	-webkit-transition: 	all .1s;
	-moz-transition: 		all .1s;
	-o-transition: 		all .1s;
	transition: 			all .1s;
}


/******************************************************** PAGE NAME ******************************************************/

#page_name_container {
	max-width: 1060px;
	width: 96%;
	margin: 0 auto;
	padding: 35px 0 0 0;
}
	
#page_name {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	font-size: 1.95em;
	color: #333;
	display: block;
	float: left;
}

#prikaz {
	font-size: .9em;
	color: #666;
	margin: 20px 0 0 12px;
	display: block;
	float: left;
}

/* container za preklop naslovnice/seznam  */
#preklop_container {
	margin: 14px 0 0 0;
	display: block;
	float: right;
}

.preklop, .preklop_mini {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1.2em;
	display: inline;
	padding: 4px 15px 5px 15px;
	border: solid 1px transparent;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	cursor: pointer;
}

/* mini button za preklop	*/
.preklop_mini {
	display: none;
}

.preklop:hover, .preklop_mini:hover {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #c5c2bc;
}


/****************************************************** VSTOPNA STRAN ****************************************************/

#vstop_container {
	max-width: 1060px;
	width: 96%;
	margin: 0 auto;
	padding: 60px 0 40px 0;
}

#vstop_naslov {
	color: #505050;
	font-size: 1em;
	letter-spacing: 0.02em;
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
	padding: 15px;
	-moz-box-sizing: 	border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: 		border-box;
}


/**************************************************** ARTICLE CONTAINER **************************************************/

#wraper {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto 65px auto;
}

#item_container {
	width: 99%;
	margin: 0 auto;
	padding: 0;
}

.item {
	width:16.66%;
	float: left;
	padding: 0 0.5% 0 0.5%;
}

.wrecker {
	width: 100%; 
}

.wrecker-cell { 
	vertical-align: bottom; 
}

.block.cover {
	margin: 0 6% 15px 6%;
}

.block.cover img {
	width: 100%;
	margin: 4.1em auto 0 0;	/* ITEM CONTAINER HIGH - 4.1em */
	display: block;
	border: 1px solid #FFF;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow:         1px 1px 2px rgba(0, 0, 0, 0.4);
}

.block.cover img:hover {
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, .6);
	-moz-box-shadow:    0px 0px 1px 2px rgba(0, 0, 0, .6);
	box-shadow:         0px 0px 1px 2px rgba(0, 0, 0, .6);
}

.pod_sliko {
	padding: 0;
	height: 5.9em;
}

.avtor {
	font-size: .8em;
	text-align: center;
	padding: 0 0 5px 0;
}

.naslov {
	font-size: .95em;
	line-height: 1.3em;
	text-align: center;
	padding: 0 0 7px 0;
}

.genre {
	font-size: .75em;
	font-style: italic;
	text-align: center;
}


/* Podnapisi nakup, brezplačno, izposoja/nakup */
.format {
	margin: 0px 6% 0px 6%;
	font-size: .8em;
}

.max_brezplacno, .max_nakup, .mini_izposoja, .mini_nakup, .help_izposoja {
	text-align: center;
	padding: 2px 0 3px 0;
	display:inline-block;
	border: 1px solid #b4b4b4;
	-webkit-border-radius:	4px;
	-moz-border-radius: 	4px;
	border-radius: 			4px;
}

.max_brezplacno {
	background-color: rgba(50, 255, 50, 0.1);
	width: 98.5%;
}

.max_nakup {
	background-color: rgba(255, 255, 255, 0.4);
	width: 98.5%;
}

.mini_izposoja {
	background-color: rgba(50, 255, 50, 0.1);
	width: 47%;
}

.mini_nakup {
	background-color: rgba(255, 255, 255, 0.4);
	width: 47%;
	float:right;
}

.help_izposoja {
	background-color: rgba(50, 255, 50, 0.1);
	width: auto;
	padding: 0px 8px;
}
/* END Podnapisi nakup, brezplačno, izposoja/nakup */


.price {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #646464;
	background-color: rgba(255, 255, 255, 0.4);
	margin: 6px 6% 0 6%;
	padding: 6px 0 4px 0;
	border: 1px solid #b4b4b4;
	-webkit-border-radius:	4px;
	-moz-border-radius: 	4px;
	border-radius: 			4px;
}


/*********************************************************** MIX *********************************************************/
/********************************************** cookies.php, dwn.php, more.php *******************************************/

#mainframe {
	max-width: 1060px;
	width: 96%;
	margin: 0 auto;
	padding: 67px 0 0 0;
	border-bottom: 1px solid #666;
}


/*************************************************** dwn.php, more.php ***************************************************/

#book_data {
	width: 55%;
/*	display: inline-block;	*/
	float: left;
}

.more_avtor {
	font-size: 1.1em;
}

.more_naslov {
	font-size: 1.5em;
	padding: 15px 0 0 0;
}

.more_zanr {
	font-size: .9em;
	font-style: italic;
	padding: 10px 0 25px 0;
}

.more_formati {
	width: 110px;
	float: left;
}

.more_format {
	font-size: .9em;
	text-align:left;
	float: left;
	width: 45px;
	padding: 2px 0;
}

.more_velikost {
	font-size: .9em;
	text-align: right;
	float: right;
	padding: 2px 0;
}


/*********************************************** polo.php, polo_list.php *************************************************/

#podatki {
	font-size: 0.85em;
	line-height: 1.5em;
	margin: 30px 0 0 0;
	padding: 15px;
	border: solid 1px #999;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	background-color: rgba(255, 255, 255, 0.4);
}


/******************************************************** list.php *******************************************************/

#list_wraper {
	max-width: 1060px;
	width: 96%;
	margin: 0 auto;
	padding: 65px 0 65px 0;
}

#list_item_container {
	max-width: 1060px;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

#list_item_container:hover {
	background-color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}

.list_avtor {
	font-size: .9em;
	width: 210px;
	padding: 7px 0 0 0;
	float: left;
}

.list_naslov {
	font-size: 1em;
	width: 280px;
	margin: 6px 0 0 0;
	float: left;
}

.list_zanr {
	font-size: .8em;
	font-style: italic;
	width: auto;
	padding: 9px 0 0 0;
	float: left;
}

.list_zanr_search {
	font-size: .8em;
	font-style: italic;
	width: auto;
	padding: 8px 5px 0 0;
	float: right;
}

.list_price, .list_price_green {
	font-size: .95em;
	font-weight:bold;
	text-align: right;
	color: #505050;
	background-color: rgba(255, 255, 255, 0.4);
	width: 52px;	
	margin: 0;
	padding: 6px 10px 3px;
	border: 1px solid #b4b4b4;
	-webkit-border-radius:	4px;
	-moz-border-radius: 	4px;
	border-radius: 			4px;
	float:right;
}

.list_price_green {
	background-color: rgba(50, 255, 50, 0.1);
}

hr {
	height: 1px;
	background: #d2d2d2;
	margin: 0;
	padding:0;
	border: none; 
}


/******************************************************** more.php *******************************************************/

#book_cover, #dwn_cover {
	width: 40%;
	max-width: 200px;
	padding: 0 40px 0 0;
/*	display: inline-block;	*/
	float: left;
}

#book_cover img {
	width: auto;
	height: auto;
	border: 1px solid #FFF;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    1px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow:         1px 1px 2px rgba(0, 0, 0, 0.4);
}

#dwn_cover img {
	width: auto;
	height: auto;
}

.more_price {
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	color: #505050;
	background-color: rgba(255, 255, 255, 0.4);
	margin: 15px 0 0 0;
	padding: 6px 15px 3px 15px;
	border: 1px solid #b4b4b4;
	-webkit-border-radius:	4px;
	-moz-border-radius: 	4px;
	border-radius: 			4px;
	float: right;
}

.more_zalozba {
	font-size: 1em;
	margin: 15px 0 3px 0;
}

.more_url {
	font-style:italic;
	font-size: .9em;
	line-height: 1.5em;
}

.odmik {
	font-size: .75em;
	line-height: 1.5em;
	margin: 10px 0;
}

.more_data {
	font-size: .9em;
	line-height: 1.5em;
}

.more_obseg {
	font-size: .9em;
	line-height: 1.5em;
	margin: 15px 0;
}

.minimize p {
	font-size: .90em;
	line-height: 1.45em;
	padding: 0 0 10px 0;
}

.more, .less {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1.2em;
	padding: 3px 15px 5px 15px;
	background-color: rgba(255, 255, 255, 0.4);
	border: solid 1px #999;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	cursor: pointer;
}

.less {
	float:left;
	margin: 15px 0 20px 0;
}

.more:hover, .less:hover {
	background-color: rgba(255, 255, 255, 1);
}

/* FF bug */
.paypal_button::-moz-focus-inner {
    border:0;
    padding:0;
	margin:0;
}

.nakup_button, .dwn_button, .paypal_button, .natisni_button, .naroci_button {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 1.8em;
	text-align:center;
	margin: 0 1% 0 1%;
	padding: 8px 0 10px 0;
	border: solid 1px #999;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	cursor: pointer;
	float:left;
	width: 31.3%;
	
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe, #e6e6e6); /* FF3.6+ */
	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe, #e6e6e6); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe, #e6e6e6); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe, #e6e6e6); /* IE10+ */
	background: linear-gradient(top, #fefefe, #e6e6e6); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */

	-moz-box-sizing: 	border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: 	border-box;
}

.natisni_button, .naroci_button {
	width: 48%;
}

.paypal_button:hover, .nakup_button:hover, .dwn_button:hover, .natisni_button:hover, .naroci_button:hover {
	background: #fefefe;
}


/********************************************************* dwn.php *******************************************************/

#vec_o_knjigi_opis_container {
	max-width: 640px;
	margin: 50px 0 0 240px;
}

#vec_o_knjigi_container {
	max-width: 640px;
	margin: 65px 0 0 240px;
}

#download_container {
	width: 100%;
	margin: 60px 0 0 0;
}

#vec_o_knjigi_header {
	font-size: 1.3em;
	margin: 0 0 25px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666;
}

#prenesi_knjigo_header {
	font-family: 'elliot_swonger_gecregular', Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	margin: 0 0 25px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666;
}

#razlaga {
	font-size: 0.9em;
	line-height: 1.45em;
	margin: 20px 0 0 0;
}

#razlaga a {
	color: #00f;
}

#razlaga a:hover {
	color: #f00;
}

.red {
	color: #800000;
}

.green {
	color: #008000;
}


/******************************************************* INFO STRAN ******************************************************/

#info_stran_container {
	margin: 0 0 60px 0;
}

#info_stran_header {
	font-size: 1.3em;
	margin: 0 0 25px 0;
}

#info_stran_container p {
	font-size: .90em;
	line-height: 1.45em;
	padding: 0 0 10px 0;
}

#info_stran_container a {
	color: #00F;
}

#info_stran_container a:hover {
	color: #F00;
}

.table {
	font-size: .90em;
	line-height: 1.45em;
	padding: 0 0 10px 0;
}


/********************************************************* NAVIGACIJA ****************************************************/

#navigation_container {
	max-width: 1060px;
	width: 96%;
	margin: 0 auto;
	border-bottom: 1px solid #666;
}

#navigation {
	width: auto;
	margin: 0 0 36px 0;
	float:right;
}

.page_button, .to_top_button {
	width: 71px;
	height: 31px;
	margin: 0 5px 28px 5px;
	float: right;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #999;
	-webkit-border-radius:	4px;
	-moz-border-radius: 	4px;
	border-radius: 			4px;
	-webkit-box-shadow: 	1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    	1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow:         	1px 1px 1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	display:block;
}


.to_top_button {
	margin: 0 5px 0 5px;
	clear:right;
}

.page_button:hover, .to_top_button:hover {
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

.page_button img, .to_top_button img {
/*	display:block !important;	*/
	display:block;
}


/********************************************************* SPONI *********************************************************/

#sponi_container {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 25px 0 30px 0;
}

#sponi {
	width: 22.5%;
	margin: 0 0.1% 25px 1.9%;
	display: block;
	float: left;
	cursor: pointer;
}

#sponi img {
	width: 100%;
	margin: 0 auto;
	display: block;
	border: 1px solid #FFF;
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 0px 1px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 0px 1px rgba(0, 0, 0, 0.4);
}


/******************************************************** FOOTER *********************************************************/

#footer_container {
	max-width: 1060px;
	width: 96%;
	margin: 0 auto 65px auto;
	background-color: rgba(0, 0, 0, 0.5);
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 	12px;
	-moz-border-radius-bottomleft: 	12px;
	border-bottom-left-radius: 		12px;
}

#footer {
	font-size: .75em;
	line-height: 1.4em;
	text-align: center;
	color: #e6e6e6;
	padding: 20px 20px 15px 20px;
}


/********************************************************* COOKIE ********************************************************/

#cookie-bar {
	font-size: .9em;
	background:#e8e5df;
	background-color: rgba(232, 229, 223, .95);
	height:auto;
	line-height:24px;
	color:#333;
	text-align:center;
	padding:10px 0;
	border-top: solid 1px #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow:         0 0 4px rgba(0, 0, 0, 0.5);
}
#cookie-bar.fixed {
	position:fixed;
	bottom:0;
/*	left:0;	*/
	width:100%;
}
#cookie-bar.fixed.bottom {
	bottom:0;
	top:auto;
}
#cookie-bar p {
	margin:0;
	padding:0;
}
#cookie-bar a {
	font-size: 1em;
	color:#ffffff;
	display:inline-block;
	border-radius:4px;
	text-decoration:none;
	padding:4px 20px;
	margin-left:8px;
}
#cookie-bar .cb-enable {
	background:#007700;
}
#cookie-bar .cb-enable:hover {
	background:#009900;
}
#cookie-bar .cb-disable {
	background:#990000;
}
#cookie-bar .cb-disable:hover {
	background:#bb0000;
}
#cookie-bar .cb-policy {
	background:#0033bb;
}
#cookie-bar .cb-policy:hover {
	background:#0055dd;
}


@media screen and (max-width: 480px) {
#cookie-bar {
	border-bottom: solid 1px #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow:         0 0 4px rgba(0, 0, 0, 0.5);
}

#cookie-bar.fixed {
	bottom:auto;
	top:0;
}

#cookie-bar a {
	display:block;
	margin: 5px auto 0 auto;
	width:80%;
	padding:8px 10px;
}
}




/* ********************************************************************************************************************* */
/* ****************************************************** LIQUID ******************************************************* */
/* ********************************************************************************************************************* */


@media screen and (max-width: 890px) {

#book_cover, #dwn_cover {
	width: 20%;
}

#book_data {
	width: 70%;
}

#vec_o_knjigi_opis_container {
	width: 75%;
	margin: 50px 0 0 25%;
}

#vec_o_knjigi_container {
	width: 75%;
	margin: 80px 0 0 25%;
}

#sponi {
	width: 30.5%;
	margin: 0 0 25px 2%;
}
}



@media screen and (max-width: 852px) {
	
#genre_menu {
	padding-top: 27px;
	padding-bottom: 0px;
}

#genre_menu ul {
	padding: 0 0 40px 0;
	-webkit-column-count: 	3;
	-moz-column-count: 		3;
	-ms-column-count: 		3;
	column-count: 			3;
	-webkit-column-gap: 	0;
	-moz-column-gap: 		0;
	-ms-column-gap: 		0;
	column-gap: 			0;
}
}



@media screen and (max-width: 800px) {

.list_avtor {
	float: left;
}

.list_naslov {
	float:left;
}

.list_zanr {
	margin: 0 0 0 210px;
	float: left;
	clear:left;
}
}



@media screen and (max-width: 692px) {

#group_menu ul li a {
	line-height: 2.4em;
}

#book_data {
	width: 60%;
}

#book_cover, #dwn_cover {
	width: 30%;
}

#vec_o_knjigi_opis_container {
	width: 100%;
	margin: 50px 0 0 0;
}

#vec_o_knjigi_container {
	width: 100%;
	margin: 80px 0 0 0;
}
}



@media screen and (max-width: 640px) {

#header_container {
	height: 65px;
}

#logo {
	font-size: 2.2em;
	margin: 11px 0 0 0;
}

#header_items {
	margin: 25px 0 0 0;
}

#genre_header {
	font-size: 1.5em;
	padding: 35px 0 25px 0;
}

#genre_menu ul {
	padding: 0 0 30px 0;
}

#page_name_container {
	padding: 20px 0 0 0;
}

#page_name {
	font-size: 1.8em;
	margin: 0;
}

#prikaz {
	margin: 17px 0 0 15px;
}

#preklop_container {
	margin: 11px 0 0 0;
}

#list_wraper {
	padding: 40px 0 65px 0;
}

.list_avtor {
	float: left;
}

.list_naslov {
	float:left;
	clear:left;
}

.list_zanr {
	margin: 0;
	float: left;
	clear:none;
}
}



@media screen and (max-width: 600px) {

#header_items {
	margin: 0;
}

.button_help, .button_genres, .button_search {
	font-size:0;
	color: transparent;
	padding: 0;
	width:40px;
	height:40px;
	background-image:url(../layout/info_ico.png);
	background-repeat: no-repeat;
	display:inline-block;
	margin-left: 10px;
}

.button_genres {
	background-image:url(../layout/genre_ico.png);
}

.button_search {
	background-image:url(../layout/search_ico.png);
}

#genre_menu ul {
	padding: 0 0 30px 0;
	-webkit-column-count: 	2;
	-moz-column-count: 		2;
	-ms-column-count: 		2;
	column-count: 			2;
	-webkit-column-gap: 	0;
	-moz-column-gap: 		0;
	-ms-column-gap: 		0;
	column-gap: 			0;
}

#preklop_container {
	margin: 6px 0 0 0;
}

.preklop {
	display: none;
}

/* mini button za preklop	*/
.preklop_mini {
	padding: 0;
	width:40px;
	height:40px;
	display:block;
	margin-left: 10px;
	margin-top: -6px;
}

#list_wraper {
	padding: 30px 0 65px 0;
}

#sponi {
	width: 45%;
	margin: 0 2.5% 25px 2.5%;
}
}



@media screen and (max-width: 570px) {
	
.list_avtor {
	float: left;
}

.list_naslov {
	width: 100%;
	float:left;
	clear:left;
}

.list_zanr {
	margin: 0;
	float: left;
	clear:left;
}
}



@media screen and (max-width: 500px) {

#navigation {
	width:100%;
}

.nakup_button, .dwn_button, .paypal_button, .natisni_button, .naroci_button {
	font-size: 1.6em;
}
}



@media screen and (max-width: 465px) {

#group_menu {
	width: 100%;
}

#group_menu ul li a {
	margin: 0;
}

#book_cover, #dwn_cover {
	width: 100%;
	margin: 0 0 40px 0;
	float: none;
}

#book_data {
	width: 100%;
}

.nakup_button, .dwn_button, .paypal_button, .natisni_button, .naroci_button {
	font-size: 1.5em;
}

.page_button, .to_top_button {
	width: 23%;
	max-width: 71px;
	height: auto;
	margin: 0 1% 28px 1%;
	-moz-box-sizing: 	border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: 		border-box;
}

.to_top_button {
	margin: 0 1% 0 1%;
}
}



@media screen and (max-width: 400px) {

#header_container {
	height: 60px;
}

.search_input {
	width: 94%;
}

#logo {
	font-size: 1.6em;
	margin: 15px 0 0 0;
}

#header_items {
	margin: 0;
}

#genre_header {
	font-size: 1.2em;
	padding: 15px 0 5px 0;
}

#genre_menu ul {
	padding: 0 0 20px 0;
}

#page_name {
	font-size: 1.5em;
}

#prikaz {
	font-size: .8em;
	margin: 14px 0 0 12px;
}

/* mini button za preklop	*/
.preklop_mini {
	margin-top: -11px;
}

.nakup_button, .dwn_button, .paypal_button, .natisni_button, .naroci_button {
	font-size: 1.2em;
}
}



@media screen and (max-width: 359px) {
	
.button_genres {
	display:none;
}

#prikaz {
	display:none;
}
}