/* CSS Document */
*						{margin:0; padding:0;}
html, body {height: 100%; min-height:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;background-color:#F2F2F2; line-height: 14px; }

/* ----- DEFAULTS ----- */

a:link, a:visited, a:active {text-decoration: none; outline: none;}
a:hover {color:#D71A21; outline: none;}
/* ----- DEFAULTS END ----- */


/* ----- WRAPPER ----- */
#pre-wrapp { 
	width:780px;
	margin: 0px auto;
	padding: 0px;
	height:100%; /* IE6: treaded as min-height*/
	position:relative;
	}
#wrapper {
	width:780px; 
	background: url(../images/bgBody.gif) repeat-y left top; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	float: left;
	}
* html #wrapper {height:100%;}/* ie6 and under*/
#wrapper h1 a { 
	background:url(../images/logoTrans.gif) no-repeat left 12px; 
	width: 196px; 
	height: 140px; 
	display: block;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	border: none;
	float: left;
	 }
	
#header {
	height: 193px; 

	float: left; 
	background:url(../images/bgHeader.jpg) no-repeat right top;}
#header h2 { 
	background:url(../images/title.jpg) no-repeat left top;
	display: inline;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	border: none;
	float: left;
	width: 304px;
	height: 18px;
	margin: 45px 0px 0px 18px;
	padding: 0px;
	font-size:1px;
	}
#header ul {
	display: inline;
	float: left;
	background: url(../images/square.gif) no-repeat left 8px;
	margin: 7px 10px 10px 20px;
	padding: 0px;
	}
#header ul li {
	margin: 2px 0px 0px 0px;
	list-style: none;
	padding: 0px;
	display: block;
	float: left;
	text-indent: 12px;
	 }
	 
strong {
	color: #333333;
	font-weight: normal;
}
#header ul li a { color: #ED1C24;}
#header ul li a:hover { color: #999999;}
#header .adress {
	float: left;
	width: 330px;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 193px;
}
#header .slideshow {
	float: right;
	width: 254px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	display: block;
	height: 193px;
}
#navigSpace {
	width: 196px;
	float: left;
	margin: -35px 0px 0px 0px;
}
#navigSpace .langSpace {
	width: 137px;
	height: 34px;
	background:url(../images/bgLang.gif) no-repeat -6px bottom;
	float: right;
	}
#navigSpace .langSpace span.hr a, #navigSpace .langSpace span.en a, #navigSpace .langSpace span.hrStat a, #navigSpace .langSpace span.enStat a {
	width: 57px;
	height: 11px;
	background: url(../images/langHR.gif) no-repeat left top;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	border: none;
	display:block;
	float: left;
	margin: 10px 17px 0px 0px;
	}
#navigSpace .langSpace span.en a {
	background: url(../images/langEN.gif) no-repeat left top;
	margin: 10px 0px 0px 0px;
	}
#navigSpace .langSpace span.hr a:hover, #navigSpace .langSpace span.en a:hover, #navigSpace .langSpace span.hrStat a, #navigSpace .langSpace span.enStat a {
	background-position: right top;}

#navigSpace .bannerWNF a {	
	margin: 5px 0px 10px 54px !important;
	margin: 5px 0px 10px 54px;
	width: 135px;
	height: 52px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #f0f0f0;
	outline: none;
	}
#navigSpace .bannerWNF a:hover {	
	border: 1px solid #DCDCDC;
	outline: none;
	}
#navigSpace .bannerWNF a img {
	padding: 0px;
	margin: 2px 0px 0px 2px;
	border-bottom: 0px;
	outline: none;
	}

#content {
	width: 584px;
	float: left;
	background: url(../images/bgContent.jpg) top left repeat-y;
	border-bottom: 2px solid #DDDDDD;
	padding: 0px !important;
	padding: 0px 0px 20px 0px;
	}
#content h3 {
	float: right;
	display: block;
	width: 382px;
	height: 34px;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	border: none;
	}
#content h3.news {
	background: url(../images/titleNews.jpg) right top no-repeat;
	}
#content h3.nanbudo {
	background: url(../images/titleNanbudo.jpg) right top no-repeat;
	}
#content h3.klub {
	background: url(../images/titleKlubovi.jpg) right top no-repeat;
	}
#content h3.gallery {
	background: url(../images/titleGalerija.jpg) right top no-repeat;
	}
#content h3.oprema {
	background: url(../images/titleOprema.jpg) right top no-repeat;
	}
#content h3.nanbudoHR {
	background: url(../images/titleNanbudoHr.jpg) right top no-repeat;
	}
#content h3.kontakt {
	background: url(../images/titleKontakt.jpg)right top no-repeat;
	}
#content .textNavig {
	width: 545px;
	height: 28px;
	float: left;
	margin: 20px 0px 10px 20px !important;
	margin: 20px 0px 10px 10px;
	text-align:center;
	}	
#content .textNavig ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin: 10px 0px 0px 5px;
	text-align:center;
	width: 545px;
	}
#content .textNavig ul li, #content .textNavig ul li.last {
	list-style: none;
	float: left;
	display:inline;
	background: url(../images/square.gif) no-repeat left center;
	padding: 0px 0px 0px 12px;
	}
#content .textNavig ul li.last {border: none;}
#content .textNavig ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #8A8A8A;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0px 16px 0px 0px !important;
	margin: 0px 22px 0px 0px;
	letter-spacing: 0.04em !important;
	letter-spacing: 0.04em;
	}
#content .textNavig ul li a:hover {
	color: #000000;
	}


#content .textBox {
	width: 545px;
	float: left;
	margin: 13px 0px 20px 20px;
	background: url(../images/bgMainCont.jpg) left top repeat-y #FFFFFF;
	display: block;
	}
#content .textBox h5, #content .textBoxGK h5 {
	margin: 15px;
	color: #ED1B23;
	font-size: 1.2em;
	}
#content .textBox h6, #content .textBoxGK h6 {
	margin: 15px 0px 15px 0px;
	color: #ED1B23;
	font-size: 1.2em;
	}
#content .textBox p, #content .textBoxGK p {
	margin: 10px 0px 25px 0px;
	text-align:justify; 
	font-size: 1em;
	float: left;
	padding: 0px;
	width: 515px;
	color: #444444;
	line-height: 14px;
	}
#content .textBox p img, #content .textBox ol img {
	float: right;
	padding: 0px;
	margin: 0px;
	}	
#content .textBox blockquote {
	text-align: justify;
	font-family:Palatino Linotype, "Times New Roman";
	color:#ED1D1D;
	font-size: 1.2em;
	width: 452px;
	padding: 20px;
	background-color: #F8F8F8;
	display: block;
	float: left;
	margin: 0px 0px 30px 14px;
	line-height: 18px;
	}
#content .textBoxGK {
	width: 545px !important;
	width: 545px;
	float: left;
	margin: 25px 0px 20px 20px !important;
	margin: 25px 0px 20px 10px;
	background: url(../images/bgMainCont.jpg) left top repeat-y #FFFFFF !important;
	
	}
*html #content .textBoxGK {
	margin: 25px 0px 20px 10px !important;
	width: 525px !important;
	background: url(../images/bgMainCont.jpg) left top repeat-y !important;
}
#content .textBoxGK div.klubs, #content .textBoxGK div.galerija {
	margin: 20px 0px 15px 30px !important;
	margin: 20px 0px 15px 15px;
	text-align:justify; 
	float: left;
	padding: 0px;
	z-index: 1;
	}
#content .textBoxGK div.galerija {
	margin: 20px 0px 15px 16px !important;
	margin: 20px 0px 15px 8px;
	width: 548px
	}
#content .textBoxGK div.galerija ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}
#content .textBoxGK div.galerija ul li {
	padding: 0px;
	margin: 0px 28px 6px 0px;
	list-style: none;
	float: left;
	width: 107px;
	height: 97px;
}
#content .textBoxGK div.galerija ul li a img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#content .textBoxGK div.galerija ul li a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#content .textBox div.kidoho {
	margin: 10px 0px 25px 16px;
	text-align:justify; 
	font-size: 1em;
	float: left;
	padding: 0px;
	width: 515px;
	}
#content .textBox div.budoho {
	margin: 0px 0px 25px 0px !important;
	margin: 10px 0px 25px 8px;
	}


#content .textBox ol {
	list-style:none;
	margin: 20px 0px 20px 10px;
	float: left;
	padding: 0px;
	width: 470px;
	}
#content .textBox ul, #content .textBox ul.dot, .textBoxGK ul.dot {
	margin: 20px 0px 20px 10px;
	float: left;
	padding: 0px;
	width: 470px;
	}
#content .textBox ul.dot, #content .textBoxGK ul.dot {
	margin: 10px 0px 20px 0px;
}
#content .textBox ol li, #content .textBoxGK ol li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 470px;
	}
#content .textBox ul li, #content .textBoxGK ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 470px;
	}
#content .textBox ul.dot li, #content .textBoxGK ul.dot li{
	background: url(../images/squareB.gif) left 7px no-repeat;
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 470px;
}
#content .textBox ul.dot li.indent {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background: none;
}
#content .textBox ul.dot li a, #content .textBox ul.dot li a:visited, #content .textBox ul.dot li a:active {
	color: #CC0000;
}
#content .textBox ul.dot li a:hover {
	color: #999999;
}
#content .textBoxGK .klubovi p.float, #content .textBoxGK .klubovi p.float img {
	float: left;
	}
#content .textBoxGK .klubovi a {
	color: #EC1C1C;
	text-decoration: none;
	}
#content .textBoxGK .klubovi a:hover {
	color: #666666;
	text-decoration: none;
	}
#content .textBoxGK .klubovi ol li{
	margin: 0px 0px 10px 18px !important;
	margin: 0px 0px 10px 9px;
}

	
#content .newsBox, #content .newsBoxG {
	background: url(../images/bgNews.gif) repeat-x left top #FFFFFF;
	width: 545px;
	height: auto;
	float: left;
	margin: 20px 0px 20px 20px !important;
	margin: 20px 0px 20px 10px;
	padding: 0px;
	}
#content .newsBoxG {
	
	}
#content .newsBox img, #content .newsBoxG img {
	border: 1px solid #FFFFFF;
	width: 107px;
	height: 97px;
	display: inline;
	float: left;
	margin: 10px 10px 0px 7px;
	}
#content .newsBoxG img {
	padding-bottom: 21px;
	background: url(../images/news/zoom.gif) no-repeat left bottom;
	float: left;
	width: 107px;
	}
#content .newsBox h4 a, #content .newsBoxG h4 a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	display:inline;
	float: left;
	line-height: 27px;
	width: 400px;
	text-decoration: none;
	}
#content .newsBox h4 a:hover, #content .newsBoxG h4 a:hover {
	color:#EEEEEE;
	}
#content .newsBox p, #content .newsBoxG p {
	text-align:justify;
	margin: 5px 5px 5px 0px !important;
	margin: 5px 5px 5px 0px;
	display: block;
	float: left;
	width: 405px;
	padding: 0px 0px 5px 0px;
	}
#content .newsBox p .space {height: 10px; width: 20px; float: left; margin: 2px;}
#content .newsBox p span a, #content .newsBoxG .tekstRight span a {
	float: right;
	background: url(../images/arrowRed.gif) left top no-repeat;
	width: 13px;
	height: 9px;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	border: none;
	margin: 10px 0px 0px 0px;
	}
#content .newsBoxG .tekstRight span a {
	background: url(../images/arrowRed_rev.gif) left top no-repeat;
	float: left;
	}
#content .newsBox p span a:hover, #content .newsBoxG .tekstRight span a:hover {
	background-position: right top;
	}
#content .newsBox span.date, #content .newsBoxG span.date {
	background: url(../images/bgDate.gif) repeat-x left top;
	height: 22px;
	float: left;
	width: 100%;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	}
#content .newsBox span.date a, #content .newsBoxG span.date a {
	background-color: #C8C8C8;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	float: right;
	padding: 0px 3px 0px 3px;
	}
#content .newsBox span.date a:hover, #content .newsBoxG span.date a:hover {
	background-color: #BFBEBE;
	}
	
.copyright {
	float: right;
	width: 584px;
	text-align: right;
	font-size: 10px;
	color:#999999;
	margin: 3px 0px 0px 0px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	}
.bannerZNS {
	width: 135px;
	height: 86px;
	float: left;
	background: url(../images/bannerZNS.jpg) no-repeat left top #FFFFFF;
	border: 1px solid #f0f0f0;
	text-indent: -999px;
	font-size: 1px;
	outline: none;
	margin: 0px 0px 0px 54px !important;
	margin: 0px 0px 0px 27px;
}
.slikeLeft {
	width: 107px;
	float: left;
}
.slikeLeft img {
	float: left;
}
.tekstRight {
	width: 300px;
	float: left;
	margin: 0px 0px 0px 20px !important;
}
*html .tekstRight {
	margin: 0px 0px 0px 0px !important;	
}
.tablica, .tabCjenik {
	padding: 2px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #EEEEEE;
}
*html .tablica, *html .tabCjenik {
	margin: 0px 0px 20px 7px !important;
	}
.tablica tr {
	border: 1px solid #EEEEEE;	
}
.tablica td, .tabCjenik td {
	text-align: left;
	border-bottom: 1px solid #EEEEEE;
}
span#Pager {
	width: 100%;
	text-align: center;
	float: left;
	padding: 0px 0px 10px 0px;
	display: block;
}