@charset "utf-8";

@import "reset.css";
@import "predefined.css";

/** Generated by FG **/
@font-face {
	font-family: 'Conv_ACaslonPro-Regular';
	src: url('../fonts/ACaslonPro-Regular.eot');
	src: local('☺'), url('../fonts/ACaslonPro-Regular.woff') format('woff'), url('../fonts/ACaslonPro-Regular.ttf') format('truetype'), url('../fonts/ACaslonPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_ACaslonPro-Italic';
	src: url('../fonts/ACaslonPro-Italic.eot');
	src: local('☺'), url('../fonts/ACaslonPro-Italic.woff') format('woff'), url('../fonts/ACaslonPro-Italic.ttf') format('truetype'), url('../fonts/ACaslonPro-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
I {
	font-family: 'Conv_ACaslonPro-Italic', serif;
}

html, body
{
	height: 100%;
	font-family: 'Conv_ACaslonPro-Regular', serif;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	xbackground-color: #00687e;
	background: #00687e url('../img/fa_bg.png') repeat center top;
	color: #000000;
}

/* ALAPBEÁLLÍTÁSOK */

H1, .h1, H2, .h2 {
	font-size: 1.7500em; /* 28px */
	line-height: 1.5000em; /* 42px */
	margin-bottom: 10px;  margin-top: 0.0000em;
	color: #005b68;
	xtext-decoration: underline;
	border-bottom: 2px solid #005b68;
}
H1.big, .h1.big {
	font-size: 2.2500em; /* 36px */
	line-height: 1.1667em; /* 42px */
	margin-bottom: 0.5833em;  margin-top: 0.0000em;
}

H2, .h2 {
	color: #b9483b;
	margin-bottom: 0px;
	text-decoration: none;
	border: 0;
	border: none;
}

H3, .h3 {
	color: #808285;
	text-transform: uppercase;
	border-bottom: 2px dotted #808285;
	margin-top: 45px !important;  margin-bottom: 10px !important;
}

H3, .h3, P {
	font-size: 1.0000em; /* 16px */
	line-height: 1.3125em; /* 21px */
	margin-bottom: 1.3125em;  margin-top: 0px;
}
P.lead {
	color: #808285;
	font-family: 'Conv_ACaslonPro-Italic', serif;
}

A, A:link, A:visited {
	color: inherit;
	text-decoration: none;
}

A:hover, A:active {
	color: inherit;
	cursor: pointer;
	text-decoration: underline;
}

HR {
	height: 1px;
	width: 100%;
	clear: both;
	border: 0;
	color: #808285;
	border-top: 2px dotted #808285;
	margin-top: 0px;
	margin-bottom: 15px;
}
TABLE HR {
	border-top: 2px solid #808285;
}
#farkas_legyozhetetlen {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
	margin: 0px auto;
	position: relative;
}

IMG {
	max-width:100%;
	height:auto;
}

/* Header
-----------------------------------------------------------------------------*/

#header {
	width: 100%;
	xmin-height: 500px;
	color: #ffffff;
	background: #103c46 url('../img/legyozhetetlen_header_bg.jpg') no-repeat center top;
	background-size:cover;
	border-bottom: 15px solid #00687e;
}
#header H1 {
	font-size: 22px;
	color: #ffffff;
	border: 0;
	border: none;
	text-transform: uppercase;
}

/* Middle
-----------------------------------------------------------------------------*/
#content {
	width: 100%;
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 10px;
}

.swiper-slide {
	font-family: 'Conv_ACaslonPro-Italic', serif;
	font-size: 26px; /* 28px */
	line-height: 1.5000em; /* 42px */
	margin-bottom: 10px;  margin-top: 0.0000em;
}

.interakcio {
	xmin-height: 140px;
	xpadding-top: 20px;
	xpadding-bottom: 20px;
	position: relative;
}
.interakcio2 {
	xmin-height: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.interakcio H1, .interakcio2 H1 {
	font-size: 43px;
	font-weight: bold;
	color: #ffffff;
	border: 0;
	border: none;
	margin-top: 15px;
	margin-bottom: 0px !important;
}
.interakcio2 H1 {
	margin-top: 55px;
}
.interakcio H2, .interakcio2 H2 {
	font-size: 30px;
	font-family: 'Conv_ACaslonPro-Italic', serif;
	color: #ffffff;
	text-transform: none !important;
	text-decoration: none !important;
}

.interakcio_konyv {
	xposition: absolute;
	margin-top: -110px;
}
.interakcio_konyv2 {
	xposition: absolute;
	margin-top: -75px;
}

@media screen and (max-width: 767px) {
	
	.interakcio_konyv, .interakcio_konyv2 {
		margin-top: 0px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
	.interakcio_konyv, .interakcio_konyv2 {
		margin-top: 0px;
	}
}

.btn1 {
	display: block;
	width: 160px;
	height: 86px;
	font-size: 20px;
	line-height: 65px;
	color: #ffffff !important;
	padding-left: 35px;
	background: transparent url('../img/btn_green.png') no-repeat left top;
	background-size: 180px;
}
.btn1:hover {
	background: transparent url('../img/btn_green_over.png') no-repeat left top;
	text-decoration: none;
	background-size: 180px;
	cursor: pointer;
}
.btn2 {
	display: block;
	width: 160px;
	height: 86px;
	font-size: 28px;
	line-height: 86px;
	color: #ffffff !important;
	padding-left: 85px;
	background: transparent url('../img/btn_red.png') no-repeat left top;
}
.btn2:hover {
	background: transparent url('../img/btn_red_over.png') no-repeat left top;
	text-decoration: none;
	cursor: pointer;
}
.btn3 {
	display: block;
	width: 246px;
	height: 57px;
	line-height: 57px;
	font-size: 30px;
	color: #ffffff;
	background: transparent url('../img/btn_red2.png') no-repeat left top;
	border: none !important;
}
.btn3:hover {
	background: transparent url('../img/btn_red2_over.png') no-repeat left top;
	xtext-decoration: underline;
	cursor: pointer;
}

INPUT {
	height:23px;
	line-height: 23px;
	float: left;
	border: 1px solid #bbbbbd;
}
LABEL {
	display: inline-block;
	height: 23px;
	line-height: 26px;
	margin-bottom: 10px;
}
.form-input {
	display: inline-block;
	padding: 2px 5px 0px 5px;
	-webkit-box-shadow: inset 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    inset 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         inset 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 10px;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer {
	color: #ffffff;
	background-color: #00687e;
	padding-top: 25px;
}

.errors	{
	color: #FF0000;
}

h2.right_side	{
	margin-top:25px;
	margin-bottom:25px;
}

h1.simple	{
	border:none;
}

#creditcards img	{
	float:left;
	height:40px;
	margin-right: 5px;
}