/* RESET */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.accessibility 
{
	visibility: hidden;
}

/* -------------------- PAGE ---------------------- */


body 
{
	background-color: Black;
}

div#page 
{
	/*background-color: Black;*/
	width: 1024px;
	height: 768px;
	/*background-image: url(../img/pozadi.png);*/ /* TODO: JPG */
	background-repeat:no-repeat;
	margin: 0 auto;
}

div#main 
{
	position: relative;
	top: 250px;
	/*left: 400px;*/
	width: 380px;
	height: 100px;
	margin: 0px auto;
}

div.left {	float: left }
div.right {	float: right }
div.btnwrap 
{
	/*margin: 0px 0px;*/
	width: 380px;
	height: 180px;
	background-image: url(../img/logo.png);
	background-repeat:no-repeat;
	background-position: 100px -10px;
}
div img.flag-new {
	position:absolute; left: 690px; top: 400px;
}
div.invite-text {position:absolute; left: 705px; top: 425px; height: 61px; width: 129px;}
div.invite-text 
{
	color: Black; 
	background-image: url(../img/link-text1.png);
	background-position: 0px 0px;
}

div.button 
{
	margin-top: 120px;
	width: 147px; /* 147x54 */
	height: 24px;
	background-image: url(../img/cudlik.png);
	background-repeat:no-repeat;
	padding: 18px 0;
	text-align: center;
}
div#logo 
{
	position: relative;
	/*top: 280px;
	left: 540px;*/
	width: 380px;
	height: 80px;
	background-image: url(../img/logo.png);
	background-repeat:no-repeat;
}

div#screen 
{
	background-image: url(../img/main_screen.png);
	background-repeat:no-repeat;
	/*border: solid 1px green ;*/
	width: 713px;
	height: 680px;
	margin: 0px auto;
	position:relative;
	top: 20px;
}

div.sk#screen 
{
	background-image: url(../img/sk_screen2.png); 
	background-position: 0 50px;
	width: 900px;
}

div#screen .paper 
{
	/*border: solid 1px green ;*/
	height: 450px;
	position: relative;
	top: 50px;
	margin-left: 230px;
	margin-right: 110px;
}

.paper .header 
{
	height: 1%;
}

img#fcb /* facebook icon */
{
	position:relative;
	top: -15px;
	left: 10px;
}

img.sk#fcb 
{
	position: absolute;
	top: 12px;
	left: 12px;
}

img.sk#fcb:hover { top: 10px;}

img#eshopbtn  /* eshop icon */
{
	position:relative;
	top: -20px;
	left: 174px;
}

/* LINKS */
a,
a:link,
a:active {
    text-decoration: none;        
    color: #ddd;
    font-family: Arial, Tahoma;
}
a:visited {
    color: white;
}
a:hover {
    text-decoration: underline;        
    color: white;
}
/* END LINKS */


/* TYPO */
h1 { color: #272727;}

.content 
{
	font-size: 9pt;
	font-style:italic;
	font-family: "Serif", "Times New Roman";
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 30px;
	line-height: 10pt;
}

div.content.sk { position: relative; top: 80px;}
div.content.sk img.flag-sk{ position: absolute; top: 0; left: 0;}
div.content.sk .layer {
	position: absolute; top: 30px; left: 30px; width: 487px; height: 274px;
}
div.content.sk .layer#contact {
	background-image: url(../img/contact1.gif);
	background-repeat: no-repeat;
	padding: 60px;
	font-size: 1.2em;
}
#contact .label {
	font-weight: bold;
}
#contact p {width: 300px;}
#contact a { color: Black; font-style:normal;font-size: 0.8em; text-align: right;}
#contact table {margin-top: 20px;}
#contact tr {height: 20px;}


div.content.sk .nav {position: absolute; top: 315px; left: 430px;}

.content .intro , .maplabel
{
	font-size: 12pt;
	color: #b05242;
	font-weight:bold;
	line-height: 13pt;
}

/*.content .gallery {	border: solid 1px green;}*/
.content .gallery ul { margin-top: 5px;}
.content .gallery ul li {display: inline; margin: 50px 50px}
.content .gallery img.thumb { height: 345px; }

.content p 
{
	margin-top: 5pt;
}

div.map 
{
	position:relative;
	float:right;
	top: -55px;
	height: 1%;
}

.maplabel 
{
	position: relative;
	top: 10px;
	margin-left: 100px;
	font-style:italic;
	font-size: 14pt;
}

.gallerylabel 
{
	position: absolute;
	height: 1%;
	top: 75px;
	left: 640px;
}

.map.show 
{
	/*border: solid 1px green;*/
	position: relative;
	top: -150px;
	left: 300px;
	visibility: hidden;
}

.map.show img 
{
	/* resize */
}