/* Map
---------------------------------------------------------------*/
p{font-size:20px; margin-bottom:10px; line-height:30px;}
#podloga{max-width:1300px; margin:0px auto;}
#map {
	position: relative;
	width: 468px;
	height: 529px;
	border:0px solid #ff0000;
	margin:0px auto;
}
#transparent_map {
	position: absolute;
	z-index: 30;
	width: 468px;
	height: 529px;
	border: none;
}
#map ul {
	list-style: none;
}
#map li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
}
#bijeljina {
	background: url(img/bijeljina.png) no-repeat;
	width: 468px;
	height: 529px;
	top: 0px;
	left:0px;
}
#ugljevik {
	background: url(img/ugljevik.png) no-repeat;
	width: 468px;
	height: 529px;
	top: 0;
	left: 0;
}
#zvornik {
	background: url(img/zvornik.png) no-repeat;
	width: 468px;
	height: 529px;
	top: 0px;
	left: 0px;
}
#vlasenica {
	background: url(img/vlasenica.png) no-repeat;
	width: 468px;
	height: 529px;
	top: 0px;
	left: 0px;
}
#bratunac {
	background: url(img/bratunac.png) no-repeat;
	width: 468px;
	height: 529px;
	top: 0px;
	left: 0px;
}
/* Tooltip
---------------------------------------------------------------*/
.tooltip {
	background: url(img/tooltip-bg.png);
	padding: 3px 6px;
	border: 1px solid #ff0;
	position: absolute;
	z-index: 25;
}

#nazivRJ{
text-align:center;
width:300px;
margin:0px auto;
color:#166597;
font-size:30px;
line-height:55px;
font-weight:bold;
border:1px solid #166597;
border-radius:10px;
font-family: 'Roboto Condensed', sans-serif;
padding:0;

}

#RJ{
border:0px solid #ff0000; 
position:absolute;
right:0px;
top:50%;
color:#166597;
font-size:22px;
font-weight:bold;
}

#besplatni{
color:#CD0E04; 
font-weight:bold;
text-align:center; 
margin-top:20px;
font-size:20px;
}
.left{width:48%; float:left; border:0px solid #ff0000; padding-top:20px;}
.right{float:left; width:50%; border:0px solid #ff0000; background-color:transparent;}


/*----------------------RJ------------------------------------*/
#rezultat{font-size:20px; overflow:auto; margin-top:40px; border:0px solid #ff0000;}

.naslov{font-size:24px; font-weight:bold; text-align:center; margin-bottom:20px; color:#166597;}

table{width:100%; font-size:18px; border-spacing: 0px; margin-bottom:40px; border-top:1px solid #166597;}

td:nth-child(1) {width:30%;}
tr:nth-child(1) { border-bottom:1px solid #166597; font-weight:bold;}
tr:nth-child(odd) {background: #e7e7e7;}
tr:nth-child(even) {background: #fff;}
td { padding: 3px 10px;}

/*----------------------EKRAN------------------------------------*/
@media screen and (max-width: 770px) {
   .left{width:100%;}
   .right{width:100%;}
   #RJ{left:10%;}
   table{font-size:16px;}
}