/*
Theme Name: Twoja Perspektywa
Description: Szablon dla drugiej edycji programu Twoja Perspektywa
Version: 1.0
Author: Michał Mrozowski
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
/* END */

body #wrapper li a.inactive {color: #a7a7a7}

body {font: 12px/14px Arial, Verdana, Tahoma, sans-serif; background: #fff; color: #0a0a0a; text-align: center;}

body .clr {clear: both; height: 0; width: 0; font: 0px/0px Arial; float: none;}
body .underTheCarpet {position: absolute; left: -777em; top: -777em;}
a, a:link, a:visited {color: #0a0a0a; text-decoration: none;}
a:hover, a:active {color: #ff6600; text-decoration: none;}

#wrapper {width: 950px; text-align: left; margin: 0 auto;}

/* IMAGES */
body .program {background: transparent url(img/titles/program.jpg) no-repeat right top;}
body .warsztaty {background: transparent url(img/titles/warsztaty.jpg) no-repeat right top;}
body .konkurs {background: transparent url(img/titles/konkurs.jpg) no-repeat right top;}
body .aktualnosci {background: transparent url(img/titles/aktualnosci.jpg) no-repeat right top;}
body .deskorolka {background: transparent url(img/titles/deskorolka.jpg) no-repeat right top;}
body .paczki {background: transparent url(img/titles/paczki.jpg) no-repeat right top;}
body .planety {background: transparent url(img/titles/planety.jpg) no-repeat right top;}
body .serce {background: transparent url(img/titles/serce.jpg) no-repeat right top;}
body .zarowka {background: transparent url(img/titles/zarowka.jpg) no-repeat right top;}
body .drogowskaz {background: transparent url(img/titles/drogowskaz.jpg) no-repeat right top;}
body .rakiety {background: transparent url(img/titles/rakiety.jpg) no-repeat right top;}

/* HEADER */
.header {margin: 14px 0 12px; position: relative; padding: 25px 0}
/* .ie .header {margin: 14px 0 0;} */
.header .twojaPerspektywaLogo {left:174px; top: 3px; display: block; background: transparent url(img/twoja-perspektywa-logo-wide.gif) no-repeat 0 7px; width: 334px; height: 56px; float: left; position: absolute;}
.header .tpLogo {display: block; width: 64px; height: 41px; background: transparent url(img/tp-logo.gif) no-repeat; float: left; position: absolute; top: 6px; left: 15px;}
.header .orangeLogo {display: block; width: 40px; height: 40px; background: transparent url(img/orange-logo.gif) no-repeat; float: right; position: absolute; top: 6px; right: 10px;}
.newsletterSubscribe {display: block; width: 190px; height: 54px; background: transparent url(img/subscribe-banner.jpg) no-repeat; position: absolute; left: 640px; top: -14px;}

/* MENU */
.horMenu {border: 1px solid #ececec}
.horMenu ul {height: 32px;display: block; padding: 0; overflow: hidden;border: 1px solid #c8c8c8; background: transparent url(img/bg-hormenu.gif) repeat-x left bottom;}
.horMenu li {display: block; float: left;}
.horMenu li a {float: left; display: block; line-height: 32px; height: 32px; border-left: 1px solid #d5d5d5; padding: 0 19px; font-weight: bold;}
.horMenu li.last a {border-right: none;}
.horMenu li.start a {width: 55px; border-left: none; background: transparent url(img/bg-hormenu-start.gif) no-repeat left bottom; padding: 0;}
.horMenu li.current_page_item a, #page-25 .horMenu .page-item-25 a {color: #ff6600;}

.verMenu {border: 1px solid #ececec; float: right;}
.verMenu ul {display: block; padding: 0 10px; border: 1px solid #c8c8c8}
.verMenu li {display: block; width: 240px; background: #fff;}
.verMenu li a {display: block; line-height: 28px; border-bottom: 1px solid #c8c8c8; background: transparent url(img/arrow.gif) no-repeat 0 13px; padding: 0 0 0 13px;}
.verMenu li.last a, .verMenu li.page-item-53 a {border-bottom: none;}
.verMenu li.current_page_item a {color: #ff6600;}

.footer {border-top: 3px solid #d6d6d6; padding: 8px 0 15px}
.footer li, .uczelniePatronackie li {display: inline; letter-spacing: -0.2px}
.footer li a, .uczelniePatronackie li a {padding: 0 10px 0 8px; background: transparent url(img/square.gif) no-repeat 0 7px;}

.uczelniePatronackie {margin: 10px 10px 25px 20px; line-height: 23px;}

/* COLUMNS */
.leftColumn {float: left; width: 685px;}
.rightColumn {float: right; width: 265px;  margin: 18px 0 30px}

.leftColumn .patroni {background: transparent url(img/patroni-5.jpg) no-repeat; width: 615px; height: 227px; position: relative;}
.leftColumn .patroni ul li, .leftColumn .patroni ul li a {display: block; float: left;}
.leftColumn .patroni .patroniFirst li {margin: 0 20px;}
.leftColumn .patroni .patroniSecond li {margin: 0 7px;}
.leftColumn .patroni .patroniFirst {top: 97px; position: absolute}
.leftColumn .patroni .patroniSecond {top: 147px; position: absolute}
.leftColumn .patroni .patron {top: 25px; left: 30px; position: absolute}

/* CONTENT */

.content {margin: 0;}
.content .titleHolder {height: 100px;  padding: 0;}
.content .title {padding: 30px 0 0 25px; background: transparent url(img/big-arrow.gif) no-repeat 0 48px;}
.content .title h1 {}

.content .text {border: 1px solid #c8c8c8; margin: 0 18px 20px 0; padding: 22px 18px 12px; background: transparent url(img/bg-text.gif) repeat-x;}

.pageList .entry {padding: 0 0 0 13px; background: transparent url(img/arrow.gif) no-repeat 0 5px; border-bottom: 1px solid #ececec; margin: 0 0 10px 0}
.pageList .pageTitle a {font-weight: bold;}
.pageList .entry .date, .text .date {color: #c8c8c8; font-size: 11px; line-height: 18px;margin: 0 0 10px 0}
.text .pageList .date {margin: 3px 0 5px 0}

.text p {margin: 0 0 15px; line-height: 17px;}
.text p strong {font-weight: bold;}

.text a, .text a:link, .text a:visited {color: #ff6600; text-decoration: none;}
.text a:hover, .text a:active {color: #ff6600; text-decoration: underline;}

.text ul {margin: 12px 12px 20px 12px;}
.text ul li {list-style-type: none; list-style-image: url(img/square.gif); margin: 0 0 0 15px;  line-height: 17px;}

.text code {font-weight: bold; color: #ff6600;}

.more {text-align: right;}
.more a {background: transparent url(img/arrow.gif) no-repeat 0 5px; padding: 0 0 0 12px}

.schoolsMenu {float: left; border: 1px solid #c8c8c8; border-right: none; border-bottom: none; width: 190px;}
.floatLeft {float: left; width: 494px;}
/* .floatLeft .text {width: 400px;}
 */
.schoolsMenu .school li {display: block; height: 46px; line-height: 46px; background: transparent url(img/bg-schools.jpg) left bottom repeat-x; padding: 0 10px; font-weight: bold;}
.schoolsMenu .school li.page-item-350, .schoolsMenu .school li.page-item-352, .schoolsMenu .school li.page-item-166, .schoolsMenu .school li.page-item-170 {height: auto;  line-height: 16px; padding: 12px 10px}

.schoolsMenu .school a, .schoolsMenu .school a:link, .schoolsMenu .school a:visited {color: #888;}
.schoolsMenu .school a:hover, .schoolsMenu .school a:active, .schoolsMenu .school .current_page_item a {color: #ff6600 !important}

.workshopList {margin: 0 -18px;}
.workshopList .workshop {border-top: 1px solid #c8c8c8; padding: 14px 18px 0 18px; background: transparent url(img/bg-workshop.gif) left top repeat-x;}
.workshopList .workshopTitle {background: transparent url(img/big-arrow.gif) no-repeat 13px 1px; margin: 0 -18px 10px -18px; padding: 0 18px 14px 32px; border-bottom: 1px solid #ececec; font-weight: bold;}

.workshopList form label, .post-229 form label {display: block; position: relative; margin: 0 0 8px;}
.workshopList form label span, .post-229 form label span {display: block; padding: 0 0 0 20px; position: absolute; left: 140px;}
.workshopList form label span input, .post-229 form label span input {width: 200px;position: relative; top: -20px;}

/* BOXES */

.boxes {margin: 18px 0 0}
.box {border: 1px solid #ececec; float: left; margin: 0 18px 15px 0; position: relative;}
.boxes .noMargin {margin: 0 0 15px 0} 
.holderBox {border: 1px solid #c8c8c8; width: 320px; height: 210px;}

.programBox {background: transparent url(img/programbox.jpg) no-repeat;}
.warsztatyBox {background: transparent url(img/warsztatybox.jpg) no-repeat;}
.konkursBox {background: transparent url(img/konkursbox.jpg) no-repeat;}
.aktualnosciBox {background: transparent url(img/aktualnoscibox.jpg) no-repeat;}

.boxContent {padding: 42px 10px 10px 25px;}
.boxContent h1 {font-size: 12px; font-weight: bold;}
.box .sprawdz {position: absolute; bottom: 11px; left: 12px; display: block; background: transparent url(img/sprawdz.gif) no-repeat; width: 93px; height: 25px;}

/* BRANDING */

.branding {margin: 0; text-align: left}
.branding h2 {font-size: 12px; margin: 12px 5px 10px 5px;}
.branding .tpLogo {display: block; width: 64px; height: 41px; background: transparent url(img/tp-logo.gif) no-repeat; position: relative; left: 20px; float: left;}
.branding .orangeLogo {display: block; width: 40px; height: 40px; background: transparent url(img/orange-logo.gif) no-repeat; float: left;position: relative; left: 50px; float: left;}
.branding .bfsLogo {display: block; width: 151px; height: 31px; background: transparent url(img/bfs-logo.gif) no-repeat; position: relative; left: 15px;}
.branding .pszkLogo {display: block; width: 86px; height: 36px; background: transparent url(img/pszk-logo.gif) no-repeat; position: relative; left: 15px; top: 0;}

/* BLOG */

.blogTpOrange a {display: block; width: 265px; height: 126px; background: transparent url(img/blog-tp-orange.jpg) no-repeat 0 14px;}

/* ITEMS */

.listDisplay {margin: 0 0 15px 0; }
.listHold {overflow: hidden;width: 476px; height: 505px; border-bottom: 1px solid #c8c8c8}
.item {float: left; width: 476px; height: 505px; background: #c8c8c8;}
.item div {margin: 1px; background: #fff url(img/bg-schools.jpg) repeat-x 0 10px; height: 505px}

.politechnika-warszawskaHeight .listHold, .politechnika-warszawskaHeight .item, .politechnika-warszawskaHeight .item div {height: 690px;}

.item span {display: block; padding: 11px 15px 11px 102px;}
.item span h2 {color: #ff6600; margin: 3px 0 22px}
.item span h3 {font: bold 12px Arial}
.item p {margin: 0 0 15px 0;}
.item p strong {font-weight: bold;}
.itemList {width: 6000px;}

.prevItem {display: block; float: left; width: 28px; height: 31px; background: transparent url(img/previtem.gif) no-repeat right top;}
.nextItem {display: block; float: right; width: 28px; height: 31px; background: transparent url(img/nextitem.gif) no-repeat left top;}
.itemMenu {background: transparent url(img/menu-bg.gif) repeat-x; width: 476px; height: 31px; overflow: hidden;border-top: 1px solid #c8c8c8}
.itemMenu table {border-collapse: collapse; margin: 0 auto;}
.itemShow {overflow: hidden; height: 31px; float: left;}
.itemShow a {display: block; float: left; width: 17px; height: 31px; background: transparent url(img/item.gif) no-repeat left top; }
.itemShow a.selected {background: transparent url(img/itemsel.gif) no-repeat left top;}

.post-61 .text a, .post-61 .text a:link, .post-61 .text a:visited {color: #000}
.post-61 .text a:hover, .post-61 .text a:active {color: #ff6600}
.post-61 .text li {margin: 0 0 5px 15px}
.post-61 .text span {display: block; color: #888}

.wpcf7 form p label {display: block; position: relative; margin: 0 0 10px}
.wpcf7 form p label span {position: absolute; left: 150px;}

body .page .text p a, body .page .text p a:link, body .page .text p a:visited {color: #000; font-weight: bold;}
body .page .text p a:hover, body .page .text p a:active {color: #ff6600}

.content .gallery {margin: 0 auto 20px auto !important}