/*-----------------------------------------------------
   Typ.
----------------------------------------------------- */
#mainContent                                          { line-height: 1.5em; }
#mainContent h3 				      {
	font-weight: normal;
	font-size: 26px;
	line-height: 26px;
	width: auto;
	margin-bottom: 25px;
	padding-top: 5px;
}
#mainContent h4,
#mainContent h5,
#mainContent h6                                       { font-weight: bold; font-size: 1em; margin: 15px 0; }
#mainContent p,
#mainContent ul,
#mainContent ol,
#mainContent dl,
#mainContent table                                    { margin: 15px 0; }
#mainContent ul li                                    { background: transparent url(../images/layout/bullet.gif) no-repeat 0 8px; padding-left: 12px; margin-left: 5px; }
#mainContent ul.sublist                               { padding-left: 50px; margin-top: 0; }

/*-----------------------------------------------------
   Vodice
----------------------------------------------------- */
.vodice-srima #mainContent h3                         { font-size: 1em; font-weight: bold; margin-bottom: 15px; }
.vodice-srima #mainContent                            {
	display: inline;
	float: left;
	width: 450px;
	margin-top: -5px;
}
.vodice-srima #leftCol                                {
	display: inline;
	float: left;
	width: 350px;
	margin-right: 30px;
	padding-right: 20px;
	background: none;
	line-height: 1.5em;
}
.vodice-srima #leftCol img                            { border: 3px solid #63c5f1; margin: 0 0 30px 0; }

/*-----------------------------------------------------
   Najam apartmana
----------------------------------------------------- */
.najam-apartmana #mainContent                         { width: 100%; }
.najam-apartmana #mainContent h3                      { display: none; }

#contentTop,
#contentBottom                                        { overflow: hidden; height: 480px; clear: both; }
#contentTop                                           { margin-bottom: 30px; }

.najam-apartmana .left                                {
	display: inline;
	float: left;
	width: 305px;
	margin-left: 65px;
}
.najam-apartmana .right                               {
	display: inline;
	float: right;
	width: 305px;
	margin-right: 65px;
}
.najam-apartmana .content                             { height: 135px; }
.najam-apartmana .tlocrt img                          { border: 3px solid #63c5f1; }
.najam-apartmana #mainContent h4                      { margin-top: 0; }
.najam-apartmana #mainContent h4 a                    { color: #373535; text-decoration: underline; }
.najam-apartmana #mainContent h4 a:hover              { color: #63c5f1; text-decoration: underline; }

.apartman #mainContent { width: 100%; }
.apartman #mainContent h3                      { display: block; }
.apartman .tlocrt { text-align: center; }
.apartman .tlocrt img                          { border: 3px solid #63c5f1; width: auto; height: auto; }
p.indent { padding-left: 130px; }

/*-----------------------------------------------------
   Galerija apartmana
----------------------------------------------------- */
.galerija-apartmana #mainContent                      { width: 100%; margin-top: -20px; }
.galerija-apartmana #mainContent h3                   { display: none; }

#galleryContent                                       { padding-left: 7px; }
#galleryContent img                                   { border: 3px solid #63c5f1; margin: 18px; }

/*-----------------------------------------------------
   Galerija apartmana // uvecanje
----------------------------------------------------- */	
#galleryLarge                                         { padding-top: 20px; }
#galleryImageLarge                                    {
	border: 3px solid #63c5f1;
	display: inline;
	float: left;
	margin: 0 51px;
	position: absolute;
}	
#image550                                             {
	width: 658px; height: 396px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#image550 a                                           { top: 179px; }
#image390                                             {
	width: 498px; height: 556px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#image390 a                                           { top: 268px; }
#gallPrev,
#gallNext                                             {
	display: block;
	width: 21px; height: 37px;
	text-indent: -9999px;
	position: absolute;
}
#gallPrev                                             { left: 0; }
#gallNext                                             { right: 0; }
	
#gallPrev                                             { background: transparent url(../images/layout/prev.gif) no-repeat 0 0; }
#gallPrev:hover                                       { background: transparent url(../images/layout/prev.gif) no-repeat -21px 0; }

#gallNext                                             { background: transparent url(../images/layout/next.gif) no-repeat -21px 0; }
#gallNext:hover                                       { background: transparent url(../images/layout/next.gif) no-repeat 0 0; }

/*-----------------------------------------------------
   Cjenik apartmana
----------------------------------------------------- */
.cjenik #mainContent                                  { width: 100%; }
.cjenik #mainContent h3                               { font-size: 1em; font-weight: bold; margin-bottom: 15px; text-align: center; }
.cjenik th,
.cjenik td                                            {
	font-weight: normal;
	padding: 8px 10px;
	background: #dff0fb;
	text-align: center;
}
	
#tr                                                   { background: #dff0fb url(../images/layout/tr.gif) no-repeat right top; }
#tl                                                   { background: #dff0fb url(../images/layout/tl.gif) no-repeat left top; }
#br                                                   { background: #dff0fb url(../images/layout/br.gif) no-repeat right bottom; }
#bl                                                   { background: #dff0fb url(../images/layout/bl.gif) no-repeat left bottom; }

/*-----------------------------------------------------
   Upit/Rezervacija
----------------------------------------------------- */
.kontakt #mainContent h3                              { display: none; }
#forma fieldset                                       { border: none; margin-bottom: 20px; }
#forma legend                                         { display: none; }
#forma p                                              { clear: both; }
label                                                 {
	display: block;
	float: left;
	width: 120px;
	margin-right: 20px;
}
.input                                                {
	background: transparent url(../images/layout/input.gif) no-repeat 140px 0;
	padding: 2px 0 5px 0;
}
.input img                                            { position: absolute; margin-left: 20px !important; margin-left: 10px; }
	
.input input,
.input-captcha input                                  {
	width: 168px;
	background: none;
	font: normal .9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: none;
	margin-left: 10px;
	vertical-align: middle;
}
.input-captcha                                        {
	background: transparent url(../images/layout/input.gif) no-repeat 0 29px;
	padding: 4px 0 10px 0;
	line-height: 30px;
}
.input-captcha                                        { line-height: normal; }
.input-captcha input                                  { margin: 11px 0 0 10px; }
.textarea                                             {
	background: transparent url(../images/layout/textarea.gif) no-repeat 140px 0;
	padding: 2px 0;
	height: 111px;
}
.textarea textarea                                    {
	width: 275px; height: 106px;
	background: none;
	font: normal .9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: none;
	margin: 0 10px 5px 10px;
	overflow: auto;
}
select                                                {
	width: 191px;
	background: none;
	border: 1px solid #0081b8;
	font: normal .9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #dff0fb;
}
.calendar                                             { cursor: pointer; }
#submit                                               { text-align: right; padding: 20px 195px 0 0; }
#submit input                                         {
	width: 69px; height: 21px;
	border: none;
	background: #0081b8 url(../images/layout/submit.gif) no-repeat 0 0;
	font: normal .9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left: 5px;
}
#captcha                                              { display: block; height: 80px; }
#contact-bottom                                       { padding-left: 140px; }
	span.error_message_field                      { font-size: 10px; margin-left: 20px; position: absolute; color: #cc0000; }
	#err_captcha                                  { margin-top: 10px; width: 300px; }

/*-----------------------------------------------------
   Mapa weba
----------------------------------------------------- */	
#mainContent #sitemapList                             { padding-left: 30px; }
#mainContent #sitemapList li                          { padding-left: 0; background: 0; margin-bottom: 5px; }
#mainContent #sitemapList li ul                       { padding: 0 0 0 30px; }
