/****************************************************************** * TZ Samobor CSS * @author Ivan Maros * @since 25.7.2006 ******************************************************************/ /****************************************************************** * General ******************************************************************/ * { padding:0; margin:0; } body { background:#f1f1f1 url(../images/bg-body.png) repeat-x center top; padding:0; text-align:center; } body, p, div, td, ul { font:12px/18px Arial,sans-serif; color:#333; } a, a:link, a:visited, a:active, a:focus { color:#333; text-decoration: none; } a:hover { color:#333; } img { border-width:0; } p { margin:0 0 1.2em; } .hr { display:block; width:448px; height:2px; margin-left:23px; margin-top:10px; background:url(../images/hr-spacer.gif) repeat-x; } #list .hr, .alt-hr { margin-left:0; } ul, li { list-style:none; } table, td { vertical-align:top; margin:0; padding:0; border:0; } .input-box { font:normal 12px "Tahoma",sans-serif; border:1px solid #CCC; color:#333; background-color:#E9EDF5; padding:1px 3px; } .warn_color { font-size:11px; color:#F00; } .left { float:left; } .right { float:right; } .clear { clear:both; } .noborder { border:0 !important; } .bold { font-weight:bold; } .text { zoom:1; margin-bottom:19px; } .text a, .posjete a { color:#f1ac02; } .text h3 { margin-bottom: 5px; } .text ul { list-style: circle; margin: 0 0 15px 20px; } .text ul li { list-style: circle; } .text .img-text { margin: 0 10px 10px 0; float: left; } /*** Floating banner ***/ #floating-banner { display:none; width:527px; height:399px; position:absolute; left:50%; top:150px; margin-left:-263px; z-index:99; } #floating-banner div { width:527px; height:399px; position:absolute; left:0; top:0; background:url(../images/floating-banner.png) no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/floating-banner.png',sizingMethod='crop'); } #floating-banner a { position:absolute; text-indent:-9999px; overflow:hidden; } #floating-banner .close { right:75px; top:12px; width:21px; height:29px; } #floating-banner .more { right:40px; bottom:88px; width:97px; height:49px; } /****************************************************************** * Container ******************************************************************/ #container { background:#fff url(../images/content-bg.gif) repeat-y; position:relative; width:949px; margin:0 auto; padding:0; text-align:left; } /****************************************************************** * Header ******************************************************************/ #header { position:relative; background:url(../images/bg-header.png) no-repeat; height:436px; } #header #logo { position:absolute; left:37px; top:70px; } #top-nav { position:absolute; left:55px; top:15px; } #top-nav li { float:left; } #top-nav ul { display:none; } #top-nav a { display:block; height:29px; overflow:hidden; background:url(../images/bg-top-nav-hr.gif) no-repeat; text-indent:-9999px; } .lang_en #top-nav a { background:url(../images/bg-top-nav-en.gif) no-repeat; } #top-nav #about-us-link { width:98px; background-position:0 0; } .lang_en #top-nav #about-us-link { width:105px; background-position:7px 0; } #top-nav #tzgs-authorities-link { width:145px; background-position:-98px 0; } #top-nav #tzgs-members-link { width:153px; background-position:-243px 0; } #top-nav #contact-link { width:101px; background-position:-396px 0; } #top-nav #about-us-link:hover, #top-nav #about-us-link.current { background-position:0 -29px; } .lang_en #top-nav #about-us-link:hover, .lang_en #top-nav #about-us-link.current { background-position:7px -29px; } #top-nav #tzgs-authorities-link:hover, #top-nav #tzgs-authorities-link.current { background-position:-98px -29px; } #top-nav #tzgs-members-link:hover, #top-nav #tzgs-members-link.current { background-position:-243px -29px; } #top-nav #contact-link:hover, #top-nav #contact-link.current { background-position:-396px -29px; } #lang-nav { position:absolute; left:7px; top:22px; } #lang-nav li { float:left; margin-right:5px; } #mn-nav { position:absolute; right:23px; bottom:68px; } #mn-nav a { display:block; width:190px; background:url(../images/bg-mn-nav-hr.gif) no-repeat; text-indent:-9999px; overflow:hidden; } .lang_en #mn-nav a { background:url(../images/bg-mn-nav-en.gif) no-repeat; } #mn-nav #mnPosjetite { height:41px; background-position:0 0; } #mn-nav #mnPlanGrada { height:40px; background-position:0 -41px; } #mn-nav #mnKalendar { height:39px; background-position:0 -81px; } #mn-nav #mnAdresar { height:52px; background-position:0 -120px; } #mn-nav .current #mnPosjetite, #mn-nav #mnPosjetite:hover { background-position:-190px 0; } #mn-nav .current #mnPlanGrada, #mn-nav #mnPlanGrada:hover { background-position:-190px -41px; } #mn-nav .current #mnKalendar, #mn-nav #mnKalendar:hover { background-position:-190px -81px; } #mn-nav .current #mnAdresar, #mn-nav #mnAdresar:hover { background-position:-190px -120px; } #vignette { position:absolute; left:12px; top:150px; width:697px; height:270px; } #frmSearch { overflow:hidden; position:absolute; right:4px; top:13px; background:url(../images/bg-frmSearch.gif) no-repeat; width:238px; height:26px; } #frmSearch label { position:absolute; left:-9999px; top:-9999px; } #frmSearch .input-box { position:absolute; left:7px; top:8px; padding:0 0 0 5px; width:193px; height:15px; font-weight:bold; font-size:11px; color:#000; border:none; background:#eae6e6; } #frmSearch #btnSearch { position:absolute; right:0; width:33px; height:26px; border:none; background:none; text-indent:-9999px; overflow:hidden; cursor:pointer; } /****************************************************************** * Content ******************************************************************/ #content { padding:11px 4px 70px; float:left; width:941px; } /* Main & content nav */ #main-nav { float:left; margin-left:-705px; display:inline; width:184px; } #main-nav li { zoom:1; } #main-nav a { zoom:1; display:block; width:170px; margin-bottom:4px; padding: 5px 5px 5px 9px; background:#f1ac02; font:bold 13px/18px "Tahoma",sans-serif; color:#fff; text-transform:uppercase; } #main-nav a:hover, #main-nav .current a { background:#808285; } #main-nav #content-nav { margin-top:5px; } #main-nav #content-nav a { width:160px; padding-left:19px; background:#cecfd0; color:#686868; font-size:11px; text-transform:none; } #main-nav #content-nav a:hover, #main-nav #content-nav .current a { background:#e9e8e8; } /* Extra box */ #xtra-box { float:left; margin-left:30px; display:inline; width:206px; } #xtra-content { margin-top:32px; } #xtra-content a { display:block; } #calendarBox { border:1px solid #ededed; padding:21px 13px 13px 10px; background:#f1ac02; } #calendarBox a { font:bold 11px/1.2 "Tahoma",sans-serif; } #calendarBox .title a { display:block; margin-bottom:19px; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; } #calendarBox .tile-box { padding-bottom:6px; margin-bottom:7px; background:#fff url(../images/bg-calendar-box-item.gif) no-repeat 0 100%; } #calendarBox .tile-box h2 { padding:9px 10px 3px; background:#fff url(../images/bg-calendar-box-item.gif) no-repeat 0 0; } #calendarBox .tile-box h2 a { zoom:1; display:block; color:#58585a; overflow:hidden; } #calendarBox .tile-box h2 a span { display:block; } #calendarBox .tile-box h2 a .date-range { float:left; margin-top:3px; padding:0 2px 1px; font-size:10px; font-weight:normal; background:#a3333c; color:#fff; } /* Main content */ #contentBox { float:left; margin-left:211px; display:inline; width:494px; background:#f3f3f3 url(../images/bg-main-content.png) repeat-y -494px 0; } #contentBox .iframe { padding:0 23px 30px; background:url(../images/bg-main-content.png) no-repeat -988px 100%; } #contentBox h1 { text-transform:uppercase; padding:15px 23px 15px; background:url(../images/bg-main-content.png) no-repeat 0 0; color:#58585a; font-size:27px; } #contentBox h2 { font-size:18px; } #contentBox h3 { font-size:14px; } /* Home page */ #contentBox.home { background:#fff; } .home-box { background:#f3f3f3 url(../images/bg-main-content.png) repeat-y -494px 0; } .home #list { padding:0 23px 30px; background:url(../images/bg-main-content.png) no-repeat -988px 100%; margin-bottom: 30px; } .home #list .tile-box-third { min-height:60px; _height:60px; } .home h1 { margin: 0 -23px; } .home-vwalk { position: relative; zoom: 1; padding-top:20px; } .home .home-vwalk { background:url(../images/bg-main-content.png) no-repeat -988px 100%; margin-bottom: 0; padding:0 23px 30px; } .home-vwalk h2 { text-transform:uppercase; color:#58585a; font-size: 27px !important; margin: 0 -23px; padding:15px 23px 25px; background:url(../images/bg-main-content.png) no-repeat 0 0; } .home-vwalk .ico-360 { position: absolute; top: 15px; right: 28px; background: url(../images/tzs_ico_360.gif); width: 47px; height: 46px; text-indent: -9999px; overflow:hidden; } .home-vwalk .view { width: 435px; height: 300px; margin: 0 0 1px 5px; overflow: hidden; } .home-vwalk .view a { cursor:pointer; } .home-vwalk .view img { display: block; } .home-vwalk h3 { margin: 0 0 7px 5px; background: url(../images/tz_highlight_right.gif) right 4px no-repeat; font-size: 13px; font-weight: bold; float: left; *display: inline; } .home-vwalk h3 span { display: block; padding: 4px 10px 3px 10px; background: url(../images/tz_highlight_left.gif) top left no-repeat; color:#fff; } .home-vwalk .scroll { overflow: hidden; zoom: 1; height: 49px; width: 436px; margin-left: 5px; clear: left; } .home-vwalk .scroll ul { width: 1000px; } .home-vwalk .scroll li { float: left; margin-right: 14px; cursor: pointer; } .home-vwalk .scroll img { width: 76px; height: 49px; } .home-vwalk .arrow { position: absolute; display: block; margin-top: -30px; } .home-vwalk .left { left: -13px; } .home-vwalk .right { right: -10px; } .home .home-vwalk .left { left: 10px; } .home .home-vwalk .right { right: 10px; } .home .home-vwalk { margin-bottom: 30px; } #home-short-info { background:url(../images/bg-main-content.png) no-repeat -988px 100%; padding:0 23px 30px; } #home-short-info h2 { text-transform:uppercase; color:#58585a; font-size: 27px; margin: 0 -23px; padding:15px 23px 25px; background:url(../images/bg-main-content.png) no-repeat 0 0; } .supl-nav { overflow: hidden; zoom: 1; margin-bottom: 18px; } .supl-nav li { float: left; margin-right: 5px; cursor: pointer; padding: 4px 0 5px 0; } .supl-nav li.last { margin-right: 0; } .supl-nav li a { background: url(../images/tz_highlight_right_off.gif) top right no-repeat; display: block; font-size: 13px; font-weight: bold; color: #58585a; } .supl-nav li span { background: url(../images/tz_highlight_left_off.gif) top left no-repeat; display: block; padding: 1px 7px; } .supl-nav li.on { background: url(../images/tz_highlight_arrow.gif) top center no-repeat; } .supl-nav li.on a { background: url(../images/tz_highlight_right.gif) top right no-repeat; color: #fff; } .supl-nav li.on span { background: url(../images/tz_highlight_left_2.gif) top left no-repeat; } /* Razglednice, Pozadine */ .tile-box-first { border-top:2px dotted #9d9d9d; } .tile-box-first h2 { margin:20px 0; font-size:24px !important; line-height:26px; } .ecards { zoom:1; overflow:hidden; margin-right:-17px; } .ecards li { float:left; } .ecards li a { display:block; width:135px; margin:0 17px 43px 0; font-weight:bold; font-size:12px; } .ecards li span { display:block; margin-top:8px; } .ecards li img { background:url(../images/bg-ecard.gif) no-repeat; padding:30px 15px 0 0; } .wallpapers { zoom:1; overflow:hidden; margin-right:27px; } .wallpapers li { float:left; margin-right:27px; font-size:12px; font-weight:bold; color:#f1ac02; } .wallpapers li a { color:#f1ac02; } .wallpapers li span { display:block; margin-top:5px; color:#333; } .wallpapers img { background:url(../images/bg-wallpaper.gif) no-repeat; padding:6px 5px 0 0; } /* Samobor info, Dogadjanja, Smjestaj u Samoboru */ .tile-box-third { position:relative; padding:15px 0 20px 0; border-bottom:2px dotted #9d9d9d; } .tile-box-third-alt { border-bottom:none; } .tile-box-third h4 { position:absolute; left:-14px; top:15px; width:52px; height:39px; padding:7px 0 0 12px; overflow:hidden; font:bold 11px/14px "Georgia",serif; color:#fff; background:url(../images/bg-bubble.gif) no-repeat; } .tile-box-third h2 a { display:block; font-size:16px; } .tile-box-third .calendar-month { font-size: 14px; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 3px; color: #666; } #list .tile-box-third { position:relative; zoom:1; padding:15px 40px 0 60px; background:url(../images/bg-arrow-01.gif) no-repeat right center; } #list .article-link { position:absolute; right:0; top:50%; margin-top:-6px; width:13px; height:12px; text-indent:-9999px; overflow:hidden; } .links p { margin-top:15px; _margin-top:0; } #samobor-info .tile-box-third { clear:left; } #samobor-info .text { zoom:1; margin-bottom:0; overflow:hidden; } #samobor-info h2 { overflow:hidden; font-size:16px; } #samobor-info .full-text { line-height:1.4; overflow:hidden; zoom:1; } #samobor-info .crtica { overflow:visible; float:left; margin-right:16px; padding:7px 5px; width:120px; background:#86888d; font-style:italic; font-size:11px; color:#fff; } #samobor-info .crtica img { margin:-7px -5px 0; } #single-item .tile-box-third { zoom:1; padding:15px 40px 20px 60px; } #single-item.alt .tile-box-third { padding:15px 0 20px 0; } #single-item .tile-box-third h2 { font-size:24px; line-height:1.2; } #single-item #tabs { margin:15px 0; } #single-item #tabs a { display:block; width:119px; height:20px; text-align:center; font:bold 13px/20px "Tahoma",sans-serif; color:#58585a; background:#fff url(../images/tabs-01.gif) no-repeat; } /* #list .accomodation { padding-left:104px; min-height:70px; height:auto !important; height:70px; } #list .accomodation img { position:absolute; left:0; top:15px; } #single-item .accomodation { padding-left:0px; } #list.calendar .calendar-month { display:block; text-transform:uppercase; background: url(../images/tzs_title_bkg.gif) top left no-repeat; width: 445px; margin: 15px -23px 10px -23px; padding: 10px 23px; color: #333; font-size: 16px; font-weight: bold; } */ #list .accomodation { padding-left:0px; min-height:70px; height:auto !important; height:70px; overflow: hidden; zoom: 1; } #list .accomodation img { float: left; margin: 0 15px 15px 0; } #zumberak-list .accomodation { padding-left:0px; min-height:70px; height:auto !important; height:70px; overflow: hidden; zoom: 1; } #zumberak-list .accomodation img { float: left; margin: 0 15px 15px 0; } .accomodation .acc-text-block { overflow: hidden; zoom: 1; } #single-item .accomodation { padding-left:0px; } #list.calendar .calendar-month { display:block; text-transform:uppercase; background: url(../images/tzs_title_bkg.gif) top left no-repeat; width: 445px; margin: 15px -23px 10px -23px; padding: 10px 23px; color: #333; font-size: 16px; font-weight: bold; } .pagination { zoom:1; position:relative; border-bottom:2px dotted #9d9d9d; padding-bottom:5px; overflow:hidden; } .pagination-last { border-bottom:none; margin-top:20px; } .pagination ul { position:relative; left:50%; float:left; padding-top:8px; } .pagination li { position:relative; right:50%; float:left; } .pagination li a, .pagination li span { display:block; width:19px; padding:1px 0 3px; text-align:center; background:url(../images/clear.gif); font:bold 13px/1 "Tahoma",sans-serif; color:#f2b111 !important; } .pagination li a:hover, .pagination .current span { background:url(../images/bg-pagination-hover.gif) no-repeat; color:#333 !important; } .pagination .back { position:absolute; left:0; top:0; width:76px; height:31px; background:url(../images/bg-pagination.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; } .pagination .forward { position:absolute; right:0; top:0; width:90px; height:31px; background:url(../images/bg-pagination.gif) no-repeat -76px 0; text-indent:-9999px; overflow:hidden; } .pagination .back:hover { background:url(../images/bg-pagination.gif) no-repeat 0 0; } .pagination .forward:hover { background:url(../images/bg-pagination.gif) no-repeat -76px 0; } .lang_en .pagination .back { background-image:url(../images/bg-pagination_en.gif); } .lang_en .pagination .forward { background-image:url(../images/bg-pagination_en.gif); } .lang_en .pagination .back:hover { background-image:url(../images/bg-pagination_en.gif); } .lang_en .pagination .forward:hover { background-image:url(../images/bg-pagination_en.gif); } /* Adresar */ .title-bkg { background: url(../images/tzs_title_bkg.gif) top left no-repeat; width: 445px; margin: 0px -23px 10px -23px; padding: 10px 23px; color: #333; font-size: 16px; font-weight: bold; } .list-2 { margin:0 -23px 0 -23px; padding: 0 23px; } .list-2 li { border-bottom:2px dotted #9d9d9d; margin-bottom: 10px; overflow: hidden; zoom: 1; } .list-2 h3 { float: left; width: 210px; padding-right: 5px; color: #686868; font-size: 11px !important; font-weight: bold; } .list-2 .text { overflow: hidden; zoom: 1; color: #333; font-size: 11px; margin-bottom:8px; } .address-book .text p { font-size:11px; margin:0; padding:0; } /* Kontakt forma */ .contact-form p { margin-bottom: 15px; } .contact-form h2 { background: url(../images/tzs_title_bkg.gif) top left no-repeat; width: 445px; margin: 0px -23px 10px -23px; padding: 10px 23px; color: #333; font-size: 16px; font-weight: bold; } .contact-form li { margin-bottom: 16px; } .contact-form label { display: block; font-size: 12px; color: #333; font-weight: bold; } .contact-form .txt { display: block; font:bold 11px/1.3 "Tahoma",sans-serif; padding: 3px 5px; border: 1px solid #d5d5d5; width: 235px; } .contact-form textarea { overflow:auto; display: block; font:bold 11px/1.3 "Tahoma",sans-serif; padding: 3px 5px; border: 1px solid #d5d5d5; width: 235px; height: 82px; } .contact-form .captcha-img { display: block; } .contact-form .error { display: block; font-size: 12px; color: red; font-weight: bold; } .contact-form .button { width: 245px; } .contact-form .button-reset, .contact-form .button-go { border: none; outline: none; background: none; float: right; cursor: pointer; font-size: 12px; font-weight: bold; padding: 4px 20px 4px 0; margin-left: 20px; } .contact-form .button-go { color: #f1ac02; background: url(../images/tzs_button_go.gif) right 0px no-repeat; } .contact-form .button-reset { color: #42b4e6; background: url(../images/tzs_button_reset.gif) right 0px no-repeat; color: #56595c; } #frmEcards { margin-top:20px; padding-bottom:20px; *padding-bottom:0; } #frmEcards h2 { font-size:18px !important; padding:0 23px; line-height:38px; } .desc { margin-top:10px; } /****************************************************************** * Footer ******************************************************************/ #footer { clear:left; position:relative; margin-left:4px; height:52px; background:url(../images/bg-footer.gif) no-repeat; } #footer p { position:absolute; right:25px; top:30px; font:10px/1 "Tahoma",sans-serif; color:#d48299; } #footer #siteinfo-credits { position:absolute; left:14px; top:26px; color:#000; font-size:11px; } #footer #siteinfo-credits:hover, #footer #siteinfo-credits span { color:#fff; }