* { margin: 0; padding: 0; } body { background: #3ab5b2; font: 62.5% Helvetica, sans-serif; text-align: center; color: #575757; } #wrap { width: 800px; margin: 0 auto; text-align: left; background: url(/img/bg_wrap.gif) repeat-y; } #header { background: #3ab5b2 url(/img/bg_header.gif) no-repeat 0 100%; height: 40px; } #logo { height: 150px; width: 180px; background: #1d9144; } #logo a img { border: none; margin: 0; } img {border: none;} .hl { font-weight: bold; color: #004286; margin-left: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; } .price { color: #004286; smargin-left: 21px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; } #content { float: left; width: 599px; display: inline; margin-left: 3px; } h1 { font: bold 1.6em "sLucida Sans Unicode", sgeorgia, Trebuchet Ms; text-transform: capitalize; color: #585858; background: url(/img/bg_h1.gif) repeat-x 0 0; border-bottom: 1px solid #e9e9e9; padding: 0; margin-top: 0; } /*top*/ #topdiv { background: url(/files/topphoto.jpg) no-repeat; float: left; height: 172px; width: 599px; display: none;} #top-info { float: right; width: 150px; margin: 7px 12px; display: inline; font: 1.1em Arial, Helvetica, sans-serif; display: none;} #top-info h1 { padding: 4px 15px; font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color: white; background: transparent; border: 0px solid #e9e9e9;} #top-info ul { margin: 0; padding: 4px 0px; list-style: none; } #top-info li { padding: 3px 15px; background: #FFFFFF; border-bottom: 1px dashed #EEEEEE; } #top-info p { margin: 5px 15px; } #top-info a { color: #3580cd; text-decoration: none;} #top-info a:hover { color: #004286; text-decoration: underline;} /*nav*/ #left-col { text-transform: uppercase; float: left; width: 180px; display: inline; margin-left: 8px; display: none;} #sidenav { float: left; width: 180px; background: url(/img/backmenu.jpg) no-repeat 0 100%; } #sidenav { color: white; font: bold 1em verdana; text-indent: 20px; } #sidenav ul { line-height: 35px; } #sidenav li { margin-top: 1px; list-style-type: none; width: 180px; float: left; color: black; padding: 0px; } #sidenav li a { text-transform: uppercase; text-decoration: none; display: block; padding: 6px 0px; font: bold 1em verdana; color: #FFFFFF; width: 180px; } #sidenav li a:hover { background: url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li .active { list-style-type: none; width: 180px;} #sidenav li .active a { background: #6eff3c url(/img/hover.gif) no-repeat 0 100%; width: 180px; padding: 6px 0px; color: black } #sidenav li .active a:hover { background: #79edad url(/img/hover.gif) no-repeat 0 100%; padding: 0px; width: 180px; padding: 6px 0 6px 0px; color: black } #sidenav li .active li a { background: #6fdca0; } #sidenav li#nav-home{ background-color: #1e9243; } #sidenav li#nav-home-active { background: #1e9243 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-home_office { background-color: #1f9548; } #sidenav li#nav-home_office-active { background: #1f9548 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-bedroom{ background-color: #22984c; } #sidenav li#nav-bedroom-active { background: #22984c url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-lounge_dining { background-color: #259e51; } #sidenav li#nav-lounge_dining-active { background: #259e51 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-kitchen { background-color: #28a357; } #sidenav li#nav-kitchen-active { background: #28a357 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-accessories{ background-color: #2ba75d; } #sidenav li#nav-accessories-active { background: #2ba75d url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-decorations { background-color: #2ead63; } #sidenav li#nav-decorations-active { background: #2ead63 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-hall{ background-color: #31b168; } #sidenav li#nav-hall-active { background: #31b168 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-bathroom { background-color: #34b56c; } #sidenav li#nav-bathroom-active { background: #34b56c url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-garden { background-color: #36b870; } #sidenav li#nav-gallery { background-color: #36b870; } #sidenav li#nav-garden-active { background: #36b870 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li#nav-gallery-active { background: #36b870 url(/img/hover.gif) no-repeat 0 100%; color: #0e4e30; text-indent: 20px; } #sidenav li li a { color: #13632d; text-indent: 25px; } #sidenav li li a:hover { color: #000; background: #79edad url(/img/hover.gif) no-repeat 0 100%; text-indent: 25px; } #sidenav li li li a { color: #13632d; text-indent: 30px; } #sidenav li li li a:hover { color: #000; text-indent: 30px; } #sidenav li li li li a { color: #13632d; text-indent: 35px; } #sidenav li li li li a:hover { color: #000; text-indent: 35px; } #kitchen, #bathroom, #home_office, #bedroom, #dining, #lounge_dining, #accessories, #decorations, #garden, #gallery { display: none; text-indent: 25px; font: bold 0.9em Helvetica, sans-serif;} #kitchen_active, #bathroom_active, #home_office_active, #bedroom_active, #dining_active, #lounge_dining_active, #accessories_active, #decorations_active, #garden_active, #gallery_active { display: block; text-indent: 25px; font: bold 0.9em Helvetica, sans-serif;} #kitchen a, #bathroom a, #home_office a, #bedroom a, #dining a, #lounge_dining a, #accessories a, #decorations a, #garden a, #gallery a { color: #13632d; background-color: #55d890; } #kitchen_active a, #bathroom_active a, #home_office_active a, #bedroom_active a, #dining_active a, #lounge_dining_active a, #accessories_active a, #decorations_active a, #garden_active a, #gallery_active a { color: #13632d; background-color: #55d890; } /*nav end*/ /*main*/ #main-col { float: left; width: 426px; padding-bottom: 15px; font-size: 1.1em; overflow: hidden;} #main-col .imgs { float: left; padding: 5px; background: #F0F0F0; border: 1px solid #E1E1E1; margin: 5px 2.5px; margin-right: 8px; display: block; border: 1px solid #ECE9D8;} #main-col .imgs2 { float: right; padding: 5px; background: #F0F0F0; border: 1px solid #E1E1E1; margin: 5px 2.5px; display: block; border: 1px solid #ECE9D8;} #main-col .imgs_l { float: left; padding: 5px; background: #F0F0F0; margin: 5px 2.5px; display: block; border: 1px solid #ECE9D8; width:310px;} #main-col .imgs_r { float: left; padding: 5px; background: #F0F0F0; margin: 5px 2.5px; display: block; border: 1px solid #ECE9D8; width:80px;} #main-col a:hover img { background: #b5d9ff; text-indent: 0;} #main-col h1 { font: bold 1.8em "sLucida Sans Unicode", sgeorgia, Trebuchet Ms; text-transform: capitalize; color: #585858; background: url(/img/bg_h1.gif) repeat-x 0 0; border-bottom: 1px solid #e9e9e9; padding: 3px 5px; margin-top: 3px; } #main-col h2 { font-size: 18px; color: #004286; margin: 5px 5px; border-bottom: 1px dashed #e9e9e9; stext-align: right; } #main-col h3 { font: bold 30px "Trebuchet Ms"; letter-spacing: -1px; color: #b60000; margin: 5px; } #main-col h4 { font: bold 1.8em Verdana, Arial, Helvetica, sans-serif; margin: 5px; margin-top: 1px; color: #004286; } #main-col h5 { font: bold 2.6em georgia, Trebuchet Ms; letter-spacing: -1px; color: #004286; margin: 5px; smargin-bottom: 10px;} #main-col h6 { font: 17px Trebuchet Ms; margin: 3px 5px; text-transform: capitalize; text-decoration: underline; color: #004286;} #main-col h6 a { text-decoration: underline; scolor: #004286; } #main-col h6 a:hover { text-decoration: none; scolor: #3580cd; } #main-col p { margin: 3px 5px; font-size: 11px; } #main-col ul { text-indent: 10px; margin: 5px; vertical-align: top; display: block;} #main-col li { list-style-type: none; background: url(img/cross.gif) no-repeat 0 5px; margin: 4px 5px; vertical-align: top; display: block;} #main-col a { color: #3580cd; text-decoration: underline; } #main-col a:hover { color: #004286; text-decoration: none; } #main-col .right {float: right; text-align: left; width: 250px;} #main-col .subh5 { font: bold 1.5em georgia, Trebuchet Ms; letter-spacing: -1px; color: #004286; margin: 3px;} #main-left { float: left; width: 200px; margin-top: 5px; border-right: 1px solid #eee; } #main-left ul, #main-right ul, #main-left-details ul, #main-right-details ul { text-indent: 10px; margin-left: 0px; } #main-left li, #main-right li, #main-left-details li, #main-right-details li { list-style-type: none; background: url(img/cross.gif) no-repeat 0 5px; } #main-right { float: right; width: 210px; margin-top: 5px; display: block; } #main-left-details { float: left; width: 250px; margin-top: 5px; border-right: 1px solid #eee; padding-right: 10px; display: block; } #main-right-details { float: right; width: 160px; margin-top: 5px; display: block; } #main-right-details-left { float: left; width: 70px; border-right: 1px solid #eee; padding-right: 5px; display: block; text-align: center; } #main-right-details-right { float: left; width: 70px; padding-left: 5px; display: block; text-align: center; clear: none; } #main-right-details-left h5, #main-right-details-right h5 { font: bold 1.6em georgia, Trebuchet Ms; margin: 2px;} #main-right-details p {font-size: 14px;} #main-right-details .qua , #main-left-details .qua {border: 1px solid #bfbfbf; padding: 0px; height: 15px; background-color: #f4f4f4; margin-left: 5px; width: 20px;} #main-right-details .drop, #main-left-details .drop {border: 0px solid #bfbfbf; padding: 0px; height: 18px; background-color: #f4f4f4; } #main-col #infobar { width: 426px; display: block; background: #e0e0e0; height: 25px;} #main-col #navbar { width: 426px; display: block; background: #9FF5C6; height: 25px; display: none;} #main-col #infobar p { margin: 5px;} #main-col #infobar a { text-decoration: none; font-weight: bold; sfont-size: 14px;} #main-col #infobar a:hover { text-decoration: none; } #hotoffer { border: none; width: 100%; border-collapse: collapse; } #hotoffer td {vertical-align: top; width: 50%; } .divider { clear: both; margin: 10px; } .divider2 { border-top: 1px solid #eee; clear: both; margin: 10px; display: block; } .divider3 { border-top: 1px solid #bdbdbd; clear: both; margin: 10px; display: block; } .justimg { padding: 3px; border: 1px solid #ECE9D8; } .imgleft { margin: 5px 10px 5px 5px; float: left;} .date { font-size: 0.8em; color: gray; text-align: left;} .clear { clear: both;} .hide { display: none; } #status { background: #eeeded; font-size: 1.1em; display: block; margin-top: 3px; height: 16px; font-weight: bold; color: #c23700; padding: 3px;} #status a, #status a:active, #status a:visited { margin: 1px; color: #3580cd; text-decoration: none; } #status a:hover { color: #000; text-decoration: underline; } /*right*/ #right-col { float: right; width: 170px; display: none;} #right-col li a { color: #336699; text-decoration: none;} #right-col li a:hover { color: #CC6600; text-decoration: none;} #search { float: left; width: 170px; font-size: 1.1em; } #partners h3, #search h3 { font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; background: #fff url(/img/bg_h5.gif) repeat-x 0 100%; padding: 3px 10px; border-top: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; } #search .search { float: left; margin: 5px 10px; border: 1px dashed #c1dfff; width: 89px; height: 26px; font-size: 20px; background: url(/img/bg_search.gif); } #search .button { float: right; margin: 5px 10px 5px 0px; background: #fff url(/img/go.gif) no-repeat;} #search .buttonon { float: right; margin: 5px 10px 5px 0px; background: #fff url(/img/go_on.gif) no-repeat;} #search .on { float: left; margin: 5px 10px; border: 1px dashed #c1dfff; width: 89px; height: 26px; font-size: 20px;} #search .off { float: left; margin: 5px 10px; border: 1px dashed #c1dfff; width: 89px; height: 26px; font-size: 20px;} #packages { float: left; width: 170px; font: 1.1em "Trebuchet MS"; border-bottom: 3px solid #FFFFFF; } #packages p { margin:5px; color:#000000; } #packages h3 { font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; background: url(/img/bg_h3.gif) repeat 0 100%; padding: 3px 10px; border-top: 3px solid #FFFFFF; } #packages h4 { font: bold 1.4em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: blue; padding: 5px 10px 0px 10px; } #packages ul { list-style-type: none; padding:0; margin:0; width:100%; } #packages li { width: 160px; color: #3580cd; border-top: 3px solid #FFFFFF; width:100%; padding-bottom:3px; } #packages li a { width: 160px; color: #3580cd; } #packages li a:hover { color: #1d64ae; text-decoration: underline; } #packages .off { width: 170px; sfloat: left; background: #e6f2ff; overflow: hidden; } #packages .on { width: 170px; sfloat: left; background: #cfe6ff url(/img/bg.gif) repeat-y; } #packages2 { float: left; width: 170px; font: 1.1em "Trebuchet MS"; border-bottom: 3px solid #FFFFFF; } #packages2 p { margin:5px; color:#000000; } #packages2 h3 { font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; background: url(/img/bg_h3.gif) repeat 0 100%; padding: 3px 10px; border-top: 3px solid #FFFFFF; } #packages2 h4 { font: bold 1.4em/1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: blue; padding: 5px 10px 0px 10px; } #packages2 ul { list-style-type: none; padding:0; margin:0; width:100%; } #packages2 li { width: 160px; color: #3580cd; border-top: 3px solid #FFFFFF; width:100%; padding-bottom:3px; } #packages2 li a { width: 160px; color: #3580cd; } #packages2 li a:hover { color: #1d64ae; text-decoration: underline; } #packages2 .off { width: 170px; sfloat: left; background: #e6f2ff; overflow: hidden; } #packages2 .on { width: 170px; sfloat: left; background: #cfe6ff url(/img/bg.gif) repeat-y; } #partners { float: left; width: 170px; } #partners p { font: 1.1em "Trebuchet MS"; padding: 0px 10px 5px 10px; border-bottom: 3px solid #FFFFFF;} #partners h3 { border-top: 0px solid #FFFFFF; } #partners h4 { font: bold 1.5em "Trebuchet MS"; text-transform: capitalize; color: blue; padding: 5px 10px 0px 10px; } #partners ul { list-style-type: none; } #partners li a { width: 160px; color: #3580cd; } #partners li a:hover { color: #1d64ae; text-decoration: underline; } #partners .off { width: 170px; sfloat: left; background: #e6f2ff; overflow: hidden; } #partners .on { width: 170px; sfloat: left; background: #cfe6ff url(/img/bg.gif) repeat-y; } /*foot*/ #footer { clear: both; height: 80px; padding: 8px 20px; font-family: Helvetica, sans-serif; color: #fff; background: #3ab5b2 url(/img/bg_footer.gif) no-repeat 0px 0px; font-size: 1.1em; text-align: right; } #footer li { display: inline; list-style: none; } #footer li a { padding: 5px; } #footer a { color: #c6f1ff; text-decoration: none; } #footer a:hover { color: #66CCFF; text-decoration: none; } #footer .line { border-top: 1px dotted #13a7d8; padding: 2px; margin: 2px; } .down { background: #E1E1E1; float: left; width: 164px; spadding: 0px 0px 10px 10px ; margin-left: 3px; margin-top: -5px; } .banners { background: transparent; margin: 0; padding: 0; text-align: center;} /*ewentualno*/ /* #news #topdiv { background: url(../img/topphoto_news.jpg) no-repeat; float: left; height: 179px; width: 565px; } */ /* #results #topdiv { background: url(../img/topphoto_results.jpg) no-repeat; float: left; height: 179px; width: 565px;} */