html
{
  height: 100%;
}

body{
	color: #555555;
	background-color: #f0f0f0;
	font-family: "Open Sans";
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	margin: 0px;
	line-height: 2;
    height: 100%;
}



.img-responsive {
    display:table-cell;
    width:100%;
    height:auto;
}

.urlap ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.urlap li {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 5px
}

.urlap .fakelabel{
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}

.urlap .text_title {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}



.wholediv{
display: block;
height: 100%;
}

.hoverfade{
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-fluid{
padding: 0;
}

.nomargin{
margin-left: 0px !important;
margin-right: 0px !important;
}

.nopadding{
padding-left: 0px !important;
padding-right: 0px !important;
}


img{
border: 0;
}

hr{
background-color: #bbbbbb;
border-top: 1px solid #bbbbbb;
}


input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span.fake {
    display:inline-block;
    width:24px;
    height:24px;
    margin:0px 14px 0 0;
    vertical-align:middle;
    background:url(kepek/pipere/checkbox.png) left top no-repeat;
    cursor:pointer;
	float: left;
}
input[type="checkbox"]:checked + label span.fake {
    background:url(kepek/pipere/checkbox.png) -24px top no-repeat;
}


.carousel-control .fa-angle-left{
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 60px;
	font-style: normal;
    font-weight: 400;
	left: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
	cursor: pointer;
	}
	
.carousel-control .fa-angle-right{
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 60px;
	font-style: normal;
    font-weight: 400;
	right: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
	cursor: pointer;
	}

/*GOMBOK*/
.btn-default{
  background-color: transparent !important;
  border: 3px solid #f0f0f0 !important;
  color: #f0f0f0 !important;
  border-radius: 0px !important;
  font-size: 18px;
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.btn-default:hover {
  background-color: transparent !important;
  border: 3px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 0px !important;
}

.btn-primary{
  background-color: #042443 !important;
  border: 3px solid #f0f0f0 !important;
  color: #f0f0f0 !important;
  border-radius: 0px !important;
  font-size: 18px;
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.btn-primary:hover {
  background-color: #4fc3ee !important;
  border: 3px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 0px !important;
}

.btn-success{
  background-color: #4fc3ee !important;
  border: 3px solid #f0f0f0 !important;
  color: #f0f0f0 !important;
  border-radius: 0px !important;
  font-size: 18px;
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.btn-success:hover {
  background-color: #042443 !important;
  border: 3px solid #ffffff !important;
  color: #ffffff !important;
  border-radius: 0px !important;
}

/*NARANCS HÁTTÉR*/
.narancs{
background-color: #f07d00;
color: #f0f0f0;
z-index: 20;
}

.narancs h1{
	color: #f0f0f0;
	font-size: 42px;
}

.narancs h2{
	color: #f0f0f0;
	font-size: 24px;
}

.narancs a{
	color: #f0f0f0;
	text-decoration: none;
}

.narancs a:hover{
	color: #f0f0f0;
	text-decoration: underline;
}

.narancs hr{
	background-color: #f0f0f0;
	border-top: 1px solid #f0f0f0;
}

.narancs blockquote {
    font-size: 18px;
	color: #fff;
	border-left: 0px;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.2);
	display: inline-block;
}

/*FEHÉR HÁTTÉR*/
.feher{
background-color: #f0f0f0;
color: #555555;
z-index: 20;
}

.feher h1{
	color: #555555;
	font-size: 42px;
}

.feher h2{
	color: #555555;
	font-size: 24px;
}

.feher a{
	color: #0082c7;
	text-decoration: none;
}

.feher a:hover{
	color: #f07d00;
	text-decoration: underline;
}

.feher hr{
	background-color: #555555;
	border-top: 1px solid #555555;
}

.feher blockquote {
    font-size: 18px;
	color: #555555;
	border-left: 0px;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.2);
	display: inline-block;
}

/*SOTETSZURKE HATTER*/
.sotetszurke{
background-color: #404040;
color: #f0f0f0;
z-index: 20;
}

.sotetszurke h1{
	color: #f0f0f0;
	font-size: 42px;
}

.sotetszurke h2{
	color: #f0f0f0;
	font-size: 24px;
}

.sotetszurke a{
	color: #f0f0f0;
	text-decoration: none;
}

.sotetszurke a:hover{
	color: #f0f0f0;
	text-decoration: underline;
}

.sotetszurke hr{
	background-color: #f0f0f0;
	border-top: 1px solid #f0f0f0;
}

.sotetszurke blockquote {
    font-size: 18px;
	color: #fff;
	border-left: 0px;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.2);
	display: inline-block;
}

/*sotetkek HATTER*/
.sotetkek{
background-color: #042443;
color: #f0f0f0;
z-index: 20;
}

.sotetkek h1{
	color: #f0f0f0;
	font-size: 42px;
}

.sotetkek h2{
	color: #f0f0f0;
	font-size: 24px;
}

.sotetkek a{
	color: #f0f0f0;
	text-decoration: none;
}

.sotetkek a:hover{
	color: #f0f0f0;
	text-decoration: underline;
}

.sotetkek hr{
	background-color: #f0f0f0;
	border-top: 1px solid #f0f0f0;
}

.sotetkek blockquote {
    font-size: 18px;
	color: #fff;
	border-left: 0px;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.2);
	display: inline-block;
}

.tartalomkont{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.textcont{
padding-top: 50px;
padding-bottom: 50px;
}


.centertart {
  text-align: center;
}

.centertart:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.centertart > * {
  display: inline-block;
  vertical-align: middle;
}

.grid-column-carousel__page-indicators{
display: none;
}

.galerialapozo ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.hatterkont{
background-repeat: no-repeat;
background-size:  cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hatterkont .fakehatter{
    vertical-align: top;
    width: 100%; /* max width */
    opacity: 0;  /* make it transparent */
}

/*MIN-height hack*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 0px;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.help-block.with-errors {
display:none;
}

.elkuldbtn {
margin-top: 20px;
}

.cikkcim{
	color: #f0f0f0;
	font-size: 42px;
	text-decoration: none;
	line-height: 1.5;
}

.cikkcim a{
	color: #f0f0f0;
	font-size: 24px;
	text-decoration: none;
	line-height: 1.5;

}

.cikkcim a:hover{
	color: #ffffff;
	text-decoration: none;
}

.cimtarolo{
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cikkido{
background-color: #fff;
color: #888;
padding-top: 10px;
padding-left: 20px;
font-size: 12px;
}

.cikkidol{
color: #888;
padding-top: 10px;
font-size: 12px;
}

.cikkbevezeto{
background-color: #fff;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
}

.hir{
margin-top:20px;
margin-bottom:20px;
}

.cimke{
	margin-left: 20px;
	color: #555555;
	font-size: 24px;
	margin-top: 5px;
}

.korabbiak{
margin-left: 20px;
}

.elozohir{
margin-left: 20px;
padding-top: 10px;
}

.korabbicimke{
margin-top: 20px;

}

.elozohir a{
	color: #555555;
	font-size: 14px;
	text-decoration: none;
	line-height: 1.5;
}

.elozohir a:hover{
	color: #222222;
	text-decoration: underline;
}

.evtarolo{
color: #555555;
font-weight: 600;
cursor: pointer;
}

.evtarolo:hover{
color: #222222;
text-decoration: underline;
}


.evtarolo:before {
    content: "- ";
  }
  
.evtarolo.collapsed:before {
    content: "+ ";
  }
  
  .honaptarolo{
  margin-left: 20px;
  color: #555555;
	cursor: pointer;
	margin-top: 10px;
  }
  
  .honaptarolo:hover{
  color: #222222;
text-decoration: underline;
  }
  
  .archlink{
  margin-left: 40px;
  padding-top: 10px;
  }
  
  .archlink a{
  color: #555555;
  text-decoration: none;
  line-height: 1.5;
  }
  
   .archlink a:hover{
  color: #222222;
text-decoration: underline;
  }
  
.honaptarolo:before {
    content: "- ";
  }
  
.honaptarolo.collapsed:before {
    content: "+ ";
  }
  
  .text_title h1{
font-size: 32px;
}

  .text_title {
text-align: center;
}

.urlap h2{
padding-left:15px;
padding-right:15px;
}