body {
	background: url(../images/bg.png) repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #f6f6f6;
}

a {
	color: #4f9ab3;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

strong{
	font-weight: bold;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.clearfix {
	clear: both;
}

#wrapper {
	margin: 0 auto;
	width: 779px;
	background: url(../images/bg-light.png) no-repeat center 8px;
}

#top {
	height: 50px;
}

#header {
	width: 738px;
	height: 50px;
	margin: 0 auto;
	background: url(../images/logo.png) no-repeat left;
	position: relative;
}

#header a.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 299px;
	height: 50px;
}

#header #details {
	float: right;
	width: 250px;
	text-align: right;
	color: #a19f9f;
	margin-right: 10px;
	line-height: 14px;
}

#nav {
	margin: 5px auto;
	width: 738px;
	height: 51px;
	background: url(../images/nav-bg.png) no-repeat;
}

#nav ul {
	float: right;
	padding: 0;
	margin: 0 10px 0 0;
}

#nav li {
	display: block;
	float: left;
	height: 51px;
	cursor: pointer;
}

#nav li.pocetna { width: 81px; background: url(../images/pocetna.png) no-repeat top; }
#nav li.redvoznje { width: 87px; background: url(../images/redvoznje.png) no-repeat; }
#nav li.rezervacije { width: 89px; background: url(../images/rezervacije.png) no-repeat; }
#nav li.voznipark { width: 89px; background: url(../images/voznipark.png) no-repeat; }
#nav li.kontakt { width: 70px; background: url(../images/kontakt.png) no-repeat; }

#nav li.pocetna:hover { background: url(../images/pocetna-hover.png) no-repeat top; }
#nav li.redvoznje:hover { background: url(../images/redvoznje-hover.png) no-repeat; }
#nav li.rezervacije:hover { background: url(../images/rezervacije-hover.png) no-repeat; }
#nav li.voznipark:hover { background: url(../images/voznipark-hover.png) no-repeat; }
#nav li.kontakt:hover { background: url(../images/kontakt-hover.png) no-repeat; }

#nav li.pocetna.active { background: url(../images/pocetna-active.png) no-repeat }
#nav li.redvoznje.active { background: url(../images/redvoznje-active.png) no-repeat }
#nav li.rezervacije.active { background: url(../images/rezervacije-active.png) no-repeat }
#nav li.voznipark.active { background: url(../images/voznipark-active.png) no-repeat }
#nav li.kontakt.active { background: url(../images/kontakt-active.png) no-repeat }

#nav li a { display: block; height: 51px; }
#nav li.pocetna a { width: 81px; }
#nav li.redvoznje a { width: 87px; }
#nav li.rezervacije a { width: 89px; }
#nav li.voznipark a { width: 89px; }
#nav li.kontakt a { width: 70px; }


/***************************************************************************
***************************** SLIDER STYLE *********************************
***************************************************************************/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

#slider {
	position: relative;
	overflow: hidden;
	width: 779px;
	height: 255px;
	margin: 5px auto;
}

#scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 779px;
	height: 255px;
}

#scrollable .slides {
	/* this cannot be too large */
	width:20000em;
	height: 255px;
	position:absolute;
	clear:both;
}

#scrollable .slide {
	float: left;
	width: 759px;
	height: 255px;
	margin-left: 19px;
}

#scrollable .slidepic {
	float: left;
	width: 511px;
	height: 257px;
}

#scrollable .slidebox {
	float: right;
	width: 214px;
	height: 223px;
	background: url(../images/slidebox.png) no-repeat;
	padding: 19px 15px 15px 19px;
}

.slidebox p {
	display: block;
	width: 190px;
	line-height: 18px;
	margin-top: 15px;
}

.slidebox a {
	display: block;
	width: 119px;
	height: 25px;
	background: url(../images/read-more.png) no-repeat;
	margin-top: 15px;
}
.slidebox a:hover { background: url(../images/read-more-hover.png) no-repeat; }
.slidebox a:active { background: url(../images/read-more-active.png) no-repeat; }

#scrollable {
	float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display: block;
	width: 38px;
	height: 38px;
	float: left;
	cursor: pointer;
	font-size: 1px;
}

/* right */
a.right 		{ clear: right; background: url(../images/next.png) no-repeat; margin-right: 0px; }
a.right:active 	{ background: url(../images/next-active.png) no-repeat; }

/* left */
a.left			{ background: url(../images/prev.png) no-repeat; margin-left: 0px;  }
a.left:active  	{ background: url(../images/prev-active.png) no-repeat; }

a.nextPage {
	position: absolute;
	top: 91px;
	left: 740px;
}

a.prevPage {
	position: absolute;
	top: 92px;
	left: 0;
}

/* disabled navigational button */
a.disabled {
	visibility: hidden !important;		
} 	

/***************************************************************************
***************************** CONTENT STYLE ********************************
***************************************************************************/
#content {
	margin: 0 auto auto -2px;
	width: 679px;
	height: 618px;
	background: url(../images/content-bg.png) no-repeat;
	padding-bottom: 100px;
	padding: 33px 50px 25px 50px;
	color: #f6f6f6;
	position: relative;
}

#content p {
	line-height: 18px;
	margin: 10px 0;
}

#content p.first {
	display: block;
	width: 555px;
	background: url(../images/content-logo.png) no-repeat right;
	padding-right: 120px;
}

#content p.bustext {
	width: 360px;
	float: right;
}

#content img.onama {
	margin-top: 22px;
}

#content img.bus {
	position: absolute;
	bottom: 85px;
	left: 0;
}

#content a.rezervisi {
	display: block;
	width: 154px;
	height: 37px;
	background: url(../images/rezervisi.png) no-repeat;
	cursor: pointer;
	margin: 9px 0 0 315px;
}

#content a.rezervisi:hover {
	background: url(../images/rezervisi-hover.png) no-repeat;
}

#content a.rezervisi:active {
	background: url(../images/rezervisi-active.png) no-repeat;
}

#content a {
	color: #f6f6f6;
	text-decoration: underline;
}

#content a:hover {
	color: #fff;
}

/***************************************************************************
************************** RED VOZNJE PAGE STYLE ***************************
***************************************************************************/
.redvoznje-page {
	margin-top: -10px !important;
	height: 797px !important;
	background: url(../images/content-redvoznje-bg.png) no-repeat !important;
}

#polasci {
	margin-top: 25px;
	width: 690px;
	height: 238px;
	background: url(../images/box2.png) no-repeat right;
}

#content img.polasci-big {
	margin-top: 25px;
}

/***************************************************************************
************************* REZERVACIJE PAGE STYLE ***************************
***************************************************************************/
#content form {
	margin: 22px 0 0 3px;
}

#content label {
	clear: left;
	display: block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-shadow: #2f2f2f 0 -1px 0;
	color: #fff;
	font-size: 14px;
	float: left;
}

#content select {
	float: left;
	display: block;
	cursor: pointer;
	height: 25px;
	margin-top: 5px;
	background: #ABABAB;
	border-bottom: 1px solid #CBCBCB;
	border-left: 1px solid #565656;
	border-top: 1px solid #565656;
	border-right: 1px solid #A9A9A9;
	color: #fff;
	line-height: 25px;
	vertical-align: middle;
	padding-top: 2px;
}

#content select#dan, select#mesec {
	width: 69px;
	margin-right: 4px;
}

select#godina {
	width: 69px;
}

#content select#od, select#do, select#tip, select#vrsta {
	width: 214px;
}

select#vrsta2 {
	width: 101px;
	height: 28px !important;
}

#content .input {
	clear: left;
	float: left;
	color: #fff;
	width: 364px;
	height: 26px;
	line-height: 22px;
	padding-left: 10px;
	margin-top: 5px;
	border: 0;
	background: url(../images/input-bg.png) no-repeat;
	vertical-align: middle;
}

a#dodaj {
	float: left;
	display: block;
	width: 101px;
	height: 25px;
	background: url(../images/dodaj.png) no-repeat;
	margin-top: 6px;
}

#josljudi {
	clear: left;
	float: left;
}

input.rezervisi-submit {
	clear: left;
	float: left;
	display: block;
	border: 0;
	width: 154px;
	height: 37px;
	background: url(../images/rezervisi-submit.png) no-repeat;
	cursor: pointer;
	margin-top: 25px !important;
}

input.rezervisi-submit:active {
	background: url(../images/rezervisi-submit-active.png) no-repeat;
}

#napomene {
	float: right;
	width: 250px;
	border: 1px solid #adc1d1;
	background: #9ca8b2;
	padding: 0 10px 0 10px;
	margin-top: 19px;
}

/***************************************************************************
***************************** CONTACT STYLE *********************************
***************************************************************************/
#kontakt-forma label {
	/*padding-top: 12px;*/
	line-height: 33px !important;
	vertical-align: middle;
	font-size: 12px;
	
}

#kontakt-forma textarea {
	clear: left;
	float: left;
/*	background: #6F6F6F;
	border-bottom: 1px solid #A9A9A9;
	border-left: 1px solid #565656;
	border-top: 1px solid #565656;
	border-right: 1px solid #A9A9A9;
*/	color: #EBEBEB;
	width: 478px;
	height: 109px;
	line-height: 18px;
	padding-left: 10px;
	margin-top: 15px;
	border: 0;
	background: url(../images/textarea.png) no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

#kontakt-forma input{
	clear: left;
	float: left;
/*	background: #6F6F6F;
	border-bottom: 1px solid #A9A9A9;
	border-left: 1px solid #565656;
	border-top: 1px solid #565656;
	border-right: 1px solid #A9A9A9;
*/	color: #EBEBEB;
	width: 478px !important;
	height: 28px !important;
	line-height: 22px;
	padding-left: 10px;
	margin-top: 10px;
	border: 0;
	background: url(../images/input-kontakt.png) no-repeat;
}

#kontakt-forma .alert {
	background: url(../images/input-alert.png) no-repeat !important;
}

#kontakt-forma .alertmessage {
	background: url(../images/textareaalert.png) no-repeat !important;
}

#kontakt-forma .posalji {
	display: block;
	width: 148px !important;
	height: 31px !important;
	background: url(../images/btn_posalji.png) top !important;
}

#kontakt-forma .posalji:active {
	width: 148px !important;
	height: 31px !important;
	background: url(../images/btn_posalji.png) bottom !important;
}

#kontakt-desc {
	float: right;
	margin-top: 9px;
	width: 160px;
	z-index: 1;
}

/***************************************************************************
************************* VOZNI PARK PAGE STYLE ****************************
***************************************************************************/
#content ul {
	padding: 0;
	margin: 25px 0;
	width: 105%;
}

#content li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	margin-right: 12px;
	margin-bottom: 8px;
}

#content ul.pics img {
	background: #BABABA;
	padding: 3px;
	border: 1px solid #6B6B6B;
}

#content ul.pics img:hover {
	border: 1px solid #900;
}

#fancybox-left-ico { 
 	left: 10px; 
} 

#fancybox-right-ico { 
 	right: 10px; 
 	left: auto; 
} 

#fancybox-right-ico:hover {
	right: 10px;
}

a.back {
	position: absolute;
	clear: left;
	display: block;
	width: 142px;
	height: 35px;
	background: url(../images/go-back.png) no-repeat;
	bottom: 90px;
}

a.back:hover {
	background: url(../images/go-back-hover.png) no-repeat;
}

a.back:active {
	background: url(../images/go-back-active.png) no-repeat;
}

#cu3er { 
	margin: 5px 0 5px 19px;
}

/***************************************************************************
***************************** FOOTER STYLE *********************************
***************************************************************************/
#footerwrap {
	width: 100%;
	height: 81px;
	background: url(../images/footer-bg.png) repeat-x;
	color: #9a9a9a;
	font: 11px Arial, Helvetica, sans-serif;
	position: fixed;
	bottom: 0;
	left: 0;

}

#footer {
	width: 779px;
	margin: 0 auto;
}

#footer p {
	line-height: 18px;
	float: left;
	padding: 5px 0 0 25px;
}

#footer p.first {
	width: 295px;
}

#footer p.copyright {
	float: right;
	padding-right: 25px;
	text-align: right;
}