@import url(https://fonts.googleapis.com/css?family=Work+Sans&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lora);

body{
	background: #eff2f5 none repeat scroll 0 0;
	font-family: "Verdana", "Arial", "Times New Roman",  sans-serif;
}
.clfix {
  overflow: auto;
}

#header{
background-image:url('/images/header_part.jpg'); 
	
    background-repeat: no-repeat;
	background-size: auto 100%;
	overflow: auto;
	background-position: right bottom;
	position:relative;
}

#container{

}
.box{
	display:block;
	overflow:hidden;
}

.onmobile{
	display: none;
}

.arlista_sor {
    border-bottom: 1px dashed #aaa;
	overflow:auto;
}
.arlista_sor .arlista_elem {
    font-weight: bold;
}
.arlista_sor .arlista_ar {
    float: right;
}

#Carousel_head{
	width:50%;
	float:left;
	z-index:500;

}
#cross {
    left: 50%;
	top: 50%;
	margin:-35px 0 0 -35px;
    position: absolute;
    z-index: 600;
}

#Brand_head{
	float:left;
	z-index:500;
	padding:50px 0 0 50px;
	color:#2a376e;
}

#brand_sub, #header_addr{
	font-family:"Lora";	
}

#brand_sub{
	font-size:1.4em;
	text-shadow:1px 1px 4px gray;
}
#header_addr{
	color: gray;
	}

#brand{
	font-size:3em;
	line-height:1em;
	text-shadow:2px 2px 4px gray;
	font-family:"Lora";
}


#header_idopont {
    background-color: orange;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    /*display: block;*/
	display:none;
    padding: 2px 10px;
    position: absolute;
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	box-shadow: 0 0 4px;
}

#header_localization {
    border-radius: 5px;
    top: 1px;
	right:2px;
	display:block;
    padding: 2px 10px;
	margin-right:20px;
    position: absolute;
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	/*box-shadow: 0 0 4px;*/
}



#logo-top, #logo-bottom{
	/*background-image:url("/images/header.jpg");
	background-repeat:no-repeat;
	background-position:center;
	height:200px;*/
	display:block;
	text-align:center;	
	/*position:relative;
	top:-120px;
	left:0px;*/
}

[id^='logo-'] img, .headimg{
	width:100%;
	/*position:relative;*/
	float:right;
	z-index:500;
}

.navbar-nav > li > a {
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

#header_localization ul{
	list-style: outside none none;
    padding: 0;
}

#header_localization ul li{
float:left;
padding:0 2px;
border-radius:2px;
}

#header_localization li.langlink:hover{
background-color:#2a376e;
}

#header_localization li.langlink a{
text-decoration:none;
}

#header_localization li.langlink:hover a{
color:orange;
}

.personalinfo{
	margin:10px 0;
	display:block;
	float:left;
	min-width:50%;
	
}
.personalinfo img{
	float:left;
	border: 1px solid gray;
	border-radius: 5px;
	box-shadow: 2px 2px 4px gray;
	max-width: 200px;
}

.personalinfo p{
	margin:10px 0 0 0;
}

.personalinfo .personalinfotextwarp{
	display:block;
	float: left;
}
.personalinfo .name{
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
}

.personalinfo .titles{
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size: 14px;
    font-style: italic;
}

.personalinfo .contactinfo{
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size: 14px;
    color: orange;
}


.epinfo{
	padding:0 0 0 25px;
	display:block;
	/*float:left;*/
	margin:0 0 20px 0;
	width:450px;
	overflow: visible;
	text-align:center;
}

.epinfo img{
	/*float:left;*/
	margin:5px 0;
	border: 1px solid gray;
	border-radius: 5px;
	box-shadow: 2px 2px 4px lightgray;
	max-width: 100%;
}

.epinfo p{
	/*margin:10px 20px 0 10px;*/
    line-height: 0.7;
    overflow: visible !important;
    text-align: center !important;
}

.epinfo .name{
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
}

.epinfo .contactinfo{
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size: 14px;
}

.textwarp{
	/*float:left;*/
	width:100%;
	
}


#footer{
		background-color:#2b386f;
		padding:10px 0;
		display:block;
		/*float:left;*/
		clear:both;
		text-align:center;
		color: white;
	
}

#footer a{
	color: white;
	
}

/*.sr_box {
    background-image: url("/images/box_back.png");
    background-position: center top;
    background-repeat: no-repeat;
    border: 1px solid gray;
    border-radius: 5px;
    display: block;
    float: left;
    min-height: 90px;
    margin: 5px 5px 5px 0px;
    padding: 5px;
    width: 160px;
	box-shadow: 1px 1px 5px gray;
}*/

.sr_box {
    background-image: url("/images/box_back.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 122px;
    border: 1px solid lightblue;
    border-radius: 15px;
    box-shadow: 0 0 12px lightblue;
    display: block;
    float: left;
    margin: 5px 17px 12px 0;
    min-height: 90px;
    padding: 6px 5px 5px 11px;
    width: 200px;
}

.sr_box p{
	margin-bottom:0px;
	font-size:12px;
}

.sr_box h3{
	color:#151585;
	font-family: Work Sans;
    font-size: 14px;
	margin-top:0px;
	font-weight:bold;	
}
#index_jobb{
	float:right;
	width:460px;
	padding-left:10px;

}
#index_bal{
	float:left;
	width:670px;
}
#content{
	float:left;
	padding:10px 20px;
	width:100%;	
	/*margin: 5px;

	border: 1px solid rgba(222, 222, 222, 0.5);*/
}

#content p{
	text-align:justify;
	overflow:auto;	
}

#content ul{
	overflow:auto;
}
#content h1{
	font-weight:bold;
	margin-top:5px;
	color:orange;
	font-size:24px;
	
}

#content p img{
		border-radius:3px;
	border:1px solid gray;
	box-shadow: 1px 1px 4px gray;
	margin: 3px 5px 3px 0;
}
.mnn{
	max-width:47%;
}

#szaklista_bal{
	float:left;
	display:block;
	width:200px;
	margin-right:20px;
	background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
	border-radius: 4px;
	
}

#fixfloat {
	background-color: #f8f8f8;
    border: 1px solid rgba(222, 222, 222, 0.5);
    border-radius: 3px;
    display: block;
    float: right;
    margin-left: 20px;
    padding: 3px;
}

#fixfloat a {
	text-decoration:none;
	width:100%;
	display:block;
	float:left;
	clear:left;
	text-align:center;
	padding:0 5px 0 5px;
	border-radius:2px;
	color:#2a376e;
}
#fixfloat a:hover{
	background-color:#2a376e;
	color:orange;
}

#szaklista_bal > ul {
    padding: 3px;
}

#szaklista_bal li {
    /*border: 1px solid gray;*/
    display: block;
    list-style: outside none none;
	/*font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;*/
    font-size: 14px;
    font-style: normal;
	overflow:hidden;

    /*font-weight: bold;*/
}
#szaklista_bal a{
	color:#777;	
	text-decoration:none;
	display:block;
	width:100%;
	float:left;
	clear:left;
	padding:0 5px 0 5px;
	border-radius:2px;
	color:#2a376e;
}


#szaklista_bal a:hover{
	background-color:#2a376e;
	color:orange;
}

.collapse, .collapsing{
	margin: 0 10px 0 10px;
}

.box .collapse, .box .collapsing{
	border: 1px solid white;
}

.collapsebtn{
	border:1px solid #2b386f;
	margin: 0 0 2px;
    padding: 3px 10px;
	border-radius: 4px;
	color:orange;
	text-shadow:1px 1px 2px gray;
	background-color:#2b386f;
	cursor:pointer;
}
.collapsebtn.collapsed{
	border:1px solid #2b386f;
	margin: 0 0 2px;
    padding: 3px 10px;
	border-radius: 4px;
	color:#2b386f !important;
	background-color:white;
}
#orvoslista .collapse.in {
    display: flex;
    flex-flow: row wrap;
}

[class^='nevjegy-']{
	display:table-cell;
	border-left:1px dotted gray;
	padding:5px 20px;
	
}

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/*--------------------------------------------------------------------------------------------------------------------*/

@media (min-width:1250px){
	
#infobar{ float:left; vertical-align:top; margin-bottom:10px; width:100%; display:block;}
#ibbox{padding:3px; background-image: url(/images/kek_kari_disz.jpg); background-position: right center; background-repeat: no-repeat;    box-shadow: 2px 2px 6px #6f7ab9;    margin-left: 8%;    text-shadow: 0 0 3px white, 0 0 2px white, 0 0 1px white,0 0 4px white; width:80%; border: 1px solid #6f7ab9; border-radius:4px;}
#infobar .ibcim{font-weight:bold; color:#6f7ab9;}
#infobar .ibtext {color:#6f7ab9;}
#infobar .iblast {color:#6f7ab9;font-family:'Pinyon Script', cursive; text-align:center;    font-size: 26px;    font-weight: bold;}
	
	
	
#pagewarp{
	max-width:1172px;
	min-height:600px;
	background: #ffffff none repeat scroll 0 0;
    border: 1px solid #949494;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
    cursor: auto;
    margin: 0 auto;
   /* position: relative;*/
    z-index: 1 !important;
}
	
#eplist{
	column-width: 400px;
	-moz-column-width: 400px;
	-webkit-column-width: 400px;
}	

#header_localization #langlinks{
display:block;
}	

#header_localization .langcollector{
display:none;
}
#header_localization {
background-color: ;
}	

#header_localization li.langlink img{
max-width:20px;
}
	
.personalinfo img{
margin:0 20px 5px 0;
}	

.personalinfo{
	padding:0 5px;
	width:50%;
	
}

/*--------------------------------------------------------------------------------------------------------------------*/
}
@media (max-width:1250px){
	
#infobar{ float:left; vertical-align:top; margin-bottom:10px; width:100%; display:block;}
#ibbox{padding:3px; background-image: url(/images/kek_kari_disz.jpg); background-position: right center; background-repeat: no-repeat;    box-shadow: 2px 2px 6px #6f7ab9;    margin-left: 2%;    text-shadow: 0 0 3px white, 0 0 2px white, 0 0 1px white,0 0 5px white; width:97%; border: 1px solid #6f7ab9; border-radius:4px;}
#infobar .ibcim{font-weight:bold; color:#6f7ab9;}
#infobar .ibtext {color:#6f7ab9;}
#infobar .iblast {color:#6f7ab9;font-family:'Pinyon Script', cursive; text-align:center;    font-size: 18px;    font-weight: bold;}

	
#szaklista_bal, #fixfloat{
	display:none;
}

#Carousel_head{
display:none;
}

.arlista_sor {
    border-bottom: 1px dashed #aaa;
}
.arlista_sor .arlista_elem {
    font-weight: bold;
}
.arlista_sor .arlista_ar {
    float: right;
}
#cross {
    left: 2px;
	top:50%;
	margin:-35px 0 0 0;
    position: absolute;
    z-index: 600;
}
#Brand_head{
	float:left;
	z-index:500;
	padding:4% 0 0 85px;
	color:#2a376e;
}
#brand_sub, #header_addr{
	font-family:"Lora";	
}

#brand_sub{
	font-size:1.2em;
	text-shadow:1px 1px 4px gray;
}
#header_addr{
	color: gray;
	font-size:0.8em;
	}

#brand{
	font-size:2em;
	line-height:1em;
	text-shadow:2px 2px 4px gray;
	font-family:"Lora";
}
#index_jobb{
	float:right;
	clear:both;
	width:100%;
	padding-left:10px;

}
#index_bal{
	float:left;
	clear:both;
	width:100%;
}

#header_localization {
    background-color: none;
    border-radius: 5px;
    top: 1px;
	right:5px;
	display:block;
    padding: 2px 10px;
	margin-right:5px;
    position: absolute;
	font-family: "Century Gothic",Arial,"Arial Unicode MS",Helvetica,sans-serif;
	z-index:600;
	/*box-shadow: 0 0 4px;*/
}

#header_localization:hover {
    background-color: white;
	border:1px solid black;

}
#header_localization #langlabel{
display:block;
}

#header_localization #langlinks{
display:none;
float:none;
padding-top:15px;
}

#header_localization #langlinks img{
max-width:50px;
}


#header_localization #langlinks{
font-size:15pt;
}

#header_localization #langlabel:hover #langlinks{
display:block !important;
}

#header_localization #langlabel:hover #langlinks{
display:block !important;
}


.sr_box {
    background-image: url("/images/box_back.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 122px;
    border: 1px solid lightblue;
    border-radius: 15px;
    box-shadow: 0 0 12px lightblue;
    display: block;
    float: left;
    margin: 5px 0px 5px 5px;
    min-height: 90px;
    padding: 6px 5px 5px 11px;
    width: 160px;
}
.sr_box p{
	margin-bottom:0px;
	font-size:11px;
	line-height:1.8em;
}

.sr_box h3{
	color:#151585;
	font-family: Work Sans;
    font-size: 12px;
	margin-top:0px;
	font-weight:bold;	
}

.personalinfo{
	float:none;
	min-width:auto;
	width:100%;
	text-align:center;
}
.personalinfo img{
	float:none;
	margin:0;
}	
.personalinfotextwarp, .personalinfotextwarp p{
	float:none  !important;
	text-align:center !important;
}

.onmobile{
	display: block;
}
#Brand_head {
	min-height: 70px;
    padding: 0 0 0 85px;
}
#content{
	float:left;
	padding:10px;
	width:100%;	
	/*margin: 5px;

	border: 1px solid rgba(222, 222, 222, 0.5);*/
}
#arlista h2{
	font-size:22px;
}
.arlista_elem, .arlista_ar{
	font-size:12px;
}
.epinfo{
	padding:0;
	display:block;
	/*float:left;*/
	margin:0 0 20px 0;
	width:100%;
	overflow: visible;
	text-align:center;
}

.epinfo img{
	/*float:left;
	margin:5px 10px 5px 10px;*/
	border: 1px solid gray;
	border-radius: 5px;
	box-shadow: 2px 2px 4px lightgray;
	max-width: 90%;
}

#pagewarp{
	background: #ffffff none repeat scroll 0 0;
    cursor: auto;
    margin: 0 auto;
    z-index: 1 !important;
}
td{
	font-size:8pt;
}
.name {
    line-height: 1 !important;
}

}