@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700&subset=latin,latin-ext);

a{
	text-decoration:none;
}
body{
	padding:0;
	margin:0;
}
*{
/* 	box-shadow:0 0 1px gray; */
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
}
ul{
	list-style-type:none;
	padding:0px;
}
.frame{
	width:1000px!important;
	margin:0 auto;
}
#info img{
	width:100px;
}
.celllist{
	display:table;
}
.celllist > *{
	display:table-cell;
	vertical-align:middle;
}
.maxw{
	width:100%;
}

#info *{
	text-align:center;
	color: #666;
}

.uppercase,
.uppercase > *{
	text-transform:uppercase;
}
.uppercase .submenu{
	text-transform:none;
	background-color: #22292f; /*#207bab;*/
	box-shadow:0 0 10px  #999999 inset; /*#8ab7df*/
}

#logo,
.logo{
    background: url('../images/libegopark/logo.png') center center no-repeat;
    width: 145px;
	margin-right: 10px;
    height: 140px;
    background-size: cover; 
}
#facebookheader{
    background: url('../images/libegopark/iface.png') center center no-repeat;
    width: 33px;
    height: 33px;
    background-position: left top 0px;
    background-size: 100%;
	margin-right:150px;
    position: absolute;
    right: -50px;
    
}
#twitterheader{
    background: url('../images/libegopark/itwitter.png') center center no-repeat;
    width: 33px;
    height: 33px;
    background-position: left top 0px;
    background-size: 100%;
	margin-right:112px;
    position: absolute;
    right: -50px;
    
}

#youtubeheader{
    background: url('../images/libegopark/iyoutube.png') center center no-repeat;
    width: 33px;
    height: 33px;
    background-position: left top 0px;
    background-size: 100%;
	margin-right:74px;
    position: absolute;
    right: -50px;
    
}
/*INNEN KEZDŐDIK A HOVER*/
.hov2
{
	border-radius: 5px;
 visibility: visible;
  opacity: 1;
  transition: opacity .25s linear;
  top:-50px;
  
	
	
	
	/*transition:.25s linear;
	opacity:.75;*/
		

		
}
.hov2:hover
{
	
	/*visibility: hidden;*/
  
  
  opacity: 0.75;
  transition: visibility 0s .25s, opacity .25s linear;
  
	
	/*opacity:1;*/
}
/*EDDIG TART A HOVER*/








#info_outer,
.submenu,
#devicetop
{
	
	background-color: #E4E4E4;

	box-shadow:0 0 30px 5px #FFFFFF inset;
	background: repeat url('../images/libegopark/bg.jpg') ;
	background-repeat-y: repeat;
	background-repeat-x: repeat;
	
	
}

#menu{
	width:initial;
	width:auto;
	margin:0 auto;
}

#menu_outer,
#devicemenu
{
	/*background: #3E3E3E;  #086ea0;*/
	background: url('../images/libegopark/bottom_bg.jpg') center center repeat;
	box-shadow:0 0 10px #fff inset; /*#8ab7df*/
	border:1px solid  #CCC;
}



#menu > li > a,
#menu > li::after,
#menu > li > span
{
	color:white;
	
}

#menu li{
	text-align:left;
	padding:5px 15px;
	position:relative;
	
	
    
}
#menu > li::after{
	content:'|';
	position:absolute;
	right:0px;
	top:4px;
}
#menu li:last-child::after{
	content:'';
}
#menu li a,
#menu li span
{
	display:block;
	width:100%;
	height:100%;
	text-shadow:0 0 1px black;
	
	}
#menu li a,
#menu li span,
#menu > li::after{
	font-size: 15px;
	padding: 7px 0;
    font-weight: 300;
}
#menu > li:hover > a,
#menu > li > span.active,
#menu > li > a.active{
	color: #CDDC39;
	
	
}
.submenu{
	display:none;
	position:absolute;
	top:48px;
	min-width:100%;
	padding:5px;
}

.submenu *{
	color: #333;
	white-space:nowrap;
	padding:10px;
	font-size:16px!important;
	
}


.submenu *:hover{
	color: #FFF;
	white-space:nowrap;
	font-size:16px!important;
	background: repeat url('../images/libegopark/bottom_bg.jpg') ;
	transition: .15s linear;
	cursor:pointer;
	
}



.submenu li::after{
	content:'';
	
	
}
.submenu li a{
	padding:0px!important;
	text-shadow:none!important;
	
	
	
	
}
.submenu li a:hover{
	color: #FFF;
		
		
}



#infotext{
    text-align: left;
    padding-left: 10px;
    line-height: 160%;
    font-size: 100%;
    width: 95%;
}

#szechenyi_li{
	position:relative;
}

#logo{
	position:relative;
}

/*only moz hack*/
_:-moz-tree-row(hover), .submenu {
	top:52px;
}

#info *,
#menu *{
	letter-spacing:.5px;
}

.mask{
	position:absolute;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	cursor:pointer;
	display:block;
}

#main{
	margin-top: 0px;
}

#burger{
    max-width: 100%;
    width: 50px;
    margin-right: 30px;
}

#devicemenu{
	display:none;
}

#devicemenu #menu,
#devicemenu #menu li
{
	display:block;
}
#devicemenu #menu li
{
	border-bottom: 1px solid rgba(184, 206, 67, 0.18);
	padding: 5px;
}
#devicemenu #menu li:after
{
	content:''!important;
}

#devicemenu #menu li .submenu{
	display:none;
	position:relative;
	padding:0px;
	top:0px;
}

#nav_prev,
#nav_next{
    z-index:80;
	position:absolute;
	top: 0px;
    height: 100%;
}

.navc{
	display:table-cell;
	vertical-align:middle;
	height:100%;
}

#nav_next .navt{
/* 	right: 95px; */
}
#nav_prev .navt{
/* 	left: 45px; */
}


#deviceinfo{
	text-align: left;
    font-size: .7em;
    padding: 15px;
    line-height: 150%;
    padding-left: 0px;
}
#deviceinfo a,
#deviceinfo a:visited
{
	color:inherit;	
}

#menu_inner{
	display:table;
}
#menu_inner > *{
	display:table-cell;	
	vertical-align: middle;
}

.menu_nav{
	text-align:center;
	width:30px;
}
.menu_prev{
	background: url('../images/libegopark/m_prev.png') center center /contain no-repeat;
}
.menu_next{
	background: url('../images/libegopark/m_next.png') center center /contain no-repeat;
}
#menu_cell{
	width:1000px;
}
#menu_inner{
	width:1000px;
	margin: 0 auto;
}
.nav_hidden{
	opacity:0;
	color:transparent;
}

#devicelogo{
	width:145px;
}
#burgerouter{
	text-align:right;
}

/************************************************************************************/


/*DEVICE*/
@media only screen and (max-width: 1023px){

.browser
{
	display:none;
}
#menu li a,
#menu li span,
#menu > li::after{
	font-size:20px;
	text-align:center;
	
	
}
.fsxxl
{
    font-size: 10px;
}	
#nav_prev {
    left: -5px;
}
#nav_next {
    right: -5px;
}
#device_menu_top{
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
    padding: 0px;
    margin: 0px;
}
.bigheader.wrapit{
	white-space:normal;
}


}
/*BROWSER*/
@media only screen and (min-width: 1024px){

	
.device
{
	display:none;
}
#nav_next{
	right:-5px;
}
#nav_prev{
	left:-5px;
}

}
