html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} object, embed {display: block; overflow:hidden} body {line-height: 1;} ul {list-style: none;} a:active { outline: none; } a:focus { -moz-outline-style: none; } /* remember to define focus styles! */ :focus {outline: 0;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} html {background: #fff url("http://sportski-podovi.com/slike/podloga-m.jpg") top left repeat-x;height: 100%;} body {background: url("http://sportski-podovi.com/slike/podloga-v.jpg") top center no-repeat; height:100%; font:normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif; color:#000; text-align:left} h1 {font-size: 35px; color: #000; font-weight: normal} h2 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0} h3 {font-size: 22px; color: #000; font-weight: normal; margin: 0 0 10px 0} h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0} h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0} .clear {clear:both; height:0.1px} .clear5 {clear:both; height:5px} .clear10 {clear:both; height:10px} .clear15 {clear:both; height:15px} .clear20 {clear:both; height:20px} .clear25 {clear:both; height:25px} .clear30 {clear:both; height:30px} .slika {margin:0 0 10px 0; padding:2px; border:1px solid #ddd} .slika-lijevo {float:left; margin:0 15px 10px 0; padding:2px; border:1px solid #ddd} .slika-desno {float:right; margin:0 0 10px 15px; padding:2px; border:1px solid #ddd} .slika-br {margin:0 0 10px 0; padding:0; border:0} .slika-lijevo-br {float:left; margin:0 15px 10px 0; padding:0; border:0} .slika-desno-br {float:right; margin:-20px 0 10px 15px; padding:0; border:0} .slika-tablica {margin:5px 0 0 0; padding:2px; border:1px solid #ddd} .lijevo {float:left} .desno {float:right} .none {display:none !important} .mar-go-10 {margin: 10px 0 0 0} .mar-de-10 {margin: 0 10px 0 0} .mar-do-10 {margin: 0 0 10px 0} .mar-li-10 {margin: 0 0 0 10px} .zoom {float:left; position:relative} .zoom span {display:block; background:transparent url(http://sportski-podovi.com/slike/full.png) 0 0 no-repeat; width:26px; height:28px; position:absolute; right:3px; top:3px} a:link {color: #b5123d; text-decoration: none;} a:visited {color: #b5123d; text-decoration: none;} a:active {color: #b5123d;} a:hover {color: #970229; text-decoration: none;} a.sivi:link, a.sivi:visited, a.sivi:active {color: #333; text-decoration: none;} a.sivi:hover {color: #555; text-decoration: none;} a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;} a.bijeli:hover {color: #fff; text-decoration: none;} a.crni:link, a.crni:visited, a.crni:active {color:#000; text-decoration: none;} a.crni:hover {color:#000; text-decoration:underline;} /*ul {list-style-type:disc; margin:20px 0 0 20px}*/ p {margin:0 0 10px} .btn { background: #b5123d; background: -moz-linear-gradient(top, #b5123d 0%, #950128 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5123d), color-stop(100%,#950128)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5123d', endColorstr='#950128',GradientType=0 ); /* ie */ width: 265px;height: 39px;font: normal 18px/39px Arial;float: right;display: block;margin: 0;padding: 0 15px;text-align: center;color: #fff;text-decoration: none;cursor: pointer;border: 1px solid #870225;border-radius: 2px;position:relative;} input.btn {float: right;} .btn:hover, .btn:focus { background: #940027; /* old browsers */ background: -moz-linear-gradient(top, #940027 0%, #66001b 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#940027), color-stop(100%,#66001b)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940027', endColorstr='#66001b',GradientType=0 ); /* ie */ border: 1px solid #65001b;color: #fff;} a.btn:link, a.btn:visited, a.btn:active, a.btn:hover, a.btn:focus {color:#fff; background:#940027;} .btn2 { background: #b5123d; background: -moz-linear-gradient(top, #b5123d 0%, #950128 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5123d), color-stop(100%,#950128)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5123d', endColorstr='#950128',GradientType=0 ); /* ie */ width: 100%;height:35px;font: bold 14px/35px Arial;float: right;display: block;margin: 0;padding: 0 15px;text-align: center;color: #fff;text-decoration: none;cursor: pointer;border: 1px solid #870225;border-radius: 2px;position:relative;} input.btn2 {float: right;} .btn2:hover, .btn:focus { background: #940027; /* old browsers */ background: -moz-linear-gradient(top, #940027 0%, #66001b 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#940027), color-stop(100%,#66001b)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#940027', endColorstr='#66001b',GradientType=0 ); /* ie */ border: 1px solid #65001b;color: #fff;} a.btn2:link, a.btn2:visited, a.btn2:active, a.btn2:hover, a.btn2:focus {color:#fff; background:#940027;} #wrapper {margin:0 auto; width:1180px} #header {float:left; width:1025px; height:158px} #header h1 {margin:0; padding:10px 0 0 0; text-align:right; font:normal 16px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#d7cfc0; height:27px; overflow:hidden} #logo {float:left; margin:21px 0 0 0} #top-link {display:none; position:fixed; right:5px; bottom:5px; color:#fff; font-weight:bold; text-decoration:none; border:1px solid #222; background:#444; padding:10px} .kockica {width:155px; height:93px; margin:65px 0 0 0; overflow:hidden; background:#b5123d} #content-container {float:right; width:1025px} #content {float:left; width:975px; padding:25px 25px 0 25px; margin:0; background:#fff; min-height:500px} #content-pocetna {float:left; width:975px; padding:25px 25px 0 25px; margin:0; background: #fff url("http://sportski-podovi.com/slike/poc-content.png") top right no-repeat; min-height:500px} #pocetna-lijevo {width:450px; height:675px; overflow:hidden; float:left; position:relative;} #pocetna-desno {width:500px; float:right} .poc-boxovi {width:216px; float:left} .poc-scroller {width:265px; height:424px; padding:0 1px 0 0; float:right; position:relative;} .poc-forma {width:500px; float:left; margin:16px 0 0 0; position:relative} .poc-forma p {margin:0; padding:0} .naslovpodloga-box1 {float:left; width:216px; padding:28px; margin:0 0 17px 0; padding:0; background:url("http://sportski-podovi.com/slike/naslovpodloga-box1.png") top left no-repeat;} .naslovpodloga-box1 h4 {font:normal 16px/28px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#fff; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,.25); margin:0; padding:0;} .boxdoljel {width:308px; height:196px; float:left; margin:0 25px 0 0} .boxdoljed {width:308px; height:196px; float:right; margin:0} .boxdoljel h3, .boxdoljed h3 {font:normal 16px/41px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#fff; text-align:center; text-transform:uppercase; background:url(http://sportski-podovi.com/slike/boxdoljenaslovpodloga.png) top left no-repeat; margin:0; padding:0; width:308px; height:41px} .boxdoljel h3 a:link, .boxdoljel h3 a:visited, .boxdoljel h3 a:active {color:#fff; text-decoration: none;} .boxdoljed h3 a:link, .boxdoljed h3 a:visited, .boxdoljed h3 a:active {color:#fff; text-decoration: none;} .boxdoljel h3 a:hover, .boxdoljed h3 a:hover {color:#b5123d; text-decoration:none;} .poc-boxovi-smaller {width:200px; float:left} .naslovpodloga-smaller-box1 {float:left; width:200px; padding:28px; margin:0 0 25px 0; padding:0; background:url("http://sportski-podovi.com/slike/naslovpodloga-smaller-box1.png") top left no-repeat;} .naslovpodloga-smaller-box1 h4 {font:normal 16px/28px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#fff; text-align:center; text-shadow:1px 1px 2px rgba(0,0,0,.25); margin:0; padding:0;} #bigger {width:750px; float:right} .entry {line-height:1.5em; font-size:13px; margin:0 0 30px 0} .entry h3 {font:normal 24px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#b5123d; font-weight:normal; margin:0 0 15px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);} .entry h3 a:link, .entry h3 a:visited, .entry h3 a:active {color:#b5123d; text-decoration: none;} .entry h3 a:hover {color:#970229; text-decoration:none;} .entry p {margin:0 0 1.2em 0} .entry ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;} .entry ul li{background-image:url("http://sportski-podovi.com/slike/entry-lista.gif");background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:0 0 5px 0} .entry ol {margin:0 0 1.2em 40px; list-style-type:decimal;} .entry ol li {margin:0} .entry-uvod {height:120px; overflow:hidden; line-height:1.5em; font-size:13px; margin:0 0 30px 0; border-bottom:1px solid #ddd; cursor:pointer} .entry-uvod h3 {font:normal 16px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#b5123d; font-weight:normal; margin:0 0 10px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);} .entry-uvod h3 a:link, .entry h3 a:visited, .entry h3 a:active {color:#b5123d; text-decoration: none;} .entry-uvod h3 a:hover {color:#970229; text-decoration:none;} .slika-entryuvodna {float:left; margin:0 15px 0 0} .entry-uvod2 {line-height:1.5em; font-size:12px; margin:0 0 10px 0; cursor:pointer} .entry-search {float:left; width:670px; height:106px; margin:0; padding:10px; cursor:pointer} .entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px} .entry-search div {height:80px; overflow:hidden} .paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px} .paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:7px 10px; border:solid 1px #B6B6B6; background:#E6E6E6; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6))} .paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px} .paginationw a:first-child {margin-left:0px} .paginationw img {border:none} .paginationw a:hover, .paginationw strong {background:#fff} .missing-link-btn {position:absolute; bottom:0; right:0} .google-karta {float:left; margin:0; width:100%; height:600px} .reference-l {float:left; width:224px; margin:0 23px 23px 0; padding:12px 0 0 0; background:#eee; border:1px solid #ddd; text-align:center; border-radius:3px} .reference-d {float:right; width:224px; margin:0 0 23px 0; padding:12px 0 0 0; background:#eee; border:1px solid #ddd; text-align:center; border-radius:3px} .reference-l h4, .reference-d h4 {font:normal 16px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#000; font-weight:normal; margin:0; padding:5px 0 10px 0; line-height:1em;} .malagalerija-l {float:left; margin:0 15px 15px 0; padding:7px; background:#eee; border:1px solid #ddd; border-radius:3px} .malagalerija-d {float:right; margin:0 0 15px 0; padding:7px; background:#eee; border:1px solid #ddd; border-radius:3px} .kontakt-lijevo {width:450px; float:left;} .kontakt-desno {width:500px; float:right;} .ponuda-uvod {background:#dff6e4; padding:15px; border:1px solid #c5e5cc; margin:0 0 25px 0} .ponuda-uvod p {line-height:1.6em; margin:0; padding:0 0 1.2em 0;} .ponuda-uvod ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;} .ponuda-uvod ul li{background-image:url("http://sportski-podovi.com/slike/entry-lista.gif");background-repeat:no-repeat;background-position:0px 5px; padding-left:14px;margin:0 0 5px 0} .ponuda-uvod ol {margin:0 0 1.2em 40px; list-style-type:decimal;} .ponuda-uvod ol li {margin:0} #smaller {float:left;width:155px; padding:0; margin:0; display:inline} #smaller h4 {margin:0} .smaller-unutra {margin:422px 0 0 0; padding:0; font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif; text-align:right} .gamabon-logo {margin:0 0 20px 0} #smaller-unutralijevo {width:200px; float:left;} #trazilica {float:right; width:204px; height:32px} .search-d {width:32px; height:32px; float:right; cursor:pointer} .search-l {float:right; background: url("http://sportski-podovi.com/slike/search-l.png") top right no-repeat; border:none; width:152px; height:32px; line-height:32px; margin:0; font-family:Arial; font-size:12px; color:#ccc; padding:0 10px} #breadcrumb {height:32px; border:0; color:#aaa; padding:0; margin:0 0 25px 0; overflow:hidden; width:100%; border-bottom:1px solid #eee} #breadcrumb h2 {font-size:11px; line-height:32px; margin:0; color:#aaa} #breadcrumb img{float:left} #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#aaa; text-decoration:none; line-height:32px; float:left; border:0} #breadcrumb a:hover {color:#aaa; text-decoration:underline; line-height:32px; float:left; border:0} #breadcrumbd {height:32px; border:0; color:#777; padding:0; margin:10px 0 0 0; overflow:hidden; width:800px; float:left} #breadcrumbd h5 {font-size:14px; line-height:32px; margin:0; color:#777} #breadcrumbd img {float:left} #breadcrumbd a:link, #breadcrumbd a:visited, #breadcrumbd a:active {color:#777; text-decoration:none; line-height:32px; float:left; border:0} #breadcrumbd a:hover {color:#aaa; text-decoration:none; line-height:32px; float:left; border:0} .rss {float:right} #footer {background:#2f3235 url(http://sportski-podovi.com/slike/foot-podloga.gif) top left repeat-x; min-height:338px; margin:0; padding:0;} #footer-i {width:1155px; margin:0 auto; padding:70px 25px 0 0; color:#aaa; font-size:11px} .footer-boxl {width:266px; float:left; margin:0 30px 0 0} .footer-boxd {width:266px; float:right; margin:0;} #footer h6 {font:normal 16px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#fff; text-transform:uppercase; margin:0 0 15px 0; line-height:1em; text-shadow:1px 1px 1px rgba(0,0,0,.15);} #footer h6 a:link, #footer h6 a:visited, #footer h6 a:active {color:#fff; text-decoration: none;} #footer h6 a:hover {color:#fff; text-decoration:underline;} .footer-boxl p, .footer-boxd p {line-height:18px} #footer a:link, #footer a:visited, #footer a:active {color:#777; text-decoration:none} #footer a:hover {color:#aaa; text-decoration:none} #socials {width:286px; float:right; text-align:right;} #rss {width:24px; height:24px; float:right; background: url("http://sportski-podovi.com/slike/socials-rss.png") top left no-repeat;} #rss:hover {width:24px; height:24px; float:right; background: url("http://sportski-podovi.com/slike/socials-rss.png") bottom left no-repeat; cursor:pointer;} #twitter {width:24px; height:24px; float:right; background: url("http://sportski-podovi.com/slike/socials-twitter.png") top left no-repeat;} #twitter:hover {width:24px; height:24px; float:right; background: url("http://sportski-podovi.com/slike/socials-twitter.png") bottom left no-repeat; cursor:pointer;} #facebook {width: 24px; height:24px; float:right;background: url("http://sportski-podovi.com/slike/socials-facebook.png") top left no-repeat;} #facebook:hover {width:24px; height:24px; float:right; background: url("http://sportski-podovi.com/slike/socials-facebook.png") bottom left no-repeat;cursor: pointer;} /* Kontakt forma */ .kontaktforma, #contactForm, .notification, .contactForm {width:500px; position:relative} .notification {width:98%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px} .notification div {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 5px 5px 30px} .notification.success {border:1px solid #54aa29; background:#d3f4c0; font-size:14px; color:#477e2b; position:relative; margin:12px 0 0} .notification.success li {list-style-type:none; border-radius:3px; padding:5px 5px 5px 30px} .notification.success div {border:1px solid #fff; padding:0 0 0 22px; background:url(http://sportski-podovi.com/slike/offline/notification_success_icon.png); background-repeat:no-repeat; background-position:5px center} .notification.error {border:1px solid #aa2929; background:#f4c0c0; font-size:14px; color:#7e2b2b; z-index:100; position:relative; margin:12px 0 0} .notification.error li {list-style-position:inside; border-radius:5px; padding:5px 5px 5px 10px} .notification.error div {border:1px solid #fae0e0; padding:0 0 0 22px; background:url(http://sportski-podovi.com/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center} .contactForm {margin:0; padding:0; height:auto; float:left;} .contactForm div{position:relative; margin:0; padding:0} .contactForm label {font-size:14px; font-weight:normal; color:#646464; display:block; clear:both; padding-bottom:3px} .contactForm input[type=text], .contactForm input[type=email] {width:194px; height:39px; float:left; background:#f6f3ed; margin-bottom:6px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -o-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; font:normal 13px/39px Arial,"Trebuchet MS",Tahoma,Verdana,Sans-serif;} .contactForm textarea {width:245px; height:133px; float:left; background:#f6f3ed; margin-bottom:6px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; -o-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; box-shadow:rgba(0, 0, 0, 0.2) 0 1px 4px inset; font:normal 13px/39px Arial,"Trebuchet MS",Tahoma,Verdana,Sans-serif;} .contactForm text:focus, .contactForm textarea:focus {background:#fff} .contactForm input[type=text].error, .contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x} .contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x} .contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px} .contactFormSmall {margin:0; padding:0; height:auto; float:left;} .contactFormSmall div{position:relative; margin:0; padding:0} .contactFormSmall label {font-size:14px; font-weight:normal; color:#646464; display:block; clear:both; padding-bottom:3px} .contactFormSmall input[type=text], .contactFormSmall input[type=email] {width:178px; height:25px; background:#f6f3ed; margin-bottom:3px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -o-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; font:normal 11px/25px Tahoma, Arial,"Trebuchet MS",Verdana,Sans-serif;} .contactFormSmall textarea {width:178px; height:100px; background:#f6f3ed; margin-bottom:3px; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; -o-box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px inset; font:normal 11px/25px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif;} .contactFormSmall text:focus {background:#fff} .contactFormSmall textarea:focus {background:#fff} .contactFormSmall input[type=text].error, .contactFormSmall input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x} .contactFormSmall textarea.error {border:1px solid #b78585; background: #fff0f0 url(http://sportski-podovi.com/slike/offline/input_background_error.png); background-repeat:repeat-x} .contactFormSmall label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px} .contactFormSmall h4 {font:normal 20px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#000; font-weight:normal; margin:0 0 10px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);} .general_errors {position:absolute; background:#d8f1d5; color:#b5123d; font-weight:bold; font-size:14px; top:-65px; left:0px; width:100%; border-radius:3px; border:0} .general_errors p {padding:6px 10px} .general_errors2 {background:#d8f1d5; color:#000; font-weight:normal; font-size:12px; width:100%; border-radius:3px; border:0} .general_errors2 p {padding:6px 10px} .cont-poc-lijevo {width:216px; height:183px; float:left; margin:0; overflow:hidden} .cont-poc-desno {width:267px; height:183px; float:right; margin:0; overflow:hidden} .kocke-dolje {width:100%; background:url("http://sportski-podovi.com/slike/podloga-kocke-dolje.png") top left no-repeat; padding:70px 0 0 0} /* Tablica */ .tablica1 {font-size:12px; width:100%; text-align:left; border-collapse:collapse; margin:10px 0; vertical-align:middle} .tablica1 th {font-size:12px; font-weight:bold; padding:5px; background:#b5123d; border-top:4px solid #930127; border-bottom:1px solid #fff; color:#fff; vertical-align:middle} .tablica1 td {padding:5px; background:#fff; border-bottom:1px solid #ddd; color:#000; border-top:1px solid transparent; vertical-align:middle} .tablica2 {font-size:12px; width:100%; text-align:left; border-collapse:collapse; margin:0; padding:0; vertical-align:middle; border-bottom:1px solid #ddd !important;} .tablica2 th {font-size:12px; font-weight:bold; padding:5px; background:#b5123d; border-top:4px solid #930127; border-bottom:1px solid #fff; color:#fff; vertical-align:middle} .tablica2 td {padding:5px; background:#fff; border:0; color:#000; vertical-align:middle} .zelenired {background:#DFF6E4 !important} .tablica1klik {font-size:11px; width:100%; text-align:left; border-collapse:collapse; margin:10px 0; vertical-align:middle} .tablica1klik th {font-size:11px; font-weight:bold; padding:10px; background:#b5123d; border-top:4px solid #930127n; border-bottom:1px solid #ddd; color:#fff; vertical-align:middle} .tablica1klik td {padding:10px; border:1px solid #ddd; vertical-align:middle} .celijacrvena {background:#B5123D; color:#fff; font-weight:bold; text-align:center; font-size:14px} .celijazelena {background:#217a37; color:#fff; font-weight:bold; text-align:center; font-size:14px} .celijazelenajedno {background:#77de91; color:#fff; font-weight:bold; text-align:center; font-size:14px} .celijazelenadvo {background:#5abc72; color:#fff; font-weight:bold; text-align:center; font-size:14px} .celijazuta {background:#015315; color:#fff; font-weight:bold; text-align:center; font-size:14px} .celijsivasvj {background:#eee} .celijsivatam {background:#dfdfdf} .celijaplava {background:#690A24; color:#fff; font-weight:bold; text-align:center; font-size:14px} .rotate { /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin:0; padding:0; background:#f00; } /* Mega izbornik */ .menulista {margin:0; padding:0; float:left; width:2px; height:57px} #mega-navigation {height:57px; max-width:760px; float:right; background:url(http://sportski-podovi.com/slike/menu-podloga.gif) top left repeat-x; margin:32px 0 0 0; padding:0} ul.mega-container{padding:0; margin:0; font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif} li.mega{list-style:none; float:left; padding:0; margin:0; position:relative; z-index:10px;} li.mega.mega-active {background:url(http://sportski-podovi.com/slike/menu-strelica.png) center bottom no-repeat; height:57px} li.mega:hover{} .mega:hover{z-index:10000 !important} *:first-child+html .mega:hover{zoom:1 !important} /* Basic menu item styles */ li.mega a.mega-tab{color:#000; text-decoration:none; font: normal 18px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; display:inline-block; padding:10px 15px 0 25px; margin:0; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(255,255,255,.35); text-align:center} li.mega a.mega-tab:hover {color:#b5123d; text-decoration:none; font: normal 18px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; display:inline-block; padding:10px 15px 0 25px; margin:0; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(255,255,255,.35); text-align:center} li.mega a.mega-tab .malaslovamenu {font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif !important; line-height:10px !important; padding:0 0 10px 0; margin:0; text-align:center} /* Menu item with dropdown arrow */ li.mega a.mega-sub{background:url(http://sportski-podovi.com/slike/down2.png) no-repeat right center; padding-right:26px !important} li.mega.mega-sub:hover{z-index:10000;} /* Content container */ .mega-content{width:200px; display:none; padding:0; position:absolute; top:95%; left:-1px; border:1px solid #960128; text-align:left; color:#fff; font-size:11px; z-index:6; display:none; background:#b5123d} li:hover .mega-content{display:block} .mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em} .mega-content ul{list-style-type:disc; margin-left:18px} .mega-content p{margin-bottom:1em} /* Drop Menu Styling */ .mega-menu{padding:7px 7px 3px !important; z-index:10000 !important} .mega-menu ul{list-style-type:none; margin:0} .mega-menu li a{color:#fff; display:block; padding:5px 10px; text-decoration:none; font-weight:normal; text-shadow:none} .mega-menu li:last-child a{margin-bottom:4px} *+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em} .mega-menu li a.mega-sub{background-color:transparent; color:#fff; background-image:url(http://sportski-podovi.com/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%} .mega-menu li a:hover{background-color:#970229} .mega-menu li{position:relative} .mega-menu li:hover >ul{display:block !important} .mega-menu li >ul{background:#b5123d; border:1px solid #960128; width:200px; padding:7px 7px 3px; z-index:1000; position:absolute; left:100%; top:0; display:none} /* Grid Layout Styling */ .mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top,#FFF,#EAEAEA); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px;} .mega-grid-1{width:110px !important} .mega-grid-2{width:210px !important} .mega-grid-3{width:310px !important} .mega-grid-4{width:410px !important} .mega-grid-5{width:510px !important} .mega-grid-6{width:610px !important} .mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left} .mega-col-1{width:80px} .mega-col-2{width:180px} .mega-col-3{width:280px} .mega-col-4{width:380px} .mega-col-5{width:480px} .mega-col-6{width:580px} /* Utility classes */ .mega-open-right .mega-content{left:auto; right:0} /* Clearfix 'hack' for mega-container */ .mega-container:after, .mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0} .mega-container, .mega-grid{display:inline-block} html[xmlns] .mega-container, html[xmlns] .mega-grid{display:block} * html .mega-container, * html .mega-grid{height:1%} .mega-menu li:hover, .mega-menu li a.mega-sub:hover{background-color:#970229;} .mega-menu li:hover, .mega-menu a.mega-sub:hover{background-color:#970229;} /*ROTATOR*/ .slider {float:left; width:450px; height:675px; margin:0; padding:0;} .slider-movie-example {width:450px;height:65px;background: url(http://sportski-podovi.com/slike/jquery-slider-background.png) top left no-repeat;color:#FFFFFF;padding:0;margin:0;position:absolute;top:0px;left:0px;font-size:11px;line-height:18px} .slider-movie-example h4 {font: normal 22px/65px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#fff; font-style:italic; padding:0 0 0 25px} .jquery-slider-wrapper {position:relative;clear:both;zoom:1} .jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%} .jquery-slider-slide img {border:0;margin:0;padding:0} .jquery-slider-slide-current {display:block;z-index:2} .jquery-slider-slide-next {display:block;z-index:1} .jquery-slider-selectors {display:inline;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF} .jquery-slider-selector {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat 0px -59px;display:inline;float:left;width:10px;height:10px;margin:0 0 0 3px} .jquery-slider-selector-current {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat -10px -59px} .jquery-slider-selector span {display:none} .jquery-slider-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4} .jquery-slider-control span {display:none} .jquery-slider-control-play {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat 0px -42px} .jquery-slider-control-pause {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat -10px -42px} .jquery-slider-navigation {display:block} .jquery-slider-navigation-prev {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4} .jquery-slider-navigation-prev span {display:none} .jquery-slider-navigation-next {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4} .jquery-slider-navigation-next span {display:none} .jquery-slider-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF} .jquery-slider-timer {color:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px} .jquery-slider-timer-rotator {background:url(http://sportski-podovi.com/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3} .jquery-slider-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2} .jquery-slider-timer-rotator-move {left:0} .jquery-slider-timer-mask-move {width:26px;left:0;background:url(http://sportski-podovi.com/slike/jquery-slider-rotator-right.png) no-repeat 0 0} /*ROTATOR FOOTER*/ .sliderfoot {float:left; width:264px; height:130px; margin:0; padding:0;} .sliderfoot-movie-example {width:264px;height:35px;background: url(http://sportski-podovi.com/slike/jquery-slider-background.png) top left no-repeat;color:#FFFFFF;padding:0;margin:0;position:absolute;top:0px;left:0px;font-size:11px;line-height:1em} .sliderfoot-movie-example h4 {font: normal 16px/35px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#fff; padding:0 0 0 10px} .jquery-sliderfoot-wrapper {position:relative;clear:both;zoom:1} .jquery-sliderfoot-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%} .jquery-sliderfoot-slide img {border:0;margin:0;padding:0} .jquery-sliderfoot-slide-current {display:block;z-index:2} .jquery-sliderfoot-slide-next {display:block;z-index:1} .jquery-sliderfoot-selectors {display:inline;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF} .jquery-sliderfoot-selector {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat 0px -59px;display:inline;float:left;width:10px;height:10px;margin:0 0 0 3px} .jquery-sliderfoot-selector-current {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat -10px -59px} .jquery-sliderfoot-selector span {display:none} .jquery-sliderfoot-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4} .jquery-sliderfoot-control span {display:none} .jquery-sliderfoot-control-play {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat 0px -42px} .jquery-sliderfoot-control-pause {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat -10px -42px} .jquery-sliderfoot-navigation {display:block} .jquery-sliderfoot-navigation-prev {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4} .jquery-sliderfoot-navigation-prev span {display:none} .jquery-sliderfoot-navigation-next {background:url(http://sportski-podovi.com/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4} .jquery-sliderfoot-navigation-next span {display:none} .jquery-sliderfoot-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF} .jquery-sliderfoot-timer {color:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px} .jquery-sliderfoot-timer-rotator {background:url(http://sportski-podovi.com/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3} .jquery-sliderfoot-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2} .jquery-sliderfoot-timer-rotator-move {left:0} .jquery-sliderfoot-timer-mask-move {width:26px;left:0;background:url(http://sportski-podovi.com/slike/jquery-slider-rotator-right.png) no-repeat 0 0} .screen-reader {display:block !important; left:-9999px !important; position:absolute !important; top:-9999px !important;} /* root element for scrollable */ .vertical {position:relative; overflow:hidden; height:424px; width:265px; border:0} /* root element for scrollable items */ .items {position:absolute; height:20000em; margin:0;} /* single scrollable item */ .item {border:0; padding:0; margin:0 0 17px 0; font-size:11px; height:130px;} /* elements inside single item */ .item img {float:left; margin:0; padding:0; height:102px; width:265px} .item h2 {float:left; margin:0; padding:0; width:265px; height:28px; overflow:hidden; font: normal 14px/28px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#000; text-align:center; background:url(http://sportski-podovi.com/slike/podloga-naslov-scroller.png) top left no-repeat;} /* the action buttons above the scrollable */ #actions {width:40px;position:absolute;top:-20px;right:5px} #actions a {font-size:11px;cursor:pointer;color:#666;} #actions a:hover {text-decoration:underline;color:#000;} .disabled {visibility:hidden;} .next {float:right; width:18px; height:18px} .prev {float:left; width:18px; height:18px} /* default styling http://www.cssplay.co.uk/menus/ul-flyout.html */ .nav, .nav ul{list-style-type:none; margin:0; padding:0;} .nav a {text-decoration:none;} .nav {font-family: tahoma, arial, sans-serif; font-size:11px; margin:0;} /* style the links */ /* needs a background for IE6 - can be a color or a transparent gif */ .nav a {background:url(http://sportski-podovi.com/slike/trans.gif); filter: alpha(opacity=100); opacity:1;} /* style the element so that is does not affect the size of the link */ .nav a b {background:#b5123d; border:1px solid #000; border-color:#ce3a61 #920027 #920027 #ce3a61; color:#fff; font-weight:normal; display:block; padding:5px 10px;} .nav a:hover b {background-color:#920027; color:#fff; cursor:pointer;} .nav .fly .main b {background:#b5123d url(http://sportski-podovi.com/slike/arrow.gif) no-repeat 185px 9px;} .nav .down b {background:#b5123d url(http://sportski-podovi.com/slike/arrow.gif) no-repeat 185px 9px;} /* HEIGHT */ .nav ul {top:-24px;} /* position the top of the flyout sub menus */ /* WIDTH change this WITH CARE to suit your requirements */ /*set the link width here*/ .nav .drop, .nav a {width:200px;} .nav ul li {max-width:200px;} /* fix for IE8 */ /* set the left flyout position here */ .nav ul {left:190px;} /* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */ .nav a {margin-right:-199px;} /* ---------------------------------------------------------------------------- */ /* DO NOT CHANGE ANYTHING BELOW */ .nav li {float:left; clear:left;} /* fixes several IE related bugs, and allows for clearing */ .nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the