/* Theme Name: Jocker */
body { background: #101C2C url(img/bg.jpg) no-repeat; font-family: Arial; font-size: 12px; color: white; }
.clear { clear: both; }
img.alignleft { float: left; }
img.alignright { float: right; }
img.aligncenter { display: block; margin: auto; }

/* Page Structure */
#page { width: 960px; margin: auto; height: 1000px; }
#header { height: 125px; position: relative; }

/* Header */
#logo { display: block; width: 320px; height: 65px; background: url(img/logo.png) no-repeat; position: absolute; left: 9px; top: 30px; }
#nav { position: absolute; left: 671px; top:30px; }
#nav li { float: left; height: 57px; }
#nav li a { display: block; height: 57px; }
#nav li.nav01 a { background: url(img/nav01.png) no-repeat; width: 72px; margin-right: 16px; } 
#nav li.nav02 a { background: url(img/nav02.png) no-repeat; width: 46px; margin-right: 18px; } 
#nav li.nav03 a { background: url(img/nav03.png) no-repeat; width: 62px; margin-right: 25px; } 
#nav li.nav04 a { background: url(img/nav04.png) no-repeat; width: 40px;} 

/* Slider */
#slider { display: none; height: 226px; margin: 8px 0 0 10px; }

/* Baner */
#banner { margin: auto; margin-bottom: 19px; width: 885px; position: relative; z-index: -1; }

/* Footer Slider */
#footerSlider { height: 120px; }
#footerSlider div { float: left; }
#footerSliderLeft { width: 38px; height: 120px; background: url(img/footerSliderLeft.png) no-repeat; }
#footerSliderRight { width: 37px; height: 120px; background: url(img/footerSliderRight.png) no-repeat; }
#footerSliderContent { width: 885px; height: 120px; background: url(img/footerSliderContent.png) no-repeat; }
#footerSliderContent ul { margin: 10px 0 0 20px; height: 120px; overflow: hidden;  }
#footerSliderContent ul li { float: left; margin-right: 35px; }

/* Footer Logo */
#footerLogo { display: block; width: 76px; height: 32px; background: url(img/footerLogo.png) no-repeat; margin: 25px auto; position: relative;}
#footerLogo p {font-size: 9px; text-align: center; position: absolute; bottom: -10px;}

/* Index */
#indexContent { height: 290px; overflow: hidden; padding-top: 53px; }
#indexContent div { float: left; }
#indexContent div#indexService { width: 300px; margin: 0 0 0 7px; margin-right: 26px; }
#indexContent div#indexService h2 { text-indent: -9999px; background: url(img/fullService.png) no-repeat; width: 230px; height: 80px; margin-bottom: 20px; }
#indexContent div#indexService p { line-height: 16px; margin-bottom: 10px;  }
#indexContent div#indexCircle { margin-right: 57px; }
#indexContent div#indexNews { width: 320px; margin-top: -10px;   }
#indexContent div#indexNews h2 { text-indent: -9999px; background: url(img/aktualnosci.png) no-repeat; width: 147px; height: 26px; margin-bottom: 20px; }
#indexContent div#indexNews ul li { margin-bottom: 20px; }
#indexContent div#indexNews p span { color: #146fa3; }
#indexContent div#indexNews a.more { display: block; width: 83px; height: 26px; background: url(img/more.png) no-repeat; margin: 15px 0 0 235px; }

/* Aktualnosci */
#aktualnosciContent { height: 536px; overflow: hidden; padding-top: 41px; }
#aktualnosciLeft { width: 280px; margin: 0 0 0 10px; float: left; margin-right: 16px;  }
#aktualnosciLeft h2 { text-indent: -9999px; background: url(img/fullService.png) no-repeat; width: 230px; height: 80px; margin-bottom: 20px; }
#aktualnosciLeft p { line-height: 16px; margin-bottom: 20px; width: 250px;  }
#aktualnosciRight { float: left; width: 645px; margin-top: 6px;  }
#aktualnosciRight div { height: 160px; margin-bottom: 80px; }
#aktualnosciRight div img { border: 3px solid #bbd4df; float: left; margin-right: 32px; }
#aktualnosciRight div p { line-height: 19px; font-size: 13px; }
#aktualnosciPage { margin: 0 0 0 112px;  }
#aktualnosciPage { left: 660px; }
#aktualnosciPage ul li { float: left; }
#aktualnosciPageLeft  { width: 23px; height: 27px;  }
#aktualnosciPageLeft a { display: block; width: 23px; height: 27px; background: url(img/PageLeft.png) no-repeat; }
#aktualnosciPageRight a { display: block; width: 24px; height: 27px; background: url(img/PageRight.png) no-repeat; }
#aktualnosciPageContent { display: block; width: 75px; height: 27px; background: url(img/Page.png) no-repeat; }

/* Portfolio */
#portfolioContent { height: 546px; overflow: hidden; padding-top: 31px; }
#portfolioContent #portfolioEntries { height: 500px; overflow: hidden; }
#portfolioContent #portfolioEntries li { float: left; width: 280px; height: 200px; margin: 0 32px 65px 5px; padding: 0 0 0 3px; }
#portfolioContent #portfolioEntries li h2 { font-size: 17px; font-weight: normal; margin-bottom: 4px; }
#portfolioContent #portfolioEntries li p { height: 16px; line-height: 16px; margin-bottom: 14px; }
#portfolioContent #portfolioEntries li p a { color: white; text-decoration: none; }
#portfolioContent #portfolioEntries li img { margin-left: 2px; border: 3px solid #c2d1de; }
#portfolioPage { margin: 0 0 0 420px;  }
#portfolioPage ul li { float: left; }
#portfolioPageLeft  { width: 23px; height: 27px;  }
#portfolioPageLeft a { display: block; width: 23px; height: 27px; background: url(img/PageLeft.png) no-repeat; }
#portfolioPageRight a { display: block; width: 24px; height: 27px; background: url(img/PageRight.png) no-repeat; }
#portfolioPageContent { display: block; width: 75px; height: 27px; background: url(img/Page.png) no-repeat; }

/* Slide Page */
.slidePageClose { position: absolute; bottom: -32px; left: 450px; display: block; background: url(img/slidePageClose.png) no-repeat; width: 61px; height: 61px; z-index: 99; }

#slidePageONas { position: absolute; width: 960px; z-index: 999; height: 0px; display:none; background: white url(img/slidePage.png) repeat-x bottom; color: #146FA3; }
#slidePageONas h2 { color: #6E6E6E; font-weight: normal; font-size: 18px; margin-bottom: 16px; }
#slidePageONasLeft { width: 480px; float: left; margin: 27px 29px 0 8px; }
#slidePageONasLeft img { float: left; margin-right: 20px; }
#slidePageONasLeft p { line-height: 15px; margin-bottom: 10px;  }
#slidePageONasRight {  float: left; width: 440px; margin-top: 27px; }
#slidePageONasRight ul li { float: left; height: 140px; margin: 0 10px 25px 0 ; }
#slidePageONasRight ul li img { margin-bottom: 8px; }
#slidePageONasRight ul li p { width: 120px;}
#slidePageONasRight ul li p a {text-decoration: none; color: #146FA3; }
#slidePageONasRight ul li p a:hover { text-decoration: underline; color: #146FA3; }

#slidePageKontakt { position: absolute; width: 960px; z-index: 999; height: 0px; display: none; background: white url(img/slidePage.png) repeat-x bottom; color: #146FA3;  }
#slidePageKontakt h2 { color: #6E6E6E; font-weight: normal; font-size: 18px; margin-bottom: 16px; }
#slidePageKontaktLeft { width: 480px; float: left; margin: 27px 140px 0 8px; }
#slidePageKontaktLeft .formularz { margin: -2px 0 0 5px; width: 460px; position: relative; }
#slidePageKontaktLeft p.name { position: absolute; left: 0px; top:3px; width: 210px; }
#slidePageKontaktLeft p.name input { margin-top: 8px; background: url(img/input.png) repeat-x; border: 1px solid #DBDBDB; height: 24px; width: 206px;  }
#slidePageKontaktLeft p.email { position: absolute; left: 240px; top:3px; width: 210px;  }
#slidePageKontaktLeft p.email input { margin-top: 8px; background: url(img/input.png) repeat-x; border: 1px solid #DBDBDB; height: 24px; width: 206px;  }
#slidePageKontaktLeft div.message { position: absolute; left: 0px; top:73px; width: 210px; }
#slidePageKontaktLeft div.message textarea { margin-top: 8px; background: url(img/input.png) repeat-x; border: 1px solid #DBDBDB; height: 133px; width: 206px;  }
#slidePageKontaktLeft div.info { position: absolute; left: 255px; top:150px; width: 210px;   }
#slidePageKontaktLeft div.info h2 {  }
#slidePageKontaktLeft div.info p { margin-bottom: 5px;  }
#slidePageKontaktLeft div.info p a { text-decoration: none; color: #146FA3;  }
#slidePageKontaktLeft div.send { position: absolute; left: 0px; top:250px; width: 210px; }
#slidePageKontaktRight {  float: left; width: 320px; margin-top: 27px; }
#slidePageKontaktRight img { margin: 14px 0 0 17px;}
.wpcf7-response-output { position: absolute; z-index: 1000; background: white; top: -25px; }