*
{
	background-image: none;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	outline: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
	-webkit-tap-highlight-color: transparent;
	/* -webkit-user-modify: read-write-plaintext-only; */
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

@media all and (min-width: 1024px)
	{
	*
		{
		user-select: text;
		-moz-user-select: text;
		-webkit-user-select: text;
		-ms-user-select: text;
		}
	}

input
	{
	user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	}	
	
body
	{
    font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
    background-color: #1d242a;
	}

/* HTML5 reset a régebbi böngészőkhöz */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
	{
	display: block;
	}

ol, ul
	{
	list-style: none;
	}

img
	{
	max-width: 100%;
	}

.tarto {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  position: relative;
}

/* Lap */

div#lap_wrapper
{
    background: #ffffff url(../img/hatter_lap.jpg) center top no-repeat;
	margin-top: 70px;
}

@media all and (min-width: 1024px)
	{
		div#lap_wrapper
		{
			margin-top: 90px;
		}
	}

div#lap_tarto
{
    margin: 0 auto;
    overflow: hidden;
    max-width: 1350px;
	width: 100%;
}

h1
{
    color: #ffffff;
	font-family: "Arsenal Regular";
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 3px;
    margin: 40px 20px 0;
    text-shadow: rgba(0, 0, 0, 1) 0px 0px 10px;
}

h1.onallo_cim
{
    margin: 50px 20px 53px;
}

h2
{
    color: #ffffff;
	font-family: "Arsenal Regular";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 3px;
    margin: 0 20px;
    text-shadow: rgba(0, 0, 0, 1) 0px 0px 10px;
}

div#lap
{
    margin: 40px 0 0;
    max-width: 1350px;
	width: 100%;
}

div#lap_bal_szel
	{
	height: 450px;
	width: 0;
	background: url(../img/hatter_arnyek_bal.png) top no-repeat; 
	float: left;
	}

div#lap_jobb_szel
	{
	height: 450px;
	width: 0;
	background: url(../img/hatter_arnyek_jobb.png) top no-repeat; 
	float: right;
	}
	
div#lap_torzs
	{
	background-color: #ffffff;
    border-bottom: none;
    min-height: 450px;
	width: 100%;
	float: left;
	}

@media all and (min-width: 700px)
	{
	h1
		{
		margin: 40px 45px 0;
		}
	
	h1.onallo_cim
		{
		margin: 50px 45px 53px;
		}

	h2
		{
		margin: 0 45px;
		}
	
	div#lap_bal_szel, div#lap_jobb_szel
		{
		width: 1.851851851851851%;
		}

	div#lap_torzs
		{
		width: 96.29629629629629%;
		}
	}
	
div#lap_torzs p, div#lap_torzs p b, div#lap_torzs a, div#lap_torzs p strong
{
    color: #555;
    font-size: 20px;
    line-height: 200%;
	text-align: left;
}

div#lap_torzs p
{
    padding: 15px 20px 10px;
}

/* Ikon lista */

div#lap_torzs ul.ikon_lista
	{
	overflow: auto;
	padding: 30px 0 0;
	width: 100%;
	}

div#lap_torzs ul.ikon_lista li
	{
    color: #555;
	font-size: 20px;
    line-height: 200%;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
	width: 100%;
	}

div#lap_torzs ul.ikon_lista li img
	{
	width: 55%;
	}

div#lap_torzs ul.ikon_lista li p
	{
	text-align: justify;
	}

div#lap_torzs ul.ikon_lista li p a
	{
	color: #555;
	}
	
div#lap_torzs ul.ikon_lista li p.ikon_lista_cim
	{
	border: 1px solid #C9DDE5;
	border-radius: 3px;
	color: #6e98c2;
    font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 24px;
	margin: 20px 0 0;
	padding: 5px 10px;
	text-align: center;
	}

@media all and (min-width: 400px)
	{
	div#lap_torzs ul.ikon_lista li img
		{
		width: auto;
		}
	}
	
@media all and (min-width: 700px)
	{
	div#lap_torzs ul.ikon_lista li
		{
		float: left;
		margin-right: 4.411764705%;
		width: 30.392156862%;
		}

	div#lap_torzs ul.ikon_lista li:last-child
		{
		margin-right: 0;
		}
		
	div#lap_torzs ul.ikon_lista li img
		{
		width: 45%;
		}
	}
	
@media all and (min-width: 1040px)
	{
	div#lap_torzs ul.ikon_lista li
		{
		margin-right: 4.901960784%;
		width: 30.065359477%;
		}
	}

/* Árak, csomagok */

div#arak_csomagok_mindent_bele
{
	background-image: url("../img/par_hatter_mindent_bele_arak.jpg");
	background-position: center 0;
	height: 400px;
	margin: 20px;
	overflow: auto;
	position: relative;
}

div#arak_csomagok_mindent_bele h2
{
	background: rgba(72, 94, 104, .5);
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-family: "Arsenal Regular";
	font-size: 40px;
	height: 165px;
	margin: auto;
	padding: 1%;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	text-align: center;
	width: 80%;
}

@media all and (min-width: 366px)
	{
	div#arak_csomagok_mindent_bele h2
	{
		height: 130px;
	}
}

@media all and (min-width: 533px)
	{
	div#arak_csomagok_mindent_bele h2
	{
		height: 85px;
	}
}


@media all and (min-width: 908px)
	{
	div#arak_csomagok_mindent_bele h2
	{
		height: 50px;
	}
}

table#arak_csomagok
{
	padding: 20px;
	overflow: hidden;
	width: 100%;
}

table#arak_csomagok th,
table#arak_csomagok td,
table#arak_csomagok td p
{
	font-size: 16px;
}

table#arak_csomagok th
{
    border-bottom: 1px solid #7d9910;
	display: none;
}

table#arak_csomagok td:before
{
  color: #a0bf24;
  content: attr(data-th) "";
  font-weight: bold;
  display: inline-block;
  width: 55%;
}

table#arak_csomagok tr
{
	display: block;
	margin-bottom: 20px;
}

table#arak_csomagok th,
table#arak_csomagok td 
{
    font-weight: normal;
    letter-spacing: 1px;
    padding: 19px;
    text-align: left;
}

table#arak_csomagok td
{
	border-bottom: 1px solid #e9e9e9;
	display: block;
	vertical-align: middle;
}

table#arak_csomagok th p, table#arak_csomagok td p
{
	line-height: 120%;
}

table#arak_csomagok tr.arak_csomagok_sor_fejlec
{
	background: #7d9910; /* Old browsers */
	background: -moz-linear-gradient(top, #7d9910 0%, #9ec11d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7d9910 0%,#9ec11d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7d9910 0%,#9ec11d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d9910', endColorstr='#9ec11d',GradientType=0 ); /* IE6-9 */
}

table#arak_csomagok tr.arak_csomagok_sor_1
{
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efefef 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efefef 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #888888;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

table#arak_csomagok tr.arak_csomagok_sor_2
{
	background: #e1ebef; /* Old browsers */
	background: -moz-linear-gradient(top, #e1ebef 0%, #e8edef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e1ebef 0%,#e8edef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e1ebef 0%,#e8edef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #68858e;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ebef', endColorstr='#e8edef',GradientType=0 ); /* IE6-9 */
}

table#arak_csomagok tr.arak_csomagok_sor_n
{
	background: #e6ead7; /* Old browsers */
	background: -moz-linear-gradient(top, #e6ead7 0%, #e6e8e1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e6ead7 0%,#e6e8e1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e6ead7 0%,#e6e8e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #858e62;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ead7', endColorstr='#e6e8e1',GradientType=0 ); /* IE6-9 */
}

table#arak_csomagok tr.arak_csomagok_sor_1 td.arak_csomagok_idoszak_1
{
    background-color: #dfdfdf;
	border-bottom: 1px solid #aaaaaa;
	vertical-align: middle;
}

table#arak_csomagok tr.arak_csomagok_sor_2 td.arak_csomagok_idoszak_2
{
    background-color: #c7d7dd;
	border-bottom: 1px solid #98b3bc;
	vertical-align: middle;
}

table#arak_csomagok tr.arak_csomagok_sor_n td.arak_csomagok_idoszak_n
{
    background-color: #d0d6b8;
	border-bottom: 1px solid #a0a883;
	vertical-align: middle;
}

table#arak_csomagok td.arak_csomagok_idoszak_1 p,
table#arak_csomagok td.arak_csomagok_idoszak_2 p,
table#arak_csomagok td.arak_csomagok_idoszak_n p
{
	display: inline-block;
	padding: 0;
}

table#arak_csomagok td.arak_csomagok_idoszak_1 p
{
	color: #888888;
}

table#arak_csomagok td.arak_csomagok_idoszak_2 p
{
	color: #68858e;
}

table#arak_csomagok td.arak_csomagok_idoszak_n p
{
	color: #858e62;
}

table#arak_csomagok td p.arak_csomagok_ar,
table#arak_csomagok td p.arak_csomagok_regi_ar
{
	display: none;
	text-align: center;
}

table#arak_csomagok td p.arak_csomagok_ar
{
    font-size: 12px;
	padding: 0;
}

table#arak_csomagok td p.arak_csomagok_tajekoztato_ar
{
	display: inline-block;
	padding: 0;
}

table#arak_csomagok td p.arak_csomagok_regi_ar
{
	color: #e81a3c;
	font-size: 12px;
	text-decoration: line-through;
	padding: 0;
}

table#arak_csomagok a.arak_csomagok_regisztracio_link
{
	font-size: 16px;
	text-align: center;
}

@media all and (min-width: 860px)
	{
	table#arak_csomagok th, table#arak_csomagok td
		{
		display: table-cell;
		font-size: 25px;
		text-align: center;
		}
	
	table#arak_csomagok td
		{
		border-bottom: 1px solid #cccccc;
		font-size: 30px;
		}
	
	table#arak_csomagok tr
		{
		display: table-row;
		margin-bottom: 0;
		}
	
	table#arak_csomagok td:before
		{
		display: none;
		}

	table#arak_csomagok td.arak_csomagok_idoszak_1 p,
	table#arak_csomagok td.arak_csomagok_idoszak_2 p,
	table#arak_csomagok td.arak_csomagok_idoszak_n p
		{
		font-size: 70px;
		font-weight: 900;
		margin: 0px -150px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		text-align: center;
		padding: 160px 0px 160px 0px;
		}

	table#arak_csomagok td p.arak_csomagok_tajekoztato_ar,
	table#arak_csomagok td p.arak_csomagok_regi_ar,
	table#arak_csomagok td p.arak_csomagok_ar
		{
		display: block;
		text-align: center;
		}

	table#arak_csomagok td p.arak_csomagok_tajekoztato_ar
		{
		font-size: 30px;
		margin-bottom: 10px;
		}
	}

/* Funkciók */

h3.funkcio_cim
{
    background: #9BBE1C url(../img/hatter_funkcio_cim.jpg) repeat-x;
    border: 1px solid #fff;
    color: #fff;
	font-family: "Arsenal Regular";
    font-size: 22px;
    font-weight: 300;
    padding: 20px 10px 20px;
}

div.funkcio, div.funkcio_reszlet
{
    color: #555;
    font-size: 20px;
    line-height: 170%;
    padding: 10px;
}

div.funkcio_reszlet
{
    font-size: 17px;
    padding: 10px 30px 10px 41px;
	text-align: justify;
}

div.funkcio_tomb {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    padding-bottom: 1px;
}

div.funkcio_tarto {
    border: 1px dotted #ccc;
    border-bottom: none;
	margin: 0 20px;
}

div.funkcio
{
    background: #EFF2F7 url(../img/hatter_funkcio_sor.jpg) repeat-x;
    border: 1px solid #fff;
    border-bottom: 1px solid #E0E7EF;
    cursor: pointer;
}

div.funkcio_reszlet ul
{
    margin-left: 20px;
}

div#lap_torzs div.funkcio p
{
    background: url(../img/lista_pipa.png) no-repeat 0 10px;
	line-height: 150%;
    padding: 10px 10px 10px 30px;
	text-align: left;
}

div.funkcio_reszlet
{
    background: url(../img/hatter_funkcio_reszlet_sor.jpg) repeat-x;
    border: 1px solid #fff;
    color: #888;
    display: none;
}

/* GYIK */

div.gyik_tarto
{
    background: url(../img/hatter_gyik_kerdojel.jpg) no-repeat 20px 25px;
	padding: 20px;
}

div#lap_torzs p.gyik_kerdes
{
    color: #6E98C2;
    font-size: 25px;
    line-height: 170%;
    padding: 0 10px 5px 30px;
	text-align: left;
}

div#lap_torzs p.gyik_valasz
{
    padding: 0 10px 0 30px;
	text-align: justify;
}

/* Dokumentáció */

h3.dokumentacio_cim
{
    color: #6e98c2;
	font-family: "Arsenal Regular";
    font-size: 28px;
    font-weight: 300;
    padding: 40px 20px 10px 20px;
}

div#lap_torzs a.dokumentacio_link_web,
div#lap_torzs a.dokumentacio_link_pdf,
div#lap_torzs a.dokumentacio_link_video
{
    display: block;
    padding: 20px 20px 20px 60px;
	text-align: left;
}

div#lap_torzs a.dokumentacio_link_web
{
    background: url(../img/hatter_dokumentacio_web.jpg) no-repeat 20px 25px;
}

div#lap_torzs a.dokumentacio_link_pdf
{
    background: url(../img/hatter_dokumentacio_pdf.jpg) no-repeat 20px 25px;
}

div#lap_torzs a.dokumentacio_link_video
{
    background: url(../img/hatter_dokumentacio_video.jpg) no-repeat 20px 25px;
}

/* Regisztráció */

div#lap_torzs form#regisztracio_urlap
{
	padding: 20px 20px 50px 20px;
}

div#lap_torzs form#regisztracio_urlap fieldset
{
    border: 1px dotted #ccc;
    clear: both;
    margin-bottom: 20px;
    padding: 10px 20px;
}

div.regisztracio_adatok_sor
{
	overflow: auto;
	padding: 0 0 20px;
}

form#regisztracio_urlap legend
{
    background-color: #fff;
    color: #6e98c2;
	font-family: "Arsenal Regular";
    font-size: 28px;
    font-weight: 300;
    padding: 0 10px 10px;
}

form#regisztracio_urlap label
{
    color: #555;
	display: block;
    font-size: 20px;
    font-weight: normal;
	margin-bottom: 5px;
    padding-top: 5px;
    width: 100%;
}

form#regisztracio_urlap input.szoveg
{
    border: 1px solid #ccc;
	border-radius: 3px;
    color: #555;
    font-size: 20px;
    height: 24px;
	margin-bottom: 5px;
    padding: 10px;
    width: 94%;
}

div#lap_torzs p.regisztracio_magyarazat
{
    color: #A5C234;
    font-size: 14px;
    font-style: italic;
    line-height: 130%;
	padding: 0;
}

input#m_aszf,
input#m_akt,
input#m_minta_termek
{
    float: left;
    margin: 10px 20px 0 0;
    height: 20px;
    width: 20px;
}

button#m_regisztracio
{
    background: #F0DC3B url("../img/lista_pipa.png") no-repeat scroll 10px 14px;
	cursor: pointer;
	display: block;
	font-size: 20px;
    margin: 40px auto 0;
	padding: 15px 15px 15px 40px;
}

input#k_regisztracio
{
	display: none;
}

span#aruhaz_azonosito_nem_foglalt
{
    color: #9ebf23;
}

span#aruhaz_azonosito_foglalt
{
    color: #E81A3C;
}

@media all and (min-width: 700px)
	{
	div#lap_torzs form#regisztracio_urlap fieldset#regisztracio_adatok_okok
		{
		display: block;
		}

	form#regisztracio_urlap label
		{
		float: left;
		margin-right: 1.708428246013667%;
		width: 37.5854214123%;
		}

	form#regisztracio_urlap input.szoveg
		{
		float:left;
		margin-right: 1.708428246013667%;
		padding: 10px 1.138952164009%;
		width: 27.33485193621867%;
		}

	div#lap_torzs p.regisztracio_magyarazat
		{
		float: left;
		width: 28%;
		}
	}

/* Üzenetek */

div#hiba_uzenet_tarto
{
    background-color: #fff8f9;
    border: 1px dotted #E81A3C;
    clear: both;
    margin: 20px;
    padding: 20px 20px 10px 20px;
}

div#lap_torzs div#hiba_uzenet_tarto p.hiba_uzenet
{
    color: #E81A3C;
    font-size: 25px;
    padding: 0 0 10px 10px;
}

div#allapot_uzenet_tarto
{
    background-color: #fff8f9;
    border: 1px dotted #E81A3C;
    clear: both;
    margin: 20px;
    padding: 20px 20px 10px 20px;
}

div#lap_torzs div#allapot_uzenet_tarto p.allapot_uzenet
{
    font-size: 20px;
    line-height: 170%;
    padding: 0 0 10px 10px;
}

div#uzenet_tarto
{
    border: 1px dotted #ccc;
    clear: both;
    margin: 20px;
    padding: 20px 20px 10px 20px;
}

div#lap_torzs div#uzenet_tarto p.uzenet,
div#lap_torzs div#uzenet_tarto p.uzenet a
{
    font-size: 25px;
}

div#lap_torzs div#uzenet_tarto p.uzenet
{
    color: #A5C234;
    padding: 0 0 10px 10px;
}

div#regisztracio_dokumentacio_tarto
{
    padding-left: 30px;
}

/* Kerdőív */

div#lap_torzs form#kerdoiv_urlap fieldset
{
    border: 1px dotted #ccc;
    clear: both;
    margin-top: 20px;
    padding: 10px 20px;
}

form#kerdoiv_urlap legend
{
    background-color: #fff;
    color: #6e98c2;
	font-family: "Arsenal Regular";
    font-size: 28px;
    font-weight: 300;
    padding: 0 10px 10px;
}

div.kerdoiv_adat_sor
{
    clear: both;
    color: #555;
    overflow: auto;
    padding: 0 10px 20px;
}

form#kerdoiv_urlap input.check
{
    float: left;
}

div#lap_torzs div.kerdoiv_adat_sor p
{
    font-size: 18px;
    line-height: 150%;
    padding: 0 0 10px 35px;
}

div#lap_torzs div.kerdoiv_adat_sor a
{
    font-size: 18px;
}

form#kerdoiv_urlap textarea#m_megjegyzes
{
    border: 1px solid #ccc;
	border-radius: 3px;
    color: #555;
    font-size: 16px;
    height: 100px;
    padding: 2%;
    width: 96%;
}

form#kerdoiv_urlap button#m_kerdoiv_funkcio
{
    cursor: pointer;
    display: block;
    font-size: 20px;
    margin: 40px auto 0;
}

/* Hírlevél kezelés */

ul#hirlevel_lista li
{
    color: #555;
    font-size: 14px;
    list-style-image: url(../img/lista_pipa.png);
    list-style-position: inside;
    margin-left: 30px;
    padding-bottom: 20px;
    list-style-position: outside;
}

div#lap_torzs a.hirlevel_hivatkozas
{
    color: #A5C234;
    display: block;
    padding-bottom: 10px;
}

/* Megjelenés */

h3.megjelenes_cim
{
    clear: both;
    color: #6e98c2;
	font-family: "Arsenal Regular";
    font-size: 28px;
    font-weight: 300;
    padding: 40px 20px 0 20px;
}

div#megjelenes_bal_tarto
{
    overflow: auto;
    width: 100%;
}

div#megjelenes_jobb_tarto
{
    overflow: auto;
    width: 100%;
}

div#megjelenes_leiras_tarto
{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    overflow: auto;
}

div#megjelenes_leiras_tarto p
	{
	text-align: justify;
	}

ul#megjelenes_sablon_kep_lista
{
    padding: 20px;
}

ul#megjelenes_sablon_kep_lista li
{
	display: inline-block;
	list-style-type: none;
	padding: 3.260869565217%;
	text-align: center;
	width: 43.47826086956%;
}

@media all and (min-width: 500px)
	{
	ul#megjelenes_sablon_kep_lista li
		{
		padding: 1.8249258160237%;
		width: 29.673590504451%;
		}
	}

@media all and (min-width: 750px)
	{
	ul#megjelenes_sablon_kep_lista li
		{
		padding: 1.86170212765957%;
		width: 21.27659574468085%;
		}
	}
	
div.design_partner_tarto
{
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    overflow: auto;
    padding: 20px;
}

div.design_partner_tarto_utolso
{
    padding: 20px 20px 40px 20px;
}

a.design_partner_hivatkozas
{
	display: block;
}

img.design_partner_kep
{
    border: 5px solid #ccc;
    margin-right: 20px;
    padding: 10px;
}

div#lap_torzs p.design_partner_nev
{
    color: #6E98C2;
    font-size: 20px;
    line-height: 140%;
	padding: 0 0 20px 0;
}

div#lap_torzs p.design_partner_leiras
{
    padding: 0;
}

@media all and (min-width: 700px)
	{
	div#megjelenes_bal_tarto
		{
		float: left;
		width: 50%;
		}

	div#megjelenes_jobb_tarto
		{
		float: right;
		width: 50%;
		}
	}
	
/* Kapcsolat */

div#lap_torzs form#kapcsolat_urlap
{
    padding: 20px;
}

div#lap_torzs form#kapcsolat_urlap fieldset
{
    border: 1px dotted #ccc;
    clear: both;
    padding: 20px;
}

div.kapcsolat_adatok_sor
{
    clear: both;
    color: #555;
    overflow: auto;
    padding-bottom: 20px;
}

form#kapcsolat_urlap label
{
    display: block;
    font-size: 20px;
    font-weight: normal;
	margin: 0 10px 10px 0;
    padding-top: 5px;
    width: 100%;
}

form#kapcsolat_urlap input#m_kapcsolat_email
{
    border: 1px solid #ccc;
	border-radius: 3px;
    color: #555;
    font-size: 16px;
    height: 24px;
    padding: 10px;
    width: 85%;
}

form#kapcsolat_urlap textarea#m_kapcsolat_uzenet
{
    border: 1px solid #ccc;
	border-radius: 3px;
    color: #555;
    font-size: 16px;
    height: 100px;
    padding: 10px;
    width: 85%;
}

form#kapcsolat_urlap button#m_kapcsolat_funkcio
{
    cursor: pointer;
    display: block;
	font-size: 20px;
    margin: 40px auto 0;
}

@media all and (min-width: 550px)
	{
	form#kapcsolat_urlap label
		{
	    float: left;
		width: 43%;
		}
	
	form#kapcsolat_urlap input#m_kapcsolat_email,	
	form#kapcsolat_urlap textarea#m_kapcsolat_uzenet
		{
		width: 50%;
		}
	}

/* Kiemelt referenciák */

ul#kiemelt_referencia_lista
{
    padding: 20px;
}

ul#kiemelt_referencia_lista li
{
	display: inline-block;
	list-style-type: none;
	padding: 0 2% 30px 2%;
	text-align: center;
	vertical-align: top;
	width: 94%;
}

ul#kiemelt_referencia_lista li > a::after
{
	content: "";
}

ul#kiemelt_referencia_lista li a
{
	display: block;
	font-size: 14px;
	line-height: 130%;
	padding-top: 10px;
	text-decoration: none;
}

ul#kiemelt_referencia_lista li img
	{
	border: 5px solid #f1f1f1;
	}

@media all and (min-width: 650px)
	{
	ul#kiemelt_referencia_lista li
		{
		padding: 0 2% 50px 2%;
		width: 45.7%;
		}
	}
	
/* Normál referenciák */

h3.referencia_cim
{
    color: #6e98c2;
	font-family: "Arsenal Regular";
    font-size: 28px;
    font-weight: 300;
    padding: 40px 20px 20px;
}

div#lap_torzs a.normal_referencia_alap_nev_link
{
    background: url(../img/hatter_dokumentacio_web.jpg) no-repeat 20px 5px;
    border-bottom: 1px dotted #ccc;
    display: block;
	font-size: 18px;
    margin-bottom: 20px;
    padding: 0 0 20px 70px;
	text-decoration: none;
}

/* Vélemények */

blockquote.velemeny_szoveg
	{
	border-bottom: medium dotted #edf1f2;
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	margin: 0.25em 0;
	position: relative;
	color: #555;
    font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
    font-size: 20px;
    line-height: 200%;
    padding: 25px;
	text-align: justify;
	}

blockquote.velemeny_szoveg:last-of-type
	{
	border: none;
	}

blockquote.velemeny_szoveg:before
	{
	display: none;
	}	

blockquote.velemeny_szoveg cite
	{
	color: #999999;
	font-size: 18px;
	display: block;
	margin-top: 5px;
	}

blockquote.velemeny_szoveg cite.velemeny_nev
	{
	text-align: left;
	}
	
blockquote.velemeny_szoveg cite:before
	{
	content: "\2014 \2009";
	}	

blockquote.velemeny_szoveg a
	{
	color: #999999;
	}

@media all and (min-width: 400px)
	{
	blockquote.velemeny_szoveg:before
		{
		display: block;
		content: "\201C";
		font-size: 180px;
		position: absolute;
		left: 10px;
		top: 80px;
		color: #62767F;
		}	

	blockquote.velemeny_szoveg
		{
		padding: 25px 30px 25px 110px;
		}
	}


/* Alj */

div#alj_wrapper
{
    background: #1d242a url(../img/hatter_alj.jpg) no-repeat center top;
    overflow: auto;
}

div#alj_tarto
{
    margin: 0 auto;
    padding: 50px 20px 0;
    max-width: 1260px;
}

div.alj_lista_tarto
{
    margin-right: 0;
    overflow: hidden;
    padding-bottom: 40px;
}

div.alj_lista_tarto h3.alj_lista_cim
{
    border-bottom: 1px dotted #6e98c2;
    color: #6e98c2;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 15px;
}

ul.alj_lista li, ul.alj_lista li a
{
    color: #bbb;
    font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
    font-size: 14px;
    list-style-type: none;
    padding: 15px 0 0;
    width: 100%;
}

ul.alj_lista li a:hover
{
    color: #fff;
}

@media all and (min-width: 700px)
	{
	div.alj_lista_tarto
		{
		float: left;
		margin-right: 2.08333333%;
		width: 31.94444444%;
		}

	div#alj_tarto div.alj_lista_tarto:last-child
		{
		margin-right: 0;
		}
	}

/* Akció oldal */

img#akcio_kep
{
    float: right;
    margin: -20px 0 20px 20px;
}

img#akcio_nyertes_kep
{
    border: 1px solid #a9c43c;
    margin-bottom: 20px;
    padding: 10px;
}

div#lap_torzs p.akcio_kiemelt
{
    color: #a9c43c;
    font-size: 18px;
    line-height: 150%;
}

div#lap_torzs p.akcio_kiemelt a
{
    font-size: 18px;
}

div#akcio_szabalyzat_tarto
{
    background-color: #fafafa;
    border: 1px dotted #ccc;
    display: none;
    padding: 20px;
}

div#akcio_szabalyzat_tarto p,
div#akcio_szabalyzat_tarto p a,
div#akcio_szabalyzat_tarto p b
{
    font-size: 12px;
}

/* Általános leírások */

h3.altalanos_cim,
h4.altalanos_cim
{
    color: #6e98c2;
    font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 300;
    padding: 40px 20px 10px;
}

h4.altalanos_cim
{
    font-size: 22px;
    padding: 20px 20px 10px;
}

ul.altalanos_lista
{
    color: #555;
    font-size: 20px;
    line-height: 200%;
	text-align: left;
	list-style-position: inside;
}

ul.altalanos_lista li
{
	list-style-type: square;
	padding-left: 20px;
}

span.altalanos_kiemeles
{
	text-decoration: underline;
}

/* Webáruház bérlés */

h3.webaruhaz_berles_cim,
h4.webaruhaz_berles_cim
{
    color: #6e98c2;
	font-family: "Arsenal Regular";
    font-size: 26px;
    font-weight: 300;
    padding: 40px 20px 10px;
}

h4.webaruhaz_berles_cim
{
    font-size: 22px;
}

div#lap_torzs p.webaruhaz_keszites
{
	color: #999999;
	font-style: italic;
}

ul#webaruhaz_berles_funkciok
{
    color: #555;
    font-size: 20px;
    line-height: 200%;
	padding-left: 20px;
}

ul#webaruhaz_berles_funkciok li
{
	background: url(../img/lista_pipa.png) no-repeat 5px 7px;
	padding-left: 40px;
}

div#webaruhaz_berles_kiegeszito_tarto
{
	background-color: #F4F6F7;
	border: 1px solid #D7DDE0;
	clear: both;
	float: none;
	margin: 40px 20px 0 20px;
	padding: 20px;
}

div#webaruhaz_berles_kiegeszito_tarto h4
{
	color: #A8C23A;
	font-family: "Arsenal Regular";
	font-size: 24px;
	text-shadow: 1px 1px 0 #fff;
}

div#webaruhaz_berles_kiegeszito_tarto p
{
	font-size: 14px;
	padding: 10px 0 10px;
}

div#webaruhaz_berles_kiegeszito_tarto a
{
	color: #9DACB5;
	font-size: 14px;
	display: block;
}

div#webaruhaz_berles_kiegeszito_tarto a#webaruhaz_berles_kiegeszito_gomb
{
	clear: both;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	float: none;
    font-size: 20px;
	margin: 15px auto 0;
}

div#webaruhaz_berles_kiegeszito_tarto hr
{
    background-color: #D7DDE0;
    border: none;
	box-shadow: 1px 1px #fff;
    color: #D7DDE0;
    height: 1px;
    margin: 30px 0 20px;
}

@media all and (min-width: 550px)
	{
		div#webaruhaz_berles_kiegeszito_tarto
		{
			clear: none;
			float: right;
			margin: 40px 20px 0 20px;
			padding: 20px;
			width: 30%;
			max-width: 230px;
		}
	}

/* Gombok */

a.gomb_sarga,
button.gomb_sarga
{
    background-color: #F0DC3B;
	border: 1px solid #C4B229;
	cursor: pointer;
}

a.gomb_kek,
button.gomb_kek
{
    background-color: #62767F;
	border: 1px solid #465960;
}

a.gomb,
button.gomb
{
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

a.gomb:before,
button.gomb:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

button.gomb:hover, a.gomb:hover,
button.gomb:focus, a.gomb:focus,
button.gomb:active, a.gomb:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}

button.gomb:hover:before, a.gomb:hover:before,
button.gomb:focus:before, a.gomb:focus:before,
button.gomb:active:before, a.gomb:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Általános üzenő ablak stílusok */

div.din_uzeno_hatter
	{
	background-color: #000;
	filter: alpha(opacity=0); /* IE8 és korábbiak */
	height: 100%;
	opacity: 0;
	position: fixed;
	visibility: hidden;
	width: 100%;
	z-index: 1000;
	/* Ez a két transition sor zavarhatja a régebbi böngészőket. */
	/* Ha az üzenő ablakot slide-in menüvel együtt használjuk, akkor */
	/* az üzenő ablak nem jelenik meg. */
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	}

div.uzeno_hatter_lathato
	{
	filter: alpha(opacity=0.7);
	opacity: 0.7;
	visibility: visible;
	}

div.din_uzeno_ablak
	{
	bottom: 0;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	filter: alpha(opacity=0);
	left: 0;
	margin: auto;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1001;
	/* 
	Fontos, hogy csak a visibility és opacity (meg a böngészőfüggő társai) legyenek
	benne a transition által érintett tulajdonságokban, hogy az egyes üzenő ablak méretek
	átméretezése ne látszódjon.
	*/
	-webkit-transition: visibility 0.3s ease-in, opacity 0.3s ease-in, filter 0.3s ease-in;
	transition: visibility 0.3s ease-in, opacity 0.3s ease-in, filter 0.3s ease-in;
	}

div.uzeno_ablak_lathato
	{
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=1);
	}

div.uzeno_ablak_tartalom_keret
	{
	background-color: #fff;
	border-radius: 4px;
	height: 100%;
	overflow: auto;
	}
	
div.din_uzeno_ablak_tartalom
	{
	padding: 15px;
	}	
	
a.din_uzeno_ablak_bezaras
	{
	background-color: #000;
	border: 2px solid #fff;
	border-radius: 100%;
	box-shadow: 0 0 6px 0 #000;
	color: #fff;
	display: block;
	font-size: 25px;
	font-weight: bold;
	height: 25px;
	line-height: 25px; /* Bezáró x középre igazítása */
	outline: none;
	position: absolute;
	right: -15px;
	text-align: center;
	text-decoration: none;
	top: -15px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	vertical-align: center;
	width: 25px;
	z-index: 1002;
	}

/* Egyedi üzenő ablak stílusok - hírlevél feliratkozás */

div.uzeno_ablak_hirlevel
	{
	max-width: 820px;
	width: 90%;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	animation-duration: 1s;
	perspective: 900px;
	}
	
img.hirlevel_kep
	{
	border: 4px solid #97BB13;
	border-radius: 2px;
	display: none;
	position: absolute;
	left: 40px;
	top: 0;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	transform: rotateY(50deg);
	}

h3.hirlevel_cim
	{
	background-color: #f9f9f9;
    border-bottom: 1px solid #c9dde5;
	/*color: #6e98c2;*/
	color: #555;
    font-family: "Arsenal Regular";
    font-size: 24px;
    font-weight: 300;
    padding: 5px;
	text-align: center;
	}

h4.hirlevel_alcim
	{
	padding: 20px 5px;
	color: #555;
    font-family: "Arsenal Regular";
	font-size: 18px;
	text-align: center;
	}

form#hirlevel_urlap
	{
	background: rgba(72, 94, 104, .5);
	bottom: 0;
	overflow: hidden;
	padding: 5% 2%;
	}

form#hirlevel_urlap div#input_mezok
	{
	margin: 0 auto 5px;
	overflow: auto;
	position: relative;
	width: 100%;
	padding: 5px;
	}
	
form#hirlevel_urlap input.hirlevel_mezo
	{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	color: #555;
	display: block;
    font-size: 1em;
    height: 35px;
    margin: 0 auto 5px;
	padding: 0 1.39372%;
	width: 90%;
	}

form#hirlevel_urlap input.hirlevel_mezo:last-child
	{
	margin: 0 auto;
	}
	
form#hirlevel_urlap input.hirlevel_mezo:focus
	{
    background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 5px 0px #444;
	-moz-box-shadow: 0px 0px 5px 0px #444;
	box-shadow: 0px 0px 5px 0px #444;
	}

form#hirlevel_urlap input#k_hirlevel_feliratkozas
	{
	display: none;
	}
	
form#hirlevel_urlap button#m_hirlevel_feliratkozas,
form#hirlevel_urlap input#k_hirlevel_feliratkozas
	{
	clear: both;
	cursor: pointer;
	display: block;
	float: none;
    font-size: 1em;
    height: 36px;
	margin: 0 auto;
	text-decoration:none;
	padding: 0 1.041666666%;
	width: 60%;
}

form#hirlevel_urlap input#k_hirlevel_feliratkozas
	{
	border-radius:7px;
	color: #ffffff;
	display: none;
	background: #e81a3c;
	}

form#hirlevel_urlap button#m_hirlevel_feliratkozas
	{
	color: #555555;
	}
	
@media all and (min-width: 700px)
	{
	div.uzeno_ablak_hirlevel
		{
		width: 80%;
		}

	img.hirlevel_kep
		{
		display: block;
		}

	h3.hirlevel_cim
		{
		padding: 5px 5px 5px 215px;
		text-align: left;
		}

	h4.hirlevel_alcim
		{
		padding: 20px 5px 20px 215px;
		font-size: 20px;
		text-align: left;
		}
	}
	
@media all and (min-width: 800px)
	{
	img.hirlevel_kep
		{
		top: -30px;
		}

	form#hirlevel_urlap
		{
		padding: 2.5%;
		width: 95%;
		}

	form#hirlevel_urlap input.hirlevel_mezo
		{
		color: #555;
		float:left;
		margin: 0 1.39372% 0 0;
		width: 45%;
		}

	form#hirlevel_urlap input.hirlevel_mezo:last-child
		{
		margin: 0;
		}
	}

@media all and (min-width: 1010px)
	{
	h3.hirlevel_cim
		{
		font-size: 28px;
		padding: 5px 5px 5px 230px;
		}

	h4.hirlevel_alcim
		{
		padding: 20px 5px 20px 230px;
		}

	form#hirlevel_urlap div#input_mezok
		{
		float: left;
		margin: 0;
		width: 73.69791%;
		}

	form#hirlevel_urlap button#m_hirlevel_feliratkozas,
	form#hirlevel_urlap input#k_hirlevel_feliratkozas
		{
		clear: right;
		float: right;
		margin: 5px 0 0;
		width: 23%;
		}

	form#hirlevel_urlap input,
	form#hirlevel_urlap button
		{
		font-size: 1.2em;
		}
	}

/* Felajánlás */

h3.felajanlas_cim
{
    clear: both;
    color: #6e98c2;
	font-family: "Arsenal Regular";
    font-size: 28px;
    font-weight: 300;
    padding: 40px 20px 0 20px;
}

div.felajanlas_tarto
{
	padding: 40px 0;
	overflow: auto;
}

div.felajanlas_logo_reszlet
{
	margin: 0;
	padding: 0 20px;
	text-align: center;
}

div.felajanlas_tarto a.felajanlas_logo img
{
	max-width: 100%;
}

div.felajanlas_reszlet
{
	border-top: 2px dashed #A5C234;
}

div.felajanlas_tarto p.felajanlas_hasznalat
{
	font-weight: bold;
}

@media all and (min-width: 800px)
	{

		div.felajanlas_tarto
		{
			padding: 20px 0;
		}

		div.felajanlas_logo_reszlet
		{
			float: left;
			margin: 15px 20px 10px 20px;
			padding: 0;
			text-align: left;
		}

		div.felajanlas_tarto a.felajanlas_logo img
		{
			max-width: 340px;
		}

		div.felajanlas_reszlet
		{
			border-left: 2px dashed #A5C234;
			border-top: none;
			margin-left: 340px;
		}

	}