@charset "UTF-8";
body {
	background-color: #004b8c;
}
#container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 160px;
	width: 940px;
	background-image: url(../_img/header-bg.png);
	background-repeat: no-repeat;
}
#logo {
	background-image: url(../_img/logo.png);
	height: 100px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	float: left;
}#header #logo h1 a{
	display: block;
	height: 100px;
	width: 300px;
}
.banner {
	float: left;
	height: 30px;
	width: 830px;
	background-image: url(../_img/banner.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 7px;
	margin-right: 55px;
	margin-bottom: 23px;
	margin-left: 55px;
	display: inline;
	overflow: hidden;
}
.banner.en {
	background-position: center -30px;
}
.banner.de {
	background-position: center -60px;
}
#navigation {
	float: left;
	height: 80px;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#language {
	float: left;
	width: 30px;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 5px;
	height: 70px;
	text-align: center;
	margin-bottom: 10px;
}
#content {
	width: 940px;
	padding-top: 20px;
}
#content .naslovni a,
#content .naslovnien a,
#content .naslovnide a {
	height: 310px;
	width: 460px;
	display: block;
}
#content .naslovni h2,
#content .naslovnien h2,
#content .naslovnide h2 {
	margin: 0;
}
#content .naslovni, 
#content .naslovnien,
#content .naslovnide {
	height: 310px;
	width: 460px;
	float: left;
}
#content .naslovni {
	background-image: url(../_img/redovne-linije.jpg);
	background-repeat: no-repeat;
}
#content .naslovnien {
	background-image: url(../_img/redovne-linije-en.jpg);
	background-repeat: no-repeat;
}
#content .naslovnide {
	background-image: url(../_img/redovne-linije-de.jpg);
	background-repeat: no-repeat;
}
#content .naslovni.desno {
	margin-left: 20px;
	background-image: url(../_img/panoramsko-razgledanje.jpg);
	background-repeat: no-repeat;
}
#content .naslovnien.desno {
	margin-left: 20px;
	background-image: url(../_img/panoramsko-razgledanje-en.jpg);
	background-repeat: no-repeat;
}
#content .naslovnide.desno {
	margin-left: 20px;
	background-image: url(../_img/panoramsko-razgledanje-de.jpg);
	background-repeat: no-repeat;
}
.nav {
	width:600px;
	height:80px;
	background-image:url(../_img/navigation.png);
	position:relative;
	overflow:hidden;
}
.nav li {
display:inline-block;
}
.nav li a:link,.nav li a:visited {
position:absolute;
top:0;
height:80px;
text-indent:-9000px;
}
.nav .linije a:link,.nav .linije a:visited {
left:0px;
width:140px;
}
.nav .linije a:hover,.linije .home a:focus {
background:url(../_img/navigation.png) no-repeat 0px -80px;
}
.nav .razgledanje a:link,.nav .razgledanje a:visited {
left:140px;
width:178px;
}
.nav .razgledanje a:hover,.nav .razgledanje a:focus {
background:url(../_img/navigation.png) no-repeat -140px -80px;
}
.nav .autobusi a:link,.nav .autobusi a:visited {
left:318px;
width:150px;
}
.nav .autobusi a:hover,.nav .autobusi a:focus {
background:url(../_img/navigation.png) no-repeat -318px -80px;
}
.nav .kontakt a:link,.nav .kontakt a:visited {
left:466px;
width:135px;
}
.nav .kontakt a:hover,.nav .kontakt a:focus {
background:url(../_img/navigation.png) no-repeat -466px -80px;
}
.naven {
	width:600px;
	height:80px;
	background-image:url(../_img/navigation-en.png);
	position:relative;
	overflow:hidden;
}
.naven li {
display:inline-block;
}
.naven li a:link,.naven li a:visited {
position:absolute;
top:0;
height:80px;
text-indent:-9000px;
}
.naven .routes a:link,.naven .routes a:visited {
left:0px;
width:140px;
}
.naven .routes a:hover,.routes .home a:focus {
background:url(../_img/navigation-en.png) no-repeat 0px -80px;
}
.naven .sightseeing a:link,.naven .sightseeing a:visited {
left:140px;
width:178px;
}
.naven .sightseeing a:hover,.naven .sightseeing a:focus {
background:url(../_img/navigation-en.png) no-repeat -140px -80px;
}
.naven .buses a:link,.naven .buses a:visited {
left:318px;
width:150px;
}
.naven .buses a:hover,.naven .buses a:focus {
background:url(../_img/navigation-en.png) no-repeat -318px -80px;
}
.naven .contact a:link,.naven .contact a:visited {
left:466px;
width:135px;
}
.naven .contact a:hover,.naven .contact a:focus {
background:url(../_img/navigation-en.png) no-repeat -466px -80px;
}
.navde {
	width:600px;
	height:80px;
	background-image:url(../_img/navigation-de.png);
	position:relative;
	overflow:hidden;
}
.navde li {
display:inline-block;
}
.navde li a:link,.navde li a:visited {
position:absolute;
top:0;
height:80px;
text-indent:-9000px;
}
.navde .buslinien a:link,.navde .buslinien a:visited {
left:0px;
width:140px;
}
.navde .buslinien a:hover,.buslinien .home a:focus {
background:url(../_img/navigation-de.png) no-repeat 0px -80px;
}
.navde .busrundfahrt a:link,.navde .busrundfahrt a:visited {
left:140px;
width:178px;
}
.navde .busrundfahrt a:hover,.navde .busrundfahrt a:focus {
background:url(../_img/navigation-de.png) no-repeat -140px -80px;
}
.navde .busmiete a:link,.navde .busmiete a:visited {
left:318px;
width:150px;
}
.navde .busmiete a:hover,.navde .busmiete a:focus {
background:url(../_img/navigation-de.png) no-repeat -318px -80px;
}
.navde .kontakt a:link,.navde .kontakt a:visited {
left:466px;
width:135px;
}
.navde .kontakt a:hover,.navde .kontakt a:focus {
background:url(../_img/navigation-de.png) no-repeat -466px -80px;
}

.flags {
	width:22px;
	height:58px;
	background-image:url(../_img/flags.png);
	position:relative;
	overflow:hidden;
}
.flags li {
display:inline-block;
}
.flags li a:link,.flags li a:visited {
position:absolute;
top:0;
height:16px;
width:22px;
text-indent:-9000px;
}
.flags .srpski a:link,.flags .srpski a:visited {
left:0px;
}
.flags .srpski a:hover,.srpski .home a:focus {
background:url(../_img/flags.png) no-repeat -22px 0px;
}
.flags .engleski a:link,.flags .engleski a:visited {
left:0px;
top:21px;
}
.flags .engleski a:hover,.flags .engleski a:focus {
background:url(../_img/flags.png) no-repeat -22px -21px;
}
.flags .nemacki a:link,.flags .nemacki a:visited {
left:0px;
top:42px;
}
.flags .nemacki a:hover,.flags .nemacki a:focus {
background:url(../_img/flags.png) no-repeat -22px -42px;
}

#content .malibanner {
	background-image: url(../_img/mali-banner-bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 164px;
	width: 264px;
	margin-top: 20px;
	padding: 18px;
	display:inline;
}
.lmargin20 {
	margin-left: 20px;
}
.bottom20 {
	margin-bottom: 20px;
}
#content .malibanner .hide.h4-kontakt,
#content .malibanner .hide.h4-promocije,
#content .malibanner .hide.h4-onama,
#content .malibanner .hide.h4-kontakten,
#content .malibanner .hide.h4-promocijeen,
#content .malibanner .hide.h4-onamaen,
#content .malibanner .hide.h4-kontaktde,
#content .malibanner .hide.h4-promocijede,
#content .malibanner .hide.h4-onamade {
	background-image: url(../_img/mali-banner-h3.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 240px;
	margin-bottom: 10px;
}
#content .malibanner .hide.h4-kontakt {
	background-position: left top;
}
#content .malibanner .hide.h4-promocije {
	background-position: left center;
}
#content .malibanner .hide.h4-onama {
	background-position: left bottom;
}
#content .malibanner .hide.h4-kontakten {
	background-image: url(../_img/mali-banner-h3-en.png);
	background-position: left top;
	background-repeat: no-repeat;

}
#content .malibanner .hide.h4-promocijeen {
	background-image: url(../_img/mali-banner-h3-en.png);
	background-position: left -21px;
	background-repeat: no-repeat;
}
#content .malibanner .hide.h4-onamaen {
	background-image: url(../_img/mali-banner-h3-en.png);
	background-position: left -42px;
	background-repeat: no-repeat;
}
#content .malibanner .hide.h4-kontaktde {
	background-image: url(../_img/mali-banner-h3-de.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#content .malibanner .hide.h4-promocijede {
	background-image: url(../_img/mali-banner-h3-de.png);
	background-position: left -21px;
	background-repeat: no-repeat;
}
#content .malibanner .hide.h4-onamade {
	background-image: url(../_img/mali-banner-h3-de.png);
	background-position: left -44px;
	background-repeat: no-repeat;
}
#content .kolona140 {
	float: left;
	width: 140px;
}
#content .kolona300 {
	width: 300px;
	float: left;
}
#content .kolona600 {
	float: left;
	margin-bottom: 40px;
	width: 600px;
	margin-left: 40px;
}
#content #cenovnik {
	float: left;
	width: 600px;
	margin-left: 20px;
}
#content #cenovnik table {
	background-color: #FFF;
	border: 1px solid #666;
	margin-bottom: 20px;
}
#content #cenovnik table td  {
	text-align: center;
	height: 30px;
	margin-top: 5px;
	border: 1px solid #666;
	vertical-align: middle;
	font-weight: bold;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
}
#content #cenovnik table th {
	background-color: #0e76bc;
	height: 30px;
	margin-top: 5px;
	border: 1px solid #FFF;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
}
#content #cenovnik table .valuta  {
	background-color: #bac7e6;
	border: 1px solid #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#content #cenovnik table tr .bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#content #cenovnik table tr .right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#content #redvoznje {
	float: left;
	width: 320px;
	margin-bottom: 20px;
}
#content #redvoznje table {
	background-color: #FFF;
	border: 1px solid #666;
	margin-bottom: 40px;
}
#content #redvoznje table td {
	text-align: center;
	height: 30px;
	margin-top: 5px;
	border: 1px solid #666;
	vertical-align: middle;
	font-weight: normal;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
}
#content table caption {
	font-size: 14px;
	color: #C7DBF2;
	text-align: left;
	margin-bottom: 5px;
}
#content #svelinije {
	margin-bottom: 50px;
	width: 940px;
	float: left;
}
#content #svelinije ul li {
	float: left;
	margin-right: 30px;
}
#content .lista-linija {
	float: left;
	width: 400px;
	margin-right: 35px;
	margin-left: 35px;
	display: inline;
}
#content .lista-linija img {
	margin-bottom: 20px;
}
#content .h2linije {
	background-image: url(../_img/h2-naslovi.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	width: 556px;
}
#content .h2linije.en {
	background-image: url(../_img/h2-naslovi-en.png);
}
#content .h2linije.de {
	background-image: url(../_img/h2-naslovi-de.png);
}

#content .h2razgledanje {
	background-image: url(../_img/h2-naslovi.png);
	background-repeat: no-repeat;
	background-position: 0px -28px;
	height: 28px;
	width: 600px;
}
#content .h2razgledanje.en {
	background-image: url(../_img/h2-naslovi-en.png);
}
#content .h2razgledanje.de {
	background-image: url(../_img/h2-naslovi-de.png);
}

#content .h2autobusi {
	background-image: url(../_img/h2-naslovi.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
	height: 28px;
	width: 556px;
}
#content .h2autobusi.en {
	background-image: url(../_img/h2-naslovi-en.png);
}
#content .h2autobusi.de {
	background-image: url(../_img/h2-naslovi-de.png);
}

#content .h2kontakt {
	background-image: url(../_img/h2-naslovi.png);
	background-repeat: no-repeat;
	background-position: 0px -84px;
	height: 28px;
	width: 700px;
}
#content .h2kontakt.en {
	background-image: url(../_img/h2-naslovi-en.png);
}
#content .h2kontakt.de {
	background-image: url(../_img/h2-naslovi-de.png);
}
#redvoznje table tr .down {
	background-image: url(../_img/arrow-down.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#redvoznje table tr .up {
	background-image: url(../_img/arrow-up.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#footer {
	width: 940px;
	text-align: center;
	height: 30px;
	display: block;
	clear: both;
	padding-top: 30px;
}
#free-ticket{
	margin-top:30px;
}

.popust img{margin-left:-32px;margin-top:-7px;position:relative;}
.popust p{margin-top:-27px;position:relative;}