body {
   width: 100%;
   margin: 0;
   padding: 0;
   font-family: 'Open Sans', sans-serif;
   /*background: #fff url(../images/css_body_bg.png) repeat-y center top;*/
   background: #e0e0e0;
}

/*------------- alapbeállítások --------------*/

p {
   margin-bottom: 1em;
   color: #000;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
}

a:link, a:visited { color: #0052ff; }

a {
	color: #0052ff;
   font-size: 14px;
   font-weight: normal;
   font-weight: 600;
   text-decoration: none;
}

a:hover { text-decoration: none!important; }

/*-- igazítás --*/
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter img { max-width: 100%; padding: 6px; background: #fff; border: 1px solid #e0e0e0; display: block; margin: 5px auto; }
.alignright img { padding: 6px; background: #fff; border: 1px solid #e0e0e0; margin: 0 0 2px 20px; }
.alignleft img { padding: 6px; background: #fff; border: 1px solid #e0e0e0; margin: 0 20px 2px 0; }

/*--- h ---*/
h1 { margin-bottom: 1em; font-size: 16px; font-weight: 700; }
h2 { margin: 1em 0 .5em; color: #0052ff; font-size: 14px; font-weight: 700; border-bottom: 1px solid #0052ff; }
h3 { color: #808080; margin: 1em 0 .5em; font-size: 21px; font-weight: 600; }
h1 span.rendeltext { color: red; font-weight: normal;	font-size: 1em; white-space: nowrap; }
.telefonszam { margin-bottom: 20px; color: red!important; font-weight: 700; font-size: 1.5em; }
.telefonszam > span { text-decoration: underline; }
a.telefonszam { display: block; text-align: center; }


#wrapper {
   max-width: 970px;
   margin: 0 auto;
   border-left: 4px solid #000;
   border-right: 4px solid #000;
}

header {
   width: 100%;
   height: auto;
   background: transparent url(../images/header_bg.jpg) no-repeat center calc(100% - 80px);
   background-size: 100% auto;
   position: relative;
}
header img.taxi {
/*   padding: 15px 15px 30px 15px;*/
   padding: 15px 15px 8px 15px;
   margin: 0 auto;
	position: relative;
	pointer-events: none;
   z-index: 999;
}
header .bottom-cont {
	width: 100%;
	height: 42px;
	display: inline-block;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: #fff;
	position: absolute;
	bottom: 40px;
	left: 0;
   z-index: 990;
}
header .bottom-cont > div {
	position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
header .bottom-cont > div.lang { right: 0; text-align: right; }
header .bottom-cont > div.lang a { width: 24px; height: 24px; margin-top: 3px; display: inline-block; background: transparent no-repeat left top; }
header .bottom-cont > div.lang a.hu { margin-right: 5px;background-image: url(../images/flag_hu.png); }
header .bottom-cont > div.lang a.en { background-image: url(../images/flag_en.png); }
header .bottom-cont > div.lang a.de { background-image: url(../images/flag_de.png); }


header .link-cont {
	width: 100%;
	height: 40px;
	margin: 0;
	background: #bfbfbf;
	position: relative;
	bottom: 0;
	left: 0;
}
header .link-cont a { color: #000; line-height: 40px; }
header .link-cont a:hover { text-decoration: none; }

/*--- weather ---*/
#weather {
   width: 100%;
   height: 70px;
   margin: 0 auto;
   background: transparent url(../images/css_weather_bg.png) left top;
   position: relative;
   top: 0;
   z-index: 9999;
}

.weatherTopCont {
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-size: 22px;
   font-weight: 800;
   line-height: 1em;
   text-align: left;
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 2;
}
.weatherTopCont span { padding: 0; margin: 0; display: block; color: #bebebe; font-size: 14px; font-weight: 400; }

.weatherBottomCont {
   min-height: 70px;
   color: #fff;
   position: relative;
}
.weatherBottomCont .weatherTemp {
   margin-right: 25px;
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-size: 45px;
   font-weight: 600;
   line-height: 70px;
   letter-spacing: 0;
   float: right;
}


.weatherItem { background-size: auto 100px; background-position: center top; }

.weatherBottomCont .weatherTemp span { font-size: 18px; font-weight: 400; line-height: 1; position: absolute; top: 25%; margin-left: 5px; }
.weatherBottomCont .weatherRange {
   font-size: 20px;
   line-height: 1;
   position: absolute;
   top: 50%;
   right: 120px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   display: inline-block;
}
.weatherBottomCont .weatherRange span { width: auto; padding-left: 45px; display: block; position: relative; text-align: right; }
.weatherBottomCont .weatherRange span > span:nth-child(1) { padding: 0; margin-right: 5px; color: #bebebe; font-size: 14px; font-weight: 400; position: absolute; left: 0; bottom: 2px; }
.weatherBottomCont .weatherRange span > span:nth-child(2) { width: 10px; padding: 0 0 0 3px; font-size: 9px; position: absolute; top: 15%; text-align: right; display: inline-block; }



/* #content { background: #eefedb; } */

#content .left { padding-top: 15px; padding-bottom: 35px; color: #000; font-weight: 700; /* background: #fdd8e7; background: #ffd6be; */ background: #99999933; }
#content .left p { color: #000; font-size: 13px; font-weight: 700; }
#content .left ul { list-style-type: square; margin-left: 25px; }
#content .left ul li a { color: #0052ff; font-weight: 700; }

#content .right { padding-top: 15px; padding-bottom: 35px; color: #000; font-weight: 700; background: #ededed; }
#content input, #content textarea { font-weight: 400!important; }
#content .right p.qrheader {
  margin-top: 30px;
  color: red;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
}

/*--- webapp ---*/
#webapp h1 { margin: 20px 0; font-size: 1.5em; font-weight: bold; color: red; }
#webapp iframe { margin-left: 20px; float: right;}
#webapp .separator { width: 100%; display: block; border-bottom: 1px solid #000; margin: 20px 0; }
#webapp p { font-weight: 700; }
#webapp p img { margin: 0; }

/*--- form ---*/
.form-group label { font-size: 13px; }
small { color: red; }


#pop-banner {
	position: absolute;
	width: 500px;
	height: 435px;
	margin: 0 auto;
	display: none;
   top: 50%;
   left: 0;
   right: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
	z-index: 9999;
	background: transparent url(../images/karacsony_kanizsa_taxi.png) no-repeat top center;
}


footer { background: #fff; }

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 768px) {
   header { height: auto; }
	header img.taxi { padding-bottom: 1.25rem; }
}

@media only screen and (max-width: 480px) {
	header img.taxi { padding-bottom: 2rem; }
	#weather { height: 54px; }
	.weatherBottomCont { min-height: 54px; }
	.weatherBottomCont .weatherTemp { line-height: 54px; }

	.weatherCity { font-size: 15px; }
	.weatherCity span { display: none; }


	.weatherBottomCont .weatherRange { right: 100px; }
	.weatherBottomCont .weatherRange span > span { display: none; }
	.weatherItem { background-size: auto 60px; background-position: center 10px; }
}

@media only screen and (max-width: 320px) {
}

@media only screen and (min-width: 768px) {
}