/* CSS Document */

html, body {width:100%; height:100%; margin:0px; padding:0px;}
a, div, input, select {outline:none;}

body {background:#bbbfc3 url(images/bg-tile2.jpg) 0 0 repeat-x; position:relative; font-family:Tahoma, Helvetica, sans-serif; font-size:9px;}
a {background-position:top;}
a:hover {background-position:bottom;}
a.active {background-position:bottom;}
a, a:hover, a:visited, a:active {color:#000000 !important;}

.acenter {text-align:center !important;}

#intro {background:#bcb8b7 url(images/bg-tile.jpg) 0 0 repeat-x; position:relative;}
#index {position:relative;
		width:692px; 
		height:512px;
		overflow:hidden;
		background:url(images/bg-index.jpg) 0 0 no-repeat;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:16px;
	    }

#mainContainer {margin-left:auto; margin-right:auto; margin-top:11px; margin-bottom:0px;}
#mainContainer tr td {vertical-align:top; text-align:left;}


/*                           NAVIGATION                           */
#nav-vertical {display:block; margin:0px; padding:0px;}
#nav-vertical li {display:block; margin:0px; padding:0px;}
#nav-vertical li a {display:block; position:relative; margin:0px 0px 3px 0px; width:30px; height:34px; overflow:hidden; font-size:1px; background-repeat:no-repeat;}

#aPocetna {background-image:url(images/alkarski-home.gif);}
#aSinj {background-image:url(images/alkarski-sinj.gif);}
#aNatjecanje {background-image:url(images/alkarsko-natjecanje.gif);}
#aKopljanici {background-image:url(images/alkarski-kopljanici.gif);}
#aMomak {background-image:url(images/alkarski-momak.gif);}
#aKonj {background-image:url(images/alkarski-konj.gif);}
#aOruzje {background-image:url(images/alkarska-odora-oruzje.gif);}
#aPovijest {background-image:url(images/alkarska-povijest.gif);}
#aDrustvo {background-image:url(images/alkarsko-drustvo.gif);}
#aNovosti {background-image:url(images/novosti.gif);}
#aKontakt {background-image:url(images/alkarski-kontakt.gif);}
#aPogovor {background-image:url(images/alkarski-pogovor.gif);}





/*                           PAGINATION                           */
#pagination{display:block; margin:8px 0 0 5px; padding:0px; list-style:none;}
#pagination li {display:block; margin:0px; padding:0px; line-height:30px; float:left; margin:0px 5px}
#pagination li a {display:block; position:relative; margin:0px 0px 0px 0px; padding:0px; text-decoration:underline; color:#000;}
#pagination li a:hover {text-decoration:underline;}
#pagination li a.active {text-decoration:none; font-size:11px;}

#upArrow {display:block; margin:0px; padding:0px; width:34px; height:30px; overflow:hidden; text-decoration:none; background-image:url(images/up.gif); background-repeat:no-repeat;}
#downArrow {display:block; margin:0px; padding:0px; width:34px; height:30px; overflow:hidden; text-decoration:none; background-image:url(images/down.gif); background-repeat:no-repeat;}
.numberContainer {text-align:center !important; padding:3px 0 5px 0;}


/*                         LANGUAGE CHOOSER                         */
a#hrvatski {display:block;
		   position:absolute;
		   left:389px;
		   top:74px;
		   width:43px;
		   height:13px;
		   background:url(images/hrvatski.jpg) top right no-repeat;
		   cursor:pointer;
		  }	
		  
a#hrvatski:hover {background:url(images/hrvatski.jpg) top left no-repeat;}
a#english {display:block;
		   position:absolute;
		   left:389px;
		   top:93px;
		   width:43px;
		   height:15px;
		   background:url(images/english.jpg) top right no-repeat;
		   cursor:pointer;
		  }			  
a#english:hover {background:url(images/english.jpg) top left no-repeat;}	


.column {padding:0px 10px 0px 10px; white-space:nowrap; line-height:20px; }
.column2 {padding:0px 10px 0px 10px; line-height:20px; width:750px }
.column2 img.r {margin:5px 0 5px 10px}
.column2 img.l {margin:5px 10px 5px 0px}
.vcenter {vertical-align:middle !important;}
.vtop {vertical-align:top !important;}
.hcenter {text-align:center;}
.title {margin:0px 0px 15px 8px; display:block;}

input.text {height:11px; padding:2px 4px 1px 4px; font-family:Tahoma, Helvetica, sans-serif; font-size:9px; line-height:13px; width:220px; background:#eee; border:1px solid #999}
textarea.textarea { padding:2px 4px 1px 4px; font-family:Tahoma, Helvetica, sans-serif; font-size:9px; line-height:13px; width:320px; background:#eee; border:1px solid #999}



/*#mainContainer tr td*/ .uodbor tr td {text-align:center; padding:3px}
/*#mainContainer tr td*/ .uodbor tr.border td {border-bottom:1px solid #999;}
/*#mainContainer tr td*/ .uodbor tr td img {height:100px; border:1px solid #333;}
/*#mainContainer tr td*/ .uodbor {margin-bottom:17px;}

.w100pct {width:100%;}
.wp20 {width:20%;}
.wp33 {width:33%;}
.w38 {width:38px;}
.w50 {width:50px;}
.w205 {width:205px;}
.w450 {width:450px;}
.w670 {width:670px;} 
.w980 {width:980px;} 


.h100pct {height:100%;}	  	

.h50 {height:50px;}
.h100 {height:100px;}
.h510 {height:480px; min-height:480px;}
.h560 {height:560px;}

#vad tr, #vad tr.nobg, #vad tr.nobg:hover {background-color:transparent;}
#vad tr:hover {background-color:#c2c6c9;} 
.greyBody {background-color:#bbbfc3}

.morelink, .closelink {cursor:pointer;}