@charset "utf-8";



body {

	margin: 0;

	padding: 0;

	width: 100%;

	/*background: #1f3d63 url(images/main_bg.jpg) top center repeat-x;*/

}



html {

	padding: 0;

	margin: 0;

}



a {

	text-decoration: none;

}



h1 {font-family:Arial, Helvetica, sans-serif;}



/* main */

.main {

	padding: 0;

	margin: 0 auto;

	background-image: url(images/main_bg.png);

	background-repeat: repeat-x;

	background-position: left top;

}



/********** header **********/



.blok_header {

	margin: 0;

	padding: 0;

}



.header {

	width: 960px;

	margin: 0 auto;

	padding: 0;

}



/* logo */

.logo {

	width: 312px;

	float: left;

	padding: 0;

	height: 105px;

	margin: 0;

}



/* menu_resize*/

.menu_resize {

	background: #f1f1f1;

	padding: 5px 0;

	margin: 0;

}



.menu_resize_wid {

	font: bold 13px Arial, Helvetica, sans-serif;

	color: #161616;

	width: 960px;

	margin: 0 auto;

	padding: 20px 0;

}



.menu_resize_wid a {

	font: bold 13px Arial, Helvetica, sans-serif;

	color: #161616;

	text-decoration: none;

	padding: 0 10px;

	margin: 0;

	text-decoration: none;

}



.menu_resize_wid a:hover {

	color: #0063a2;

	text-decoration: underline;

}



.menu_resize_wid a.active {

	color: #0063a2;

}



/* menu */

.menu {

	padding: 0;

	margin: 0;

	width: 960px;

	float: left;

}



.menu ul {

	padding: 0;

	margin: 0;

	list-style: none;

	border: 0;

	float: left;

}



.menu ul li {

	float: left;

	margin: 0;

	padding: 0 4px;

	border: 0;

}



.menu ul li a {

	float: left;

	margin: 0;

	padding: 12px 0 13px 0;

	color: #626262;

	font: bold 11px Arial, Helvetica, sans-serif;

	text-decoration: none;

	text-transform: uppercase;

}



.menu ul li a span {

	padding: 12px 10px 13px 5px;

	background: none;

}



.menu ul li a:hover {

	color: #42bee8;

}



.menu ul li a:hover span {

	color: #42bee8;

}



.menu ul li a.active {

	color: #42bee8;

}



.menu ul li a.active span {

	color: #42bee8;

}



/* search */

.search {

	padding: 30px 20px 0 0;

	margin: 0;

	width: 400px;

	float: right;

}



.search form {

	display: block;

	float: right;

	padding: 0;

}



.search span {

	display: block;

	float: left;

	width: 150px;

	padding: 0 5px;

	height: 33px;

	background-image: url(images/search_bg.png);

	background-repeat: no-repeat;

	background-position: left top;

}



.search form .keywords {

	width: 250px;

	line-height: 14px;

	height: 17px;

	float: left;

	background: none;

	border: 0;

	padding: 8px 2px;

	margin: 0;

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #9c9c9c;

}



.search form .button {

	float: left;

	margin: 0;

	padding: 0;

}



/*header_text_bg*/

.header_text_bg {

	margin: 0;

	padding: 0;

}



/*header_text*/

.header_text {

	height: 260px;

	padding: 0;

	width: 960px;

	background-image: url(images/baner.png);

	background-repeat: no-repeat;

	background-position: center top;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	position: relative;

}



.header_text .div .left1 {

	float: left;

	width: 475px;

	margin: 0;

	padding-top: 15px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 15px;

}



.header_text .div .left1 img {

	padding: 0;

	margin-right: 5px;

	margin-bottom: 0;

	margin-left: 5px;

}



.header_text .div .left1 h2 {

	font: normal 36px Arial, Helvetica, sans-serif;

	color: #fff;

	padding: 10px 0 0 0;

	margin: 0;

	border: 0;

}



.header_text p {

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #898989;

	margin: 0;

	line-height: normal;

	/*padding-top: 260px;*/

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

}



.header_text p.uli {

	background: url(images/simple_ul_li.gif) left no-repeat;

	padding: 3px 0 3px 15px;

}



/* header_text2 */

.header_text2 {

	margin: 0 auto;

	padding: 0;

	width: 960px;

	background: url(images/simple_bg2.gif) top no-repeat;

}



.header_text2 h2 {

	font: normal 36px Arial, Helvetica, sans-serif;

	color: #fff;

	margin: 0;

	padding: 30px 0 30px 0px;

}



.clr {

	clear: both;

	padding: 0;

	margin: 0;

}



p.clr {

	clear: both;

	padding: 0;

	margin: 0;

}



.bg {

	clear: both;

	border-bottom: 1px solid #e2e2e2;

	padding: 10px 0 0 0;

	margin: 0 0 10px 0;

	background: none;

	list-style: none;

}



li.bg {

	clear: both;

	border-bottom: 1px solid #e2e2e2;

	padding: 10px 0 0 0;

	margin: 0 0 10px 0;

	background: none;

	list-style: none;

}



.line {

	border-top: 1px solid #d9d9d9;

	padding: 0;

	margin: 10px 0;

	background: none;

	list-style: none;

}



li.line {

	border-top: 1px solid #d9d9d9;

	padding: 0;

	margin: 10px 0;

	background: none;

	list-style: none;

}



/************* header text3 ****************/

.naslov1 {

	padding: 40px 20px 0 20px;

	font-family: Arial;

	font-size: 36px;

	line-height: 1.5em !important;

	letter-spacing: 0;

	color: #464646;

}



.naslov2 {
	padding: 0px 0 0 20px;
	font-family: Arial;
	font-size: 36px;
	font-weight: normal;
	color: #464646;
	line-height:normal;
}



.naslovi3 {

	padding: 40px 0 0 20px;

	font-family: Arial;

	font-size: 18px;

	font-weight: normal;

	color: #8fa75a;

	text-transform: uppercase;

}



.detaljnije {

	position: absolute;

	bottom: 0;

}



/*************center**********/



.center_block .center_bg {

	margin: 0px;

	padding: 0px 5px;

}



.body_resize {

	width: 960px;

	margin: auto;

	padding: 20px 0 0 0;

}



.center_block {

	width: 960px;

	margin: 0 auto;

	padding: 10px 0;

}



.center_block h2 {

	font: bold 24px Arial, Helvetica, sans-serif;

	color: #2e2e2e;

	margin: 0;

	padding: 5px 5px;

}



.center_block h2 span {

	font: italic 12px Arial, Helvetica, sans-serif;

	color: #454545;

}



.center_block img {

	float: left;

	padding: 0;

	margin: 10px;

}



.center_block img.floated {

	float: right;

	padding: 0;

	margin: 0;

}



.center_block p {

	font: normal 12px Arial, Helvetica, sans-serif;

	color: #707070;

	line-height: 1.8em;

	padding: 5px 5px;

	margin: 0;

}



.center_block p span {

	color: #006aaf;

}



.center_block p.data {

	font: bold 14px Arial, Helvetica, sans-serif;

	color: #4580b9;

	padding: 0 5px 10px 5px;

	margin: 0;

}



.center_block p.tema {

	line-height: 1.2em;

	border-bottom: 1px solid #cdcdcd;

	margin-top: 4;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0;

}



.center_block a {

	text-decoration: none;

	color: #bd4176;

	line-height: 1.8em;

	font: bold 11px Arial, Helvetica, sans-serif;

}



.center_right {

	width: 300px;

	float: right;

	margin: 0;

	padding: 0;

}



.center_right .bg {

	clear: both;

	border-bottom: 1px solid #e2e2e2;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	background: none;

	list-style: none;

}



.center_left {

	width: 600px;

	float: left;

	margin: 0;

	padding: 0;

}



.center_left ul {

	list-style: none;

	margin: 0;

	padding: 0 0 0 0;

}



.center_left .circle-list {

	list-style-type:circle;

	padding-left:50px;

}



.center_left li {

	background: url(images/big_ul_li.gif) left no-repeat;

	padding: 5px 20px;

	margin: 0;

	color: #707070;

	line-height: normal;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.center_left .baneri {

	float: none;

}



.center_left .center_bg {

	margin: 0px;

	padding: 0px 5px;

}



.tema {

	margin: 0;

	padding-top: 3;

	padding-right: 0;

	padding-bottom: 4;

	padding-left: 0;

	height: auto;

}



.small_text_bg h3 {

	font: normal 18px Arial, Helvetica, sans-serif;

	color: #2e2e2e;

	margin: 0;

	padding: 5px 5px;

}



.small_text_bg h3 span {

	font: italic 12px Arial, Helvetica, sans-serif;

	color: #454545;

}



.small_text_bg h4 {

	font: normal 16px Arial, Helvetica, sans-serif;

	color: #2e2e2e;

	margin: 0;

	padding: 5px 5px;

}



.facebook {

	margin-left: auto;

	margin-right: auto;

	width: 300px;

	height: 162px;

}



.facebook a {border:0;}

.facebook a img {margin:0;border:0;}



/***************spisak**************/

.small_text_bg li.spisak_head {

	font-weight: bold;

	color: #2E2E2E;

	font: 16px Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 5px;

}



.small_text_bg li.spisak_element {

	color: #707070;

	margin: 0;

	padding: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.4em;

}



.small_text_bg ul.spisak_tema {

	padding: 0 0 0 0;

}



.small_text_bg ul.spisak_saveta {

	padding: 0 0 0 0;

}



.spisak_saveta li.spisak_head {font-style:italic;}

.spisak_saveta li.spisak_head a {font-style:italic; font-size:16px; font-weight:normal;}

.ostali_saveti {text-align:right;}



.small_text_bg ol.spisak_program {

	padding: 0;

}



.small_text_bg li.spisak_element2 {

	position: relative;

	left: 0;

	padding:0;

	text-align: justify;

	font: regular 12px/1.8em Arial, Helvetica, sans-serif;

}



ol.spisak_program {

	padding: 0 0 0 0;

	clear:left;

	list-style-type: none;

}



li.spisak_element2 {

	position: absolute;

	left: -50px;

	width: 600px;

}



/*************footer**********/

.footer {

	padding: 0;

	margin: 0 auto;

	background: #1a1a1a;

	background-image: url(images/footer_bg.jpg);

}



.footer_resize {

	margin: 0 auto;

	padding: 0;

	width: 960px;

}



.footer p {

	font: normal 11px Arial, Helvetica, sans-serif;

	color: #ffffff;

}



.footer a {

	font: normal 11px/1.8em Arial, Helvetica, sans-serif;

	color: #ffffff !important;

	text-decoration: none;

	padding: 5px;

	margin: 0;

}



.footer img {

	margin: 0;

	padding: 0 15px;

	float: right;

}



.footer p.leftt {

	text-align: left;

	width: 650px;

	color: #ffffff;

	margin: 0;

	padding: 35px 0 10px;

	float: left;

}



.footer p.leftt .copyright {padding-left:5px;}



.footer_logo {

	float: right;

	padding: 20px 0 0 0;

}



.footer_links {text-align:center;padding:5px; border-top:dotted 1px white;}



.slika_box {

	float: left;

	width: 150px;

	padding-left: 0px;

}



.slika_box img {

	margin-left: auto;

	margin-right: auto;

	padding-left: 5px;

	padding-top:5px;

	border:0;

	margin:0;

}



.slika_box .baner-flash {padding: 5px 0 0 5px;}



.slika_box p {

	text-align: left;

}



.baneri {

	height: auto;

	height: 162px;

}



/*********paginacija**********/



.paginacija .horizont {

	text-align: center;

	clear: both;

}



ul.horizont a:link,ul.pager a:visited {

	border: 1px solid #C9CCCE;

	color: #000000;

	padding: 6px 12px;

}



a.p_next {

	background: url("images/arrow_right.png") repeat-x scroll 0 0

		transparent;

}



a.p_prev {

	background: url("images/arrow_left.png") repeat-x scroll 0 0 transparent;

}



.paginacija {

	text-align: center;

	clear: both;

	padding: 20px 0 0 160px;

	margin: 0;

	width: 750px;

	float: left;

}



.paginacija ul {

	padding: 0;

	margin: 0;

	list-style: none;

	border: 0;

	float: left;

}



.paginacija ul li {

	float: left;

	margin: 0;

	padding: 0 5px;

	border: 0;

}



li.p_next {

	background-image: url("pictures/arrow_left.png");

}



.norightfloat {

	clear:right;

}



.circle-list {

	list-style-type: circle;

}



.pirobox_image_fl { float: left; margin: 3px 5px 0 5px; border: 1px solid #DDD; padding: 2px; margin-bottom: 10px; background: #fff }

.pirobox_image_fl img {margin:3px;border:0;}

.pirobox_image_fl.upper_corner {margin: 10px 5px 0 5px;}

.pirobox_image_fl.upper_corner_h4 {margin: 7px 5px 0 5px;}



.pirobox_image_fr { float: right; margin: 3px 5px 0 5px; border: 1px solid #DDD; padding: 2px; margin-bottom: 10px; background: #fff }

.pirobox_image_fr img {margin:3px;border:0;}



.recommend_image_fl { float: left; margin: 7px 5px 0 5px; border: 1px solid #DDD; padding: 2px; margin-bottom: 10px; background: #fff }

.recommend_image_fl img {margin:3px;border:0;}



a.normal {color: #707070; font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 1.4em; font-weight:normal;}

a.normal:hover {color: #BD4176; font-weight:bold;}



.block-in-the-middle {float:left; display:block; width:145px;text-align:center;}



.logo-as-title-r {text-align:right; margin-bottom:10px;}

.logo-as-title-r img{float:none;}



.logo-as-title-c {text-align:center;}

.logo-as-title-c img{float:none;}

.logo-as-title-c.framed {border: 1px solid #DDD;padding: 3px;}
.logo-as-title-c.framed img {margin:0;}

img.video-icon{margin: 0 10px 0 0; height: 20px;}