/*-----------------------------------------------------
   HOME - boxWrapper
------------------------------------------------------ */
#boxWrapper                                            {
	display: inline; float: left;
	width: 260px;
	margin-right: 25px;
}
	
.box                                                   { margin-bottom: 25px; }
.box .content                                          { width: 230px; height: 85px; padding: 15px 15px 5px 15px; overflow: hidden; }
.box#lastBox                                           { margin-bottom: 0; }

.box .details                                          {
	display: block;
	float: right;
	text-align: right;
	width: auto;
	margin: 20px 0 0 0;
	padding: 0 10px 0 0;
	line-height: 1em;
}

.box .topBox                                           { margin-top: 21px; }
.box .middleBox                                        { margin-top: 23px; }
.box .bottomBox                                        { margin-top: 11px; }

/*-----------------------------------------------------
   BOX
------------------------------------------------------ */
#topBox                                                {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.4em;	
	font-weight: bold;
}
#lastBox h2                                            { font-size: 1em; font-weight: bold; margin-bottom: 8px; }
.box .details                                          { text-decoration: none; }
	
/*-----------------------------------------------------
   BOX - hover
------------------------------------------------------ */	
#blue                                                  {
	font-size: 2.6em;
	font-weight: bold;
	line-height: 1em;
}
.box:hover .details                                    { text-decoration: none; }		
	
/*-----------------------------------------------------
   HOME - newsWrapper
------------------------------------------------------ */
#newsWrapper                                           { display: inline; float: left; width: 225px; }
.news                                                  {
	height: 100%;
	overflow: hidden;
	margin: 0 0 16px 0;
	padding: 0 0 5px 0;
	line-height: 1.45em;
}
.news#lastNews                                         { margin-bottom: 0; }
.news h2                                               {
	display: inline;
	font-size: 1em;
	font-weight: bold;
	margin-right: 5px;
}
.news .highlight                                       { font-weight: normal; }
.news .details                                         {
	display: block;
	float: right;
	text-align: right;
	width: auto;
	margin: 5px 0 0 0;
	padding: 0 10px 0 0;
	line-height: 1em;
	text-decoration: none; 
}

/*-----------------------------------------------------
   baisc Typ. (tipografija za unutarnje/sadrzajne stranice)
------------------------------------------------------ */
.inside h1                                             { font-size: 1.3em; margin-bottom: 15px; color: #82b7df; }

.inside h2,.inside h3, .inside h4,.inside h5,
.inside h6                                             { font-size: 1.1em; margin: 10px 0 5px 0; color: #82b7df; }

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

.inside p,.inside ul,.inside ol,.inside table          { margin-bottom: 15px; }

.inside ul li                                          { padding-left: 20px; }

.inside .highlight                                     { color: #82b7df; }

#mainContent .intro                                    { font-size: 1.1em; font-weight: bold; }

.inside a                                              { color: #82b7df; text-decoration: underline; }
.inside a:hover                                        { color: #808080; }

.hide                                                  { display: none; }

.wrapper                                               { clear: both; height: 100% !important; height: auto; overflow: hidden; }
.wrapper .image                                        { display: inline; float: left; clear: none; }
.wrapper .text                                         { display: inline; float: left; clear: none; }

th                                                     {
	text-align: left;
	font-weight: bold;
	font-size: 9px;
	padding: 3px;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
	
td                                                     { padding: 3px; vertical-align: top; }

th.left                                                { text-align: left; }
th.right                                               { text-align: right; }
th.center                                              { text-align: center; }

td.left                                                { text-align: left; }
td.right                                               { text-align: right; }
td.center                                              { text-align: center; }

.inside ol li                                          { list-style: outside decimal; margin-left: 35px; }

/*-----------------------------------------------------
   O NAMA
------------------------------------------------------ */
.onama .image                                          { width: 200px; margin-right: 20px; }
.onama .wrapper .text                                  { width: 290px; }

.onama #bg1                                            { height: 255px; }
.onama #bg2                                            { height: 115px; }

.inside .info                                          {
	display: block;
	color: #808080;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.inside .info:hover                                    { color: #82b7df; }

/*-----------------------------------------------------
   PONUDA
------------------------------------------------------ */
.ponuda .image                                         { width: 200px; margin-right: 20px; }
.ponuda .wrapper .text                                 { width: 290px; }

.ponuda .image img                                     { margin-bottom: 20px; }

#mainContent.ponuda .text h2                           { padding-left: 10px; }
#mainContent.ponuda .text h3                           { font-weight: normal; }
#mainContent.ponuda table                              { width: 100%; }

th.cijena                                              { width: 50px; text-align: center; }

.detHeader                                             { cursor: pointer; }

/*-----------------------------------------------------
   KONTAKT
------------------------------------------------------ */
#mainContent.kontakt                                   { position: relative; width: 510px; height: 390px; }
#kontaktLogo                                           {
	width: 123px;
	height: 23px;
	position: absolute;
	bottom: 5px;
	right: 20px;
}
	
/*-----------------------------------------------------
   NOVOSTI
------------------------------------------------------ */	
.newsWrapper                                           { margin-bottom: 20px; }
.novosti #lastNews                                     { padding-top: 20px; margin-top: 20px; }

.newsImage                                             {
	width: 182px;
	height: 122px;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
}

.newsIntro                                             {
	display: inline;
	float: left;
	width: 300px;
	padding-top: 20px;
}

.inside .newsDetailsLink                               {
	display: block;
	float: right;
	margin: 10px 0 0 0;
	width: auto;
	font-weight: normal;
	padding: 0 10px 0 0;
	text-decoration: none;
	line-height: 1em;
}

.inside .newsDetailsPdf                                {
	display: block;
	float: right;
	margin: 10px 0 0 0;
	width: auto;
	font-weight: normal;
	padding: 0 10px 0 0;
	text-decoration: none;
	line-height: 1em;
}

.inside .newsContent                                   { padding-top: 20px; margin: 0 40px; clear: both; }
.inside .newsContent p                                 { margin: 0; }

/*-----------------------------------------------------
   TIPSandTRICKS - home
------------------------------------------------------ */
.tipsColumn                                            {
	display: inline;
	float: left;
	width: 147px;
	padding: 0 16px 0 0;
	margin: 0 16px 0 0;
}	
.tipsColumn#lastColumn                                 { padding: 0; margin: 0; border: none; }
.tipsBox                                               { position: relative; width: 147px; height: 390px; }
.tipsDetailsLink                                       {
	display: block;
	position: absolute;
	width: 5px; height: 6px;
	bottom: 0;
	right: 0;
	background: transparent url(../images/layout/day/details.gif) no-repeat 0 0; /**/
	text-indent: -9999px;
}

/*-----------------------------------------------------
   TIPSandTRICKS - pages
------------------------------------------------------ */
.tipsandtricks-inside h1                               { padding-top: 80px; }
.tipsandtricks-inside #obojama h1                      { padding-top: 30px; }
.tipsandtricks-inside #nekafont h1                     { padding-top: 30px; }

#inspirativno-topImages                                {
	display: inline;
	float: right;
	width: 242px;
	margin: 0 0 20px 20px;
}
	
.tipsandtricks-inside img                              { margin-bottom: 15px; }
	
.tipsandtricks-inside #inspirativno03                  { display: inline; float: left; margin: 5px 40px 10px 0; }
.tipsandtricks-inside #inspirativno06                  { margin-right: 20px; }

.tipsandtricks-inside p.inspirativnoHightlight         {
	clear: both;
	width: 427px;
	text-align: right;
	font-style: italic;
	color: #82b7df;
	margin: -10px 0 20px 0;
}
	
#insideColumn                                          { padding-left: 45px; }
.tipsandtricks-inside #obojama01                       { display: inline; float: left; margin: 0 20px 10px 0; }
.tipsandtricks-inside #obojama02                       { display: inline; float: left; margin: 25px 75px 40px 10px; border: none; }

#columnBox                                             { margin: 25px 0; display: inline-block; }
#columnContent                                         { display: inline; float: left; width: 230px; }

.tipsandtricks-inside #nekafont01                      { display: inline; float: left; margin: 0 20px 10px 0; }

#tipsPaginator                                         { padding: 0; }
#tipsPaginator li                                      {
	background: none;
	padding: 0;
	width: 29px;
	float: left;
	margin-right: 5px;
	margin-left: 0;
}	
	
#tipsPaginator li a                                    {
	display: block;
	float: left;
	width: 29px;
	height: 20px;
	text-indent: -9999px;
	background-position: left top;
}	

#tipsPaginator li a.on                                 { background-position: left bottom; }

#tpNekafont a                                          { background: transparent url(../images/layout/pag_nekafont.jpg) no-repeat; }
#tpObojama a                                           { background: transparent url(../images/layout/pag_obojama.jpg) no-repeat; }
#tpInspirativno a                                      { background: transparent url(../images/layout/pag_inspirativno.jpg) no-repeat; }

/*-----------------------------------------------------
   GALERIJA - HOME
------------------------------------------------------ */
.gallery .tipsColumn                                   { height: 385px; }
#mainContent .galleryHomeLink                          {
	display: block;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	padding-top: 110px;
	margin:  0 0 60px 0;
	height: 1%;
}
#linkBacklight                                         { background: transparent url(../images/layout/galerija_backlight.jpg) no-repeat 0 0; }
#linkBillboard                                         { background: transparent url(../images/layout/galerija_billboard.jpg) no-repeat 0 0; }
#linkBigboard                                          { background: transparent url(../images/layout/galerija_bigboard.jpg) no-repeat 0 0; }
#linkCitylight                                         { background: transparent url(../images/layout/galerija_citylight.jpg) no-repeat 0 0; }
#linkSpanmaster                                        { background: transparent url(../images/layout/galerija_spanmaster.jpg) no-repeat 0 0; }

/*-----------------------------------------------------
   NAAAJKAMPANJE / ANKETA
------------------------------------------------------ */
#pollWrapper                                           {
	display: inline;
	float: right;
	width: 233px;
	color: #fff;
	margin: -25px 0 20px 20px;
}
#pollContent                                           { padding: 15px 10px; }
#pollWrapper table                                     { margin: 0; padding: 0; width: 100%; }
#pollWrapper td, #pollWrapper th                       { padding: 2px 0; }

#pollWrapper td input                                  { margin-right: 5px; vertical-align: middle; }
td.pollHeading                                         { text-align: center; font-weight: bold; font-size: 1.1em; }

#pollResultLink                                        {
	color: #fff;
	text-decoration: underline;
	margin-right: 10px;
	font-size: .9em;
}
#pollResultLink:hover                                  { text-decoration: none; }

#pollSubmitButton                                      {
	border: none;
	margin: 10px 0 5px 0;
	background: transparent url(../images/layout/glasaj.gif) no-repeat 0 0;
	width: 58px;
	height: 19px;
	text-indent: -9999px;
}

/*-----------------------------------------------------
   SITEMAP
------------------------------------------------------ */
#sitemapList                                           { margin-left: 30px; }
#sitemapList ul                                        { margin: 10px; }

/*-----------------------------------------------------
   ZOOM SEARCH (screen)
------------------------------------------------------ */
.results .highlight                                    { color: #808080; }
.searchheading                                         { font-size: 130%; font-weight: bold; padding-top:10px; }
.summary                                               { font-size: 95%; padding-left:20px; }
.suggestion                                            { font-size: 100%; }
.results                                               { font-size: 100%; padding: 0 30px; }
.sorting                                               { text-align: right; }

.result_title                                          { font-size: 120%; font-weight:bold; margin-bottom: 5px; }
.description                                           { font-size: 110%; padding-left:20px; font-weight:bold;}
.context                                               { font-size: 100%; padding-left:20px; margin-bottom: 5px;}
.infoline                                              { font-size: 90%; font-style: normal; color: #808080; padding-left: 20px;}
.zoom_searchform                                       { font-size: 100%; text-align: center; margin: 0 auto;  }
.zoom_results_per_page                                 { margin-left: 10px; position: relative; top: 1px; }
.zoom_match                                            { font-size: 90%; margin-left: 10px;}
.zoom_categories                                       { font-size: 90%; }
.zoom_categories ul                                    { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li                                    { display: inline; margin-left: 15px; list-style-type: none; }

.zoom_button                                           {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	width: 60px; height: 21px;
	border: none;
	vertical-align: middle;
}
.zoom_searchbox                                        {
	width: 120px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 3px 3px 4px 3px;
	vertical-align: middle;
}
select                                                 {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color: #808080; 
	padding: 2px; 
	width: 40px;
	vertical-align: middle;
}
.result_image                                          { float: left; display: block; }
.result_image img                                      { margin: 10px; width: 80px; border: 0px; }

.result_block                                          { margin: 15px 0; clear: left; }
.result_altblock                                       { margin-top: 10px; margin-bottom: 10px; clear: left; }

.result_pages                                          { font-size: 100%; text-align: center; }
.result_pagescount                                     { font-size: 100%; }

.searchtime                                            { font-size: 80%; }
.zoom_match input                                      { margin-left: 10px; margin-right: 3px; }