/* vrtec velenje main.css */
*{ margin: 0; padding: 0; border: 0; outline: none;list-style: none; font-family:Tahoma, Verdana}
body{
	text-align:center;
	background: #00566f url(../img/bgr.jpg) repeat-x top left;
}
div, td, tr,input,textarea{
	font-size:12px;
	color:#00566f;
}

a, a:link, a:visited, a:active {
color: #0099FF;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.fl{float:left}
.fr{float:right}
.cb{clear:both}
.h3{font-size:20px;margin-bottom:15px;color:#00566f}
h2 {
color:#F7821E;
font-family:Arial;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding: 0px;
}

h3 {
color:#F7821E;
font-family:Arial;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding: 0px;
}

h4 {
color:#F7821E;
font-family:Arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding: 0px;
border-bottom: 1px solid #F7821E;
}


.h5{font-size:11px;margin-bottom:15px;color:#00566f}
.fs9{font-size:  9px;}
div.date-more,
div.date-more a{
	font-size: 9px;
	width: 100%;
	margin:10px 0 10px 0;
	text-decoration:none
}
h4.mail-list-title{
	margin:0 0 38px 50px;
}
div#head-container{
	width:813px;
	height:248px;
	margin:0 auto
}
div#head-container div#headder-right{
	width:472px;
	height:198px;
	float:right;
	background: url(../catalog/head_image/bgr.jpg) no-repeat top left;
	margin:15px 15px 0 0;
}
div#head-container div#headder-left{
	width:221px;
	height:233px;
	float:left;
	background: url(../img/left_top_image.jpg) no-repeat 0 61px;
	margin:15px 0 0 15px;
}
div.spacer{
	width: 100%;
	height: 66px;
	background: url(../img/bgr_main.jpg) no-repeat center
}
div#main-menu{
	width:813px;
	height: 41px;
	margin:0 auto
}
div#main-menu ul{
	width: 649px;
	height: 41px;
	float:right;
	background: url(../img/top_main_repeator.gif) repeat-x right bottom
}
div#main-menu ul li{
	display:inline
}
div#main-menu ul li a,#main-menu ul li a:link,#main-menu ul li a:active,#main-menu ul li a:visited{
	text-indent: -100000px;
	float:left
}
div#main-menu ul li a.home,#main-menu ul li a.home:link,#main-menu ul li a.home:active,#main-menu ul li a.home:visited,
div#main-menu ul li a.home-active,#main-menu ul li a.home-active:link,#main-menu ul li a.home-active:active,#main-menu ul li a.home-active:visited{
	width: 141px;
	height: 41px;
	background: url(../img/btn_home.gif) no-repeat 0 -41px;
	margin-right: 3px
}
div#main-menu ul li a.home:hover,
div#main-menu ul li a.home-active,#main-menu ul li a.home-active:link,#main-menu ul li a.home-active:active,#main-menu ul li a.home-active:visited{
	background: url(../img/btn_home.gif) no-repeat top left;
}


div#main-menu ul li a.actual,#main-menu ul li a.actual:link,#main-menu ul li a.actual:active,#main-menu ul li a.actual:visited,
div#main-menu ul li a.actual-active,#main-menu ul li a.actual-active:link,#main-menu ul li a.actual-active:active,#main-menu ul li a.actual-active:visited{
	width: 115px;
	height: 41px;
	background: url(../img/btn_actual.gif) no-repeat 0 -41px;
	margin-right: 3px
}
div#main-menu ul li a.actual:hover,
div#main-menu ul li a.actual-active,#main-menu ul li a.actual-active:link,#main-menu ul li a.actual-active:active,#main-menu ul li a.actual-active:visited{
	background: url(../img/btn_actual.gif) no-repeat top left;
}

div#main-menu ul li a.notices,#main-menu ul li a.notices:link,#main-menu ul li a.notices:active,#main-menu ul li a.notices:visited,
div#main-menu ul li a.notices-active,#main-menu ul li a.notices-active:link,#main-menu ul li a.notices-active:active,#main-menu ul li a.notices-active:visited{
	width: 115px;
	height: 41px;
	background: url(../img/btn_notices.gif) no-repeat 0 -41px;
	margin-right: 4px
}
div#main-menu ul li a.notices:hover,
div#main-menu ul li a.notices-active,#main-menu ul li a.notices-active:link,#main-menu ul li a.notices-active:active,#main-menu ul li a.notices-active:visited{
	background: url(../img/btn_notices.gif) no-repeat top left;
}

div#main-menu ul li a.program,#main-menu ul li a.program:link,#main-menu ul li a.program:active,#main-menu ul li a.program:visited,
div#main-menu ul li a.program-active,#main-menu ul li a.program-active:link,#main-menu ul li a.program-active:active,#main-menu ul li a.program-active:visited{
	width: 114px;
	height: 41px;
	background: url(../img/btn_program.gif) no-repeat 0 -41px;
	margin-right: 5px
}
div#main-menu ul li a.program:hover,
div#main-menu ul li a.program-active,#main-menu ul li a.program-active:link,#main-menu ul li a.program-active:active,#main-menu ul li a.program-active:visited{
	background: url(../img/btn_program.gif) no-repeat top left;
}


div#main-menu ul li a.contact,#main-menu ul li a.contact:link,#main-menu ul li a.contact:active,#main-menu ul li a.contact:visited,
div#main-menu ul li a.contact-active,#main-menu ul li a.contact-active:link,#main-menu ul li a.contact-active:active,#main-menu ul li a.contact-active:visited{
	width: 149px;
	height: 41px;
	background: url(../img/btn_contact.gif) no-repeat 0 -41px
}
div#main-menu ul li a.contact:hover,
div#main-menu ul li a.contact-active,#main-menu ul li a.contact-active:link,#main-menu ul li a.contact-active:active,#main-menu ul li a.contact-active:visited{
	background: url(../img/btn_contact.gif) no-repeat top left;
}
div#main-container{
	width:813px;
    min-height:400px;
    height:auto !important;
    height:400px;
	margin:0 auto
}
div#main-container img {
padding: 5px;
border: 0;
margin-right: 3px;
margin-bottom: 3px;
}
div#left-menu{
	width: 164px;
	height: 393px;
	float: left;
	margin-top:4px;
	background: url(../img/bgr_menu.jpg) no-repeat left top;
	text-align:left
}
div#left-menu ul{
	width:151px;
	float:right;
	padding-top: 18px;
}
div#left-menu ul li ul{
	width:131px;
	float:right;
	padding-top: 2px;
}
div#left-menu ul li{
	line-height:23px;
	float:left;
	width:151px;
}
div#left-menu ul li ul li{
	line-height:19px;
	float:left;
	width:120px;
}
div#left-menu ul li.last{
	line-height:14px
}
div#left-menu ul li a,div#left-menu ul li a:link,div#left-menu ul li a:active,div#left-menu ul li a:visited,div#left-menu ul li a:hover{
	color: #d4e3e7;
	text-decoration:none;
	float:left;
	width: 120px;
	padding-left:15px;
	font-family: arial;
	
}
div#left-menu ul li ul li a,div#left-menu ul li ul li a:link,div#left-menu ul li ul li a:active,div#left-menu ul li ul li a:visited,div#left-menu ul li ul li a:hover{
	width: 110px;
}
div#left-menu ul li a:hover,
div#left-menu ul li ul li a:hover,
div#left-menu ul li.active{
	/*padding-left:5px;
	width: 130px*/
	background: url(../img/active.gif) no-repeat 0 47%
	
}

/*div right menu*/
div#right-menu{
	width: 166px;
	height: 365px;
	float: right;
	margin-top:5px;
	background: url(../img/ak_menu.gif) no-repeat left top;
	text-align:left
}
div#right-menu h4{
	font-size:13px;
	padding:10px
}
div#right-menu ul{
	width:151px;
	float:right;
	padding-top: 0px;
}
div#right-menu ul li{
	line-height:24px;
	float:right;
	width:151px;
}
div#right-menu ul li.last{
	line-height:14px
}
div#right-menu ul li a,div#right-menu ul li a:link,div#right-menu ul li a:active,div#right-menu ul li a:visited,div#right-menu ul li a:hover{
	color: #d4e3e7;
	text-decoration:none;
	float:left;
	width: 135px;
	padding-left:15px;
	font-family: arial
}
div#right-menu ul li a:hover,
div#right-menu ul li.active{
	/*padding-left:5px;
	width: 130px*/
	background: url(../img/active.gif) no-repeat 0 47%
	
}
/*div right menu end*/
div#main-container-inner{
	width: 649px;
    min-height:433px;
    height:auto !important;
    height:433px;
	float:right
}
div#main-container div#right-test{
	background: #eef4f5 url(../img/right_repeator.jpg) repeat-y right top;
	width:649px;
	height:auto;
	float:right
}
div#main-container div#left-test{
	background: url(../img/left_repeator.jpg) repeat-y left top;
	width:649px;
	height:auto;
	float:right
}
div#main-container-inner div#container{
	width: 593px;
    min-height:413px;
    height:auto !important;
    height:413px;
	float:left;
	text-align:left;
	padding:10px
}
div#main-container div#background-right{
	width:15px;
    float:right;
    min-height:433px;
    height:auto !important;
    height:433px;
	background: url(../img/right_main.gif) no-repeat left top
}
div#main-container div#background-left{
	width:15px;
    min-height:433px;
    height:auto !important;
    height:433px;
    float:left;
	background: url(../img/left_main.gif) no-repeat left top
}
div#main-bottom-holder{
	width: 813px;
	height: 15px;
	margin: 0 auto;
	background: url(../img/btm_main.gif) no-repeat right top;
}
div#inner{
	float:left;
}
div#footer{	
	width:813px;
	margin:0 auto
}
div#footer img{
	float: right
}
div.short-news,
div.content-summary{
	width: 550px;
	margin: 0 auto;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin-bottom:50px
}
div.short-news a{
	text-decoration:none
}
div.with-menu{
	width:384px;
	float:left
}
div.content-summary{
	margin-bottom:0
}
form#mail-list label,
form#mail-list .input{
	width:95px;
	float:left;
	height:20px
}
form#mail-list .input{
	width:190px;
	border:solid 1px #999 
}
form#mail-list .button{
	background: url(../img/btn_submit.gif) no-repeat left top;
	width: 125px;
	height: 27px;
	margin:11px 0 0 95px
}
/*added css from old*/
form#kontakt {
	float: left;
}
form#kontakt .fl {
	padding: 3px 0;
	float: left;
	width: 400px;
}
form#kontakt label {
	width: 100px;
	display: block;
	float: left;
	font-size: 11px;
	text-align: right;
	padding: 0 10px 0 0;
}
form#kontakt input#ime, form#kontakt input#e_mail, form#kontakt textarea {
	border: 1px solid #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1px 2px;
	width: 200px;
	font-size: 11px;
	font-weight: bold;
}
form#kontakt textarea {
	height: 80px;
	width: 250px;
	font-weight: bold;
}
form#kontakt input#submit {
	border: 1px solid #000;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color: #000;
	padding: 2px 10px;
	cursor: pointer;
	font-size: 11px;
	margin: 0 0 0 110px ! important;
	margin: 0 0 0 113px;
	/* IE CSS Hack */
}
ul.download-list-broshure {
	padding:0 0 0 17px
}
ul.download-list-broshure li {
	color: #d4e3e7;	
	padding:3px 0 0 25px;
	height: 22px;
	display:block;
	background:url(../img/dwl_img.jpg) no-repeat top left;
	margin-bottom:5px
}
ul.download-list-broshure li a{
	text-decoration: none;
	font-size:11px
}
ul.download-list-broshure li a.sel {
	color:black;
}
/*end old css*/
div.div_paging a{
	text-decoration:none
}
ul#povezave li{
	height:20px;
}
ul.square{
	width:400px;
	display:block;
	padding:10px 0 0 20px;
	color: #00566f;
	list-style: square outside
}
ul.square li span{
	color:#000
}

.jedilnik {
	border-bottom:1px dotted orange;
	float:left;
	width:750px;
	margin:10px;
	text-align:left;
}
.jedilnik-left, .jedilnik-mid, .jedilnik-right {
	float:left;
	margin:5px;
}
.jedilnik-left, .jedilnik-mid {
	width:80px;
}
#trenutni-jedilnik {
	float:left;
	padding:10px 0 10px 10px;
	width:560px;	
	border:1px dotted orange;
}

.doc {
background: url(../img/doc.gif) center left no-repeat;
height: 16px;
padding-left: 20px;
padding-bottom: 8px;
padding-top: 8px;
}

div#container a img {
border: 1px solid #FF6600;
margin: 0px 8px 8px 0px;
padding: 2px;
}