@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&subset=latin-ext');

/* body */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 16px;
	word-wrap: break-word !important;
	background-color: #FFF;
	color: #676767;
}
@media (min-width: 580px) {
  	body {
		background-attachment: fixed;
		background-image: url(../alap/hatter.jpg);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
/* body VÉGE */



/* tartalom-keret*/
.tartalom{
	max-width:90%;
	margin:auto;
	}
@media (max-width: 580px) {
.tartalom{
	width:100%;
	}
}

.tartalomkeret{
	border: 0px;
	border-radius: 0px;
	background: #FFF;
	margin: 0px;
	padding: 10px;
}
@media (min-width: 860px) {
  .tartalomkeret {
    
	
	
    border: 2px;
    border-style: solid solid none solid;
    border-color: #c8c8c8 #c8c8c8 #FFF #c8c8c8;
    border-radius: 25px 25px 0px 0px;
    background: #FFF;
    padding: 40px;
	margin: 20px 0px 0px 0px;
  }
}
/* tartalom-keret VÉGR*/



/* fejléc */
.fejlechatter{
	background-color: #FFF;
	width:100%;
}

/* logo */
.logo{
	display: inline-block;
	float: left;
	max-width: 105px;
	margin: 20px;
}

/* logo VÉGE */
.udvozlet{
	display:inline-block;
	float:left;
	font-size: 40px;
	word-wrap: break-word !important;
	color: #0d3b6f;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 20px;
}
@media (max-width: 860px) {
.udvozlet{
	display:inline-block;
	float:left;
	font-size: 40px;
	word-wrap: break-word !important;
	color: #0d3b6f;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}
}
/* fejléc VÉGE */


/* MENÜ */
.kekvonal{
	display:block;
	background-color: #227cdc;
	width:100%;
	font-size:0px;
}

.menu_keret_100{
	width:100%;
	margin:auto;
	background-color:#0d3b6f;
}
.menu_keret_90{
	width:1090px;
	max-width:90%;
	margin:auto;
}
@media (max-width: 860px) {
.menu_keret_90{
	width:100%;
	max-width:100%;
	margin:auto;
}
}
.menupontkiemelt{
	background-color: #011754;
}
.menupontmagassag{
	height: 32px;
}


.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav {
	margin:0;
	padding: 0;
	background-color: #0d3b6f;
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 500;
	font-size:18px;
	cursor: pointer;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #0d3b6f;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF;
	
	text-decoration:none;
	line-height: 32px;
}


nav ul li ul li:hover { background: #FFF; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #FFF;	
	color:#0d3b6f; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute;
	line-height: 32px; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:auto;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 860px) {

	nav {
		margin: 0;
	    line-height: 32px;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #0d3b6f;
		padding:14px 20px;	
		color:#FFF;
		
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #FFF;
		padding:14px 20px;	
		color:#0d3b6f;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #FFF;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #227cdc; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		line-height: 32px;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}
.zpoz10{
	z-index: 10;
}
/* MENÜ VÉGE*/


/* INDEX Reklámszigetek */
.indexszigetkepkozepre {
    display: block;
    margin: auto;
	width:240px;
	padding: 10px 0px 0px 0px;
}
@media (max-width: 300px) {
.indexszigetkepkozepre  {
    max-width: 100%;
  }
}

/* INDEX Reklámszigetek VÉGE */


/* SOR és RÁCS */
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 580px) {
    /* For tablets: */
    .col-t-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}
}
@media only screen and (min-width: 860px) {
    /* For desktop: */
    .col-d-1 {width: 8.33%;}
    .col-d-2 {width: 16.66%;}
    .col-d-3 {width: 25%;}
    .col-d-4 {width: 33.33%;}
    .col-d-5 {width: 41.66%;}
    .col-d-6 {width: 50%;}
    .col-d-7 {width: 58.33%;}
    .col-d-8 {width: 66.66%;}
    .col-d-9 {width: 75%;}
    .col-d-10 {width: 83.33%;}
    .col-d-11 {width: 91.66%;}
    .col-d-12 {width: 100%;}
}
/* SOR és RÁCS VÉGE */



/* googleterkep */
.google-terkep {
        position: relative;
        padding-bottom: 75%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
	border: 1px solid #227cdc;
    }
.google-terkep iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
    }
/* googleterkep VÉGE */

.belestrbl20{
	padding: 20px;
}


/* Szövegek */
h1 {
	font-size: 30px;
	color: #779100;
}
h2 {
	font-size: 24px;
	color: #86bc3d;
}
h3 {
	font-size: 18px;
	color: #227cdc;
}
h4 {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	color: #227cdc;
}
.eltolash4_l15{
	position: relative;
	left:15px;
}
h5 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.forras {
	font-size: 12px;
	font-weight: 100;
	font-style: italic;
}
@media (min-width: 580px) {
.forras {
	font-size: 12px;
	font-weight: 100;
	font-style: italic;
	text-align: right;
}
}
ul.alap {
	list-style-type: disc;
	margin: 0;
	list-style-position: outside;
	padding:0;
	line-height: 150%;
	position:relative;
	left:20px;
}
ol.szamozott {
	list-style-type: decimal;
	margin: 0;
	list-style-position: outside;
	padding:0;
	line-height: 150%;
	position:relative;
	left:20px;
}
#oldalmenu ul {
	list-style-type: upper-roman;
	list-style-position: outside;
	margin: 0;
	position:relative;
	left:20px;
	font-size: 16px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}#oldalmenu li {
	font-size: 16px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 10px;
}
#oldalmenu a {
	display: block;
	color: #ffffff;
	background-color: #86bc3d;
	border: 0;
	width: auto;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
}
#oldalmenu a:hover {
	display: block;
	color: #ffffff;
	background-color: #ffae00;
	border: 0;
	width: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-decoration: none;
}
p{
	text-align: justify;
}
p#balrarendez{
	text-align: left;
}
p.behuzas10pixel{
	text-indent:10px;
	text-align: justify;
}
p#utasitas{
	text-indent:0px;
	text-align: justify;
}
.piroscsillag{
	color: #FF0000;
	font-size: 18px;	
}

hr#kek { 
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 1px;
    color: #227cdc;
}
hr#kekdupla_felso { 
    display: block;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #227cdc;
} 
hr#kekdupla_also { 
    display: block;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #227cdc;
} 
hr#zold { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #86bc3d;
} 
hr#piros { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid red;
}
/* Szövegek VÉGE */


/*Vizszintes elválasztó*/
hr.szaggatott_kek { 
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-style: dashed;
    border-width: 1px;
    color: #227cdc;
}
hr.szaggatott_zoldh2 {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	color: #86bc3d;
}


/*Vizszintes elválasztó*/


/*link*/

a.link1:link {color:#227cdc;text-decoration:underline;}
a.link1:visited {color:#227cdc;text-decoration:underline;}
a.link1:hover {color:#227cdc;text-decoration:underline;}
a.link1:active {color:#227cdc;text-decoration:underline;}
/*link VÉGE*/


/* LÁBLÉC */
.lablec{
	width:100%;
	background-color:#0d3b6f;
}
.lableckeret{
	display: block;
	width: 90%;
	margin: auto;
	background-color: #0d3b6f;
	font-size: 14px;
	text-align: right;
	color: #FFF;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
/* LÁBLÉC VÉGE */