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

body                                   {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #506C90;
	background: #1880c4 url(../images/layout/body-bg.jpg) repeat-x 0 0;
	text-align: center; 
	padding: 17px 0 30px 0;
	}
a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; }
#print-logo                            { display: none; }
br.clear { line-height: 0; clear: both; }
/*--------------------------------------
   LAYOUT
-------------------------------------- */
#wrapper                               {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
#header                                {
	width: 960px;
	height: 123px;
	background: #fff url(../images/layout/header.jpg) no-repeat 0 0;
	}
#header a#logo                         {
	font-size: 20px;
	display: block;
	width: 289px;
	height: 113px;
	position: relative;
	top: 10px;
	left: 30px;
	text-indent: -9999px;
	}
#header a span                         {
	position: absolute;
	width: 289px;
	height: 113px;
	background: transparent url(../images/layout/hvarski-vodovod-logo.gif) no-repeat 0 0;
	top: 0;
	left: 0;
	cursor: pointer;
	}

/*--------------------------------------
   TOP NAV
-------------------------------------- */
#top-nav                               {
	width: 966px;
	height: 36px;
	background: transparent url(../images/layout/path-nav.gif) no-repeat 0 0;
	position: relative;
	top: 0;
	}
#print-link                            {
	display: block;
	width: 92px;
	height: 16px;
	position: absolute;
	right: 215px;
	top: 7px;
	background: transparent url(../images/layout/print.gif) no-repeat left top;
	font-size: 10px;
	color: #fff;
	padding: 3px 0 0 8px;
	text-decoration: none;
	}
#print-link:hover                      { background: transparent url(../images/layout/print.gif) no-repeat left bottom; }
	
/*--------------------------------------
   PATH
-------------------------------------- */
#path                                  {
	color: #fff;
	display: inline;
	float: left;
	padding: 8px 0 0 25px;
	}
#path li                               { display: inline; }
#path a:link,
#path a:visited                        { color: #fff; text-decoration: none; }
#path a:hover,
#path a:active                         { color: #fff; text-decoration: underline; }
#path a.on,
#path a.on:link,
#path a.on:visited                     { color: #c8e2ec; text-decoration: none; }

/*--------------------------------------
   TRAZILICA // form#searchweb
-------------------------------------- */
#searchweb                             {
	position: absolute;
	background: transparent url(../images/layout/search-bg.gif) no-repeat left center;
	top: 7px;
	right: 0; 
	width: 200px;
	}
#searchweb legend,
#searchweb label                       { display: none; }
#searchweb fieldset                    { border: none; }
#searchweb input                       {
	border: 0;
	background: none;
	outline: none;
	font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
#searchweb input.input                 {
	width: 115px;
	background: none;
	padding: 0 5px;
	margin-right: 3px;
	}
#searchweb input.button                {
	width: 50px;
	height: 19px;
	background: transparent url(../images/layout/search-button.gif) no-repeat left top;
	color: #fff;
	padding-left: 15px;
	position: relative;
	top: -1px;
	}
#searchweb input.button:hover          { background: transparent url(../images/layout/search-button.gif) no-repeat left bottom; }

/*--------------------------------------
   secContainer (side)
-------------------------------------- */
.secContainer                          {
	width: 161px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
	}
	
.secContainer-content { padding: 0 10px; }	

.secContainer#right { position: relative; right: -5px; }
	
.secContainer h2.first                 {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: none;
	padding: 8px 0 7px 15px;
	margin: 0;
	height: 16px;
	}
	
.secContainer h2                       {
	padding: 5px 0 4px 10px;
	font-size: 12px;
	background: transparent url(../images/layout/sec-content-h2-bg.gif) no-repeat left center;
	margin: 0 -13px 15px -6px;
	}
	
.secContainer#right h2 { margin-left: -7px; }	

.secContainer ul                       { margin: 15px 0; }
.secContainer ul li                    {
	background: transparent url(../images/layout/bullet-blue.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin: 2px 0;
	height: auto !important;
	height: 1%;
	line-height: 18px;
	}
.secContainer a:link                   { color: #506C90; text-decoration: underline; }
.secContainer a:visited                { color: #8aa3c3; text-decoration: underline; }
.secContainer a:hover,
.secContainer a:active                 { color: #00acee; text-decoration: none; }

.blue                                  { color: #00acee; text-decoration: none; margin-right: 15px; }
	
.small                                 { color: #506C90; text-decoration: none; }
.small:hover,
.small:active                          { color: #506C90; text-decoration: underline; }
#large                                 { color: #00acee; text-decoration: none; font-size: 30px; }

#izdvajamo                             { text-align: center; }
#izdvajamo                             { margin-top: 175px; }
#izdvajamo h2                          { text-align: left; }

#kontakt { height: 1%; }

.secContainer img { display: inline; margin: 5px 0; }

/*--------------------------------------
   IMG:hover // Reg. Vodovod - temp!
-------------------------------------- */
a.imgHover                             {
	display: block;
	width: 157px;
	height: 102px;
	background: transparent url(../images/reg-vodovod.jpg) no-repeat left top;
	margin: 0 0 1px -8px;
	text-indent: -9999px;
	position: relative;
	left: 3px;
	}
a.imgHover:hover                      { background: transparent url(../images/reg-vodovod.jpg) no-repeat left bottom;  }

/*--------------------------------------
   NEWSLETTER
-------------------------------------- */
#newsletter                            {
	color: #000;
	width: 149px;
	height: 80px;
	margin-bottom: 15px;
	}
#newsletter p                          { padding-top: 5px; font-size: 10px; text-align: right; }
#newsletter p label                    { margin-right: 15px; }
#newsletter fieldset                   { border: none; }
#newsletter legend                     { display: none; }
#newsletter input,
#newsletter label                      { display: inline; }

#newsletterEmail                       {
	width: 130px;
	font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 0 1px;
	margin-top: 5px;
	}
#newsletter label#mcall-label          { display: none; }
#make_call                             {
	font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	background: #fff;
	width: 40px;
	height: 17px;
	margin: 5px 15px 0 0;
	float: right;
	}

/*--------------------------------------
   CONTAINER
-------------------------------------- */
#container-wrapper                     {
	background: #fff url(../images/layout/container-bg.gif) repeat-y left bottom;
	width: 960px;
	padding-bottom: 0px;
	}
#container                             {
	background: transparent url(../images/layout/container-bg-top.gif) no-repeat 0 0;
	width: 960px;
	}

/*--------------------------------------
   mainContainer
-------------------------------------- */
#mainContainer                         {
	float: left; width: 626px;
	padding-top: 9px;
	margin: 0 0 0 0;
	}
#mainContent                           {
	padding: 6px 20px 0 21px;
	font-size: 12px;
	}
#mainContent h2 a:link,
#mainContent h2 a:visited              { color: #00acee; text-decoration: none; }
#mainContent .details                  {
	background: transparent url(../images/layout/bullet-blue.gif) no-repeat 0 3px;
	padding-left: 13px;
	margin-left: 5px;
	font-weight: bold;
	}
#mainContent .details:link             { color: #00acee; text-decoration: underline;}
#mainContent .details:visited          { color: #8aa3c3; text-decoration: underline;}
#mainContent .details:hover,
#mainContent .details:active           { text-decoration: none; }

#mainContent a:link                    { color: #506C90; text-decoration: underline; }
#mainContent a:visited                 { color: #8aa3c3; text-decoration: underline; }
#mainContent a:hover,
#mainContent a:active                  { color: #00acee; text-decoration: none; }

#mainContent img                       {
	display: inline;
	margin: 4px 10px 4px 4px;
	padding: 5px;
	border: 1px solid #ccc;
	}
#mainContent h1                        {
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #00acee;
	text-decoration: none;
	margin-bottom: 12px;
	background: transparent url(../images/layout/content-h2-dotted.gif) repeat-x left bottom;
	padding: 0 0 3px 5px;
	}
	
/*--------------------------------------
   footer
-------------------------------------- */
#footer                                {
	clear: both;
	width: 940px;
	height: 91px;
	position: relative;
	background: url(../images/layout/footer-bg.gif) no-repeat 0 0; 
	color: #fff;
	padding: 18px 0 0 20px;
	}
#top-link                              {
	color: #fff;
	text-decoration: none;
	position: absolute;
	top: 18px;
	right: 176px;
	padding-right: 15px;
	background: transparent url(../images/layout/bullet-top.gif) no-repeat center right;
	}
#top-link:hover                        { text-decoration: underline; }

/*--------------------------------------
   Paginator
-------------------------------------- */
#container #mainContainer #mainContent #paginator {
	display: table;
	float: right;
	margin: 20px 0;
	padding: 0;
	}
#container #mainContent #paginator a              {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	width: 15px;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
	}
#container #mainContent #paginator a:hover               { border: 1px solid #506C90; }
#container #mainContent #paginator a.on,
#container #mainContent #paginator a.on:hover            { font-weight: bold; text-decoration: none; color: #506C90; background: #e2f1fd; border: 1px solid #506C90; }
#container #mainContent #paginator a.disabled,
#container #mainContent #paginator a.disabled:hover      { color: #c2c2c2; text-decoration: none; border: 1px solid #e3e3e3; }
#container #mainContainer #paginator li                  { background: none; padding: 0; margin: 0; line-height: normal; display: inline; }
/*--------------------------------------
   NewsNavigator
-------------------------------------- */
#mainContainer #mainContent #news-navigator   {
	display: table;
	float: right;
	margin: 20px 0;
	padding: 0;
	}
#mainContent #news-navigator a                {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	width: 120px;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
	}
#mainContent #news-navigator a:hover          { border: 1px solid #506C90; }
#mainContent #news-navigator a.on,
#mainContent #news-navigator a.on:hover       { font-weight: bold; text-decoration: none; color: #506C90; background: #e2f1fd; border: 1px solid #506C90; }
#mainContent #news-navigator a.disabled,
#mainContent #news-navigator a.disabled:hover { color: #c2c2c2; text-decoration: none; border: 1px solid #e3e3e3; }
#container #mainContainer #news-navigator li             { background: none; padding: 0; margin: 0; line-height: normal; display: inline; }