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

html { background: #FFFFFF; text-align: center; }

body { 
	text-align: left; 
	font: 11px/15px Verdana, sans-serif;
	color: #333333;
	padding: 0;
	margin: 0;
	overflow:-moz-scrollbars-vertical;
}

.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: 0; }
img { border: none; }

div, h1, h2, h3, p, img, ul, form, fieldset { margin: 0; padding: 0; }

.tac{text-align:center;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.in10{padding-top:10px;}
.in15{padding-top:15px;}
.in20{padding-top:20px;}
.in25{padding-top:25px;}
.in30{padding-top:30px;}
.in35{padding-top:35px;}
.in40{padding-top:40px;}
.in45{padding-top:45px;}
.in50{padding-top:50px;}

.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pr20{padding-right:20px;}

.blue { color: #22529E; }
.cyan { color: #00A4E8; }
.gray { color: gray; }

h1 {
	font: normal 22px/30px Verdana, sans-serif;
	color: #a2a3a3;
	padding-bottom: 7px;
}

h2 {
	font: normal 16px/30px Verdana, sans-serif;
	color: #a2a3a3;
	padding-bottom: 7px;
}

.otok h3 {
	font: bold 12px/17px Verdana, sans-serif;
	color: #333333;
	padding-bottom: 3px;
}

.otok h3 a {
	color: #333333;
	text-decoration: underline;
}

p {
	padding-bottom: 10px;
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

#header {
	width: 960px;
	text-align:center;
	color: #22529E;
	margin: 0;
	padding: 0 0 0 0;
}

#header a {
	color: #22529E;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}

#footer {
	position:fixed;
	bottom:0;
	width: 100%;
	height:28px;
	padding: 10px 0 0 0;
	background: #22529E;
	border-top: 5px solid #00A4E8;
	overflow: hidden;
	color: #ffffff;
	text-align:center;
	z-index:100;
}

#footer a {
	color: #ffffff;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}
#languages {
	float: left;
	width: 400px;
	padding: 8px 0 0 0;
	text-align: left;
}

#naslov {
	padding: 0 0 5px 0;
}

#naslov a {
	text-decoration: underline;
}
#naslov a:hover {
	text-decoration: none;
}

#login {
	float: right;
	width: 400px;
	padding: 8px 0 0 0;
	text-align: right;
}

#signature {
	float: left;
	width: 160px;
	height: 90px;
}

.wrap {
	background: #fff;
}

.col {
	float: left;
	width: 184px;
	background: #fff;
	margin-right: 10px;
}

.col_3w {
	float: left;
	width: 572px;
	background: #fff;
	margin-right: 10px;
}

.content {
	padding: 0 0 10px 0;
	font: 12px/19px Verdana, sans-serif;
}

.content ul{
	margin-left: 15px;
}

.login {
	padding: 0 0 10px 0;
}

.login .polje {
	width: 290px;
	margin: 0 auto;
}

.login label {
	display: block;
}


.login input.txtbox {
	width: 180px;
}

.last {
	margin-right: 0;
}

#menu {
	width: 960px;
	height: 31px;
}

#menu ul { 
	width: 960px;
	height: 31px;
}

#menu ul li {
	float: left;
	list-style: none;
	width: 160px;
	height: 31px;
	background: url(../images/menu_02.png) top left;
	text-align: center;
}

#menu ul li.first {
	background: url(../images/menu_01.png);
}

#menu ul li.last {
	background: url(../images/menu_06.png);
}

#menu ul li:hover {
	background: url(../images/menu_o_02.png) top left;
}

#menu ul li.first:hover {
	background: url(../images/menu_o_01.png);
}

#menu ul li.last:hover {
	background: url(../images/menu_o_06.png);
}

#menu ul li.selected a {
	color: #ffffff;
	background: url(../images/menu_o_02.png) top left;
}

#menu ul li.selected_first a {
	color: #ffffff;
	background: url(../images/menu_o_01.png);
}

#menu ul li.selected_last a {
	color: #ffffff;
	background: url(../images/menu_o_06.png);
}


#menu ul li a {
	display: block;
	width: 160px;
	height: 25px;
	text-decoration: none;
	color: #333333;
	padding: 6px 0 0 0;
	font: bold 12px/15px Verdana, sans-serif;
}

#menu ul li a:hover {
	color: #ffffff;
}



/* *************** */


#menu_drugi {
	width: 960px;
	height: 31px;
}

#menu_drugi ul { 
	width: 960px;
	height: 31px;
}

#menu_drugi ul li {
	float: left;
	list-style: none;
	/*width: 160px; 14_01_2009*/
	height: 31px;
	background: url(../images/menu_drugi_02.png) top left;
	text-align: center;
}

#menu_drugi ul li.first {
	background: url(../images/menu_drugi_6_01.png);
}

#menu_drugi ul li.last {
	background: url(../images/menu_drugi_6_06.png);
}

#menu_drugi ul li:hover {
	background: url(../images/menu_drugi_o_02.png) top left;
}

#menu_drugi ul li.first:hover {
	background: url(../images/menu_drugi_6_o_01.png);
}

#menu_drugi ul li.last:hover {
	background: url(../images/menu_drugi_6_o_06.png);
}

#menu_drugi ul li.selected_ a {
	color: #ffffff;
	background: url(../images/menu_drugi_o_02.png) top left;
}

#menu_drugi ul li.selected_first a {
	color: #ffffff;
	background: url(../images/menu_drugi_6_o_01.png);
}

#menu_drugi ul li.selected_last a {
	color: #ffffff;
	background: url(../images/menu_drugi_6_o_06.png);
}


#menu_drugi ul li a {
	display: block;
	width: 160px;
	height: 25px;
	text-decoration: none;
	color: #000000;
	padding: 6px 0 0 0;
	font: bold 12px/15px Verdana, sans-serif;
}

#menu_drugi ul li a:hover {
	color: #ffffff;
}


/* **************** */


#menu_tretji {
	width: 960px;
	height: 31px;
}

#menu_tretji ul { 
	width: 960px;
	height: 31px;
}

#menu_tretji ul li {
	float: left;
	list-style: none;
	/*width: 137px;  14_01_2009*/
	height: 31px;
	background: url(../images/menu_drugi_02.png) top left;
	text-align: center;
}

#menu_tretji ul li.first {
	background: url(../images/menu_drugi_01.png);
}

#menu_tretji ul li.last {
	background: url(../images/menu_drugi_06.png) top right;
}

#menu_tretji ul li:hover {
	background: url(../images/menu_drugi_o_02.png) top left;
}

#menu_tretji ul li.first:hover {
	background: url(../images/menu_drugi_o_01.png);
}

#menu_tretji ul li.last:hover {
	background: url(../images/menu_drugi_o_06.png) top right;
}

#menu_tretji ul li.selected_ a {
	color: #ffffff;
	background: url(../images/menu_drugi_o_02.png) top left;
}

#menu_tretji ul li.selected_first a {
	color: #ffffff;
	background: url(../images/menu_drugi_o_01.png);
}

#menu_tretji ul li.selected_last a {
	color: #ffffff;
	background: url(../images/menu_drugi_o_06.png) top right;
}


#menu_tretji ul li a {
	display: block;
	width: 137px;
	height: 25px;
	text-decoration: none;
	color: #000000;
	padding: 6px 0 0 0;
	font: bold 12px/15px Verdana, sans-serif;
}

#menu_tretji ul li.last a {
	width: 138px !important;
}

#menu_tretji ul li a:hover {
	color: #ffffff;
}



/* *************** */


#menu_pet {
	width: 960px;
	height: 31px;
}

#menu_pet ul { 
	width: 960px;
	height: 31px;
}

#menu_pet ul li {
	float: left;
	list-style: none;
	/*width: 160px;*/
	height: 31px;
	background: url(../images/menu_drugi_02.png) top left;
	text-align: center;
}

#menu_pet ul li.first {
	background: url(../images/menu_drugi_01.png);
}

#menu_pet ul li.last {
	background: url(../images/menu_drugi_06.png) top right;
}

#menu_pet ul li:hover {
	background: url(../images/menu_drugi_o_02.png) top left;
}

#menu_pet ul li.first:hover {
	background: url(../images/menu_drugi_o_01.png);
}

#menu_pet ul li.last:hover {
	background: url(../images/menu_drugi_o_06.png) top right;
}

#menu_pet ul li.selected_ a {
	color: #ffffff;
	background: url(../images/menu_drugi_o_02.png) top left;
}

#menu_pet ul li.selected_first a {
	color: #ffffff;
	background: url(../images/menu_drugi_o_01.png);
}

#menu_pet ul li.selected_last a {
	color: #ffffff;
	background: url(../images/menu_drugi_o_06.png) top right;
}


#menu_pet ul li a {
	display: block;
	width: 192px;
	height: 25px;
	text-decoration: none;
	color: #000000;
	padding: 6px 0 0 0;
	font: bold 12px/15px Verdana, sans-serif;
}

#menu_pet ul li a:hover {
	color: #ffffff;
}



/* **************** */
.otok_float {
	float:left;
	margin-right: 10px;
}

.otok {
	width: 184px;
	padding: 0 0 5px 0;
}

.otok .otok_head {
	width: 184px;
	color: #000000;
	background: #ebf5ff url(../images/otok_glava_bg.png) top center no-repeat;
	font: bold 11px/15px Verdana, sans-serif;
	text-align: center;
	padding: 11px 0 7px 0;
}
.otok .otok_body {
	border-top: 1px dotted #333333;
	background: #ebf5ff;
	padding: 5px 10px 5px 10px;
	color: #333333;
	font: 12px/16px Verdana, sans-serif;
}
.otok .otok_head_menu {
	width: 164px;
	height: 20px;
	color: #333333;
	background:url(../images/otok_glava_bg.png) top center no-repeat;
	font: bold 11px/15px Verdana, sans-serif;
	text-align: left;
	padding: 13px 10px 0 10px;
}
.otok .otok_head_menu_selected {
	width: 164px;
	height: 20px;
	color: #ffffff;
	background:url(../images/otok_glava_o_bg.png) top center no-repeat;
	font: bold 11px/15px Verdana, sans-serif;
	text-align: left;
	padding: 13px 10px 0 10px;
}
.otok .otok_body_menu {
	border-top: 1px dotted #333333;
	background: #ebf5ff;
	padding: 5px 10px 5px 10px;
	color: #333333;
	font: bold 11px/15px Verdana, sans-serif;
}

.otok .otok_head_menu a, .otok .otok_body_menu a {
	color: #333333;
	text-decoration: none;
}
.otok .otok_head_menu_selected a, .otok .otok_body_menu_selected a {
	color: #ffffff;
	text-decoration: none;
}

.otok .otok_body img {
	border: 1px solid gray;
	margin-top: 5px;
	margin-bottom: 5px;
}
.otok .otok_body img.rss {
	float: left;
	border: none;
	margin: 5px 5px 1px 0;
}

.otok .otok_footer {
	width: 164px;
	height: 11px;
	background:url(../images/otok_footer_bg.png) top center no-repeat;
	font: bold 11px/15px Verdana, sans-serif;
	text-align: right;
	padding: 1px 10px 13px 10px;
	color: #22529E;
}

.otok .otok_footer a {
	color: #22529E;
	text-decoration: none;
}

.otok p.otok_news_date {
	color: #22529E;
	padding: 0 0 2px 0;
}

.otok .more_1 {
	background: #ebf5ff;
	text-align: right;
	padding: 1px 10px 5px 10px;
	font: bold 11px/15px Verdana, sans-serif;
	text-align: right;
	color: #22529E;
}

.otok .more_1 a {
	color: #22529E;
	text-decoration: none;
}





.otok ul {
	width: 184px;
}

.otok ul li {
	list-style: none;
}

.otok ul li a {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 164px;
	padding: 5px 10px;
	background: #c9d9ef;
	font: bold 11px/15px Verdana, sans-serif;
	border-top: 1px dotted #333333;
}

.otok ul li a.first {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 164px;
	height: 20px;
	padding: 13px 10px 0 10px;
	background:url(../images/menu_glava_bg.png) top center no-repeat;
	font: bold 11px/15px Verdana, sans-serif;
	border-top: none;
}
.otok ul li a.last {
	text-decoration: none;
	display: block;
	width: 164px;
	font: bold 11px/15px Verdana, sans-serif;
	border-top: 1px dotted #333333;
	
	
	height: 11px;
	background:url(../images/menu_footer_bg.png) top center no-repeat;
	font: bold 11px/15px Verdana, sans-serif;
	text-align: right;
	padding: 1px 10px 13px 10px;
	color: #22529E;
}

.otok ul li a.firstonclick {
	color: #000000 !important;
	background:url(../images/onclick.png) top center no-repeat !important;
	font: normal 11px/15px Verdana, sans-serif;
}
.otok ul li a.onclick {
	color: #000000;
	background: #FFFFFF;
	font-weight: normal;
}



.otok ul li a:hover, .otok ul li a.selected {
	color: #ffffff;
	background: #22529E;
}
.otok ul li a.first:hover, .otok ul li a.firstselected {
	color: #ffffff;
	background:url(../images/menu_glava_o_bg.png) top center no-repeat;
}
.otok ul li a.last:hover {
	color: #000000;
	background:url(../images/menu_footer_bg.png) top center no-repeat;
}

.otok ul ul li a {
	width: 154px;
	padding: 5px 10px 5px 20px;
	font: normal 11px/15px Verdana, sans-serif;
}

.otok ul ul li a.selected, .otok ul ul li a:hover {
	background: #ebf5ff;
	font: bold 11px/15px Verdana, sans-serif;
	color: #000000;
}

.otok ul ul ul li a {
	width: 144px;
	padding: 5px 10px 5px 30px;
	font: normal 11px/15px Verdana, sans-serif;
}

.otok ul ul ul ul li a {
	width: 134px;
	padding: 5px 10px 5px 40px;
	font: normal 11px/15px Verdana, sans-serif;
}

.otok ul ul ul ul ul li a {
	width: 124px;
	padding: 5px 10px 5px 50px;
	font: normal 11px/15px Verdana, sans-serif;
}

.otok ul ul ul ul ul ul li a {
	width: 114px;
	padding: 5px 10px 5px 60px;
	font: normal 11px/15px Verdana, sans-serif;
}

.otok ul ul ul ul ul ul ul li a {
	width: 104px;
	padding: 5px 10px 5px 70px;
	font: normal 11px/15px Verdana, sans-serif;
}

.otok ul li a.onclick {
	color: #000000;
	background: #FFFFFF;
	font-weight: normal;
}



#login form .search {
	width: 92px;
	height: 13px;
	color: #333333;
}

.otok form select {
	margin: 5px 0 5px 0;
	width: 164px;
}





#breadcrumbs {
	padding: 0 0 1px 0;
	color: #22529E;
}
#breadcrumbs a {
	color: #22529E;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}


.attachments ul {
}

.attachments ul li {
	list-style: none;
}

.attachments ul li a {
	text-decoration: none;
	color: #22529E;
	padding: 3px 0;
	display: block;
}

.links {
	margin-top:5px;
}
.links ul {
}

.links ul li {
	list-style: none;
}

.links ul li a {
	text-decoration: none;
	color: #22529E;
	padding: 3px 0;
	display: block;
}

.distributer {
	border-top: 1px solid gray;
	padding: 10px 0 10px 0;
	color: #22529E;
	text-align: center;
}

.distributer h3 {
	font: bold 12px/17px Verdana, sans-serif;
	color: #333333;
	padding-bottom: 3px;
	text-align: left;
}

.distributer a {
	color: #22529E;
	text-decoration: none;
}
.distributer a:hover {
	color: #22529E;
	text-decoration: underline;
}

.abc {
	text-align: center;
	color: #22529E;
	font: bold 11px/15px Verdana, sans-serif;
	padding: 10px 0;
}

.abc a {
	color: #22529E;
	text-decoration: none;
}
.abc a:hover {
	color: #22529E;
	text-decoration: underline;
}

.news_year_archive {
	color: #22529E;
}
.news_year_archive a {
	color: #22529E;
	text-decoration: none;
}

.news_year_archive a.selected {
	font: bold 11px/15px Verdana, sans-serif;
}

.news {
	border-bottom: 1px solid gray;
	padding: 10px 0;
}

h2.news_h2 {
	font: bold 16px/30px Verdana, sans-serif;
	color: #22529E;
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: 1px solid gray;
}

.news img {
	float: left;
	border: 1px solid silver;
}

.news .item {
	float: right;
	width: 400px;
}

.news .date {
	color: #22529E;
	padding: 0;
}

.news_date {
	color: #22529E;
	padding: 0;
}

.news h3 {
	font: bold 12px/17px Verdana, sans-serif;
	color: #22529E;
}
.news h3 a {
	color: #22529E;
}
.news p.more {
	text-align: right;
}
.news p.more a {
	font: bold 11px/15px Verdana, sans-serif;
	text-align: right;
	padding: 1px 10px 13px 10px;
	color: #22529E;
}

.search_item {
	padding: 5px 0 5px 0;
	border-top: 1px solid gray;
}
p.hits {
	font: bold 11px/15px Verdana, sans-serif;
	color: #22529E;
}

.search_item h3 {
	font: bold 12px/17px Verdana, sans-serif;
	color: #22529E;
	padding-bottom: 3px;
}

.search_item h3 a {
	color: #22529E;
	text-decoration: underline;
}
.search_item h3 a:hover {
	color: #22529E;
	text-decoration: none;
}

.search_item p.more {
	text-align: right;
}
.search_item p.more a {
	font: bold 11px/15px Verdana, sans-serif;
	text-align: right;
	padding: 1px 10px 13px 10px;
	color: #22529E;
}

.search_item a {
	color: #22529E;
	text-decoration: underline;
	font-weight: bold;
}
.search_item a:hover {
	color: #22529E;
	text-decoration: none;
}
.search_list{
	padding: 5px 0 5px 0;
	border-top: 1px solid gray;
}
.search_list a {
	color: #22529E;
	text-decoration: underline;
	font-weight: bold;
}
.search_list a:hover {
	color: #22529E;
	text-decoration: none;
}

.drsnik {
	height:55px;
	padding: 5px 0 0 0;
	background: url(../images/drsnik.png) 0px 5px no-repeat;
}

.drsnik .carusel {
	text-align: center;
}
.drsnik .carusel img {
	border: 1px solid silver;
	width: 110px;
	height: 45px;
	margin: 1px 5px 0 5px;
}

.pripete-links{
	margin-top: 10px;
}

#izpisanePriponke{
	margin-left: 15px;
}