/*------------  osnovne velicine  -------------*/
*          { margin:0; padding:0; list-style:none;}

body       {
	background: #7d2629 url(../dizajn/bg.gif);
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 19px;
	text-align: center; /* IE 5 fix */ }

h1, h2, h3 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
a img      { border: none; }
/*----------------  layout  ---------------*/
#header,
#container,
#wem                                    { width: 960px; }

#layout                                 {
	background: transparent  url(../dizajn/bg-cont.gif) repeat-y;
	width: 972px;
	margin: 0 auto;
	padding: 0 6px;
	text-align: left; /* IE 5 fix */ }

#header                                 { background: url(../dizajn/header.gif) no-repeat scroll; height: 90px; }
#header h1                              { font: normal 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 55px 0 0 75px; letter-spacing: 2px;}
#ikone                                  { margin: -10px 0 0 875px; }
#ikone li                               { display: inline; margin-left: 10px; }

#content                                { float: right; width: 703px; padding-right: 2px; margin-bottom: 3px; }
#content, #nav                          { display: inline; }

#objekt                                 {
	background: url(../dizajn/home/objekt.jpg) no-repeat top center;
	width: 701px;
	height: 295px;
	border: 1px solid #750000;
	border-top: none;
	position:relative; }

#footer                                 {
	background: #750000 url(../dizajn/footer-dot.gif) repeat-x scroll;
	width: 958px; height: 18px;
	border: solid 1px #fff;
	clear:both;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 7px 0;
	position: relative; }

#vrh                                    { position: absolute; top: 6px; right:0; font-size: 10px; margin: 3px 5px 0 0; }

#vrh .vrhlink:link,
#vrh .vrhlink:visited                   { background: transparent url(../dizajn/vrh.gif) no-repeat left center; padding-left: 8px;    text-decoration: underline;}
#vrh .vrhlink:hover                     { background: transparent url(../dizajn/vrh-o.gif) no-repeat left center; text-decoration: none; }
/*------------------  trazilica  --------------------------*/
#trazilica                              {
	font-size: 14px;
	color:#750000;
	width: 213px; height: 38px;
	margin: 15px 0 10px 0;
	padding: 8px 0 8px 8px;
	border: 1px solid #750000;
	position:relative; }

#trazilica .input,
#trazilica .gumb,
#sadrzaj #trazilica .input,
#sadrzaj #trazilica .gumb               { border: solid 1px #b2b2b2; background-color: #fff; color: #5d5d5d; font-size: 12px;}

#trazilica .input                       { height: 15px; width: 130px; padding: 2px; }
#trazilica .gumb                        { width: 68px; height: 21px; position:absolute; top: 26px !important; top: 27px; left: 146px; }

#sadrzaj #trazilica                     { position: relative; width: 500px; height: 30px; }
#sadrzaj #trazilica .input              { height: 15px; width: 130px; padding: 2px;}
#sadrzaj #trazilica .gumb               { width: 68px; height: 21px; position: relative; top: 2px !important; top:0;  }
/*-------------------  navigacija  --------------------------*/
#nav                                    { float: left; margin-left: 17px;}
#nav ul                                 { margin-left: 10px; }
#nav li                                 { width: 200px; height: 18px; background: url(../dizajn/menu-dot.gif) scroll repeat-x bottom; display: block !important; margin-bottom: 2px !important; display: inline;}

#nav h2                                 {
	height: 20px;
	width: 221px;
	margin: 10px 0 6px 0;
	border-bottom: solid 2px #5d5d5d;
	font-size: 14px;
	color: #750000; }
#nav a                                  {
	width: 190px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url(../dizajn/menu-strelica.gif) no-repeat left center;
	padding-left: 10px;
	display: block;
	margin-bottom: 2px; }

#nav a:visited                          { color: #7c7c7c; }
#nav a:hover, 
#nav a:active                           { color: #750000; }

#nav .nav2                              { margin-left: 15px; display: block; width: 175px;}
#nav .nav2 a,
#nav .nav2zadnja a                      { width: 160px; padding-left: 15px; background: transparent url(../dizajn/list-nav2.gif) no-repeat left center; }
#nav .nav2zadnja                        { margin-left: 15px; display: block; width: 175px; padding-bottom: 5px; background-position: 0 17px; }

#nav a.menuOn,
#nav a.menuOn:visited,
#nav .nav2 a.menuOn,
#nav .nav2 a.menuOn:visited             { color: #750000;}  /* klasa za otvorene linkove / trenutna stranica */

#nav span                               { font-size: 10px; font-weight: normal; } /* span za opis linkova (zagrade sa manjim fontom) */

#katalog li                             { background: none;  }
#katalog li a                           { width: 220px !important; width: auto; font-weight: normal; text-decoration: underline;}
#katalog li a:hover                     { text-decoration: none; }
/* ------------------------   linkovi  ------------------------------- */
.opsirnije, .opsirnije:visited          { color: #750000; text-decoration: underline; float: right; }
.opsirnije:hover, .opsirnije:active     { text-decoration: none; }

#footer a:link, #footer a:visited       { color: #fff; text-decoration: underline; }
#footer a:hover, #footer a:active       { color: #fff; text-decoration: none; }

#wem                                    { background: url(../dizajn/footer-sjena.gif) no-repeat; text-align: center; margin: 0 auto; padding: 15px 0 0 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#wem a:link, #wem a:visited             { color: #000; text-decoration: underline;}
#wem a:hover, #wem a:active             { color: #fff; text-decoration: none;}
/*----------------   objekt, sadrzajni DIV    ----------------------*/
#objekt                                 { margin-bottom: 3px; } /* izbjegava sazimanje margina u IE */
p#villa                                 {
	position: absolute; top: 12px; right: 85px;
	width: 100px; height: 75px;
	font-size: 20px;
	line-height: 120%;
	color: #750000;
	margin: 0; padding: 0;
	background: none;
	border: none; }

#sadrzaj                                { /* sva sadrajna poglavlja */
	width: 685px;
	background-color: #f6f6f6;
	margin: 3px 0 3px 0;
	border: 1px solid #ccc;
	padding: 8px;
	float: left;  }
	
#sadrzaj p                              { margin-bottom: 5px; }
/* SADRZAJNI DIO */
/*--------------  naslovna stranica  ------------------*/
#home                                   { float: left; display: inline; margin-bottom: 2px !important; margin-bottom: 5px;  }
#home p,
#uvod,
#home-banner                                    {
	width: 685px;
	background-color: #f6f6f6;
	margin: 3px 0 3px 0;
	border: 1px solid #ccc;
	padding: 8px;
	float: left; }
	
#homeSecList,
#malingLista                            { margin-top: 0px !important; margin-top: -2px; }

#homeSecList                            { border: 1px solid #ccc; padding: 8px; float: left; width: 450px; line-height: 120%; }
#homeSecList #secListLeft               { float: left; margin-left: 0; width: 180px; }
#homeSecList #secListRight              { float: right; margin-right: 0; width: 200px; }
#homeSecList li                         { background: transparent url(../dizajn/list-nav2.gif) no-repeat left 5px; padding-left: 10px; }
#homeSecList h3,
#malingLista h3                         { font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 8px; }
#home img                               { float: left; border: solid 1px #750000;	padding: 2px; margin-right: 8px; display: block; }

#malingLista                            { float: right; width: 212px; height: 98px !important; height: 109px;  border: 1px solid #ccc; background: transparent url(../dizajn/homeLista-bg.jpg) no-repeat right bottom; padding: 8px; }
#malingLista p                          { text-align: center; margin-bottom: 3px; }
#malingLista input                      { border: solid 1px #b2b2b2; background-color: #fff; color: #000; font-size: 12px; }
#malingLista .mailingText               { height: 15px; width: 181px; padding: 2px; }
#malingLista .gumb                      { width: 68px; height: 18px;}
#malingLista .mailinRadio               { border: none;}
#malingLista2                           { width: 330px; height: 100px;  border: 1px solid #ccc; background: #fff; padding: 8px;  margin: 20px;  }
.mailing                                { color: #750000; font-weight: bold; font-style: italic; font-size: 14px; padding-top: 5px;}

#HomeContent a:link,
#HomeContent a:visited                  { color: #750000; text-decoration: underline; }
#HomeContent a:hover,
#HomeContent a:active                   { color: #000; text-decoration: underline; }

#sadrzaj                                { font: normal 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 6px !important; margin-bottom: 5px; }
#sadrzaj h2                             { font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
#sadrzaj #tablice                       { margin: 0 auto; width: 97%; }
/* --------------------  kat  ---------------------------- */
#tablice table                          { border: solid 1px #750000; padding: 2px; font-size: 12px;  }
#tablice td                             { padding: 2px 5px; }
#tablice #lijeva                        { float: left; }
#tablice #desna                         { float: right; }
#tablice .prvi                          { background-color: #dadada; font-weight: bold; }

#podaci                                 { clear: both; padding-top: 10px; width: 97%; margin: 0 auto; }

#sadrzaj h3                             { font-size: 12px; font-weight: bold; margin: 6px 0;}

#kat                                    { float: left; width: 250px; display: inline; }
#kat li                                 { background: transparent url(../dizajn/list-sadrzaj.gif) no-repeat left center; padding-left: 10px; }

#sadrzaji                               { float: right; width: 300px; display: inline;  }
#sadrzaji li                            {background: transparent  url(../dizajn/list-nav2.gif) no-repeat left center; padding-left: 10px;}

#sadrzaj a:link                         { color: #750000; text-decoration: underline; }
#sadrzaj a:visited                      { color: #757575; text-decoration: underline; }
#sadrzaj a:hover, 
#sadrzaj a:active                       { color: #750000; text-decoration: none; }

#tlocrtKat                              { border: 1px solid #750000; clear: both; text-align: center;  }
#tlocrtKat p,
#tlocrtKat h2                           { display: inline;}

#tlocrtKat p, #tlocrtKat h2, #tlocrt    { text-align: left; }
#tlocrtKat p                            {
	font-size: 11px;
	background-color: #fff;
	float: right;
	border: none;
	width: 200px;
	margin: -15px 55px 0 0!important;
	padding: 0; }
#tlocrt                                 { clear: both; height: 520px; width: 520px; margin: 0 auto; }
#tlocrtKat h2                           {
	font-size: 12px; font-weight: bold;
	display: block;
	width: auto; height:auto;
	margin: 10px 0 0 10px;  }	
/* ------------------- soba / apartman ------------------------- */
#kvadratura                             { padding: 2px; border: 1px solid #750000; font-size: 12px;  }
#kvadratura td                          { padding: 2px 5px; }
#kvadratura .koef                       { font-size: 10px; }

#podaciStan                             { float: left; width: 250px; margin-left: 10px; display: inline; }
#podaciStan li                          { background: transparent url(../dizajn/list-sadrzaj.gif) no-repeat left center; padding-left: 10px; }

#slikaStan                              { float: right; width: auto; margin-right: 10px; display: inline; }
#slikaStan img                          { padding: 2px;	border: 1px solid #750000;}
#slikaStan li                           { background: transparent  url(../dizajn/list-nav2.gif) no-repeat left center; padding-left: 10px; }
#slikaStan ul#lijeva                    { display: inline; float: left; width: 100px; }
#slikaStan ul#desna                     { display: inline; float: left; width: 100px; margin-left: 20px; }

#TlocrtSmjestaj                         { width: 100%; clear:both; }
#TlocrtSmjestaj h3                      { font-size: 12px; font-weight: bold; margin: 6px 0 6px 10px; }

#apartman                               { border: 1px solid #750000; float: left; width: 701px; margin-bottom: 5px; padding-bottom: 10px; position:relative; height: auto;}
#apartman ul                            { float: left; padding-left: 10px;  }
#apartman img                           { float: left; margin-left: 120px;; display: inline; }
#apartman p                             { background-color: #fff; border: none; }

#apartman .kompas                       {
	margin-top: 20px;
	margin-right: 20px;
	position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px; }
#apartman .tlocrtSobe                   { margin-left: 0px; }

#tlocrtSec                              { clear: both; }
#procelje                               { float: right; width: 370px; }

#pozicija                               { float: left; width: 300px; border: 1px solid #750000; padding-bottom: 10px; }
#pozicija img                           { margin: 4px 0 0 52px; }
/* --------  mapa weba ---------------- */
div#mapaWeba div                        { display: inline; float: left; width: auto; margin-right: 20px;  }
a.mapaWebaKat                           { font-weight: bold; }
#smjestajLista                          { width: 600px; clear: both; padding-top: 10px; display: block; }
#smjestajLista ul                       { display: inline; float: left; width: 130px; margin-right: 0px;}
#smjestajLista li,
#smjestajLista a                        { margin-left: 0 !important; margin-left: -8px; }
/*---------------    objekt   ----------------------*/
#objektListe                            { border: 1px solid #750000; clear: both; float: left; width: 700px; padding-bottom: 5px; }
#objektListe div                        { display: inline; float: left; width: 120px; margin: 5px 8px 0 0; padding: 5px;  }
#objektListe h3                         { font-size: 12px; font-weight: bold; margin: 6px 0; }
#objektListe li                         { background: transparent url(../dizajn/list-nav2.gif) no-repeat left 6px; padding-left: 10px; }

#sadrzaj .objekt                        { float: left; width: 150px; margin-right: 15px; }
#sadrzaj .objekt li                     { padding-left: 10px; background: transparent url(../dizajn/list-nav2.gif) no-repeat left 7px;}

#objektListe a:link,
#objektListe a:visited                  { color: #750000; text-decoration: underline;}
#objektListe a:hover,
#objektListe a:active                   { color: #000; text-decoration: underline;}
/*-----------------   situacija   ---------------------*/
#situacijaImg                           { border: 1px solid #ccc; padding: 2px; }
/*------------   foto galerija --------------*/
.galerija                               { width: 100%; }
.galInterijer                           { clear: both; padding-top: 5px;  }

.galerija a:link,
.galerija a:visited                     { display: block; float: left; padding: 2px; border: 1px solid #ccc; margin: 0 7px 7px 0;  }
.galerija a:hover,
.galerija a:active                      { border: 1px solid #750000; }
/* ---------- stanje na gradilistu -------------  */
#gradiliste img                    { padding: 2px; border: 1px solid #750000; margin: 5px 5px 5px 0px;  }
/*---------- prizemlje -------------*/
#prizemljeSadrzaj li                    { background: transparent url(../dizajn/list-nav2.gif) no-repeat left 6px; padding-left: 10px; }
/* ------- fizikalna terapija | poliklinika za baromedicinu | abmulante ------ */
#medLista                               { float: left; width: 250px; line-height: 150%;  }
#medLista li                            { background: transparent url(../dizajn/list-nav2.gif) no-repeat left center; padding-left: 10px; }
#medLista .li2                          { margin-left: 40px; }

#medSlike                               { float: right; display: inline; width: 340px; margin-right: 10px;  }

#medSlike img,
#medSlikePoliklinika img,
#medSlikeAmbulante img                  { padding: 2px; border: 1px solid #ccc; margin: 0 0 5px 5px; }

#sadrzaj.poliklinika                    { height: 300px; }
#sadrzaj #medSlikePoliklinika           { float: right; display: inline; width: 340px; margin-right: 10px; margin-bottom: 100px; }

#sadrzaj #medSlikeAmbulante             { float: right; display: inline; width: 340px; margin-right: 10px; margin: -25px 10px 105px 0; }
/*----------  rekreativni sadrzaji - kulturno-zabavni zivot  ---------------- */
#slikeLjudi img                         { padding: 2px; border: 1px solid #ccc;  text-align: auto; margin-right: 10px; clear: both;  }
/* ------------------  religijski sadrzaji  -------------------- */
#tlocrtKapela                           { margin-left: 100px;}
#tlocrt.kapela                          { height: 360px;}
#kapelaSlike img                        { padding: 2px; border: 1px solid #750000; margin: 5px 5px 5px 0px;  }
/* ----------------   lokacija   ------------------- */
#lokacijaSlike img                      { padding: 2px; border: 1px solid #ccc; margin-right: 5px;  }
#karta                                  { padding: 2px; border: 1px solid #ccc; }
/* ----------- kontakt -------------- */
#sadrzaj .kontakt                       { height: 265px;  }