@charset "utf-8";
/* CSS Document */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, 
address, code, img, small, strong, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ol, ul{
	list-style:none;
}

/*--------------------------------------------------------------------------------*/
/*					Siva pruga												      */
/*--------------------------------------------------------------------------------*/


#topStripe
{
	height:78px;
	background:url(../images/top_gradient.png) repeat-x;
}

#topContent
{
	height:78px;
	width:974px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/logo.png) no-repeat 0% 50%;
	text-align:right;
}

/*--------------------------------------------------------------------------------*/
/*					Banner pruga										 	      */
/*--------------------------------------------------------------------------------*/

#bannerStripe
{
	height:247px;
	background:url(../images/banner_gradient.png) repeat-x;
}

#bannerContent
{
	width:974px;
	height:247px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/banner_image.png) no-repeat 45% 0%;
}

/*--------------------------------------------------------------------------------*/
/*					Aukcija													      */
/*--------------------------------------------------------------------------------*/

#akcija
{
	height:191px;
	width:240px;
	position:absolute;
}

/*--------------------------------------------------------------------------------*/
/*					Glavni sadržaj											      */
/*--------------------------------------------------------------------------------*/

.mainContainer
{
	width:974px;
	height:1%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#616161;
	text-align:justify;
	line-height:170%;
	border-bottom:1px solid #d9e2e6;
}

.bottomRow
{
	width:974px;
	height:45px;
	margin-top:-45px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
}

.leftColumn, .centerColumn, .rightColumn
{
	width:291px;
	height:1%;
	overflow:hidden;
	padding-top:15px;
	padding-bottom:30px;
}
.leftColumn
{
	float:left;
}

.centerColumn
{
	float:left;
	margin-left:50px;
}

.rightColumn
{
	float:right;
	text-align:left;
}

/*--------------------------------------------------------------------------------*/
/*					Lokacija i kontakt										      */
/*--------------------------------------------------------------------------------*/

#location, #contact
{
	width:974px;
	height:1%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	padding-top:50px;
	padding-bottom:5px;
	border-bottom:1px solid #d9e2e6;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:180%;
}

#location
{
	background:url(../images/lokacija.gif) no-repeat;
	padding-bottom:25px;
}

#contact
{
	background:url(../images/kontakt.gif) no-repeat;
}

#contactContent
{
	width:974px;
	height:1%;
	overflow:hidden;
}

.contactLeft
{
	width:342px;
	height:1%;
	overflow:hidden;
	float:left;
}

.contactInputSmall
{
	width:342px;
	height:34px;
	margin-bottom:25px;
	background:url(../images/input_small.gif) no-repeat;
	text-align:center;
}

.contactRight
{
	width:583px;
	height:1%;
	overflow:hidden;
	float:right;
}

.contactRightTop
{
	width:583px;
	height:10px;
	background:url(../images/input_large_top.gif) no-repeat;
}

.contactRightMiddle
{
	width:581px;
	height:132px;
	border-left:1px solid #d3e0ff;
	border-right:1px solid #d3e0ff;
	text-align:center;
}

.contactRightBottom
{
	width:583px;
	height:10px;
	background:url(../images/input_large_bottom.gif) no-repeat;
}

.contactInfo
{
	width:342px;
	height:1%;
	overflow:hidden;
	padding-bottom:25px;
	
}

/*--------------------------------------------------------------------------------*/
/*					Form stuff												      */
/*--------------------------------------------------------------------------------*/

.inputSmall
{
	margin-top:8px;
	width:330px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	border:none;
	background:none;
}

.inputLarge
{
	width:560px;
	height:130px;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	border:none;
	background:none;
}

.button
{
	float:right;
	margin-top:25px;
	background:none;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}

/*--------------------------------------------------------------------------------*/
/*					Check stuff												      */
/*--------------------------------------------------------------------------------*/

ul.check
{
	line-height:30px;
	margin-left:15px;
	margin-top:15px;
	text-align:left;
}

li.stavka {
	background:url("../images/check.png") no-repeat scroll 0 10px transparent;	
	padding-left:40px;
}

/*--------------------------------------------------------------------------------*/
/*					Footer												      */
/*--------------------------------------------------------------------------------*/

#footer
{
	width:974px;
	height:1%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	padding-bottom:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	color:#afafaf;
}

/*--------------------------------------------------------------------------------*/
/*					Top menu												      */
/*--------------------------------------------------------------------------------*/

ul.menuList
{
	list-style-type:none;	
	margin:0;
	padding:0;
	padding-top:27px;
	padding-bottom:6px;
}

li.menuListItem
{
	display:inline;	
}

a:link.menu,a:visited.menu
{
	color:#FFF;
	padding-left:20px;
	padding-right:20px;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:url(../images/menu_separator.gif) no-repeat 100%;
	margin-right:-6px;
}

a:hover.menu,a:active.menu
{
	color:#333;
	background:#c1d3ff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
}

/*--------------------------------------------------------------------------------*/
/*					Extra													      */
/*--------------------------------------------------------------------------------*/

.arrow
{
	width:14px;
	height:21px;
	position:absolute;
	margin-left:150px;
	margin-top:-50px;
}

#karte_hr_karta
{
	 width:972px; 
	 height:300px;
	 border:1px solid #C5C5C5;
	 margin-left:0px;
	 margin-top:0px;
	 margin-top:7px;
	 display:none;
}

.detalji
{
	text-align:right;
}

p.mainText
{
	padding-top:25px;
	padding-bottom:25px;
}

.list
{	
	line-height:200%;
	margin-top:12px;
	margin-bottom:12px;
}

h3
{
	margin-top:25px;
	margin-bottom:25px;
}

h4
{
	font-size:14px;
}

.prodaja
{
	margin-top:25px;
	margin-bottom:25px;
	width:100%;
}
td
{
	padding:12px 25px 12px 25px;
}
tr.gray
{
	background:#f8f7f7;
}

.tdImage
{
	text-align:center;
	width:240px;
}

.tel
{
	margin:0px;
	padding:0px;
}
/*--------------------------------------------------------------------------------*/
/*					Links													      */
/*--------------------------------------------------------------------------------*/

A.regular:link 
{
	color:#616161;
}

A.regular:visited {
	color:#616161;
}

A.regular:active 
{
	color:#616161;
}

A.regular:hover 
{
	color:#CCC;
}

A.regularTwo:link 
{
	color:#616161;
	text-decoration:none;
}

A.regularTwo:visited {
	color:#616161;
	text-decoration:none;
}

A.regularTwo:active 
{
	color:#616161;
	text-decoration:none;
}

A.regularTwo:hover 
{
	color:#CCC;
	text-decoration:none;
}


A.impressum:link 
{
	color:#afafaf;
	text-decoration:none;
}

A.impressum:visited {
	color:#afafaf;
	text-decoration:none;
}

A.impressum:active 
{
	color:#afafaf;
	text-decoration:none;
}

A.impressum:hover 
{
	color:#000;
	text-decoration:none;
}

/*--------------------------------------------------------------------------------*/
/*					Preloader												      */
/*--------------------------------------------------------------------------------*/

#preloaderContent
{
	width:220px;
	height:120px;
	float:right;
	margin-top:50px;
}
#preloader
{
	width:220px;
	height:70px;
	position:absolute;
	margin-left:100px;
	margin-top:50px;
	text-align:right;
}

#response
{
	width:220px;
	height:40px;
}

#preloaderText
{
	width:220px;
	height:50px;
	position:absolute;
	margin-left:100px;
	text-align:right;
}