@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

body { /*	margin: 0;
background: -webkit-linear-gradient(rgb(0,208,255) 0%, rgb(27,104,155) 100%, rgb(20,78,117) 100%);
background: -o-linear-gradient(rgb(0,208,255) 0%, rgb(27,104,155) 100%, rgb(20,78,117) 100%);
background: linear-gradient(rgb(0,208,255) 0%, rgb(27,104,155) 100%, rgb(20,78,117) 100%);
background-attachment: fixed;*/
	
	background-color: #8e9dba;
}

* {
	font-family: 'Quicksand', sans-serif;
	font-size: 20px;
}

h1 {font-size: 200%; font-weight: normal;padding: 0; margin: 0; color:#fff;}
h2 {font-size: 140%; font-weight: normal;padding: 0; margin: 0; color:#fff;}

img {border: 0;}

.keret {
	width: 100%;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}

.button {
    width: 100%;
    float: left;
     margin-top: 30px;
    
}

.button a {
    border: solid 1px #fff;
    padding: 10px 20px;
    color:#fff;
    text-decoration: none;
}

.button a:hover {
    background-color: #fff;
    color:#000;
    
    
}

.felso {
	width: 96%;
	height: auto;
	float: left;
	padding: 2%;
	
}

.felso img {
	width: 30%;
	min-width: 400px;
}


.kozep {
	float: left;
	width: 100%;
}

.kozep ul {
	width: 80%;
	margin: 0 10%;
	float: left;
	padding: 0;
	text-align: center;
}

.kozep ul li {
	width: 300px;
	height: 300px;
	display:inline-table;	
	list-style: none;
	margin: 5px;
	overflow: hidden;
	background-color: rgb(0,0,0,0.3);
	
}




.kozep ul li a img {
	width: 100%;
	float: left;
	opacity: 1;
	position: relative;
	
}

.kozep ul li .textbox {
	position:absolute;
	color:#fff;
	font-size: 140%;
	z-index: 2;
	display: block;
	width: 280px;	
	height: 280px;
	padding: 10px;
	transition: background-color 1s;
	text-align: left;
 
	
	}

.kozep ul li.dupla .textbox {
	position:absolute;
	color:#fff;
	font-size: 140%;
	z-index: 2;
	display: block;
	width: 1247px;
	height: 280px;
	padding: 10px;
	transition: background-color 1s;
	text-align: left;
	
	
	}

/*	.kozep ul li.dupla { display: inline-table !important; }*/
	.kozep ul li.dupla4 { display:none !important;}




.kozep ul li.dupla a {
	background-image: url("/img/hirlevel2.jpg"); 
	background-repeat: none !important;
	
	
}

.kozep ul li.dupla {

	display: inline-table !important;
	position: relative;

	color:#fff;
	font-size: 140%;
	z-index: 2;
	width: 1247px;	
	height: 280px;
	padding: 0px;
	transition: background-color 1s;
	text-align: left;

}


ul li.harmas {

	display: inline-table !important;
	position: relative;

	color:#fff;
	font-size: 140%;
	z-index: 2;
	width: calc(310px * 3);	
	height: 300px;
	padding: 0px;

	transition: background-color 1s;
	text-align: left;
    background-color: #333;
        background-image: url("/img/galeria.jpg"); 
	background-repeat: none !important;

}

.harmas .textbox h4 {
    font-size:160%;
    padding: 0;
    margin: 10px 0 20px 0;
    font-weight: lighter;
    
    
}

.harmas .textbox   {
    width: 100% !important;
    font-size: 25px !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    line-height: 30px;

    
}


.kozep ul li .textbox:hover { background-color: rgb(0,0,0,1); width: 100%; height: 100%;	
}


/* szöveg animáció boxra */

	.kozep ul li a  {
		width: 100%;
		height:100%;
		display: block;  
		position: relative;
		z-index: 1;
		cursor: url("/teszt/img/icon-zoom.png"), pointer !important; 
		font-size: 140%;
	}

    .kozep ul li a.box_kapcsolo:after{
		content: attr(tip);
    	display:none;
		position:absolute;
		float: left;
		bottom: 0px;
		padding: 20px;
		color:#fff;
		z-index: 3;
		-webkit-animation: bounceInUp 1s infinite; /* Safari 4.0 - 8.0 */
  		animation: bounceInUp 1s infinite;
		animation-iteration-count: 1;
    }

    .kozep ul li a.box_kapcsolo:hover:after{ display:block; }
    .kozep ul li a.box_kapcsolo:hover:before{display:block; }

/* szöveg animáció boxra eddig */

/* elozo oldal */

.infosav {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.elozo {
	color:#fff;
	
	border: solid 1px #fff;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}

.belsotartalom {
	width: 80%;
	float: left;
	margin-bottom: 20px;
	padding:0;
	margin:0 10%;
	color: #fff;
	text-align:justify;
}

.belsotartalom h2 {
	background-color: rgb(255,255,255,100%);
	
	padding: 5px 20px;
	color:rgb(255,0,0,100%);
	display:flex;
	width: auto;
	text-align: left;
	
	
	
}

/* elozo oldal eddig */




.lablec {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-top: 40px;
	padding-top: 20px;
	border-top: solid 1px rgb(255,255,255,50%);
	color:#fff;
	letter-spacing: 2px;
	font-size: 80%;
	padding-bottom: 50px;
}

.lablec a {
	
	color:#fff;
	font-size: 100%;
	letter-spacing: 0px;
}

.ibox_cim {
	padding: 5px;
	border:none !important;
	color:#fff;
}

.ibox_input input {
	padding: 15px;
	border:none !important;
	color:#333;
	margin: 0 0 10px 1%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	outline: none !important;
	width: 98%;
	float: left;
}

.ibox_textarea textarea {
padding: 15px;
	border:none !important;
	color:#333;
	margin: 0 0 10px 1%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	outline: none !important;
	width: 98%;
	float: left;
}

.ibox_input3 {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	}

.ibox_input3 input {
	padding: 10 2%;
	border:none !important;
	background-color: #333;
	color:#fff;
	margin: 1%;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	outline: none !important;
	width: 48%;
	float: left;
}

.ibox_input3 input:hover {
	background-color: #000;
}

.ibox_ell {
	
	
	display:block;
	width: 100%;
	float: left;
	padding: 0;
	margin: 15px 0 35px 0;
	
	
	
}

.ibox_ell span {
	background-color: #FF0004;
	padding: 15px;
	color: #fff;
	font-size: 200%;
}

.iboxkeret {
	width: 50%;
	float: left;
	margin-left: 25%;
	padding: 0;
	margin-bottom: 20px;
	
	
}

.ibox_cim {
	width: 100%;
	float: left;
	margin: 10px 0;
	color:#333;
}

.hibauzenet2 {
	width: 100%;
	float: left;
	color:#FF0004;
	font-size: 160%;
	
	
}


.cim {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	color: #fff;
	
	
}



@media(max-width:1600px){ 
	
	.kozep ul li.dupla {
	width: 930px;
	height: 222px;
	min-height: 150px;
	margin: 5px 0;
	padding: 0;
	background-color: aqua;
	
}

	.kozep ul li.dupla  .textbox {
	width: 96%;	
	height: 96%;;
	padding: 2%;
	}
}

@media(max-width:1300px){ 

	.kozep ul li.dupla {
	width: 618px;
	height: 300px;
	min-height: 150px;
	margin: 5px 0;
	padding: 0;
        	
}
    
ul li.harmas {
    width: calc(100% - 50px);

    min-height: 400px !important;
    display: block;
    padding: 0;
    text-align: center !important;
    
}
    
ul li.harmas .textbox {
        width: calc(100% - 40px) !important;
        float: left;
        
        
    }
    
}

@media(max-width:800px){ 
	
	.kozep ul li.dupla { display: none !important; }
	.kozep ul li.dupla4 { display:inline-table !important;}
	
	.felso img {
		width: 100%;
		height:auto;
		float: left;
		padding: 50px 0 50px 0;
		min-width:inherit;
		
	
}
    

    

.kozep ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.kozep ul li {
	width: 100%;
	height: 50px;
	min-height: 150px;
		margin: 5px 0;
	padding: 0;
	
}
	
	
	
	
	
	.kozep ul li .textbox {
	width: 96%;	
	height: 96%;	
	padding: 2%;
	}
	
	
	
	.belsotartalom img{
	width: 48% !important;
		margin: 1% !important;
		float: left;
	
}
	
		.belsotartalom table table{
	width: 100% !important;
		margin: 0% !important;
		float: left;
	
}
	
		.belsotartalom table table img{
	width: 100% !important;
		margin: 0% !important;
		float: left;
	
}
	
	
	.iboxkeret {
	width: 90%;
	float: left;
	margin-left: 5%;
	padding: 0;
	margin-bottom: 20px;
	
	
}


	
	
	
	}