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

html, body 
{
	background-color: #FFFFF4;
	font-family: Verdana, Geneva, sans-serif;
	color:#333;
	text-align: center;
	font-size: 12px;
	height: 100%;
	background-image: url(../images/paper.png);
	background-repeat: repeat;
	}
	
/* Preloader*/
body:after {
content:url(../images/pages/nasa_kuca.jpg.jpg) url(../images/pages/nasa_deca.jpg) url(../images/pages/hraniteljstvo.jpg) url(../images/front/logoback.jpg)  url(../images/front/flshback.jpg);
display: none;}	
/*__________*/

a:link {cursor: pointer; text-decoration:none; color: #333;}
a:visited {cursor: pointer; text-decoration:none; color: #666;}
a:active {cursor: pointer; text-decoration:none; color: #900;}
a:hover {cursor: pointer; text-decoration:none; color: #008000;}

.webmaster {list-style-type: none;}
.webmaster a:link {cursor: pointer; text-decoration:underline; color: #000;}
.webmaster a:visited {cursor: pointer; text-decoration:underline; color: #000;}
.webmaster a:active {cursor: pointer; text-decoration:none; color: #900;}
.webmaster a:hover {cursor: pointer; text-decoration:none; color: #008000;}

hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-style: none;
	border-left-style: none;
	width: 90%;
	
}
h1 {
	color: #804040;
	font-size: 20px;
	line-height: 23px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
}

h2 {
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	line-height: 21px;
	color: #090;}
	
h3 {
	padding: 10px;
	margin: 0;
	line-height: 18px;
	color:#333;}
h4 {margin:0;border-top:1px solid #EFEFEF;border-left:1px solid #EFEFEF;color:#0099FF;padding-left:5px;background:#F5F5F5;}

iframe {border: 0px none #FFFFFF;}
img {border:0;}
fieldset {margin-top:7px;border:0;}
legend {font-weight:bold;}
#kontejner
{position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 850px;
	height: auto;
	background-color:#FFF;
	background-image: url(../images/front/kontejner.jpg);
	background-repeat: repeat-y;
	border-left: 2px solid #E9E9D1;
	border-right: 2px solid #E9E9D1;
	border-top: 1px solid #E2E2C2;
	border-bottom: 1px solid #E2E2C2;
	}

#navigacija {
	position: absolute;
	width: auto;
	height: 25px;
	left: 40px;
	top: 207px;
	right: 40px;
	bottom: auto;
	border: 1px solid #B0BCDB;
	background-image: url(../navigacija/piksel.png);
	background-repeat: repeat;
	z-index: 5;
	}
	
#vrh {
	width: 800px;
	height: 237px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	}
	
#sredina {
	position: relative;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	}
	
#dole {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}

#searchbox input {
		color:#06F;
		background-color:#E6E3DF;
		border: 1px solid #CCC;
		font-size: 100%;
	}

/* vrh */

#datum {
	position: relative;
	font-size: 10px;
	line-height: 20px;
	color: #060;
	z-index: 5;
	visibility: visible;
	}
	
#grafika {
	position: relative;
	width: 800px;
	height: 212px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
	z-index: 1;
	}
	
#imglink {
	width: 400px;
	height: 210px;
	margin-top: -9px;
	float: left;
	
}

#flsh {
	background-image: url(../images/front/flshback.jpg);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	position: absolute;
	width: 400px;
	height: 200px;
	padding-top: 10px;
	right: 0px;
	z-index: 1;
}
/*________________*/

/*********************/
/*prethodne aktvnosti*/

.lista {
	position: relative;
	width: 490px;
	height: 210px;
	top: 10px;
	border-top: 3px solid #EFEFEF;
	text-align: left;
	background-image: url(../images/front/leaf.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}


.listaTab {
	position: relative;
	width: 480px;
	height: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #000;
	padding-left: 8px;

}
.listawrap {
	position: absolute;
	width: 457px;
	height: 175px;
	left: 8px;
	padding-left: 15px;
	padding-top: 10px;
	background-image: url(../navigacija/pixel.png);
	background-repeat: repeat;
	border: 1px solid #CCC;
}

.listaTabliste {
	width: 440px;
	height: 165px;
	background-image: url(../navigacija/pixelvesti.png);
	background-repeat: repeat;
	position: relative;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C6FFC6;
	border-right-color: #C6FFC6;
	border-bottom-color: #C6FFC6;
	border-left-color: #C6FFC6;
	}
	
.lista ul 
{
	color: #0000FF;
	width: auto;
	height: 100%;
	overflow: auto;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.lista ul li {
	margin: auto;
	overflow: auto;
	width: auto;
	height: auto;
	line-height: 18px;
	font-variant: small-caps;
}
/*_____________________*/
	/******************/

/* sredina */

#stranica {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	
#naslov {
	width: 100%;
	height: auto;
	}
	
#paragraf {
	width: 100%;
	height: 848px;
	}

#indexlevo {
	position: relative;
	width: 317px;
	height: 830px;
	top: 5px;
	left: 10px;
	float: left;
}

.slajd {
	position: relative;
	width: 305px;
	overflow: hidden;
	height: 190px;
	float: left;
	border: 1px solid #F2F1DC;
	left: 5px;
	}	
            
#informacije {
	position: relative;
	width: 315px;
	height: 325px;
	float: left;
	top: 20px;
	left: 0px;
	overflow: hidden;
	}


#googlead {
	position: relative;
	top: 35px;
	width: 310px;
	height: 255px;
	float: left;
	padding-top: 5px;
	left: 5px;
}

#indexdesno {
	position: relative;
	width: 510px;
	height: 830px;
	float: right;
	top: 5px;
	}
	
#desniwrap {
	position: relative;
	width: 488px;
	left: 10px;
	height: 824px;
	}

.aktivnosti {
	position: relative;
	font-size: 16px;
	color: #0000FF;
	width: 488px;
}
	
.titl {
	position: relative;
	top: 0px;
	width: 488px;
	height: auto;
}

.dogadjaj {
	font-family:Arial;
	position: relative;
	top: 5px;
	width: 476px;
	height: 553px;
	text-align: left;
	overflow: auto;
	padding-left: 3px;
	padding-right: 5px;
	font-size: 15px;
	line-height: 20px;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	color: #333333;
}

.subDivide {border-bottom:1px solid #CCC;padding-bottom:5px;}
/*__________________*/


/***********************/
/* dole */

#skupina {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}

.greensky { position: relative; text-align: left; width: 786px; left:14px; 
}

#baneri {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
	
#master {
	width: 100%;
	background-color: #F7F7EE;
	height: 50px;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F2F1DC;
}

.copyright {
	width: auto;
	height: auto;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 13px;}
/*____________________*/

/*_______________*/

.whitetext {
	position: absolute;
	visibility: hidden;
	display: none;
	z-index: -1;}

.whiteu {background: #FFF;}

/*pages*/

.green {text-decoration:none; color: #666666; font-weight: normal;}
.green a:link {text-decoration:none; color: #666666; font-weight: normal;}
.green a:hover {text-decoration:none; color: #060; font-weight: normal;}
.green a:active {text-decoration:none; color: #666666; font-weight: normal;}
.green a:visited {text-decoration:none; color: #666666; font-weight: normal;}

.red {text-decoration:none; color: #666666; font-weight: normal;}
.red a:link {text-decoration:none; color: #666666; font-weight: normal;}
.red a:hover {text-decoration:none; color: #FF0000; font-weight: normal;}
.red a:active {text-decoration:none; color: #666666; font-weight: normal;}
.red a:visited {text-decoration:none; color: #666666; font-weight: normal;}

#dinamika 
	{
	width: 800px;
	height: 100%;
	margin-left: 20px;
	margin-right: 20px;
	}
	
#tabela 
	{
	text-align: center;
	width: auto;
	border: 1px solid #E1F4F4;
	font-size: 10px;
	}
	
.levi 
	{
	position: relative;
	width: 260px;
	float: left;
	top: 0px;
	text-align: left;
	}
	
.desni 
	{
	position: relative;
	width: 510px;
	float: right;
	top: 0px;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	line-height: 20px;
	color: #000;
	}
	
.donji 
	{
	width: 800px;
	text-align: left;
	line-height: 20px;
	color: #666;}