/*************************************************** CONTENT CSS file for Sigma Author: WEB Marketing (www.wem.hr) Media: Screen STRUCTURE: 01/ TYP 02/ SPECIFIC CONTENT ***************************************************/ #mainContent { line-height: 1.7em; } /* 01/ TYP ==================================================*/ /*** BASIC TYP. ***/ #mainContent p, #mainContent ol, #mainContent ul, #mainContent table { margin: 0 0 1em 0; } /*** HEADINGS ***/ #mainContent h1 { font-size: 1.9em; font-weight: bold; color: #990000; margin: 0 0 1em 0; line-height: 1.1em; } #mainContent h2 { font-size: 1.3em; font-weight: bold; color: #990000; margin: 1.3em 0 .2em 0; line-height: 1.1em; } #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 { font-size: 1em; font-weight: bold; color: #990000; margin: 1.2em 0 .2em 0; line-height: 1.1em; } /*** LIST ***/ #mainContent ul li { margin: 0 0 0 25px; padding-left: 15px; background: transparent url(../images/layout/bullet.gif) no-repeat 0 10px; } #container ol li { list-style: decimal; margin-left: 45px; } #container ol ol li { margin-left: 35px; } /*** TABLES ***/ #container table { margin: 10px 5px; padding: 1px; border-collapse: collapse; } caption { font-size: .9em; margin: 0; padding: 0; font-style: italic; } td, th { padding: 5px; } th { background: #f1f1f1; text-align: left; font-weight: bold; border: 1px solid #ccc; } td { background: #fff; border: 1px solid #ccc;} #container .blank { margin-left: 0; margin-right: 0; border: none; } #container .blank th, #container .blank td { font-weight: normal; border: none; background: #fff; padding: 3px; } /*** LINKS & IMAGES ***/ a { color: #990000; text-decoration: underline; } a:hover { color: #000; text-decoration: none; } #mainContent img { margin: .3em 0 1em 0; } /* 02/ SPECIFIC CONTENT ==================================================*/ a.pdf { background: transparent url(../images/layout/pdf.gif) no-repeat 0 1px; padding-left: 17px; } a.word { background: transparent url(../images/layout/word.gif) no-repeat 0 1px; padding-left: 17px; } /*** SUB CONTENT ***/ #subContent { line-height: 1.5em; font-size: 11px; } #subContent h2, #subContent h3, #subContent h4, #subContent h5, #subContent h6 { font-size: 11px; font-weight: bold; color: #000; margin: .5em; } #subContent a { color: #990000; text-decoration: underline; } #subContent a:hover { color: #1a1a1a; text-decoration: none; } #subContent img { margin: 12px 0 5px 0; } #subContent p, #subContent ul, #subContent ol { margin: 5px 0; } /*** SEARCH BOX ***/ #searchBox h3 { width: 180px; height: 40px; overflow: hidden; background: transparent url(../images/layout/search-heading.gif) no-repeat 0 0; line-height: 1.2em; font-weight: bold; font-size: 13px; color: #fff; padding: 5px 0 0 10px; margin: 0; } .searchForm { width: 180px; height: 105px; overflow: hidden; background: transparent url(../images/layout/search-form-bg.gif) no-repeat 0 0; margin-bottom: 10px; } #mainContent .searchForm { padding-bottom: 20px; } .searchForm fieldset { border: none; padding: 10px 5px; } .select { height: 100%; overflow: hidden; padding-bottom: 10px; } .input { height: 100%; overflow: hidden; padding-bottom: 10px; } .searchForm label { display: block; float: right; width: 55px; margin-left: 5px; padding-top: 1px; color: #666; } .select select { width: 110px; float: left; background: #d3d3d3; font: normal 11px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #666; } .select select option { padding: 0 5px; } .inputHolder { float: left; width: 110px; height: 100%; overflow: hidden; } .inputHolder input { width: 31px; padding: 1px 2px; background: #d3d3d3; font: normal 11px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #666; text-align: center; } .searchFormSubmit { width: 58px; height: 21px; background: transparent url(../images/layout/search-submit.gif) no-repeat 0 0; border: none; font: normal 11px Arial, Helvetica, sans-serif; color: #000; text-align: center; margin-top: 3px; } /*** FAQ ***/ #mainContent .question { margin: 0; font-weight: bold; } #mainContent .answer { margin: 0 0 5px 17px; } /*** MEDIA ***/ #mediaHolder { padding-left: 115px; background: transparent url(../images/layout/sigma-media-logo.gif) no-repeat 0 0; } #mainContent #mediaHolder ul { margin: 0; } #mainContent #mediaHolder ul li { margin: 0 0 20px 0; padding: 0; background: none; height: 100%; overflow: hidden; clear: both; } #mainContent #mediaHolder ul li a { background: transparent url(../images/layout/media-pdf.gif) no-repeat 0 0; padding: 2px 0 5px 50px; display: block; float: left; line-height: 1.4em; text-decoration: none; } #mediaList .title, #mediaList .info { display: block; } #mediaList .title { font-weight: bold; } #mainContent #mediaHolder ul li a .info { color: #666; } /*** LOKACIJA ***/ #locationMap { border: 1px solid #b9b8b5; } #locationMap img { width: 790px; } /*** GALLERY ***/ .galleryImagesWrapper { width: 800px; height: 100%; overflow: hidden; margin: -10px 0 20px 0; } .galleryImage { display: inline; float: left; width: 167px; line-height: 1.2em; font-size: .85em; margin-right: 20px; color: #808080; } #mainContent .galleryImage img { margin: 10px 0 5px 0; } /*** ETAZA ***/ #etazaContainer { display: inline; float: left; width: 676px; } #etazaSecContainer { display: inline; float: right; width: 98px; margin-bottom: 10px; } #etazaTlocrtHolder { border: 1px solid #b9b8b5; margin-bottom: 10px; background: #fff; } #etazaTlocrt { width: 674px; } #catalogTable { background: #fff; width: 664px; height: 100%; overflow: hidden; padding: 5px 5px 30px 5px; line-height: 1.4em; } #catalogTable table { margin: 0; border-collapse: collapse; width: 100%; } #catalogTable th { background: #fff; color: #7a0e20; border: none; border-bottom: 1px solid #d4cbcd; } #catalogTable td { border: none; border-bottom: 1px solid #d4cbcd; background: #f6eeef; padding: 2px 5px; } #catalogTable td:hover { background: #ebdbde; } #catalogTable #ulaz td, #catalogTable #ulaz td:hover { background: #ebdbde; font-weight: bold; } #catalogTable a { font-weight: bold; color: #333; } /*** STAN ***/ #stanContainer, #stanPositionContainer { width: 792px; height: 100%; overflow: hidden; margin: 0 0 10px 0; padding-top: 5px; background: #fff; clear: both; position: relative; } #stanContainer { background: #fff url(../images/layout/stan-right-bottom-bg.gif) no-repeat right bottom; padding-bottom: 35px; } #stanPositionContainer { border-top: 1px solid #b8b7b4; border-bottom: 1px solid #b8b7b4; padding-bottom: 20px; } .headingBox { height: 21px; width: 790px; overflow: hidden; clear: both; margin-bottom: 5px; background: #fff url(../images/layout/stan-heading-bg.gif) no-repeat 0 5px; padding-bottom: 5px; position: relative; top: -5px; padding-top: 5px; } .heading { height: 21px; overflow: hidden; float: left; background: #fff url(../images/layout/stan-heading-right.gif) no-repeat right top; padding: 5px 15px 0 15px; margin: 0 0 0 26px; } .heading h1, .heading h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #990000; } #tlocrtCol { display: inline; float: left; width: 475px; background: transparent url(../images/layout/tlocrt-top.gif) no-repeat 0 0; margin: -19px 0 0 0; } #tlocrtHolder { text-align: center; padding: 80px 15px; } #mjeriloHolder { width: 415px; height: 35px; overflow: hidden; padding: 5px 20px 5px 40px; position: absolute; bottom: 0; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; } #mjerilo { display: inline; float: left; font-size: .85em; } #mjerilo img { vertical-align: middle; margin-right: 20px; } #objektImage { display: inline; float: right; margin-top: 10px; } #stanInfoCol { display: inline; float: right; width: 305px; line-height: 1.2em; } #stanTable ul { margin-bottom: 10px; } #stanTable table { margin: 0; width: 100%; border-collapse: collapse; } #stanTable th, #stanTable td { border: none; border-bottom: 1px solid #c0c0c0; padding: 2px; line-height: 1.2em; vertical-align: top; } #stanTable th { font-weight: bold; background: #d7b7bc; font-size: 11px; } #stanTable td { background: #f2e7e9; line-height: 1.4em; font-size: .95em; } #infoHolder { height: 100%; overflow: hidden; margin: 25px 0; font-size: .9em; } #price { display: inline; float: left; padding-left: 20px; } #docs { display: inline; float: right; padding-right: 20px; } /* #catalogTable .on { color: #336600; } #catalogTable .on a, #catalogTable .on a:hover { color: #336600; text-decoration: none; } */ /*** STATUSI ***/ #status { position: absolute; top: 9px; right: 10px; font-weight: bold; } .zaprod { color: #407510; } .rez { color: #f69c00; } .prod { color: #cc0000; } /*** POSLOVNI PROSTORI ***/ .pos #tlocrtHolder { padding-top: 55px; padding-bottom: 55px; } .pos #infoHolder { margin: 10px 0; } #infoBox { display: inline; float: left; width: 200px; } .pos #stanTable td { padding-left: 5px; padding-right: 5px; } .pos #stanTable td.bg1 { background: #dfebf5; } .pos #stanTable td.bg2 { background: #cfa5aa; } .pos #stanTable td.bg3 { background: #ddcfcf; } /*** TRAZILICA ***/ .searchNotice { margin: 0 0 10px 0; } .searchNotice select { margin: 0 5px; width: 45px; } #mainContent #searchResults table { width: 455px; margin: 20px -10px; } #mainContent #searchResults th { font-size: 11px; line-height: 15px; padding: 5px; text-align: center; background: #d7b7bc; border: none; border-bottom: 1px solid #c0c0c0; vertical-align: bottom; } #mainContent #searchResults td { font-size: .9em; line-height: 1.2em; padding: 5px; text-align: center; background: #f2e7e9; border: none; border-bottom: 1px solid #c0c0c0; } #mainContent #searchResults tr:hover td { background: #ebdbde; } #mainContent #searchResults .trAlter td { background: #ffeeee; } #mainContent #searchResults th.left, #mainContent #searchResults td.left { text-align: left; } #mainContent #searchResults th.right, #mainContent #searchResults td.right { text-align: right; } /*** SORT ***/ #mainContent #sort { width: 455px; height: 100%; overflow: hidden; background: transparent url(../images/layout/sort-top-bg.gif) no-repeat 0 0; overflow: hidden; margin: 0 -5px -10px -10px; padding: 3px 0 0 0; font-size: 12px; line-height: 16px; color: #000; text-align: center; } #sortHolder { padding: 4px 0 7px 10px; height: 100%; overflow: hidden; background: transparent url(../images/layout/sort-bottom-bg.gif) no-repeat left bottom; } #sortHolder select { padding: 2px; margin: 0 20px 0 0; font: normal 11px Arial, Helvetica, sans-serif; vertical-align: middle; border: 1px solid #d7b7bc; background: #fff; } .sortType { width: 100px; } .sortBy { width: 90px; } /*** PAGINATOR ***/ .paginator { margin: 10px 0 15px 0; padding: 0; color: #000; font-size: 11px; line-height: 16px; } #mainContent .paginator ul { height: 100%; overflow: hidden; margin: 0; padding: 0; } #mainContent .paginator ul li { float: left; padding: 0; margin: 0; background: none; } #mainContent .paginator ul a { display: block; width: 18px; height: 18px; line-height: 18px; margin: 0; border: none; overflow: hidden; color: #333; text-decoration: none; text-align: center; background: #fff; } #mainContent .paginator ul a:hover, #mainContent .paginator ul .on { background: #7a0d20; color: #fff; } #mainContent .paginator ul .firstPage a, #mainContent .paginator ul .lastPage a, #mainContent .paginator ul .prevPage a, #mainContent .paginator ul .nextPage a { text-indent: -9999px; border: none; } #mainContent .paginator ul .firstPage a, #mainContent .paginator ul .firstPage a:hover { background: #fff url(../images/layout/first.gif) no-repeat center center; } #mainContent .paginator ul .firstPage a.off, #mainContent .paginator ul .firstPage a.off:hover { background: #fff url(../images/layout/first-off.gif) no-repeat center center; } #mainContent .paginator ul .prevPage a, #mainContent .paginator ul .prevPage a:hover { background: #fff url(../images/layout/prev.gif) no-repeat center center; margin-right: 5px; } #mainContent .paginator ul .prevPage a.off, #mainContent .paginator ul .prevPage a.off:hover { background: #fff url(../images/layout/prev-off.gif) no-repeat center center; margin-right: 5px; } #mainContent .paginator ul .nextPage a, #mainContent .paginator ul .nextPage a:hover { background: #fff url(../images/layout/next.gif) no-repeat center center; margin-left: 5px; } #mainContent .paginator ul .nextPage a.off, #mainContent .paginator ul .nextPage a.off:hover { background: #fff url(../images/layout/next-off.gif) no-repeat center center; margin-left: 5px; } #mainContent .paginator ul .lastPage a, #mainContent .paginator ul .lastPage a:hover { background: #fff url(../images/layout/last.gif) no-repeat center center; } #mainContent .paginator ul .lastPage a.off, #mainContent .paginator ul .lastPage a.off:hover { background: #fff url(../images/layout/last-off.gif) no-repeat center center; } /*** SEARCH PARAMETERS ***/ #searchParameters { height: 100%; overflow: hidden; padding: 0; margin: 0 0 20px 0; } #mainContent #searchParameters h2 { margin-top: 0; } #mainContent #searchParameters p { margin: 0; } #mainContent #searchParameters table { margin: 10px 0 5px 0; padding: 0; border: none; font-size: .95em; width: auto; } #mainContent #searchParameters th, #mainContent #searchParameters td { padding: 3px 20px 3px 0; border: none; background: #fff; text-align: left; } #mainContent #searchParameters tr:hover td { background: #fff; } #mainContent #searchParameters .highlight { color: #7a0d20; font-weight: bold; } #mainContent #searchParameters .paginator { font-size: 1em; } /*** SEARCH BOX - nova pretraga ***/ #mainContent .searchForm { width: 300px; height: 100%; overflow: hidden; background: none; margin: 0 auto; } #mainContent .searchForm fieldset { border: none; padding: 10px 5px; } #mainContent .select { height: 100%; overflow: hidden; padding-bottom: 10px; } #mainContent .input { height: 100%; overflow: hidden; padding-bottom: 10px; } #mainContent .searchForm label { display: block; float: right; width: 100px; margin-left: 5px; padding-top: 0; color: #666; } #mainContent .select select { width: 180px; float: left; background: #fff; font: normal 12px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #666; } #mainContent .select select option { padding: 0 5px; } #mainContent .inputHolder { float: left; width: 160px; padding: 0 0 0 10px; height: 100%; overflow: hidden; } #mainContent .inputHolder input { width: 45px; padding: 1px 2px; background: #fff; font: normal 11px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #666; text-align: center; margin-right: 5px; } #mainContent .searchFormSubmit { width: 58px; height: 21px; background: #ddd; border: 1px solid #afafaf; font: normal 11px Arial, Helvetica, sans-serif; color: #000; text-align: center; margin-top: 20px; }