@import "edc_application/Styles/Main.css";

html{overflow-y:scroll;}
body{padding:0; margin:0; font:13px arial; line-height:18px; color:#717171;}
p, ul, li, ol{padding:0; margin:0;}
ul, li, ol{list-style:none;}
a{color:#c00; text-decoration:none; outline:0;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4{padding:0; margin:0;}

#wrapper{background:url('Layout/MainBg.gif') repeat-x top;}
#container{width:966px; margin:auto; min-height:1000px;}
#header{position:relative; height:91px; background:url('Layout/Slogan.gif') no-repeat 214px 26px;}
#header.en{background-image:url('Layout/Slogan-en.gif');}
#header #logo{position:absolute; width:191px; height:91px; background:url('Layout/Logo.gif'); cursor:pointer; left:0; top:0;}
#header #flags{position:absolute; height:19px; right:2px; top:15px;}
#header #flags a img{border:0;}
#bannerContainer{margin-top:19px; height:213px;}

input.text{border:1px solid #bdbdbd; vertical-align:middle; background-color:#fff; height:17px; padding-top:2px; font-size:13px; color:#666; background:url('Layout/InputBg.gif') repeat-x; padding-left:3px;}
input.file{font-size:13px; color:#666; padding:0px;}
input.button{border:0;}
select{border:1px solid #bdbdbd; background-color:#fff; height:27px; padding-top:2px; padding-bottom:2px; font-size:13px; color:#666; background-repeat:repeat-x; padding-left:4px; overflow:visible; vertical-align:middle;}
textarea{border:1px solid #bdbdbd; background-color:#fff; padding-top:4px; width:350px; font-family:arial; font-size:13px; color:#666; background:url('Layout/InputBg.gif') repeat-x; padding-left:3px; font-family:arial;}

#mainMenuContainer{background:url('Layout/MenuBegin.png') no-repeat; height:39px;}
#mainMenu{background:url('Layout/MenuBg.gif'); height:39px; margin-left:191px;}
#mainMenu.en{background:url('Layout/MenuBg-en.gif');}
#mainMenu li{float:left; height:39px; position:relative;}
#mainMenu li ul{position:absolute; display:none; border-top:0px; top:39px; background:url('Layout/MainSubMenuBg.gif') repeat-x #0072ba; width:100%; padding-top:5px; padding-bottom:5px;}
#mainMenu li ul li{margin:0px; width:100%; height:auto;}
#mainMenu li ul div{width:auto; margin:0 10px 0 10px; line-height:17px; padding-top:5px; padding-bottom:5px; background:url('Layout/MainMenuSubSep.gif') top repeat-x;}
#mainMenu li ul li.first div{background:none;}
#mainMenu li ul li div.sub a{color:#fff; font-weight:bold; width:auto; margin:0px; padding-left:14px; height:auto;}
#mainMenu li ul li div.sub a.selected{background:none; color:#fafafa;}
#mainMenu.en li ul li div.sub a.selected{background:none; color:#fafafa;}
#mainMenu li ul a:hover{text-decoration:underline; background:none;}
#mainMenu.en li ul a:hover{text-decoration:underline; background:none;}
#mainMenu li a{display:block; height:39px;}
#mainMenu li.item-1 a{width:152px;}
#mainMenu li.item-2 a{width:207px; background-position:-153px 0; margin-left:1px}
#mainMenu li.item-3 a{width:160px; background-position:-361px 0; margin-left:1px}
#mainMenu li.item-4 a{width:136px; background-position:-522px 0; margin-left:1px}
#mainMenu li.item-5 a{width:116px; background-position:right 0; margin-left:1px}
#mainMenu.en li.item-1 a{width:134px;}
#mainMenu.en li.item-2 a{width:175px; background-position:-135px 0;}
#mainMenu.en li.item-3 a{width:193px; background-position:-311px 0;}
#mainMenu.en li.item-4 a{width:159px; background-position:-505px 0;}
#mainMenu.en li.item-5 a{width:110px; background-position:right 0;}
#mainMenu li a.selected, #mainMenu li a.bloodline{background-image:url('Layout/MenuBgSelected.gif');}
#mainMenu.en li a.selected, #mainMenu.en li a.bloodline{background-image:url('Layout/MenuBgSelected-en.gif');}
#mainMenu li a.selected:hover, #mainMenu li a.bloodline:hover, #mainMenu li a.selected.over, #mainMenu li a.bloodline.over{background-image:url('Layout/MenuBgSelected.gif');}
#mainMenu.en li a.selected:hover, #mainMenu.en li a.bloodline:hover, #mainMenu.en li a.selected.over, #mainMenu.en li a.bloodline.over{background-image:url('Layout/MenuBgSelected-en.gif');}
#mainMenu li a:hover, #mainMenu li a.over{background-image:url('Layout/MenuBgHover.gif');}
#mainMenu.en li a:hover, #mainMenu.en li a.over{background-image:url('Layout/MenuBgHover-en.gif');}

#body{height:100%; overflow:auto; background:url('Layout/BodySep.gif') repeat-y 258px; position:relative;}
#sidebarTop{position:absolute; height:22px; width:267px; background:url('Layout/SidebarTopBg.gif');}
#sidebar{float:left; width:237px; margin-top:22px;}
#sidebar div.top{height:9px; background:url('Layout/SidebarMenuBgTop.gif'); overflow:hidden;}
#sidebar div.mid{background:url('Layout/SidebarMenuBgMid.gif') no-repeat #eff2f4;}
#sidebar div.bot{height:7px; background:url('Layout/SidebarMenuBgBot.gif'); overflow:hidden;}

#sidebarMenu{padding:20px 14px 14px 14px;}
#sidebarMenu li{height:auto; padding-left:10px; /*line-height:30px;*/ background:url('Layout/Bullet.gif') left 12px no-repeat; }
#sidebarMenu li ul li{background-image:url('Layout/SubBullet.gif'); }
#sidebarMenu li div{padding-top:5px; padding-bottom:5px; line-height:20px; background:url('Layout/MenuSep.gif') top repeat-x;}
#sidebarMenu li ul li div{background:url('Layout/MenuSep.gif') top repeat-x;}
#sidebarMenu li.first div{background:none;}
#sidebarMenu li.first ul li div{background:url('Layout/MenuSep.gif') top repeat-x;}
#sidebarMenu li div a{display:block; padding-left:4px; color:#0b5075; font-weight:bold;}
#sidebarMenu li div a.selected{color:#c00;}

#partners{background:url('Layout/PartnerzyProjektu.gif') no-repeat 14px 40px; min-height:300px; padding:50px 0 0 50px;}
#partners.new{padding-top:30px; background-position:14px 20px;}
#partners.en{background-image:url('Layout/OurPartners.gif');}
#partners a{display:inline; margin-top:42px; float:left; clkear:both;}
#partners a img{border:0px;}

#content{width:691px; float:right; background:url('Layout/TitleBg.gif') left 47px repeat-x;}
#content.new{background:none;}
#path{height:21px; font:bold 11px tahoma; color:#0072ba; text-align:right; padding-top:10px; padding-right:23px;}
#path a{color:#0072ba;}
#content h2{font:bold 22px arial; color:#11608b; line-height:22px; background:#0ff; float:left; padding-left:11px; padding-right:10px; line-height:27px; background:url('Layout/TitleCover.gif') repeat-x; }
#content div.separator{clear:both; padding-top:10px; padding-bottom:10px;}
#content div.body{margin:10px 23px 10px 11px;}
#content div.intro {height:100%; overflow:auto; position:relative;  padding-bottom:30px; margin-right:23px; margin-left:11px;}
#content div.intro.noBody {padding-bottom:10px;}
#content div.intro h3{font:bold 15px arial;}
#content div.intro h3 span{color:#11608b;}
#content div.intro h3 a{color:#717171;}
#content div.intro div.miniature{float:left; width:172px; height:109px; border:1px solid #bfcfd9; margin-top:21px; cursor:pointer;}
#content div.intro div.content{float:right; width:454px; margin-top:15px;}
#content div.intro div.content p{padding:0;}
#content div.intro div.content.noMiniature{width:100%}
#content div.intro .readMore{position:absolute; right:0; bottom:0;}
#content div.intro .readMore.pl{/*background:url('Layout/Buttons/ReadMore-pl.gif');*/}
#content div.intro .readMore.en{/*background:url('Layout/Buttons/ReadMore-en.gif');*/}
#content div.intro .readMore{background:#696969; font-weight:bold; padding:5px 15px; margin:0 5px; color:#fff; text-decoration:none;}
#content div.intro .readMore:hover{background:#f1882d;}
#content div.intro span.readMore.pl{background:url('Layout/Buttons/ReadMoreDisabled-pl.gif');}
#content div.intro span.readMore.en{background:url('Layout/Buttons/ReadMoreDisabled-en.gif');}
#content div.introsList {clear:both;}
#content div.introsList div.separator.first{display:none;}
#content div.introsList div.separator{margin-top:17px; height:27px; padding:0; background:url('Layout/IntroSep.gif') repeat-x top;}
#content a.archive{float:right; margin-right:23px; display:inline; background:#696969; font-weight:bold; padding:5px 15px; margin:0 5px; color:#fff; text-decoration:none; margin-right:23px;}
#content a.archive:hover{background:#f1882d;}
#content a.archive img{border:none;}


#footer{height:68px; background:url('Layout/FooterBg.gif') repeat-x bottom; margin-top:30px; text-align:center; margin-bottom:22px; position:relative;}
#footer img{position:absolute; right:24px; top:-80px;}

#secondaryFooter {font:11px tahoma; height:50px;}
#secondaryFooter #copyright{float:left; margin:22px; color:#8f989c; margin-top:0;}
#secondaryFooter ul{float:left; margin-left:60px; font-weight:bold;}
#secondaryFooter ul li{float:left; padding-right:10px; margin-right:10px; background:url('Layout/FooterMenuSep.gif') right no-repeat; line-height:14px;}
#secondaryFooter ul li.last{background:0;}
#secondaryFooter ul li a{color:#8f989c;}
#secondaryFooter ul li a:hover{text-decoration:underline;}
#secondaryFooter a.iarts{float:right; margin:22px; margin-top:0;}
#secondaryFooter a.iarts img{border:0;}

#pager{width:100%; font-weight:bold; margin-top:20px; height:30px;}
#pager td.lastPage {text-align:right;}
#pager td.pagerBody {text-align:center;}
#pager a{background:#696969; padding:5px 10px; margin:0 5px; color:#fff; text-decoration:none;}
#pager a:hover{background:#f1882d;}
#pager span{background:#f1882d; padding:5px 10px; margin:0 5px; color:#fff; cursor:default;}
#pager span.nextPage, #pager span.previous{display:none;}

#articleGallery{background:url('Layout/GalleryTitleSep.gif') 28px 28px repeat-x #eff3f6; height:100%; overflow:auto; padding-bottom:16px; margin-left:11px; margin-right:23px; padding-top:17px;}
#articleGallery h2{font:bold 22px arial; color:#11608b; line-height:22px; background:#eff3f6; float:left; padding-left:27px; padding-right:10px;}
#articleGallery div.gallerySeparator{clear:both; border:0; height:10px; float:none; display:block; overflow:hidden; line-height:0;}
#articleGallery div.miniature {float:left; width:100px; height:100px; margin-left:27px; margin-top:16px;}
#articleGallery div.miniature a{border:1px solid #dadbdd; width:98px; height:98px; display:block;}
#articleGallery div.miniature a:hover{border:1px solid #e57d1e;  width:98px; height:98px;}
#articleGallery div.miniature img{border:0;  width:98px; height:98px;}

#searchBox {display:inline;}
#searchBox fieldset{margin:0; padding:0; border:0; height:40px;}
#searchBox .text{background:#eff2f4; color:#666; height:20px; vertical-align:middle; width:165px; float:left;}
#searchBox .button{background:#00539c; color:#fff; padding:0; vertical-align:middle; line-height:17px; padding:3px 0 4px 0; width:60px; float:right;}
.browserIE7 #searchBox .button, .browserIE6 #searchBox .button{padding:2px 0 2px 0;}
#searchBox input.button.hover{background-color:#2384c2;}


div.scrollable {float:left;}
a.prev, a.next, a.prevPage, a.nextPage {display:block; width:18px; height:18px; background:url(../img/scrollable/arrow/left.png) no-repeat; float:left; margin:43px 10px; cursor:pointer; font-size:1px;}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -18px;}
a.disabled {visibility:hidden !important;}
a.next, a.nextPage {background-image:url(../img/scrollable/arrow/right.png); clear:right;}
div.navi {margin-left:328px; width:200px; height:10px; text-align:center;}
div.navi a {width:8px; height:8px; float:left; margin:3px; background:url('Layout/Navigator.png') 0 0 no-repeat; display:block; font-size:1px;}
div.navi a:hover {background-position:0 -8px;}
div.navi a.active {background-position:0 -16px;}
#main {position:relative; overflow:hidden; height: 435px;}
#pages {position:absolute; height:20000em;}
.page {padding:10px 0px 10px 0px; height: 425px; background:#eff2f4 0 0 repeat-x; width:570px; z-index:1;}
.scrollable{position:relative; overflow:hidden; width:570px; height:425px;}
.scrollable .items {width:20000em; position:absolute; clear:both;}
.item {float:left; cursor:pointer; width:570px; height:425px; padding:0; position:relative;}
.item img{margin-left:15px;}
.item .description{position:absolute; height:35px; line-height:35px; background:#00539c; color:#fff; bottom:60px; right:0px; padding-left:25px; padding-right:25px;}
#main_navi {position:absolute; right:0; top:0px; bottom:0; padding:0px !important; margin:0 0 0 0 !important; z-index:10; background-color:#eff2f4}
#main_navi li {background-color:#eff2f4; position:relative; clear:both; color:#FFFFFF; font-size:12px; height:75px; text-align:center; list-style-type:none; padding:5px; width:100px; cursor:pointer; clear:both; float:left;}
#main_navi li:hover {background-color:#d0e0ea;}
#main_navi li.active {background-color:#d9d9d9;}
#main_navi li.active .arrow{display:block;}
#main_navi img {margin:auto;}
#main_navi img.arrow{position:absolute; top:23px; left:-17px; display:none; z-index:5px;}
#main_navi strong {display:block;}
#main div.navi {margin-left:250px; cursor:pointer; padding-top:5px; padding-bottom:10px;}
#sliderContainer{position:relative; margin-top:22px;}
#sliderTopBorder{position:absolute; left:0; top:0; right:0; height:9px; background:url('Layout/HomeGalleryBorder.gif'); z-index:20;}
