/*
Theme Name: ASP
Theme URI:
Description: WordPress theme for ASP page
Author: ASP
Version: 0.1
 
*/










/*** GLOBAL ***/
@font-face {
    font-family: questaBold;
    src: url(fonts/4-Questa_Sans_Bold.otf);
}
@font-face {
    font-family: questaBoldItalic;
    src: url(fonts/4-Questa_Sans_Bold_Italic.otf);
}
@font-face {
    font-family: questaBlack;
    src: url(fonts/5-Questa_Sans_Black.otf);
}
@font-face {
    font-family: questaBlackItalic;
    src: url(fonts/5-Questa_Sans_Black_Italic.otf);
}

/*html{
	font-size:100%;
}*/

body{
	margin:0;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: questaBold, 'Fira Sans', sans-serif;
	font-size:100%;
	font-weight: bold;
}
h3{
    font-size: 1.875rem;
	color:#ff7026;
	padding:0 0 0 100px;
	font-weight: bold;
}
h3 a{
	color:#ff7026;
	font-weight: bold;
	text-decoration:none;
}
h3 a:hover{
	text-decoration:underline;
}

#main{
	width:100%;
	height:100%;
	margin:0;
}
#container{
	width:1024px;
	margin:0 auto;
}
.asp_form{
	
}
.asp_form fieldset{
	border:none;
}
.asp_form p{
	position:relative;
	width:400px;
	margin: 25px auto;
}
#asp_registration_form.modify_form p{
	width:auto;
}
.asp_form p input, 
.asp_form p select{
	width:380px;
	height:50px;
	background-color:#e5e5e5;
	border:none;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight: bold;
	padding:0 0 0 20px;
}
.asp_form p input.error{
	border: solid 2px red;
}
.asp_form p label.error{
	color: red;
	position: absolute;
	top: -36px;
	left: -20px;
}
.asp_form div label.error{
	color: red;
}
.asp_form p textarea{
	width: 360px;
    padding: 20px;
    height: 180px;
    background: #e5e5e5;
    border: none;
    overflow-y: scroll;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.asp_form p textarea.error{
	border: solid 2px red;
}
.asp_form p label.textarea{
	width: 360px;
    padding: 20px;
    height: 180px;
}
.asp_form p select{
	width:400px;
}
.asp_form p label{
	width:380px;
	height:33px;
	display:block;
	position:absolute;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight: bold;
	padding:17px 0 0 20px;
	color:#adadad;
}
.asp_form p input[type="submit"]{
	width:400px;
	height:50px;
	background-color:#ff7026;
	color:white;
	border:none;
	cursor:pointer;
}
.asp_form p input[type="file"]{
	background: none;
	display: inline;
	width: 250px;
	vertical-align: text-bottom;
	padding: 0;
}
.asp_form p img{
	display:inline;
}
.asp_form a{
	color:#ff7026;
	font-weight: bold;
	text-decoration:none;
}
.asp_form a:hover{
	text-decoration:underline;
}
.asp_form .work{
	float:left;
}
.asp_form .images{
	float:left;
}
.asp_form.modify_form p{
	margin-left: 90px;
}
.asp_form.modify_form .images p {
	margin-top:0px;
	margin-bottom:0px;
}
.fileInfo{
	margin-left: 90px;
	margin-top: 28px;
	font-size: 12px;
	color: #ff7026;
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	letter-spacing: 0.5px;
}
.asp_errors {
	font-size: 12px;
	color: #ff7026;
	font-family: 'Roboto', sans-serif;
	margin: 0 0 0 105px;
	line-height: 18px;
	letter-spacing: 0.5px;
}
#asp_user_email{
	/*color: #adadad;*/
}
.submitConfirm_text{
	font-size: 12px;
	color: #ff7026;
	font-family: 'Roboto', sans-serif;
	float:left;
	line-height: 18px;
	letter-spacing: 0.5px;
}
.subHeader_text {
	font-size: 12px;
	color: #ff7026;
	font-family: 'Roboto', sans-serif;
	line-height: 18px;
	letter-spacing: 0.5px;
	padding: 0 0 0 100px;
	margin-top: -25px;
}
.subHeader_text.confirmation
{
	font-size: 16px;
	margin-top: 25px;
	font-weight: bold;
}
.submitConfirm{
	float: left;
	margin-left: 95px;
	margin-right: 20px;
	width: 25px;
	height: 25px;
}

#stage2_Container{
	font-weight: 100;
}
#stage2_Container hr{
	margin: 10px 50px 25px;
}
#stage2_Container .user_works{
	/*margin:0 0 25px 0;*/
}
#stage2_Container .user_works .user_work{

}
#stage2_Container .user_works span{
	font-weight: bolder;
	/*color:#ff7026;*/
	margin:0 5px 0 0;
}
#stage2_Container .user_works .vote_container{
	float:left;
	padding: 0 0 0 100px;
	margin: 0 50px 0 0;
}
#stage2_Container .user_works .user_data{
	float:left;
	margin: 0 50px 0 0;
	width: 300px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}
#stage2_Container .user_works .user_work{
	float:left;
	width: 300px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}
#stage2_Container .user_works .user_work .user_work_meta > div{
	margin:0 0 15px 0;
}
#stage2_Container .user_works .user_data > div{
	margin:0 0 15px 0;
}
#stage2_Container .user_works .vote_container .vote_button{
	width:25px;
	height:25px;
	border:solid 1px black;
}
#stage2_Container .user_works .vote_container .vote_button[placedVote="0"]{
	background-color: transparent;
}
#stage2_Container .user_works .vote_container .vote_button[placedVote="1"]{
	background-color: #ff7026;;
}

#content .nav{

}
#content .nav ul{

}
#content .nav ul li{
	display: inline;
	margin: 0 11px 0 0;
}
#content .nav ul > a{
	font-size: 12px;
	color: #ff7026;
	font-family: 'Roboto', sans-serif;
	text-decoration:underline;
	margin:0 0 0 50px;
}
#content .nav ul li a{
	font-size: 12px;
	color: #ff7026;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}
#content .nav ul li a:hover{
	text-decoration:underline;
	cursor:pointer;
}


/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
div#container
{
	
}
div#content
{
	
}


/*** HEADER ***/
#header{
width:100%;
height:100px;
background-color:#ff7026;
}

#header .text{
	height:100px;
	width:1024px;
	margin:0 auto;
	background:url('img/Agrafa_Formularz_GRAFIKA NA GORE.png') no-repeat left;
}


/*** CONTENT ***/
#landingPage section{
	/*DEBUG
	border:solid 1px red;*/
}

#landingPage div{
	/*DEBUG
	border:solid 1px violet;*/
}

#landingPage #topLogo{
	position:relative;
	min-width: 1440px;
}

#landingPage #topLogo .background{
	width:100%;
	height:1250px;
	background:url('img/landingPage/logo.png') no-repeat center 298px;
	background-color:#fe7026;
	position:absolute;
}
#landingPage #topLogo .elements{
	width:100%;
	height:1250px;
	position:relative;
}
#landingPage #topLogo .elements .eye{
	width:360px;
	height:138px;
	background:url('img/landingPage/eye.png') no-repeat center;
	margin:0 auto;
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
}

#landingPage #attitudes,
#speakersPage,
#programmePage{
	position:relative;
	max-width: 1440px;
    height: 1065px;
	margin:0 auto;
}
#landingPage #attitudes .background{
	width:100%;
	height: 100%;
	/*background:url('img/landingPage/attitudes.png') no-repeat center;*/
	background-color:white;
	position:absolute;
    margin-top: -111px;
    background-position: 50% 0px;
}
#landingPage #attitudes .background.a1{
	background:url('img/landingPage/handwritten/a1.png') no-repeat top center;/*798*/
	/*height: 798px;*/
	margin-top: 1px;
	background-size: 100%;
}
#landingPage #attitudes .background.a2{
	background:url('img/landingPage/handwritten/a2_2.png') no-repeat top center;/*395*/
	/*height: 395px;*/
	margin-top: 202px;
	background-size: 100%;
}
#landingPage #attitudes .background.a3{
	background:url('img/landingPage/handwritten/a3.png') no-repeat top center;/*642*/
	/*height: 642px;*/
	margin-top: 79px;
	background-size: 100%;
}
#landingPage #attitudes .background.a4{
	background:url('img/landingPage/handwritten/a4.png') no-repeat top center;/*473*/
	/*height: 473px;*/
	margin-top: 163px; /* 400 - (height / 2) */
	background-size: 100%;
}
#landingPage #attitudes .background.a5{
	background:url('img/landingPage/handwritten/a5.png') no-repeat top center;/*675*/
	/*height: 675px;*/
	margin-top: 65px;
	background-size: 100%;
}
#landingPage #attitudes .background.a6{
	background:url('img/landingPage/handwritten/a6.png') no-repeat top center;/*627*/
	/*height: 627px;*/
	margin-top: 86px;
	background-size: 100%;
}
#landingPage #attitudes .background.a7{
	background:url('img/landingPage/handwritten/a7.png') no-repeat top center;/*478*/
	/*height: 478px;*/
	margin-top: 161px;
	background-size: 100%;
}
#landingPage #attitudes .background.a8{
	background:url('img/landingPage/handwritten/a9.png') no-repeat top center;/*549*/
	/*height: 549px;*/
	margin-top: 125px;
	background-size: 100%;
}
#landingPage #attitudes .background.a9{
	background:url('img/landingPage/handwritten/a10.png') no-repeat top center;/*589*/
	/*height: 589px;*/
	margin-top: 105px;
	background-size: 100%;
}
#landingPage #attitudes .background.a10{
	background:url('img/landingPage/handwritten/a11.png') no-repeat top center;/*760*/
	/*height: 760px;*/
	margin-top: 20px;
	background-size: 100%;
}

#landingPage #attitudes .elements,
#speakersPage .elements,
#programmePage .elements{
	position:relative;
    /*width: 1440px;*/
    margin: 0 auto;
}
#landingPage #attitudes .elements .nav,
#speakersPage .elements .nav,
#programmePage .elements .nav{
	width: 54px;
    height: 45px;
    background: url(img/landingPage/menu.png) no-repeat;
    /*position: absolute;
    top: 64px;
    left: 90px;*/
	cursor:pointer;
	
    float: left;
    margin: 64px 0 0 90px;
}
#landingPage #attitudes .elements .register,
#speakersPage .elements .register,
#programmePage .elements .register,
#infoOverlay .elements .register,
#menuOverlay .elements .register{
    /*position: absolute;
    top: 64px;
    right: 85px;*/
    width:190px;
    height:48px;
    background:url(img/landingPage/register_en.png) no-repeat;
    cursor:pointer;
    
    float: right;
    margin: 64px 85px 0 0;
}
#menuOverlay .elements .register{
	position: absolute;
    top: -365px;
    right: 0;
}
#landingPage #attitudes .elements .register:hover,
#speakersPage .elements .register:hover,
#programmePage .elements .register:hover,
#infoOverlay .elements .register:hover,
#menuOverlay .elements .register:hover{
    background:url(img/landingPage/register_en_hover.png) no-repeat;
}







#landingPage #attitudes .elements .languageChanger,
#menuOverlay .elements .languageChanger{
	width:190px;
    height:48px;
    background:url(img/landingPage/pl-en_zwykly.png) no-repeat;
    cursor:pointer;
    float: right;
	margin: 121px -190px 0 0;
}
#menuOverlay .elements .languageChanger{
	position: absolute;
    top: -308px;
    right: 0;
	margin: 64px 85px 0 0;
}
#landingPage #attitudes .elements .languageChanger:hover{
    background:url(img/landingPage/pl-en_zwykly_hover.png) no-repeat;
}
#menuOverlay .elements .languageChanger:hover{
    background:url(img/landingPage/hover_jezyki.png) no-repeat;
}





.pl_PL #landingPage #attitudes .elements .register,
.pl_PL #speakersPage .elements .register,
.pl_PL #programmePage .elements .register,
.pl_PL #infoOverlay .elements .register,
.pl_PL #menuOverlay .elements .register{
    width:190px;
    height:48px;
    background:url(img/landingPage/rejestracja_pl_.png) no-repeat;
}
.pl_PL #landingPage #attitudes .elements .register:hover,
.pl_PL #speakersPage .elements .register:hover,
.pl_PL #programmePage .elements .register:hover,
.pl_PL #infoOverlay .elements .register:hover,
.pl_PL #menuOverlay .elements .register:hover{
    background:url(img/landingPage/rejestracja_pl_hover.png) no-repeat;
}
#infoOverlay .elements .register{
    margin: -201px 85px 0 0;
}

#infoOverlay .partners,
#infoOverlay .media{
    max-width: 1440px;
    margin: 0 auto;
}
#infoOverlay .partners{
    margin-bottom: 48px;
}
#infoOverlay .partners .item,
#infoOverlay .media .item{
    max-width: 950px;
    margin: 0 auto;
    margin-left: 310px;
}
#infoOverlay .partners .title,
#infoOverlay .media .title{
	font-family: questaBlack;
	font-size: 3.000rem;
	padding-left: 210px;
	margin: 0 0 36px 0px;
}
#infoOverlay .partners ul li,
#infoOverlay .media ul li{
    list-style: none;
    float: left;
    margin: 0 28px 28px 0;
}
#infoOverlay .partners ul li.gi{
	width:170px;
	height:90px;
	background:url(img/partners/partners.png) no-repeat;
}
#infoOverlay .partners ul li.iwp{
	width:220px;
	height:90px;
	background:url(img/partners/partners2.png) no-repeat;
}
#infoOverlay .partners ul li.taoids{
	width:170px;
	height:90px;
	background:url(img/partners/partners3.png) no-repeat;
}
#infoOverlay .partners ul li.stgu{
	width:220px;
	height:90px;
	background:url(img/partners/partners4.png) no-repeat;
}
#infoOverlay .partners ul li.slaskie{
	width:170px;
	height:90px;
	background:url(img/partners/partners5.png) no-repeat;
}
#infoOverlay .partners ul li.rs{
	width:170px;
	height:90px;
	background:url(img/partners/partners6.png) no-repeat;
}
#infoOverlay .partners ul li.zc{
	width:170px;
	height:90px;
	background:url(img/partners/partners7.png) no-repeat;
}
#infoOverlay .partners ul li.mk{
	width:170px;
	height:90px;
	background:url(img/partners/partners8.png) no-repeat;
}
#infoOverlay .partners ul li.czk{
	width:170px;
	height:90px;
	background:url(img/partners/logo_partners_czk.png) no-repeat;
}

#infoOverlay .media ul li.ats{
	width:170px;
	height:90px;
	background:url(img/media/media.png) no-repeat;
}
#infoOverlay .media ul li.dd{
	width:251px;
	height:90px;
	background:url(img/media/media2.png) no-repeat;
}
#infoOverlay .media ul li.ia{
	width:170px;
	height:90px;
	background:url(img/media/media3.png) no-repeat;
}
#infoOverlay .media ul li.font{
	width:200px;
	height:90px;
	background:url(img/media/media4.png) no-repeat;
}
#infoOverlay .media ul li.tvp3{
	width:170px;
	height:90px;
	background:url(img/media/media5.png) no-repeat;
}
#infoOverlay .media ul li.um{
	width:170px;
	height:90px;
	background:url(img/media/media6.png) no-repeat;
}



/*#landingPage #attitudes .elements .register .text{
	line-height: 41px;
    letter-spacing: 0.2px;
    font-size: 30px;
    font-family: questaBlack;
    border-top: solid 6px black;
    padding-top: 5px;
    width: 200px;
	cursor:pointer;
}*/
#landingPage #attitudes .elements .registration{
	width:175px;
	margin:0 auto;
	margin-top: 24px;
    padding-left: 53px;
    /*line-height: 41px;*/
	line-height: 2.563rem;
    letter-spacing: 0.2px;
}
#landingPage #attitudes .elements .registration .text{
    font-size: 1.875rem;
	font-family:questaBlack;
}
#landingPage #attitudes .elements .description{
	/*width:175px;*/
	margin:0 auto;
	position:absolute;
    top: 514px;
    left: 36px;
}
#landingPage #attitudes .elements .description .text{
	font-size: 2.813rem;
	padding-left:54px;
	font-family:questaBlack;
    /*line-height: 54px;*/
	line-height: 3.375rem;
    letter-spacing: 1px;
}
#landingPage #attitudes .elements .dateNPlace{
	width:175px;
	margin:0 auto;
	position:absolute;
    top: 514px;
    right: 156px;
}
#landingPage #attitudes .elements .dateNPlace .text{
    font-size: 2.813rem;
	padding-left:54px;
	font-family:questaBlack;
    /*line-height: 54px;*/
	line-height: 3.375rem;
    letter-spacing: 1px;
}
#landingPage #attitudes .elements .logo,
#speakersPage .elements .logo,
#programmePage .elements .logo{
	width:360px;
	height:138px;
	background:url('img/landingPage/logo_small.png') no-repeat center;
	margin:0 auto;
	position:absolute;
	top: 35px;
	left:0;
	right:0;
}

#landingPage #carousel{
	position:relative;
	/*min-width: 1440px;*/
}
#landingPage #carousel .background{
	width:100%;
	height:500px;
	background-color:#fe7026;
	position:absolute;
}
#landingPage #carousel .elements{
	position:relative;
	/*width: 1440px;*/
    margin: 0 auto;
    top: -200px;
}
#landingPage #carousel .elements .nav{
    text-align: center;
    letter-spacing: 8px;
    position: relative;
    top: -73px;
}
#landingPage #carousel .elements .nav .item{
	font-size: 3.000rem;
	font-family:questaBlack;
	cursor:pointer;
    display: inline;
    border-bottom: solid 3px transparent;
}
#landingPage #carousel .elements .nav .item:hover{
	border-bottom: solid 3px black;
}
#landingPage #carousel .elements .nav span{
	font-size: 3.000rem;
	font-family:questaBlack;
}
#landingPage #carousel .elements .title{
	font-size: 5.000rem;
    font-family: questaBlack;
    margin: 126px 0 110px 126px;
    cursor: pointer;
    border-bottom: solid 3px transparent;
    padding-bottom: 13px;
    display: inline-block;
}
#landingPage #carousel .elements .posts{
    position: relative;
    top: -25px;
    /*line-height: 45px;*/
	line-height: 2.813rem;
    overflow-x:hidden;
    margin-left: 85px;
}
#landingPage #carousel .elements .posts .post{
    margin-left: 80px;
    width: 800px;
}
#landingPage #carousel .elements .posts .post .text{
	font-family:questaBold;
    font-size: 1.875rem;
	cursor:pointer;
}
/*#landingPage #carousel .elements .posts .post .fullText{
	display:none;
}*/
#landingPage #carousel .elements .posts .post .arrow{
	width:32px;
	height:15px;
	background:url('img/landingPage/arrow.png') no-repeat left;
	cursor:pointer;
    margin: 40px 0 0 126px;
}

#landingPage #speakers{
	position:relative;
	/*min-width: 1440px;*/
	top: -145px;
}
#landingPage #speakers .elements{
	position:relative;
	/*width: 1440px;*/
    margin: 0 auto;
}
#landingPage #speakers .elements .title{
    font-family: questaBlack;
	font-size: 2.813rem;
    text-align: center;
}
#landingPage #speakers .elements .title a{
	color:black;
	text-decoration:none;
}
#landingPage #speakers .elements .title a:hover{
	color:#fe7026;
}
#landingPage #speakers .elements .people{
    font-family: questaBlack;
    font-size: 3.125em;
    padding-left: 88px;
    margin-top: 207px;
    /*line-height: 68px;*/
	line-height: 4.250rem;
}
#landingPage #speakers .elements .people span{
	color:black;
	cursor:pointer;
}
#landingPage #speakers .elements .people span:hover{
	color:#fe7026;
}

#landingPage #sateliteEvents{
	position:relative;
}
#landingPage #sateliteEvents .elements{

}


#speakersPage .elements{
    height: 419px;
}
#speakersPage .elements.workshops{
	margin-top: -200px;
}
#speakersPage .elements .title {
	font-family: questaBlack;
    font-size: 2.813rem;
    text-align: left;
    top: 293px;
    position: absolute;
    left: 211px;
    letter-spacing: 0.5px;
}
#speakersPage .items{
	/*width:1440px;*/
	margin:0 auto;
	position:relative;
}
#speakersPage .items .itemRow{
	position: relative;
	margin-bottom: 66px;
}
#speakersPage .items .itemRow .bg{
	position:absolute;
	top:0;
	left:0;
	background:#fe7026;
	width: 100%;
    height: 300px;
}
#speakersPage .items .itemRow .item{
	position:relative;
	width:50%;
	float:left;
}
#speakersPage .items .itemRow .item .img{
	height: 300px;
    width: 370px;
    background: red;
    margin: 0 auto;
}
#speakersPage .items .itemRow .item .title{
	font-family: questaBlack;
    font-size: 2.813rem;
	margin-left: 210px;
    margin-top: 30px;
    letter-spacing: 0.5px;
}
#speakersPage .items .itemRow .item .title span{
	color:black;
}
#speakersPage .items .itemRow .item .title span:hover{
	color:#fe7026;
	cursor:pointer;
}

#speakersPage .items .itemRow .item .text{
}
#speakersPage .items .itemRow .item .lecture{
	font-family: questaBlack;
    font-size: 1.563em;
    margin-left: 250px;
    margin-top: 30px;
    letter-spacing: 0.5px
}
#speakersPage .items .itemRow .item.baurs .img{
	background:url(img/speakers/Baurowie_razem.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.cirut .img{
	background:url(img/speakers/olaf_cirut.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.gheerawo .img{
	background:url(img/speakers/Rama_Gheerawo_3.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.gnahm .img{
	background:url(img/speakers/Thomas_Gnahm.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.langeveld .img{
	background:url(img/speakers/Karin_Langeveld_fotografie_Eveline_van_Egdom.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.loj .img{
	background:url(img/speakers/Piotr_Loj_photo.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.piekarski .img{
	background:url(img/speakers/Marek_Piekarski.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.rudnicka .img{
	background:url(img/speakers/patrycja_rudnicka.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.sidun .img{
	background:url(img/speakers/Radek_Sidun.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.vyas .img{
	background:url(img/speakers/Vyas_Rupesh.jpg) no-repeat;
}

#speakersPage .items .itemRow .item.dunaj .img{
	background:url(img/speakers/Agnieszka_Dunaj.jpg) no-repeat;
}
#speakersPage .items .itemRow .item.broda .img{
	background:url(img/speakers/Martyna_Broda.jpg) no-repeat;
}


#programmePage{

}
#programmePage .elements{
    height: 280px;
}
#programmePage .programmeSection{
    width: 1440px;
    margin: 0 auto;
}
#programmePage .programmeSection .header{
	background-color: #fe7026;
    font-family: questaBlack;
	font-size: 3.000rem;
    /*line-height: 68px;*/
	line-height: 4.250rem;
    padding: 12px 209px 0;
    letter-spacing: -1px;
}
#programmePage .programmeSection .header .pageTitle{
    padding: 0 0 62px 0;
    margin:0 0 2px 0;
    border-bottom: solid 6px black;
}
#programmePage .programmeSection .header .title{
    float: left;
}
#programmePage .programmeSection .header .date{
    float: right;
}
#programmePage .programmeSection .items{

}
#programmePage .programmeSection .items .item{
    font-family: questaBlack;
    font-size: 1.875rem;
    /*line-height: 68px;*/
	line-height: 4.250rem;
    margin: 3px 0 0 0;
    min-height: 160px;
}
#programmePage .programmeSection .items .item .left{
	float: left;
    width: 211px;
    border-top: solid 3px black;
    margin: 0 36px 0 208px;
}
#programmePage .programmeSection .items .item:first-child .left{
	border:none;
}
#programmePage .programmeSection .items .item .left .time{
    margin: -5px 0 0;
}
#programmePage .programmeSection .items .item .right{
    float: left;
    border-top: solid 3px black;
    width: 775px;
}
#programmePage .programmeSection .items .item:first-child .right{
	border:none;
}
#programmePage .programmeSection .items .item .right .title{
		/*line-height: 40px;*/
		line-height: 2.500rem;
		margin: 9px 0 28px 0;
}
#programmePage .programmeSection .items .item .right .title span{
	color:black;
	cursor:pointer;
}
#programmePage .programmeSection .items .item .right .title span:hover{
	color:#fe7026;
}
#programmePage .programmeSection .items .item .right .text{
    font-family: questaBold;
    font-size: 1.563rem;
    /*line-height: 36px;*/
	line-height: 3rem;
    margin: -16px 0 0;
}




.lp_overlay{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:white;
	padding-top: 265px;
	background:url('img/landingPage/eye_small.png') no-repeat center 40px;
}
.lp_overlay .bg{
	width: 100%;
    height: 500px;
    background-color: #fe7026;
    position: absolute;
    z-index: -10;
    margin-top: 800px;
}
.lp_overlay .elements{
	max-width:1440px;
	margin:0 auto;
	position: relative;
}
.lp_overlay .elements .title{
    font-family: questaBlack;
	font-size: 3.000rem;
	padding-left: 210px;
	clear: both;
}
.lp_overlay .elements .close{
	position:absolute;
    top: -201px;
    left: 90px;
	width:43px;
	height:43px;
	background:url('img/landingPage/close.png') no-repeat;
	cursor:pointer;
}
.lp_overlay .elements .logo{
	width: 210px;
    height: 82px;
    position: absolute;
    top: -225px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.lp_overlay .elements .fullText,
.lp_overlay .elements .text{
	margin-bottom: 100px;
}
.lp_overlay .elements .fullText a{
	color:black;
	text-decoration:none;
}
.lp_overlay .elements .fullText a:hover{
	text-decoration:underline;
}
.lp_overlay .elements .fullText p,
.lp_overlay .elements .text p{
    font-family: questaBold;
    padding-left: 370px;
    font-size: 1.875rem;
    font-family: questaBold;
    padding-left: 370px;
    /*line-height: 42px;*/
	line-height: 2.625rem;
}
.lp_overlay .elements .fullText p.lead,
.lp_overlay .elements .text p.lead{
	font-size: 3.000rem;
    padding-left: 210px;
    font-family: questaBlack;
    margin: 60px 0;
	/*line-height: 60px;*/
	line-height: 3.750rem;
}

.lp_overlay .elements .fullText p.bold,
.lp_overlay .elements .text p.bold{
	font-family: questaBlack;
}
.lp_overlay .elements .fullText p strong,
.lp_overlay .elements .text p strong{
	font-family: questaBlack;
}
#map{
	width: 100%;
    height: 500px;
}

#postOverlay .posts .post{
	display:none;
}
#speakerOverlay {
	background:none;
	padding-top:0px;
}
#speakerOverlay .elements .close{
	top: 46px;
}
#speakerOverlay .bg{
	top: 1200px;
}
#speakerOverlay .posts .post{
	display:none;
}
#speakerOverlay .posts .post .img{
	height: 500px;
    background-color: #fe7026;
    margin-bottom: 25px;
}
#speakerOverlay .posts .post .img.post_117,
#speakerOverlay .posts .post .img.post_311{
	background:url(img/speakers/500/Ruedi_Baur_2.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_119,
#speakerOverlay .posts .post .img.post_309{
	background:url(img/speakers/500/Vera_Baur-Kockot.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_121,
#speakerOverlay .posts .post .img.post_307{
	background:url(img/speakers/500/olaf_cirut.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_123,
#speakerOverlay .posts .post .img.post_305{
	background:url(img/speakers/500/Rama_Gheerawo_3.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_125,
#speakerOverlay .posts .post .img.post_303{
	background:url(img/speakers/500/Thomas_Gnahm.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_127,
#speakerOverlay .posts .post .img.post_301{
	background:url(img/speakers/500/Karin_Langeveld_fotografie_Eveline_van_Egdom.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_129,
#speakerOverlay .posts .post .img.post_299{
	background:url(img/speakers/500/Piot_Loj_photo.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_131,
#speakerOverlay .posts .post .img.post_297{
	background:url(img/speakers/500/Marek_Piekarski.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_133,
#speakerOverlay .posts .post .img.post_295{
	background:url(img/speakers/500/patrycja_rudnicka.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_137,
#speakerOverlay .posts .post .img.post_291{
	background:url(img/speakers/500/Vyas_Rupesh.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_135,
#speakerOverlay .posts .post .img.post_293{
	background:url(img/speakers/500/Radek_Sidun.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_343,
#speakerOverlay .posts .post .img.post_345{
	background:url(img/speakers/500/Agnieszka_Dunaj.jpg) #fe7026 no-repeat center;
}
#speakerOverlay .posts .post .img.post_347,
#speakerOverlay .posts .post .img.post_349{
	background:url(img/speakers/500/Martyna_Broda.jpg) #fe7026 no-repeat center;
}
 
#menuOverlay{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	
	
	background:none;
	background-color:#fe7026;
}
#menuOverlay .elements{
	position: relative;
    background-color: #fe7026;
}
#menuOverlay .elements .close{
	position:absolute;
    top: -301px;
    left: 90px;
	width:43px;
	height:43px;
	background:url('img/landingPage/close.png') no-repeat;
	cursor:pointer;
}
#menuOverlay .elements .title{
	font-family: questaBlack;
	font-size: 3.000rem;
	padding-left: 210px;
}
#menuOverlay .elements .text{
	font-family: questaBlack;
    /*font-size: 3.125rem;*/
    /*line-height: 4.250rem;*/
    font-size: 50px;
    line-height: 68px;
    margin-left: 92px;
    position: relative;
    top: -137px;
}
#menuOverlay .elements .text ul{
    margin: 0;
    padding: 0;
}
#menuOverlay .elements .text ul li{
	float:left;
	list-style:none;
	margin-right: 40px;
	color:black;
	cursor:pointer;
}
#menuOverlay .elements .text ul a{
	text-decoration:none;
}
#menuOverlay .elements .text ul li:hover{
	color:white;
}
#menuOverlay .elements .menuLogo{
    width: 56px;
    height: 70px;
    background: url(img/landingPage/menu_logo.png) no-repeat;
    float: left;
    clear: both;
    margin: 50px 0 0 91px;
}
#menuOverlay .elements .menuFacebook{
    width: 73px;
    height: 73px;
    background: url(img/landingPage/menu_facebook.png) no-repeat;
    float: right;
    margin: 49px 83px 0;
}
#menuOverlay .elements .register:hover{
	background: url(img/landingPage/menu_register_hover_2.png) no-repeat;
}
.pl_PL #menuOverlay .elements .register:hover{
	background: url(img/landingPage/menu_register_hover_2_pl.png) no-repeat;
}

#registerOverlay{
	display:none;
}

/*** FOOTER ***/
div#footer
{
	float: left;
	clear: both;
}


/*** YOUR CSS ***/

@media only screen and (min-width: 1280px) {
    /* tablets and desktop */
	html{
		font-size:100%;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1279px) {
/* iPads (portrait and landscape) ----------- */
	html{
		font-size:75%;
	}
	#menuOverlay .elements .text ul li {
		width:100%;
	}
}
@media only screen and (max-width: 767px) {
    /*phones*/ 
	html{
		/*font-size:50%;*/
		font-size:75%;
		min-width:767px;
	}
	.lp_overlay{
		min-width:767px;
	}
	/* #landingPage #attitudes .elements .description,
	#landingPage #attitudes .elements .dateNPlace{
		top: 350px;
	}
	#landingPage #attitudes .elements .logo, 
	#speakersPage .elements .logo, 
	#programmePage .elements .logo{
	    background-size: 75%;
    	width: 180px;
	}
	#landingPage #attitudes .elements .register, 
	#speakersPage .elements .register, 
	#programmePage .elements .register, 
	#infoOverlay .elements .register, 
	#menuOverlay .elements .register{
		background-size: 75%;
		margin: 64px 0;
	}
	#landingPage #attitudes .elements .languageChanger, 
	#menuOverlay .elements .languageChanger{
		background-size: 75%;	
		margin: 110px -190px 0 0;
	}
	#landingPage #attitudes .elements .register:hover, 
	#speakersPage .elements .register:hover, 
	#programmePage .elements .register:hover, 
	#infoOverlay .elements .register:hover, 
	#menuOverlay .elements .register:hover{
		background-size: 75%;
	}
	#landingPage #attitudes .elements .languageChanger:hover,
	#menuOverlay .elements .languageChanger{
		background-size: 75%;
	}
	#landingPage #attitudes, 
	#speakersPage, 
	#programmePage{
		height:650px;
	}
	#landingPage #carousel .elements .posts .post{
		width:600px;
	}
	#landingPage #carousel .elements .title{
	    margin: 50px 0 50px 126px;
    }
    #landingPage #carousel .elements{
    	top:0;
    }
    #landingPage #speakers{
    	top:0;
    }
    #landingPage #carousel .background{
        margin-top: 50px;
        height: 220px;
    }
    #landingPage #speakers .elements .people{
    	margin-top:75px;
    }
    #landingPage #attitudes .elements .nav, 
    #speakersPage .elements .nav, 
    #programmePage .elements .nav{
    	background-size: 75%;
    }
    .lp_overlay .elements .title{
    	padding-left: 85px;
    }
    .lp_overlay .elements .fullText p, 
    .lp_overlay .elements .text p{
    	padding-left: 170px;
    	padding-right: 75px;
    }
    .lp_overlay .elements .fullText p.lead, 
    .lp_overlay .elements .text p.lead{
    	padding-left: 170px;
    }
    #speakerOverlay .bg,
    .lp_overlay .bg{
	    height: 300px;
    	margin-top: 750px;
    }
    #speakerOverlay .posts .post .img.post_117,
	#speakerOverlay .posts .post .img.post_311{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_119,
	#speakerOverlay .posts .post .img.post_309{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_121,
	#speakerOverlay .posts .post .img.post_307{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_123,
	#speakerOverlay .posts .post .img.post_305{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_125,
	#speakerOverlay .posts .post .img.post_303{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_127,
	#speakerOverlay .posts .post .img.post_301{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_129,
	#speakerOverlay .posts .post .img.post_299{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_131,
	#speakerOverlay .posts .post .img.post_297{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_133,
	#speakerOverlay .posts .post .img.post_295{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_137,
	#speakerOverlay .posts .post .img.post_291{
		background:url(img/speakers/500/Vyas_Rupesh.jpg) #fe7026 no-repeat center;
	}
	#speakerOverlay .posts .post .img.post_135,
	#speakerOverlay .posts .post .img.post_293{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_343,
	#speakerOverlay .posts .post .img.post_345{
		background-size: 50%;
    	height: 320px;
	}
	#speakerOverlay .posts .post .img.post_347,
	#speakerOverlay .posts .post .img.post_349{
		background-size: 50%;
    	height: 320px;
	}
	.lp_overlay .elements .close,
	.lp_overlay .elements .logo{
		background-size: 75%;
	}
	#infoOverlay .partners ul li, 
	#infoOverlay .media ul li{
		float:none;
	}
	#infoOverlay .partners .item, 
	#infoOverlay .media .item{
		margin-left:250px;
	}
	#speakersPage .items .itemRow .bg{
		height:231px;
	}
	#speakersPage .items .itemRow .item.baurs .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.cirut .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.gheerawo .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.gnahm .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.langeveld .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.loj .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.piekarski .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.rudnicka .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.sidun .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.vyas .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.dunaj .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item.broda .img{
		background-size: 75%;
	}
	#speakersPage .items .itemRow .item .img{
		height:231px;
	}
	#speakersPage .items .itemRow .item .lecture{
		margin-left: 200px;
	}
	#speakersPage .items .itemRow .item .title{
		margin-left: 150px;
	}
	#programmePage .programmeSection .header{
		padding: 12px 109px 0;
	}
	#programmePage .programmeSection .items .item .left{
		margin: 0 36px 0 108px;
	    width: 150px;
	}
	#programmePage .programmeSection .items .item .right{
		width: 360px;
	}
	#programmePage .programmeSection{
		width:auto;
	}
	#menuOverlay .elements .text ul li {
		width:100%;
	}
	#landingPage #carousel .elements .posts .post .arrow{
	    background-size: 75%;
    	margin-top: 15px;
	}*/
}