@charset "utf-8";
/* CSS Document */


body {
	font-family:Georgia,serif;
	font-style:italic;
	}
a:link {text-decoration: none; color:black;}
a:visited {text-decoration: none;color:black;}
a:active {text-decoration: none;color:black;}
a:hover {text-decoration: underline;
color:#666;}

.link a:link {text-decoration: none; color:white; font-size:18px}
.link a:visited {text-decoration: none;color:white; font-size:18px}
.link a:active {text-decoration: none;color:white; font-size:18px}
.link a:hover {text-decoration: underline;color:#ccc; font-size:18px}
	
#main {
	
   height:630px;
   width:944px;
   display:block;
   position:absolute;
   left: 50%;
   top: 50%; 
   margin-left: -472px;
   margin-top: -315px;
  
}
	 
#container {	
	height:560px;
	width:944px;
	display:block;
	position:absolute;
	bottom:30px;
	background-image:url('background.jpg');
	overflow:auto;
}
#title {
	margin-top:-8px;
	font-size:35px;
	width:252px;
	float:left;
}
#subtitle {
	float:left;
	margin-top:5px;
	margin-left:5px;
	font-size:21px;
	color:#666;
}
#text-right {
	font-size: 14px;
	position: absolute;
	width: 642px;
	position: absolute;
	overflow: auto;
	left: 80px;
	top: 40px;
	height: AUTO;
}	
#back {
	font-size:21px;
	position:absolute;
	bottom:0px;
	width: 944px;
	text-align:right;
	}

.yo a { 
	display: block; 
	width:400px; 
	height: 250px; 
	background: transparent url(alce.png) no-repeat; 
}

.yo a:hover { 
	background-position: 0 -10px ; 
}

#alce {
	position:absolute;
	width:392px;
	height:271px;
	left: 0px;
	top: 13px;
}
#alcem {
	display: none;
}


#kaj {
	position:absolute;
	width:286px;
	height:233px;
	left: 339px;
	top: 175px;
}
#kajm {
	display: none;
}


#polne {
	position:absolute;
	width:208px;
	height:257px;
	left: 676px;
	top: 34px;
}
#polnem {
	display: none;
}

#trad {
	position:absolute;
	width:188px;
	height:136px;
	left: 68px;
	top: 375px;
}
#tradm {
	display: none;
}


#blog {
	position:absolute;
	width:159px;
	height:157px;
	left: 701px;
	top: 352px;
}
#blogm {
	display: none;
}


#eng {
	display: block;
	position:absolute;
	top:606px;
	left: -2px;
	width: 70px;
}

/* CLOCK --------------------------------------------------------------- */

#clockHolder
{
	width:100px;
	margin:27px auto 0px auto;
	position:relative;
	top:0px;
	left:0px;
}

#sec
{
	width:100px;
	height:100px;
	display:block;
	position:absolute;
}
#min
{
	width:100px;
	height:100px;
	display:block;
	position:absolute;
}
#hour
{
	width:100px;
	height:100px;
	display:block;
	position:absolute;
}

.rotatingWrapper
{
	position:absolute;
	width:100px;
	height:100px;
	top:0px;
	left:0px;
}



/* -------------------------------------- */

#back {
	font-size:21px;
	position:absolute;
	bottom:0px;
	width: 944px;
	text-align:right;
	}



.yo a:hover { 
	background-position: 0 -10px ; 
}


a img{border:none;}

ul {
	padding:0;
	margin:0;
}

ul.thumbnails{
	position:relative;
	text-align:center;
	clear: both;
	list-style: none;
	display:inline-block;
}
ul.thumbnails li{
    margin:6px;
	float:left;
}
ul.thumbnails a{
    text-decoration:none;
}

ul.thumbnails a:hover{opacity: 0.5;}

ul.thumbnails IMG{
	-moz-border-radius: 15px;
	border-radius: 15px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.57);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.57);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.57);
}