/*-----------------------------------------------------
   mainContent & Typ.
------------------------------------------------------ */
#headingWrapper                                        {
	height: 99px;
	background: transparent url(../images/layout/heading-wrapper-bg.gif) no-repeat 0 0;
	overflow: hidden;
	margin-bottom: 20px;
}
h1                                                     {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #074892;
	margin: 1px 0 0 5px;
	padding: 35px 40px 40px 15px;
	background: #fff url(../images/layout/h1-bg.gif) no-repeat right top;
	float: left;
	width: auto;
}	

#mainContent h2                                        {
	font: bold 1.35em Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: transparent url(../images/layout/h2-dotted.gif) repeat-x left bottom;
}
#mainContent h3                                        { font: bold 1.2em Arial, Helvetica, sans-serif; margin: 10px 0; }
#mainContent h4, #mainContent h5, #mainContent h6      { font: bold 1em Arial, Helvetica, sans-serif; margin: 10px 0; }
	
#mainContent p, #mainContent ul, 
#mainContent ol, #mainContent table, #mainContent dl   { margin-bottom: 10px; }

#mainContent ul li                                     {
	background: transparent url(../images/layout/bullet.gif) no-repeat 0 7px;
	padding-left: 15px;
	margin: 0 10px;
}
#mainContent ol li                                     { list-style: outside decimal; margin: 0 10px 0 30px; }

#mainContent a                                         { color: #064892; text-decoration: underline; }
#mainContent a:hover                                   { color: #1e1e1e; text-decoration: none; }

#mainContent table                                     { margin: 0 10px 10px 10px; border: 1px solid #a4cded; }
#mainContent table caption                             { font-size: 11px; padding-bottom: 10px; }
#mainContent th                                        {
	padding: 5px 10px;
	font-weight: bold;
	text-align: center;
	background: #a4cded;
	font-size: 12px;
}
#mainContent table#smaller td,
#mainContent table#smaller th                          { font-size: 11px; }
#mainContent td                                        { padding: 4px; text-align: center; background: #f9fcfd; font-size: 12px; }
#mainContent th.left, #mainContent td.left             { text-align: left; }
#mainContent th.right, #mainContent td.right           { text-align: right; }
#mainContent table#smaller.cjenikRus td,
#mainContent table#smaller.cjenikRus th                { padding: 3px; }

#mainContent h2 a, #mainContent h2 a:hover, 
#mainContent h3 a, #mainContent h3 a:hover, 
#mainContent h4 a, #mainContent h4 a:hover, 
#mainContent h5 a, #mainContent h5 a:hover, 
#mainContent h6 a, #mainContent h6 a:hover             { color: #064892; text-decoration: none; }

#mainContent img                                       { padding: 3px; border: 1px solid #a4cded; }
#mainContent img.left                                  { display: inline; float: left; margin: 5px 10px 5px 0; }
#mainContent img.right                                 { display: inline; float: right; margin: 5px 0 5px 10px; }

/*-----------------------------------------------------
   BOX - Vozila za najam
------------------------------------------------------ */
.box                                                   { height: 100%; overflow: hidden; margin-top: 26px; }
.boxContainer                                          { height: 100%; overflow: hidden; margin-bottom: 20px; }
.box#firstBox                                          { margin-top: 0; }

.box .content                                          { display: inline; float: left; width: 200px; }
.box .image                                            {
	display: inline;
	float: right;
	width: 226px;
	height: 100%;
	overflow: hidden;
	margin-top: 5px;
}

#mainContent .box ul li                                { background: none; padding: 0; margin: 0; }
#mainContent .box .rez                                 {
	display: block;
	clear: both;
	width: 147px;
	height: 21px;
	padding: 2px 0 0 15px;
	background: transparent url(../images/layout/rezervacija-button.gif) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
}
#mainContent .box .rez:hover                           { text-decoration: underline; color: #fff; }

/*Širi button rezervacije za FR,ES,RU*/
#mainContent .box .rez#wider                           { background: transparent url(../images/layout/rezervacija-button-wider.gif) no-repeat 0 0; width: 174px; }

p.poslovnice                                           { margin-top: -20px; padding-bottom: 10px;}
#top                                                   { font-size: 0.9em; text-align: right; clear: both; overflow: hidden; height: 1%; margin-top: 10px; }
#homeContainer #top                                    { padding-right: 5px; }
td.lasttd                                              { font-weight: bold; }

/*-----------------------------------------------------
   Rezervacija vozila
------------------------------------------------------ */
#viewDivLinks { height: 100%; overflow: hidden; font-size: 11px; }

#mainContent .linkInactive, 
#mainContent .linkInactive:hover		       {
	cursor: default;
	text-decoration: none;
	color: #666666;
	margin: 0 10px 0 0;
}

#mainContent .linkActive			       {
	cursor: pointer;
	text-decoration: underline;
	margin: 0 10px 0 0;
}

#mainContent .linkActive:hover			       { text-decoration: none; margin: 0 10px 0 0; }

#mainContent .linkOn, #mainContent .linkOn:hover       {
	cursor: default;
	text-decoration: none;
	font-weight: bold;
	color: #032858;
	margin: 0 10px 0 0;
}
.mainForm p                                            { display: block; clear: both; padding: 0 0 25px 0; }
	
.mainForm #statusDiv p                                 { clear: both; padding: 0 0 25px 0; }
.mainForm #statusDiv                                   { padding: 25px 0 0 0; }

.mainForm #viewDiv1 label                              { display: block; width: 230px; float: left; }
#ddlMjesto2                                            { vertical-align: top; }

.mainForm input,
.mainForm select,
.mainForm textarea                                     {
	width: 175px;
	border: 1px solid #143660;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #032858;
	background: #fff;
}
	
.mainForm #viewDiv1 input                              { width: 175px; height: 18px; }
.mainForm #viewDiv1 select                             { width: 285px; height: 20px;}

.mainForm #viewDiv1 select.hours,
.mainForm #viewDiv1 select.minutes                     { width: 40px;}

#viewDiv1 .calendar                                    { padding: 2px 0 0 3px; cursor: pointer; }

#viewDiv2 .model                                       {
	float: left;
	font-weight: bold;
	width: 185px;
	display: block;	
}

#viewDiv2 .cijena                                      { float: left; display: block; width: 350px; }

#viewDiv2 input                                        {
	float: right;
	width: 75px;	
	display: inline-block;
	cursor: pointer;
	margin: 3px;
}
	
.mainForm #viewDiv3 input                              {
	margin: 4px 5px 0;
	padding: 2px 0;
	width: auto;
	border: none;
	float: left;
}
.mainForm #viewDiv3 { clear: both; padding: 10px 0; height: 100%; overflow: hidden; }
.mainForm #viewDiv3 label { display: block; width: 600px; float: left; margin-top: 3px; margin-bottom: 5px; }
	
.mainForm #viewDiv #viewDiv4 label                     {
	float:left;
	display: block;
	width: 150px;
	margin: 0 5px 0;
}
	
.mainForm #viewDiv #viewDiv4 input                     { width: 175px; height: 18px; }

#viewDiv4 #potvrda #chkPotvrda                         {
	float:left;
	width: auto;
	margin: 0 5px 0;
	display: inline-block;
	border: none;
}

.mainForm #viewDiv4 #potvrda label                     { display: inline-block; width: 400px; }

.mainForm .btn                                         {
	background: #064892;		
	border: 1px solid #143660;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	vertical-align: middle;
	width: 75px;
}
	
#btnNext, #btnSend                                     { display: inline-block; float: right; cursor: pointer; }
#btnBack                                               { display: inline-block; float: left; cursor: pointer; }
	
#statusDiv strong, #viewDiv #viewDiv5 strong           { display:block; width: 280px; float:left; }

#captchaWrapper                                        { padding: 0 0 0 183px; margin: 0; }

#captchaWrapper img                                    { border: none; padding: 0 0 10px 0; margin: 0; }

#lblCap                                                { display: block; width: 183px; float:left; }

#viewDiv2 .tipVozilaA span, 
#viewDiv2 .tipVozilaB span                             { padding: 3px; }

#viewDiv2 .tipVozilaB                                  { background-color: #ececec; height: 100%; overflow: hidden; margin: 0; padding: 0; }
#viewDiv2 .tipVozilaA                                  { height: 100%; overflow: hidden; margin: 0; padding: 0; }

#viewDiv2 .tipVozilaA:hover, 
#viewDiv2 .tipVozilaB:hover                   { background-color: #dadada; }

.green                                                 { color: #08970f; }