/** * Author: Marcin "MiGoo" Gębski */ body, select, input, textarea {font-size:11px;} /* selection */ ::-moz-selection{color:#FFF;background:#888;text-shadow:none;} /* helpers */ .hidden {display:none;} .visuallyhidden {position:absolute;clip:rect(1px,1px,1px,1px);} .invisible {visibility:hidden;} .clearfix:after {content:"";clear:both;display:block;} /* anchors */ a.more, span.more {float:right;color:#0000FF;margin-bottom:2px;cursor:pointer;} a.more:hover {text-decoration:none;} /* focus */ *[tabindex="0"]:focus, a:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="button"]:focus {outline:2px solid orange;} /* forms elements */ legend {position:absolute;clip:rect(1px,1px,1px,1px);} input.text {height:14px;color:#9D9D9D;font-size:11px;padding:2px 5px;border:1px solid #D0CFCD;} input.submit {width:65px;height:23px;font-size:10px;text-indent:2px;text-align:center;color:rgba(255,255,255,0.9);padding:0 5px;border:1px solid #DFDFDD;border-radius:4px; background-image:-moz-linear-gradient(top,#0282DD,#176CAC); background-image:-webkit-linear-gradient(top,#0282DD,#176CAC); background-image:-o-linear-gradient(top,#0282DD,#176CAC); background-image:linear-gradient(to bottom,#0282DD,#176CAC);} .no-rgba input.submit {color:#FFF;} select {height:22px;border:1px solid #D5D5D5;color:#9D9D9D;font-size:11px;} textarea {width:288px;height:80px;border:1px solid #D5D5D5;color:#9D9D9D;font-size:11px;} input.text:focus, select:focus, textarea:focus {border-color:#999;} /* buttons */ div.buttons {line-height:20px;} /* tooltip */ .tooltip {display:none;background:#fff;border:1px solid #7D7D7D;font-size:11px;padding:2px 5px;color:#7D7D7D;max-width:300px;} /* datepicker */ .ui-datepicker-trigger {float:left;margin-left:5px;cursor:pointer;} /* ajax */ span.ajaxstatus {float:right;padding:0 5px;line-height:20px;} /* body */ body {background:url(images/bg-footer.png) #EDEDED no-repeat bottom center;} div.wrapper{width:978px;margin:0 auto;position:relative;} /* header */ header {height:462px;background:url(images/bg-header.jpg) #EDEDED no-repeat top center;} /* go to */ .header_go-to {list-style:none;} .header_go-to a {position:absolute;top:10px;left:50%;display:inline-block;width:140px;font-size:15px;font-weight:bold;text-align:center;background:#FFF;padding:5px 10px;border:2px solid #0478B5;margin-left:-30px;clip:rect(1px,1px,1px,1px);z-index:1000;} .header_go-to a:focus {outline:none;clip:auto;} .header_go-to a:hover {text-decoration:none;} /* topmenu */ header .topmenu {height:52px;} header .topmenu ul {float:left;margin-top:12px;} header .topmenu ul.right {float:right;} header .topmenu li {float:left;font-size:12px;color:#7A7A7A;padding:4px 2px;margin-left:15px;position:relative;} header .topmenu li:before {content:"";display:block;width:1px;height:11px;background:url(images/sprite.png) -1822px -10px;position:absolute;top:8px;left:-8px;} header .topmenu li:first-child {margin-left:0;} header .topmenu li:first-child:before {display:none;} header .topmenu a {text-transform:lowercase;color:#7A7A7A;} header .topmenu .resize * {position:relative;top:-6px;font-weight:500;text-transform:uppercase;margin-left:2px;} header .topmenu .resize .small {font-size:13px;} header .topmenu .resize .normal {font-size:17px;} header .topmenu .resize .big {font-size:21px;} header .topmenu .resize span {position:absolute;clip:rect(0,0,0,0)} header .topmenu .icon a {display:block;width:16px;height:17px;text-indent:100%;white-space:nowrap;background-image:url(images/sprite.png);overflow:hidden;} header .topmenu .icon.contrast a {background-position:-7px -7px;} header .topmenu .icon.fb a {background-position:-1865px -524px;} header .topmenu .icon.nk a {background-position:-1865px -596px;} header .topmenu .icon.twitter a {background-position:-1865px -560px;} header .topmenu .rss a {text-transform:uppercase;margin-right:20px;} header .topmenu .rss a:after {content:"";display:block;width:18px;height:18px;background:url(images/sprite.png) -33px -10px;position:absolute;top:4px;right:-1px;} header .topmenu .lang a {display:block;width:17px;height:17px;text-indent:100%;white-space:nowrap;background-image:url(images/sprite.png);overflow:hidden;} header .topmenu .lang.selected a {width:23px;height:23px;position:relative;top:-3px;} header .topmenu .lang.pl a {background-position:-70px -10px;} header .topmenu .lang.pl.selected a {background-position:-67px -37px;} header .topmenu .lang.en a {background-position:-107px -10px;} header .topmenu .lang.en.selected a {background-position:-104px -37px;} header .topmenu .lang.de a {background-position:-143px -10px;} header .topmenu .lang.de.selected a {background-position:-140px -37px;} /* logo */ header .logo {width:978px;height:202px;background:url(images/sprite.png) -10px -159px;z-index:100;position:absolute;left:0;top:34px;} header .logo .ribbon {display:none;} header .logo a {display:block;width:205px;height:170px;margin-top:22px;position:relative;} header .logo h2 {position:absolute;top:136px;left:41px;font-size:21px;font-weight:normal;letter-spacing:-1px;color:#8B8583;text-shadow:2px 1px 1px #CCC;} header .logo h2.en {left:15px;font-size:20px;} header .logo h2.de {left:26px;} /* weather */ header .weather {display:none;} /* banner-logo */ #banner-logo-slider, #banner-logo {width:978px;height:235px;position:relative;} #banner-logo-slider .cycle .item.img, #banner-logo div div.img {width:978px;height:235px;background-size:978px 235px!important;border-radius:10px 10px 0 0;} #banner-logo-slider {float:left;} #banner-logo-slider .cycle {width:978px;height:235px;position:relative;overflow:hidden;} #banner-logo-slider .cycle .item {float:left;position:relative;z-index:0!important;} #banner-logo-slider .nav {list-style-type:none;position:absolute;right:8px;bottom:8px;z-index:200;} #banner-logo-slider .nav li {float:left;width:23px;margin-left:7px;} #banner-logo-slider .nav li:first-child {margin-left:0;} #banner-logo-slider .nav li a {display:block;width:23px;height:23px;text-indent:100%;white-space:nowrap;background:url(images/sprite.png) -175px -37px;overflow:hidden;} #banner-logo-slider .nav li.activeSlide a {background-position:-175px -10px;} #banner-logo div.no-img {width:978px;height:235px;background:url(images/banner-logo-default.jpg) no-repeat;border-radius:10px 10px 0 0;} /* search */ header .search {display:none;} /* mainmenu */ header .mainmenu {clear:both;} header .mainmenu > ul {height:39px;} header .mainmenu > ul > li {float:left;width:183px;height:37px;color:#FFF;border:1px solid;} header .mainmenu > ul > li.home {width:51px;border-color:#23699D; background-image:-moz-linear-gradient(top,#0281de,#0074c7); background-image:-webkit-linear-gradient(top,#0281de,#0074c7); background-image:-o-linear-gradient(top,#0281de,#0074c7); background-image:linear-gradient(to bottom,#0281de,#0074c7);} header .mainmenu > ul > li a {color:#FFF;font-weight:normal;} header .mainmenu > ul > li > a {display:block;height:29px;font-size:13px;text-decoration:none;text-transform:uppercase;white-space:nowrap;text-align:center;padding-top:10px;} header .mainmenu > ul > li.home > a {width:100%;height:inherit;text-indent:100%;white-space:nowrap;padding:0;overflow:hidden;position:relative;} header .mainmenu > ul > li.home > a:before {position:absolute;top:50%;left:50%;content:"";width:20px;height:25px;background:url(images/sprite.png) -213px -10px;margin:-11px 0 0 -9px;} /* submenu */ header .mainmenu > ul > li > div {display:none;width:948px;height:206px;position:absolute;top:52px;left:0;padding:15px;border-radius:10px 10px 0 0;z-index:300;} header .mainmenu > ul > li:hover > div {display:block;} header .mainmenu > ul > li > div:before, header .mainmenu > ul > li > div:after {content:"";display:block;width:1px;height:149px;background:url(images/sprite.png) -1865px -633px;position:absolute;top:42px;left:295px;} header .mainmenu > ul > li > div:before {left:295px;} header .mainmenu > ul > li > div:after {left:610px;} /* submenu anchors */ header .mainmenu > ul > li > div > ul, header .mainmenu > ul > li > div > div {float:left;width:316px;height:206px;overflow:hidden;} header .mainmenu > ul > li > div > ul li {width:246px;line-height:184%;padding-right:70px;} header .mainmenu > ul > li > div > ul li a {font-size:12px;} header .mainmenu > ul > li > div > ul li ul {overflow:hidden;} header .mainmenu > ul > li > div > ul li ul li {width:234px;margin-left:12px;position:relative;} header .mainmenu > ul > li > div > ul li ul li:before {content:"";position:absolute;top:7px;left:-7px;display:block;width:3px;height:5px;background:url(images/sprite.png) -869px -10px;} /* submenu important */ header .mainmenu > ul > li > div > div {float:right;width:266px;position:relative;padding:0 25px;} header .mainmenu > ul > li > div > div h3 {font-size:13px;text-align:center;margin-bottom:14px;} header .mainmenu > ul > li > div > div a.browse {width:12px;height:17px;background:url(images/sprite.png) -1865px -802px;position:absolute;left:5px;top:100px;cursor:pointer;z-index:100;} header .mainmenu > ul > li > div > div a.next {left:auto;right:5px;background-position:-1865px -839px;} header .mainmenu > ul > li > div > div .scrollable {position:relative;height:206px;overflow:hidden;} header .mainmenu > ul > li > div > div .scrollable .items {width:20000em;position:absolute;clear:both;} header .mainmenu > ul > li > div > div .scrollable .items .item {float:left;width:250px;position:relative;padding:0 8px;} header .mainmenu > ul > li > div > div .scrollable .items .item .image {text-align:center;margin-bottom:10px;} header .mainmenu > ul > li > div > div .scrollable .items .item .image img {padding:1px;border:1px solid #DDD;} header .mainmenu > ul > li > div > div .scrollable .items .item .text {font-size:12px;text-align:justify;} header .mainmenu > ul > li > div > div .scrollable .items .item .text h4 {padding-bottom:10px;} header .mainmenu > ul > li > div > div .scrollable .items .item .text span.more {color:#FFF;} header .mainmenu > ul > li.mobile {display:none;} /* breadcrumbs */ header .breadcrumbs {min-height:25px;} header .breadcrumbs ul {padding:8px 0 8px 10px;} header .breadcrumbs li {display:inline;position:relative;margin-left:15px;} header .breadcrumbs li:before {content:"";display:block;width:11px;height:10px;background:url(images/sprite.png) -1220px -10px;position:absolute;top:5px;left:-10px;} header .breadcrumbs li.home:before {width:25px;height:20px;background-position:-1189px -8px;top:0;left:-14px;} header .breadcrumbs a {color:#676765;} /* main */ #main {clear:both;margin-top:-106px;} /* aside */ #main aside {width:230px;float:left;padding:0 10px 10px 10px;} #main aside.left {padding-left:0;} #main aside.right {padding-right:0;} #main aside.mobile {display:none;} #main aside.investmentsCategories {width:33%;} /* boxes */ #main aside > div {width:230px;margin-bottom:10px;position:relative;} #main aside > div h3 {height:18px;font-size:13px;font-weight:normal;color:rgba(255,255,255,0.9);padding:6px 6px 6px 15px;border:1px solid #DFDFDD;overflow:hidden; background-image:-moz-linear-gradient(top,#0282DD,#176CAC); background-image:-webkit-linear-gradient(top,#0282DD,#176CAC); background-image:-o-linear-gradient(top,#0282DD,#176CAC); background-image:linear-gradient(to bottom,#0282DD,#176CAC);} .no-rgba #main aside > div h3 {color:#FFF;} #main aside > div h3 span {float:left;} #main aside > div h3 span.right {float:right;font-size:11px;margin:2px 10px 0 0;} #main aside > div h3 span.right a {color:rgba(255,255,255,0.9);position:relative;} .no-rgba #main aside > div h3 span.right a {color:#FFF;} #main aside > div h3 span.right a:after {content:"";position:absolute;top:5px;right:-8px;display:block;width:3px;height:5px;background:url(images/sprite.png) -869px -10px;} #main aside > div .content {padding:10px;background-color:#FFF;border:solid #DFDFDD;border-width:0 1px 1px 1px;} #main aside > div .content .image {margin-bottom:10px;text-align:center;} #main aside > div .content .image img {padding:1px;border:1px solid #DDD;} #main aside > div .content .text {line-height:1.5;} #main aside > div .content .text h4 {padding-bottom:3px;} #main aside > div .content .text p.buttons {margin-top:10px;} #main aside > div .content .text p strong {color:#747474;} #main aside > div .content .buttons {height:20px;margin-top:7px;} /* adverts */ #main aside .adverts .content {padding:0!important;} #main aside .adverts .item {padding:10px;} #main aside .adverts .item:nth-child(even) {background-color:#F8F8F8;} #main aside .adverts .item + div.item {border-top:1px solid #D3D3D3;} #main aside .adverts .item p.more {overflow:hidden;} #main aside .adverts .item p + p {margin-top:3px;} #main aside .adverts .item p.date {font-weight:bold;color:#3E79DC;} #main aside .adverts .item p:not(.more) span {font-weight:bold;text-decoration:underline;} #main aside .adverts .item p.date span {color:#3E79DC;text-decoration:none;} #main aside .adverts .buttons {height:36px!important;border-top:1px solid #D3D3D3;margin-top:0!important;} #main aside .adverts .buttons input {float:right;width:100px;margin:8px 8px 0 0;} #main aside .adverts .ajax-response {padding:5px;} /* banners */ #main aside .banners {text-align:center;} #main aside .banners + .banners {margin-top:-7px;} /* calendar */ #main aside > .calendar .content {padding:0!important;border-top:none!important;} #main aside > .calendar .content > p {clear:both;text-align:right;text-transform:lowercase;padding:5px 10px 7px 0;} #main aside > .calendar .content > p + p {padding-top:0;} #main aside > .calendar .content > p a {position:relative;} #main aside > .calendar .content > p a:before {content:"";display:block;width:11px;height:10px;background:url(images/sprite.png) -1220px -10px;position:absolute;top:5px;left:-8px;} #main aside > .calendar .list {float:left;width:100%;margin:0;list-style:none;} #main aside > .calendar .list li {float:left;width:100%;min-height:40px;padding:5px 0;border-bottom:1px solid #DFDFDF;} #main aside > .calendar .list li:nth-child(even) {background-color:#F9F9F9;} #main aside > .calendar .list li.disabled {display:none;} #main aside > .calendar .list li .date {float:left;width:33px;height:39px;text-align:center;background:url(images/sprite.png) -1062px -10px;margin:0 7px 0 10px;} #main aside > .calendar .list li .date .month {display:block;width:27px;height:12px;font-size:11px;text-transform:capitalize;color:#FFF;position:relative;top:-1px;left:2px;} #main aside > .calendar .list li .date .day {display:block;width:27px;height:21px;font-size:16px;font-weight:bold;color:#3D6BA9;position:relative;top:1px;left:2px;} #main aside > .calendar .list li .text {width:170px;float:left;padding:2px 0;} #main aside > .calendar .list li .text h4 a {color:#595959;} /* categories-contents */ #main aside .categories-contents .content {overflow:hidden;} #main aside .categories-contents .content.slider {position:relative;padding:10px 25px!important;} #main aside .categories-contents .content ul {float:left;list-style:none;padding:0;margin:0;} #main aside .categories-contents .content ul li {float:left;padding:5px 0;} #main aside .categories-contents .content ul.categories li {padding-left:12px;} #main aside .categories-contents .content ul.categories li a {position:relative;} #main aside .categories-contents .content ul.categories li a:before {content:"";display:block;width:11px;height:10px;background:url(images/sprite.png) -1220px -10px;position:absolute;top:5px;left:-8px;} #main aside .categories-contents .content ul li h4 {float:left;font-weight:normal;} #main aside .categories-contents .content ul a {float:left;} #main aside .categories-contents .content ul.contents a {width:148px;color:#2671A8;} #main aside .categories-contents .content ul.contents span.date {float:left;color:#7C7C7C;padding-right:3px;} #main aside .categories-contents .content ul.categories a {width:200px;} #main aside .categories-contents .content a.browse {width:11px;height:18px;background:url(images/sprite.png) -1031px -46px;position:absolute;top:100px;left:5px;cursor:pointer;z-index:100;} #main aside .categories-contents .content a.next {left:auto;right:5px;background-position:-1031px -10px;} #main aside .categories-contents .content .scrollable {position:relative;width:178px;height:210px;overflow:hidden;} #main aside .categories-contents .content .scrollable .items {width:20000em;position:absolute;clear:both;} #main aside .categories-contents .content .scrollable .items .item {width:160px;float:left;position:relative;padding:0 8px;} #main aside .categories-contents .content .scrollable .items .item div.image {border:none!important;padding-bottom:0!important;} /* currencies */ #main aside .currencies table {width:100%;margin-bottom:5px;border-collapse:collapse;} #main aside .currencies table tr {margin:0;padding:0;} #main aside .currencies table td {margin:0;padding:3px;text-align:center;border-left:1px solid #CECECE;} #main aside .currencies table thead td {border-bottom:1px solid #CECECE;} #main aside .currencies table td.no-border {border-left:none;} #main aside .currencies table td.flag {width:60px;} #main aside .currencies table td.flag span {margin-left:20px;position:relative;} #main aside .currencies table td.flag span:before {content:"";position:absolute;top:5px;left:-20px;display:block;width:16px;height:12px;background-image:url(images/sprite.png);} #main aside .currencies table td.flag span.usd:before {background-position:-1642px -10px;} #main aside .currencies table td.flag span.eur:before {background-position:-1580px -10px;} #main aside .currencies table td.flag span.chf:before {background-position:-1546px -10px;} #main aside .currencies table td.flag span.gbp:before {background-position:-1606px -10px;} /* communication */ #main aside .communication ul {list-style:none;margin:0;overflow:hidden;} #main aside .communication li {float:left;width:104px;height:62px;} #main aside .communication li a {display:block;width:100%;position:relative;top:45px;font-weight:bold;color:#7A7A7A;text-align:center;} #main aside .communication li a:before {content:"";position:absolute;top:-38px;left:33px;display:block;width:38px;height:36px;background-image:url(images/sprite.png);} #main aside .communication li.bus a:before {background-position:-915px -10px;} #main aside .communication li.ferry a:before {background-position:-973px -10px;} /* galleries */ #main aside .galleries .content {position:relative;} #main aside .galleries a.browse {width:11px;height:18px;background:url(images/sprite.png) -1031px -46px;position:absolute;top:70px;left:5px;cursor:pointer;z-index:100;} #main aside .galleries a.next {left:auto;right:5px;background-position:-1031px -10px;} #main aside .galleries .scrollable {position:relative;width:208px;height:138px;overflow:hidden;} #main aside .galleries .scrollable .items {width:20000em;position:absolute;clear:both;} #main aside .galleries .scrollable .items .item {width:140px;float:left;position:relative;text-align:center;margin:0 34px;} #main aside .galleries .scrollable .items .item img {width:140px;height:100px;margin:0;padding:1px;border:1px solid #e1e1e1;vertical-align:middle;} #main aside .galleries .scrollable .items .item p {margin-top:5px;} /* historical-calendar */ #main aside .historical-calendar .scrollable-historical {position:relative;width:208px;height:100px;overflow:hidden;} #main aside .historical-calendar .scrollable-historical .items {width:20000em;position:absolute;clear:both;} #main aside .historical-calendar .scrollable-historical .items .item {width:208px;height:100px;float:left;position:relative;} #main aside .historical-calendar .scrollable-historical .items .item > *:first-child {width:202px;height:94px;padding:2px;border:1px solid #B5B5B5;} #main aside .historical-calendar .scrollable-historical .items .item .no-image {background:url(images/sprite.png) -1567px -60px;} #main aside .historical-calendar .scrollable-historical .items .item .overlay {position:absolute;bottom:2px;left:2px;width:200px;color:#4C4C4A;background-color:rgba(255,255,255,0.5);padding:4px 2px;} .no-rgba #main aside .historical-calendar .scrollable-historical .items .item .overlay {background:url(images/historical-overlay.png);} #main aside .historical-calendar .scrollable-historical .items .item .overlay h4 {float:left;width:60px;line-height:12px;margin:0;} #main aside .historical-calendar .scrollable-historical .items .item .overlay p {float:left;width:130px;line-height:12px;padding:0 5px;} #main aside .historical-calendar nav {height:40px;background:url(images/historical-nav.png) repeat-x left 21px;padding-top:15px;overflow:hidden;position:relative;} #main aside .historical-calendar nav ul {clear:both;position:relative;} #main aside .historical-calendar nav ul:after {content:"";position:absolute;top:-1px;right:0;display:block;width:18px;height:15px;background:url(images/sprite.png) -1678px -10px;} #main aside .historical-calendar nav li {float:left;width:50px;text-align:center;background:url(images/sprite.png) -1699px -10px;padding-top:20px;cursor:pointer;} #main aside .historical-calendar nav li.active {position:relative;} #main aside .historical-calendar nav li.active:after {content:"";position:absolute;top:2px;right:20px;display:block;width:10px;height:10px;background:url(images/sprite.png) -1751px -10px;} #main aside .historical-calendar nav a:hover {text-decoration:none;} /* important */ #main aside > div.important div.content {position:relative;padding:10px 25px!important;} #main aside > div.important div.content a.browse {width:11px;height:18px;background:url(images/sprite.png) -1031px -46px;position:absolute;left:5px;top:100px;cursor:pointer;z-index:100;} #main aside > div.important div.content a.next {left:auto;right:5px;background-position:-1031px -10px;} #main aside > div.important div.content .scrollable {position:relative;height:210px;overflow:hidden;} #main aside > div.important div.content .scrollable .items {width:20000em;position:absolute;clear:both;} #main aside > div.important div.content .scrollable .items .item {width:160px;float:left;position:relative;padding:0 8px;} #main aside > div.important div.content .scrollable .items .item div.image {border:none!important;padding-bottom:0!important;} /* investments */ #main aside .investments .investment .text p {color:#7B7B7B;} #main aside .investments .investment .text p span {color:#3D3D3D;} #main aside .investments .investment .text p a {color:#7B7B7B;} #main aside .investments .calendar {padding:0;} #main aside .investments .calendar ul {list-style:none;margin:0;} #main aside .investments .calendar li {padding:10px;overflow:hidden;} #main aside .investments .calendar li:nth-child(even) {background-color:#F2F2F2;} #main aside .investments .calendar li + li {border-top:1px solid #DFDFDF;} #main aside .investments .calendar div {float:left;padding-left:10px;} #main aside .investments .calendar div.date {width:44px;height:32px;font-size:12px;font-weight:bold;color:#FFFDDD;background:url(images/sprite.png) -1115px -10px;} #main aside .investments .calendar div.text {width:144px;} #main aside .investments .calendar div.text h4 {font-weight:normal;} /* maps */ #main aside .maps .content > div {width:100%;height:160px;} /* menu */ #main aside > nav {margin-bottom:10px;} #main aside > nav ul li.current {background-color:#F4F4F4;} #main aside > nav ul li a {display:block;font-size:12px;color:#7B7B7B;padding:4px 15px 4px 30px;border-top:1px solid #E9E9E9;position:relative;} #main aside > nav ul li a:before {content:"";position:absolute;top:10px;left:20px;display:block;width:11px;height:10px;background:url(images/sprite.png) -1220px -10px;} #main aside > nav ul li.current > a {color:#4F965E;} #main aside > nav ul li.current > a:before {background-position:-1268px -10px;} #main aside > nav ul li ul li ul li a {padding-left:40px;} #main aside > nav ul li ul li ul li a:before {left:30px;} #main aside > nav ul li ul li ul li ul li a {padding-left:50px;} #main aside > nav ul li ul li ul li ul li a:before {left:40px;} #main aside > nav > ul > li, #main aside > nav > ul > li.current {background-color:#FFF;border:1px solid #E9E9E9;} #main aside > nav > ul > li.current:first-child > h2 a {font-weight:bold;color:#686868;padding:7px 15px 8px 70px;} #main aside > nav > ul > li.current:first-child > h2 a:before {top:2px;left:20px;width:51px;height:28px;background-position:-384px -70px;} #main aside > nav > ul > li.current:first-child > h2 span {position:absolute;clip:rect(0,0,0,0);} #main aside > nav > ul > li:first-child > a {border-top:none;} /* multimedia */ #main aside .multimedia .content {position:relative;padding:10px 25px!important;} #main aside .multimedia a.browse {width:11px;height:18px;background:url(images/sprite.png) -1031px -46px;position:absolute;top:75px;left:5px;cursor:pointer;z-index:100;} #main aside .multimedia a.next {left:auto;right:5px;background-position:-1031px -10px;} #main aside .multimedia .scrollable {position:relative;height:150px;overflow:hidden;} #main aside .multimedia .scrollable .items {width:20000em;position:absolute;clear:both;} #main aside .multimedia .scrollable .items .item {width:160px;float:left;position:relative;padding:0 8px;} #main aside .multimedia .scrollable .items .item > p {margin-top:2px;} /* newsletter */ #main aside .newsletter form p {margin-top:4px;} #main aside .newsletter form p input {float:left;} #main aside .newsletter form p input[type="text"] {width:163px;height:16px;text-transform:lowercase;border-right-width:0;} #main aside .newsletter form p input[type="submit"] {width:34px;height:22px;background:url(images/sprite.png) -1870px -924px;filter:none;border-radius:0 2px 2px 0;position:relative;} #main aside .newsletter form .ajax-response {margin-bottom:0;} #main aside .newsletter form .buttons span.ajaxstatus {width:20px;float:right;} /* probes */ #main aside .probes legend {position:static;} #main aside .probes ol.answers, #main aside .probes ul.answers {margin:10px 5px;line-height:1.5;} #main aside .probes ul.answers {list-style:none;} #main aside .probes ol.results {margin-left:20px;} #main aside .probes p.allvotes {float:none;padding-bottom:10px;text-align:center;font-size:10px;} #main aside .probes .buttons input {float:right;} #main aside .probes .buttons span.ajaxstatus {width:20px;float:right;} /* search */ #main aside .search .content {background:none!important;border:none!important;padding:0!important;} #main aside .search fieldset input {float:left;} #main aside .search fieldset input[type="text"] {width:171px;height:16px;text-transform:lowercase;border-right-width:0;} #main aside .search fieldset input[type="submit"] {width:48px;height:22px;text-indent:120%;white-space:nowrap;background:url(images/sprite.png) -1865px -888px;filter:none;border:none;border-radius:0 2px 2px 0;overflow:hidden;} /* social-consultations */ #main aside .social-consultations .content {height:82px;padding:5px 0 0 0;position:relative;} #main aside .social-consultations .content:before {content:"";position:absolute;top:0px;left:0px;display:block;width:138px;height:87px;background:url(images/sprite.png) -686px -10px;} #main aside .social-consultations ul {list-style:none;margin:0 0 0 100px;} #main aside .social-consultations li {line-height:170%;} #main aside .social-consultations li a {position:relative;} #main aside .social-consultations li a:before {content:"";display:block;width:11px;height:10px;background:url(images/sprite.png) -1220px -10px;position:absolute;top:5px;left:-8px;} /* weather */ #main aside .weather ul {margin:0;list-style:none;overflow:hidden;} #main aside .weather li {float:left;width:103px;} #main aside .weather li + li {border-left:1px dotted #BFC6BF;} #main aside .weather li div {float:left;width:26px;} #main aside .weather li div:first-child {width:65px;text-align:center;} #main aside .weather li div img {width:50px;margin-top:8px;} #main aside .weather li div h4 {font-size:9px;font-weight:normal;color:#7B7D7C;text-align:center;margin:7px 0 4px;} #main aside .weather li div p {width:15px;height:13px;font-size:10px;color:#7B7B7B;text-indent:2px;text-align:center;background-color:#FFFEFF;border:1px solid #C5C5C5;border-bottom:none;margin-left:5px;} #main aside .weather li div p + p {color:#FEFFFC;background-color:#236C9F;border-top:none;border-bottom-width:1px;border-color:#236C9F;} #main aside .weather ul + p {padding-top:3px;border-top:1px solid #DFDFDF;margin-top:10px;} /* main content */ /* banners */ #main-content .banner-content {text-align:center;} /* informations */ #main-content .informations .container {padding:0 10px;} #main-content .informations .container .wrap {overflow:hidden;} #main-content .informations ul {height:30px;list-style:none;line-height:28px;margin:0;position:relative;} #main-content .informations li {display:inline;position:relative;} #main-content .informations li:before {content:"";position:absolute;top:6px;left:-13px;display:block;width:5px;height:4px;background:url(images/sprite.png) -1292px -10px;} #main-content .informations li + li {margin-left:20px;} #main-content .informations a {color:#3D3D3D;} /* pagination */ #main-content .pagination {padding:5px 15px;border-top:1px solid #DFDFDF;overflow:hidden;} #main-content .pagination p {width:250px;} #main-content .pagination p a {margin:0 2px;color:#8E8E8E;} #main-content .pagination p a.active {color:#0082C8;} #main-content .pagination select {padding:0;height:auto;} #main-content .pagination ul {float:right;margin:4px 0 0 0;list-style:none;} #main-content .pagination li {width:14px;float:left;margin:0 1px;border:1px solid #D6D6D6;background-color:#FBFBFB;text-align:center;line-height:14px;} #main-content .pagination li.prev, #main-content .pagination li.next {font-weight:bold;} #main-content .pagination li.active {background-color:#416A7C;border-color:#416A7C;} #main-content .pagination li.disabled {display:none;} #main-content .pagination li.active a {color:#fff;} #main-content .pagination li a {display:block;text-decoration:none;} #main-content .pagination li a span {display:none;} /* adverts */ /* list, content */ #main-content .adverts .item {font-size:13px;padding:10px 15px 5px 15px;overflow:hidden;} #main-content .adverts .item + .item {border-top:1px solid #DBDBDB;} #main-content .adverts .item h4 {font-weight:normal;} #main-content .adverts .item h4 a {text-decoration:none;} #main-content .adverts .item p {text-align:justify;line-height:1.5;} #main-content .adverts .item p.more {padding-bottom:5px;overflow:hidden;} /* add */ #main-content .adverts article form {padding:10px 20px;} /* calendar, historicalCalendar - list */ #main-content .calendar .list .item h4 {font-size:14px!important;padding-bottom:5px;} #main-content .calendar .list .item h4 a {color:#0D75C2!important;} #main-content .calendar .list .item p {line-height:1.6!important;} #main-content .calendar .list .item p.date {font-size:12px!important;font-weight:bold;color:#0D75C2!important;padding:0!important;} #main-content .calendar .list .item p.date + p {margin-top:5px;} /* calendar - form */ #main-content .calendar article form {padding:10px 20px;} /* companies */ /* tree */ #main-content .companies .tree ul {width:228px;list-style:none;padding:0;margin:0;} #main-content .companies .tree li {line-height:1.8;padding-left:10px;position:relative;} #main-content .companies .tree li:before {content:"";position:absolute;top:8px;left:3px;display:block;width:3px;height:5px;background:url(images/sprite.png) -892px -10px;} #main-content .companies .tree a {float:left;color:#7B7B7B;} #main-content .companies .tree ul li a + ul {clear:left;} #main-content .companies .tree ul li ul + ul, #main-content .companies .tree ul li a + ul {float:left;} #main-content .companies .tree > ul {width:466px;padding:10px;} #main-content .companies .tree > ul > li:before {display:none;} #main-content .companies .tree > ul > li + li {clear:left;} #main-content .companies .tree > ul > li > a {font-size:13px;font-weight:bold;color:#585858;} /* list, content */ #main-content .companies .item {min-height:130px;padding:0 15px;overflow:hidden;} #main-content .companies .item .image {float:left;border:1px solid #B2B2B2;margin:10px 10px 10px 0;overflow:hidden;} #main-content .companies .item .image img {margin:4px 4px 2px 4px;} #main-content .companies .item .image + .text {float:left;width:334px;} #main-content .companies .item .text {padding-bottom:8px;} #main-content .companies .item .text h4 {font-size:14px;padding:7px 0;} #main-content .companies .item .text h4 a {color:#666;text-decoration:none;} #main-content .companies .item .text p {font-size:11px;text-align:justify;line-height:1.5;} #main-content .companies .item .text p.more {overflow:hidden;} /* contact */ #main-content .contact article form {padding:10px 20px;} /* contents - details */ #main-content .contents .details {float:left;width:33%;margin-top:10px;} #main-content .contents .details .wysiwyg img {width:100%;} /* contents - list */ #main-content .contents .details + .list {float:left;width:66%;margin-left:5px;} #main-content .contents .list .item {min-height:130px;overflow:hidden;padding:0 15px;} #main-content .contents .list .item + .item {border-top:1px solid #DFDFDF;} #main-content .contents .list .item h4 {font-size:14px;padding-top:7px;} #main-content .contents .list .item h4 a {color:#608DAE;text-decoration:none;} #main-content .contents .list .item .image {float:left;border:1px solid #B2B2B2;margin:10px 10px 10px 0;overflow:hidden;} #main-content .contents .list .item .image img {margin:4px 4px 2px 4px;} #main-content .contents .list .item p {font-size:12px;color:#3D3D3D;text-align:justify;line-height:1.5;} #main-content .contents .list .item p.date {font-size:13px;color:#7A7A7A;padding-top:3px;} #main-content .contents .list .item p.more {padding-bottom:5px;overflow:hidden;} /* categories - list */ #main-content .contents.categories .list .item {min-height:0;padding-bottom:2px;} #main-content .contents.categories .list .item:nth-child(2) {padding-top:5px;} #main-content .contents.categories .list .item:last-child {padding-bottom:10px;} #main-content .contents.categories .list .item + .item {border-top:0;padding-top:3px;} /* galleries - list */ #main-content .galleries .list .item {padding:10px 15px;overflow:hidden;} #main-content .galleries .list .item .image {float:left;width:140px;padding:1px;border:1px solid #B0B9C0;} #main-content .galleries .list .item .image img {width:140px;} #main-content .galleries .list .item .image + .shortcut {float:left;width:312px;padding:10px 0 0 10px;} #main-content .galleries .list .item .shortcut h4 {padding-bottom:2px;} #main-content .galleries .list .item .shortcut h4 a {color:#656565;} #main-content .galleries .list .item .shortcut p {font-size:12px;} /* galleries - content */ #main-content .galleries table {width:100%;margin:10px 0;} #main-content .galleries table td {width:33%;padding:5px 0;text-align:center;vertical-align:top;} #main-content .galleries table td img {max-width:150px;padding:1px;background-color:#FFFFFF;border:1px solid #B1B1B1;} #main-content .galleries table td p {width:60%;margin:5px auto 15px auto;} /* index */ #main-content .index h3 {border-width:1px;} #main-content .index .list {margin:0;} #main-content .index .list .item {padding:0 15px!important;} #main-content .index .slider {height:295px;padding:15px;position:relative;} #main-content .index .slider .scrollable-slider {width:468px;height:295px;position:relative;overflow:hidden;} #main-content .index .slider .scrollable-slider .items {clear:both;width:20000em;position:absolute;} #main-content .index .slider .scrollable-slider .items > div {float:left;width:468px;height:295px;position:relative;} #main-content .index .slider .scrollable-slider .items .content {width:460px;height:70px;line-height:1.4;padding:4px 8px;background-color:rgba(255,255,255,0.9);position:absolute;bottom:0;left:0;} .no-rgba #main-content .index .slider .scrollable-slider .items .content {background:url(images/slider-overlay.png);} #main-content .index .slider .scrollable-slider .items .content h4 {margin-bottom:10px;} #main-content .index .slider .scrollable-slider .items .content h4 a {color:#717372;text-decoration:none;} #main-content .index .slider .scrollable-slider .items .content p a {color:#3E698C;text-decoration:none;} #main-content .index .slider .scrollable-slider-nav {list-style:none;position:absolute;top:20px;right:20px;} #main-content .index .slider .scrollable-slider-nav li {float:left;width:11px;height:11px;background:url(images/sprite.png) -632px -38px;margin-right:10px;cursor:pointer;} #main-content .index .slider .scrollable-slider-nav li.active {background-position:-632px -10px;} #main-content .index .slider .scrollable-slider-nav a {position:absolute;clip:rect(0,0,0,0);} /* investments - search */ #main-content .investments .search .type {padding:5px 0;} #main-content .investments .search .type span.label {float:left;width:164px;} #main-content .investments .search .type label {float:none;} #main-content .investments .search .type label + input {margin-left:13px;} /* investments - list */ #main-content .investments .list .item {padding:0 15px;overflow:hidden;} #main-content .investments .list .item + .item {border-top:1px solid #DFDFDF;} #main-content .investments .list .item .image {float:left;border:1px solid #B2B2B2;margin:10px 10px 10px 0;overflow:hidden;} #main-content .investments .list .item .image img {margin:4px 4px 2px 4px;} #main-content .investments .list .item .image + .text {float:left;width:341px;} #main-content .investments .list .item .text h4 {font-size:14px;padding:7px 0;} #main-content .investments .list .item .text h4 a {color:#666;text-decoration:none;} #main-content .investments .list .item .text p {font-size:11px;text-align:justify;line-height:1.5;} #main-content .investments .list .item .text p.more {padding-bottom:5px;overflow:hidden;} /* investments - content */ #main-content .investments article h4 {padding:5px 0;text-align:right;color:#585858;font-size:13px;} #main-content .investments article h4 span {float:left;} #main-content .investments article .tabs {float:left;width:100%;margin:10px 0;border-bottom:1px solid #DFDFDF;list-style:none;} #main-content .investments article .tabs li {float:left;background-color:#007FB8;margin-right:5px;border:1px solid #E9EBEC;border-bottom:none;border-radius:10px 10px 0 0;} #main-content .investments article .tabs li.active {background-color:#FEFFFF;margin-bottom:-1px;border-bottom:1px solid #FFFEFF;} #main-content .investments article .tabs li a {display:block;padding:6px 10px;color:#FFF;font-size:13px;font-weight:bold;text-decoration:none;} #main-content .investments article .tabs li.active a {color:#7B7B7B;} #main-content .investments article .jpanes p {line-height:1.4;padding:5px 0;} #main-content .investments article .jpanes table {width:100%;border-collapse:separate;border-spacing:0;line-height:1.4;} #main-content .investments article .jpanes tr:nth-child(even) {background-color:#EEF5FE;} #main-content .investments article .jpanes td {padding:3px;} #main-content .investments article .jpanes td:first-child {width:45%;font-weight:bold;} #main-content .investments article .jpanes td:last-child {width:55%;} #main-content .investments article .infrastructure {background-color:transparent;} #main-content .investments article .infrastructure td {border-bottom:none;} #main-content .investments article .infrastructure label {width:212px;float:left;line-height:33px;font-weight:bold;} #main-content .investments article .infrastructure ul {margin-top:4px;overflow:hidden;} #main-content .investments article .infrastructure li {float:left;list-style:none;background-image:url(images/sprite.png);opacity:0.2;filter:alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";position:relative;} #main-content .investments article .infrastructure li + li {margin-left:8px;} #main-content .investments article .infrastructure li.jtooltip {opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";cursor:help;} #main-content .investments article .infrastructure li.electricity {width:32px;height:26px;background-position:-1865px -175px;} #main-content .investments article .infrastructure li.gas {width:15px;height:26px;background-position:-1865px -221px;} #main-content .investments article .infrastructure li.water {width:29px;height:15px;background-position:-1865px -267px;top:5px;} #main-content .investments article .infrastructure li.sanitation {width:18px;height:25px;background-position:-1865px -302px;} #main-content .investments article .infrastructure li.rainSanitation {width:23px;height:22px;background-position:-1865px -348px;top:2px;} #main-content .investments article .infrastructure li.telecommunication {width:26px;height:26px;background-position:-1865px -390px;top:2px;} #main-content .investments article .infrastructure li.sewageDisposal {width:39px;height:26px;background-position:-1865px -435px;} #main-content .investments article .infrastructure li.tip {width:18px;height:24px;background-position:-1865px -481px;} #main-content .investments article .jpanes #additional h4 {padding:2px;margin:1px 0;background-color:#EDF7FF;text-align:left;} #main-content .investments article .jpanes #additional p {padding:2px;} #main-content .investments article .content .output {padding:0 5px;line-height:1.4;} #main-content .investments article .footer .nav {margin:5px 0;padding:3px 0;overflow:auto;} #main-content .investments article .footer .nav a {float:left;color:#666;} #main-content .investments article .footer .nav a.next {float:right;} /* larks */ #main-content .larks article form {padding:10px 20px;} /* maps */ #main-content #gmaps {width:100%;height:300px;} #main-content #gmaps .info-window {min-height:70px;} #main-content #gmaps .info-window h4 {text-align:left;margin-bottom:4px;} #main-content #gmaps .info-window p {font-size:11px;} /* multimedia */ #main-content .multimedia #yt-container {width:478px;height:300px;padding:1px;margin-top:20px;} #main-content .multimedia #yt-description {padding:5px;} #main-content .multimedia #yt-navigation {list-style:none;padding:5px;margin:0;} #main-content .multimedia #yt-navigation li {display:inline-block;} #main-content .multimedia #yt-navigation li + li {position:relative;margin-left:10px;} #main-content .multimedia #yt-navigation li + li:before {position:absolute;top:3px;left:-7px;content:"";width:0;height:17px;border-left:1px solid #000;} #main-content .multimedia #yt-list {margin-top:20px;} #main-content .multimedia #yt-list div.list h4 {padding:10px 0;margin-bottom:10px;font-size:12px;border-bottom:1px solid #DFDFDF;color:#656565;} #main-content .multimedia #yt-list div.list div.item {clear:none;float:left;padding:8px 6px;margin-bottom:10px;border:none;text-align:center;} #main-content .multimedia #yt-list div.list div.item a img {width:100px;height:75px;margin:0;padding:1px;border:1px solid #DFDFDF;} #main-content .multimedia #yt-list div.list div.item a.active img {border-color:#000;} #main-content .multimedia #yt-list div.list div.item div.details {width:104px;height:26px;padding:3px 2px;overflow:hidden;text-align:left;} #main-content .multimedia #yt-list div.list div.item div.details h5 {font-weight:normal;font-size:11px;line-height:13px;} #main-content .multimedia #yt-list div.list div.item div.details p.desc {display:none;} /* probes - list, content */ #main-content .probes .item {height:auto;padding:5px 15px;} #main-content .probes .item + .item {border-top:1px solid #DFDFDF;} #main-content .probes .item h4, #main-content .probes article .item legend {font-size:13px;} #main-content .probes .item h4 a {color:#666;} #main-content .probes .item h4 + p {margin-top:3px;} #main-content .probes article .item legend {position:static;} #main-content .probes .item img {padding:0;border:none;} #main-content .probes .item ol.answers, #main-content .probes .item ul.answers {margin:10px 5px;line-height:1.5;} #main-content .probes .item ul.answers {list-style:none;} #main-content .probes .item p.allvotes {float:none;padding-bottom:10px;text-align:center;font-size:10px;} #main-content .probes .item ol.results {margin-left:20px;} #main-content .probes .item ul.results {padding-left:20px;list-style-type:decimal;} #main-content .probes .item .buttons {padding:5px 0;overflow:hidden;} #main-content .probes .item .buttons input {width:86px;height:26px;font-size:12px;text-transform:lowercase;background:url(images/sprite.png) -1317px -10px;padding-bottom:4px;border:none;border-radius:0;} #main-content .probes .item .buttons input:hover {background-position:-1317px -56px;} #main-content .probes .item .buttons span.ajaxstatus {width:20px;float:right;} /* sitemap */ #main-content .sitemap article ul {list-style:none;padding:0;margin:0;} #main-content .sitemap article > ul {padding:10px;} #main-content .sitemap article li {font-size:13px;line-height:1.6;padding-left:10px;position:relative;} #main-content .sitemap article li:before {content:"";position:absolute;top:8px;left:0;display:block;width:5px;height:4px;background:url(images/sprite.png) -1292px -10px;} #main-content .sitemap article li a {color:#7B7B7B;} #main-content .sitemap article > ul > li > a {font-weight:bold;} /* banner-footer */ #banner-footer {width:960px;margin:0 auto;} /* footer */ footer {clear:both;padding-top:10px;} footer h3 {font-size:13px;} footer nav {margin-top:20px;overflow:hidden;} footer nav ul {float:left;width:326px;} footer nav li {line-height:190%;} footer nav a {color:#7C7B79;text-decoration:none;padding-left:8px;position:relative;} footer nav a:hover {text-decoration:underline;} footer nav a:before {content:"";position:absolute;top:5px;left:0;display:block;width:3px;height:5px;background:url(images/sprite.png) -892px -10px;} footer section {font-size:13px;color:#9E9E9C;margin:20px 0 10px 0;} footer section table {width:100%;} footer section td {width:50%;float:left;vertical-align:middle;} footer section td.lo {text-align:right;} footer section td a {color:#878988!important;text-decoration:none;} footer section td a:hover {text-decoration:underline;} /* cookies policy */ #cookies > p {width:93%;} #cookies > a {width:7%;} /* print */ @media print { * {background:transparent!important;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important;} a, a:visited {color:#444!important;text-decoration:underline;} a[href]:after {content:"";} abbr[title]:after {content:"";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";} pre, blockquote {border:1px solid #999;page-break-inside:avoid;} thead {display:table-header-group;} tr, img {page-break-inside:avoid;} p, h2, h3 {orphans:3;widows:3;} h2, h3 {page-break-after:avoid;} body {background:none;} header, #main aside, footer, #main-content h3:before, #main-content article .wysiwyg h4.gallery-name, #main-content article .wysiwyg .gallery, #main-content form.forms, #main-content article .wysiwyg div.forms, #main-content .contents article .map, #main-content .contents article .footer a.print, #main-content .contents article .footer a.pdf {display:none;} #main, #main > .wrapper, #main-content, #main-content .contents article .footer .left {width:auto;margin:0;} #main-content h3 {padding-left:6px;} }