/* Project: MC Portal Start: 18.08.2010. Code by: dizajnuhtml.com */ #prognoza_dole{ margin-top:30px; text-align:center; font-size:13px; } #prognoza_dole img{ float:none; margin:0; } /* global css */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, acronym, address, em, font, img, strong, b, u, i, ol, ul, li, fieldset, form, label, select, option, input, textarea { margin:0; padding:0; border:0; outline:none; } body { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; background:url("../images/basic/bg.gif") top repeat-x #ebebeb; } ul, li { list-style: none; } h1, h2, h3, h4, h5, b { font-weight:normal; } ol, ul { list-style:none; } a, a:active, a:link { font-size:11px; color:#a0d6ff; text-decoration:none; } a:hover { color:#a0d6ff; } #wrapper { width:1008px; margin-left:auto; margin-right:auto; } /* header */ #nav_top { width:1008px; height:38px; float:left; clear:both; margin:0 0 4px 0; } #nav_top ul { width:718px; float:left; clear:none; padding:11px 0 0 0; } #nav_top ul li { float:left; clear:none; padding:0 3px 0 3px; font-size:10px; color:#fff; text-transform:uppercase; } #nav_top ul li a { font-size:10px; color:#fff; text-decoration:none; } #nav_top ul li a:hover { font-size:10px; color:#fff; text-decoration:underline; } #nav_top span { width:147px; height:23px; float:left; clear:none; padding:11px 0 0 0; background:url("../images/basic/header/timebg.png") no-repeat; text-align:center; font-size:10px; color:#fff; } #nav_top img { float:left; clear:none; padding:10px 3px 0 14px; } #nav_top img:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #header { width:1008px; height:99px; float:left; clear:both; background:url("../images/basic/header/headerTop.png") no-repeat #007ddd; } #header h1 { width:225px; height:60px; float:left; clear:none; padding:19px 0 0 17px; } #header h1:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #header .bannerBig { width:728px; height:90px; float:left; clear:none; padding:5px 0 0 30px; text-align:right; } #nav { width:1005px; height:52px; padding:0 0 0 3px; float:left; clear:both; background:url("../images/basic/header/nav_bg.gif") no-repeat #004c9f; } #nav li { float:left; height:27px; clear:none; padding:0 3px 0 0; display:block; } #nav li:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #nav li:active { opacity:.99; -moz-opacity:.99; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; } #botomNav { width:1008px; height:97px; float:left; clear:both; background:url("../images/basic/botomnavbg.png") no-repeat; } #botomNav span { width:225px; height:60px; float:left; clear:none; padding:0px 0 0 17px; font-size:16px; color:#fff; } #botomNav .bannerBigB { width:728px; height:90px; float:left; clear:none; padding:4px 0 0 30px;text-align:right; } /* content basic */ #content { width:1005px; float:left; clear:both; padding:22px 0 50px 3px; } #contentBasic { width:880px; float:left; clear:none; } .topRubrika { width:512px; float:left; clear:none; padding:0 16px 15px 0; } .topRubrika .topRubrikaTitle { width:500px; height:23px; float:left; clear:both; border:1px solid #004a98; padding:0 0 0 10px; background:url("../images/content/titleBg.gif") repeat-x; } .topRubrika .topRubrikaTitle h2 { width:352px; float:left; clear:none; font-size:18px; font-weight:bold; color:#00256b; repeat-x; text-shadow:0px 1px 0px rgb(255,255,255); } .topRubrika .topRubrikaTitle h2 a { font-size:18px; font-weight:bold; color:#00256b; text-decoration:none; text-shadow:0px 1px 0px rgb(255,255,255); } .topRubrika .topRubrikaTitle h2 a:hover { text-decoration:underline; } .topRubrika .topRubrikaTitle img { width:148px; float:left; clear:none; } .topRubrika .topRubrikaTitle img:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .topRubrikaMiddle { width:512px; height:324px; float:left; clear:both; border-top:1px solid #b8b8b8; background:#004a98; } .topRubrikaMiddle .topRubrikaMiddlePic { width:357px; height:324px; float:left; clear:none; } .topRubrikaMiddle .topRubrikaMiddlePic a { width:357px; height:324px; display:block; cursor:pointer; } .topRubrikaMiddle .topRubrikaMiddlePic a:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .topRubrikaMiddle .topRubrikaMiddlePic h5 { width:300px; clear:both; float:left; font-size:21px; color:#fff; padding:250px 0 0 10px; } .topRubrikaMiddle .topRubrikaMiddlePic p { width:300px; clear:both; float:left; font-size:14px; color:#fff; padding:0 0 0 12px; line-height:20px; } .topRubrikaMiddle ul { width:154px; float:left; clear:none; } .topRubrikaMiddle ul li { width:134px; height:34px; padding:10px; float:left; clear:both; background:url("../images/content/newsBg.gif") no-repeat; font-size:11px; color:#fff; line-height:14px; } .topRubrikaMiddle ul li a { font-size:12px; color:#fff; line-height:14px; text-decoration:none; font-weight:bold; } .topRubrikaMiddle ul li a:hover { text-decoration:underline; } .topRubrika h3 { width:502px; height:20px; float:left; clear:both; padding:3px 0 0 10px; background:url("../images/content/title2bg.gif") no-repeat; font-size:12px; font-weight:bold; color:#00256b; repeat-x; text-shadow:0px 1px 0px rgb(255,255,255); } .topRubrika h3 a { font-size:12px; font-weight:bold; color:#00256b; text-shadow:0px 1px 0px rgb(255,255,255); text-decoration:none; } .topRubrika h3 a:hover { text-decoration:underline; } .topRubrikaBottom { width:512px; height:126px; float:left; clear:both; background:url("../images/content/iydvajamobg.gif") no-repeat #004a98; } .topRubrikaBottom li { width:231px; height:116px; float:left; clear:none; padding:5px 10px 5px 10px; } .topRubrikaBottom li h4 a { width:110px; height:61px; float:left; clear:none; padding:0 10px 0 0; font-size:12px; color:#fff; line-height:16px; text-decoration:none; display:block; font-weight:bold; } .topRubrikaBottom li h4 a:hover { text-decoration:underline; } .topRubrikaBottom li img { width:111px; height:61px; float:left; clear:none; } .topRubrikaBottom li p { width:231px; float:left; clear:both; padding-top:2px; font-size:11px; color:#fff; line-height:14px; } .topPrilozi { width:334px; height:499px; float:left; clear:none; margin:0 0 15px 0; background:url("../images/content/priloziBg.gif") repeat-x bottom #004a98; } .topPrilozi h2 { width:322px; height:23px; float:left; clear:both; border:1px solid #004a98; padding:0 0 0 10px; background:url("../images/content/titleBg.gif") repeat-x; font-size:18px; font-weight:bold; color:#00256b; repeat-x; text-shadow:0px 1px 0px rgb(255,255,255); } .topPrilozi h2 a { font-size:18px; font-weight:bold; color:#00256b; text-decoration:none; text-shadow:0px 1px 0px rgb(255,255,255); } .topPrilozi h2 a:hover { text-decoration:underline; } .topPrilozi .topPriloziVideo { width:320px; height:260px; float:left; clear:both; margin:0 0 0 7px; display:inline; } .topPrilozi ul { width:294px; float:left; clear:both; margin:10px 20px 0 20px; display:inline; background:url("../images/content/priloziBG2.gif") top repeat-x; } .topPrilozi ul li { width:294px; float:left; clear:both; background:url("../images/content/priloziBG2.gif") bottom repeat-x; padding:6px 0 8px 0; font-size:11px; color:#fff; line-height:16px; } .topPrilozi ul li a { font-size:12px; color:#fff; text-decoration:none; } .topPrilozi ul li a:hover { text-decoration:underline; } .topPrilozi span { width:290px; float:left; clear:both; margin:4px 24px 0 20px; display:inline; text-align:right; } .topPrilozi span a { font-size:10px; color:#a0d6ff; text-decoration:none; } .topPrilozi span a:hover { text-decoration:underline; } .topBlokovi { width:880px; float:left; clear:both; margin:0 0 15px 0; } .topBlokovi li { width:157px; height:244px; float:left; clear:none; margin:0 19px 0 0; display:inline; background:url("../images/content/priloziBg.gif") repeat-x bottom #004a98; } .topBlokovi li h2 { width:145px; height:18px; float:left; clear:both; border:1px solid #004a98; padding:4px 0 0 10px; background:url("../images/content/titleBg.gif") repeat-x; font-size:12px; font-weight:bold; color:#00256b; repeat-x; text-shadow:0px 1px 0px rgb(255,255,255); } .topBlokovi li h2 a { font-size:12px; font-weight:bold; color:#00256b; text-decoration:none; text-shadow:0px 1px 0px rgb(255,255,255); } .topBlokovi li h2 a:hover { text-decoration:underline; } .topBlokovi li img { float:left; clear:both; margin:7px 0 0 8px; display:inline; } .topBlokovi li img:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .topBlokovi li p { width:141px; float:left; clear:both; margin:10px 8px 0 8px; display:inline; font-size:11px; color:#fff; line-height:14px; } .topBlokovi li p a { font-size:11px; color:#fff; text-decoration:none; } .topBlokovi li p a:hover { text-decoration:underline; } .topRubrikaB { width:334px; height:350px; float:left; clear:none; margin:0 0 15px 0; background:url("../images/content/priloziBg.gif") repeat-x bottom #004a98; } .topRubrikaB h2 { width:322px; height:23px; float:left; clear:both; border:1px solid #004a98; padding:0 0 0 10px; background:url("../images/content/titleBg.gif") repeat-x; font-size:18px; font-weight:bold; color:#00256b;text-shadow:0px 1px 0px rgb(255,255,255); } .topRubrikaB h2 a { font-size:18px; font-weight:bold; color:#00256b; text-decoration:none; text-shadow:0px 1px 0px rgb(255,255,255); } .topRubrikaB h2 a:hover { text-decoration:underline; } .topRubrikaB ul { width:294px; float:left; clear:both; margin:0 20px 0 20px; display:inline; } .topRubrikaB li { width:294px; float:left; clear:none; padding:10px 0 12px 0; background:url("../images/content/priloziBG2.gif") bottom repeat-x; } .topRubrikaB li h4 a { width:172px; height:61px; float:left; clear:none; padding:0 10px 0 0; font-size:14px; color:#fff; line-height:16px; text-decoration:none; display:block;font-weight:bold; } .topRubrikaB li h4 a:hover { text-decoration:underline; } .topRubrikaB li img { width:111px; height:61px; float:left; clear:none; } .topRubrikaB li p { width:294px; float:left; clear:both; padding-top:10px; font-size:11px; color:#fff; line-height:14px; } .topRubrikaC { width:880px; float:left; clear:both; margin:0 0 15px 0; } .topRubrikaC li { width:277px; height:243px; float:left; clear:none; margin:0 15px 0 0; display:inline; background:url("../images/content/priloziBg.gif") repeat-x bottom #004a98; } .topRubrikaC li h2 { width:265px; height:18px; float:left; clear:both; border:1px solid #004a98; padding:4px 0 0 10px; background:url("../images/content/titleBg.gif") repeat-x; font-size:12px; font-weight:bold; color:#00256b; text-shadow:0px 1px 0px rgb(255,255,255); } .topRubrikaC li h2 a { font-size:12px; font-weight:bold; color:#00256b; text-decoration:none; text-shadow:0px 1px 0px rgb(255,255,255); } .topRubrikaC li h2 a:hover { text-decoration:underline; } .topRubrikaC li img { float:left; clear:both; padding:8px 0 0 8px; } .topRubrikaC li img:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .topRubrikaC li p { width:259px; float:left; clear:both; padding:6px 0 0 10px; font-size:11px; color:#fff; line-height:14px; } .topRubrikaC li p a { font-size:11px; color:#fff; text-decoration:none; } .topRubrikaC li p a:hover { text-decoration:underline; } .sidebarLeft { width:156px; float:left; clear:none; margin:0 30px 10px 0; display:inline; } .sidebarLeft ul { width:156px; float:left; clear:both; } .sidebarLeft ul li { width:156px; float:left; clear:both; margin:0 0 15px 0; } .sidebarLeft ul li .sidebarBlok { width:156px; float:left; clear:both; background:url("../images/content/priloziBg.gif") repeat-x bottom #004a98; } .sidebarLeft ul li .sidebarBlok h2 { width:146px; height:21px; float:left; clear:both; border:1px solid #004a98; padding:1px 0 0 8px; background:url("../images/content/titleBg.gif") repeat-x; font-size:16px; font-weight:bold; color:#00256b; text-shadow:0px 1px 0px rgb(255,255,255); } .sidebarLeft ul li .sidebarBlok h2 a { font-size:16px; font-weight:bold; color:#00256b; text-decoration:none; text-shadow:0px 1px 0px rgb(255,255,255); } .sidebarLeft ul li .sidebarBlok h2 a:hover { text-decoration:underline; } .sidebarLeft ul li .sidebarBlok span a { width:140px; float:left; clear:both; display:block; margin:12px 8px 12px 8px; display:inline; font-size:9px; color:#9db1d6; line-height:14px; text-decoration:none; } .sidebarLeft ul li .sidebarBlok span a:hover { text-decoration:underline; } .sidebarLeft ul li .sidebarBlok p { width:140px; float:left; clear:both; padding:11px 0 0 8px; font-size:11px; color:#fff; line-height:14px; } .sidebarLeft li .sidebarBlok p a { font-size:11px; color:#fff; text-decoration:none; } .sidebarLeft ul li .sidebarBlok p a:hover { text-decoration:underline; } .sidebarLeft h3 a { display:block; width:146px; height:18px; float:left; clear:both; border:1px solid #004a98; padding:4px 0 0 8px; margin:0 0 5px 0; background:url("../images/content/titleBg.gif") repeat-x; font-size:12px; font-weight:bold; color:#00256b; repeat-x; text-shadow:0px 1px 0px rgb(255,255,255); text-decoration:none; } .sidebarLeft h3 a:hover { text-decoration:underline; } .vjuWrapper { width:679px; float:left; clear:none; margin:0 0 40px 0; } .vjuWrapper .vjuTitle { width:679px; float:left; clear:both; padding:0px 0 10px 0; margin:0 0 10px 0; background:url("../images/content/vjutitlebg.png") bottom repeat-x; } .vjuWrapper .vjuTitle h2 { width:679px; float:left; clear:both; padding:0 0 6px 0; font-size:26px; color:#004a98; } .vjuWrapper .vjuTitle b { width:670px; float:left; clear:both; padding:0 0 0 2px; font-size:12px; color:#004a98; } .vjuWrapper .vjuInt { width:405px; float:left; clear:none; padding:0 40px 0 0; font-size:12px; color:#404040;} .vjuWrapper .vjuInt p { width:403px; float:left; clear:both; padding:10px 0 5px 2px; font-size:11px; color:#404040; line-height:16px; } .vjuWrapper .vjuInt p img { float:left; padding:0 5px 10px 0; } .vjuWrapper .vjuInt img { float:left; padding:0 10px 5px 0px; } .vjuWrapper .vjuInt a {font-size:11px; color:#004A98; list-style:16px; text-decoration:none; } .vjuWrapper .vjuInt a:hover { text-decoration:underline; } .vjuWrapper .vjuMore { width:232px; float:left; clear:none; padding:2px 0 0 0; } .vjuWrapper .vjuMore li { width:232px; float:left; clear:both; padding:8px 0 8px 0; text-align:right; font-weight:bold; } .vjuWrapper .vjuMore li a { font-size:12px; color:#004A98; list-style:16px; text-decoration:none; } .vjuWrapper .vjuMore li a:hover { text-decoration:underline; } /* banner bar */ #bannerBar { width:124px; float:left; clear:none; padding:0 0 50px 0; } #bannerBar img { width:120px; border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8; float:left; clear:both; margin:0 0 15px 0; } #bannerBar img:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .bannerBig { width:880px; float:left; clear:both; margin:0 0 15px 0;} .bannerBig img { border:1px solid #cecece; } .bannerBig img:hover { opacity:.80; -moz-opacity:.80; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .addthis_button{ float:right; margin-top:5px; } /*-------------------------------------ROTATORRRRRRRRRR ----------------------------------------*/ .main_image_vdana {width: 357px;height: 324px;float: left;background: #333;position: relative;overflow: hidden;color: #fff;} .main_image_vdana h2 {font-size: 2em;font-weight: normal;margin: 0 0 5px;padding: 10px;} .main_image_vdana h2 a {font-size: 17px;;font-weight: normal;padding:0;color:#FFFFFF;} .main_image_vdana h2 a:hover {text-decoration:underline;} .main_image_vdana p {font-size: 1.2em; line-height: 1.6em; padding: 10px; margin: 0;} .block small { font-size: 1em; padding: 0 0 0 20px;} .main_image_vdana .block small {margin-left: 10px;} .main_image_vdana .desc{ position: absolute; bottom: 0; left: 0; width: 100%; display: none; } .main_image_vdana .block{ width: 100%; background: #111; border-top: 1px solid #000;} .main_image_vdana a.collapse { background: url("btn_collapse.gif") no-repeat left top;height: 27px; width: 93px;text-indent: -99999px;position: absolute;top: -27px;right: 0px;} .main_image_vdana a.show {background-position: left bottom;} .image_thumb_vdana { float: left; width: 154px; background: #f0f0f0;} .image_thumb_vdana img { background: #fff; float: left;} .image_thumb_vdana ul { margin: 0; padding: 0; list-style: none;} .image_thumb_vdana ul li{ margin: 0; padding: 10px; background: #f0f0f0 url("../images/content/newsBg.gif") repeat-x; width: 134px; height:34px; float: left;} .image_thumb_vdana ul li.hover { /*--Hover State--*/ background: #007AF4; cursor: pointer;} .image_thumb_vdana ul li.active { /*--Active State--*/ background: #0099FF; cursor: default;} html .image_thumb_vdana ul li h2 { display: none; font-size: 1.5em; margin: 5px 0; padding: 0;} .image_thumb_vdana ul li .block { float: left; margin-left: 10px; padding: 0; width: 134px;} .image_thumb_vdana ul li p{display: none;}/*--Hide the description on the list items--*/ .main_image {width: 357px;height: 324px;float: left;background: #333;position: relative;overflow: hidden;color: #fff;} .main_image h2 {font-size: 2em;font-weight: normal;margin: 0 0 5px;padding: 10px;} .main_image h2 a {font-size: 17px;;font-weight: normal;padding:0;color:#FFFFFF;} .main_image h2 a:hover {text-decoration:underline;} .main_image p {font-size: 1.2em; line-height: 1.6em; padding: 10px; margin: 0;} .block small { font-size: 1em; padding: 0 0 0 20px;} .main_image .block small {margin-left: 10px;} .main_image .desc{ position: absolute; bottom: 0; left: 0; width: 100%; display: none; } .main_image .block{ width: 100%; background: #111; border-top: 1px solid #000;} .main_image a.collapse { background: url("btn_collapse.gif") no-repeat left top;height: 27px; width: 93px;text-indent: -99999px;position: absolute;top: -27px;right: 0px;} .main_image a.show {background-position: left bottom;} .image_thumb { float: left; width: 154px; background: #f0f0f0;} .image_thumb img { background: #fff; float: left;} .image_thumb ul { margin: 0; padding: 0; list-style: none;} .image_thumb ul li{ margin: 0; padding: 10px; background: #f0f0f0 url("../images/content/newsBg.gif") repeat-x; width: 134px; height:34px; float: left;} .image_thumb ul li.hover { /*--Hover State--*/ background: #007AF4; cursor: pointer;} .image_thumb ul li.active { /*--Active State--*/ background: #0099FF; cursor: default;} html .image_thumb ul li h2 { display: none; font-size: 1.5em; margin: 5px 0; padding: 0;} .image_thumb ul li .block { float: left; margin-left: 10px; padding: 0; width: 134px;} .image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/