body
{
    background-color:#fafaff;
    padding:0px;
    margin:0px !important;;
}
#content
{
    text-align:center;
    padding:5px;
}
/*
// -------------------------------------------------------------------------
//	L E F T S I D E   P A N E L
// -------------------------------------------------------------------------
*/
div.leftnav
{
    padding:10px;
    border-bottom:1px solid #ffffff;
}
div.login label
{
    font-size:10px;
    width:50px;
    display:inline-block;
}
div.login form
{
    margin:0px;
    padding:0px;
    padding-bottom:15px;
}
div.login form input
{
    width:130px;
}
div.login form input#submit
{
    width:auto;
    position:absolute;
    f-loat:r-ight;
    right:10px;
}
div.leftnav.search
{
    font-size:10px;
    color:black;
}
/* search */
.addsrch
{
    display:inline-block;
    border:1px solid #aaa;
    margin:5px;
    padding:1px;
    padding-top:0px;
    height:24px;
}
.addsrch a.pname
{
    text-decoration:none;
    color:#999;
    font-weight:bold;
}
.addsrch a.arr:hover
{
    text-decoration:none;
    position:relative;
    display:inline-block;
    top:-2px;
    left:-2px;
    color:red;
    rotate:-50deg;
    transition:.5s;
}
.addsrch .plus:hover
{
    text-decoration:none;
    display:inline-block;
    color:red;
    rotate:45deg;
    transition:1s;
}
/*
// -------------------------------------------------------------------------
//	A L B U M   N A V I G A T I O N
// -------------------------------------------------------------------------
*/
.menu a
{
    text-decoration:none;
}
.menu a:hover
{
    position:relative;
    left:1px;
}
.album_link
{
    text-decoration:none;
    color:#555577;
    font-weight:bold;
    display:inline-block;
    white-space:nowrap;:
}
.album_link:hover
{
    text-decoration:underline;
}
.album_link span
{
    display:inline-block;
    margin-right:3px;
}
.album_link:hover span
{
}
.album_link .tnicon
{
}
.tnicon
{
    min-width:10px;
    max-width:50px;
    height:20px;
    position:relative;
    top:4px;
}
.tnicon:hover, .album_link:hover .tnicon
{
    transform:scale(5);
    border:1px solid white;
    box-shadow:2px 2px 2px #aaa;
    z-index:10;
    max-width:100%;
}

/*
// -------------------------------------------------------------------------
//	A  L  B  U  M
// -------------------------------------------------------------------------
*/
.subheader
{
    margin:2em;
}
i.tn
{
    color:#55555f;
}
i.small
{
    color:#aaa;
    font-size:0.8em;
}
span.small
{
    color:#aaa;
    font-style:italic;
    font-size:0.8em;
}
span.small2
{
    color:#777;
    font-size:0.7em;
}
/*
// -------------------------------------------------------------------------
//	 M  A  P  A
// -------------------------------------------------------------------------
*/
#trace_map
{
	height:325px;
	display:block;
	overflow:hidden;
	margin-top:2em;
	margin-bottom:2em;
}
#trace_map iframe
{
	background-image:url('//nemcok.sk/nova/loading.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-size:50%;
	max-width:99vw;
	height:310px;
	width:450px;
	border:1px solid #000000;
	border:1px solid #aaaaaa;
	border-radius:3px;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.5);
	padding:2px;
	overflow:hidden;
}
.map_icon:hover
{
    cursor:pointer;
    position:relative;
    top:-1px;
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.map_icon:hover
{
    -webkit-animation: blink 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 2s;
    -o-animation-iteration-count: infinite;
}
/*
// -------------------------------------------------------------------------
//	 A L B U M   P I C T U R E S
// -------------------------------------------------------------------------
*/
.subalbums
{
    padding:10px;
    margin:10px;
    c-lear:both;
}
span.tn_pic, .album_location
{
	display:inline-block;
	border:1px solid #aaaaaa;
	border-radius:3px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
.mapa_detail, .mapa_svet
{
}
.map_location
{
}
.-mapa_small
{
    display:inline-block;
}
.-mapa_small div
{
    height:30px !important;
}
.-mapa_small img
{
    height:30px;
    width:auto;
}
.album_location
{
    background-color:white; 
    z-index:50;

    text-align:left;
    max-width:300px;
    padding:10px;
    margin:10px;
    margin-bottom:10px;
    margin-top:0px;
    margin-right:20px;
    overflow:hidden;
}
.llong
{
    float:left;
}
.clr_alb:after
{
    content:'';
    display:block;
    cl--ear:both;
}
.alb_pics
{
    float:left;
}
span.tn_pic
{
	margin:0px;
	margin-left:2px;
	margin-top:3px;
	padding:2px;
	text-align:center;
	vertical-align:top;
	filter:grayscale(0);
	transition:filter 1s easy;
	max-width:250px;
	min-width:116px;
	min-height:110px;
	margin-bottom:10px;
	margin-right:5px;
	padding:4px;
	overflow:hidden;
}
span.tn_pic:hover
{
	filter:saturate(125%) contrast(115%);
	position:relative;
	top:1px;
	left:1px;
	cursor:pointer;
}
span.tn_pic img
{
	max-width: 250px;
	max-height: 96px;
	width: auto;
	height: auto;
}
span.tn_pic360:after
{
	background-image:url('/nova/images/p360.png');
}
span.tn_video:after
{
	background-image:url('/nova/images/play.png');
}
span.tn_video:after, span.tn_pic360:after
{
	position:absolute;
	top:25px; left:50%;
	transform: translate(-50%,-0%);
	background-size: cover;
	content:'';
	width:50px;height:50px;
}
span.tn_video1:after, span.tn_pic3601:after
{
	top:50%; left:50%;
	transform: translate(-50%,-50%);
	width:100px;height:100px;
}
span.tn_video2:after, span.tn_pic3602:after
{
	top:50%; left:50%;
	transform: translate(-50%,-50%);
	width:200px;height:200px;
}
span.tn_pic1
{
	max-width: 400px;
	min-width:280px;
	width: auto;
	height: auto;
}
span.tn_pic1 img
{
	max-width: 395px;
	max-height: 3000px;
	min-width: 200px;
	min-height: 150px;
	width: auto;
	height: auto;
}
span.tn_pic2
{
	max-width: 99vw;
	min-width: 430px;
	width: auto;
	height: auto;
}
span.tn_pic2 img
{
	max-height: 8000px;
	max-width: 95vw;
	min-width: 400px;
	min-height: 250px;
	width: auto;
	height: auto;
}
span.tn_bigger
{
	height:255px;
	width:180px;
}
span.tn_bigger img
{
	width: 165px;
	height: 220px;
	max-width: 165px;
	max-height: 220px;
}
.tn_album, .tn_album a
{
    color:#999;
    font-size:12px;
}
.tn_album a:hover
{
    text-decoration:none;
}
span.tn_pic a img.ikona, span.tn_pic1 a img.ikona, span.tn_pic2 a img.ikona
{
	height:10px !important;
	width:auto !important;
	max-width: 11px;
	max-height: 10px;
	min-width: 5px;
	min-height: 5px;
	width: auto;
	height: auto;
}
/*
// -------------------------------------------------------------------------
//	context menus
// -------------------------------------------------------------------------
*/
.context-menu
{
    padding-top:0px !important;
}
.context-menu-header
{
    padding:3px;
    background-color:#777;
    color:#eee;
    margin:0px;
    margin-bottom:5px;
}
@media (orientation:landscape)
{
    .context-menu
    {
	b--order-top:dashed 3px red;
    }
}
/*
// -------------------------------------------------------------------------
//	LARGE IMAGE
// -------------------------------------------------------------------------
*/
img#iml:hover
{
    transform: scale(1.5);
}
/*
// -------------------------------------------------------------------------
//	 O V E R L A Y S
// -------------------------------------------------------------------------
*/
.overlay
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.85;
	z-index:100;
	background:#000;
}
#overlay2
{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:200px;
	min-height:200px;
	opacity:1;
	z-index:101;
	text-align:center;
	background:rgba(0,0,0,0.8);
}
#overlay2 img.main, #overlay2 #youtube, #loading img
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    max-width:100%;
    max-height:100%;
    aspect-ratio:auto;
    display:block;
    border:3px solid #111111;
    border-radius:7px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
}
#loading
{
	background:rgba(255,255,255,0);
	z-index:103;
}
#loading img
{
	opacity:1;
	border:none;
	box-shadow:none;
	width:5%;
}
#overlay2 #iml
{
    min-width:200px;
    min-height:200px;
}
#overlay2 .title
{
    font-size:30px;
    color:#bb0000;
    opacity:1;
    position:fixed;
    top:20px;
    left:50%;
    margin-right:-50%;
    transform: translate(-50%,0%);
    t--ext-shadow: 2px 2px #aaaaaa;
    background:rgba(255,255,255,0.5);
    display:inline-block;
    padding-left:15px;
    padding-right:15px;
    border-radius:7px;
    max-width:95vw;
}
#overlay2 .title:hover
{
    background:rgba(255,255,255,0.9);
}
#overlay2 .title .subtitle
{
    font-size:18px;
    color:#333;
    text-shadow:1px 1px 1px #ddd;
    font-weight:bold;
}
#overlay2 #picdetail
{
    overflow:hidden;
    width:300px;
    position:fixed;
    top:150px;
    right:50px;
    height:600px;
    opacity:80%;
}
#overlay2 .picdetail .picdetail_inside
{
    overflow:auto;
    scroll:scroll-y;
}
#picdetail_header
{
    color:#ffffff;
}
#overlayclose
{
    width:50px;
    height:50px;
    font-size:48px;
    position:fixed;
    right:0px;
    top:0px;
    z-index:110;
    cursor:pointer;
    display:block;
    margin:3px;
    border:1px solid white;
    color:white;
    background-color:red;
    border-radius:2px;
    text-align:center;
    font-family:sans;
}
.sipky:hover
{
    cursor:pointer;
    color:#ffffff;
}
.sipky
{
    z-index:999;
    font-size:100px;
    position:fixed;
    top:50%;
    transform:translate(0% -50%);
    color:#777777;
    text-shadow: 2px 2px 20px #cccccc;
}
#overlayleft
{
    left:20px;
}
#overlayright
{
    right:20px;
}
#navigation
{
    min-height:100%;
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    height:auto;
    border-right:1px solid #111111;
    background-color:#bbbbbb;
    color:#ffffff;
    font-size:20px;
    display:none;
}
#close_detail
{
    color:white;
    cursor:pointer;
}
.message
{
    clear:both;
    display:inline-block;
    border:2px dotted #777777;
    border-radius:5px;
    padding:3px;
    margin:7px;
}
.message_info
{
    color:#3333aa;
    background-color:#eeeeee;
    border-color:#3333aa;
}
.message_error
{
    color:#991111;
    background-color:#ffeeee;
    border-color:#991111;
}
#login_form
{
    z-index:10;
    text-align:center;
    width:100vw;
    height:100vh;
    background-color:#000000;
    opacity:0.8;
    padding:15px;
    margin:0px;
    position:fixed;
    top:0px;
    left:0px;
}
#login
{
    display:block:
    width:40vw;
    height:30vh;
    margin-left:auto;
    margin-right:auto;
    padding:15px;
    z-index:11;
    opacity:1;
    background-color:#efefef;
    position:fixed;
    top:30px;
    left:50px;
}
form#lgn label
{
    width:70px;
    display:inline-block;
}
.locs
{
    margin-left:20px;
    border-left:1px solid #000000;
}
.lnk_loc
{
    text-decoration:none;
    color:#777777;
}
.lnk_loc:hover
{
    text-decoration:underline;
}
.inealb
{
    margin-right:3px;
    mar-gin-top:-7px;
    padding:0px;
    float:right;
    color:#777;
    font-size:9px;
}
.inealb a
{
    color:#777;
}
.views
{
    margin-top:7px;
}
.views, .prepinace
{
    margin-right:17px;
    float:right;
    color:#777;
    font-size:13px;
}
.prepinace
{
}
.prepinace img
{
    border:1px solid #777;
    min-width:12px;
    height:15px;
    position:relative;
    top:3px;
}
/* *************************
 * Stylesheet for side menu
 *
 * by Jaro Nemcok
 *
 ************************* */
div.side
{
	padding : 3px;
	margin : 0px;
	height:100%;
	background-color: #bbbbbb;
	width: 164px;
}

div.mnu_lev_1, div.mnu_lev_2, div.mnu_lev_3, div.mnu_lev_4, div.mnu_lev_5, div.mnu_lev_6, div.mnu_lev_7
{
	font-family: Arial-CE, Arial, Helvetica, Sans-Serif;
	text-align : left;
}
div.mnu_lev_1 a, div.mnu_lev_2 a, div.mnu_lev_3 a, div.mnu_lev_4 a, div.mnu_lev_5 a, div.mnu_lev_6 a, div.mnu_lev_7 a
{
	text-decoration:none;
}

/* Level		1 
 ************************* */
div.mnu_lev_1, div.mnu_lev_1 a, div.mnu_lev_1 a:visited
{
	color : white;
}
div.mnu_lev_1
{
	font-size : 14px;
	font-weight : bold;
	padding-left : 0px;
}
div.mnu_lev_1 a:hover
{
	color:#dddddd;
	text-decoration:none;
}

/* Level		2 
 ************************* */
div.mnu_lev_2, div.mnu_lev_2 a, div.mnu_lev_2 a:visited
{
	color : black;
}
div.mnu_lev_2
{
	font-size : 12px;
	font-weight : bold;
	border-left : 1px solid black;
	padding-left : 0px;
	margin-left:3px;
}
div.mnu_lev_2 a:hover
{
	color:#777;
	text-decoration:none;
}

/* Level		3 
 ************************* */
div.mnu_lev_3, div.mnu_lev_3 a, div.mnu_lev_3 a:visited
{
	color : #707070;
}
div.mnu_lev_3
{
	font-weight : normal;
	font-size : 12px;
	padding-left : 0px;
	margin-left : 10px;
}
div.mnu_lev_3 a:hover
{
	background-color: #aaaaaa;
	text-decoration:none;
}

/* Level		4 
 ************************* */
div.mnu_lev_4, div.mnu_lev_4 a, div.mnu_lev_4 a:visited
{
	color : #eeeeff;
}
div.mnu_lev_4
{
	font-size : 12px;
	margin-left:7px;
	border-left:1px solid #eeeeff;
	padding-left : 3px;
}
div.mnu_lev_4 a:hover
{
	background-color: #999999;
	color: #000000;
	text-decoration:none;
}

/* Level		5 
 ************************* */
div.mnu_lev_5, div.mnu_lev_5 a, div.mnu_lev_5 a:visited
{
	color : #111133;
}
div.mnu_lev_5
{
	font-size : 11px;
	margin-left:7px;
	padding-left : 0px;
}
div.mnu_lev_5 a:hover
{
	background-color: #494949;
	color: #ffffff;
	text-decoration:none;
}

/* Level		6 
 ************************* */
div.mnu_lev_6, div.mnu_lev_6 a, div.mnu_lev_6 a:visited
{
	color : #707080;
}
div.mnu_lev_6
{
	font-size : 11px;
	margin-left:7px;
	border-left:1px solid #707080;
	padding-left : 2px;
}
div.mnu_lev_6 a:hover
{
	background-color: #cccccc;
	text-decoration:none;
}

/* Level		7 
 ************************* */
div.mnu_lev_7, div.mnu_lev_7 a, div.mnu_lev_7 a:visited
{
	color : #ffffff;
}
div.mnu_lev_7
{
	font-size : 10px;
	margin-left:7px;
	padding-left : 0px;
}
div.mnu_lev_7 a:hover
{
	background-color: #aaaaaa;
	text-decoration:none;
}

/* O t h e r 
 ************************* */
span.err
{
	color:red;
	font-weight : bold;
}


#prev_page, #next_page
{
    position:fixed;
    bottom:10px;
    display:block;
    border:1px solid white;
    background-color:#777;
    padding:4px;
    border-radius:4px;
    opacity:0.7;
    font-weight:bold;
    color:white;
    text-decoration:none;
}
#prev_page a, #next_page a
{
    color:white;
    text-decoration:none;
}
#prev_page:hover, #next_page:hover
{
    bottom:11px;
}
#prev_page
{
    float:left;
    left:10px;
}
#next_page
{
    float:right;
    right:10px;
}
#tri
{
    opacity:1;
}
#tri:hover
{
    opacity:0.9;
}
span.cesta
{
	float:left;
	display:block;
	margin-left:9px;
	position:relative;
	top:-4px;
}
span.cesta, span.cesta a, span.cesta a:visited
{
	color:#999;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
}
span.cesta a:hover
{
	color:#55f;
	text-decoration:underline;
}
span.cesta i
{
    color:#999;
}
img.yt_tn
{
    width:150px !important;
    height:auto;
}
i img.yt_tn
{
    width:35px !important;
    height:auto;
}
h2
{
    margin-block-end:0px;
    color:#557;
}
li.flink
{
    margin-left:23px;
}
.ludia
{
	font:12px Arial;
	color:#aaaaaa;
}
.ludia td.w
{
	background-color:#ffffee;
}
.meno
{
	padding:5px;
	font:bold 12px Arial;
	color:#333333;
}
.ludia tr.header
{
	font:bold 14px Arial;
	color:#eeeeee;
	background-color:#777777;
	text-align:center;
}
.ludia tr.header2
{
	font:12px Arial;
	color:#eeeeee;
	background-color:#777777;
	text-align:center;
}
.ludia td.g_img, .ludia td.meno
{
    margin-top:10px;
    border-top:1px solid black;
}
.ludia td.g_img
{
    b--order:1px dotted #999;
}
.ludia a
{
    text-decoration:none;
}
.ipbot
{
    display:inline-block;
}
.ipflag
{
    display:inline-block;
    min-width:17px;
}
.fb-login-button a
{
    text-decoration:none;
    color:white;
    position:relative;
    top:-17px;
    left:-7px;
}
.fb-login-button img
{
    height:40px;
    position:relative;
    top:-2px;
    left:-7px;
}
.fb-login-button
{
    display:block;
    width:190px;
    height:38px;
    padding:1px;
    font-size:13px;
    font-weight:bold;
    font-family:-apple-system,Roboto;
    background-color:rgb(24,119,242);
    color:white;
    border-radius:4px;
    text-align:center;
    vertical-align:middle;
}
span.myself:hover
{
    position:relative;
    top:1px;
    left:1px;
}
.pmani
{
    clear:both;
    border-top:1px dotted #aaa;
    margin-left:50px;
    margin-top:50px;
}
#ktovidi
{
    text-align:justify;
    font-size:10px;
}
#ktovidi a
{
    text-decoration:none;
    color:#999;
    white-space:nowrap;
}
#ktovidi a:hover
{
    text-decoration:underline;
    color:#777;
}

/* ======================================================================================================================================================= */
/* ======================================================================================================================================================= */
/* ======================================================================================================================================================= */
/* ======================================================================================================================================================= */
@media (orientation:landscape), (min-width:1200px) and (max-resolution:299dpi)
{
	#tri
	{
	    opacity:0.3;
	}
	#tri:hover
	{
	    opacity:1;
	}
	#prev_page
	{
	    left:210px;
	}
	#navigation, #content
	{
	    display:block;
	}
	#content
	{
	    position:relative;
	    left:200px;
	    margin-right:200px;
	    width:-webkit-calc(100% - 200px);
	    width:-moz-calc(100% - 200px);
	    width:calc(100% - 200px);
	}
}
.location_path a
{
    text-decoration:none;
    color:#777777;
}
.location_path a:hover
{
    text-decoration:underline;
}
.location_link, .user_link
{
    font-weight:bold;
    text-decoration:underline;
    color:#555555;
}
.location_link:hover, .user_link:hover
{
    text-decoration:none;
}
/* comments */
.comments{margin-top:20px;}
.comments tr{vertical-align:top;}
.comments td{padding:0px;padding-top:5px;}
.comments td.avatar{text-align:right;}
.comments td.comm{padding-left:10px;color:#555555;width:200px;}
.comments td.comm textarea, .comments td.comm div.textarea{margin:0px;width:210px;background-color:white;border:1px solid #aaaaaa;color:#555555;height:45px;padding:3px;}
.comments td.comm div.textarea{color:#aaaaaa;}

.comments td.comm a {text-decoration:underline;}
.comments td.comm a:hover {text-decoration:none;cursor:pointer;}

#gifframes
{
}
#gifframes span:hover
{
    color:#111;
    cursor:pointer;
}