/* All pages */ body {text-align:center;margin:0;} body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;} #top, #footer_content, #content_content {width:990px; margin:10px auto 10px auto; text-align:left;} #content {width:100%; background:url(/v2/assets/img/layout/bodyBg.jpg) repeat-x; padding-bottom:110px; padding-top:10px; *padding-top:15px;} #content_banner_left{float:left; width:750px; height:90px;} #content_banner_right{float:right; width:224px; height:90px;} #content_left{float:left; width:224px; padding-top:10px;} #content_right{float:right; width:736px; overflow:hidden;} .content_right_2 {width:362px;} #top_banner {height:90px; width:990px; border:solid 2px #D8D8D8; margin-bottom:10px;} #top_navigation { padding:5px 0 5px 0; position:relative;} #top_navigation a{ color: #353535; text-decoration: none; } #top_navigation a:hover{ text-decoration: underline; } #header{ background: url(/v2/assets/img/layout/layout_bg_header.png) repeat-x #383838; width:100%; } #header_content {width:990px; background:url(/v2/assets/img/layout/headerSpicaBg.png) right top no-repeat; margin:0 auto; text-align:left;} html, body {height: 100%;} #container-page {position: relative;min-height:100%;} * html #container-page{height: 100%;} #footer {width:100%;background:#404040;position: relative; margin-top:-100px;color:#FFF;} #footer a{ color: #ffffff; text-decoration: none; } #footer a:hover{ text-decoration: underline; } #logo{background: url(/v2/assets/img/layout/logo.png) no-repeat top left;float: left;height: 74px;width:513px; } #navPanel{background: url(/v2/assets/img/layout/navPanelBg.png) no-repeat;height:35px;padding:10px 0px 0px 10px;width: 980px;clear:both; margin-bottom:10px;} .clear{clear:both;} .alr{float:right;} .alr2{text-align:center;} .all{float:left;} .mab{margin-bottom:10px;} .mat{margin-top:10px;} .mal{margin-left:10px;} .mar{margin-right:10px;} ul#linkovi {list-style-type:none; padding:0px;margin:0 0 0 10px;} ul#linkovi li {background-image: url(/v2/assets/img/layout/detaljnije.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 24px; padding-bottom:10px; padding-top:4px; line-height:16px;} #linkovi a{ color: #353535; text-decoration: none; } #linkovi a:hover{ text-decoration: underline; } ul#kupovina {list-style-type:none; padding:0px;margin:0 0 0 10px;} ul#kupovina li {background-image: url(/v2/assets/img/layout/kupovina.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 24px; padding-bottom:10px; padding-top:4px; line-height:16px;} #kupovina a{ color: #353535; text-decoration: none; } #kupovina a:hover{ text-decoration: underline; } .footer_regsearch{margin-bottom:15px;} .footer_regsearchl{float:left;} .footer_regsearchr{float:right; height:46px; width:377px; padding:12px 0px 0px 20px; background-image:url(/v2/assets/img/searchbg_footer.png)} .footer_links{margin-bottom:25px;} .footer_links1{float:left;} .footer_links2{float:right;} .footer_mix{margin-bottom:20px;} .footer_mixl{float:left;} .footer_mixr{float:right;} .footer_mixr img{float:right; margin-left:25px;} #footer_content{ background-image:url(/v2/assets/img/footer_contentbg.png); padding:25px 0px 5px 0px; background-position:135px 0px; background-repeat:no-repeat; margin-top:0px !important;} /* END: All pages */ /* Btn's */ a.btn{background-image: url(/v2/assets/img/layout/btnBg.png);color: #FFFFFF;float: left;font-size: 11px;font-weight: bold;letter-spacing: 1px;margin-right: 9px;text-decoration: none;font-family:Arial, Helvetica, sans-serif; } .btn_sadrzaj{cursor: pointer;float:left; padding:6px 4px 0px 4px; text-align:center; height:20px;} a.btn:hover{ background-image: url(/v2/assets/img/layout/btnBgHover.png); text-decoration:none; color:#FFF;} a.btn:visited{ color:#FFF; text-decoration:none;} a.btn:active{ color:#FFF; text-decoration:none;} a.btn:link{ color:#FFF; text-decoration:none;} a.btn_g{ background-image: url(/v2/assets/img/layout/btnGreyBorderBg.png);color: #FFFFFF;float: left;font-size: 11px;font-weight: bold;letter-spacing: 1px;margin-right: 9px;text-decoration: none;font-family:Arial, Helvetica, sans-serif;text-transform: lowercase; } a.btn_g:hover{ background-image: url(/v2/assets/img/layout/btnGreyBorderBgHover.png); text-decoration:none; } a.btn_g:visited{ color:#FFF; text-decoration:none;} a.btn_g:active{ color:#FFF; text-decoration:none;} a.btn_g:link{ color:#FFF; text-decoration:none;} .btn_start {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/btnPocetak.png', sizingMethod='scale'); width:7px; height:26px; float:left;} html>body .btn_start {background-image:url(/v2/assets/img/layout/btnPocetak.png);} .btn_end {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/btnKraj.png', sizingMethod='scale'); width:7px; height:26px; float:left;} html>body .btn_end {background-image:url(/v2/assets/img/layout/btnKraj.png);} .btn_start_b {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/btnPocetakBlack.png', sizingMethod='scale'); width:7px; height:26px; float:left;} html>body .btn_start_b {background-image:url(/v2/assets/img/layout/btnPocetakBlack.png);} .btn_end_b {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/btnKrajBlack.png', sizingMethod='scale'); width:7px; height:26px; float:left;} html>body .btn_end_b {background-image:url(/v2/assets/img/layout/btnKrajBlack.png);} .btn_start_g {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/btnPocetakGrey.png', sizingMethod='scale'); width:7px; height:26px; float:left;} html>body .btn_start_g {background-image:url(/v2/assets/img/layout/btnPocetakGrey.png);} .btn_end_g {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/btnKrajGrey.png', sizingMethod='scale'); width:7px; height:26px; float:left;} html>body .btn_end_g {background-image:url(/v2/assets/img/layout/btnKrajGrey.png);} a.active{ background-image: url(/v2/assets/img/layout/btnBg.png);} .a{ background-position: 0 0; } .b{ background-position: 0 -26px; } .c{ background-position: 0 -52px; } .d{ background-position: 0 -78px; } .e{ background-position: 0 -104px; } .f{ background-position: 0 -130px; } .g{ background-position: 0 -156px; } .h{ background-position: 0 -182px; } .i{ background-position: 0 -208px; } /* END: Btn's */ /* Form elements */ input.textInput{background: url(/v2/assets/img/layout/loginInputBg.png) no-repeat;border: none;color: #FFFFFF;float:left;font-size: 11px;margin: 0 9px 0 0;padding: 6px 12px 6px 12px;width: 98px;font-family:Verdana, Geneva, sans-serif; } /* END: Form elements */ /* Header spica */ .main_header{float: left;margin-right: 16px;width: 750px; margin-bottom:20px;} .main_header_slika{background-repeat: no-repeat;float: left;height: 251px;width: 500px;} .main_header_png {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/slikaSpicaFrame.png', sizingMethod='scale'); width:500px; height:251px;} html>body .main_header_png {background-image:url(/v2/assets/img/layout/slikaSpicaFrame.png);} .main_header_opis{background: url(/v2/assets/img/layout/opisSpica.png);float: left;height: 251px;width: 210px;padding-left:20px;padding-right:20px; overflow:hidden;} .main_header_opis h1{ color: #C81619;font-size: 20px;margin-top: 20px;margin-bottom: 0;} .main_header_opis h2{color: #666666;font-size: 12px;font-weight: normal;margin-top: 5px;margin-bottom: 0;} .main_header_opis h3{color: #999999;font-size: 12px;font-weight: normal;margin-top:10px; padding:0px; font-style:normal;} .main_header_opis p{color: #FFFFFF;font-size: 11px;font-weight: normal;line-height: 14px;margin-top:15px;margin-bottom: 25px;} .main_header_banner {float: left;height: 73px;width: 224px;margin-bottom:14px;margin-top:1px;} .main_header_banner_png {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/banner.png', sizingMethod='scale'); width:224px; height:73px;} html>body .main_header_banner_png {background-image:url(/v2/assets/img/layout/banner.png);} /* END: Header spica */ /* Homepage event slider */ #homeEventBtns{float: left;margin: 20px 0 10px 0;width: 990px;} #homeEventBtnsnew{float: left;margin: 20px 0 10px 0;width: 750px;} .homeEvents, .homeKalendar{float: left;overflow: hidden;position: relative;width: 990px;} .homeEventsnew, .homeKalendarnew{float: left;overflow: hidden;position: relative;width: 750px;} .homeEventGroup{float: left;width: 990px;} .homeEventGroupnew{float: left;width: 750px;} .homeEventBox{float: left;padding: 10px 26px 20px 0;width: 228px;} .homeCetvrtiEventBox{padding-right: 0;} .homeEventBoxSlika{background-repeat: no-repeat;float: left;height: 104px;width: 104px;} .homeEventBoxPng {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/assets/img/layout/homeEventFrame.png', sizingMethod='scale'); width:104px; height:104px;} html>body .homeEventBoxPng {background-image:url(/v2/assets/img/layout/homeEventFrame.png);} .homeEventBoxInfo{background: url(/v2/assets/img/layout/homeEventBg.png) no-repeat;float: left;height: 84px;padding: 10px;width: 104px;} .homeEventBoxInfo h2{font-size:11px;margin:0px;font-weight:bold;} .homeEventBoxInfo h2 a{ color: #333333; text-decoration: none; } .homeEventBoxInfo h2 a:hover{ color: #C51317; } .homeEventBoxInfo h3{color:#666666;font-size:10px;font-weight:normal;margin:0px; font-style:normal; padding:0px;} .homeEventBoxInfo h4{color: #CB1418;font-size: 11px;font-weight: normal;margin-top:5px; font-style:normal; padding:0px;} a.plus{background-image: url(/v2/assets/img/layout/homeEventPlus.png);background-position: left;background-repeat: no-repeat;display: block;height: 17px;left: 202px;position: relative;top: 80px;width: 17px; } a.plus:hover{ background-position: right; } /* END: Homepage event slider */ /* Datum */ #datum {width: 182px;height: 74px; position:absolute; right:0px; top:0px;} #datum p{margin: 15px 0 0 0;text-align: center;font-size: 18px;color: #FFFFFF;} #datum p span{font-size: 14px;color: #353535;} /* END: datum */ img{border:0px;} a:link { color:#900; } a:active { color:#900; } a:visited { color:#900; } a:hover { color:#000; text-decoration:underline; } .box_head{height:26px;} .box_head h1{font: bold 11px arial;text-transform:lowercase; margin:0px; padding-top:2px; color:#FFF; float:left; margin:4px;} a.box_head h1:hover{ color:#FFF; text-decoration:none;} a.box_head h1:visited{ color:#FFF; text-decoration:none;} a.box_head h1:active{ color:#FFF; text-decoration:none;} a.box_head h1:link{ color:#FFF; text-decoration:none;} .box_head span{float:left; height:26px; vertical-align:middle; background-image:url(/v2/assets/img/layout/btnGreyBorderBg.png); } .box_content{padding:5px 0px 20px 5px;} h1{font-size:36px; color:#C00; font-weight:normal; margin:0 0 10px 0;} h2{font-size:18px; color:#333; font-weight:normal;} h3{font-size:16px; color:#999; font-weight:normal; margin:0px;} h4{ font-size:18px; color:#900; font-style:italic; border-bottom:solid 1px #E5E5E5; font-weight:normal; padding-bottom:8px; margin:0px;} h5 {font-size:11px; color:#666; margin:0px; padding:0px; margin-bottom:10px; margin-top:10px;} .anketa{ margin-top:-30px; width:204px; padding:10px; background-color:#CCC; color:#000; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; } .fblike{ margin-top:5px; width:204px; padding:10px; color:#000; } .image{} /* JQtransform */ #nekibroj {visibility:hidden;} form.transform h1 {font-size:11px; font-weight:bold; color:#666; margin:10px 0 4px 0;} form.jqtransformdone label{margin-top:4px;margin-right: 8px;display: block;float:left;} form.jqtransformdone div.rowElem{clear:both;padding:4px 0px;} /* Buttons */ button.jqTransformButton {margin: 0px;padding: 0px;border: none;background-color: transparent;cursor: pointer;overflow: visible;font-family: Arial; margin-left:-3px;} *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ button.jqTransformButton span { background: transparent url(/v2/assets/img/layout/form/btn_right.gif) no-repeat right top; display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; height: 33px; } button.jqTransformButton span span { background: transparent url(/v2/assets/img/layout/form/btn_left.gif) no-repeat top left; color: #333; padding: 8px 4px 0px 8px; font-weight: normal; font-size: 12px; line-height: 13px; display: block; text-decoration: none; height: 33px; } /*hover*/ button.jqTransformButton_hover span span { background-position: left -33px ; } button.jqTransformButton_hover span { background-position: right -33px ; } /*clicked*/ button.jqTransformButton_click span span { background-position: left -66px ; } button.jqTransformButton_click span { background-position: right -66px ; } /* IE 6 */ * html button.jqTransformButton { height:33px; } * button.jqTransformButton span span { height: 25px; } /* IE 7 */ *+ html button.jqTransformButton { height:33px; } *+ button.jqTransformButton span span { height: 25px; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper { background: transparent url(/v2/assets/img/layout/form/input_text_left.gif) no-repeat left top; height: 31px; padding: 0px; float:left; } .jqTransformInputInner { background: transparent url(/v2/assets/img/layout/form/input_text_right.gif) no-repeat top right; padding: 0px; margin: 0px; } .jqTransformInputInner div { height: 31px; margin:0px 0px 0px 8px; } .jqTransformInputInner div input { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; vertical-align: middle; height: 31px; color:#404040; border: none; padding: 8px 0px 0px 0px; margin: 0px; background:transparent; } /* IE6 */ * html .jqTransformInputInner div input { padding: 6px 0 0 0; margin: 0 0 0 -8px; height:24px; } /* Ie7 */ *+ html .jqTransformInputInner div input { padding: 6px 0 0 0; margin-left:-10px; height:24px; } /*hover*/ .jqTransformInputWrapper_hover{ background-position: left -31px ;} .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;} /*focus*/ .jqTransformInputWrapper_focus{ background-position: left -62px ;} .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;} .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin:0px 8px; } .jqTransformSafari .jqTransformInputInner div input { background-color: none; position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px; } /* ------------- * Textarea * ------------- */ table.jqTransformTextarea td#jqTransformTextarea-mm textarea{ font-size: 12px; line-height: 16px; } table.jqTransformTextarea td{ font-size: 1px; line-height: 1px; width: 5px; height: 5px; margin: 0; padding: 0; } table.jqTransformTextarea{} table.jqTransformTextarea tr{ /*border: 1px solid red;*/ } table.jqTransformTextarea textarea{ margin: 0; padding: 0; border: 0; background: none; } table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/v2/assets/img/layout/form//textarea_tl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/v2/assets/img/layout/form/textarea_tm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/v2/assets/img/layout/form/textarea_tr.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/v2/assets/img/layout/form/textarea_ml.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/v2/assets/img/layout/form/textarea-mm.gif) repeat;} table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/v2/assets/img/layout/form/textarea_mr.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/v2/assets/img/layout/form/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/v2/assets/img/layout/form/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/v2/assets/img/layout/form/textarea_br.gif) no-repeat top left;} /*hover*/ table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/v2/assets/img/layout/form/textarea-mm-hover.gif);} table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;} /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/v2/assets/img/layout/form/textarea-mm-focus.gif);} table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;} table.jqTransformTextarea .jqTransformSafariTextarea div {position: relative;overflow: hidden;border: 0px solid red;} table.jqTransformTextarea .jqTransformSafariTextarea textarea{background: none;position: absolute;top:-10px;left:-10px;padding: 10px 10px 10px 10px;resize: none;} /* Radios */ .jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;} .jqTransformRadio {background: transparent url(/v2/assets/img/layout/form/radio.gif) no-repeat center top;vertical-align: middle;height: 19px;width: 18px;display:block;/*display: -moz-inline-block;*/} /* Checkboxes */ span.jqTransformCheckboxWrapper{display:block;float:left;margin-top:5px;} a.jqTransformCheckbox {background: transparent url(/v2/assets/img/layout/form/checkbox.gif) no-repeat center top;vertical-align: middle;height: 19px;width: 18px;display:block;/*display: -moz-inline-block;*/} /* Checked - Used for both Radio and Checkbox */ a.jqTransformChecked { background-position: center bottom;} /* Selects */ .jqTransformSelectWrapper {width: 45px;position:relative;height: 31px;background: url(/v2/assets/img/layout/form/select_left.gif) no-repeat top left;float:left;} .jqTransformSelectWrapper div span {font-size: 12px;float: none;position: absolute;white-space: nowrap;height: 31px;line-height: 15px;padding: 8px 0 0 7px;overflow: hidden;cursor:pointer;/*border: 1px solid #CCCCCC;*//* border-right: none;*/} .jqTransformSelectWrapper a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 31px;height: 31px;background: url(/v2/assets/img/layout/form/select_right.gif) no-repeat center center;} .jqTransformSelectWrapper ul {position: absolute;width: 43px;top: 30px;left: 0px;list-style: none;background-color: #FFF;border: solid 1px #CCC;display: none;margin: 0px;padding: 0px;height: 150px;overflow: auto;overflow-y: auto;z-index:10;} .jqTransformSelectWrapper ul a {display: block;padding: 5px;text-decoration: none;color:#333;background-color: #FFF;font-size: 12px; } .jqTransformSelectWrapper ul a.selected {background: #CCC;color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#999;color: #fff; } /* Hidden - used to hide the original form elements */ .jqTransformHidden {display: none;} /*slider/* /*--Main Container--*/ .main_view { float: left; position: relative; } /*--Window/Masking Styles--*/ .window { height:251px; width: 750px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute; top: 0; left: 0; } .pozicija{ width:750px; height:251px; float:left;} /*--Paging Styles--*/ .paging { position: absolute; bottom: 10px; right: -7px; width: 178px; height:47px; z-index: 100; /*--Assures the paging stays on the top layer--*/ text-align: center; line-height: 40px; background: url(/v2/assets/img/paging_bg2.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { padding: 5px; text-decoration: none; color: #fff; } .paging a.active { font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging a:hover {font-weight: bold;} h1{font-size:30px; color:#C00; font-weight:normal; margin:0px;} h2{font-size:18px; color:#C00; font-weight:normal; margin:0px; margin-bottom:4px;} h3{font-size:12px; color:#C00; margin:0px;}