/*////////////////////////////////////////////////////////////////////////////////
DEFAULT ELEMENTS
////////////////////////////////////////////////////////////////////////////////*/
	html {
		height: 100%;
		overflow:auto;
	}
	body{
		/*height: 1000;*/
		width:100%;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		background-color: #dddee0;
		font-family: tahoma, helvetica, arial, verdana, monospace;
		font-size: 13px;
		color: #737272;
		background-image: url("../images/bg_tile.jpg");
		background-position:center top; 
		background-repeat: repeat-y;
	}

	h1{
		margin-top:5px;

		font-size: 16px;
		font-weight:normal;
		color: #737272;
	}
	h2{
		font-size: 18px;	
		font-weight:bold;
		line-height: 25px;
	}

	h3{
		font-size: 11pt;
		font-weight:normal;
	}

	img{
		border:0;
	}

	ul{
		color: #737272;
	}
	hr{
		border: 0;
		color: #cccccc;
		background-color: #cccccc;
		height: 1px;
	}
	p{
		text-align:justify;
	}
	

/*////////////////////////////////////////////////////////////////////////////////
PAGE ELEMENTS
////////////////////////////////////////////////////////////////////////////////*/
	#page{
		display: block;
		width:100%;
		/*min-width:355px;*/
		height:100%;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		background-position:center; 
	}

	#header{
		display: block;
		width:100%;
		/*min-width:355px;*/
		height:114px;	
		margin-left:auto;
		margin-right:auto;
	}
	
	#header_content{
		max-width:960px;
		width:100%;
		/*min-width:355px;*/
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}

	.menu_item{
		font-size: 13px;
	}

	#logo{
		position:relative;	
		margin-top:8px;
		margin-left:auto;
		margin-right:auto;		
		width:172px;
		height:80px;
		background-image: url("../images/logo.png");
		background-repeat: no-repeat;
		background-position: center;

	}

	#content_container{
		width:100%;
		overflow:visible;
	}

	#content{
		position:relative;
		z-index:3;
		clear:both;
		width:50%;
		height:30%;
		margin-left:auto;
		margin-right:auto;

			
	}
	#content_mirror{
		float:right;
		width:60%;
		height:85%;
		margin-top:20px;
		
		margin-right:100px;
		background-color:white;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;	
		-moz-border-radius: 10px;
		border-radius: 10px;

		filter: alpha(opacity=85);
		opacity: 0.85;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		-moz-opacity:0.85;
		-khtml-opacity: 0.85;
		opacity: 0.85;
	}
	#content_data{
		width:95%;
		height:90%;
		margin-top:15px;
		margin-bottom:15px;
		margin-left:auto;
		margin-right:auto;
		overflow:auto;
	}
	
	#content_bg_container{
		z-index:1;
		margin-top:-7px;
		margin-left:auto;
		margin-right:auto;
		overflow:visible;
		background-repeat: no-repeat;
		background-position: center; 
		background-size: 102%;
		background-color: white;
	}
	#content_bg_container_index{
		z-index:1;
		margin-top:-7px;
		margin-left:auto;
		margin-right:auto;
		overflow:visible;
		background-repeat: no-repeat;
		background-position: center; 
		background-size: 102%;
		background-color: white;
	}
	/*#content_bg_container_little{
		z-index:1;
		height:500px;
		margin-top:-7px;
		margin-left:auto;
		margin-right:auto;
		overflow:visible;
		display:none;
		background-repeat: no-repeat;
		background-position: center; 
		background-size: 102%;
		background-color: white;
	}*/

	
	/*#content_shadow{
		z-index:4;
		position:absolute;
		top:114px;
		width:100%;
		height:5px;	
		background-image: url("../images/header_shadow_tile.png");
		background-repeat: repeat-x;
	}*/
	
	#main_spaceholder{
		display:block;
		width:100%;
		/*background-image: url("../images/footer_shadow_tile.png");
		background-repeat: repeat-x;
		background-position: center bottom;*/
	}

	/*#footer{
		clear:both;
		max-width:750px;
		padding-top:10px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}*/
	#footer{
		position:relative;
		
		max-width:750px;
		padding-top:10px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		
	}

	#content_field {
		position:absolute;
		background-position: 0px 1000px; 
		background-repeat: no-repeat;
		height:1px;
	}

	.slideshow_text{
		position:absolute;
		max-width:800px;
		width:80%;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		color:white;
		font-size:24px;
		text-align:right;
		text-shadow: 1px 1px 4px #000; 
	}

/*////////////////////////////////////////////////////////////////////////////////
RESPONSIVE PARAMETERS
////////////////////////////////////////////////////////////////////////////////*/
	
	@media screen and (min-width: 960px) {

		.menu_item{
			font-size: 14px;
		}
		body {
			font-size: 14px;
		}
		h1{
			font-size: 16px;
		}
	}

	@media screen and (min-width: 750px) {
		#content{
			clear:both;
			position:absolute;
			top:114px;
			left: 0;
			right: 0;
			margin-top:0px;
		}
		#content_field{
			margin-top:-8px;
			/*background-image:none;*/
		}
		#main_spaceholder2{
			display:none;
		}
		.behuzas_kapcsolat{
			margin-left:100px;
		}
		
	}

	@media screen and (max-width: 749px) {
		.behuzas_kapcsolat{
			margin-left:0x;
		}
		
		#content_bg_container{
			display:none;
		}

		#content_mirror{
			float:none;
			width:80%;
			margin-right:0px;
			margin-bottom:30px;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:15px;
			}
		#content_field{
			position:relative;
			overflow:visible;
			/*background-image:url('../images/content/magunkrol.jpg');*/
			background-repeat: no-repeat;
			background-position: left; 
			background-size: auto 100%;
			/*border:1px solid red;*/
			padding-top:5px;
			padding-bottom:15px;
			height:auto;
			min-height:200px;
			
		}
		#main_spaceholder2{
			display:block;
			position:absolute;
			height:100%;
			width:100%;
			margin-top:-5px;
		}
		.slideshow_text{
			font-size:20px;
		}
	}
	
	
	@media screen and (max-width: 5px) {
		
		#content_field{
			clear:both;
			position:relative;
			/*margin-left:auto;
			margin-right:auto;*/
			width:100%;
			
			overflow:visible;
			/*float:left;*/
			
			
		}
		#content_mirror{
			/*float:left;*/
			/*position:relative;*/
			margin-left:auto;
			margin-right:auto;
			/*width:90%;*/
			/*min-width:355px;*/
			height:100%;
			margin-top:0px;
			background-color:white;
			overflow:visible;
			-webkit-border-radius: 10px;
			-khtml-border-radius: 10px;	
			-moz-border-radius: 10px;
			border-radius: 10px;
			border:1px solid blue;
		}
		#content_bg_container{
			/*display:none;*/
		}
	}
	
	@media screen and (max-width: 540px) {
		
		.menu_item{
			font-size: 10px;
		}
		body {
			/*font-size: 10px;*/
		}
		h1{
			font-size: 13px;
		}
		
	}
	
	@media screen and (max-width: 400px) {
		.menu_item{
			font-size: 9px;
		}
		body {
			/*font-size: 9px;*/
		}
		
	}




/*////////////////////////////////////////////////////////////////////////////////
SLIDESHOW RESPONSIVE
////////////////////////////////////////////////////////////////////////////////*/



/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }


.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }




.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
	width:100%;
	z-index:1000;
  margin-top:-30px;
  text-align: center;
  /*border:1px red solid;*/
  position:absolute;
    padding:0px;
  -webkit-padding-start:0px;
 
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(255,255,255, .4);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(255,255,255, .8);
  }






/*////////////////////////////////////////////////////////////////////////////////
LINKS
////////////////////////////////////////////////////////////////////////////////*/


a {
		color:#888888;
		text-decoration:none;
	}

	a:hover{
		color:#003399;
	}