/* CSS Document */ *{ border: 0; margin: 0; padding: 0; } body{ color: #666666; background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 15px; float:left; margin-left:10px; background-image:url(images/pozadina.jpg); background-repeat:repeat-x; } a img, fieldset { border: 0; } body { padding-bottom: 20px; } table, tr, th, td { border-collapse: collapse; font-size: 1em; } legend { display: none; } ul { list-style: none; } a{color:#9B0601; text-decoration:none; } a:hover{color:#9B0601; text-decoration:none; } #wrapper { width: 948px; margin-top: 12px; text-align: left; border:1px solid #ccc; background-color:#FFFFFF; overflow:hidden;float: none !important; } #zaglavlje {background-image:url(http://regionalexpress.hr/images/koza.gif); background-repeat:no-repeat; height:120px; display:none;} #veliki_banner {width:728px; height:90px; float:right; margin-top:15px; margin-right:15px;display:none;} #divLijevo { float: left; width: 193px; margin: 2px; margin-top: 14px;} #bannercentralni {background: url(http://regionalexpress.hr/images/banner_centralni.jpg) no-repeat; height:91px; border-bottom:1px dotted #000;display:none;} .divSredina .posted {border-top: 1px dotted #990000; padding-top:5px;} .divSredina .posted2 {padding-top:5px;} #divDesno { float: left; width: 193px; margin: 5px; padding-top: 14px;display:none;} #divFooter { background: url(../images/podnozje/pozadina.jpg) repeat-x; text-align: center; height: 110px;display:none; } #izbornik {width: 193px; padding: 0; margin: 0; font: 11px Arial, Helvetica, sans-serif;color: #fff; font-weight:bold;display:none;} #izbornik ul {list-style: none; margin: 0; padding: 0; border: none;} #izbornik li {border-bottom: 1px solid #fff; margin: 0;} #izbornik li a {display: block;padding: 6px 5px 6px 7px; font: 11px Arial, Helvetica, sans-serif; border-left: 7px solid #930100;background: #000;color: #fff;text-decoration: none;} #izbornik li a.activeLink {display: block;padding: 6px 5px 6px 7px; font: 11px Arial, Helvetica, sans-serif; border-left: 7px solid #930100;background: #930100;color: #fff;text-decoration: none;font-weight: bold;} html>body #izbornik li a {width: auto;} #izbornik li a:hover {border-left: 7px solid #999; background: #000;color: #fff;} #podizbornik li {margin: 0; background-color: #000;} #podizbornik li a {display: block;padding: 6px 5px 6px 30px; font: 11px Arial, Helvetica, sans-serif; border-left: 7px solid #930100;background: #000 url(images/kvadrat.gif) no-repeat left;color: #fff;text-decoration: none;} #podizbornik li a.activeLink {display: block;padding: 6px 5px 6px 30px; font: 11px Arial, Helvetica, sans-serif; border-left: 7px solid #930100;background: #930100 url(images/kvadrat.gif) no-repeat left;color: #fff;text-decoration: none;font-weight: bold;} html>body #podizbornik li a {width: auto;} #podizbornik li a:hover {border-left: 7px solid #999; background: #000 url(images/kvadrat.gif) no-repeat left;color: #fff;} #linkovi { font-size: 11px; margin-top:5px; background:#999999; list-style-type: none; } #linkovi ul {list-style: none; margin: 0; padding: 5px; border: none;} #linkovi li {margin: 0;} #linkovi li a {display: block;padding: 3px 5px 3px 17px; font: 11px Arial, Helvetica, sans-serif; color: #000;text-decoration: none;} #linkovi li a:hover {color: #fff;} #komentari { font-size: 11px; margin-top:5px; background:#999999; list-style-type: none; display:none;} #komentari ul {list-style: none; margin: 0; padding: 3px; border: none;} #komentari li {margin: 0;padding: 0px; margin-top:10px; } #komentari li a {padding: 0px; font: 11px Arial, Helvetica, sans-serif; color: #000;text-decoration: none;width: 100%;} #komentari li a:hover {color: #000;} .divSredina .prva {font-size:1.1em;border:1px solid #ddd; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top; padding:10px; text-align:left;} .divSredina .prva img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;} .divSredina .prva h3 {width: 404px; float:left; display:block; margin:0 0 10px 0; padding:0px; font-size:22px; font-weight:bold; letter-spacing:-1px} .divSredina .prva h3 a {display:block; color:#9B0601; text-decoration:none; margin:0 0 10px 0; padding:0px} .divSredina .prva h3 a:hover {color:#EB0701} .divSredina .prva a {text-decoration: none; color: #930100; font-weight:bold;} .divSredina .prva a:active {text-decoration: none; color: #930100;} .divSredina .prva a:hover {text-decoration: none; color: #930100;} .divSredina .prva .p img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;text-align:left;} .divSredina .prva3 {font-size:1.1em;border:1px solid #ddd; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top; padding:10px; text-align:left;} .divSredina .prva2 {font-size:1.1em;border:1px solid #ddd; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top; padding:10px; text-align:left;} .divSredina .prva2 img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;} .divSredina .prva2 h3 {width: 404px; float:left; display:block; margin:0 0 10px 0; padding:0px; font-size:22px; font-weight:bold; letter-spacing:-1px} .divSredina .prva2 h3 a {display:block; color:#9B0601; text-decoration:none; margin:0 0 10px 0; padding:0px} .divSredina .prva2 h3 a:hover {color:#EB0701} .divSredina .prva2 a {text-decoration: none; color: #930100; font-weight:bold;} .divSredina .prva2 a:active {text-decoration: none; color: #930100;} .divSredina .prva2 a:hover {text-decoration: none; color: #930100;} .divSredina .prva2 .p img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;text-align:left;} .divSredina .druga {font-size:1.1em; border:1px solid #ddd; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top; padding:10px; text-align:left; margin-bottom: 10px;} .divSredina .druga img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;} .divSredina .druga h3 {width: 404px; float:left; display:block; margin:0 0 10px 0; padding:0px; font-size:22px; font-weight:bold; letter-spacing:-1px} .divSredina .druga h3 a {display:block; color:#9B0601; text-decoration:none; margin:0 0 10px 0; padding:0px} .divSredina .druga h3 a:hover {color:#EB0701} .divSredina .druga a {text-decoration: none; color: #930100; font-weight:bold;} .divSredina .druga a:active {text-decoration: none; color: #930100;} .divSredina .druga a:hover {text-decoration: none; color: #930100;} .divSredina .druga .p img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;text-align:left;} .divSredina .treca {font-size:1.1em;border:1px solid #ddd; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top; padding:10px; text-align:left; margin-bottom: 10px;} .divSredina .treca img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;} .divSredina .treca h3 {width: 404px; float:left; display:block; margin:0 0 10px 0; padding:0px; font-size:22px; font-weight:bold; letter-spacing:-1px} .divSredina .treca h3 a {width: 404px;display:block; color:#9B0601; text-decoration:none; margin:0 0 10px 0; padding:0px} .divSredina .treca h3 a:hover {color:#EB0701} .divSredina .treca a {text-decoration: none; color: #930100; font-weight:bold;} .divSredina .treca a:active {text-decoration: none; color: #930100;} .divSredina .treca a:hover {text-decoration: none; color: #930100;} .divSredina .treca .p img {float:left; border:1px solid #909090; padding:2px; margin-right:10px; background-color:#fff;text-align:left;} .vijestihorspacer {clear:both;height:12px;width:100%;background-image:url(images/newshorspacer.gif);overflow:hidden} .divSredina .ostalevijesti {font-size:1.1em; border:1px solid #ddd; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top;} .divSredina .rubrikateme {width:202px; float:right} .divSredina .ostalevijesti .news {margin-bottom: 5px; border-bottom: 1px dotted #990000; padding-top:5px;} html>body #divSredina .ostalevijesti .news {height:auto !important; min-height:80px} .divSredina .ostalevijesti .news h3 {margin:0 0px 5px 0; padding:0px; letter-spacing:-1px; font-size:1.3em; line-height:1.1em; float:left; width: 404px;} .divSredina .ostalevijesti .news h3 a {display:block; text-decoration:none; color:#9B0601} .divSredina .ostalevijesti .news h3 a:hover {color:#FF0000} .divSredina .ostalevijesti .news img {float: left; border: 1px solid #9E9E9E; padding: 1px; margin: 0px 10px 5px 0;} .divSredina .ostalevijesti .news {padding:15px 5px 15px 10px; text-align:left;} .divSredina .ostalevijesti a {text-decoration: none; color: #930100; font-weight:bold;} .divSredina .ostalevijesti a:active {text-decoration: none; color: #930100;} .divSredina .ostalevijesti a:hover {text-decoration: none; color: #930100;} .divSredina .malevijesti .news {font-size:11px; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top;} .divSredina .malevijesti .news h3 {margin:0 0px 5px 0; padding:0px; letter-spacing:-1px; font-size:1.3em; line-height:1.1em; float:left; width: 404px;} .divSredina .malevijesti .news h3 a {display:block; text-decoration:none; color:#9B0601} .divSredina .malevijesti .news h3 a:hover {color:#FF0000} .divSredina .malevijesti .news h4 {margin-bottom: 5px; font-size:11px;} .divSredina .malevijesti .news img {float: left; border: 1px solid #9E9E9E; padding: 1px; margin: 10px 10px 5px 0;} .divSredina .malevijesti .news {padding:15px 5px 15px 10px; text-align:left;} .divSredina .malevijesti a {text-decoration: none; color: #930100; font-weight:bold;} .divSredina .malevijesti a:active {text-decoration: none; color: #930100;} .divSredina .malevijesti a:hover {text-decoration: none; color: #930100;} .divSredina .malevijesti2 .news {font-size:11px; background-color:#fff; background-image:url(http://regionalexpress.hr/images/homepagetop.gif); background-repeat:no-repeat; background-position:top;} .divSredina .malevijesti2 .news h3 {margin:0 0px 5px 0; padding:0px; letter-spacing:-1px; font-size:1.3em; line-height:1.1em; float:left; width: 404px;} .divSredina .malevijesti2 .news h3 a {display:block; text-decoration:none; color:#9B0601} .divSredina .malevijesti2 .news h3 a:hover {color:#FF0000} .divSredina .malevijesti2 .news h4 {margin-bottom: 5px; font-size:11px;} .divSredina .malevijesti2 .news img {float: left; border: 1px solid #9E9E9E; padding: 1px; margin: 10px 10px 5px 0;} .divSredina .malevijesti2 .news {padding:15px 5px 15px 10px; text-align:left;} .divSredina .malevijesti2 a {text-decoration: none; color: #930100; font-weight:bold;} .divSredina .malevijesti2 a:active {text-decoration: none; color: #930100;} .divSredina .malevijesti2 a:hover {text-decoration: none; color: #930100;} #crnakronika {float:left; width: 249px; height: 220px; border:1px solid #930100; margin: 3px;} #crnakronika ul {list-style: none; margin: 0; padding: 1px; border: none;} #crnakronika li {margin: 0;padding: 3px; } #crnakronika li a {padding: 3px; font: 11px Arial, Helvetica, sans-serif; color: #000;text-decoration: none;width: 100%;} #crnakronika li a:hover {color: #000;text-decoration: underline;} #komentar {float:left; width: 249px; height: 220px; border:1px solid #930100; margin: 3px;} #komentar ul {list-style: none; margin: 0; padding: 1px; border: none;} #komentar li {margin: 0;padding: 3px; } #komentar li a {padding: 3px; font: 11px Arial, Helvetica, sans-serif; color: #000;text-decoration: none;width: 100%;} #komentar li a:hover {color: #000;text-decoration: underline;} #ekologija {float:left; width: 249px; height: 220px; border:1px solid #930100; margin: 3px;} #ekologija ul {list-style: none; margin: 0; padding: 1px; border: none;} #ekologija li {margin: 0;padding: 3px; } #ekologija li a {padding: 3px; font: 11px Arial, Helvetica, sans-serif; color: #000;text-decoration: none;width: 100%;} #ekologija li a:hover {color: #000;text-decoration: underline;} #politika {float:left; width: 249px; height: 220px; border:1px solid #930100; margin: 3px;} #politika ul {list-style: none; margin: 0; padding: 1px; border: none;} #politika li {margin: 0;padding: 3px; } #politika li a {padding: 3px; font: 11px Arial, Helvetica, sans-serif; color: #000;text-decoration: none;width: 100%;} #politika li a:hover {color: #000;text-decoration: underline;} .entry { margin-top: 10px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; background: #F9F8F2; color: #333; } .divSredina .entry textarea {border:1px solid #ddd;} .divSredina .entry input {border:1px solid #ddd;} .paginate { font-family: Arial, Sans-serif; font-size: 11px; font-weight: normal; padding: 10px 6px 10px 4px; margin: 0; background-color: transparent; text-align: center; } #footer {width: 940px; height: 20px; background-color:#9B0601; margin: 4px; text-align: center; font-size: 11px; color: #fff; padding-top:5px;} #footer a{color:#fff;} #footer a:hover{color:#fff;} #footer a:active{color:#fff;} #footer a:link{color:#fff;} #news{font: 11px Arial, Helvetica, sans-serif;color: #fff; background:#930100; list-style-type: none; width:193px;} #news a{color:#fff;} #news ul{margin:0 .5em 0 1em; padding:5px;} #news li{line-height:1.5em;} /* the news box when JavaScript is available */ #news.hasJS{height:120px;overflow:hidden;position:relative;} /* The nested UL when JavaScript is available */ #news.hasJS ul{ position:absolute; top:120px; left:10;margin:0 .5em 0 .5em;padding:0;} #news2{font: 11px Arial, Helvetica, sans-serif;color: #fff; background:#930100; list-style-type: none; width:193px; margin-top:5px;} #news2 a{color:#fff;} #news2 ul{margin:0 .5em 0 1em; padding:5px;} #news2 li{line-height:1.5em;} #news3{font: 11px Arial, Helvetica, sans-serif;color: #fff; background:#930100; list-style-type: none; width:193px; margin-top:5px;} #news3 a{color:#fff;} #news3 ul{margin:0 .5em 0 1em; padding:5px;} #news3 li{line-height:1.5em;} .pollWrapper{padding: 0px;} .pollQuestion{font-weight:bold; padding-left: 5px;} .pollAnswerBlock{padding-left: 5px;padding-top:10px;padding-bottom:10px;} .pollTotalVotes{padding-left: 5px; padding-bottom: 5px; border-bottom: 1px dotted #fff;} .pollRadio label{padding:5px;} #nav{ height: 30px; padding: 2px 0px !important; background-color: #FFFFFF; margin:0px 15px 0px !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width: 930px !important; } #nav-left { float:left; display:inline; width:600px; } #nav-right { float:right; display:inline; width:330px; margin:0px !important; padding:0px !important; } #nav ul { position: relative; height: 30px; overflow: hidden; } #nav ul li { float: left; list-style: none; font-weight:bold; font-size:14px; } #nav .current_page_item { height:30px; } #nav .current_page_item a { color: #FFFFFF; } #nav ul li.back { width: 9px; height: 30px; z-index: 8; position: absolute; } #nav ul li a { text-decoration: none; outline: none; text-align: center; top: 6px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 26px; position: relative; overflow: hidden; margin: auto 15px !important; margin: auto 7px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; } #nav ul li a:hover, #nav ul li a:active, #nav ul li a:visited { border: none; } #nav .current_page_item { background-color: #930601; color: #FFFFFF; } #nav ul li.back { background-color: #930601; color: #FFFFFF; } #nav ul li a { color: #930601; } /*- Search -*/ #search{ float: right; height: 27px; width:310px; margin: 3px 0px 0px !important; padding:0px !important; } * html #search{ margin-right: 8px; } #search input{ background: #ffffff; border: 1px solid #dddddd; color: #000000; float: left; font-size: 11px; width:223px; margin:1px 0px 0px; padding: 3px 4px 4px; } #search .btn{ padding: 0; height:22px; width: auto; margin:1px 0px 0px 5px !important; border:none; width:69px; } /*- Header -*/ #header{ height: 100px; background-color: #ffffff; margin: 0 15px; padding: 0px; } /*- Logo -*/ #header h1{ float: left; display:inline; line-height: 100px; font-size: 24px; } #header h1 a{ display: block; height: 93px; width: 389px; color: #000000; font-size: 28px; } /*- Top Banner -*/ #topbanner { float: right; width: 468px; padding:20px 0px 0px; } #topbanner img{ float: right; } #nav2, #nav2 ul{ padding: 0; float:left; list-style: none; } #nav2 { padding: 0; font-size:13px; float:left; width:930px; border-top: 1px solid #DDDDDD; } #nav2 a { display: block; padding-left:15px; padding-right:15px; border-right: 1px solid #DDDDDD; } #nav2 li { float: left; line-height:30px; } #nav2 li a:hover { background: none; } #nav2 li ul { position: absolute; width: 15em; left: -999em; padding-top:1px; } #nav2 li:hover ul, #nav2 li.sfhover ul { left: auto; z-index:1000; } #nav2 li ul li { background: #FFFFFF; border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:28px; width:15em; } #nav2 li:hover, #nav2 li.hover { position: static; } #nav2 li ul ul { margin: -29px 0 0 15em; } #nav2 li:hover ul ul, #nav2 li.sfhover ul ul { left: -999em; } #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul { left: auto; } #nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul { left: -999em; } #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { left: auto; } #nav2 { background-color: #ffffff; border-bottom:3px solid #930601; font-size:11px; } #nav2 li a:hover { background:#930601; color:#fff; } #nav2 { margin:0 0 15px 15px !important; margin:0 0 7px 7px; } #columns{ padding:15px 3px 25px 3px; background-color: #FFFFFF; margin: 0px; } .divSredina{ float: left; width: 595px; padding-right:15px; } .col2{ float: left; width: 320px; } .subcol{ width: 150px; float:left; margin-right:5px; } .subcol h2{ font-size: 14px; padding: 0 0 10px; color: #FFFFFF; background: url(http://regionalexpress.hr/images/pozadina_box.jpg) no-repeat; text-transform:uppercase; } .widget { margin-bottom:15px; font-size:11px; font-weight:normal; } .widget h2 { padding: 5px; font-size:11px; font-weight:bold; padding-left:10px; } .widget ul { margin:0 0 10px 0; padding:5px 0; border:none !important; } .widget ul li { background-image: url(http://regionalexpress.hr/images/arrow.gif); background-repeat: no-repeat; background-position: top left; border-bottom: 1px solid #eee; padding:2px 0 2px 18px; margin:0px; } .widget ul li a { color: #000000; } .widget select { border:1px solid #eee; width:148px; margin:15px 0 0 0; } .sideTabs { width:308px !important; height:auto !important; min-height:258px; padding:5px; border:1px solid #ddd; background-color:#eeeeee; float:left; display: block; } .col2 .mootabs_title{ font-size: 11px; width: 100%; float:left; } .col2 .mootabs_title li{ float: left; display:inline; font-size: 11px; line-height: 34px; background: #ffffff; color: #930601; border:1px solid #ddd; font-weight: normal; font-size: 11px; margin:0px 2px 0px 0px !important; padding:0px 5px !important; cursor: pointer; } .col2 .mootabs_title li:hover, .col2 .mootabs_title li.active{ border: 1px solid #ddd; text-decoration: none; } .col2 .mootabs_panel { display: none; clear: both; float:left; height:auto !important; } .col2 .mootabs_panel.active { display: block; float:left; } .col2 .mootabs_panel ul{ width: 296px !important; padding:5px !important; border:1px solid #ddd !important; margin:5px 0px 0px !important; background-color: #FFFFFF; min-height:203px; } .list1 li,.list2 li, .list3 li{ padding: 3px 0 3px 0px; border-bottom: 1px solid #eee; font-size:11px; } .list1 li a,.list3 li a,.list4 li a, .list5 li a{ color: #666666; font-size: 12px; } .list2a {width:200px; float:left;} .list2b {width:200px; float:left;} .list3 li { background: url(images/ico-mostcomm.gif) no-repeat left center !important; } .list5 li{ border-bottom: 1px solid #eee; padding:6px 0px; } #tagcloud { float:left; width:306px; padding-top:10px; } .col2 .mootabs_title li:hover, .col2 .mootabs_title li.active{ color: #FFFFFF; background-color: #930601; } .fix{ clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden; } .flickr h2{ background-color: #930601; color: #FFFFFF; font-size:11px; background: url(http://regionalexpress.hr/images/pozadina_box2.jpg) no-repeat; text-transform:uppercase; } .flickr{ border: 1px solid #ddd; background-color: #eee; width:318px; margin:0px 0px 15px; font-size:11px; } .flickr h2{ font-size:11px; padding: 5px; margin-bottom:10px; padding-left: 10px; } .flickr h2 img{ float: right; margin: 0 2px; } .flickr p { display:inline; padding-left:10px; } .flickr-ar { font-size: 12px; font-weight: normal; margin: 0px; color: #ffffff; } .flickr-ar a { color: #ffffff; } .flickr .flickr_badge_image img { margin:0px 0px 10px 5px; border: 1px solid #ddd; padding:5px; background-color:#ffffff; float:left; } .flickr2{ border: 1px solid #ddd; background-color: #eee; width:185px; margin:0px 0px 15px; font-size:11px; } .flickr2 h2{ font-size:11px; padding: 5px; margin-bottom:10px; } .flickr2 h2{ background-color: #930601; color: #FFFFFF; font-size:11px; font-weight:normal; } .flickr2 img {padding-left:10px; padding-bottom:10px;} .vrijeme h2{ background-color: #930601; color: #FFFFFF; font-size:11px; background: url(http://regionalexpress.hr/images/pozadina_box2.jpg) no-repeat; text-transform:uppercase; } .vrijeme { border: 1px solid #ddd; background-color: #eee; width:318px; margin:0px 0px 15px; font-size:11px; } .vrijeme h2{ font-size:11px; padding: 5px; margin-bottom:10px; padding-left: 10px; } .vrijeme h2 img{ float: right; margin: 0 2px; } .vrijeme p { padding-left:10px; } .tv h2{ background-color: #930601; color: #FFFFFF; font-size:11px; background: url(http://regionalexpress.hr/images/pozadina_box2.jpg) no-repeat; text-transform:uppercase; } .tv { border: 1px solid #ddd; background-color: #eee; width:318px; margin:10px 0px 15px 0px; font-size:11px; } .tv h2{ font-size:11px; padding: 5px; margin-bottom:10px; padding-left: 10px; } .tv h2 img{ float: right; margin: 0 2px; } .tv p { padding-left:10px; } #myGallery { text-align: left; margin: 0 auto; } #myGallery, #myGallerySet, #flickrGallery { width: 570px; height: 245px; z-index:5; border: 1px solid #000; } #flickrGallery { width: 500px; height: 334px; } #myGallery img.thumbnail, #myGallerySet img.thumbnail { display: none; } .jdGallery { overflow: hidden; position: relative; } .jdGallery img { border: 0; margin: 0; } .jdGallery .slideElement { width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('img/loading-bar-black.gif'); } .jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('img/loading-bar-black.gif'); } .jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #333; color: #fff; text-indent: 0; overflow: hidden; } * html .jdGallery .slideInfoZone { bottom: -1px; } .jdGallery .slideInfoZone h2 { padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit; } .jdGallery .slideInfoZone p { padding: 0; font-size: 60%; margin: 2px 5px; color: #eee; } .jdGallery div.carouselContainer { position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; } .jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden; } .jdExtCarousel { overflow: hidden; position: relative; } .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden; } .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; } .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff; } .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; } .jdGallery .carousel .label, .jdExtCarousel .label { font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; } .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer; } .jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; } .jdGallery a { font-size: 100%; text-decoration: none; color: inherit; } .jdGallery a.right, .jdGallery a.left { position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } * html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=50); } .jdGallery a.right:hover, .jdGallery a.left:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .jdGallery a.left { left: 0; top: 0; background: url('http://www.regionalexpress.hr/css/img/fleche1.png') no-repeat center left; } * html .jdGallery a.left { background: url('http://www.regionalexpress.hr/css/img/fleche1.gif') no-repeat center left; } .jdGallery a.right { right: 0; top: 0; background: url('http://www.regionalexpress.hr/css/img/fleche2.png') no-repeat center right; } * html .jdGallery a.right { background: url('http://www.regionalexpress.hr/css/img/fleche2.gif') no-repeat center right; } .jdGallery a.open { left: 0; top: 0; width: 100%; height: 100%; } .withArrows a.open { position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .withArrows a.open:hover { background: url('img/open.png') no-repeat center center; } * html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center; filter:alpha(opacity=80); } /* Gallery Sets */ .jdGallery a.gallerySelectorBtn { z-index: 15; position: absolute; top: 0; left: 30px; height: 20px; /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4; filter:alpha(opacity=40); } .jdGallery .gallerySelector { z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .jdGallery .gallerySelector h2 { margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff; } .jdGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton { margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left; } .jdGallery .gallerySelector .gallerySelectorInner div.hover { background: #333; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview { background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa; } .content h3 { font-size: 24px; display: inline; }