@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-family: arial;
	font-size: 12px;
	color: #4d6065;
	}

body table {
	margin: 0;
	font-family: arial;
	font-size: 12px;
	color: #4d6065;
	}
	
#r1 {
	width: 100%;
	height: 92px;
	background-color: #7db2c9;
	}
	
#r1-in {
	height: 92px;
	width: 956px;
	}
	
.icons-i {
	width: 34px;;
	height: 29px;
	float: left;
	margin-left: 9px;
	margin-top: 27px;
	font-family: tahoma;
	font-size: 10px;
	color: #def9ff;
	text-decoration: none;
	}
	
.icons-i a{
	border: 0px;
	width: 34px;;
	height: 29px;
	float: left;
	font-family: tahoma;
	font-size: 10px;
	color: #def9ff;
	text-decoration: none;
	}
	
.icons-i a:hover{
	border: 0px;
	width: 34px;;
	height: 29px;
	float: left;
	font-family: tahoma;
	font-size: 10px;
	color: #def9ff;
	text-decoration: underline;
	}

.cont-txt {
	font-family: tahoma;
	font-size: 12px;
	color: #3088a6;
	}
	
.i-sep {
	border: 0px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	font-family: tahoma;
	font-size: 10px;
	color: #def9ff;
	text-decoration: underline;
	}
	
#logo {
	float: left;
	}
	
#rau-logo {
	float: left;
	margin-left: 30px;
	}
	
#sitesearch {
	width: 391px;
	height: 72px;
	float: right;
	margin-top: 20px;
	background-image: url(../Dizajn/sitesearch-back.png);
	background-repeat: no-repeat;
	}
	
#menu-back {
	width: 100%;
	height: 41px;
	background-image:url(../Dizajn/menu-back.png);
	background-repeat: repeat-x;
	overflow: hidden;
	}
	
#menu {
	width: 956px;
	height: 41px;
	}
	
#r2 {
	width: 100%;
	min-height: 384px;
	height: auto;
	overflow-x: hidden;
	background-image: url(../Dizajn/r2-back.png);
	background-repeat: repeat-x;
	}
	
#r2-in {
	width: 956px;
	min-height: 500px;
	height: auto;
	overflow-x: hidden;
	background-image: url(../Dizajn/r2-in-back.png);
	background-repeat: repeat-y;
	}
	
#left {
	width: 210px;
	overflow: hidden;
	height: auto;
	float: left;
	margin-left: 8px;
	margin-top: 20px; 
	}
	
#center {
	text-align: left;
	width: 510px;
	overflow: hidden;
	height: auto;
	float: left;
	margin-left: 5px;
	margin-top: 20px;
        line-height: 16px; 
	}
	
#right {
	width: 210px;
	overflow: hidden;
	height: auto;
	float: left;
	margin-left: 5px;
	margin-top: 20px; 
	}
	
.cont-top {
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	width: 185px;
	height: 29px;
	background-image: url(../Dizajn/con-top-back.png);
	background-repeat: no-repeat;
}

.cont-middle {
	width: 200px;
	height: auto;
	text-align: left;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(../Dizajn/con-middle-back.png);
	background-repeat: no-repeat;
	background-color: #cee3e8;
}

.cont-bottom {
	width: 210px;
	height: 9px;
	background-image: url(../Dizajn/con-bottom-back.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.cont1-top {
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	width: 185px;
	height: 29px;
	background-image: url(../Dizajn/con1-top-back.png);
	background-repeat: no-repeat;
}

.cont1-middle {
	width: 200px;
	min-height: 121px;
	height: auto;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(../Dizajn/con1-middle-back.png);
	background-repeat: repeat-y;
}

.cont1-bottom {
	width: 210px;
	height: 9px;
	background-image: url(../Dizajn/con1-bottom-back.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
	
#footer {
	width: 956px;
	height: 60px;
	background-image: url(../Dizajn/footer-back.png);
	background-repeat: no-repeat;
	}
	
.footer-txt {
	text-align: right;
	float: right;
	line-height: 21px;
	margin-top: 7px;
	margin-right: 7px;
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	}
	
.footer-txt a{
	line-height: 21px;
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	}
	
.footer-txt a:hover{
	color: #ffffff;
	text-decoration: none;
	}
	
.footer-g-txt {
	color: #9bb0b7;
	}
	
.footer-g-txt a{
	text-decoration: none;
	color: #9bb0b7;
	}

.footer-g-txt a:hover{
	text-decoration: none;
	color: #9bb0b7;
	}


/* novice */

#novice-top{
padding-top: 7px;
padding-left: 7px;
width: 503px;
height: 27px;
background-image: url(../Dizajn/news-back-title.png);
	background-repeat: no-repeat;
}

#novice-middle{
padding-top: 7px;
padding-left: 7px;
width: 503px;
height: auto;
overflow: hidden;
background-image: url(../Dizajn/news-back-middle.png);
	background-repeat: repeat-y;
}

#novice-bottom{
width: 510px;
height: 7px;
background-image: url(../Dizajn/news-back-bottom.png);
	background-repeat: no-repeat;
}

#kontakt-top{
padding-top: 7px;
padding-left: 7px;
width: 503px;
height: 27px;
background-image: url(../Dizajn/kontakt-back-title.png);
	background-repeat: no-repeat;
}

#kontakt-middle{
padding-top: 7px;
padding-left: 7px;
width: 503px;
height: auto;
overflow: hidden;
background-image: url(../Dizajn/kontakt-back-middle.png);
	background-repeat: repeat-y;
}

#kontakt-bottom{
width: 510px;
height: 7px;
background-image: url(../Dizajn/kontakt-back-bottom.png);
	background-repeat: no-repeat;
}

.bd {
color: #808080;
font-size: 12px;
}

/* stil tabele */

.table-header{
background-image: url(../dizajn/podlaga_naslov.png);
background-repeat: no-repeat;
height: 34px;
padding-left: 8px;
}
.table-body{
background-image: url(../dizajn/podlaga_body.png);
background-repeat: repeat-y;
padding: 8px;
}
.table-bottom{
background-image: url(../dizajn/podlaga_bottom.png);
background-repeat: no-repeat;
}
