@charset "utf-8";
/* CSS Document */

/*------------BASIC HTML------------------*/
body {margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; background:url(../images/city_m_back_nar.gif) top center; background-attachment:fixed;
}
h1 { margin:0px; padding:0px; font-size:30px; font-weight:bold; line-height:30px;}
h2 {margin:0px; padding:0px; font-size:22px; font-weight:bold; line-height:22px;}

/*---------------TXT------------------------*/
.ZA_SLIKE------ {}
.slika_Desno { float:right; padding:0px 0px 10px 10px;}
.slika_Levo { float:left; padding:0px 10px 10px 0px;}
.ZA_TEKST------ {}
.txt_Normal { font-style:normal;}
.txt_Naslovni {font-weight:bold; font-size:16px;}
.txt_bold_centriran {font-weight:bold; text-align:center;}

/*--------------Drop_shadow----------------*/
.ODAVDE_NE_KORISTITI------ {}
.senk_m { width:914px; background:url(../images/sen_mid.png) repeat-y;}
.senk_b_t {width:914px; height:15px; background:url(../images/sen_b_t.png) no-repeat;}
.senk_b_t2 {width:914px; height:15px; background:url(../images/sen_b_t2.png) no-repeat;}
.senk_b_b {width:914px; height:15px; background:url(../images/sen_b_b.png) no-repeat;}

* html .senk_m { width:914px; background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sen_mid.png', sizingMethod='scale');}	
* html .senk_b_t {width:914px; height:15px; background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sen_b_t.png', sizingMethod='image');}
* html .senk_b_b {width:914px; height:15px; background-image:url(); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sen_b_b.png', sizingMethod='image');}


/*--------------Containeri-----------------*/
#container { width:914px; margin:auto;}
#cont_Left1column { width:288px; height:100%; float:left; padding:0px 5px 0px 0px;}
#cont_Middle1column {width:288px; height:100%; float:left; padding:0px 4px 0px 0px;}
#cont_Right1column {width:300px; height:100%; float:right; padding:0px 8px 0px 0px;}
#cont_Left2column {width:558px; height:100%; border-bottom:1px #808080 solid; border-right:1px #808080 solid; float:left; padding:0px 12px 0px 14px;}

/*--------------Heder----------------------*/
#heder { width:900px; height:251px; position:relative; left:7px;}
#home_link { width:150px; height:322px; float:left; cursor:pointer;}
.home_link { width:428px; height:183px; float:left; cursor:pointer; background:#FFF url(../images/logo_citymagazine_new.gif) no-repeat; }
#cont_HedRight { width:728px; height:322px; padding-right:7px; float:right;}
.cont_HedRight { width:893px; height:183px; padding-right:7px; float:right;}
#hed_TopLeft { width:413px; height:30px; float:left; padding-top:20px;}
#hed_TopRight { width:315px; height:50px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.hed_BotRight { width:215px; height:50px; margin-right:10px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; position:relative;}
#rss { width:106px; height:24px; background:url(../images/crta_vert.gif) no-repeat top right; float:left; padding-top:3px;}
#rss a { width:70px; height:24px; display:block; padding-left:20px; line-height:20px; background:url(../images/ico_rss.gif) no-repeat 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#000;}
#search_div { margin:0px 0px 0px 0px; padding:0px 0px 0px 18px; width:191px; height:24px; background:url(../images/search_box.gif) no-repeat top right; float:right; }
#search_div form { margin:0px; padding:0px; width:191px;}
#search_div label { margin:0px; padding:0px; width:20px; color:#949494;}
#search_div input { margin:6px 0px 0px 0px; padding:0px; border:0px; width:105px; margin-left:10px; background:none; font:11px Verdana, Arial, Helvetica, sans-serif;}
#search_div a { margin:0px; padding:0px; width:22px; height:22px; position:absolute; top:16px; right:1px; text-decoration:none; display:block; float:right; background:url(../images/str_v_zel.gif) no-repeat; line-height:2px;}
#banner_Top { width:728px; height:90px; padding:16px 0 16px 22px;}

.social { width:111px; height:100px; display:block; float:right; padding:16px 7px 0 0; }
.btn_Facebook { width:111px; height:31px; display:block; background:url(../images/btn_facebook_new.gif) no-repeat; cursor:pointer;}
.btn_Twitter { width:111px; height:33px; display:block; background:url(../images/btn_twitter_new.gif) no-repeat; cursor:pointer;}
.btn_Rss { width:111px; height:38px; display:block; background:url(../images/btn_rss_new.gif) no-repeat; cursor:pointer;}

/*--------------Menu------------------------*/
#meni { width:206px; height:143px; float:left; padding-left:64px; padding-top:29px;}
#meni a.uVazduhu { width:183px; height:33px; display:block; background-image:url(../images/btn_uvazduhu_s.gif); text-decoration:none;}
#meni a.uVazduhu:hover {background-position:0 -33px;}
#meni a.kulturna { width:183px; height:33px; display:block; background-image:url(../images/btn_kultura_s.gif); text-decoration:none;}
#meni a.kulturna:hover {background-position:0 -33px;}
#meni a.puls { width:183px; height:33px; display:block; background-image:url(../images/btn_puls_grada_s.gif); text-decoration:none;}
#meni a.puls:hover {background-position:0 -33px;}
#meni a.blog { width:183px; height:33px; display:block; background-image:url(../images/btn_blog_s.gif); text-decoration:none;}
#meni a.blog:hover {background-position:0 -33px;}
#flash_HotInfo { width:458px; height:172px; float:right;}

.menuLine { width:900px; height:51px; margin:auto; display:block;}
.menu { width:658px; height:51px; display:block; float:left;}
.menuLeft { width:647px;  height:51px; display:block; float:left; background:url(../images/subm_m.gif) repeat-x;}
.menuRight { width:11px; height:51px; display:block; float:left; background:url(../images/subm_r.gif)  no-repeat;}

.menu ul { margin:0; padding:0; list-style:none outside;}
.menu li {  margin:0; padding:0; height:51px; display:block; float:left;}
.menu li a { margin:0 16px 0 16px;}
.menu li a.uVazduhu {width:118px; height:51px; display:block; background-image:url(../images/btn_uvazduhu_n.gif); text-decoration:none;}
.menu li a.kulturna { width:203px; height:51px; display:block; background-image:url(../images/btn_kulturna_n.gif); text-decoration:none;}
.menu li a.puls { width:116px; height:51px; display:block; background-image:url(../images/btn_stilgrada_n.gif); text-decoration:none;}
.menu li a.blog { width:71px; height:51px; display:block; background-image:url(../images/btn_blog_n.gif); text-decoration:none;}
.menu li a:hover {}
.menu li span.separ { width:2px; height:51px; display:block; background-image:url(../images/separ.gif); text-decoration:none;}


/*--------------Heder-End---------------------*/

/*--------------Spaceri-----------------*/
.spacer_29px { margin:0px; padding:0px; clear:both; height:29px;  font-size:2px;}
.spacer_15px { margin:0px; padding:0px; clear:both; height:15px; font-size:2px;}
.spacer_10px { margin:0px; padding:0px; clear:both; height:10px; font-size:2px;}
.spacer_5px { margin:0px; padding:0px; clear:both; height:5px; font-size:2px;}
.spacer_4px { margin:0px; padding:0px; clear:both; height:4px; font-size:2px;}
.spacer_2px { margin:0px; padding:0px; clear:both; height:2px; font-size:2px; line-height:2px;}

/*--------------Content---------------------*/
#content { margin:0px; padding:0px; padding-top:5px; width:900px; background:#FFF; position:relative; left:7px;}

/*--------------Opshti-Strana------------------*/
.PageContent { width:100%; float:right; text-align:justify; padding:0px 0px 0px 0px; border-bottom:1px #808080 solid;}
.Listax2 {width:100%;  float:right; height:100%; padding:0px 0px 10px 0px; text-align:justify;}
.Box2x { clear:both; padding:10px 0px 0px 0px;}
.Listax2Left { width:48%; float:left; border-bottom:1px #808080 solid; padding:0px 0px 5px 0px;}
.Listax2Right { width:48%; float:right; border-bottom:1px #808080 solid; padding:0px 0px 5px 0px;}

.VelikiLink {color:#F26631; text-decoration:none; font-weight:bold;}
.VelikiLink:hover {color:#F26631; text-decoration:underline; font-weight:bold;}
.MaliLink {color:#F26631; width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_nar.gif) no-repeat 50px 0px; cursor:pointer; margin-top:10px;}
.MaliLink:hover { color:#F26631; width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_nar.gif) no-repeat 50px 0px; text-decoration:underline; cursor:pointer;}

/*--------------Search-Strana------------------*/
#SearchContainer { margin-left:-14px; padding:0px;}
.SearchResult_Content a {font-weight:bold; color:#F26631; text-decoration:none;}
.SearchResult_Content a:hover {font-weight:bold; color:#F26631; text-decoration:underline;}
#SearchResult_Footer { margin-left:14px;}
#SearchResult_Footer ul { margin:0px; padding:0px; display:inline; list-style:none;}
#SearchResult_Footer li {margin:0px; padding:2px; display:inline; list-style:none; }
#SearchResult_Footer a {font-weight:bold; color:#F26631;}
#SearchResult_Footer a:hover {font-weight:bold; color:#F26631;}
.SearchResult_Button {background-color:#F26631; font-family:Verdana, Arial, Helvetica, sans-serif;}

.pagination { margin-left:14px;}
.pagination ul { margin:0px; padding:0px; display:inline; list-style:none;}
.pagination li {margin:0px; padding:2px; display:inline; list-style:none; }
.pagination a {font-weight:bold; color:#F26631;}
.pagination a:hover {font-weight:bold; color:#F26631;}

.SearchResult_Title { height:38px; background:url(../images/polul_nar.gif) no-repeat; padding-left:28px; padding-top:3px;}
.SearchResult_Content { margin-left:14px;}
.SearchResult_Content ul { margin:0px; padding:0px; list-style:none;}
.SearchResult_Content li { margin:0px; padding:0px; list-style:none;}
#search_Forma { margin-left:14px;}
.SearchResult_ItemText {margin:5px 0px 5px 0px; padding:0px;}
.SearchResult_ItemCategory { margin:0px 0px 10px 0px; padding:0px; color:#999;}
.pageLinkNumber a {text-decoration:none; padding:2px;}
.pageLinkNumber a:hover { text-decoration:underline;}
.pageLinkArrow { margin:0px; padding:20px; font-weight:bold; color:#F26631; text-align:center; text-decoration:none;}
.pageLinkArrow a {width:30px; height:15px; display:inline-block; border:1px #F26631 solid; text-align:center; text-decoration:none;}
.pageLinkArrow a:hover {width:30px; height:15px; display:inline-block; background-color:#FFDFBF; text-align:center; text-decoration:none;}
.pageLinkNumber {font-weight:bold; color:#F26631;}
.pageLinkText {font-weight:normal; color:#333;}

/*--------------Moduli----------------------*/
/*-----------SubCategory-----------------------*/
#SubCategoryList { width:100%; border-bottom:1px #808080 solid; border-left:1px #808080 solid; border-right:1px #808080 solid; margin:0px 0px 0px 0px;}
#SubCategoryTitle { height:38px; background:url(../images/polul_ljub.gif) no-repeat; padding-left:25px; padding-top:3px;}
#SubCategoryList_Title { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-size:22px; font-weight:bold; line-height:20px;}
#SubCategoryList_Content { text-align:justify; padding:0px 10px 0px 0px;}
#SubCategoryList_Content ul { margin:0px; padding:0px; list-style:none outside; padding-left:15px; padding-bottom:15px;}
#SubCategoryList_Content li {border-bottom:1px #808080 solid; padding-bottom:15px; padding-top:10px;}
#SubCategoryList_Content { color:#493280; text-decoration:none; font-weight:bold;}
.SubCategoryList_MaliLink { width:64px; height:13px; color:#000; font-size:9px; font-weight:normal;}
#SubCategoryList a span:hover { width:64px; height:13px; font-size:9px; font-weight:normal; text-decoration:underline;}

/*--------------Opshti--------------*/
.News { margin:0px; padding:0px; line-height:12px;}
.Title { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-size:22px; font-weight:bold; line-height:20px;}
.Content ul { margin:0px; padding:0px; list-style:none outside; padding-left:15px; padding-bottom:15px;}
.Content li {border-bottom:1px #808080 solid; padding-bottom:25px; padding-top:10px;}
.Content { width:95%; text-align:justify;}

/*--------------Danas------------------------*/
#newsList { width:100%; margin:0px; padding:0px; border-bottom:1px #808080 solid; border-right:1px #808080 solid;}
#newsList .CategoryTitle {width:70%; height:38px; background:url(../images/polul_nar.gif) no-repeat; padding-left:28px; padding-top:3px;}
#newsList .Date { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999; line-height:9px;}
#newsList a { color:#f26531; text-decoration:none; font-weight:bold;}
#newsList a:hover { color:#f26531; text-decoration:underline; font-weight:bold;}
.VelikiLink {text-decoration:none; font-weight:bold;}
.VelikiLink:hover {text-decoration:underline; font-weight:bold;}
.MaliLink {width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_nar.gif) no-repeat 50px 0px; cursor:pointer; margin-top:10px;}
.MaliLink:hover {width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_nar.gif) no-repeat 50px 0px; text-decoration:underline; cursor:pointer;}
#newsList img {float:left; margin:3px 10px 3px 0px; padding:3px; border:1px #CCC solid;}

/*--------------Novosti-------------------------*/
#novostiList { width:100%; border-bottom:1px #808080 solid; border-right:1px #808080 solid; padding:0px;}
#novostiList .CategoryTitle {width:70%; height:38px; background:url(../images/polul_nar.gif) no-repeat; padding-left:28px; padding-top:3px;}
#novostiList .Title { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-size:22px; font-weight:bold; line-height:20px;}

/*--------------Kulturna_deshavanja--------------*/
#kulturnaList { width:100%; padding:0px; margin:0px;}
#kulturnaList .RubrikaTitle { width:90%; height:12px; margin:0px; background:#7cad35 url(../images/shla_bra.gif) no-repeat top right; color:#FFF; font-weight:bold; line-height:10px; font-size:12px; padding:12px 5px 10px 15px;}
#kulturnaList .CategoryTitle {width:261px; height:38px; background:url(../images/polul_bra.gif) no-repeat; padding-left:28px; padding-top:3px;}
#kulturnaList .Content a { color:#7cad35; text-decoration:none; font-weight:bold;}
#kulturnaList .Content a:hover { color:#7cad35; text-decoration:underline; font-weight:bold;}
#kulturnaList .MaliLink { width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_bra.gif) no-repeat 50px 0px;}
#kulturnaList a span:hover { width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_bra.gif) no-repeat 50px 0px; text-decoration:underline;}

/*--------------uVazduhu------------------------*/
#uVazduhuList { width:100%; padding:0px; margin:0px;}
#uVazduhuList .RubrikaTitle { width:90%; height:12px; background:#493280 url(../images/shla_ljub.gif) no-repeat top right; color:#FFF; font-weight:bold; font-size:12px; line-height:10px; padding:12px 5px 10px 15px;}
#uVazduhuList .CategoryTitle {width:100%; height:38px; background:url(../images/polul_nar.gif) no-repeat; padding-left:28px; padding-top:3px;}
#uVazduhuList .Content a { color:#493280; text-decoration:none; font-weight:bold;}
#uVazduhuList .Content a:hover { color:#493280; text-decoration:underline; font-weight:bold;}
#uVazduhuList .MaliLink { width:64px; height:13px; font-size:9px; font-weight:normal; float:right;  background:url(../images/str_ljub.gif) no-repeat 50px 0px;}
#uVazduhuList a span:hover { width:64px; height:13px; font-size:9px; font-weight:normal; float:right;  background:url(../images/str_ljub.gif) no-repeat 50px 0px; text-decoration:underline;}

/*--------------Puls_grada------------------------*/
#pulsGradaList { width:100%; padding:0px; margin:0px;}
#pulsGradaList .RubrikaTitle { width:90%; height:12px; background:#C73F80 url(../images/shla_roz.gif) no-repeat top right; color:#FFF; font-weight:bold; font-size:12px; line-height:10px; padding:12px 5px 10px 15px;}
#pulsGradaList .CategoryTitle {width:100%; height:38px; background:url(../images/polul_roz.gif) no-repeat; padding-left:28px; padding-top:3px;}
#pulsGradaList .Content a { color:#C73F80; text-decoration:none; font-weight:bold;}
#pulsGradaList .Content a:hover { color:#C73F80; text-decoration:underline; font-weight:bold;}
#pulsGradaList .MaliLink { width:64px; height:13px; font-size:9px; font-weight:normal; float:right;  background:url(../images/str_roz.gif) no-repeat 50px 0px;}
#pulsGradaList a span:hover { width:64px; height:13px; font-size:9px; font-weight:normal; float:right;  background:url(../images/str_roz.gif) no-repeat 50px 0px; text-decoration:underline;}

/*--------------Blog--------------*/
#blogList { width:100%; border-bottom:1px #808080 solid; border-left:1px #808080 solid; border-right:1px #808080 solid; margin:0px 0px 0px 0px;}
#blogList_RubrikaTitle { width:100%; height:12px; background:#222 url(../images/shla_crn.gif) no-repeat top right; color:#FFF; font-weight:bold; font-size:12px; padding:12px 5px 10px 15px;}
#blogList_CategoryTitle { height:38px; background:url(../images/polul_crn.gif) no-repeat; padding-left:28px; padding-top:3px;}
#blogList_Content { text-align:justify; padding:0px 10px 0px 0px;}
#blogList_Content ul { margin:0px; padding:0px; list-style:none outside; padding-left:15px; padding-bottom:15px;}
#blogList_Content li {border-bottom:1px #808080 solid; padding-bottom:15px; padding-top:10px;}
#blogList_Title { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-size:22px; font-weight:bold; line-height:20px;}
.blogList_Date { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999; line-height:9px;}
.blogList_News { margin:0px; padding:0px; line-height:12px;}
#blogList_Content a { color:#222; text-decoration:none;}
#blogList_Content a:hover { color:#222; text-decoration:underline;}
.blogList_MaliLink { width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_crn.gif) no-repeat 50px 0px;}
#blogList a span:hover { width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_crn.gif) no-repeat 50px 0px; text-decoration:underline;}
.blogList_MaliLinkVazduh { width:64px; height:13px; font-size:9px; font-weight:normal; float:right; background:url(../images/str_nar.gif) no-repeat 50px 0px;}
.blog_Naslov { font-size:12px; font-weight:bold}
.blog_Namebloger { margin:0px; padding:0px 0px 5px 0px; font-weight:bold;}
.blog_Date { font-size:9px; color:#999; float:right;}
#naslovna_Strana { width:300px; height:250px;}

/*--------------Anketa-----------------------*/
.anketa {width:298px; height:200px; border-left:1px #808080 solid; border-bottom:1px #808080 solid; border-right:1px #808080 solid; }
.anketa_Title { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-size:22px; font-weight:bold; line-height:20px;}
#NewsList .anketa_CategoryTitle {width:261px; height:23px; background:url(../images/polul_nar.gif) no-repeat; padding-left:28px; padding-top:3px;}
#uVazduhu .anketa_CategoryTitle {width:261px; height:23px; background:url(../images/polul_ljub.gif) no-repeat; padding-left:28px; padding-top:3px;}
#pulsGradaList .anketa_CategoryTitle {width:261px; height:23px; background:url(../images/polul_roz.gif) no-repeat; padding-left:28px; padding-top:3px;}
#kulturnaList .anketa_CategoryTitle {width:261px; height:23px; background:url(../images/polul_bra.gif) no-repeat; padding-left:28px; padding-top:3px;}

/*--------------Mailing_Lista-----------------*/
.mailingLista {width:298px; height:200px; border-left:1px #808080 solid; border-bottom:1px #808080 solid; border-right:1px #808080 solid;}
.mailingLista_Title { margin:0px; padding:0px; font-family:"Trebuchet MS"; font-size:22px; font-weight:bold; line-height:20px;}
.mailingLista_CategoryTitle {width:261px; height:23px; background:url(../images/polul_nar.gif) no-repeat; padding-left:28px; padding-top:3px;}

/*--------------Banneri----------------------*/
#banner_LeftTop { width:300px; height:250px;}
#banner_MiddleBottom {width:240px; height:120px; padding:10px 10px 10px 10px;} 

/*--------------SuperFooter----------------------*/
.superFoo { padding:15px 85px; height:92px;}

/*--------------Footer----------------------*/
#footer { width:900px; height:123px; background:#FFF; position:relative; left:7px;}
#foot_Left { width:517px; height:128px; float:left; padding:0px 0px 0px 33px; margin-top:-5px;}
#foot_Left ul {margin:0px; padding:0px; list-style:none outside; padding:10px 15px 0px 0px;}
#foot_Left li { color:#808080;}
#foot_Left a { color:#808080; text-decoration:none;}
#foot_Left a:hover { color:#808080; text-decoration:underline;}
#foot_Mod001 { height:118px; padding: 10px 0px 0px 0px; background:url(../images/crtice_vert.gif) repeat-y top right; float:left;}
.txt_FootNaslov { color:#000; font-weight:bold;}
#foot_Mod002 {height:118px; padding: 10px 0px 0px 22px; background:url(../images/crtice_vert.gif) repeat-y top right; float:left;}

#foot_Right {width:340px; height:123px; float:right; background:url(../images/logo_roularta.gif) no-repeat 180px 10px;}
#foot_Top {width:340px; height:60px; clear:both;}
#foot_Facebook { width:150px; height:50px;}
#foot_Roularta { width:140px; height:50px;  margin:10px 18px 0px 0px; cursor:pointer; clear:both; float:right;}
#foot_Copy {width:313px; height:40px; font-size:9px; color:#808080; text-align:right; margin:15px 0px 0px 0px;}
#foot_Right a { color:#808080; text-decoration:none;}
/*--------------Footer-End------------------*/

.italic { margin:0px; padding:0px; font-style:italic;}
.regular {margin:0px; padding:5px 0px 10px 0px; font-style:normal;}

.align_Right { float:right; padding:0px 0px 10px 10px;}
.align_Left { float:left; padding:0px 10px 10px 0px;}