html,body{
	       margin:0;
      padding:0;
	  height: 100%;
      border:none
   }
Body {
	background-color: #143f62;
	}


a									{ text-decoration: none; color:#4779ab }
a:hover								{ color: #fff }
ul									{ list-style: none; }

/*
	LEVEL ONE
*/
ul.dropdown                         { z-index: 2; display: table-cell; position:relative; padding-left:4px; padding-top:0px; padding-bottom:0px; padding-right:4px}
ul.dropdown li                      { font-weight: bold; font-size: 24px; }
ul.dropdown a:hover		            { color: #205885; }
ul.dropdown a:active                { color: #fff;  }
ul.dropdown li a                    { display: table-cell; padding: 4px 4px;
	 								  color: #4779ab;
										font-family: 'Roboto Condensed', sans-serif;
									 }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #d5e7f9; color: #205885;}
ul.dropdown li.hover a              { color: #205885; }


/*
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; top: 40px; left: -40px; }
ul.dropdown ul li 					{ font-weight: normal; font-size: 13px; padding: 2px; background: #fff; color: #205885;
									  border-bottom: 1px solid #ccc; float: none; text-align:left }

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 181px; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

a.popup {
                position:relative;
                z-index:24;
                color:#000000;
                text-decoration:none;
        }
a.popup:hover {
                z-index:25; }
a.popup span {display:none; }
a.popup:hover span {
                z-index:25;
				display:block;
                position:absolute;
                top:15px;
				min-width:160px;
                padding:5px;
                background-color:#2973af;
				font-family: 'Roboto Condensed', sans-serif;
				font-size: 12px;
				color: #ffffff;
				list-style:circle;
        }

a.ikone {
				                position:relative;
				                z-index:24;
				                color:#000000;
				                text-decoration:none;
				        }
a.ikone:hover {
				                z-index:25; }
a.ikone span {display:none; }
a.ikone:hover span {
				                z-index:25;
								display:block;
				                position:absolute;
				                top:15px;
								min-width:160px;
				                padding:5px;
				                background-color:#e9ecef;
								font-family: 'Roboto Condensed', sans-serif;
								font-size: 12px;
								color: #ffffff;
								list-style:circle;
				        }

​.ja{}

.boxgrid1{
				width: 286px;
				height: 311px;
				margin:10px;
				float:left;
				background:#161613;
				border: solid 1px #8399AF;
				overflow: hidden;
				position: relative;
}
				.boxgrid1 img{
					position: absolute;
					top: 0;
					left: 0;
					border: 0;
}
				.boxgrid1 p{
					padding: 0 10px;
					color:#afafaf;
					font-weight:bold;
					font:10pt "Lucida Grande", Arial, sans-serif;
				}


.boxgrid{
				width: 557px;
				height: 311px;
				margin:10px;
				float:left;
				background:#161613;
				border: solid 1px #8399AF;
				overflow: hidden;
				position: relative;
			}
				.boxgrid img{
					position: absolute;
					top: 0;
					left: 0;
					border: 0;
				}
				.boxgrid p{
					padding: 0 10px;
					color:#afafaf;
					font-weight:bold;
					font:10pt "Lucida Grande", Arial, sans-serif;
				}


.boxgrid2{
				width: 200px;
				height: 200px;
				margin:10px;
				float:left;
				background:#161613;
				border: solid 1px #8399AF;
				overflow: hidden;
				position: relative;
			}
				.boxgrid2 img{
	position: absolute;
	top: 0;
	left: 1px;
	border: 0;
				}
				.boxgrid2 p{
					padding: 0 10px;
					color:#afafaf;
					font-weight:bold;
					font:10pt "Lucida Grande", Arial, sans-serif;
				}

.boxcaption{
	float: inherit;
	position: absolute;
	background: #000;
	height: 50px;
	width: 100%;
	opacity: .8;

	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
	top: 200px;
	left: -1px;
 				}
 				.caption .boxcaption {
 					top: 0;
 					left: 0;
 				}


.tabelagore {
	background-image: url(images/backup.gif);}

.backsearch {
	background-repeat:no-repeat;
	background-color:#c9cccf;
	border-bottom:1px solid #a8aaac;
	border-top:1px solid #a8aaac;
	border-left:1px solid #a8aaac;
	border-right: 1px solid #c9cccf;
	text-decoration:none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #373737;
	width:170px;
	height:26px;
	vertical-align:middle;
	margin: 0 auto;
	}

.backsearchd {
	background-image: url(images/backsearch2.gif);
	background-repeat:no-repeat;
	background-color:#c9cccf;
	border-bottom:1px solid #a8aaac;
	border-top:1px solid #a8aaac;
	border-right:1px solid #a8aaac;
	border-left:1px solid #c9cccf;
	text-decoration:none;
	color: #373737;
	width: 45px;
	height:30px;
	margin: 0px;
	}


.backsearch2 {
	background-color:#c9cccf;
	border: 1px solid #a8aaac;
	text-decoration:none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #373737;
	padding: 2px 4px;
	margin-left:2px;
	}


.tabelalinijadesno {
	background-image: url(images/backlinijadesno.gif);}

.tabelameni {
	background-image: url(images/secondFb.gif);}

.textmeni {
	display: inline-block;
	padding: 4px 6px 4px 6px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}

.textmeni a {
	display:inline-block;
	padding:4px 6px 4px 6px;
	text-decoration:none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #ffffff;}

.textmeni a:hover {
	color: #205885;
	background-color:#ffffff}

.textdroid24 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #2973af;
}

.textdroid18 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #2973af;
}


.textdroid14 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #2973af;
}

.textdroid13w {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #7798b1;
}

.textdroid12 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #b6cde6;
}

.textdroid12 a{
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration:none;
	font-size: 13px;
	color: #b6cde6;
}

.textdroid12 a:hover {
	color: #ffffff;
}

.textdroid11 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #b6cde6;
}

.textnaslovs {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #b6cde6;
}

.textnaslovs a{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #b6cde6;
}

.textnaslovs a:hover{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #fff;
}

.naslovkategorija {
	font-family: 'Roboto Condensed', sans-serif;
	padding:1px 2px 1px 2px;
	font-size: 28px;
	color: #2973af;
	border-bottom: 1px solid #2973af;
	margin-left: 3px;
	margin-right: 15px;
}

.malakocka {
	display:inline-block;
	padding:1px 3px 1px 3px;
	font-family: 'Roboto Condensed', sans-serif;
	background:#2973af;
	font-size: 12px;
	color: #fff;
}

.malakocka a {
	background:#2973af;
	color: #fff;
}

.malakocka a:hover{
	background:#2973af;
	color: #fff;
}

.linkkategorija {
	display:inline-block;
	padding:1px 2px 1px 2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #000;
}

.linkkategorija a{
	font-family: 'Roboto Condensed', sans-serif;
	padding:1px 2px 1px 2px;
	font-size: 14px;
	color: #2973af;
}

.linkkategorija a:hover {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	padding:1px 2px 1px 2px;
	color: #ffffff;
	background:#2973af;
}

.textdroid12bl {
	z-index:1;
	position:relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #2d4c64;
	list-style:circle;
}

.textdroid12bl a{
	color: #2d4c64;
}

.textdroid12bl a:hover{
	color: #4a8bbf;
}


.textdroid12blo {
	z-index:2;
	position:relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #2d4c64;
	list-style:circle;
}

.textdroid12blo a{
	color: #2d4c64;
}

.textdroid12blo a:hover{
	color: #4a8bbf;
}

.textdroidFS {
	z-index:1;
	position:relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #11222f;
	list-style:circle;
}


.textdroid14bl {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #2d4c64;
}

.textdroid14r {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #c42a32;
}

.textdroid15bl {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #2d4c64;
}

.border1 {
	border: 1px solid #2d4c64;
}

.border2 {
	border: 1px solid #286b9e;
	margin-right: 3px;
}

.podnaslov {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #fff;
	background-color:#2d4c64;
	display:block;
	padding: 3px;
	margin-right:13px;
	margin-bottom:3px;
}

.dugme {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #fff;
	background-color:#2973af;
	display:block;
	padding: 6px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
}

.dugme:hover {
	background-color:#5297ce;
}

.dugme a{
	color: #fff;
}

.dugmev {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #fff;
	background-color:#2973af;
	display:block;
	padding: 6px;
	width:680px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.dugmev:hover{
	color: #fff;
	background-color:#5297ce;
}


.dugmev a{
	color: #fff;
}

.dugmev a:hover{
	color: #fff;
	background-color:#5297ce;
}


.stats {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #fff;
	background-color:#2973af;
	display:block;
	padding: 6px;
	width:680px;
	margin-left:auto;
	margin-right:auto;
}

.stats:hover{
	color: #fff;
	background-color:#5297ce;
}


.stats a{
	color: #fff;
}

.stats a:hover{
	color: #fff;
	background-color:#5297ce;
}



.dugmemalo {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 10px;
	color: #fff;
	background-color:#2973af;
	display:inline-block;
	padding: 5px;
	margin-left:auto;
	margin-right:auto;
}

.tabeladole {
	background-image: url(images/backdole.gif);
	background-repeat:repeat-x;
	background-color: #0d2b4a}

.tabelanaslovwh {
	background-color: #ffffff;
	}

.tabelanaslovdwh {
	background-color: #efefef;
	}

.tabelanzastupamo {
	background-color: #a1b2c0;
	}

.tabelapodaci {
	background-color: #a1b2c0;
	color:#fff;
	padding: 1px
	}

.tabelancentar {
	background-color: #e9ecef;
	}

.artikalslika {
	padding:3px;
	}

.artikallink {
	background-color:#286b9e;
	display:inline-block;
	padding:2px;
	width:160px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #fff;
	margin-top: 10px;
	min-height: 163px;
	vertical-align: top;
	}

.hideme {
  display: none;
}

.artikallink:hover .hideme{
  display: block;
	position:relative;
}

.artikallink:hover {
	background-color:#437ba5;
	display:inline-block;
	padding:2px;
	width:160px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #fff;
	}

.artikallink2 {
	background-color:#286b9e;
	padding:2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #fff;
	margin-top: 10px;
	}

.plavatabela {
	background-color:#286b9e;
	padding:2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #fff;
	}

.hilite {
	display:inline-block;
	padding:1px 3px 1px 3px;
	font-family: 'Roboto Condensed', sans-serif;
	background: #FF0;
	color: #286b9e;
}
