/* CSS Document */
html, body {height:100%;margin:0px; padding:0px; }
body {
	behavior: url(csshover2.htc);
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background:#fff;
	}

	/* clear default styles and browser fixes
--------------------------------------------------------------*/
* {margin:0px; padding:0px;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,p { font-size:1.1em;font-family:Verdana,Arial, Helvetica, sans-serif; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {font-size:1.1em; margin:0; padding:0 }
a img,:link img,:visited img { border:none }
/*------------------------------------------------------------*/


a {text-decoration:none}
a:hover {color:#000; text-decoration:none}
table {width:100%; border-collapse:collapse;}
center {position:absolute; left:-10000px; height:0px; width:0px; overflow:hidden;}
	/* begin custom style
--------------------------------------------------------------*/
a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover {
	color: #006633;
}
a:active {
	color: #006633;
} 

.main {
	position:relative;
	width:912px;
	height:651px;
	margin:20px auto 0 auto;
	font-size:12px;
	}

.slike {
border:1px;
border-color:#666666;
border-style:solid;
}

#menu {position:absolute; top:0px; left:0px;}

#index {background:url(../images/design/bg_index.jpg) no-repeat;}
#suradnici {background:url(../images/design/bg_suradnici.jpg) no-repeat;}
#batucada {background:url(../images/design/bg_rsd.jpg) no-repeat;}
#izdavastvo {background:url(../images/design/bg_izdavastvo.jpg) no-repeat;}
#performansi {background:url(../images/design/bg_performansi.jpg) no-repeat;}
#capoeiraakademija {background:url(../images/design/bg_capoeira_i_treninzi.jpg) no-repeat;}
#kontakt {background:url(../images/design/bg_kontakt.jpg) no-repeat;}
#eko {background:url(../images/design/bg_eko.jpg) no-repeat;}

#menu {}
#menu li, #submenu li, #submenu_2 li {position:absolute; display:block; overflow:hidden;}
#menu li#m_home {top:29px; left:795px; height:77px; width:82px;}
#menu li#m_cap {top:0px; left:148px; height:94px; width:209px;}
#menu li#m_perf {top:24px; left:458px; height:86px; width:156px;}
#menu li#m_izda {top:97px; left:586px; height:65px; width:144px;}
#menu li#m_bat {top:172px; left:640px; height:78px; width:154px;}
#menu li#m_sur {top:267px; left:708px; height:60px; width:115px;}
#menu li#m_kon {top:113px; left:4px; height:98px; width:122px;}
#menu li#m_eko {top:241px; left:31px; height:144px; width:112px;}

#menu li#m_home a img {margin-top:-77px}
#menu li#m_cap a img {margin-top:-94px}
#menu li#m_perf a img {margin-top:-86px}
#menu li#m_izda a img {margin-top:-65px}
#menu li#m_bat a img {margin-top:-78px}
#menu li#m_sur a img {margin-top:-60px}
#menu li#m_kon a img {margin-top:-98px}
#menu li#m_eko a img {margin-top:-144px}

#menu li#m_home a:hover img, #menu li#m_home a.active img{margin-top:0px}
#menu li#m_cap a:hover img, #menu li#m_cap a.active img{margin-top:0px}
#menu li#m_perf a:hover img, #menu li#m_perf a.active img{margin-top:0px}
#menu li#m_izda a:hover img, #menu li#m_izda a.active img{margin-top:0px}
#menu li#m_bat a:hover img, #menu li#m_bat a.active img{margin-top:0px}
#menu li#m_sur a:hover img, #menu li#m_sur a.active img{margin-top:0px}
#menu li#m_kon a:hover img, #menu li#m_kon a.active img{margin-top:0px}
#menu li#m_eko a:hover img, #menu li#m_eko a.active img{margin-top:0px}


#submenu {
	position:absolute;
	top:506px;
	left:165px;
	width:500px;
	height:140px;
}
#submenu li#m_vijesti {top:0px; left:0px; height:22px; width:74px; }
#submenu li#m_vijesti a img {margin-top:-22px}
#submenu li#m_vijesti a:hover img, #submenu li#m_vijesti a.active img {margin-top:0px}

#submenu li#m_batizado {top:0px; left:0px; height:22px; width:120px; }
#submenu li#m_batizado a img {margin-top:-22px}
#submenu li#m_batizado a:hover img, #submenu li#m_batizado a.active img {margin-top:0px}

#submenu li#m_capoeira {top:10px; left:0px; height:22px; width:74px; }
#submenu li#m_capoeira a img {margin-top:-22px}
#submenu li#m_capoeira a:hover img, #submenu li#m_capoeira a.active img {margin-top:0px}

#submenu li#m_muzika {top:25px; left:80px; height:22px; width:74px; }
#submenu li#m_muzika a img {margin-top:-22px;}
#submenu li#m_muzika a:hover img, #submenu li#m_muzika a.active img {margin-top:0px}

#submenu li#m_treninzi {top:55px; left:235px; height:22px; width:74px; }
#submenu li#m_treninzi a img {margin-top:-22px;}
#submenu li#m_treninzi a:hover img, #submenu li#m_treninzi a.active img {margin-top:0px}

#submenu li#m_treneri {top:35px; left:158px; height:22px; width:74px; }
#submenu li#m_treneri a img {margin-top:-22px;}
#submenu li#m_treneri a:hover img, #submenu li#m_treneri a.active img {margin-top:0px}

#submenu li#m_video {top:25px; left:307px; height:22px; width:74px; }
#submenu li#m_video a img {margin-top:-22px;}
#submenu li#m_video a:hover img, #submenu li#m_video a.active img {margin-top:0px}

#submenu li#m_slike {top:0px; left:380px; height:22px; width:74px; }
#submenu li#m_slike a img {margin-top:-22px;}
#submenu li#m_slike a:hover img, #submenu li#m_slike a.active img {margin-top:0px}

#submenu_2 {
	position:absolute;
	top:440px;
	left:165px;
	width:320px;
	height:90px;
}
#submenu_2 li#m_centar {top:0px; left:0px; height:22px; width:220px; }
#submenu_2 li#m_centar a img {margin-top:-22px}
#submenu_2 li#m_centar a:hover img, #submenu_2 li#m_centar a.active img {margin-top:0px}

#submenu_2 li#m_facebook {top:30px; left:0px; height:22px; width:300px; }
#submenu_2 li#m_facebook a img {margin-top:-22px}
#submenu_2 li#m_facebook a:hover img, #submenu_2 li#m_facebook a.active img {margin-top:0px}

#text {
	text-align:justify;
	font-family:Verdana;
	font-size:10px;
	margin-top:10px;
		}
		
#iplay {
	text-align:justify;
	font-family:Verdana;
	font-size:10px;
	margin-top:10px;
		}

#text_frm {

	text-align:justify;
	font-family:Verdana;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
		}
#text_kontakt {

	text-align:justify;
	font-family:Verdana;
	font-size:11px;
	margin-top:3px;
	margin-bottom:3px;
		}

.okvir_centar {
font-family: Verdana;
font-size:11px;
font-weight:bold;
text-align:center;
background-color:#ccc;
border-color:#fbfbfb;
}

.okvir {
font-family: Verdana;
font-size:11px;
font-weight:bold;
text-align:justify;
}

.naslov {
font-family: Verdana;
font-size:11px;
font-weight:bold;
text-align: justify;
background: inherit;
}

.tablica {
font-family: Verdana;
font-size:11px;
text-decoration:none;
text-align: right;
background: inherit;
}

.tablicam {
font-family: Verdana;
font-size:11px;
width:450px;
margin:2px 2px 2px 2px;
text-decoration:none;
text-align: justify;
background: inherit;
}

.batucada_slike {
width:450px;
height:250px;
padding-top:12px;
background: inherit;
}

.tablicab {
font-family: Verdana;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align: right;
background: inherit;
}

.tablicac {
font-family: Verdana;
font-size:11px;
text-decoration:none;
text-align: center;
background: inherit;
}

#main_content {
	position:absolute;
	top:165px;
	left:165px;
	width:455px;
	height:340px;
	}

#iframe_inside {
position:absolute;
	top:0px;
	left:0px;
	width:455px;
	height:320px;
			}
#main_content p{text-align:justify; font-size:11px; margin:6px 0px; line-height:15px	}

#content_container h1 {
	border-bottom:1px solid #333;
	margin:0px 0px 10px 0px;
	padding:0 0 0px 0px;
	font-size:15px;
	font-family:Trebuchet;
	line-height:18px;
	font-weight:bold;
	clear:both;
	background:#000 url(../images/design/bg_h1.jpg) repeat-x 0px 1px;
	text-transform:uppercase;
	}
#content_container h1 span{
	background:#000;
	padding:0px 5px;
	color:#0077ff !important;
	}
	
.news{
	margin:0 0px 13px 0;
	}
.news .introimg {
	position:relative;
	float:left;
	margin:4px 8px 3px 0;
	}
.news .date {
	position:relative;
	float:right;
	font-size:10px;
	clear:both;
	}
.news .date a {
	font-size:11px;
	font-weight:bold
	}
.news img {
	margin:2px 8px;
	}


#content_container .inner{
	margin:0 0px 40px 0;
	}
#content_container .inner p{
	margin:0px 0px 1em 0;
	}
#content_container .innertext p img{ 
	margin:2px 8px;
	}

#content_container .morelink {
	position:relative;
	float:right;
	font-size:10px;
	clear:both;
	}
#content_container .morelink a {
	font-size:11px;
	font-weight:bold;
	color:#07f;
	text-decoration:none;
	}



#right {
	position:relative;
	float:left;
	width:170px;
	}
	
#right h2 {
	border-bottom:1px solid #333;
	margin:0px 0px 5px 0px;
	padding:0 0 0px 0px;
	font-size:15px;
	font-family:Trebuchet;
	line-height:18px;
	font-weight:bold;
	clear:both;
	background:#000 url(../images/design/bg_h2.jpg) repeat-x 0px 1px;
	text-transform:uppercase;
	}
	
#right h2 span{
	background:#000;
	padding:0px 5px;
	color:#0077ff !important;
	}
	
#right ul {
	margin-bottom:15px;
	}	
#right li {
	color:#0077FF;
	border-bottom:1px solid #333;
	padding:3px 0px;
	}	
	
#right li .date, #right li a {
	color:#0077FF;
	}	
#right li .date {
	font-size:10px;
	}	
#right li a:hover {
	text-decoration:underline;
	}	
#right li a {
	font-size:12px;
	}	

#banner_header {
	position:relative;
	float:right;
	height:60px;
	margin:20px 10px 0 0;
	overflow:hidden;
	}

#banner_middle {
	margin:0px 0px 15px 0px;
	text-align:center;
	}
#banner_header {
	position:relative;
	float:right;
	line-height:80px;
	}

#scroll_a {
	position:absolute;
	left:635px;
	top:300px;
	width:94px;
	height:16px;
}

#scroll_b {
	position:absolute;
	left:635px;
	top:400px;
	width:94px;
	height:16px;
}



#footer {
	position:relative;
	width:977px;
	margin:0px auto;
	padding:3px 0px;
	text-align:left;
	border-top:2px solid #067baf;
	border-bottom:2px solid #067baf;
	}
#footer ul {float:left;}
#footer ul li {position:relative;float:left; margin:0px 6px 0 0; background:#bdd6e5; border:1px solid #067baf; padding:2px 13px}
#footer ul#footer_menu li a {color:#333; font-size:14px;}
#footer ul li a:hover {color:#666;}

#news input.radio {margin:0px 5px}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




	/* general classes
--------------------------------------------------------------*/
.leftoff { position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}

.small {font-size:10px; font-weight:bold}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.red {color:red}
.gray {color:#666}
.white {color:#fff}

.fl_left {float:left}
.fl_right {float:right}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}


.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}