@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvneue45.eot');
    src: url('../fonts/helvneue45.eot#iefix') format('embedded-opentype'),
    url('../fonts/helvneue45.woff') format('woff'),
    url('../fonts/helvneue45.ttf') format('truetype'),
    url('https://akademiaorange.pl/files/fonts/helvneue45.svg#helvetica_neue45_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    font-family: 'Helvetica Neue' !important;
}

.categoryListing,
.akademiaOrange,
.akademiaOrangeEvents,
#akademiaOrange{
    width: 70em;
    margin: 0 auto;
    padding: 0;
}

#header{
	height: 5em;
    line-height: 3em;
    margin-top: 1em;
    width: 100%;
}

#headerLogo{
    width: 20%;
    float:left;
}

#headerMenu{
    width: 100%;
    float:left;
    font-size:1.1em;
    text-align: center;
    border-bottom: 1px solid #ff6600 !important;
    border-top: 1px solid #ff6600 !important;
    padding-top: 10px !important;
}

#headerMenu li{list-style-type: none; display: inline-block;}

#headerSearch{
    width:40%;
    padding: 0 0.5em;
    float: left;
    text-align: center;
    color: #b7b7b7;
    font-size: 18px;
    position: relative;
	text-align: left;
}

#searchBtn{border: 0; cursor: pointer; margin-left: 2em;}

.projectsContentMore{
    width: 100%;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}

#searchDiv{
    background: none repeat scroll 0 0 #b7b7b7;
    border: 1px solid #8f8f8f;
    border-radius: 0.44em;
    display: none;
    float: right;
    height: 70px;
    position: relative;
    right: 15px;
    top: -5px;
    width: 440px;
}

a:hover,
a{
    color:#000000 !important ;
    text-decoration: none ;
}


.menuOption2,
.menuOption{/*float: left;*/ padding: 0 10px; margin: 0 15px 10px; border-bottom: 1px solid #FFF;}
.menuOptionOn2,
.menuOptionChosen2,
.menuOptionOn,
.menuOptionChosen{/*float: left;*/ padding: 0 10px; margin: 0 15px 10px; border-bottom: 1px solid #ff6600;}

.menuOption2 .imp,
.menuOption .imp{background: #ff6600; color: #000;}

.menuOption2,
.menuOptionOn2,
.menuOptionChosen2{margin:0 30px 10px;}

.pageRightEventsContentHead{clear:both; font-weight: bold; margin-top: 10px; color: #FF6600; font-size: 2em;}
.pageRightEventsContentText{text-align: justify;}
.pageRightEventsContentMore{float: right; color:#ff6600;}
.pageRightEventsContentMore a{color:#ff6600 !important; font-weight: bold;}
.pageRightEventsContentMore:after{clear: both}
.pageRightEventsRss{clear: both; margin-top: 20px;}

.narrowMenu .menuOption2,
.narrowMenu .menuOptionOn2,
.narrowMenu .menuOptionChosen2{margin:0 0px 10px;}

.narrowMenu .menuOption2,
.narrowMenu .menuOption{/*float: left;*/ padding: 0 8px 10px; margin: 0 0px 10px; border-bottom: 1px solid #FFF;}
.narrowMenu .menuOptionOn2,
.narrowMenu .menuOptionChosen2,
.narrowMenu .menuOptionOn,
.narrowMenu .menuOptionChosen{/*float: left;*/ padding: 0 8px 10px; margin: 0 0px 10px; border-bottom: 1px solid #ff6600;}

#headerAO{
    width: 35%;
    float:right;
    text-align: right;
    padding: 0 1em 0 1em;
}

.cb{clear: both;}

#headerSearch img{
    border: 1px solid #8F8F8F;
    padding: 0.44em;
}
#headerSearchTextInput{
    margin: 1em;
    padding: 0.44em;
    width: 20em;
    float:left;
}

#headerSearchButtonSubmit{
    float:left;
    display: block;
    margin: 0.9em 0.44em 0.44em;
    background: #ff6600;
    color: #fff;
    border: 1px solid #ff6600;
    padding: 0.44em;
    width: 5em;
}

.pageBanners{
    width:724px;
    float:left;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.pageBannersElements{
    position: relative;
}
.pageBannersElements img{
		width: 100%
	}

#pageLeftApply{
    height: 50px !important;
}

.pageLeftApplyOut{
    float: right;
}
.pageLeftApplySession{
    float: right;
    margin-right: 30px;
    text-align: right;
}

.applyLineQuestion{
    width: 80% !important;
}
#nav{
    bottom: 0;
    line-height: 1em;
    position: absolute;
    right: 1em;
    z-index: 150;
}

.pageBannersSquare a{
	display: block;
	width: 20px;
	height: 20px;
	margin: 5px;
	border-radius: 10px;
	float: right;
	background: #CCC;	
}

.pageBannersSquare a.activeSlide{
	background: #FF6600 !important;
}

.mainPagesHrefOn{
	  font-size: 16px;
	  border: 1px solid #ff6600;
	  border-radius: 10px;
	  background: #ff6600;
	  color: #FFF;
	  width: 34px;
	  display: inline-table;
	  padding: 5px;
	  text-align: center;
}

.mainPagesHref{
	  font-size: 16px;
	  border: 1px solid #ff6600;
	  border-radius: 10px;
	  width: 34px;
	  display: inline-table;
	  padding: 5px;
	  text-align: center;
}

.mainPages{margin-bottom:10px;}

.sepHref{
	font-weight: bold;
	padding-right:5px;
}

/*
    these are just the default styles used in the Cycle2 demo pages.
    you can use these styles or any others that you wish.
*/

/* pager */
.nav {
    z-index: 500;
}
.nav span {
    font-size: 4em;
    display: inline-block;
    color: #8F8F8F;
    cursor: pointer;
}
.nav span.cycle-pager-active { color: #FF6600;}
.nav > * { cursor: pointer;}

/*
    media queries
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}


.bannerHref{
    background: none repeat scroll 0 0 #FF6600;
    border-radius: 0.5em;
    bottom: 1.5em;
    color: #FFFFFF;
    left: 7em;
    padding: 20px 40px;
    position: absolute;
    z-index: 140;
}

.projectsMainPageRight h3{
    font-size: 21px;
    font-weight: normal;
}

.projectsMainPageRight{
    width: 255px;
    float:right;
    height: 300px;
    text-align: center;
}

#projectsMainBrowse{
    background: none repeat scroll 0 0 #8f8f8f;
    border-radius: 0.44em;
    color: #ffffff !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    width: 180px;
}

#fb_slide{
    background-color: #395994;
    height: 546px;
    padding: 2px;
    position: fixed;
    width: 250px;
    top: 120px;
    right: -249px;
    z-index: 2;
}

#projectsGrey{
    background: #f7f7f7;
    padding: 2px;
    margin: 0 2px 0 2px;
}

#projectsGrey h3{
    margin-top:10px;
}

#projectMainPageSummary{
    padding: 5px;
    margin: 0 5px;
    color: #8F8F8F;
}

#projectMainPageSummary h3{
    font-weight: normal;
    font-size: 16px;
    margin-top: 0em;
}

.circle{
    border: 2px solid #bdbdbd;
    border-radius: 30px;
    color: #bdbdbd;
    float: left;
    font-size: 20px;
    height: 55px;
    margin: 0 5px 0 22px;
    padding: 12px 0;
    text-align: center;
    width: 55px;
}

.circle:hover{
    border: 2px  solid #ff6600;
    color: #ff6600;

}

.circle_wrapper{
    float: left;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 100px;
}

.subcircle{text-align: center; line-height: 16px;}

#popularCategories{
	width:980px;
	margin: 0 auto;
	text-align:left;
	padding: 1em 0 0 0.2em;
}

.pop_categories{
	clear:both;
	position:relative;
}

#category_listing{
	background: #f7f7f7;
	padding-bottom: 2em;    
    left: 0;     
    position: absolute;
    top: 3.8em;
    width: 100%;
}

.categoryItem{
	background-position: 50% 1em;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 10em;
    margin: 1em 0;
    position: relative;
    text-align: center;
    width: 16%;
}

.categoryItem div{
    display: none;
    margin-top: 0.5em;
    font-size: 4em;
    color: #ffffff;
}

.categoryItem:hover{
	background: url('../framework/mainPage/category_hover.png') no-repeat 50% 20% #000;
}

.categoryItem:hover div{
    display: block;
}

.categoryItem span{
	position: absolute;
	bottom: 0;
	font-size: 1.3em;
	color: #FF6600;
	line-height: 1em;
	left:0;
	width: 100%;
	text-align: center;
	padding: 0.5em;
}

.archiwum_lokalne{	background-image: url("../framework/mainPage/archiwum_lokalne.png");}
.film{	background-image: url("../framework/mainPage/film.png");}
.fotografia{background-image: url("../framework/mainPage/fotografia.png");}
.gra_miejska{ background-image: url("../framework/mainPage/gra_miejska.png");}
.medialab{ background-image: url("../framework/mainPage/medialab.png");}
.muzyka_i_dzwiek{background-image: url("../framework/mainPage/muzyka_i_dzwiek.png");}
.obraz{background-image: url("../framework/mainPage/obraz.png");}
.programowanie{background-image: url("../framework/mainPage/programowanie.png");}
.projekt_marzen{background-image: url("../framework/mainPage/projekt_marzen.png");}
.relacje{background-image: url("../framework/mainPage/relacje.png");}
.sztuki_plastyczne{background-image: url("../framework/mainPage/sztuki_plastyczne.png");}
.teatr{background-image: url("../framework/mainPage/teatr.png");}


.infoImg{width:20em; float:right; text-align:center;}
.info{float:left; margin-left:1em; color: #8F8F8F;text-align: justify;
    width: 66em;}
.info a{color:#8F8F8F;}

#common{
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 0.8em;
	color: #8F8F8F;
}	
 
#footer{
	border-top: 1px solid #8F8F8F;
	margin: 2em 0;
} 
 
#footerMenu{
	float: left; width: 17em;
}
.footerMenuOption{
    background: url("../framework/punkt.png") no-repeat scroll 3px 45% rgba(0, 0, 0, 0);
    float: left;
    margin-left: 10px;
    padding: 1em;
}

.footerMenuOption a{
    color: #656565 !important;
}

#footerNewsletter{	float: right; line-height: 2.5em; padding: 1em; width: 31em;}
#freshmail_email{ width: 17em;float: right; margin-right: 1em; }
#freshmail_email input { width: 17em;}
#submitNewsletter{ margin-top: 0.8em; float: right;}
 
.boxCommunicator{
	width: 220px;
	float: left;	
	margin: 10px 0 0 0;
}

.mt29em .boxCommunicator{
    margin: 10px 0 0;
    width: 100%;
}

#pageContent {
	float: left;
}

#pageContent h1{
	color: #FF6600;
	font-size: 2em;
	font-weight: normal;
}


#pageLeftAb {
	width: 21.5em;
	float:left;
	font-size: 14px;
	line-height: 2em;
	padding: 0px 0.714em 0px 0px;
	overflow: hidden;
	margin: 2.143em 0px 3.571em 0px;
}

#pageLeftAb a{
 color: #ff6600 !important;
}

#pageLeftAb div {
	width: 23.214em;
	float:left;
}

#pageRightAb {
	width: 48.4em;
	float: left;
    text-align: justify;
	margin: 0.714em 0px 0px 0px;
}

#pageRightAb h2{ font-size: 24px !important;}

#pageLeft {
	float:left;
	padding: 0px 10px 0px 0px;
	width: 54.214em;
	overflow: hidden;
}
#pageRight {
	width: 220px;
	overflow: hidden;
	float: right;
}

#pageLeft .pageCategory{
    width:100% !important;
}

.browse_top{
	background: #8F8F8F;
	color: #FFF;
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
	
}

.browse_body{
    background-color: #f7f7f7;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
    color: #FF6600;
    font-size: 1.5em;
    min-height: 8em;
    padding: 1em;
    position: relative;
    text-align: center;
}

.browse_body span{
    bottom: 10px;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
}

.viewProjectLogo{
    float: left;
    margin-left: 3px;
    text-align: center;
    height: 210px;
    position: relative;
	width: 180px;
}

.viewProjectLogo img{
	margin: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
}

.viewProjectLogo .edycja1,
.viewProjectLogo .edycja2,
.viewProjectLogo .edycja3,
.viewProjectLogo .edycja4,
.viewProjectLogo .edycja5,
.viewProjectLogo .edycja6{
    width:180px;
    padding: 0;
    margin:0;
	top: 180px;
    position: relative;
}

.viewProjectInfo .mainRss,
.viewProject .mainRss{
    clear: both;
    float: right;
}

.viewProjectInfo{
    width: 75%;
    float:right;
}

.pageBoxProjectMenu{
    clear: both;
}
.pageBoxProjectMenu a{
    color: #FFFFFF;
}

.pageBoxProjectHeader {
   color: #8F8F8F;
    font-size: 2.2em;
    padding: 10px;
    overflow: hidden;
}

.fundacjaOrangeBgProjectsHead{
	font-size: 1.8em;
	text-align: center;
    margin-bottom: 10px;
}

.pageBoxProjectHrefMenu,
.pageBoxProjectHrefMenuOn{
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;

    float: left;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 5px 0;
    padding: 10px;
    text-align: center;
    width: 25%;
}

.pageBoxProjectHrefMenuOn{ 	background: #FF6600; }
.pageBoxProjectHrefMenu{ 	background: #8F8F8F; }
.pageBoxProjectHrefMenu  {color: #FFFFFF !important;}
.viewProjects{
    border-left: 3px solid #FF6600;
    margin: 0 0 1em;
    padding: 0.5em;
}

.projectsContentTitle,
.viewProjectsContentTitle{
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #ff6600;
}
.viewProjectsContentText{
    padding-bottom: 0.5em;
}

.viewProjectEvents,
.pageBoxProjectText,
.pageBoxProjectTextShort{
    clear: both;
    padding: 0.3em;
    min-height: 140px;
}

.viewProjectEvents{
    clear: both;
}

.pageBoxProjectText{
    display: none;}

.pageComment{
    clear: both;
    margin-top: 1em;
}

.pageCommentAddImg{
    font-size: 1.4em;
    color: #FF6600;
    padding: 1em 0 1em 0;
}

.pageCommentAddLeft{
    color: #FF6600;
    float: left;
    font-size: 1.3em;
    line-height: 2em;
    text-align: center;
    width: 19%;
}
.pageCommentAddRight{
    width: 80%;
    float: right;
    margin-left: 1%;
}

.pageCommentLine{
    float: left;
    width: 100%;
}

.pageCommentLineSep{
    float: left;
    width: 100%;
    height: 0.5em;
}

.textareaComment,
.inputComment{
    width: 70%;
    padding: 0.5em;
    color: #8F8F8F;
}

.textareaComment{
    height: 10em;
}

#projectTextLess,
#projectTextMore{
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: block;
    cursor: pointer;
    padding: 3px;
    text-align: center;
    width: 100%;
}

#projectTextLess{
    display: none;
}

.mainRss{
    float:right;
}

.viewProject{
	clear: both;
}

.inputCommentAdd{
    background: #FF6600;
    padding: 1em 4em 1em 4em ;
    color: #fff;
    text-align: center;
    border: 1px solid #ff6600;
    border-radius: 1em;
}

.etykieta{
    float: left;
    font-weight: normal;
    cursor: pointer;
    color: #191919;
    padding-left: 30px;
    background: none;
    width:200px;
}

.myRadio{
    display: none;

    float: left;
}

.etykieta:hover{
    color: #ff6600;
    text-decoration: underline;
}

.etykieta_on{
    background: url("../framework/search.png") no-repeat 0 50%;
}

.pageRightMapsGoogleHead{
    font-size: 20px;
}

.pageRightMapsGoogle{background: #F7F7F7; border: 1px solid #CECECE; text-align: center}

.filterSearch{
    width: 100%;
    height: 60px;
    display: block;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    border: 1px solid #ff6600;
    background: #ff6600;
}
.showSearch{
    clear: both;
    margin-top: 10px;
    padding-top: 40px;
}

#searchForm h3{
    padding: 10px;
    text-align: center;
    clear: both;
    color: #FFF;
    background: #191919;
    border-radius: 5px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #191919;
}

.provinceSearch,
.topicSearch,
.editionSearch,
.organizationSearch{
    display: none;
}

.mt29em{
    margin-top:31em;
}



.edycja6,
.edycja5,
.edycja1,
.edycja2,
.edycja3,
.edycja4{
    bottom: 5px;
    display: block;
    float: left;
    height: 30px;
    margin-left: -8px;
    position: absolute;
    width: 100px;
}

.edycja6 img,
.edycja5 img,
.edycja1 img,
.edycja2 img,
.edycja3 img,
.edycja4 img{ width: auto !important;}

.edycja1{background-color: #8F8F8F;}
.edycja2{background-color: #8F8F8F;}
.edycja3{background-color: #8F8F8F;}
.edycja4{background-color: #8F8F8F;}
.edycja5{background-color: #8F8F8F;}
.edycja6{background-color: #FF6600;}

.fundacjaOrangeBgProjectsContent{margin-bottom: 10px;background: #F7F7F7; border: 1px solid #cecece; cursor: pointer}

.fundacjaOrangeBgProjectsContentInfo{
    position:relative;
    padding-bottom: 30px;
    text-align: center;
}
.fundacjaOrangeBgProjectsContentInfo .edycja1,
.fundacjaOrangeBgProjectsContentInfo .edycja2,
.fundacjaOrangeBgProjectsContentInfo .edycja3,
.fundacjaOrangeBgProjectsContentInfo .edycja5,
.fundacjaOrangeBgProjectsContentInfo .edycja6,
.fundacjaOrangeBgProjectsContentInfo .edycja4 {
    bottom: 0px;
    float: none;
    margin: 0;
    line-height: 25px;
    height: 25px;
    padding: 0;
    position: absolute;
    right: 0px;
    text-align: center;
    width: 220px;
}

.fundacjaOrangeBgProjectsContentImg{ text-align: center}

.projectBoxMainPageInfo{ width:104px !important;}

.show{position: relative; clear: both; margin-bottom: 65px; min-height: 160px}

.pageProjectPopularLeft, .pageProjectRandomLeft, .pageProjectPopularRight, .pageProjectRandomRight, .pageProjectPopularList, .pageProjectRandomList {height:110px !important}

.pageProject{width: 100%}

.projects .edycja1,
.projects .edycja2,
.projects .edycja3,
.projects .edycja4,
.projects .edycja5,
.projects .edycja6,
.event .edycja2,
.event .edycja2,
.event .edycja3,
.event .edycja4,
.event .edycja5,
.event .edycja6,
.show .edycja1,
.show .edycja2,
.show .edycja3,
.show .edycja5,
.show .edycja6,
.show .edycja4 {
    float: none;
    margin: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 110px;
    margin-right: 10px;
    width: 110px;
}


.showImg{
    width: 110px;
    float: left;
    height: 110px;
    margin-right: 10px;
}

.showImg img{
    width:110px;
    height:110px;
}

.pageSearchMatRepoz{display: none;}

.showContentTitle{font-weight: bold; margin: 0 10px 15px 5px; font-size: 166%}
.showContent{float: left; width: 620px;}
.showContentMore{float: left; width: 110px;  position: absolute; top: 150px; background: #ff6600; border-radius: 5px; height:40px; text-align: center; line-height: 40px;}
.showContentMore a {color: #fff; text-decoration: none; padding: 10px;}
.showContentText{text-align: justify}
.pageBoxProjectIcon{float: left;width:180px;text-align: center; margin: 10px 0;}
/*.pageBoxProjectTextShort{float:left;}*/

.viewProjectOrgDesc{
    padding: 10px;
    text-align: justify;
}

.imageBox{
    width:80px;
    height: 55px;
    margin: 5px;
    overflow: hidden;
    float: left;
}

.imageBox img{
    overflow: hidden;
    width: 80px;

}
.projects {
    border-bottom: 2px dotted #666666;
    float: left;
    padding: 10px 0;
    position: relative;
    width: 98%;
}

.pageBoxProjectError{
    clear:both;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f2dede;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #b94a48;
}

.cb{

}


.formInfoBox {
	width:520px;
	padding:10px 10px 10px 70px;
	margin:10px auto 10px auto;
}
.formError {
	background:#FEFFC8 url('../framework/icons/warning.png') no-repeat 20px 50%;
	border:1px solid #F1AA2D;
}
.formInfo {
	background:#FEFFC8 url('../framework/icons/info.png') no-repeat 20px 50%;
	border:1px solid #F1AA2D;
}
.formOk {
	background:#D4F684 url('../framework/icons/ok.png') no-repeat 20px 50%;
	border:1px solid #739F1D;
}



#osoba1, #osoba2, .osoba1_q, .osoba2_q {float: left; padding: 5px; color:#8E8E8E; width: 48%; margin: 1%; border: 1px solid #ccc;}
#osoba1, 
.osoba1_q{
 background-color: #FFCC99;
}
#osoba2, 
.osoba2_q{
 background-color: #F6F6F6;
}

.osoba2_q{
  float: right;
  display: none;
}

#osoba1 div, #osoba2 div{ padding-top: 5px; padding-bottom: 5px; }
#osoba1 label, #osoba2 label{float: left; width: 100px;}
#osoba1 input[type="text"], #osoba2 input[type="text"]{float: left; width: 220px;}
#osoba1 input[type="radio"], #osoba2 input[type="radio"]{float: left; width: 30px;}

#osoba1 div, #osoba2 div{ clear: both}

#ao_form .label{
  display: block; 
  float: left;
  color: #191919;
  width: 100px;
  font-size: 15px;
}

.ui-sortable-handle{
	cursor: grab;
}

.ui-sortable-helper{
	cursor: grabbing;
}

#osoba1 h3, #osoba2 h3{
    border-bottom: 1px solid #FF6600;
    color: #FF6600;
    margin: 1%;
    padding: 0;
    width: 250px;
}

#ao_form,
.mix_sex_question{
  border: 1px solid #CECECE; width: 98%; margin:1%; padding:10px;
}
.mix_sex_question{
  display: none; 
}

.osoba1_q, .osoba2_q {
  width: 48% !important;
}

.osoba1_q input[type="radio"], .osoba2_q input[type="radio"]{ width: 30px; margin-left: 45px;}

.q_label{
  display: block;
  width: 70px;
  height: 22px;
  line-height: 22px;
  float: left;
}

#q_1_zasoby,
#q_1_osoba_1_zasoby,
#q_1_osoba_2_zasoby,
#q_3_bariery,
#q_3_osoba_1_bariery,
#q_3_osoba_2_bariery,
#q_4_poprawa,
#q_4_osoba_1_poprawa,
#q_4_osoba_2_poprawa
{
  display: none;
}

#q_4_osoba_1_poprawa_1,
#q_4_osoba_1_poprawa_2,
#q_4_osoba_1_poprawa_3,
#q_4_osoba_2_poprawa_1,
#q_4_osoba_2_poprawa_2,
#q_4_osoba_2_poprawa_3{
	width: 75%;
}

.osoba1_q textarea,
.osoba2_q textarea,
#q_1_zasoby textarea,
#q_3_bariery textarea{
	width: 100%;
	height: 150px;
}

.categories_chex{
	margin: 4px 10px 0 !important;
    padding-right: 20px !important;
}

.registerButtonLong{
	text-align: center;
	font-size: 16px;
	margin: 5px;
	padding: 20px;
	border: 1 px solid #FFFFFF;
	border-radius: 10px;
	color: #FFFFFF;
	cursor: pointer;
	background: #FF6600;
}
 
.bl .registerButtonLong{
	margin: 5px 5px 5px 140px;
}
  
.bl input[type="text"], .bl input[type="password"]{width: 230px !important;}
.bl .pageCommentLine{width:47%; margin-bottom: 10px;}
.bl .pageCommentLine .labels{text-align: right; padding-right:10px;}



.scenarioBtn{
    padding: 10px;
    margin: 4px;
    background:url("../framework/fundacjaOrangeMenuBg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color:#FF6600;
    line-height: 28px;
    text-decoration: none;
    font-weight: bold;
}

.scenarioBtn2{

    border: 2px solid #D8D8D8;
    color: #FF6600;
    display: block;

    font-weight: bold;
    padding: 3px;
    text-decoration: none;
}

.inspireBtn {
    margin: 40px 0 0 0 ;
}

.animate
{
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.action-button {
    background-color: #ff6600;
    border-bottom: 5px solid #bd3e31;
    border-radius: 10px;
    color: #fff !important;
    font-size: 16px;
    left: 250px;
    margin: 15px 0 0;
    padding: 10px 40px;
    position: absolute;
    text-decoration: none;
}

.action-button:hover{
    color:#000;
}

.action-button:active
{
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
}


a img{border: 0px;}

.pageBoxProjectFotoGalleryDescription{clear: both; background:#CCC; padding: 5px;}
.pageBoxProjectFotoGalleryDescription span{font-weight:bold;}
.pageBoxProjectFotoGalleryDescription2{text-align:right;}

.projectBoxMainPageInfo .edycja1,
.projectBoxMainPageInfo .edycja2,
.projectBoxMainPageInfo .edycja3,
.projectBoxMainPageInfo .edycja4,
.projectBoxMainPageInfo .edycja5,
.projectBoxMainPageInfo .edycja6{
    height: auto !important;
    bottom: 0 !important;
    margin-left: -9px !important;
    text-align: center !important;
}

hr{
    clear: both;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    border: 0;
    height: 1px !important;
    background: #ff6600;
}

.pageCommentAddForm{
    margin-left: 60px;
}

.pageCommentAddForm .notification{ width: 100%; padding: auto !important;}
.pageCommentAddForm .notification li{ margin-left: 90px !important;}


#form_survey table {
    border-collapse: collapse;    
}

#form_survey td, #form_survey th {
    border: 1px solid #ccc;
    padding: 10px;
	text-align: center;
}

#form_survey th:empty {
	text-align:left;
    border: 0;
}

.ta-left{ text-align: left !important; width: 400px}

 

@media (max-width: 768px) {
       /* Smaller Resolution Desktops and Laptops */
   .projectsMainPageRight{width: 100%}
	.categoryListing,
	.akademiaOrange,
	#akademiaOrange{width:100%;}
    .pageBanners,.projectsMainPageRight,.categoryListing{float: none;width: 100%;}
    .projectsMainPageRight{margin: 0 auto; width:100%}
    .circle_wrapper{ text-align: center; width: 12%; margin-left:5em}
    .circle{
        border: 2px solid #bdbdbd;
		border-radius: 2em;
		color: #bdbdbd;
		float: left;
		font-size: 32px;
		height: 80px;
		margin: 0.1em;
		padding: 0.4em 0 0;
		text-align: center;
		width: 80px;
    }
    .categoryItem{width: 25%}
    .mt29em{margin-top: 29em;}
    .infoImg{width: 98%; padding-bottom: 5px;}
    .info{width: 98%;}
    #headerMenu{width: 98%}
	#headerSearch{padding:0 50px;width:60%;}
    #footerMenu{width: 98%; padding:1em}
    #headerAO{width: 180px;margin-right:20px}
    #headerLogo{width: 200px; margin-left:10px}
    #searchDiv{z-index: 100; margin:2.5em 0 1em -26em}
    #headerSearchTextInput {
        margin: 0.5em;
        padding: 0;
    }
	.boxCommunicator{display: none;}
	#fb_slide,#fb-root{display:none;}
	
    #headerSearchButtonSubmit{
        margin: 0.5em 0.44em 0.44em;
        padding: 0;
    }
	
	.action-button{position: relative; left: auto;}
	.menuOption,.menuOption2{
		margin: 0 0px 10px;
	}
	
	.fundacjaOrangeBgProjectsContent{
	  background: none repeat scroll 0 0 #f7f7f7;
		border: 1px solid #cecece;
		cursor: pointer;
		float: left;
		margin: 10px;
		width: 30%;
	}
	#pageRight{  float: left;
		overflow: hidden;
		width: 54.214em;
	}
	.pageBannersElements{  text-align: center;
    width: 100%;}
       .pageBannersElements img{
		width: 100%
	}
	   
}
@media (max-width: 650px) {
       /* Smaller devices */
       
}
@media (max-width: 450px) {
       /* Even Smaller devices */
       
}
@media only screen and (max-width: 480px) {
             /* Smaller Resolution Desktops and Laptops */
			 
   .projectsMainPageRight{width: 100%}
	.categoryListing,
	.akademiaOrange,
	#akademiaOrange{width:95%;}
    .pageBanners,.projectsMainPageRight,.categoryListing{float: none;width: 100%; height: auto;}
    .projectsMainPageRight{margin: 0 auto; width:100%}
    .circle_wrapper{ text-align: center; width: 23%;}
    .circle{
        border: 2px solid #bdbdbd;
		border-radius: 2em;
		color: #bdbdbd;
		float: left;
		font-size: 32px;
		height: 80px;
		margin: 0.1em;
		padding: 0.4em 0 0;
		text-align: center;
		width: 80px;
    }
    .categoryItem{width: 25%}
    .mt29em{margin-top: 29em;}
    .infoImg{width: 98%; padding-bottom: 5px;}
    .info{width: 98%;}
    #headerMenu{width: 98%}
	#headerSearch{padding:0 5px;width:90%; font-size: 12px; text-align: center}
    #footerMenu{width: 98%; padding:1em}
    #headerAO{width: 180px;margin-right:20px}
    #headerLogo{width: 200px; margin-left:10px}
    #searchDiv{z-index: 100; margin:2.5em 0 1em -26em}
    #headerSearchTextInput {
        margin: 0.5em;
        padding: 0;
    }
	.boxCommunicator{display: none;}
	#fb_slide,#fb-root{display:none;}
	
    #headerSearchButtonSubmit{
        margin: 0.5em 0.44em 0.44em;
        padding: 0;
    }
	
	.action-button{position: relative; left: auto; font-size:12px}
	.menuOption,.menuOption2{
		margin: 0 0px 10px;
	}
	
	.fundacjaOrangeBgProjectsContent{
	  background: none repeat scroll 0 0 #f7f7f7;
		border: 1px solid #cecece;
		cursor: pointer;
		float: left;
		margin: 10px;
		width: 100%;
	}
	
	#pageRightAb,
	#pageRight{  float: left;
		overflow: hidden;
		width: 100%;
	}
	#pageLeftAb,
	#pageLeft{  float: left;
		overflow: hidden;
		width: 100%;
	}
	.pageBannersElements{  
		text-align: center;
		width: 100%;
	}
	
	.pageBannersElements img{
		width: 100%
	}
    
	#pageRightAb #pageContent h2{font-size: 10px}
	
	
	.categoryItem span{font-size: 12px;}
	.categoryItem{ background-size: 80%;}
	
	.showContent{	width: 65%;	float: right}
	
	.viewProjectLogo{width: 110px; float:left;}
	.viewProjectInfo{width:65%}
	.showImg{width: 110px; float:left;}
	.viewProjectLogo img{width:110px;float:left;top:0; left:0;}
	.viewProjectLogo .edycja1, .viewProjectLogo .edycja2, .viewProjectLogo .edycja3, .viewProjectLogo .edycja4, .viewProjectLogo .edycja5, .viewProjectLogo .edycja6{
		width:110px;
		top: 110px;
	}
	.pageBoxProjectHrefMenu, .pageBoxProjectHrefMenuOn{font-size:10px;}
	
	.fundacjaOrangeBgProjectsContentImg img{width:110px;}
	.fundacjaOrangeBgProjectsContentInfo .edycja1, .fundacjaOrangeBgProjectsContentInfo .edycja2, .fundacjaOrangeBgProjectsContentInfo .edycja3, .fundacjaOrangeBgProjectsContentInfo .edycja5, .fundacjaOrangeBgProjectsContentInfo .edycja6, .fundacjaOrangeBgProjectsContentInfo .edycja4
	{width: 100%}
	.pageRightMapsGoogle{clear:both;}
}







@media only screen {
	

} /* Define mobile styles */
/*
@media only screen and (max-width: 20em) {
    .pageBanners,.projectsMainPageRight,.categoryListing{float: none;width: 99%}
    .circle_wrapper{width: 9.4em}
    .circle{
        font-size: 3em;
        margin:0.4em;
    }
    .categoryItem{width: 30%}
    .infoImg{float:none; margin: 1em; text-align: left}
    .mt29em{margin-top: 51em;}
    #cookiesBarWrap{width: auto}
    #footerNewsletter{height: 13em}
    #cookiesBar{
        width: 29em;
        padding: 10px;
        bottom: 30px;
    }
    #headerAO{width: 40%}
}
@media only screen and (min-width: 20.01em) and (max-width: 47.749em) {
	#headerMenu{display:none;}
	#headerSearch{display:none;}
    .info{width:27em}
	.categoryListing,
	.akademiaOrange,
	#akademiaOrange{width:20em;}
	.circle{font-size:1em}
    .categoryItem{background-position: 50% 30%;background-size: 70% !important;}
    .categoryItem span{font-size:1em;}
    #footerNewsletter{float:none;}
    #footerNewsletter form{width: 20em;}
    #submitNewsletter{float: right}
    #freshmail_email{float: left}
}

@media only screen and (min-width: 47.750em) and (max-width: 60em) {


} 

*/

 
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

 
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

 
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

 
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */