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

@import url("ie7.css");
@import url("reset.css");
@import url("menu.css");
@import url("typography.css");


*html #submenu li ul { margin:12px 0 0 -62px;}

*html #main_menu li ul { margin:0 0 0 16px; clear:left;}

*html .footer_right { margin:0px;}
*html .box_content { padding:0px 0 0 0; width:520px;}

*html .side_box { margin:20px 0 0 3px; }
*html .anketa_box { margin:5px 0 0 3px; }

/* GLOBAL
------------------------------------------------ */

html {}
body { background: url(../images/bg.jpg) repeat-x #e4e5e5; overflow-x: hidden; }
#wrap {width:1021px; margin:0 auto; background:url(../images/content_bg.jpg) repeat-y; display:table;}
#top { width:1021px; clear:both; float:left;}

/* SIDE
------------------------------------------------ */

#side_content {float:left; width:256px; height:100%; display:block; }
	#logo { float:left; width:256px; height:205px; background:url(../images/logo.jpg) no-repeat;}
	#side_bottom { float:left; width:250px; margin:0 0 0 6px; background:url(../images/inside_bg.jpg) bottom repeat-x; min-height:600px;height:auto !important; height:600px;}
	#side_bottom p { margin:0px;}
	* html #side_bottom { margin:-5px 0 0 3px;}
	.side_box { float:left; background:url(../images/sidebox_bg.png) repeat-y top right; width:225px; margin:20px 0 5px 5px; padding:10px 10px 5px 6px; }
	.anketa_box { margin:5px 0 5px 5px; }
	.anketa_box a { display: block; float:left; margin-left:16px; }

	.anketa_box p { margin:0; }
	.side_box p { width:210px; float:left; padding:5px 0;}
		.title { float:left; height:20px; width:210px; border-bottom:dotted 1px #dd4e3a; }
		.no_dots { border:none; color:#FFFFFF;}
		.anketa { width:205px; float:left;}
		.anketa input { float:left; clear:left; margin-top:6px; height:20px;}
		.anketa label { float:left; width:178px; margin-top:6px; margin-left:5px;}
		.anketa .button { float:left; margin-left:2px; width:80px; height:25px; background:url(../images/button.jpg) no-repeat; cursor:pointer; border:1px solid #999999; margin-top:20px; display:block;}
		.anketa a { display: block; float:left; margin-left:16px; margin-top:15px;}
		.anketa ul { float:left; width:215px;}
		.anketa li { float:left; clear:left; width:215px; margin:5px 0;}
		.anketa span { float:left; padding:3px 0 0 0;}
		.bar_empty { background: url(../images/bar_empty.jpg) no-repeat; width:110px; float:left; height:15px; margin:5px 8px 5px 3px; text-align:right;}
		.bar_full { background:url(../images/bar_full.jpg ) no-repeat -1px top; float:left; height:15px; margin:0 0 0 1px;}
		
		.vest { width:210px; float:left; border-top:solid 1px #cbcbcb; padding:2px 0 0 0; }
		.no-line { border:none; }
			.vest .datum {  padding-top:2px;}
			.vest a { width:150px; margin:2px 0 5px 0; display:block;}

	.side_submenu { background:url(../images/side_submenu.png) top left no-repeat #cc321d; width:215px; margin:10px 0 0 5px; padding:10px 0px 5px 15px; display: table; height:auto;}
	
	.side_submenu ul{ margin:15px 0 0 0; width:190px; float:left; clear:left;}
	.side_submenu ul li { float:left; clear:left; margin:3px 0;}

	.side_submenu ul ul { margin:0 0 0 20px; width:170px;}
	.side_submenu ul ul li { width:170px;}
	.info { padding:10px 0 0 10px;}

 	
/* MAIN
------------------------------------------------ */


#main_content { float:left; width:765px; display:block;}

/* SUBMENU
------------------------------------------------ */

	#submenu { float:right; width:735px; height:32px; background:url(../images/head_bg.jpg); padding:22px 12px 0 0;}
	#submenu ul { float:right; width: auto;}
	#submenu ul li { float:left; margin:0 0 0 8px; padding:0 8px 0 0; border-right:solid 1px #464646;}
	#submenu ul li a:hover { text-decoration:underline;}
	#submenu ul li.last { border-right:none;}
	#submenu ul li.last a { padding: 3px 7px; background-color: #CE331F; color: #FFF; }
	#submenu ul li.last a:hover { background-color: #e53922; color: #FFF; text-decoration:none; }
		#submenu li ul { position: absolute; width:130px; left: -999em; margin-top:3px; z-index:9999; font-size:1.3em; padding:0; border:none;}
		#submenu li ul li { background:#FFF; margin:0; padding:0px; float:left; clear:left; width:150px; text-align:left; height:20px; border:none;}
		#submenu li ul li a { background:#FFF; padding:3px 0 3px 5px; margin:0; width:140px;  font-size:1.1em; text-align:left;}
		#submenu ul li ul li a:hover { height:28px; padding:3px 0 3px 5px; margin:0px; background:none; border:none;}
		#submenu li:hover ul,
		#submenu li.hover ul { left: auto; }
		
	
/* MAIN MENU
------------------------------------------------ */	
	
	#main_menu { float:left; width:765px; height:83px; background: url(../images/menu_bg.jpg) no-repeat;}
		#main_menu ul { width:765px; float:left;}
		#main_menu ul li { float:left;}
		#main_menu ul li a{ float:left; height:28px; background:url(../images/menu.png) no-repeat; margin:0 15px; padding:55px 0 0 0;}
		#main_menu ul li a:hover{ float:left; height:28px;background:url(../images/menu.png) no-repeat; margin:0 15px; padding:55px 0 0 0;}
		
		#main_menu ul li a.fitness { float:left; background-position: -29px -17px; width:150px;}
		#main_menu ul li a:hover.fitness { float:left; background-position: -24px -93px; width:150px;}
		
		#main_menu ul li a.balon { float:left; background-position: -179px -17px; width:60px;}
		#main_menu ul li a:hover.balon { float:left; background-position: -179px -98px; width:60px;}
		
		#main_menu ul li a.tenis { float:left; background-position: -256px -17px; width:60px;}
		#main_menu ul li a:hover.tenis { float:left; background-position: -253px -98px; width:60px;}
		
		#main_menu ul li a.marina { float:left; background-position: -322px -20px; width:65px;}
		#main_menu ul li a:hover.marina { float:left; background-position: -323px -98px; width:65px;}
		
		#main_menu ul li a.brod { float:left; background-position: -397px -19px; width:60px;}
		#main_menu ul li a:hover.brod { float:left; background-position: -398px -98px; width:60px;}
		
		#main_menu ul li a.vrtic { float:left; background-position: -470px -20px; width:60px;}
		#main_menu ul li a:hover.vrtic { float:left; background-position: -471px -98px; width:60px;}
		
		#main_menu ul li a.restoran { float:left; background-position: -539px -18px; width:80px;}
		#main_menu ul li a:hover.restoran { float:left; background-position: -539px -98px; width:80px;}
		
		#main_menu li ul { position: absolute; float:left; clear:left; width: 160px; left: -999em; margin:83px 0 0 14px; z-index:9999; padding:5px 0 0 0; background-color:#FFFFFF; line-height:16px;}
	
		#main_menu li ul li { background:#FFF; margin:5px 0; padding:0px; float:left; clear:left; width:150px; text-align:left; }
		#main_menu li ul li a { background:#FFF; padding:0 0 0 5px; margin: 0; width:140px; text-align:left; height: auto;}
		#main_menu ul li ul li a:hover { height:28px; padding:0 0 0 5px;  margin: 0; background:none;height: auto;}
		#main_menu li:hover ul,
		#main_menu li.hover ul { left: auto; }
		


 
/* style the top level hover */
	#main_menu a:hover .fitness, #main_menu ul ul a:hover.fitness{ background:url(../images/menu.png) no-repeat -24px -93px; }
	#main_menu :hover > a.fitness { background:url(../images/menu.png) no-repeat -24px -93px; }
	#main_menu ul ul :hover > a.fitness {; background:url(../images/menu.png) no-repeat -24px -93px;}
	
	#main_menu a:hover.balon, #main_menu ul ul a:hover.balon{ background:url(../images/menu.png) no-repeat -179px -98px; }
	#main_menu :hover > a.balon { background:url(../images/menu.png) no-repeat -179px -98px; }
	#main_menu ul ul :hover > a.balon { background:url(../images/menu.png) no-repeat -179px -98px;}
	
	#main_menu a:hover.tenis, #main_menu ul ul a:hover.tenis{ background:url(../images/menu.png) no-repeat -253px -98px; }
	#main_menu :hover > a.tenis { background:url(../images/menu.png) no-repeat -253px -98px; }
	#main_menu ul ul :hover > a.tenis { background:url(../images/menu.png) no-repeat -253px -98px; }
	
	#main_menu a:hover.marina, #main_menu ul ul a:hover.marina{ background:url(../images/menu.png) no-repeat -323px -98px; }
	#main_menu :hover > a.marina { background:url(../images/menu.png) no-repeat -323px -98px; }
	#main_menu ul ul :hover > a.marina { background:url(../images/menu.png) no-repeat -323px -98px;}
	
	#main_menu a:hover.brod, #main_menu ul ul a:hover.brod{ background:url(../images/menu.png) no-repeat -398px -98px; }
	#main_menu :hover > a.brod { background:url(../images/menu.png) no-repeat -398px -98px; }
	#main_menu ul ul :hover > a.brod {background:url(../images/menu.png) no-repeat -398px -98px; }
	
	#main_menu a:hover.vrtic, #main_menu ul ul a:hover.vrtic{ background:url(../images/menu.png) no-repeat -471px -98px; }
	#main_menu :hover > a.vrtic {background:url(../images/menu.png) no-repeat -471px -98px; }
	#main_menu ul ul :hover > a.vrtic { background:url(../images/menu.png) no-repeat -471px -98px;}
	
	#main_menu a:hover.restoran, #main_menu ul ul a:hover.restoran{ background:url(../images/menu.png) no-repeat -539px -98px; }
	#main_menu :hover > a.restoran { background:url(../images/menu.png) no-repeat -539px -98px; }
	#main_menu ul ul :hover > a.restoran { background:url(../images/menu.png) no-repeat -539px -98px;}
	
	

#main_menu a:hover span, #main_menu ul ul a:hover span{background:url(../images/menu.png) no-repeat -24px -93px; }
#main_menu :hover > a span{ background:url(../images/menu.png) no-repeat -24px -93px; }
#main_menu ul ul :hover > a span{ background:url(../images/menu.png) no-repeat -24px -93px;}


#main_menu li a.selected { width:auto; display: block; line-height:49px; padding:0px 12px 0pt 0px; background:url(../images/menu_right_hover.jpg) right top no-repeat; margin-left:0px;}
#main_menu li a.selected span { background:url(../images/menu_left_hover.jpg) left top no-repeat;}

/* CONTENT
------------------------------------------------ */
			
	#content { float:right; width:759px; margin:0 6px 0 0; padding:9px 0 0 0; background:url(../images/inside_bg.jpg) #e8e8e8 repeat-x bottom;}
	*html #content { margin:0 3px 0 0; }
	.head {  float:right; width:759px; }
	.white_background { background-color:#FFFFFF; float:left; width:558px; overflow:hidden; }
	.flash { float:left; margin:3px 0 3px 3px; margin-bottom:0px;}
	*html .flash { margin:3px 0 0 2px;}
	.flash img { border: solid 1px #90807e;}
	
	#commercial { float:right; width:196px; margin:0;}
		#commercial h1 a { margin:0 0 4px 0; border:3px solid #FFFFFF; width:174px; height:21px; padding:55px 0 0 8px; display:block; overflow:hidden;}
		#commercial h1 a:hover { margin:0 0 4px 0; border:3px solid #C91901; width:174px; height:21px; padding:55px 0 0 8px; display:block; overflow:hidden;}
		.team_building { background:url(../images/team_building.gif) no-repeat right;}
		.sala { background:url(../images/sala.jpg) no-repeat right;}
		.liga { background:url(../images/liga.gif) no-repeat right; margin:0;}
		
	#bottom_content { width:759px; float:right; }
	.aktuelno { width:556px; float:left; background:url(../images/aktuelno_bg.jpg) no-repeat top left #dd4e3a; margin:5px 1px; min-height:150px;}
		.aktuelno img { margin:10px 0 0 10px; float:left; border:3px solid #FFFFFF; width: 155px; }
		.aktuelno_title {background:transparent url(../images/zvezdica.png) no-repeat scroll 5px 10px;
border-bottom:1px dotted #FFFFFF; float:right; height:20px; margin-right:4px; padding:12px 0pt 2pt 25px; width:349px;}
		.aktuelno_title a:hover { text-decoration:underline;}
		.aktuelno p { float:right; width:375px; padding:5px 3px 5px 0; line-height:1.2em;}
	.baneri { float:right; clear:right; width:189px; padding:0 6px 0 0 ;}
		.baneri img { border:1px solid #979797; margin:0 0 5px 0; }
	
	.box_container { background:#FFFFFF none repeat scroll 0% 50%; width:558px; border-top: solid 4px #dd4e3a; float:left; padding:0px;}
		.boxes { float:left; padding:10px 6px 5px; width: 546px; line-height:16px;}
		* html .boxes { width:546px; float:left;}
		.boxes #live-list { /*border: 1px solid red;*/ }
		.boxes #live-list li { padding: 5px 0; border-bottom: 1px dotted #DD4E3A; }
		.boxes #live-list li a { border: none; }
		.boxes #live-list li a:hover { background-color: #CCC; }
		.boxes #live-list span { display: block; padding: 4px 0; }
		
		
		
	.no_border { border:none; }
	.border { border:2px solid #979797; margin:0; padding:0;}
	
	.big_box { width:551px;}
		.big_box img { float:right; margin:0 2px;}
		.box_title { width:551px; height:56px; background-color:#f5f5f5; float:left; margin-left:3px; margin-top:3px;}
		.box_title img { float:left;}
		.box_title h1 { float:left; margin:15px 0 0 10px;}
		.box_content { margin: 10px 0px 10px 5px; width:540px; float:left; }
		.no_bottomborder { border-bottom: none; }
		
		.flashHolder img { padding:0px; margin:0px; width:540px;}
		.box_content p { padding:0px 0 0 0px;  text-align:justify;}
		.box_content .normal-txt { text-align: left; }

		.box_content ol { float:left; padding:10px 5px 5px 25px; list-style-image:url(../images/zvezda_li.png);}
		.box_content ol li { line-height:160%; }
		.box_content ul { float:left; padding:5px; }
	.cenovnik div { float:left; clear:left; width:540px; font-weight:normal;}
	
	#list1b div p { padding:5px;}
	#list1b div img { padding:3px; margin:0px 0 24px 16px; border:1px solid #CCCCCC;}
	
	.cenovnik span { clear: left; float:left; text-decoration:none; cursor: default; font-weight:bold; line-height:25px; margin:3px 0; padding:0px 5px; width:530px; background: #f5f5f5;}
	.cenovnik a { clear: left; float:left; text-decoration:none; cursor:pointer; font-weight:bold; line-height:25px; margin:3px 0; padding:0px 5px; width:530px; background:  url(../images/plus.gif) no-repeat #f5f5f5 520px;}
	.cenovnik a.selected { background:url(../images/remove.jpg) no-repeat #f5f5f5 520px;}
	.cenovnik a:hover { text-decoration:none !important; background:url(../images/plus.gif) no-repeat #F2F2F2 520px; }
	.fit_title { font-weight:bold; }
	.box_content img { margin: 0px 0px 15px 15px;  padding:2px; float:right;}
	.cenovnik div { float:left; clear:left; width:540px; font-weight:normal; }
	.cenovnik a { clear: left; float:left; text-decoration:none; cursor:pointer; font-weight:bold; height:25px; margin:3px 0; padding:0px 5px; width:530px; background:url(../images/plus.gif) no-repeat #f5f5f5 520px;}
	.cenovnik a.selected { background:url(../images/minus.gif) no-repeat #f5f5f5 520px;}
	.cenovnik a:hover { text-decoration:underline;}
	
	.galerija { width:546px; margin: 20px 0px 6px 0px; background-color:#FFFFFF; padding:20px 0 0 0; display: block; float:left; clear:left; border-top:1px dotted #464646;}
		.galerija h2 { margin:-5px 0 5px 5px;}

		.galerija ul { float:left; padding:0px; }
		.galerija ul li{ float:left; }	
		.galerija img { float:left; padding:2px; width:120px; height:90px; border:2px solid #999; background-color:#FFFFFF; margin:5px 4px;}
		.galerija img:hover { border:2px solid #ccc;}
		.galerija ul li div a { float:left; clear:left; width:132px; height: 60px; text-align:center;}

		.galerija span { clear: left; float:left; text-decoration:none; cursor: default; font-weight:bold; line-height:25px; margin:3px 0; padding:0px 5px; width:530px; background: #f5f5f5;}
		
	.signature { background-color:#FFFFFF; border-top:1px dotted #C91901; clear:left; display:block; float:left;
margin:15px 5px 0pt 3px; padding: 10px; width:525px; line-height:130%; }

	table { width:520px; margin:0 0 15px 10px; text-align:center;}
		thead tr td { border-bottom:solid 2px #cf402c; vertical-align:middle; text-align:center; padding:3px;}
		tr { border-bottom:solid 1px #ffcdc6;}
		tr:hover { border-bottom:solid 1px #ffcdc6;}
		td { padding:3px; border-bottom:solid 1px #ffcdc6;}
	.postojece { width:480px; margin:0 0 0 30px;}
	.tenis_table { width:350px; margin:0 0 0 100px;}
	
	td.pdv { font-size:0.85em; border:none;}
	.pdv { font-size:0.85em; border:none; margin-bottom:0px; text-align:left;}
	
	.pdf { float:right; clear:right; width:210px; border:solid 1px #cecece; line-height:inherit; padding:5px; text-align:left; margin:10px 10px 0 5px; background: url(../images/bg_pdf.gif) repeat-x left top; }
	.pdf:hover { border: 1px solid #c2c2c2; }
	.pdf dt { width:50px; float:left;}
	.pdf dt a { width:50px; text-decoration:none;}
	
	#list1b div {  }
	#list1b .pdf dt a img { margin:0px; border:solid 2px #EFEFEF;}
	.pdf dd { width:130px; float:left; padding:0 5px;}
	.pdf dd a { width:130px; text-decoration:none;}
	.pdf dd a:hover {text-decoration:underline;}
	.pdf a { background:none; float:left; clear:left; height: auto;}
	.pdf a:hover { background:none;}
	.pdf a img { margin:0px;}
	
.extra_panel { border:2px solid #EFEFEF; float:right; margin:5px 10px 15px 15px; padding:2px; width:200px; }
.extra_panel h3 { background:#EFEFEF; margin-bottom:1px; padding-left:5px; clear:left; }
.extra_panel ul li { background:url(../images/bullet.gif) left 20% no-repeat; padding-left:11px; margin-top:3px; }
.no-bullet li { padding-left:2px !important; background:none !important; }

.q_open { background:url(../images/q_open.jpg) left top no-repeat; width:89%; padding:0 0 0 60px;}
.q_close { background:url(../images/q_close.jpg) right bottom no-repeat; padding:0 60px 0 0;}

#news-list li { border-bottom:1px dotted #CCCCCC; padding:10px 0; }
#news-list li img { border:1px solid #CCCCCC; padding:3px; margin:3px 10px 10px 0px; float:left;}
#news-list li em { float:left; width:100px; margin-bottom:10px; }
#news-list li h3 { margin-bottom:10px; }
.txt_vesti { text-align:justify; clear:right; }
.box_content .txt_vesti img { border:1px solid #CCCCCC; padding:3px; margin:3px 15px 10px 0px; float:left; }
.box_content .txt_vesti a.archive { background:transparent url(../images/button.jpg) no-repeat scroll 0%; border:1px solid #8F8F8F; line-height:25px; margin-left:2px; margin-top:20px; width:80px; text-align:center; float:right;}
.box_content .txt_vesti a.archive:hover { border:1px solid #5F5F5F; margin-top:20px;}
.box_content .txt_vesti ul  { display:block; float:none; }
.box_content .txt_vesti li  { clear:left; border:none !important; padding:3px 0px 3px 20px !important; background:url(../images/zvezda_li.png) left center no-repeat; }

#paginator { margin: 0 auto; display: block; margin-top:20px; width:540x;}
#paginator-list { margin:0 auto; width:300px; float:none; text-align:center; }
#paginator-list li { margin-right: 5px; list-style-image: none; display: block; float: left; }
#paginator-list li a { display: block; padding:4px 8px; background:#E6E6E6; border:1px solid #999999; }
#paginator-list li a:hover { background:#8F8F8F; }
#paginator-list .selected { background:#8F8F8F; }

p.pomereno {margin:5px 0 0 25px;}

#list1b div ul li { float:left; display:block;}
#list1b div ul li a { float:left; display:block; background:none; height:auto; margin:3px 0pt;
padding:0px 5px; text-decoration:none; width:auto;}
#list1b div ul li a img { float:left; border:solid 1px #CCCCCC;}
#list1b div ul li a img:hover { float:left; border:solid 1px #FF0000;}

/* LIGE
------------------------------------------------ */

.liga_banaka  { width:260px; border:1px solid #ebebeb; margin:0 10px 15px 0; float:left; border-spacing:2px; font-size:11px;}
	*html .liga_banaka { margin:0 10px 15px 0; width:250px;}

	.liga_banaka thead td { text-align:left; background:url(../images/football.jpg) no-repeat 210px 90% #ebebeb;}
	.liga_banaka td { border:1px solid #ebebeb; padding:0 0 0 3px; text-align:center; vertical-align:middle;}
	
	.tabela { width:530px; margin:10px 0 0 0;}
	.tabela thead td { text-align:center; background-color:#ebebeb; background-image:none}
	.tabela td { padding:0 2px;}

.vesti_liga { width:259px; border:1px solid #ebebeb; float:left; padding:3px; margin:0px 0;}
	*html .vesti_liga { width:250px;}
	.vesti_liga .title_liga { font-weight:bold; margin:5px 2px;}
	.vesti_liga p { margin:5px 0 0 0;}
	.vesti_liga img {float:left; margin:2px; border:1px solid #ebebeb;}
	.vesti_liga dl { width:259px;}
	*html .vesti_liga dl { width:240px;}
	.vesti_liga dt { float:left; clear:left; width:70px; margin:0 5px 0 0;}
	.vesti_liga dd a { font-weight:bold; text-decoration:none;  float:left; clear:left; width:255px; margin:0 0 0 0;}
	*html .vesti_liga dd a { width:240px;}
	.vesti_liga dd a:hover { text-decoration: underline;}
	.title_vesti { background:#ebebeb; width:249px; height:20px; margin:0px; padding: 0 5px; font-weight:bold; }
	*html .title_vesti { width:240px;}
	.liga_vesti_date { float:left;  }
	.liga_vesti_title { float:/*left*/none; font-weight:bold; width:auto; padding:0 0 0 0;  clear:right;}
	*html .liga_vesti_title { width:370px;}


/* CONTACT
------------------------------------------------ */

.forma { width:540px; margin:30px 0 0 0px; border-top:dotted 1px #CCCCCC; padding:10px 0 0 0;}
	.forma ul { float:left; width:540px;}
	.forma li { float:left; width:220px; margin:4px 5px;}
	.forma input { margin:0 ; float: right; width: 150px; border:solid 1px #8F8F8F; padding:2px;}
	.forma input:hover { border:solid 1px #ffb0b0;}
	.forma .poruka { width:500px; float:left;}
	.forma .poruka input { margin:0 0 0 10px ; float: left; width: 380px; height:100px; border:solid 1px #8F8F8F; padding:2px;}
	.forma .poruka input:hover { border:solid 1px #ffb0b0;}
	.forma label { margin:0 ; float: left;}
	.forma select { margin:0 0 0 12px; border:solid 1px #8F8F8F; }
	.forma .button { width:70px; cursor:pointer; margin:0 80px 0 0;}
	.forma .button:hover {background-color: #efefef; border:solid 1px #ffb0b0;}
	
	
/* FOOTER
------------------------------------------------ */		
#footer { float:left; clear:both; width: 995px; background:url(../images/footer_bg.jpg) no-repeat #e4e5e5; display: inline-block; height:100px; padding-right: 25px; }
	#footer ul { width:500px; margin:0 0 0 10px;}
	#footer ul li  { float:left; margin:40px 5px 40px 0; padding:0 10px 0 5px; border-right: solid 1px #464646;}
	#footer ul li.last { border-right:none;}
	.footer_right { float:right; margin:40px 0; width:200px; text-align:right;}

	.left { float:left; clear:left;}
	.left img { float:left;}
	.width { width:200px;}
	.obavestenje { font-size:14px;}