/*************************************
Projekt i wykonanie: LastLevel.pl
**************************************/

/*BODY*/
body{background: url('../img/site/background.jpg'); font-family: trebuchet ms; margin: 0px;}

/*TOP PAGE*/
.topPageBar{height: 75px; background: url('../img/site/topPageBar.png') repeat-x;}
.topPageBarNavi{width: 1000px; height: 30px; margin: auto;}
.topPageBarNavi ul{float: right; list-style-type: none; height: 20px; padding: 0; margin: 3px 0 0 0;}
.topPageBarNavi li{float: left; color: #cccccc; font-size: 10px; letter-spacing: 1px;}
.topPageBarNavi li a{color: #cccccc; text-decoration: none;}
.topPageBarNavi li a:hover{text-decoration: underline;}

.topPageBarMenu{width: 1000px; height: 75px; margin: auto;}
.topPageBarMenuSlogan{float: left; width: 400px; height: 30px; padding: 2px; margin: 10px 0 0 15px; opacity: .7; filter: alpha(opacity=50);}
.topPageBarMenuSlogan p{color: #ffffff; font-style: italic; font-size: 14px; padding: 0; margin: 0;}

/*MIDDLE PAGE*/
.middlePage{width: 1068px; background: url('../img/site/middlePage.png') repeat-y; margin: auto;}

/*middle page content*/
.middlePageContent{}

/*middle page content left*/
.middlePageContentLeft{width: 440px; float: left; margin: 10px 10px 10px 40px;}
.middlePageContentLogo{margin: 20px 0 20px 0;}

/*middle page content right*/
.middlePageContentRight{width: 540px; float: left; margin: 30px 0 10px 0;}
.middlePageContentRight h1{font-size: 35px; color: #101010; font-weight: normal; margin: 0 0 0 0;}
.middlePageContentRight p{font-size: 13px; line-height: 22px; color: #5b5b5b; }

/*contact form*/
.contactForm{width: 410px; text-align: center; margin: 10px auto;}
.contactForm p{text-align: right; font-size: 13px; color: #9F948B; margin: 5px 0 0 0;}
.contactForm p input{width: 290px; background: #EFEFEF; font-size: 11px; border: 1px #AF2030 solid; padding: 2px;}
.contactForm p textarea{width: 290px; height: 150px; background: #EFEFEF; border: 1px #AF2030 solid; padding: 2px;}

/*site text*/
.siteText img{background: #5D090C; border: 1px #7F070F solid; padding: 4px}

/*cat text*/
.catText {width: 900px; padding: 50px; margin: auto;}
.catText h1{font-size: 32px; color: #16345E; font-weight: normal; margin: 0 0 0 0;}
.catText h2{font-size: 18px; color: #001D3F}
.catText p{font-size: 13px; line-height: 22px; color: #5b5b5b;}
.catText li{font-size: 13px; line-height: 22px; color: #5b5b5b; margin-top: 6px}
.catText form{float: left; width: 350px; text-align: right; margin: 0 50px 50px 0;}
.catText form p{font-weight: bold;}
.catText form input{width: 250px;}
.catText form textarea{width: 250px; height: 200px}

.catList{float: left; margin: 0 20px 0 30px;}

/*post text*/
.postText {width: 900px; padding: 50px; margin: auto;}
.postText h1{font-size: 32px; color: #16345E; font-weight: normal; margin: 0 0 0 0;}
.postText h2{font-size: 18px; color: #001D3F}
.postText p{font-size: 13px; line-height: 22px; color: #5b5b5b;}
.postText li{font-size: 13px; line-height: 22px; color: #5b5b5b; margin-top: 6px}
.postText a{color: #1a3765; text-decoration: underline;}

/*posts list box*/
.postsListBox{width: 425px; height: 135px; background: url('../img/site/postsListBox.png') no-repeat; margin: 10px 0 10px 0;}
.postsListBox a{color: #1a3765; text-decoration: none;}
.postsListBox a:hover{color: #1a3765; text-decoration: underline;}
.postsListBox h2{width: 240px; float: left; font-size: 16px; padding: 12px 0 0 0; margin: 0 0 2px 0;}
.postsListBox h3{}
.postsListBox p{width: 240px; height: 65px; float: left; font-size: 13px; line-height: 16px; color: #5b5b5b; margin: 0 0 0 0; overflow: hidden;}
.postsListBox img{width: 156px; height: 103px; float: left; margin: 11px 8px 0 13px;}

.postsListBoxFooter{width: 230px; float: left; text-align: right;}
.postsListBoxFooter a{color: #fd3434; font-size: 11px; font-weight: bold; text-decoration: underline;}

/*FOOTER PAGE*/
.footerPage{width: 1068px; height: 71px; background: url('../img/site/middlePage.png') repeat-y; margin: auto;}

/*footer page info*/
.footerPageInfo {width: 1022px; height: 71px; background: url('../img/site/footerPageInfo.png') repeat-x; margin: auto;}

/*footer page info copy*/
.footerPageCopy {float: left; width: 200px; height: 55px; padding: 10px 0 0 0; margin: 5px 0 0 30px;}
.footerPageCopy a{color: #010101;}
.footerPageCopy p{font-size: 11px; color: #8a8a8a; padding: 0; margin: 0 0 0 0;}

/*footer page info phone*/
.footerPagePhone {float: right; width: 210px; height: 55px; background: url('../img/site/footerPagePhone.png') no-repeat right; padding: 10px 0 0 0; margin: 4px 0 0 10px;}
.footerPagePhone p{font-size: 12px; color: #8a8a8a; padding: 0px 0 0 0; margin: 0 0 0 0;}
.footerPagePhone b{color: #fd3434;}

/*footer page info menu*/
.footerPageMenu {float: right; width: 340px; height: 55px;}
.footerPageMenu ul{list-style-type: none; padding: 0; margin: 12px 0 0 0;}
.footerPageMenu li{float: left; color: #5b5b5b; font-size: 11px; letter-spacing: 1px; font-family: arial;}
.footerPageMenu li a{color: #5b5b5b; text-decoration: none;}
.footerPageMenu li a:hover{text-decoration: underline;}

.sygnature{float: right; margin: 0 20px 0 0;}
.sygnature a{color: #b94b1a; text-decoration: underline;}

.footerPageBorder{width: 1068px; height: 17px; background: url('../img/site/footerPageBorder.png'); margin: auto;}

/* GALLERY */
.galleryAlbums{width: 760px; margin: 5px auto 20px auto;}
.galleryAlbumsThumb{width: 130px; float: left; background: #4F0005; text-align: center; border: 1px #1F0002 solid; margin: 10px;}
.galleryAlbumsThumb p{text-align: center;}
.galleryAlbumsThumb img{border: 1px #1F0002 solid;}

.galleryAlbumsPhoto {width: 121px; background: #890006; float: left; border: 1px #ECE9BC solid; padding: 2px; margin: 5px;}
.galleryAlbumsPhoto img{border: 1px #1F0002 solid;}

/* MENU */
.siteMenu {float: left; width: 550px; margin: 15px 0 0 20px;}

/* remove the bullets, padding and margins from the lists */
.siteMenu ul{float: right; list-style-type:none; padding:0; margin: 0px 20px 0 0; }

/* make the top level links horizontal and position relative so that we can position the sub level */
.siteMenu li{height: 30px; float: left; background: url('../img/site/siteMenuInactiv.png') repeat-x; margin: 0 10px 0 0; position: relative; display: inline; z-index:100;}

/* style all the links */
.siteMenu a, .menu :visited {color: #ffffff; text-decoration:none; text-align:center; font-family: trebuchet ms; padding: 0 1px 0 1px; margin: 4px 10px 4px 10px; display:block;}

/* style the links hover */
.siteMenu li:hover{background: url('../img/site/siteMenuActiv.png') repeat-x;}
.siteMenu li:hover a{color: #000000;}

/* hide the sub level links */
.siteMenu ul ul {height:0; visibility:hidden; position:absolute;}

/* make the sub level visible on hover list or link */
.siteMenu ul li:hover ul{width: 250px; font-size: 11px; visibility:visible;}
.siteMenu ul li:hover ul li{width: 200px; height: 20px; background: #3B5F9F; text-align: left; font-size: 11px; opacity: .9; filter: alpha(opacity=90);}
.siteMenu ul li:hover ul li:hover{background: #EFEFEF}
.siteMenu ul li:hover ul li a{color: #ffffff}
.siteMenu ul li:hover ul li a:hover{color: #000000}

/* Lightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url('../img/site/lightbox/blank.gif') no-repeat; display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url('../img/site/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../img/site/lightbox/nextlabel.gif') right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }