body { background: #00416d url('../images/layout/body.jpg') top center no-repeat; font-family: Arial, Helvetica, sans-serif; } #container { width: 820px; padding: 0 8px; background: url(../images/layout/container.png) repeat-y; margin: 0 auto; } /* =Header ----------------------------------------------- */ #header { height: 352px; position: relative; background: url(../images/layout/header.gif) top repeat-x; } #header h1 a { background: url(../images/layout/logo.gif) no-repeat; display: block; text-indent: -5000px; width: 330px; height: 55px; position: absolute; top: 20px; left: 30px; } #header p#lang { position: absolute; top: 29px; right: 30px; font-size: 12px; color: #999; } #header p#lang strong { font-weight: bold; } #header p#lang a { color: #999; text-decoration: none; margin-left: 10px; } #header p#lang a:hover { color: #000; } #header p#lang a img { vertical-align: middle; margin-top: -3px; margin-right: 2px; } #header ul#utility-nav { position: absolute; top: 48px; right: 24px; } #header ul#utility-nav li { display: inline; font-size: 11px; color: #04b2e9; } #header ul#utility-nav li a {text-decoration: none; color: #04b2e9; margin: 0 7px 0 3px; } #header ul#utility-nav li a:hover { color: #000; } #header #flash-area { position: absolute; bottom: 38px; left: 0; height: 220px; } #header p#breadcrumbs { position: absolute; left: 20px; bottom: 12px; font-size: 11px; color: #999; } #header p#breadcrumbs a { color: #999; text-decoration: none; font-weight: bold; } /* =Content ----------------------------------------------- */ #content { background: url(../images/layout/sidebar.gif) bottom left no-repeat; margin: 0 5px; } #sidebar { margin: 0 15px 5px 0; float: left; width: 230px; } #sidebar ul { position: relative; z-index: 10; } #sidebar ul li a { padding: 7px 0; background: url(../images/layout/sidebar_li_divider.gif) bottom repeat-x; display: block; font-size: 12px; color: #094b83; width: 200px; text-decoration: none; text-indent: 15px; } #sidebar ul li a:hover, #sidebar ul li a.active { background: #aed2e1 url(../images/layout/sidebar_li_divider.gif) bottom repeat-x; color: #052a4a; } #sidebar ul li.last-item a { background: none; } #sidebar ul li.last-item a:hover, #sidebar ul li.last-item a.active { background: #aed2e1; } #sidebar ul.custom li a { font-size: 11px; } #sidebar h3 { width: 241px; height: 56px; margin: 0 0 -21px -25px; position: relative; text-indent: -5000px; } #sidebar h3.glavni-izbornik { background: url(../images/layout/sidebar_glavni_izbornik.png) no-repeat; } #sidebar h3.korisni-linkovi { background: url(../images/layout/sidebar_korisni_linkovi.png) no-repeat; } #sidebar img.mm { margin-top: -10px; } #main-content { width: 520px; float: left; color: #666; margin-top: 5px; } #main-content p a { color: #3778a0; } #main-content p a:hover { color: #000; } #main-content p, #main-content ul { font-size: 14px; line-height: 1.4; margin-bottom: 15px; } #main-content h2 { color: #094b83; font: 22px "Times New Roman", Times, serif; margin-bottom: 10px; border-bottom: 1px solid #094b83; padding-bottom: 5px;} #main-content h3 { font-size: 14px; font-weight: bold; margin-bottom: 5px; color: #175a87; } #main-content ul.simple-list li { list-style-type: disc; margin-left: 15px; line-height: 1.6; } #main-content ul.simple-list li ul li { margin-left: 30px; } #main-content p strong { font-weight: bold; } #main-content fieldset { width: 300px; float: left; } #main-content fieldset label { font-size: 13px; margin-bottom: 5px; display: block; } #main-content fieldset li { margin-bottom: 15px; } #main-content fieldset .input-text, #main-content fieldset textarea { width: 294px; padding: 3px; font: 12px Arial, Helvetica, sans-serif; } #main-content fieldset .input-text.custom { width: 194px; } #main-content fieldset textarea { height: 103px; } #main-content fieldset .input-button { cursor: pointer; padding: 3px 10px; } #main-content fieldset .input-text, #main-content fieldset textarea { background: url(../images/layout/input_text.gif) top repeat-x; border: 1px solid #666; } #main-content #error { background: #ffeeee; border: 1px solid #ffc9c9; padding: 15px; font-size: 12px; width: 270px; margin-bottom: 15px; } #main-content #error ul { margin-top: 15px; margin-bottom: 0; } #main-content #error ul li { font-size: 12px; margin-left: 25px; list-style-type: disc; margin-bottom: 0; } #main-content #success { background: #f0fff4; border: 1px solid #cdffd9; font-size: 12px; padding: 15px; width: 270px; margin-bottom: 15px; } #main-content #success h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; } #main-content #success p { font-size: 12px; margin-bottom: 0; } #main-content #company-info { margin-left: 30px; float: right; width: 180px; padding-top: 19px; } #main-content #company-info h3 { font-size: 12px; color: #094b83; margin-bottom: 20px; } #main-content #company-info p { font-size: 11px; line-height: 1.8; } #main-content #company-info strong { font-weight: bold; } #main-content table { width: 100%; border: 1px solid #3778a0; margin-bottom: 20px; } #main-content table.last { margin-bottom: 15px; } #main-content table tr th { background: #3778a0; font-size: 12px; font-weight: bold; color: #fff; padding: 7px 0 7px 10px; } #main-content table tr td { font-size: 11px; color: #000; padding: 5px 0;} #main-content table tr td.item-1 { padding-left: 10px; font-weight: bold; width: 130px; } #main-content table tr td.item-2 { padding-left: 10px; font-weight: bold; width: 65px; } #main-content table tr td.item-3 { text-align: center; } #main-content table tr.highlight { background: #bce4f5; } #main-content table tr.custom { background: #4a94c1; } #main-content table tr.custom td { color: #fff; font-weight: bold; } #main-content table.tickets { } #main-content table.tickets td.item-1 { width: 100px; } #main-content table.tickets em { font-style: italic; } #main-content table.prices { margin-bottom: 20px; } #main-content table.prices td.item-1 { font-weight: normal; width: 305px; } #main-content p.napomena { font-size: 11px; } #main-content p.napomena strong { color: #000; } #main-content .boat { padding: 15px; height: 185px; background: url(../images/layout/boat.gif) no-repeat; margin-bottom: 15px; } #main-content .boat h3 { font-size: 17px; font-weight: bold; margin-bottom: 13px; color: #35739a; } #main-content .boat .pic { width: 204px; float: left; } #main-content .boat .pic img { background: #fff; padding: 1px; border: 1px solid #bad9e7; } #main-content .boat .info { width: 265px; float: left; margin-left: 15px; } #main-content .boat .info ul li { border-bottom: 1px solid #bad9e7; font-size: 11px; padding: 2px 0; } #main-content .boat .info ul li strong { font-weight: bold; } #main-content .boat .info ul li.first-item { font-weight: bold; color: #333; padding: 1px 0 3px 0; } #main-content .boat2 { padding: 15px; height: 245px; background: url(../images/layout/boat2.gif) no-repeat; margin-bottom: 15px; } #main-content .boat2 h3 { font-size: 17px; font-weight: bold; margin-bottom: 13px; color: #35739a; } #main-content .boat2 .pic { width: 204px; float: left; } #main-content .boat2 .pic img { background: #fff; padding: 1px; border: 1px solid #bad9e7; } #main-content .boat2 .info { width: 265px; float: left; margin-left: 15px; } #main-content .boat2 .info ul li { border-bottom: 1px solid #bad9e7; font-size: 11px; padding: 2px 0; } #main-content .boat2 .info ul li strong { font-weight: bold; } #main-content .boat2 .info ul li.first-item { font-weight: bold; color: #333; padding: 1px 0 3px 0; } /* =Footer ----------------------------------------------- */ #footer { background: url(../images/layout/footer.png) no-repeat; width: 781px; padding: 30px 30px 32px 25px; margin: 0 auto; font-size: 11px; position: relative; color: #668da7; } #footer ul li { display: inline; color: #668da7; } #footer ul li a { color: #668da7; text-decoration: none; padding: 0 5px 0 2px; } #footer ul li a:hover, #footer ul li a.active { color: #9dc0d8; } #footer p { position: absolute; right: 30px; top: 30px; text-align: right; line-height: 1.6; } #footer p a { color: #668da7; text-decoration: none; } #footer p a:hover { color: #9dc0d8; }