/* CSS reset */


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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	
}

:focus {
	outline: 0;
}
body {
	line-height: 15px;
	color: #5C5C5C;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* ************************************* Tipografija ******************************************** */


html { font-size:100.01%; }
body {
	font-size: 75%;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-color: #b51213;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; margin: 0;  padding: 0;}

h1 { font-size: 3em; line-height: 1; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height: 1.2;  }
h4 { font-size: 1.2em; line-height: 1.25; }
h5 { font-size: 1em; font-weight: bold;  }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text
-------------------------------------------------------------- */

a:focus, a:hover     { color: #09f; }
a {color: #06c; text-decoration: none; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
.clear		{ clear:both; }


/* Liste
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0;  }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tablice
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }
caption     { background: #eee; }






/* ************************************* Forme ******************************************** */

label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}




/* ************************************* Layout ******************************************** */
.container {
	width:972px;
	margin:0 auto;
}

.header {
	background-image: url(../img/header_trans.png);
	background-repeat: no-repeat;
	width: 972px;
	height: 152px;
	overflow: visible;
	position: relative;
	z-index: 10;
}
.header h1, .header h2, .header strong{
	margin:0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: 900;
	color: #fff;
	text-align: center;
	padding: 8px 0 0 120px;
	display: block;
	line-height: 23px;
	
}
.header h2{
	margin: 5px 0;
}
.header .header_content {
	background-image: url(../img/header_top.png);
	width: 942px;
	background-repeat: no-repeat;
	height: 119px;
	float: left;
	margin: 16px;
}

#nav{
	padding: 0;
	float: right;
	width: 800px;
	margin: 17px 0 0 0;
}
#nav2{	
	padding: 0;
	float: right;
	width: 800px;
	margin: 1px 0 0 0;
	position:relative;
}
#nav li, #nav2 li {
	list-style: none;
	float: left;
	margin: 0 1px;
	position:relative;
}
#nav li img, #nav2 li img {
	position: relative;
	top: 9px;
}

#nav li a {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 108px;
	height: 23px;
	text-align: center;
	float: left;
	position:relative;
}
#nav2 li a, #nav li a {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	width: 108px;
	height: 25px;
	text-align: center;
	float: left;
	position:relative;
}
#nav li a:hover,  #nav li.active, #nav li.active2 {
	background-image: url(../img/menu-hover.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#nav2 li a:hover, #nav2 li.active,  #nav2 li.active2{
	background-image: url(../img/menu-hover2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

div.wrap{
	background-image: url(../img/background.png);
	background-repeat: repeat;
	background-position: left 13px;
	min-height:100%;
	min-width:100%;
	position: relative;
}
div.content {
	background-image: url(../img/content_repeat.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 10px 16px;
}
div.content_top {
	background-image: url(../img/content_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 6px;
}
.slider {
	display: block;
	position: relative;
	float: left;
	width:100%;
	background-color: #fff;
	z-index: 9;
}
.slider .text_about {
	background-image: url(../img/header_hover_txt_bg.png);
	background-repeat: repeat;
	width: 240px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 235px;
	padding: 10px;
	z-index: 10;
}
.wrap .slider .text_about strong.home_strong_title {
	padding: 0 0 15px 0;font-family: Tahoma, Geneva, sans-serif;
	color: #fff;font-size: 18px; font-weight: normal; 
	background: none;
    bottom: 0;
	position: relative;
}
.slider .text_about h2 a {
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	font-size: 18px;
}
.slider .text_about p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
}
.slider .text_about p a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.slider .text_about p a:hover {
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.ui-tabs-nav { padding-top: 5px;}
.slider .slider_navi {
	display: block;
	position: relative;
	background-image: url(../img/header_split_line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 30px;
	float: left;
	width: 100%;
}
.slider_navi .navi_left {
	height: 16px;
	width: 16px;
	position: absolute;
	left: 5px;
	top: 3px;
}
.slider_navi .navi_right {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 3px;
	right: 5px;
}



ul#slide_nav li {
	background-image: url(../img/li-button1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 9px;
	list-style: none;
	margin: 0 0 0 3px;
	padding: 2px;
	width: 10px;
}
ul#slide_nav li:hover { cursor: pointer;}
ul#slide_nav li#button_selected {
		background-image: url(../img/li-button1.jpg);
		background-position: center -12px;
		background-repeat: no-repeat;
}
#portfolio-desc{ display: none;}
.slider_navi ul .active a, .slider_navi ul li a:hover, .slider_navi ul .ui-tabs-selected a{
	background-image: url(../img/li-button1.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	float: left;
}

.slider_navi ul li{ float: left; list-style: none; }
.slider_navi ul li {
	float: left;
	margin-right: 3px;
	background-image: url(../img/li-button1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}
.slider_navi ul {
	width: 172px;
	margin-right: auto;
	margin-left: auto;
}

.col_all {
	background-color: #fff;
	float: left;
   padding: 10px !important;
   width: 920px;
}
.col_all .col_1 {
	width: 379px;
	float: left;
}
.aktualnosti_header {
	background-image: url(../img/novosti_header.png);
	height: 36px;
	width: 379px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.aktualnosti_header h2 {
	color: #fafbfc;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	padding-top: 12px;
	padding-left: 27px;
}
.news_box {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6d7072;
}
.news_box p {
	color: #5c5c5c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding-bottom: 10px;
}
.news_box h3 {
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
}
.news_box h3 a, .news_box h3{ 	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #016998;
	line-height: 20px;
}

.news_box h3 a:hover{ 	
	color: #3491bb;
}
	
.news_txt p img {
	float: left;
	border: 1px solid #b8b9b9;
	padding: 3px;
	margin-right: 8px;
	margin-bottom: 5px;
}

.news_box span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	padding: 1px 4px;
	background-color: #df0503;
}
.news_txt span {
	color:#fff;
	background-image: url(../img/procitaj_vise.png);
	height: 17px;
	width: 84px;
	float: right;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #fff;
}
.news_txt span a{
	color: #FFFFFF;
    display: inline;
    float: left;
    margin: 0;
    position: relative;
    text-align: center;
    top: 1px;
    width: 84px;
}
.news_txt span a:hover{
	color:#a8d4ff;
}
.col_all .col_2 {
	float: left;
	margin-right: 8px;
	margin-left: 9px;
	background-color: #f8f8f4;
	padding: 0 10px 10px 10px;
    width: 258px;
}
.col_all .col_2 h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #404141;
}
.col_all .col_2 .calendar h2{
    background-image:url("../img/archive_bg.png");
    line-height:30px;
	padding-left: 5px;
	text-align: center;
}
.col_all .col_2 .calendar h2 a{color:#fff;}

.col_all .col_2 .calendar {
	display: block;
	padding-bottom: 12px;
}
.col_all .col_2 .photo_gallery {
	display: block;
	padding-bottom: 15px;
}
.col_all .col_2 .galerije {
	display: block;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a3a4a3;
}
.col_all .col_2 .galerije strong {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #016998;
	padding-bottom: 12px;
	display: block;
}




.col_all .col_2 .photo_gallery h2{
	padding-bottom: 15px;
}

.col_all .col_2 .galerije h2{
	padding-bottom: 8px;
}
.col_all .col_2 .galerije img {
	padding: 0 1px 3px 0;
}
.col_all .col_2 .social_network {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.col_all .col_2 .social_network .soc_facebook {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b7b7b6;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.col_all .col_2 .social_network  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #056eac;
	display: block;
	padding-bottom: 4px;
}
.col_all .col_2 .social_network h3 strong {
	font-size: 14px;
	font-weight: 900;
	color: #056eac;
	font-family: Arial, Helvetica, sans-serif;
}


.col_all .col_2 .social_network .soc_facebook a:hover{text-decoration:underline;}


.col_all .col_3 {
	width: 233px;
	float: left;
}
.col_3 ul{ list-style: none; padding:0; margin:0;}
.col_3 ul li input{
	width: 15px; display: inline; float:left;
}

.col_3 ul li { display: block; padding: 10px 0; clear:both; }
.col_3 ul li p{
	position:relative;
	top: 2px;
	width: 205px;
	float: left;
	padding: 0 0 0 5px;
}


.anket_content{ float: left; width: 100%; }

div.content_bottom {
	background-image: url(../img/content_footer.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 7px;
}
.push{
	height: 62px;
	clear: both;
}

.footer {
	background-image: url(../img/footer_01.jpg);
	height: 56px;
	margin-top: 4px;
	position:absolute;
	bottom: 0px;
	width: 100%;
	background-color: #4e4c4d;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.footer_content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	height: 54px;
}
.anketa .anket_footer .posalji {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-image: url(../img/procitaj_vise.png);
	height: 17px;
	width: 84px;
	float: left;
	padding-top: 1px;
	background-repeat: no-repeat;
	padding-left: 5px;
}
.anketa .anket_footer .rezultati {
	float: left;
	background-image: url(../img/arhiva.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 84px;
	color: #fff;
	padding-top: 1px;
	padding-left: 20px;
	font-size: 11px;
}
.anketa .anket_footer {
	margin-top: 18px;
	margin-left: 5px;
}
.col_3 .anketa .anket_header {
	height: 36px;
	width: 233px;
	position: relative;
	background-image: url(../img/archive_bg.png);
}
.col_3 .anketa .anket_header h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	float: left;
	background-image: url(../img/archive_title_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px;
	left: 8px;
    position: relative;
    top: 5px;
}
.col_3 .anketa .anket_header h2 strong{
	background-image: url(../img/archive_title_right.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 31px;
	font-weight: normal;
	display: inline-block;
	padding: 8px 8px 0;
}
.anketa .anket_header span a{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cae6f7;
	text-decoration: underline;
	position: absolute;
    right: 11px;
    top: 10px;
}
.anketa .anket_content h3 {
	font-size: 14px;
	color: #016998;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 10px;
	padding-bottom: 5px;
	display: block;
}
.col_3 .vazni_linkovi h3, .sponzori h3{
	font-size: 12px;
	color: #404141;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
}

.col_3 .vazni_linkovi{	padding: 0px 0 20px 0; float: left;}
.vazni_linkovi img{ float: left; padding: 10px 0;}

.sponzori{ padding-bottom: 10px; text-align: center;}
.sponzori img{ margin: 5px 0; clear:both; } 

.sponzori h3{ float:left; padding: 0 0 10px 0; display:block; width: 100%; text-align: left; }
.col_1 .arhiva {
	background-image: url(../img/arhiva.png);
	height: 17px;
	width: 84px;
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-left: 5px;
	float: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	clear: both;
	margin-top: 15px;
}

.footer_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	display: block;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	
}
.footer_content p a {
	color: #fff;
	text-decoration: underline;
}
.footer_content p a:hover {
	color: #fff;
	text-decoration: none;
}
.potpis{
	height: 12px;
	width: 67px;
	float: right;
}
a.potpis{ padding:0; margin: 0; position:relative; bottom: 1px;}
a.potpis img{ position:absolute; bottom:-1px;}

#nav2 li span, #nav li span {
	background-image: url(../img/menu_li.png);
	height: 5px;
	width: 10px;
    position: absolute;
    right: 5px;
    top: 14px;
}
/* dropdowns
*************************/
.header_content #nav2 li.last ul.dropdown, .header_content #nav li.last ul.dropdown {
	right: 0px;
}

#nav2 li ul.dropdown, #nav li ul.dropdown
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 280px;
	clear:both;
	height: auto;
	border: solid 5px #f3f2f0;
	background-color: #fff;
	display: none;
}



#nav2 ul.dropdown ul.dropdown, #nav ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}

#nav2 ul.dropdown li, #nav ul.dropdown li
{
	text-align: left;
	margin: 0;
	float: left;
	position: relative;
	list-style: none;
	display: block;
	width: 260px;
	z-index: 999;
	
}

#nav2 ul.dropdown li a, #nav ul.dropdown li a
{
	display: block;
	width: 100%;
	font-size: 12px;
	color:#1a1a1a;
	text-align: left;
	padding: 6px 10px;
	height:20px;
	z-index: 999;
}
#nav2 ul.dropdown li a:hover, #nav ul.dropdown li a:hover
{
	background-color: #2681ad;
	background-image: none;
	color:#fff;
}

.wrap_bg{
	background-image: url(../img/backgr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* slider */

#portfolio { list-style: none; padding: 0; margin: 0;}
#portfolio li { list-style: none; padding: 0; margin: 0;}
#portfolio li img{ width:940px; height:255px;}

.content_bottom .content h1, .content_bottom .content .slider h2, .content .slider strong {
    background-image: url("../img/header_hover_txt_bg.png");
    background-repeat: repeat;
    bottom: 3px;
	left: 0;
    color: #FFFFFF;
    display: block;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 18px;
    padding: 8px 5px;
    position: absolute;
    width: 930px;
    
	font-weight: normal;
	line-height: 15px;
}
.content_col {
	float: left;
 	padding: 0 10px 0 0;
    width: 677px;
	height: auto;
}



.content_col em, .content_col p, content_col strong{
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.content_col img{
	border: 3px solid #666666;
	margin: 8px;
}
.doc_div {
	display: block;
	padding-bottom: 15px;
}
.doc_div .doc_head {
	background-image: url(../img/o_savezu_hd_bg.png);
	background-repeat: repeat-x;
	height: 36px;
	display: block;
	text-align: left;
}
.doc_div .doc_head h2, .content_col .doc_div .doc_head h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #626262;
	background-color: #dedede;
	background-image: url(../img/savez_l.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 4px;
	margin-left: 10px;
}
.content_col .doc_div .doc_head h1 {
	position: relative;
	bottom: 0;
	padding: 0;
	width: auto;
}
.doc_div .doc_head h2 strong, .content_col div.doc_div div.doc_head h1 strong{
	font-weight: normal;
	background-image: url(../img/savez_r.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 21px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #626262;
}
.doc_div .doc_box, .doc_div_blue .doc_box{
	display: block;
	clear: both;
	margin-top: 10px;
}
.doc_div .doc_box .pdf, .doc_div_blue .doc_box .pdf {
	background-image: url(../img/doc_pdf.png);
}
.doc_div .doc_box .excel, .doc_div_blue .doc_box .excel {
	background-image: url(../img/doc_excel.png);
}
.doc_div .doc_box .word, .doc_div_blue .doc_box .word {
	background-image: url(../img/doc_word.png);
}
.doc_div .doc_box .word, .doc_div .doc_box .excel, .doc_div .doc_box .pdf,
.doc_div_blue .doc_box .word, .doc_div_blue .doc_box .excel, .doc_div_blue .doc_box .pdf  {
	display: block;
	background-repeat: no-repeat;
	background-position: 8px 0px;
	padding-left: 40px;
	padding-top: 8px;
	min-height: 24px;
}
.doc_div .doc_box li, .doc_div_blue .doc_box li  {
	padding: 2px 0;
}
.doc_div .doc_box li a, .doc_div_blue .doc_box li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #016998;
}
.doc_div .doc_box li a:hover, .doc_div_blue .doc_box li a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #b61314;
}

.doc_div ul, .doc_div_blue ul{ list-style:none; margin:0; padding:0; }
.doc_div .simple_txt {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #898989;
	padding: 15px;
}
.doc_div .simple_txt h3 {
	font-weight: 900;
	font-size: 12px;
	color: #1368c1;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 5px 0;
}
.doc_div .simple_txt p {
	font-size: 12px;
	color: #01140e;
	font-family: Arial, Helvetica, sans-serif;
}
.simple_txt { clear: both; display:block;}

.doc_div .txt_last{ border: none; }

.content_col h2{ font-size: 16px; }
.content_col h3{ font-size: 14px; line-height:24px; }
.content_col h4{ font-size: 12px; }

.content_col .box_news {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #898b8c;
}
.content_col .box_news p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c5c5c;
	padding-top: 2px;
	padding-bottom: 5px;
}
.content_col .box_news .procitaj_vise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-image: url(../img/procitaj_vise.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 75px;
	clear: both;
	display: inline-block;
	padding: 1px 0 0 9px;
	float:right;
}
.content_col .box_news p img {
	padding: 4px;
	border: 1px solid #bbbcbc;
	float: left;
	margin: 8px 8px 10px 0;
}
.content_col .box_news h2, .content_col .box_news h1 {
	display: block;
	clear: both;
	padding: 5px 0;
	position: relative;
	background:none;
	width: auto;
	bottom: 0;
}
.content_col .box_news h2, .content_col .box_news h2 a, .content_col .box_news h1, .content_col .box_news h1 a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #016998;
	line-height: 25px;
}
.content_col .box_news h2 a:hover, .content_col .box_news h1 a:hover{ 
	color: #3491bb;
}
.content_col .box_news .datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color: #df0503;
	padding:2px 5px;
	clear:both;
}

.pagination ul, .pagination ul li{list-style:none; padding: 0; margin: 0; float:left; }
.pagination ul li a{
	float: left;
	list-style:none;
	background-color:#f9f9f9;
	border: 1px solid #d5d5d5;
	margin: 2px;
	padding:4px 10px;
	font-size: 11px;
	color: #5c5c5c;
	font-family: Arial, Helvetica, sans-serif;
}
.pagination ul li a:hover, .pagination ul li .active{
	background-color: #009fe9;
	border: 1px solid #0f77a8;
	color: #fff;
}

.kalendar_box p{ font-size: 11px;  line-height: 28px;}
.kalendar_box .kal_naslov {
	background-image: url(../img/naslov_kalendar.jpg);
	height: 36px;
	width: 677px;
	display: block;
	position: relative;
	float: left;
}
.kalendar_box .kal_naslov .filter {
	position: absolute;
	top: 0px;
	right: 5px;
}
.kal_naslov .filter p {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #fcfdfd;
	position: relative;
    top: 8px;
	line-height: 20px;
}
.kal_naslov .filter select {
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	top: 10px;
	font-size: 12px;
	color:#626262;
	border: none;
	display: inline-block;
}
.kal_naslov .filter select option {
	font-size: 12px;
	color:#626262;
}
p.nasl_mjesec{
	border-bottom: solid 1px #4581a3;
	border-top: solid 1px #fff;
	background-color: #065684;
	height:30px;
	display:block;
	clear:both;
	color:#fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-top: 0px;
}
.tab_naslov{
	background-image: url(../img/table_sub_bg.png);
	background-repeat: repeat-x;
	border-top: solid 1px #fff;
	height: 32px;
	background-color: #efefef;
}

.kal_naslov h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #fcfdfd;
	float: left;
	padding: 12px 0 0 15px;
}
.kalendar_box table tr td{
	min-height: 32px;
	text-align: center;
	vertical-align: middle;
	padding:10px 0;
	margin: 0px;
}
.kalendar_box table tr td a{
	color:#478dd9; 
	font-size: 13px;
	text-decoration: underline;
	font-weight: 900; 	
}
.kalendar_box table tr td a:hover{
	text-decoration: none; 	
}
strong.napomene_title{ color:#393a3a; }

tr.bg_table{
	background-color: #f4f7f7;
}

a.kalendar_natjecanja_link h2{color: #016998;}
.kalendar_natjecanja_link h2:hover{color: #3491bb;}


/* natjecanja kalendar pregled */

.doc_div_blue{
	display: block;
	padding-bottom: 15px;}
	
.doc_div_blue .doc_head{
	background-image: url(../img/o_savezu_hd_bg_blue.png);
	background-repeat: repeat-x;
	height: 36px;
	display: block;
	text-align: left;}
	
.doc_div_blue .doc_head h2, .container .doc_div_blue .doc_head h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #626262;
	background-color: #6aadd4;
	background-image: url(../img/savez_l-blue.png);
	background-repeat: no-repeat;
	float: left;
	margin-top: 4px;
	margin-left: 10px;
	bottom: auto;
	position: relative;
	width: auto;
	padding: 0;
	}
	
.doc_div_blue .doc_head strong{
	font-weight: normal;
	background-image: url(../img/savez_r-blue.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 23px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
}



.wrap_bg .content .detalji_table tr td{ height: 30px; padding:0px 0px 0px 10px; }
.content .detalji_table a{ text-decoration:underline; color: #2281b7; }
.content .detalji_table a:hover{ text-decoration: none;}

.table_clan_bio { float:left; padding: 10px 0 0 0; }
.table_clan_bio table { width:527px; border-collapse:collapse; margin:0; }

table.detalji_table{margin:0;}

.wrap_bg .content .table_clan_bio table tr td {
	height: 33px;
	padding:0px 0px 0px 10px;}
.table_clan_bio table tr td.naslov { width:120px; }
.img_bio, table_clan_bio { float: left;}
.img_bio img { padding: 3px; border: solid 1px #eee;}

.bio_and_suc h3{ color:#5c5c5c; font-weight:900; font-size:12px; float: left; padding: 4px 5px 0 0;}
.bio_and_suc p{ }

.multimedija img, .content_reprezentacija img{ padding: 2px; border: 1px solid #eee; float:left; margin:5px 2px 10px 2px;}
.multimedija { padding: 0 0 0 0px; float:left; width:680px;}



.natrag_box{ padding: 5px 0; border-top: 1px solid #ddd; float:left; width: 100%;}
.natrag_box a.back {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #fff;
	background-image: url(../img/natrag.png);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 58px;
	padding: 4px 0 0 25px;
}
.natrag_box a.back:hover {
 text-decoration: underline;
}

.picture_gallery ul li{ float: left;  list-style: none; padding: 10px 8px 0px 0px; margin-bottom:0; background: none; width:128px; position:relative;}

.picture_gallery ul li img{ margin:0;}
.picture_gallery ul li p{ clear:both; font-size: 12px; color: #2d8dc4; line-height: 16px;}
.picture_gallery ul li strong{ font-weight:900; color:#202121; }

.picture_gallery ul li.dotted{ clear:both; float:left; padding:0; margin:0; height:1px; border-bottom:dotted 1px #606160; padding: 10px 0 0;
    width: 672px;}
	
div.dotted{ clear:both; float:left; padding:0; margin:0; height:1px; border-bottom:dotted 1px #606160; padding: 10px 0 0;
    width: 672px;}
.content_reprezentacija p{ line-height: 18px; font-size: 11px; padding: 4px 0 0 8px; display:block; width:188px; min-height: 82px;}
.con_rep a{
	background-image: url(../img/procitaj_vise.png);
	background-repeat: no-repeat;
	height: 16px;
	width: 84px;
	padding-top: 1px;
	font-size: 11px;
	color: #fff;
	display: inline-block;
	text-align: center;
	float: right
}
.con_rep{ float:left; width:188px; }

.picture_gallery ul li span {
    background-image: url("../img/play-trans.png");
    background-repeat: no-repeat;
    height: 47px;
    left: 28px;
    position: absolute;
    top: 35px;
    width: 72px;}
	
.kon_lijevo table tr td{ height: 30px; padding:0;}
.kon_lijevo table { width: 325px;}
.kon_lijevo{ float:left; width: 335px; border-right: dotted 1px #bdbdbd; margin: 10px 10px 0 10px;  min-height: 273px;}

.kon_lijevo h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 900;
	color: #3e3803;
	padding-bottom: 10px;
}
.kon_desno {
	float: left;
	width: 320px;
	margin-top: 5px;
}
.kon_desno form p textarea {
	height: 85px;
	width: 290px;
	border: 1px solid #b2b2b2;
	font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin:2px 2px 2px 0;
}
.kon_desno form p .button {
	background-image: url(../img/arhiva.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 84px;
	padding: 1px 0 0 0;
	font-size: 11px;
	color: #fff;
	border:none;
	cursor:pointer;
	float:right;
	margin: 10px 20px 0 0 ;
}

.kon_desno input[type="text"] {border: 1px solid #b2b2b2; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; padding:2px; width: 295px; margin: 2px 0 2px 0;}
.kon_desno label {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #060b07;
	display:block;
	padding: 2px 0 0 1px;
}
.kon_desno input[type="text"]:hover, .kon_desno input[type="text"]:active, .kon_desno input[type="text"]:focus, .kon_desno form p .textarea:hover, .kon_desno form p .textarea:active, .kon_desno form p .textarea:focus {border: 1px solid #666; }



/* kalendar */


p.kalendar_naslov{background:url(../img/kal_naslovbg.gif/index.html) repeat-x; color:#474747;margin:4px 16px;padding:0 0 0 8px;text-align:center; font-weight:bold;border:1px solid #9dabce;}
p.prethodni_mjesec a{font-size:0.75em;margin:0 0 0 15px;padding:0;float:left;line-height:18px;}
p.sljedeci_mjesec a{font-size:0.75em;margin:0 15px 0 0;padding:0;float:right;line-height:18px;}


.kalendar_tablica{
border-collapse: separate;
border: 1px solid #9DABCE;
border-width: 0px 0px 1px 1px;
margin:0 auto 20px auto;
font-size:12px;
 }



.kalendar_tablica td, th {
padding:0;
width: 31px;
height: 31px;
text-align: center;
	vertical-align: middle;
	background: url(../img/cells2.png);
	color: #444;
	position: relative;
}



.kalendar_tablica th {
height: 30px;font:bold 0.8em/24px verdana, arial, sans-serif;
}



.kalendar_tablica td:hover, th:hover {
	background-position: 0px -81px;
	color: #222;
}



.kalendar_tablica td.date_has_event {
	background-position: 162px 0px;
	color: white;
	cursor:pointer;
}

.kalendar_tablica td.date_has_event a{color:#fff;display:block;line-height:31px;}


.kalendar_tablica td.date_has_event span.novo{padding:1px 3px;position:relative; top:-3px; right:-9px; background:#b51213;font-size:10px;float:right;}
.kalendar_tablica td.date_has_event a.novohr{background: url(../img/novo_hr.jpg) no-repeat 7px 1px;}

.kalendar_tablica td.date_has_event:hover {
	background-position: 162px -81px;
}



.kalendar_tablica td.padding {
	background: url(../img/calpad.jpg);
}



.kalendar_tablica td.today {
	background-position: 81px 0px;
	color: white;
}



.kalendar_tablica td.today:hover {
	background-position: 81px -81px;
}



.events {
	position: relative;
}



.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(../img/img/popup.png/index.html) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	list-style: none;
	color: #444444;
	
}



.events li {
padding-bottom: 5px;
}



.events li span {
	display: block;
	font:bold 0.7em/24px verdana, arial, sans-serif;
	text-align: justify;
	color: #555;
}



.events li span.title {
	font-weight: bold;
	color: #222;
}




.jezici_okvir{width:100px;  float:right;}
a.hr_jezik{width:39px; height:26px;background:url(../img/hr_img.gif) no-repeat;display:block;float:left;margin:9px 7px 0 0;text-indent:-99999px;}
a.hr_jezik_aktivno{width:39px; height:26px;background:url(../img/hr_img.gif) no-repeat 0 -27px;display:block;float:left;margin:9px 7px 0 0;text-indent:-99999px;cursor:default;}
a.en_jezik{width:39px; height:26px;background:url(../img/en_img.gif) no-repeat;display:block;float:left;margin:9px 7px 0 0;text-indent:-99999px;}
a.en_jezik_aktivno{width:39px; height:26px;background:url(../img/en_img.gif) no-repeat 0 -27px;display:block;float:left;margin:9px 7px 0 0;text-indent:-99999px;cursor:default;}




p.success {
    background-color: #D1F9C4;
    border: 1px solid #C3E9B7;
    color: #619608;
    font-size: 12px;
    width: 280px;
	padding: 10px;
}

p.error {
    background-color: #FFDFDF;
    border: 1px solid #FBC4C4;
    color: #B33838;
    font-size: 12px;
    padding: 10px;
	width: 280px;
}

.kon_desno input.alert{ background-color: #FFDFDF; border: 1px solid #FBC4C4; }
.kon_desno input.alert:hover{ background-color: #FFDFDF; border: 1px solid #f97777; }

.doc_div .kon_desno textarea.alert{ background-color: #FFDFDF; border: 1px solid #FBC4C4;width: 280px; }
.doc_div .kon_desno textarea.alert:hover{ background-color: #FFDFDF; border: 1px solid #f97777;width: 280px; }

.wrap_bg .captcha_span{ float: left;}
.wrap_bg input.captcha {       
	height: 18px;
    left: 0;
	top: 10px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 50px;}
.wrap_bg .captcha_span img{ float:left; width: 105px; border: none; height: 23px; }

.komentari_box{padding: 10px;text-align: left; border-top: 8px solid #EEEEEE;}


/* table border 23.05.2011. */

/* BORDER */
.content_col table.border{border-collapse: collapse;border:1px solid #ccc;}
.content_col table.border tr{border-collapse: collapse;border:1px solid #ccc;}
.content_col table.border th{border-collapse: collapse;border:1px solid #ccc;padding:3px;margin:0;background:none;float:none;text-align:center;}
.content_col table.border thead tr{background:#D6E4FC;}
.content_col table.border td{border-collapse: collapse;border:1px solid #ccc;padding:3px;text-align:center;}

/* NO BORDER */
.content_col table{border:none;}
.content_col table tr{border:none;}
.content_col table th{border:none;padding:3px;margin:0;background:none;float:none;text-align:center;}
.content_col table thead tr{background:#D6E4FC;}
.content_col table td{border:none;padding:3px;text-align:center;}


.bio_and_suc ul {
    list-style-type: disc;
}
.bio_and_suc ul{
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
}


/* 02.09.2011. */

.content_col ul, .content_col  li  {  list-style-position: inside;  line-height: 20px; }

#poll_form ul, li{ line-height: 15px }

.rss_icon{position:relative;top:2px;}