@charset "utf-8";
/* CSS Document */
/* CSS RESET meyerweb.com */
/* v1.0 | 20080212 */
@media screen {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* main navigation */

#nav {
	margin:0;
	list-style:none;
	height:40px;
	padding-top:22px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	float:left;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			
			display:block;
			float:left;
			position:relative;
		
			z-index:500; 
			margin:0 1px;
			
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block;
			line-height:20px; 
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFF;
			padding:10px 20px;
			background:url(images/main_nav_top_lvl_bg.png) top right no-repeat;
		
		}

		#nav li a:hover {
			color:#6CF;
		}
	
		/* you can make a different style for default selected value */
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute;
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			background:url(images/dropdown_bg.png) repeat-x #083d4c;
			float:left;	
			border:#248fae solid 1px;

		}
		
		#nav ul li {
			width:180px;
			float:none;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;
			line-height:18px;
			padding: 8px 5px; 
			color:#666;
			background:url(images/dropdown_li_bg.png) bottom no-repeat;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFF;
			
		}
		
		#nav ul a:hover {
			color:#FF0;
			background:url(images/dropdown_li_bg_hover.png) bottom no-repeat;
		}
		
/*slider*/
#slider_container {
	background-image:url(images/scroller_bg.jpg);
	background-repeat: no-repeat;
	margin-left:35px;
	margin-top:15px;
	padding-left: 10px;
}

#slider, #slider li {
	height: 213px;
	width:530px;
}
#slider_container .right_cont h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0c5d75;
	line-height: 24px;
	padding-top: 30px;
	padding-bottom: 10px;
}
#slider .right_cont .desc {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}
#slider div.right_cont a.learn_more {
	display:block;
	background-image: url(images/saznajte_vise_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -1999px;
	height: 38px;
	width: 290px;
}

#slider div.right_cont a.learn_more:hover{
	background-position:top;
	}


.slider_content{
	height: 213px;
	width: 530px;
	}

.slider_content .left_cont {
	float: left;
	width: 140px;
	background-image: url(images/slider_img_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 140px;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 13px;
	padding-right: 13px;
	padding-bottom: 20px;
	padding-left: 13px;
	
}



.slider_content .right_cont {
	float: right;
	height: 213px;
	width: 320px;
	padding-top: 0px;
	padding-right:0px;
}

#prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
			position:relative;
			top:-125px;
			left:-23px;
			width:29px;
			height:30px;
            overflow:hidden;
            text-indent:-8000px;
            }
			
#nextBtn{
	left:525px;
	top:-160px;
	}
			
#prevBtn a, #nextBtn a{
	 display:block;
		position:relative;
		width:29px;
		height:30px;
		background:url(images/slider_controls.png) no-repeat bottom left;
	
	}
	
#nextBtn a{
	background-position:bottom right;
	}

#prevBtn a:hover{
	background-position:top left;
	}
#nextBtn a:hover{
	background-position:top right;
	}

#controls{
	padding-top:5px;
	
	}

#controls li {
	display:inline;
	
	}
	
#controls li a{
	display:block;
	float:left;
	width:21px;
	height:21px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	background:url(images/slider_num_bg.png) top no-repeat;
	text-align:center;
	text-decoration:none;
	padding-right:2px;
	}
	
	#controls li a:hover{
		background-position:bottom;
		color:#FFF;
		
		}

/* CSS by creativeswitch.net*/

body{
	background:#0c5e76 url(images/main_bg_inside.png) top repeat-x;
	
}


#main_wrap {
	width: 990px;
	margin:0 auto;
	background: url(images/header_bg.jpg) top no-repeat;
}

#main_wrap2 {
	width: 990px;
	margin:0 auto;
	background: url(images/header2_bg.jpg) top no-repeat;
}
#header h1 {
	background-image: url(images/main_title.jpg);
	background-repeat: no-repeat;
	height: 121px;
	width: 464px;
}
#header h1 a {
	text-indent: -1999px;
	display: block;
	height: 121px;
	width: 464px;
}
.clear{
	height:0;
	line-height:0;
	clear:both;
	
	}
.category_tab {
	background-image: url(images/tab_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 168px;
	width: 289px;
	float: left;
	margin: 20px;
}

#category_tabs_vert .category_tab {
	float:none;
	}
#main_wrap2 #category_tabs_vert {
	float: right;
	width: 330px;
}
#main_wrap2 .news_container {
	float: left;
	width: 590px;
	padding: 20px;
	padding-top: 50px;
}



.category_tab .tab_content .tab_img {
	background-color: #FFF;
	padding: 4px;
	height: 86px;
	width: 96px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.category_tab .tab_content .tab_text h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6;
	line-height: 20px;
}
.category_tab .tab_content .tab_text p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
.category_tab .tab_content .tab_text {
	padding: 10px;
	float: right;
	margin-top: 10px;
	width: 140px;
}
.category_tab .tab_content {
	height: 128px;
}
.category_tab a {
	text-indent: -1999px;
	height: 39px;
	width: 286px;
	display: block;
	background-image: url(images/saznajte_vise_tab_bg.png);
	background-repeat: no-repeat;
}

.category_tab a:hover{
	background-position:bottom;
	
	}
#background_index {
	background-image: url(images/main_bg.png);
	background-repeat: repeat-x;
}
#main_wrap2 h1.chapter_name {
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	color: #0E3641;
	padding-left: 20px;
	padding-top: 80px;
}
#main_wrap2 .news_container h2 {
	color: #40BADF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 36px;
}
#main_wrap2 .news_container p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
}
#main_wrap2 .news_container center{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	page-break-after: always;
}
#main_wrap2 .news_container p a {
	color: #6AD5F5;
}
#main_wrap2 .news_container p img {
	float: left;
	padding: 0px;
	border: 6px solid #6CF;
	margin: 10px;
	margin-left:0;
}
#footer {
	background-image: url(images/footer_bg.png);
	height: 56px;
	line-height: 56px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #0B5E76;
	text-align: center;
	font-size: 11px;
}



#main_wrap2 .news_container p a:hover {
	text-decoration:none;
}

#main_wrap2 .news_container p a:visited {
	color:#999;
}
.news_container ul {
	padding:10px;
		list-style:outside url(images/list_dot.png);
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color:#FFF;
}

.news_container ul li{
	padding-bottom:5px;
	
	}
.news_container ol{
	padding:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	list-style: decimal;
}
.news_container ol li{
	padding-bottom:5px;
	
}


.galerija a.zoom, .galerija a.zoom:hover{
	border:0;
	}
.galerija a.zoom img {
	border: 2px solid #6CF;

	margin: 5px;
}

.galerija a.zoom:hover img {
	border: 2px solid #FFF;

	margin:5px;
	text-decoration:none;
}

#main_wrap .home_bottom_text {
	float: left;
	width: 350px;
	padding: 20px;
	background-image: url(images/home_bottom_text_bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#background_index #main_wrap .portrait {
	float: left;
}
#background_index #main_wrap .portrait img {
	border: 3px solid #FFF;
}

#main_wrap .home_bottom_text p {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}
#main_wrap .home_bottom_text h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 27px;
	color: #FF6;
}
#main_wrap2 #category_tabs_vert #izdvojeni {
	width: 312px;
}
#main_wrap2 #category_tabs_vert #izdvojeni .izdvojeni_top {
	background-image: url(images/izdvojeni_top.png);
	background-repeat: no-repeat;
	text-indent: -1999px;
	height: 53px;
}
#main_wrap2 #category_tabs_vert #izdvojeni .izdvojeni_middle {
	background-image: url(images/izdvojeni_middle.png);
	background-repeat: repeat-y;
}
#main_wrap2 #category_tabs_vert #izdvojeni .izdvojeni_bottom {
	background-image: url(images/izdvojeni_bottom.png);
	background-repeat: no-repeat;
	height: 23px;
}
#main_wrap2 #category_tabs_vert #izdvojeni .izdvojeni_middle a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #68D5F4;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(images/izdvojeni_link_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#main_wrap2 #category_tabs_vert #izdvojeni .izdvojeni_middle a:hover{
	background-image:url(images/izdvojeni_link_bg_hover.png);
	color:#FFF;
	}
#background_index #main_wrap .home_bottom_text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6;
	font-weight:bold;
}

#background_index #main_wrap .home_bottom_text a:hover{
	text-decoration:none;
	}
}
@media print {

BODY {color: black; background: white;}
A:link, A:visited {background: white; color: black; text-decoration: underline;
   font-weight: bold;}
H1, H2, H3 {background: white; color: black; padding-bottom: 1px;
   border-bottom: 1px solid gray;}
#header{display: none;}
#nav{display: none;}
#category_tabs_vert{display: none;}
.printaj{display: none;}
}