.hidden {display:none;}

.fullsize {width:calc(100% - 0px);}

li.zoldpipa {background-image: url("images/icon_pipa_zold.svg");}

li.feketenyil {background-image: url("images/icon_nyil_jobbra_black.svg");}


@media all and (min-width: 1280px) {
div.kivalasztas_konyv_box {border:1px solid #a3a3a3;
	margin-bottom:40px;}

div.kivalasztas_kosar_placeholder {background-color:#edece9;
	padding:10px 10px 7px 10px;
	border-top: 1px solid #a3a3a3;
	}

div.kivalasztas_kosar_placeholder img {height:30px; cursor: pointer;}

div.kotet_placeholder {overflow:hidden; padding:15px;}

div.kotet_borito_placeholder {float:left; 
	width: calc(33% - 15px);
	margin-right:15px;
		
}

div.kotet_borito_placeholder img {width:100%; border:1px solid #a3a3a3;}

div.kotet_leiras_placeholder {float:left; 
	width: calc(66% - 10px);
	
	
	}

span.kotet_cim {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 23px;
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom:10px;}

span.kotet_ar {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
	line-height: 120%;
	margin-bottom:10px;}

span.kotet_leiras {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
	line-height: 135%;}


/* --- FORM ---  */

div.form-placeholder {margin-bottom:10px;}

div.form-placeholder label {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 15px;
	font-style:normal;
	text-decoration: none;
	font-weight: 400;
	line-height:20px;
	
	text-transform:uppercase;
	margin:0 0 2px 0;
	letter-spacing:0px;
	display:block;}
	
.failure {font-family: 'Titillium Web', Arial;
	color:#dd6464 !important;
	font-size: 14px !important;
	font-style:normal !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	line-height:16px !important;	
	text-transform:none !important;
	margin:0 0 2px 0 !important;
	padding-top:2px !important;
	letter-spacing:0px !important;
	display:block !important;}
	
label.text {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 16px !important;
	font-style:normal;
	text-decoration: none;
	font-weight: 400 !important;
	line-height:115%;	
	margin:0 0 4px 0;
	letter-spacing:0px;
	text-transform:none !important;
	display:block !important;}

div.form-row_placeholder {margin-bottom:15px;}

div.fullsize_form-button_placeholder {padding:0 40px;}

div.form-button_placeholder {width:100%; 
	margin-top:20px;
 display:flex;
}

div.form-button {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	font-weight: 700;
	line-height:24px;
	text-align:center;
	text-transform:uppercase;
	background-color:#e6e6e6;
	padding:8px 17px 8px 17px;
	display:inline-block;
	cursor:pointer;
	margin-right:30px;
	}
	
div.form-button:hover {background-color:#878989;
	color:#fff;}
	
a.form-box_link {font-family: 'Titillium Web', Arial;
	display:block;
	color:#00bdd8;
	font-size: 15px;
	font-style:normal;
	text-decoration: none;
	font-weight: 500;
	line-height:120%;
	text-align:left;
	text-transform:none;
	padding:0px;
	margin:0;}	

a.form-box_link:hover {color:#b90e5e;}

p.form-box {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 17px !important;
	font-style:normal;
	text-decoration: none;
	font-weight: 500;
	line-height:125%;
	text-align:left;
	text-transform:none;
	padding:0px;
	margin:0 40px 25px 0px !important;}

div.cardlogos_placeholder {margin:25px 0 15px;}

div.cardlogos_placeholder img {display:block; width:400px;}

.checkbox-font-size {font-size:16px;}
	
input.text {display: block;
color: #000;
font-family: 'Titillium Web', Arial;
font-size: 16px;
width: CALC( 100% - 10px );
height: 35px;
border:1px solid #a3a3a3;
padding: 0 5px 0 5px;
background-color: #fff;
margin: 0px;
text-align: left;}
	
select.text {display: block;
color: #000;
font-family:'Titillium Web', Arial;
font-size: 16px;
width: CALC( 100% - 0px );
height: 35px;
border:1px solid #a3a3a3;
padding: 0 5px 0 5px;
background-color: #fff;
margin: 0px;
text-align: left;}


	
}



























@media all and (min-width: 850px) and (max-width: 1279.9px) {
	
div.kivalasztas_konyv_box {border:1px solid #a3a3a3;
	margin-bottom:40px;}

div.kivalasztas_kosar_placeholder {background-color:#edece9;
	padding:10px 10px 7px 10px;
	border-top: 1px solid #a3a3a3;
	}

div.kivalasztas_kosar_placeholder img {height:30px; cursor: pointer;}

div.kotet_placeholder {overflow:hidden; padding:15px;}

div.kotet_borito_placeholder {float:left; 
	width: calc(33% - 15px);
	margin-right:15px;
		
}

div.kotet_borito_placeholder img {width:100%; border:1px solid #a3a3a3;}

div.kotet_leiras_placeholder {float:left; 
	width: calc(66% - 10px);
	
	
	}

span.kotet_cim {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 23px;
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom:10px;}

span.kotet_ar {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
	line-height: 120%;
	margin-bottom:10px;}

span.kotet_leiras {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
	line-height: 135%;}


/* --- FORM ---  */

div.form-placeholder {margin-bottom:10px;}

div.form-placeholder label {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 15px;
	font-style:normal;
	text-decoration: none;
	font-weight: 400;
	line-height:20px;
	
	text-transform:uppercase;
	margin:0 0 2px 0;
	letter-spacing:0px;
	display:block;}
	
.failure {font-family: 'Titillium Web', Arial;
	color:#dd6464 !important;
	font-size: 14px !important;
	font-style:normal !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	line-height:16px !important;	
	text-transform:none !important;
	margin:0 0 2px 0 !important;
	padding-top:2px !important;
	letter-spacing:0px !important;
	display:block !important;}
	
label.text {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 16px !important;
	font-style:normal;
	text-decoration: none;
	font-weight: 400 !important;
	line-height:115%;	
	margin:0 0 4px 0;
	letter-spacing:0px;
	text-transform:none !important;
	display:block !important;}

div.form-row_placeholder {margin-bottom:15px;}

div.fullsize_form-button_placeholder {padding:0 40px;}

div.form-button_placeholder {width:100%; 
	margin-top:20px;
 display:flex;
}

div.form-button {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	font-weight: 700;
	line-height:24px;
	text-align:center;
	text-transform:uppercase;
	background-color:#e6e6e6;
	padding:8px 17px 8px 17px;
	display:inline-block;
	cursor:pointer;
	margin-right:30px;
	}
	
div.form-button:hover {background-color:#878989;
	color:#fff;}
	
a.form-box_link {font-family: 'Titillium Web', Arial;
	display:block;
	color:#00bdd8;
	font-size: 15px;
	font-style:normal;
	text-decoration: none;
	font-weight: 500;
	line-height:120%;
	text-align:left;
	text-transform:none;
	padding:0px;
	margin:0;}	

a.form-box_link:hover {color:#b90e5e;}

p.form-box {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 17px !important;
	font-style:normal;
	text-decoration: none;
	font-weight: 500;
	line-height:125%;
	text-align:left;
	text-transform:none;
	padding:0px;
	margin:0 40px 25px 0px !important;}

div.cardlogos_placeholder {margin:25px 0 15px;}

div.cardlogos_placeholder img {display:block; width:350px;}

.checkbox-font-size {font-size:16px;}
	
	input.text {display: block;
color: #000;
font-family: 'Titillium Web', Arial;
font-size: 16px;
width: CALC( 100% - 10px );
height: 35px;
border:1px solid #a3a3a3;
padding: 0 5px 0 5px;
background-color: #fff;
margin: 0px;
text-align: left;}
	
select.text {display: block;
color: #000;
font-family:'Titillium Web', Arial;
font-size: 16px;
width: CALC( 100% - 0px );
height: 35px;
border:1px solid #a3a3a3;
padding: 0 5px 0 5px;
background-color: #fff;
margin: 0px;
text-align: left;}


}




























@media all and (min-width: 1px) and (max-width: 849.9px) {
div.kivalasztas_konyv_box {border:1px solid #a3a3a3;
	margin-bottom:40px;}

div.kivalasztas_kosar_placeholder {background-color:#edece9;
	padding:10px 10px 7px 10px;
	border-top: 1px solid #a3a3a3;
	}

div.kivalasztas_kosar_placeholder img {height:30px; cursor: pointer;}

div.kotet_placeholder {padding:15px;}

div.kotet_borito_placeholder {float:none; 
	width: calc(60% - 15px);
	margin-bottom:15px;
		
}

div.kotet_borito_placeholder img {width:100%; border:1px solid #a3a3a3;}

div.kotet_leiras_placeholder {float:none; 
	width: calc(100% - 30px);
	
	
	}

span.kotet_cim {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 21px;
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0px;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom:10px;}

span.kotet_ar {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 17px;
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
	line-height: 120%;
	margin-bottom:10px;}

span.kotet_leiras {display:block;
	color: #000;
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
	line-height: 135%;}


/* --- FORM ---  */

div.form-placeholder {margin-bottom:10px;}

div.form-placeholder label {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 15px;
	font-style:normal;
	text-decoration: none;
	font-weight: 400;
	line-height:20px;
	
	text-transform:uppercase;
	margin:0 0 2px 0;
	letter-spacing:0px;
	display:block;}
	
.failure {font-family: 'Titillium Web', Arial;
	color:#dd6464 !important;
	font-size: 13px !important;
	font-style:normal !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	line-height:16px !important;	
	text-transform:none !important;
	margin:0 0 2px 0 !important;
	padding-top:2px !important;
	letter-spacing:0px !important;
	display:block !important;}
	
label.text {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 15px !important;
	font-style:normal;
	text-decoration: none;
	font-weight: 400 !important;
	line-height:115%;	
	margin:0 0 4px 0;
	letter-spacing:0px;
	text-transform:none !important;
	display:block !important;}

div.form-row_placeholder {margin-bottom:15px;}

div.fullsize_form-button_placeholder {padding:0 40px;}

div.form-button_placeholder {width:100%; 
	margin-top:20px;
 
}

div.form-button {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	font-weight: 700;
	line-height:24px;
	text-align:center;
	text-transform:uppercase;
	background-color:#e6e6e6;
	padding:6px 15px 6px 15px;
	display:inline-block;
	cursor:pointer;
	margin-right:30px;
	}
	
div.form-button:hover {background-color:#878989;
	color:#fff;}
	
a.form-box_link {font-family: 'Titillium Web', Arial;
	display:block;
	color:#00bdd8;
	font-size: 15px;
	font-style:normal;
	text-decoration: none;
	font-weight: 500;
	line-height:120%;
	text-align:left;
	text-transform:none;
	padding:0px;
	margin:0;}	

a.form-box_link:hover {color:#b90e5e;}

p.form-box {font-family: 'Titillium Web', Arial;
	color:#000;
	font-size: 17px !important;
	font-style:normal;
	text-decoration: none;
	font-weight: 500;
	line-height:125%;
	text-align:left;
	text-transform:none;
	padding:0px;
	margin:0 40px 25px 0px !important;}

div.cardlogos_placeholder {margin:25px 0 15px;}

div.cardlogos_placeholder img {display:block; width:300px;}

.checkbox-font-size {font-size:16px;}
	
input.text {display: block;
color: #000;
font-family: 'Titillium Web', Arial;
font-size: 15px;
width: CALC( 100% - 10px );
height: 30px;
border:1px solid #a3a3a3;
padding: 0 5px 0 5px;
background-color: #fff;
margin: 0px;
text-align: left;}
	
select.text {display: block;
color: #000;
font-family:'Titillium Web', Arial;
font-size: 15px;
width: CALC( 100% - 0px );
height: 30px;
border:1px solid #a3a3a3;
padding: 0 5px 0 5px;
background-color: #fff;
margin: 0px;
text-align: left;}

}

















@media all and (min-width: 1px) and (max-width: 849.9px) and (orientation: landscape) {

}




@media only screen and (orientation: portrait) {
	
	}



@media only screen and (orientation: landscape) {

	
	}