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

/*#sencaLevo,#sencaDesno {behavior: url(http://lr.frserver.com/image/iepngfix.htc);}
*/
* {
	margin:0;
	padding:0;
}

html, body {
	/*height: 100%;*/
}

html{
scrollbar-arrow-color:#000000;
	scrollbar-base-color:white;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
}

a {
  color:#f36e23;
}

#gallery {
visibility:visible;
height:385px;
position:relative;
top: -50px;
margin: 0 auto;
}

#predvajalnik {
position:relative;
top: -20px;
display:block;
}

#vsebina {
position:relative;
display:block;
top: -70px;
margin: 0 auto;
left: 370px;
width:220px;
text-align:left;


color:#FFFFFF;
font-family: 'Trebuchet MS', trebuchet, sans-serif;
font-size:12px;
}
#vsebinaNaslov {
color:#f36f21;
font-weight:bold;
}

#mainContainer {
	position: relative;
	margin:0 auto;
	min-height: 100%;
	height: 100%!important;
	height: 100%; /* IE */
	/*background:url(../img/ozadjeOstalo.gif) repeat-y 50% 0;
	background-position:bottom;*/
	width: 100%/*955px*/;
	text-align:left;
}

body {
	background:#3a3a3c; /*url(../image/ozadje.gif) repeat-x 0 0;*/
	background-position:top left;
	/*
	//background-color:#0064b1;*/
	text-align:center; /* ie5 */
}

#opis
{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#0072bc;
	position: relative;
	float: right;
	top: 2px;
	right: 24px;
}

#leviContainer
{
	/*background-image:url(../image/logo.gif);
	background-repeat:no-repeat;
	background-position:top center;*/
	position:relative;
	width: 253px;
	top: 65px;
	min-height: 500px;
	float: left;
	padding-bottom: 180px;
}


#menuLevoForm
{
	width: 253px;
	height: 63px;
	top: 5px;
	background-image: url(../image/menuLevoForm.gif);
	background-repeat: no-repeat;
	position:relative;
	float: left;
	
}

#searchBar
{
	position:relative;
	float: left;
	left: 30px;
	top: 20px;
	
}

.forma
{
	background-image:url(../image/searchForm.gif);
	background-repeat:repeat-x;
	width:146px;
	height:17px;
	border:2px solid #cccccc;
	position: relative;
	float: left;
	margin-right: 5px;
	background-position: top left;
}

.btnNajdi
{
	position: relative;
	float: left;
	top: 3px;
}

#menuLevo
{
	position: relative;
	float: left;
	width: 253px;
	top: 7px;
	
}

#menuLevo2
{
	position: relative;
	float: left;
	width: 253px;
	top: 10px;
	
}

#menuLevoTop
{
	background-image: url(../image/menuLevoTop.gif);
	width: 253px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	float: left;
}
#menuLevoMiddle
{
	background-image: url(../image/menuLevoMiddle.gif);
	width: 253px;
	background-repeat: repeat-y;
	height: 380px;
	float: left;
	position: relative;
}
#menuLevoBottom
{
	background-image: url(../image/menuLevoBottom.gif);
	width: 253px;
	height: 9px;
	background-repeat: no-repeat;
	position: relative;
	float: left;
}

#noviceContent
{
	position: relative;
	float: left;
	left: 15px;
	width: 225px;
	height: 361px;
	overflow:auto;
	text-align: left;
	text-align:justify;
	padding-right:6px;
}

#menuLevoTop2
{
	background-image: url(../image/menuLevoTop.gif);
	width: 253px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	float: left;
}
#menuLevoMiddle2
{
	background-image: url(../image/menuLevoMiddle.gif);
	width: 253px;
	background-repeat: repeat-y;
	height: 250px;
	float: left;
	position: relative;
}
#menuLevoBottom2
{
	background-image: url(../image/menuLevoBottom.gif);
	width: 253px;
	height: 9px;
	background-repeat: no-repeat;
	z-index: 100;
	position: relative;
	float: left;
	clear: both;
}

#aktualnoContent
{
	position: relative;
	float: left;
	left: 15px;
	width: 225px;
	overflow:auto;
	height: 210px;
	text-align: left;
	padding-right:6px;
}


#contentContainer
{
	width: 100%;
	
	height: 650px;
	position: relative;
	float: left;
	/*background-image:url(../image/ozadjeMainTop.gif);
	background-repeat:no-repeat;
	background-position:top left;*/
	top: 45px;
	left: 0px;
	/*padding-bottom:30px;*/
	/*border:1px solid #cccccc;*/
	
	
	
}

/*#banner
{
	position: relative;
	float: left;
	width: 627px;
	height: 121px;
	top: 12px;
	left: 35px;
	
}*/

#menuBar
{
	position: relative;
	/*float: center;
	left: 0px;*/
	top: 12px;
	height: 29px;
	text-align: center;
	background-image: url(../image/menubar.jpg);

}

#menuBar ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	top: 12px;
	width: 760px;
}

#menuBar ul li{
	float:left;
	position:relative;
	padding-top: 4px;
	width: 126px;
	height: 23px;
	text-align: center;
	text-align: left;
}

#menuBar a:hover, #selected
{
	background-color: #3A3A3C;
	color: #f36f21;
}

#menuBar a{
	display:block;
	height:23px;
	margin-top:-4px;
	overflow:hidden;
	padding-top:7px;
	text-align:center;
	width:126px;
}

#tipka
{
	height: 20px;
	position: relative;
	float: left;
	padding-top: 10px;
	width: 126px;
	text-align: center;
  text-align: center;
  margin: 0 auto;
}
/*
#tipka1:hover
{
	background-image: url(../image/blue_over.png);
	text-decoration:none;
}

#tipka2
{
	padding-top: 10px;
	width: 126px;
	height: 23px;
	background-image: url(../image/red.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	text-align: center;
}

#tipka2:hover
{
	background-image: url(../image/red_over.png);
	text-decoration:none;
}

#tipka3
{
	padding-top: 10px;
	width: 125px;
	height: 23px;
	background-image: url(../image/orange.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	text-align: center;
}

#tipka3:hover
{
	background-image: url(../image/orange_over.png);
	text-decoration:none;
}

#tipka4
{
	padding-top: 10px;
	width: 125px;
	height: 23px;
	background-image: url(../image/pink.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	text-align: center;
}

#tipka4:hover
{
	background-image: url(../image/pink_over.png);
	text-decoration:none;
}

#tipka5
{
	padding-top: 10px;
	width: 125px;
	height: 23px;
	background-image: url(../image/green.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	text-align: center;
}

#tipka5:hover
{
	background-image: url(../image/green_over.png);
	text-decoration:none;
}
*/
#podmenu
{
	position: relative;
	float: left;
	width: 627px;
	height: 24px;
	padding-top:1px;
	
}

#content
{
	/*width:627px;*/
	left:0px;
	/*height:600px;*/
	/*overflow:auto;*/
	z-index:0;
	top:15px;
	/*border:1px solid #00CC66;*/
	padding-right:7px;
	padding-top: 20px;
	text-align: center;
    font-family: 'Trebuchet MS', trebuchet, sans-serif;
    font-size:13px;
	color:#FFFFFF;
	height: 700px;
	max-height:720px;
}

#contact {
width:500px;
height:300px;
position: relative;
margin: 0 auto;
}

#noga
{
	/*position: absolute;
	float: right;
	width: 655px;
	height: 44px;
	padding-top: 14px;*/
    position:absolute;
	width:100%;
	
	z-index:0;
    /*top:778px;*/
    color: #f36e23;
    text-align: center;
   	
    height:30px;
    font-family: 'Trebuchet MS', trebuchet, sans-serif;
	font-size:12px;
	top:850px;
}

.mainStyle
{
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.mainStyle a
{
	text-decoration:none;
	color:#000000;
}

.mainStyle a:hover
{
	text-decoration:underline;
	color:#000000;
}

.mainStyle a:active
{
	text-decoration:underline;
	color:#000000;
}

.mainStyle a:visited
{
	text-decoration:none;
	color:#000000;
}

.dokument
{
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #0072bc;
}

.dokument a
{
	text-decoration:none;
	color:#0072bc;
}

.dokument a:hover
{
	text-decoration:underline;
	color: #0072bc;
}

.dokument a:active
{
	text-decoration:underline;
	color:#0072bc;
}

.dokument a:visited
{
	text-decoration:none;
	color:#0072bc;
}


.naslovStyle
{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#0072bc;
	
}

.naslovStyle a
{
	text-decoration:none;
	color:#0072bc;
}

.naslovStyle a:hover
{
	text-decoration:underline;
	color:#0072bc;
}

.naslovStyle a:active
{
	text-decoration:underline;
	color:#0072bc;
}

.vec
{
	color:#0072bc;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;

}

.vec a
{
	color:#0072bc;
	text-decoration:none;
}

.vec a:hover
{
	color:#0072bc;
	text-decoration:underline;
}

.vec a:active
{
	color:#0072bc;
	text-decoration:underline;
}

.vec a:visited
{
	color:#0072bc;
	text-decoration:none;
}

.button
{
	color: white;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}


.logo
{
	margin-top:-30px;
	position: absolute;
}

.foto
{
	border-bottom: 2px solid #0072bc;
	border-top: 2px solid #0072bc;
	border-left: 2px solid #0072bc;
	border-right: 2px solid #0072bc;
	margin-bottom:10px;
	margin-left:10px;
}