@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext);

body {background:#fff url(../images/pgbk.jpg) no-repeat top center;} /* povoliť aj 681 body {background:#222215 url(../images/themes/babkar.jpg) no-repeat top center;} */
/* povoliť aj riadky 735, 809 #intro_mobile { background:#222215 url(../images/themes/babkar_intro.jpg) no-repeat top center; } */
/* 40 31 36 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, , tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*main defs*/
body {font-family: 'Open Sans', 'Myriad Pro','Lucida Grande', Helvetica, Arial, sans-serif; margin:0;line-height: 1;}
a {text-decoration:none;}

.wrapper {width:1000px;height:auto;overflow:visible;/**/margin-left:auto; margin-right:auto;position:relative;z-index:1}
.home { display:block; width:320px; height:140px; overflow:hidden; z-index:10;}
.logo {width:426px;height:268px;position:absolute;top:0px/*0*/;left:-105px;background:url(../images/logo.png); z-index:-1;}
.claim {width:auto;height:auto;position:absolute;top:78px/*48*/;right:0px;font-size:2.75em;font-weight:300;letter-spacing:-2px;color:#fff} 
.claim2 {width:auto;height:auto;position:absolute;top:1px;right:0px;font-size:2.75em;font-weight:300;letter-spacing:-2px;color:#fff} 
.clban { float:right; margin-top:27px;}
/*/////////////// header /////////////*/
.topheader{width:100%; height:146px;overflow:hidden;z-index:10}
.header{width:1000px; height:160px;overflow:hidden; z-index:8;}
	.header-left{width:710px; height:160px;float:left;}
	.banner{width:710px; height:150px;overflow:hidden;background:black;position:relative; z-index:12;}
	.banner-shadow{width:710px; height:25px;background: url(../images/banner-shadow.png) center -5px no-repeat;}
	.hotnews{width:280px; height:150px;overflow:hidden;background:#cc0000;float:right;}
	.hotnews a{font-size:0.75em;color:#fff;margin:0 !important;text-decoration:none;padding:1px 10px;text-decoration:none;color:#fff;line-height:15px;display:block}
	.hotnews a:hover{text-decoration:underline;}
	.rightpanel {width:280px; height:auto;overflow:hidden;background:rgba(153,153,153,0.95);margin-bottom:8px;padding-bottom:8px;position:relative;}
	.rightpanel.tr { background:none;}
			.rightpanel p{font-size:12px;padding:3px 10px;}
			.rightpanel a{font-size:12px;color:#000;margin:0 !important;text-decoration:none;line-height:1;padding:3px 10px;
				text-decoration:none;color:#000;line-height:1.3;display:block}
				.rightpanel a:hover{text-decoration:underline;}
				.rightpanel ol{list-style-type:decimal;font-size:12px}
				.rightpanel ol a{font-size:12px;padding-left:0}
							
	
	.poll-progressbar{height:11px;background:#cc0000;margin-left:5px;margin-top:3px;margin-bottom:10px;}
	.pool-box{width:270px;margin-bottom:25px;}
	.pool-box .submit-btn{cursor:pointer; display:block;padding:0 0 0 2px; font-size:13px;line-height:13px; border:0px; background-color:transparent;text-decoration: underline;}
	.pool-box2{margin-bottom:0px;}
	
	.poll-item{display:block;overflow:hidden;padding:0 10px;width:auto;}	
	.poll-item label{display:block;padding:0 5px; font-size:13px;line-height:13px; text-align:left;color:#666;font-weight: 600; }

.right-panels-header{display:block;width:auto;height:36px;background:url(../images/right-panels-header.png) repeat-x left center;font-size:1.3em;color:white;font-weight:400;
	line-height:36px;padding:0 18px;margin:0 0 5px 0}
.sverige2{color:rgb(204,0,0);font-size:11px !important;text-transform:uppercase;text-shadow:none !important}

#menubar{width:980px; height:55px;background:#000 url(../images/menubar-bk.png) repeat-x;margin-bottom:12px;padding:0 10px; z-index:33;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#menubar a{width:auto; height:55px;display:block;padding:0 20px;text-transform:uppercase; background:url(../images/menu-separator.png) no-repeat right center;margin:0 0 0 -5px;
 color:#fff;text-align:center;font-size:1.2em;line-height:2;text-decoration:none;font-weight:700; float: left;}
#menubar a:hover, #menubar a.active{background:#663333;box-shadow: inset 0 0 15px rgba(0,0,0,.5), inset 2px 2px 2px rgba(0,0,0,.5);text-shadow: 0 2px 2px #000;}
#menubar a span {color:#F00;font-size:10px; !important;line-height:0.5;display:block;font-weight:400;text-align:center}

.searchBox{width:210px; height:25px;background-color: #454544;float:right;margin-top:13px;border:solid 1px #333;}
/*.search{width:100px; height:25px;background:#454544;float:right;margin-top:13px;border:solid 1px  #333;color:#fff;font-size:0.8em;font-weight:400;text-indent:5px}*/
.searchTxt{width:175px; height:20px;background-color:#454544; border:0px; float:left;color:#fff;font-size:0.8em;font-weight:400;text-indent:5px;}
.searchBtn{float:right;display:block;width:20px; height:20px; border:0px; cursor:pointer; font-size:0px; background:url(../images/ico-search.png) no-repeat;margin-right:5px;}
.searchBtn:hover{background:url(../images/ico-search-act.png) no-repeat;}
#mm { width:auto; height:auto; overflow:hidden;padding:2vw; font-size:12vw; color:#fff; float:left; margin-top:3.5vw; cursor:pointer; display:none;}

.h1{display:block;background:rgba(204,10,10,0.3);margin-bottom:8px;padding:1px 15px 5px 15px;}
h1, .h1A{font-size:48px;letter-spacing:-1px;font-weight:300;margin:0;text-transform:uppercase;color:#fff;text-shadow: 0 1px 1px #000}
.h1A {text-decoration: none;}
.sverige {color:rgb(204,0,0);font-size:0.65em !important;text-transform:uppercase;text-shadow:none !important}

.maincol{width:711px; height:auto;overflow:visible;/**/}
.rightcol{width:280px; height:auto;overflow:visible; margin-bottom:30px;/**/}
.news, .news2 {width:auto; height:auto;background:rgba(255,255,255,0.95);padding:25px;margin:2px 2px 12px 2px;position:relative; /* z-index:10 !important; */}
.news {overflow:hidden;} .news2 {overflow:visible;}
.news hr, .news2 hr{width:auto; height:26px; background:url(../images/hr.png);border:0px;}

.content-div{width:auto; height:auto;overflow:visible;background:rgba(255,255,255,0.95);padding:25px;margin:2px 2px 12px 2px;position:relative;/* z-index:10 
!important; */}
	.content-div h2{display:block;clear:both;margin:6px 0 10px 0;font-weight:600;color:#660000;text-shadow: 3px 3px 3px #5b5b5b}
	.content-div h3{display:block;clear:both;margin:20px 0;font-weight:600;font-size:1.1em;color:#cc0000}
	.content-div p{font-size:0.95em; line-height:1.4;font-weight:400;text-align:justify}
	.content-div p a, .content-div .divP a{color:#cc0000}

.maina{width:auto; height:auto;overflow:hidden;}
.maine{width:650px; height:4px;overflow:hidden;}

/* /////////////// autori, knihy /////////////// */
.alphabet {display:inline-block;clear:both;padding:8px 0 8px 15px;}  /* background:rgba(255,255,255,.2); */
/*treba určiť pozíciu prvku tak, aby neskroloval spolu s obsahom, ale aby bola abecedný zoznam vždy zobrazený*/

.alphabet a{font-size:0.9em;text-transform:uppercase;padding: 6px 8px;color:#fff;display:block;float:left;background:#000;margin-right:4px;text-decoration:none;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} /*  box-shadow:2px 2px 2px #555;*/
.alphabet a:hover, .alphabet a:active{background:#cc0000;}

.alphabet-b {display:inline-block;margin-bottom:8px;clear:both;margin:8px 0;padding-left:15px;} 
/*treba určiť pozíciu prvku tak, aby neskroloval spolu s obsahom, ale aby bola abecedný zoznam vždy zobrazený*/

.alphabet-b a{font-size:0.75em;text-transform:uppercase;padding: 6px 7px;color:#fff;display:block;float:left;background:#000;margin-right:3px; margin-bottom:3px; 
	text-decoration:none;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.alphabet-b a:hover, .alphabet-b a:active{background:#cc0000;}


.alphabet-div {display:block;width:50px;margin:0 0 8px -30px;clear:both;background:#cc0000;font-size:0.95em;font-weight:700;color:#fff;text-align:center;padding:5px 0;
	box-shadow: 0px 2px 0px rgba(0,0,0,.3);-webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;}
	
.author-div {width:100px;height:135px;border: solid #ececec 1px;background:#fff;margin: 0 7px 8px 0;text-align: center;}
.author-div:hover, .book-div:hover: .book-div-small:hover{background:#f5f5f5}
.author-div img, .book-div img{-webkit-border-radius: 1px 1px 0px 0px; -moz-border-radius: 1px 1px 0px 0px; border-radius: 1px 1px 0px 0px;border:0px;}
.author-div a{font-size:0.65em;text-align:center;color:#000;display:block;font-weight:600;line-height:1.2;text-decoration:none;padding:0 3px}		
.author-div .aData{display:block; font-size:0.65em;text-align:center;color:#000;display:block;font-weight:600;line-height:1.2;padding:0 3px}
	

.author-about-div {width:435px;overflow:hidden;margin: 0 2px 8px 0;float:right}
.author-about-div ul{margin:15px 0; -webkit-padding-start: 20px; }
.author-about-div li{font-size:0.85em;line-height:1.5;list-style:circle }
	
	
.divP{font-size:14px; line-height:1.3;font-weight:400;}

/*komentáre*/
.author-comments-div {width:auto;height:auto;overflow:hidden;border:solid #dcdcdc 1px; padding:15px}
.input-div {width:auto;height:auto;overflow:hidden;margin-bottom:5px}
	.input-div label{float:left;font-size:0.65em; display:block;height:20px;line-height:20px;width:120px;font-weight:600}
	.input-div input, .input-div textarea{font-size:0.65em;height:20px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;border:solid 1px #ccc;
		box-shadow: inset 1px 1px 2px rgba(0,0,0,.2);}
		.input-div textarea{height:auto}

.book-div {width:120px;height:197px;border: solid #ececec 1px;background:#fff;margin: 0 7px 8px 0;text-align: center;}	
.book-div a{font-size:0.65em;text-align:center;color:#000;display:block;font-weight:600;line-height:1.2;text-decoration:none;padding:0 3px}		
.book-div .aData{display:block; width:100%; height:38px; font-size:0.65em;text-align:center;color:#000;display:block;font-weight:600;line-height:1.2;padding:0 3px; vertical-align:middle;}

.book-autor{display:block;clear:both;margin:20px 0;font-weight:600;font-size:1.1em;color:#cc0000}

/*blok kníh v detaile autora*/
.author-books-div {width:auto;height:auto;overflow:hidden;margin: 0 7px 8px 0;background:rgba(255,255,255,0.7);padding:12px 0 0 12px;position:relative}

.book-div-four {width:140px;height:280px;border: solid #ececec 1px;background:#fff;margin: 0 15px 10px 0}
	.book-div-four p{font-size:0.95em;text-align:center;color:#000;display:block;width:100%;font-weight:600;line-height:1.2;padding: 3px;margin:0}
	.book-div-four a{font-size:0.65em;text-align:center;color:#000;display:block;font-weight:600;line-height:1.2;text-decoration:none;margin:0}
	.book-div-four img{width:140px;-webkit-border-radius: 1px 1px 0px 0px; -moz-border-radius: 1px 1px 0px 0px; border-radius: 1px 1px 0px 0px;border:0px;}

.sample-books-div {width: 600px;height:auto;overflow:hidden;margin: 0 7px 8px 0;background:rgba(255,255,255,0.7);padding:12px 0 0 40px;position:relative}
.book-sample {width:auto;height:auto;border: solid #ececec 1px;margin: 0 15px 10px 0;float:left}

/*knihy*/
.book-div-small{width:91px;height:160px;border: solid #ececec 1px;background:#fff;margin: 0 7px 8px 0;text-align: center;font-size:0.65em;color:#000;display:block;font-weight:600;line-height:1.2;padding:0 3px;}	
	.book-div-small img{-webkit-border-radius: 1px 1px 0px 0px; -moz-border-radius: 1px 1px 0px 0px; border-radius: 1px 1px 0px 0px;width:80px;border:0px;}			

.double-display{width:47%; height:165px;overflow:hidden;background:rgba(204,204,204,0.95);margin:2px .4% 12px .4%;padding:1%;position:relative}
	.double-display img{float:left;margin-right:10px;border:0px;}
	.double-display-conent{float:right;overflow:hidden;width:345px;height:auto;}
	.double-display h1{font-size:1.3em; line-height:1.2;margin-top:5px;color:#cc0000;margin-bottom:0px;text-shadow:none !important}
	.double-display h1 a{color:#cc0000;}
	.double-display p{font-size:0.95em;line-height:1.3;margin-bottom:1px;margin-top:1px;}
	.double-display .p2{font-size:0.8em;line-height:1.3;margin-top:7px;}
	.double-display-category{font-size:.95em;font-weight:300}
	
.btn-red{display:block;text-align:center;font-size:0.65em;height:22px !important;line-height:22px !important;width:auto;padding:0 15px !important;border:solid 1px #000;color:#fff !important;text-decoration:none;
	background:url(../images/btn_red-bk.png) repeat-x #900}
	.btn-red:hover{background:#000;color:#F00}
.btn-bottom-right{position:absolute;bottom:5px;right:5px;}
.btn-top-right{position:absolute;top:5px;right:5px}
.btn-uni{width:50px;}
.btn-flw-right{float:right;margin:5px;}


.newsitem{width:580px;height:auto;z-index:1;position:relative;float:left; margin-left:15px; z-index:1}
.newsitem h1{font-weight:600;color:#cc0000;margin:0;font-size:1.3em;letter-spacing:-1px;;line-height:1.5; margin:5px 0; text-shadow:none !important}
.newsitem h1 a{font-weight:600;color:#cc0000;}
.newsitem p, .newsitem .divP{font-weight:400;margin:0;font-size:0.85em;line-height:1.3}
.newsitem p a, .newsitem .divP a{color:#cc0000; margin-left:10px;}
.date{font-weight:300;margin:0;font-size:0.72em;line-height:1.3;margin-top:3px;margin-bottom:7px;color:#333}
.sep{width:10px;height:10px;}	
	
.newsitem-icon{width:54px;height:58px; overflow:hidden;background:#cc0000;float:left;-webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
.newsitem-icon img{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;border:0px;}	

.newsitem-categ{width:650px;height:auto;z-index:1;position:relative;margin-bottom:20px;float:right;z-index:1;border-top:solid 2px #cc0000;}

/*recenzie*/
.review-div {width:auto;height:auto;overflow:hidden;border-bottom:solid #dcdcdc 1px; padding:5px 0;position:relative}
	.review-div h1{font-size:0.85em !important;font-weight:600 !important;color:#cc0000;text-shadow:none}
	.review-div a{font-size:0.85em !important;font-weight:600 !important;color:#cc0000;text-shadow:none; display: block;margin-bottom:3px; line-height:1.4em;}
  .review-div p, .review-div .divP{font-size:0.75em;font-weight:400;}
	.review-div img{float:left;margin-right:15px; height:100px;}


.left{float:left}
.right{float:right}
.round-two{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.round-five{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.round-five-right{-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;}
.box-shadow {box-shadow: 0 0 2px rgba(0,0,0,.65);}

.footer{background:#000;width:964px;height:50px;padding:10px 18px;clear:both;margin-bottom:10px;}
	.footer img{float:left;margin-right:20px; margin-left:17px;border:0px;}
	.copyr{display:inline-block;float:right;font-size:0.8em;color:#999;width:auto;line-height:50px; text-shadow:1px 1px 1px #333;}
	.copyr a {color:#999; font-weight:600;}
	.qst {display:inline-block;float:right;font-size:0.8em;color:#999;width:auto;line-height:auto; margin-top:-32px;}
	.posli {font-size:13px;color:#000;}
	.posli a {color:#000; font-weight:900;font-size:13px; margin-left:10px;}


.spat{
  display: block;
  float:right;
  font-size: 10px;
  color: #000;
}

.viacBtn{margin-top:20px;cursor: pointer;font-size:12px;}

.facebook-detail{  
  position:absolute;
  top:7px;
  right:60px;
  float:right;  
}


.hladanieBox h1{
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:3px;
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-shadow:none;
}

.hladanieBox
{
	margin-top:20px;
	margin-left:20px;
	font-size: 13px;		
}

.hladanieBox a
{
	font-weight: normal;
	color:#cc0000;
}
.hladanieBox a:hover
{
	color:#cc0000;
	font-weight: bold;
}

.hladanieDiv
{		
	line-height: 20px;
	color:#cc0000;	
}


.bottomTop {  
   position:absolute;   
   width:670px;
   text-align: right;
}
.bottomTop a{
  font-size: 12px;
  color:#000;
  background-color: #cbcbcb;
  padding:3px;
}

.shop-text{
  padding-bottom:10px
}

.left-facebook{
  width:280px;
  height:30px;  
  text-align: center;
  padding-top:5px;
}

.data-facebook{
  width:660px;     
  text-align: right;  
  margin-top:-15px;
  z-index:101 !important;
}

.detail-facebook{
  width:610px;     
  text-align: right;  
  margin-top:-20px;
  z-index:102;
}

.imgKup{
  width:85px;
  margin-right:5px;
  border:0px;
  
}

.tabs-div input {display: none}
/*label {
	display: inline-block;
	width: 49.5%;
	padding: 15px 0 ; 
	color:#666;
	font-weight: 600; 
	text-align: center;}

label:hover {  color: #000;  cursor: pointer;}*/
.tabs-div input:checked + label {background: red; color: #fff;}
#tab1:checked ~ #content1, #tab2:checked ~ #content2 { display: block;}


#admd { width:100%; height:auto; overflow:auto; position:fixed; z-index:113; left:0; bottom:0; color:#3F3; background-color:#000; 
font-family:"Courier New", Courier, monospace; font-size:12px; padding:2px;}
/*.topread ol, .topread a { font-size:0.85em;}*/
.topread ol { padding-left:30px;}

.paginator { font-size:0.8em; text-align:right; margin-bottom:8px; margin-right:4px;}
.paginator a {color:#cc0000; padding:0 4px;} .paginator a:hover { color:#fff; font-weight:bold; background-color:#000;}
.podp, .podp2 {width:240px; height:auto; overflow:hidden; float:left; }
.podp2 { margin-left:174px;}
.bl {width:auto; height:auto;overflow:hidden;}

#sutaz a, #zozcen a { text-decoration:underline; color: #cc0000;} #sutaz a:hover, #zozcen a:hover { text-decoration:none;}
#sutaz label a { color:#cc0000; text-decoration:underline;}
#sutaz .sutaz_img {margin:10px 0;}
#sutaz button { cursor:pointer;}
#sutaz .bubo {margin-top:10px;}
#sutaz .err, #kviz .err { color:#fff; font-weight:bold; padding:10px; margin-top:0; background: #cc0000; text-align:left;}
#sutaz .err a { color:#fff; text-decoration:underline;} #sutaz .err a:hover {text-decoration:none;}
#sutaz .item { width:auto; height:auto; min-height:24px; overflow:hidden; margin:7px 0; }
#sutaz input[type='text'], #sutaz img {float:left;}  #sutaz img { margin:4px 2px 0px 0; } 
#sutaz .ii {width:345px; padding:4px; font-size:0.95em;  border:1px solid #cc0000;background-color:#fff;}
#sutaz .ik {width:66px; padding:4px; font-size:0.95em;  border:1px solid #cc0000;background-color:#fff;}
#sutaz .ok { padding-top:2px; }
#sutaz #poznamka, #sutaz #poznamka2 { color:#666; font-size:0.8em;padding-top:14px;}
#sutaz button { margin-top:8px;  font-weight:bold; font-size:0.9em; padding:4px 12px; line-height:1.3em; color:#fff;
background: url(../images/btn_red-bk.png) repeat-x #900; border:1px solid #000; }
#sutaz button:hover  { background:#000;}
#sutaz .item span { font-size:0.85em; }

/* #sutaz .su-l { overflow:visible;} */

#sutaz_form { border:1px solid #CCC; padding:20px 10px 10px 20px; width:634px; min-height:200px; background-color:#eee; margin-top:22px;
background-image:url(../gallery/sutaz_jo_nesbo_smad/tajnicka-bk.jpg); background-position:bottom center; margin-bottom:8px;}
#sutaz_form label, #kviz .lbl {display:block; width:257px; height:auto; font-size:0.95em; float:left; line-height:1.1em; padding:0; text-align:left;}
.sutaz_oddel { width:655px; height:25px; background-image:url(../gallery/oddelovac-paska.png); background-repeat:repeat-x; margin:20px 0; }
.sutaz_oddel2 { width:655px; height:25px; background-image:url(../gallery/po_stopach_jo_nesba/oddelovac_drot.png); background-repeat:repeat-x; margin:20px 0; }
.sutaz_oddel4 { width:510px; height:26px; background-image:url(../gallery/sutaz_jo_nesbo_smad/hr.png); background-repeat:repeat-x; margin:20px 0; }
.sutaz_oddel4b { width:659px; height:26px; background-image:url(../gallery/sutaz_jo_nesbo_smad/hr.png); background-repeat:repeat-x; margin:20px 0; }

#tajnicka_form { width:666px; height:auto; overflow:hidden; margin:8px 0;}
#tajnicka_bg  { width:666px; height:703px; overflow:hidden; background-image:url(../gallery/sutaz_jo_nesbo_smad/tajnicka-e.jpg); background-position:top left; position:relative;}
#tajnicka_info { width:626px; height:auto; overflow:hidden; padding:20px; background-color:#a00; color:#fff; font-weight:bold;}
#tajnicka_info h3, #tajnicka_info p {color:#fff;}

#tajnicka_form input[type='text'] {position:absolute; font-family:"Courier New", Courier, monospace; font-size:18px;letter-spacing:11.3px; text-indent:10px; padding:4px 3px;
color:#000; font-weight:bold;  background:none; border:none /*1px solid green*/;}
#tajnicka_form input[type='text']:focus { outline: none !important;border-bottom: 2px solid #D00;}

#tajnicka_form input[type='text'].g { color:#090;}
#tajnicka_form input[type='text'].r { color:#E00;}

#t1 { width:236px; left:131px; top:138px;}	#b1 { left:375px; top:131px;}
#t2 { width:236px; left:103px; top:179px;}	#b2 { left:353px; top:172px;}
#t3 { width:79px; left:198px; top:222px;}	#b3 { left:284px; top:215px;}
#t4 { width:216px; left:225px; top:263px;}	#b4 { left:449px; top:256px;}
#t5 { width:346px; left:124px; top:305px;}	#b5 { left:478px; top:298px;}

#t6 { width:236px; left:269px; top:347px;}	#b6 { left:517px; top:340px;}
#t7 { width:145px; left:228px; top:389px;}	#b7 { left:381px; top:382px;}
#t8 { width:148px; left:295px; top:430px;}	#b8 { left:454px; top:423px;}
#t9 { width:191px; left:284px; top:472px;}	#b9 { left:482px; top:465px;}
#t10 { width:190px; left:309px; top:515px;}	#b10 { left:512px; top:508px;}

#t11 { width:323px; left:289px; top:557px;}	#b11 { left:617px; top:550px;}
#t12 { width:216px; left:338px; top:599px;}	#b12 { left:566px; top:592px;}

#heslo_tajnicka {position:absolute; font-family: "Courier New", Courier, monospace; font-size:20px;letter-spacing:15px; text-indent:10px; padding:4px 3px;
color:#000; font-weight:bold; width:326px; left:11px; top:667px;}

#tajnicka_form button { background:rgba(220, 220, 220, 0.3);; border:2px solid #c00; position:absolute; padding:4px 6px; color:#c00; font-size:11px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; visibility:hidden;}
#tajnicka_form button:hover { background:#c00; color:#fff;}

#tajnicka_form #btn_overit {position:absolute; right:54px; bottom:8px; padding:6px 10px; visibility:visible;}
#tajnicka_form #loading { width:32px; height:32px; overflow:hidden; background:url(../images/loading.gif); position:absolute; right:124px; bottom:8px; display:none;}

#y1, #n1, #y2, #n2, #y3, #n3, #y4, #n4, #y5, #n5, #y6, #n6, #y7, #n7, #y8, #n8, #y9, #n9, #y10, #n10, #y11, #n11, #y12, #n12 {width:32px; height:32px; overflow:hidden; position:absolute;}
#y1, #y2, #y3, #y4, #y5, #y6, #y7, #y8, #y9, #y10, #y11, #y12 { background:url(../gallery/sutaz_jo_nesbo_smad/ico_yes.png); }
#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9, #n10, #n11, #n12 { background:url(../gallery/sutaz_jo_nesbo_smad/ico_no.png);}

#y1, #n1 { left:71px; top:160px;}
#y2, #n2 { left:410px; top:178px;}
#y3, #n3 { left:112px; top:222px;}
#y4, #n4 { left:449px; top:266px;}
#y5, #n5 { left:73px; top:342px;}
#y6, #n6 { left:570px; top:340px;}
#y7, #n7 { left:158px; top:398px;}
#y8, #n8 { left:495px; top:446px;}
#y9, #n9 { left:230px; top:480px;}
#y10, #n10 { left:564px; top:524px;}
#y11, #n11 { left:212px; top:558px;}
#y12, #n12 { left:567px; top:591px;}


#zozcen { position:fixed; height:400px; width:830px; overflow:auto; margin:0 auto; padding:25px; top:150px; 
background:#fff; border:1px solid #cc0000; z-index:101; display:none; }
#zozcen p { font-size:0.8em;}
#zozcen h3 { margin-top:0;}
#zozcienv {float:right; cursor:pointer;}

#kviz { border:1px solid #CCC; padding:10px; background-color:#fff;} 
#kviz h3 { margin-top:4px;}
#kviz li { font-size:0.9em; line-height:1.5em;}
#kviz p { -webkit-margin-after: 0.3em;font-size:0.8em;}
#kviz ul { -webkit-margin-before: 0.3em;-webkit-margin-after: 0.8em;font-size:0.8em;}
#kviz em { color:#999;}
#kviz .cis { padding:1px 3px 1px 4px; margin-right:6px; color:#fff;  background: #cc0000; }
#kviz input[type='radio'] { margin-top:2px; margin-right:6px; cursor:pointer;}
#kviz label:hover { color:#cc0000; cursor:pointer;}
#kviz hr { border-bottom:none; }
.capre { cursor:pointer;}


#sutaz #sutazny_kod111 { width:355px; height:20px; padding:6px 0; background:url(../gallery/sutaz_jo_nesbo_smad/heslo_b.jpg); background-repeat:no-repeat; background-position:top left; background-size:cover; border:none; font-family:monospace, "Courier New", Courier; letter-spacing:17px; font-size:20px; color:#000; font-weight:bold; text-indent:13px }

.su-l {width:446px; height:auto; overflow:hidden; float:left;}
.su-r {width:199px; height:auto; overflow:hidden; float:right; text-align:justify; font-size:0.75em; line-height:1.2em;}

.ce-l {width:270px; height:auto; overflow:hidden; float:left; }
.ce-m {width:270px; height:auto; overflow:hidden; float:left; }
.ce-r {width:270px; height:auto; overflow:hidden; float:left; }

.knu { width:100%; height:auto; min-height:124px; overflow:visible; float:left; position:relative; margin:0;}
.naj-kniha { width:101px; height:124px; overflow:hidden; cursor:pointer; background:url(../images/ico_naj-kniha.png);
 position:absolute; top:0; right:0; z-index:112;}
.atu { width:100%; height:auto;  overflow:visible; float:left; position:relative; margin:0;}
.naj-autor { width:105px; height:73px; overflow:hidden; cursor:pointer; background:url(../images/ico_naj-autor.png);
 position:absolute; top:5px; right:0; z-index:112;}
 
.btnlink {   display:inline-block; overflow:hidden;    padding:7px 20px; color:#fff!important;    background:#999; border:none; cursor:pointer;
    font-size:0.85em;    font-weight:400;    line-height:30px;    text-align:center; text-decoration:none!important;
    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}

.btnlink:hover, .btnlink.red:hover { background:darkred;  }
.btnlink#active {  background:#333;  }
.btnlink.red { background:red;  margin:1em 0; }

.pravidla h1, h2, h3{text-shadow: none!important;}
.pravidla h1{font-size: 5em}
.pravidla h2{font-size: 2em!important;text-align:center;margin:1em 0}
.pravidla h3{font-size: 1.5em!important; margin:20px 0 10px 0!important;}
.pravidla h4{font-size: 1em}
.pravidla p{font-size: .85em}
.pravidla li{font-size: .85em; line-height:1.5;list-style: disc}
.pravidla ul{margin:5px 0 15px 0; -webkit-padding-start:0; }


/* ////////// hlasovanie ////////// */
.main {margin: 2em auto; 
	min-width: 320px; 
	max-width: 100%;}

.content {
	background: #fff; 
	color: #373737;
	overflow: hidden;
	height:auto}

.content p{
	padding:1.5em;
}

.content > div {
	/*display: none; 
	padding: 20px 25px 5px;*/}

#content1, #content2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px;}


/* grid */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
    float: left;
    height:auto;
}

.crime_banner { width:100%; height:58px; overflow:hidden; background:url(../bannery/br_crime-scene.png) repeat-x;}

.cover, .cover.autor {
    height:260px; width:174px; overflow:hidden; position: relative; float:left;
    background:white; text-align: center; padding:0; margin:0 15px 15px 0; cursor:pointer;
	border:solid 1px #dcdcdc;  box-sizing: border-box;
    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;
}
.cover:nth-child(5) { margin-right:0;}

.cover.autor { height:260px;}

.cover .sticker { visibility:hidden;    position: absolute;    right:5px;    top:5px;    height:60px;    width:60px;    color:#fff;
    font-size:1vh;    line-height:60px;    background: rgba(255,0,0,1);
    -webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;    -ms-transform: rotate(-25deg); /* IE 9 */
    -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */    transform: rotate(-25deg);   z-index: 122;   overflow: hidden;}
	
.cover .sticker:after {content: "Hlasujte";}

.cover:hover{   border-color:darkred;    background: darkred;    box-shadow: 0 0 15px rgba(0,0,0,.5)}
.cover:active{ visibility:visible;   border:#008080;    background:#008080;    box-shadow: inset 0 0 15px rgba(0,0,0,.5)}
.cover:hover .sticker:hover {    background:#20B2AA}
.cover:hover .sticker:active {    background:darkred;    box-shadow: 0 0 35px #000}
/*.cover:hover > span{  color:#fff;    font-weight:600}*/
.cover:hover > span a { color:#fff;    font-weight:600}

.cover:hover > .sticker{  visibility:visible;  top:60px; right:30px;  width:100px;  height:100px; line-height:100px; font-size:1.1vw;
    background: rgba(255,0,0,.75) url(../images/vote-checked.png);
    -ms-transform: rotate(0eg); /* IE 9 */   -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);   -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}

.cover:hover > img {    width: 95%;   /* top:-6px;*/
    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}
.cover img{ position: absolute;  top:0;    width: 90%;    display: block;    padding:.5em;    margin-left: auto;    margin-right: auto;}
.cover.autor img{position: absolute; clip: rect(0px,164px,205px,0px); width: 90%; display: block;  padding:.5em; margin-left: auto;
    margin-right: auto;}

.cover span{        position: absolute;        bottom: 0;        display: block;        height:35px;        width: 100%;
        text-align: center;        font-size:.9em;        font-weight:400;        color: #666;        padding:.5em 0; vertical-align:middle;  }
.cover span a{color: #666;}
.cover span a:hover{ text-decoration:underline;}

.cover.voted {    border-color:	#20B2AA;    background: 	#20B2AA;    box-shadow: 0 0 15px rgba(0,0,0,.5)}
.cover#voted > span{    color:#fff;}
.cover#voted > .sticker{    visibility: hidden;}
.cover .chceckedsticker{  visibility:visible;  position: absolute;    top:60px;    left:30px;    width:100px;    height:100px;
    webkit-border-radius: 50px;    -moz-border-radius: 50px;    border-radius: 50px;    line-height:100px;    font-size:1.1vw;
    background: darkred url(../images/vote-checked-opaque.png);    z-index: 123; }
.row:after {    content: "";    clear: both;    display: block;}

#fknihy { display:none; width:100%; height:auto; overflow:hidden; position:fixed; bottom:0; left:0; z-index:1001;  }
.f-div { width:999px; height:138px; overflow:hidden; margin:0 auto; background:darkred; color:#fff; }
.f-div button.btnlink { padding:4px 20px; margin:1px 0; float:right; border:none;} .f-div button.btnlink:hover { background:#F60;}
.f-div .item { width:100%; height:auto; margin:8px 0;}
.f-div input[type=text], .f-div input[type=email] { padding:6px 10px; width:308px; border:none;}

#fk1 { width:200px; height:100px; overflow:hidden; margin:20px 50px 0 23px; float:left; line-height:1.5; }
#k1, #k2, #k3 { width:90px; height:110px; overflow:hidden; margin:13px 13px 0 0; float:left; padding:1px; background:#fff; color:#bbb; font-size:5em; text-align:center; line-height:105px; position:relative;}
#k1 img, #k2 img, #k3 img {width: 74px; display: block;margin:0 auto;}
#fk2 { width:330px; height:125px; overflow:hidden; margin:5px 23px; float:right;  }

#fautor { display:none; width:100%; height:auto; overflow:hidden; position:fixed; bottom:0; left:0; z-index:1001;  }
.a-div { width:999px; height:138px; overflow:hidden; margin:0 auto; background:#911; color:#fff;  }
.a-div button.btnlink { padding:4px 20px; margin:6px 0 0 0; float:right; border:none;} .a-div button.btnlink:hover { background:#F60;}
.a-div .item { width:100%; height:auto; margin:8px 0;}
.a-div input[type=text], .a-div input[type=email] { padding:6px 4%; width:91%; border:none;}
.a-div label { color:#fff; font-weight:normal; width:85%; padding:.5em 0; font-size:10pt; text-align:left;}
.a-div a { color:#fff; text-decoration:underline;}
.a-div a:hover { color:#fff; text-decoration:none;}

#fa1 { width:125px; height:100px; overflow:hidden; margin:20px 20px 0 23px; float:left; line-height:1.5; }
#a1, #a2, #a3 { width:76px; height:102px; padding:4px; overflow:hidden; margin:13px 13px 0 0; float:left; background:#fff; color:#bbb; font-size:5em; text-align:center; line-height:105px; position:relative; }
#a1 img,#a2 img, #a3 img {height:auto; width:100%; margin:auto;}
#fa2 { width:180px; height:125px; overflow:hidden; margin:5px 20px 0 0; float:right; }
#fa3 { width:300px; height:125px; overflow:hidden; margin:5px 20px 0 0; float:right; }

#hlk, #hla { width:100%; height:100px; position:fixed; bottom:110px; left:0; -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;   -ms-transition: all 0.5s ease;    transition: all 0.5s ease; display:none;}
#hlk span, #hla span { display:block; width:999px; height:70px; background:#F00; color:#fff; font-weight:bold; text-align:center; line-height:70px; margin:0 auto; font-size:1.3em; z-index:1010;}
.lnor {width:400px; height:auto; overflow:hidden; float:left;}
.norsko { width:225px; height:350px; overflow:hidden; float:right; margin-top:20px;}

.hlam { width:50.5%; height:auto; padding:5% 9%; overflow:hidden; margin:40px auto 10px auto; border:1px solid #dcdcdc; background:#fff; opacity:.8;  }
.hlam p {color:#000; font-size:1.3em; font-weight:bold; }
.hlam h2 {color:#c00; margin:15px 0; text-align:center; font-size:36px; font-weight:normal; font-family: 'Open Sans', 'Myriad Pro','Lucida Grande', Helvetica, Arial, sans-serif;}
.hlam table { margin:0 auto; border-collapse:collapse;  }
.hlam td { padding:4px 10px;}
#sutaz h3 { margin-top:0;}
#sutaz h5 { text-align:center; font-size:.9em; margin:.8em 0; }
#sutaz .hlab { text-align:center; margin-top:15px;}
#sutaz .hlab img { float:none; margin:0 auto;}

.ankban{ width:100%; height:auto; overflow:hidden;}
.lgd { width:106px; margin-left:23px;}

.hlasovanie { font-family:Arial, Helvetica, sans-serif;}
.ban_anketa { float:right; margin-top:30px;}

.adi {border:0px; max-width:210px;}


#mask { display:none;background: #000; position: fixed; left: 0; top: 0; width:100%; height:100%; opacity:0.5;	z-index: 660;}
.cpf{
	display:none;z-index:666;width:98%; max-width:480px;padding: 1%;position: fixed; top: 50%; left: 50%; 
	background: #bcbdbe; border: 2px solid #ddd;	float: left; font-size: 1.2em;
	box-shadow: 0px 0px 20px #999;	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;    -moz-border-radius: 3px; /* Firefox */    -webkit-border-radius: 3px; /* Safari, Chrome */
}
.cpf table { width:100%; border-collapse: separate; }
.cpf table td {vertical-align: top;text-align: left; padding:.2em;}
.cpf table td:first-child { padding-top:1em;}
.cpf table td:first-child span { font-size:10px;}
.cpf .btn_close {	float: right;}

.comentBoxChyba { width:92%; height:auto; padding:.7em 4%; overflow:hidden; margin:.7em 0; background-color:#c00; font-weight:bold; color:#fff; text-align: left;}
.comentBoxChyba-form{	color:red;	font-size:16px;	font-weight: bold;		margin-left:10px;	text-align: left;}

.cpf input[type="text"] { width:96%; padding:.65em 2%;}
.cpf input[type="text"]#dlzka, .cpf input[type="text"]#dlzkaReak { width:3.5em; background:#ccc; padding:.2em; margin-top:.5em;}
.cpf input[type="text"].cap { width:4em; float:left;}
.cpf textarea { width:96%;height:80px; padding:.7em 2%; font-family:Arial, Helvetica, sans-serif;}
.capBoxN { width:auto; height:auto; padding:.7em; overflow:hidden; float:left;}

.komentar-form-box{ width:92%; height:auto;	padding:10px 4%; overflow:visible;	text-align: center;	color:#000;	font-size: 14px; margin-top:-.5em; }
.komentar-form-box h1{	color:#000;	font-size: 24px;}
.komentar-form-box .capBox .cap{	width:auto;height:auto;	background:#fff;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 3px;
	float:left;	overflow:hidden;		border:solid #fff 1px;			margin-left:5px;}

.komentar-add-btn, .reakcia-add-btn, .spravca-add-btn { height:30px;padding:0px 1em;cursor:pointer;	width:auto;	float: right; margin:.3em 0;}
.komentar-add-btn:hover, .reakcia-add-btn:hover, .spravca-add-btn:hover { font-weight: bold;}

.afalph { padding:.5em 1em; background:rgba(80,80,80,.6); color:#fff; }

#csa {width:236px;height:18px;padding:8px;overflow:auto;position:fixed;left:calc(100vw / 2 - 130px);bottom:0;background:#ddd; font-size:15px; color:#c00; 
	font-family:Arial, Helvetica, sans-serif; font-weight:600;border:1px solid #ccc;z-index:100;text-align:center; cursor:pointer; border-radius:8px 8px 0 0}
#csa:hover { color:#fff; background:#c00;}	
#cs { display:none; width:100%; height:auto; overflow:hidden; position:fixed; left:0; bottom:0; z-index:111; } #cs.s, #cs.p { display:block;}
#cs .cs { width:334px; height:auto; max-height:100vh; padding:13px 12px 12px 14px; overflow:auto; margin:0 auto; background:#fff; border:1px solid #ccc;border-radius:8px 8px 0 0;}
#cs h4 { margin:0 0 10px 0; color:#c00; font-size:17px; font-weight:600;} 
#cs p { margin:.4em 0; font-size:13px; line-height:1.25;}
/*#cs.p p { font-size:12px;}*/
#cs .cso { float:right; color:#999; font-size:16px; cursor:pointer;} #cs .cso:hover { color:#c00;}
#cs #cst { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
#cs.p #cst { margin-top:5px;}
#cs #cst h5 { margin:10px 40px 10px 50px;font-size:.8em; display:none; font-weight:600;}
#cs.p #cst h5 { /*margin:4px 0;color:#fff; background:#999; padding:5px;*/ display:block;}
#cs #cst h5 label { float:right; cursor:pointer;}
#cs #cst h5 span { display:inline-block; color:#aaa; font-size:20px; font-weight:300; cursor:pointer; margin:-4px 10px; float:right;}
#cs #cst h5 span:before { content: "\1f6c8";}
#cs #cst h5 span:hover { color:#06C; } 
#cs #cst input:checked + label {color:#396;} #cs #cst label#lcs1 {color:#396;}
#cs #cst input {float:right;margin:0 0 0 10px; cursor:pointer;}
#cs #cst h5 span {}
#cs #cst p { font-size:12px; line-height:1.2; display:none; padding:4px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#cs.p #cst p.s {display:block;}

#cs #bt { width:100%; height:auto; overflow:hidden; margin-top:5px;}
#cs #onc { margin-top:-4px; }
#cs button { width:102px; height:40px; margin:0 8px 0 0; padding:5px 0; border:0; border-radius:6px; cursor:pointer; color:#000; background:#ccc; font-size:12px; display:inline-block;}
#cs button:first-child { }
#cs button:last-child, #cs button:nth-child(3) {margin-right:0;}
#cs button:hover { color:#fff; background:#888;}
#cs #bt button:last-child { display:none;}
#cs.p #bt button:nth-child(2) { display:none;}
#cs.p button:nth-child(3) {margin-right:9px;}
#cs.p #bt button:last-child { display:inline-block;}

#cs #csp button { margin:6px 0 0 105px;}
#cs #csp a {margin-left:.55em; text-underline-position: under; color:#333; font-size:12px;} #cs.p #csp a { display:block; margin-left:0;}
#cs #csp a:hover { color:#000;}
.nomap { width:100%; height:auto; min-height:16vh; margin:20px 0; padding-top:11vh; overflow:hidden; border:solid 1px #ff3300; font-weight:bold; color:#ff3300;text-align:center; }
.nomap p {text-align:center;}

#csa:before { content:"Zmena nastavenia cookies";}
#cs h4:before, .ncs { content:"Nastavenie cookies ";}
#cs #cst label:before { content:"zakázané";}
#cs #cst input:checked + label:before {content:"povolené";}
#cs #cst label#lcs1:before { content:"vždy povolené";}
#cs #cst h5:first-child:before { content:"Nevyhnutné ";}
#cs #cst h5:nth-child(3):before { content:"Pre funkčnosť ";}
#cs #cst h5:nth-child(5):before { content:"Pre štatistiku ";}
#cs #cst h5:nth-child(7):before { content:"Pre marketing ";}

#cs #csp:before { content:"Súbory cookie nám pomáhajú pri poskytovaní služieb pre vás. Umožňujú spoznať a zapamätať si vaše preferencie."}
#cs.p #csp:before { content:"Tu si môžete nastaviť, aké súbory cookies sa ukladajú vo vašom internetovom prehliadači. Vďaka nim si stránka zapamätá vaše preferencie. Používajú sa aj na to, aby stránka fungovala ako očakávate. Zvyčajne vás neidentifikujú priamo. Ich povolením získate viac prispôsobený internetový obsah. Môžete Prijať všetky cookies, alebo Nastaviť, ktoré cookies povolíte. Upozorňujeme, že klikom na Neprijať žiadne cookies  ovplyvníte zobrazenie stránky. Niektoré jej služby potom nemusia správne, alebo vôbec fungovať."}

#cs #cst #csp1:before {content:"Tieto cookies zaisťujú bezchybnú prevádzku našich webových stránok. Umožňujú napríklad vloženie služby do objednávky, ukladanie dát s ohľadom na bezpečnosť webu, prihlasovanie k webu a podobne. Nevyhnutné cookies nemožno deaktivovať, pretože by došlo k narušeniu správneho fungovania webu.";}
#cs #cst #csp2:before {content:"Tieto cookies umožňujú, aby si webová stránka zapamätala informácie, ktoré menia, ako sa webová stránka správa alebo ako vyzerá. Je to napríklad preferovaný jazyk alebo región, kde sa nachádzate.";}
#cs #cst #csp3:before {content:"Pomocou týchto cookies môžeme sledovať, ako stránky používate, z akých zdrojov a technológií. Na základe týchto dát môžeme web neustále vylepšovať, aby bol pre vás čo najprívetivejší. Všetky dáta sú anonymizované, konkrétnych užívateľov teda identifikovať nemôžeme.";}
#cs #cst #csp4:before {content:"Spoločne s nástrojmi tretích strán môžeme zobrazovať vami preferované reklamy v partnerských sieťach podľa vašich záujmov. V prípade nesúhlasu nebudú vaše záujmy a preferencie  zohľadnené a bude sa vám reklama zobrazovať plošne.";}
#cs #bt button::first-line { word-spacing: 60px;}

#cs #bt button:first-child:before {content:"Prijať";}
#cs #bt button:nth-child(2):before {content:"Nastaviť";}
#cs #bt button:nth-child(3):before {content:"Odmietnuť";}
#cs #bt button:last-child:before {content:"Zavrieť nastavenie";}
#cs.p #bt button:first-child:before {content:"Prijať všetky";}
#cs.p #bt button:nth-child(3):before {content:"Odmietnuť všetky";}
#cs #onc a:before {content:"Viac info o cookies";}
#cs #csp a:before {content:"Viac info o cookies"; }
.nomap:before { content:"Aby sa zobrazila google mapa, je potrebné povoliť všetky cookies a dať znova načítať stránku."}
.nomap a:before {content:"Nastavenie cookies";}

@media (max-height: 400px) {
	.cpf{ font-size: 1em;}
	.cpf table td:first-child { font-size:11px; padding-top:.3em;}
	.cpf table td:first-child span { font-size:8px;}
	.cpf input[type="text"] {padding:.3em 2%;}
	.cpf textarea { height:4em; padding:.3em 2%; }
}


@media (min-width: 1024px) {
	body { background-size:contain;/*background-attachment: fixed;*/ }
	/* .logo, .claim { display:none;} */
	.double-display{background:rgba(244,244,244,0.95);}
	.news, .news2 {background:rgba(255,255,255,0.95);}
	.rightpanel {background:rgba(193,193,193,0.95);}
	#intro_mobile { display:none;}
}

@media (min-width: 1500px) {
	.topheader{height:10vw;}
}

@media (min-width: 1900px) {
	body {background-size:auto; }
	.topheader{height:200px;}
}


@media (max-width: 1499px) {
	.wrapper {width:710px;}
	.claim {width:65%; top:28px;right:2px;font-size:2.75em; text-align:right;} 
	.header{width:710px; height:auto; margin-bottom:8px}

	.topheader{height:12vw;}
	.searchBox{float:none; position:absolute;top:9.2vw; margin:0; right:0; box-shadow:0 0 6px #ccc; }
	#menubar{width:690px;}

	.hotnews{width:710px; height:auto; padding-bottom:8px; overflow:hidden;float:none;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.hotnews a{font-size:0.85em;padding:2px 15px;line-height:1.3}
	.hotnews .cl { width:49%; height:auto; overflow:hidden; float:left;}
	.hotnews .cr { width:49%; height:auto; overflow:hidden; float:right;}


	.double-display{width:93.8%; height:auto;margin:2px 1% 12px 1%;padding:2%; float:none;}
	.double-display img {width:17%; height:auto; margin-right:2%;border:0px;}
	.double-display-conent{width:80%; padding-bottom:24px;}
	.double-display h1 { margin:8px 0;}

	.btn-bottom-right {bottom:8px; right:2%;}
	
	.rightcol { width:100%;}
	.rightcol .rightpanel {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;width:49%;}
	.rightcol .rightpanel:nth-child(odd) {float:left;}
	.rightcol .rightpanel:nth-child(even) {float:right;}
	/*.rightcol .rightpanel:nth-child(1) {float:right;}
	.rightcol .rightpanel:nth-child(2) {float:left;}
	.rightcol .rightpanel:nth-child(3) {float:left;}
	.rightcol .rightpanel:nth-child(4) {float:right;}*/

	.footer{width:674px;height:auto; overflow:hidden;}
	.footer img{ margin-top:5px;}
}

@media (max-width: 1300px) {
	.claim {top:12px;} 
}
@media (max-width: 1200px) {
	.claim {width:45%;font-size:2.3em;} 
}


@media (max-width: 1023px) {
	body {background: url(../images/pgbk.jpg) no-repeat top center #fff;	background-attachment: fixed;}
	/* #intro_mobile { display:block;width:710px; height:913px; overflow:hidden; margin:8px 0 16px 0; background-size:contain; max-width:100%;} */
	.topheader{height:15vw;}
	/*.searchBox{float:none; position:absolute;top:8px; margin:0; right:0; box-shadow:0 0 6px #ccc; }*/
	.claim {width:40%;font-size:1.85em;} 
}


@media (max-width: 1080px) and (min-height: 1100px), (max-width: 800px) and (min-height: 900px), (max-width: 700px)   {
	.wrapper {width:100%;}
	.logo {width:60vw;height:37.74vw;left:-6vw; background-size:cover;}
	.claim { width:50%; margin-right:1vw; font-size:6.8vw; top:5vw; } 
	.header {width:100%; }
	.header-left{width:100%; height:24vw;float:left;}
	.banner{width:100%; height:21vw;}
	.banner-shadow{width:100%; height:3vw;}
	.list_carousel {width:100%; height:21vw;}	
	.list_carousel div ul li img { width:99vw; height:auto;}
	.list_carousel .prev {top:7vw;left:3vw; width:30px; height:30px;}
	.list_carousel .next {top:7vw;left:90vw; width:30px; height:30px;}

	.hotnews{width:98%; margin:0 1%;}
	.hotnews .cl, .hotnews .cr { width:100%;float:none;}

	#menubar { width:96%;height:auto; overflow:hidden; position:absolute; left:0; top:22vw; background:#000;margin-bottom:12px;padding:55px 2% 8px 2%; display:none;}
	#menubar a{width:96%; height:auto; overflow:hidden;padding:1vw 2%;  background:none;margin:0; text-align:left;font-size:5.3vw;line-height:1.3; border-bottom:1px solid #666;float: none;}
	#menubar a span {font-size:2.5vw;line-height:1.05;text-align:left}
	#menubar.show { display:block;} 
	.searchBox{ top:8px; margin:0; left:2%; width:92%; padding:8px 2%; margin-right:1vw; float:left;} .searchTxt { width: 90%;}
	#mm { display:block;} 

	.maincol{width:98%; padding:0 1%;}
	.news{width:92%; padding:4%;}
	.newsitem-categ{width:100%;}
	.newsitem-icon{width:15%;height:auto; left:0;}
	.newsitem-icon img{ width:100%; height:auto;}	
	.newsitem{width:81%; margin-left:4%;}

	.rightcol .rightpanel {width:98%; margin:0 1% 8px 1%; float:none;}
	.rightcol .rightpanel.tr { text-align:center;}

	h1, .h1A { font-size:42px;} .recenzie h1 { font-size:34px;} .zaujimavosti h1 { font-size:34px;} 
	h1 span.sverige { }

	.footer{width:92%; padding:10px 4%;}
	.footer img{margin-right:10px; margin-left:7px;}
	.copyr{font-size:0.68em;}

	.alphabet a, .alphabet-b a { min-width:1em; min-height:1.1em; margin-bottom:6px; text-align:center}
	.alphabet-b a {font-size: 0.85em;}
	
	
	.content-div{width:90%; margin:2px 1% 12px 1%;}
	.maincol .content-div{width:96%; padding:10px 3%; margin:2px 0 12px 0;}
	.content-div.autori, .content-div.knihy { width:92%; padding-right:2%;}
	.author-div {width:26.9vw;height:33vw;margin: 0 1.2vw 1.5vw 0;}
	.author-div img, .book-div img {margin-top:1vw; width:92%; height:auto;}
	.author-div a{font-size:2.5vw;padding:0 .5vw}		
	.author-div .aData{font-size:2.5vw;padding:0 .5vw}

	.book-div {width:26.93vw;height:46.5vw;margin: 0 1.2vw 1.5vw 0;}	
	.book-div img { max-height:39vw;}
	.book-div a{font-size:2.2vw;padding:0 .5vw}		
	.book-div .aData { width:95%; font-size:2.2vw;padding:0 .5vw;}
	
	.bottomTop { width:auto; position: fixed; right:2vw; bottom:2vw;}
	.paginator { width:98%; height:auto; padding:1%; overflow:hidden; font-size:0.9em; text-align:left;} 
	.paginator span { display:inline-block; padding:.45em .55em; margin:2px 0 3px 0; background:rgba(255,255,255,.65);}
	.paginator a {display:inline-block; text-align:center; background-color:#c00; color:#fff; font-weight:bold; padding:.45em .55em; min-width:1em; margin:2px 3px 3px 0;} 

	.maine{width:100%; height:4px;overflow:hidden;}
	
	.detail-facebook{ width:100%; margin-top:2px;}
	.adi { width:30%; height:auto; margin-top:8px;}
	.author-about-div { width:100%; margin:8px 0 8px 0;}
	.book-sample {margin: 0 15px 2vw 0;float:left}
	/* #intro_mobile  { width:100%; height:125.7vw; overflow:hidden; margin:8px 0 16px 0; background-size:contain;}*/
}

@media (max-width: 900px) {
	.topheader{height:17vw;}
}

@media (max-width: 800px) {
	.topheader{height:22vw;}
}

.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}
.cc_container.cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}
@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}
@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}
@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}
@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}.cc_container .cc_btn{padding:8px 10px;background-color:#f1d600;cursor:pointer;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:120px}.cc_container .cc_message{transition:font-size 200ms;font-size:0.6em;display:block}
@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{margin-top:0.5em;font-size:0.8em}}
@media screen and (min-width: 768px){.cc_container{padding:15px 30px 15px}.cc_container .cc_btn{font-size:1em;padding:8px 15px}.cc_container .cc_message{font-size:1em}}
@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}.cc_container{background:#fff;color:#999;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box;border:1px solid #ccc}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#555}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.cc_container,.cc_message,.cc_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}