/* ==== Google font ==== 

piros:   #42A3E8;
/* === prettify === 
@import url('../js/google-code-prettify/prettify.css');*/
/* === fontawesome === */
/* === custom icon === !!!!!!!toroltem*/
@import url('custom-fonts.css');
@import url('font-awesome.css');



/* ===================================


==================================== */
a, a:hover, a:focus{
	text-decoration: none!important;
}
a{color: #FF6600;}

h1, h2, h3, .cim1, .cim2 {
	font-weight: 400;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color: #015873;
}
h1, .cim1 {
font-size: 28px;
margin-top:15px;
margin-bottom:5px;	
line-height: normal;
}
h2, h3{
font-size:26px;
margin-top:15px;
margin-bottom:20px;	
line-height: normal;
}
h2.box, h3.box{margin-bottom:0!important;	}
.cim2 {font-size: 18px;}

#wrapper {
	width: 100%;
	margin: 0;
	background-color: #f6f0eb;
	background-image: url(../images/be3.jpg)	
}
.fcsik{height: 6px;
	background-color:#015873;
}

header .fejhatter{
	-webkit-box-shadow: 5px 0px 10px #333;
	box-shadow: 5px 0px 10px #999999;
	background-color: #016A73;
	border-top: solid 3px #004F56;
	text-shadow: 1px 1px 2px #333333;
	padding-bottom: 1px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,85,92,1.00) 0%,rgba(0,96,104,1.00) 25.39%,rgba(1,84,91,1.00) 80.31%);
	background-image: -moz-linear-gradient(270deg,rgba(0,85,92,1.00) 0%,rgba(0,96,104,1.00) 25.39%,rgba(1,84,91,1.00) 80.31%);
	background-image: -o-linear-gradient(270deg,rgba(0,85,92,1.00) 0%,rgba(0,96,104,1.00) 25.39%,rgba(1,84,91,1.00) 80.31%);
	background-image: linear-gradient(180deg,rgba(0,85,92,1.00) 0%,rgba(0,96,104,1.00) 25.39%,rgba(1,84,91,1.00) 80.31%);
}
.headcim{float: left;
width: 370px;}	
.headcim span{color: #B0DADD}
.logo {
	
	float: left;
	
	width: 60px;
	height: auto;
}
h1 {
font-size: 28px;
line-height: 34px;
font-weight: 400;

color: #016A73;
}

.headcim h1 a, .headcim h2 a{
	font-size: 38px;
	color: #FF6600;
	margin-top: 15px;
	text-shadow: 1px 1px 2px #333333;
	

margin-bottom:5px;	
line-height: 34px;
}
.shad{text-shadow: 1px 1px 1px #333333;}
.shad2{text-shadow: 1px 1px 2px #FFF;}
.f-kapcs {
	float: right;
	text-align: right;	
	padding-top: 5px;
	width:300px;
	text-shadow: 1px 1px 2px #333333;
}
.hivjon{font-size:18px;
color:  #FF6600;
}
.f-kapcs a {color:#FFF;}
.f-kapcs a:hover, .f-kapcs a:focus{color:#FF6600}
.ikonok {
	padding: 5px 15px;
	margin-bottom: 10px;
	list-style: none;
	
	
}
.ikonok>li {
	display: inline-block;
	
}

.f-kapcs .ikonok a {
	margin-left: 10px;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
}

.f-kapcs .ikonok a:hover {
color: #FF6600;
}
.ikonok a.gombaj {
	padding: 8px;
	color: #FFF!important;
	background-color: #FF6600!important;
	border: solid 1px #E55B00;
	border-radius: 8px;
	margin-top: 0;
	-webkit-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}
.ikonok a.gombaj a:hover, .ikonok a.gombaj a:focus {
	background-color:#015873!important;
	}
	

.clear {
	clear: both;
}
.clear2 {
	clear: both;
	height: 1px;	
	border-bottom: medium double #016A73;
	margin-bottom:10px;
}
.feher3{
	border-top: solid 1px #DAC2AE;
	padding-top: 20px;
	padding-bottom:30px;
	margin: 0;
	/*
	background-image: -webkit-linear-gradient(270deg,rgba(246,240,235,1.00) 0.52%,rgba(241,235,230,1.00) 4.14%,rgba(246,240,235,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(246,240,235,1.00) 0.52%,rgba(241,235,230,1.00) 4.14%,rgba(246,240,235,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(246,240,235,1.00) 0.52%,rgba(241,235,230,1.00) 4.14%,rgba(246,240,235,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(246,240,235,1.00) 0.52%,rgba(241,235,230,1.00) 4.14%,rgba(246,240,235,1.00) 100%);*/
}
.hatter-kapcs{
	border-top: medium double #016A73;
	padding-top: 20px;
	margin: 0;
	background-color: #82AFB3;
	color: #FFF!important;
	background-image: -webkit-linear-gradient(270deg,rgba(120,170,175,1.00) 0%,rgba(135,194,199,1.00) 12.44%,rgba(112,172,177,1.00) 39.38%);
	background-image: -moz-linear-gradient(270deg,rgba(120,170,175,1.00) 0%,rgba(135,194,199,1.00) 12.44%,rgba(112,172,177,1.00) 39.38%);
	background-image: -o-linear-gradient(270deg,rgba(120,170,175,1.00) 0%,rgba(135,194,199,1.00) 12.44%,rgba(112,172,177,1.00) 39.38%);
	background-image: linear-gradient(180deg,rgba(120,170,175,1.00) 0%,rgba(135,194,199,1.00) 12.44%,rgba(112,172,177,1.00) 39.38%);
}

.hatter-kapcs2{
	border-top: medium double #DEA766;
	padding-top: 25px;
	margin: 0;
	background-image: url(../images/be32.jpg);
	color: #FFF!important;
	padding-bottom:25px;}
.sorki, .p2 {
	text-align: justify;
	
}

.ok {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 120px;
}


/* ===================================
2. layout
==================================== */



/* ===================================
3. Responsive media
==================================== */

.map-container{
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%; 
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: none;
}

iframe {
	border: none;
}

/* ===================================
4. Header
==================================== */

/* --- header -- */

header .navbar {
	margin-bottom: 0;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	
}
.navbar-default {
	border: none;
}


header .navbar-collapse ul.navbar-nav {
	/*float: right;*/
	margin-right: 0;
	
}
header .navbar-default {
	/*background-color: #000;*/
}
/* menü mozgása*/
header .nav li a:hover, header .nav li a:focus, header .nav li.active a, header .nav li.active a:hover, header .nav li a.dropdown-toggle:hover, header .nav li a.dropdown-toggle:focus, header .nav li.active ul.dropdown-menu li a:hover, header .nav li.active ul.dropdown-menu li.active a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
header .navbar {
	/*min-height: 90px;*/
}
header .navbar-nav > li {
	
	/*text-transform: capitalize;*/
	font-size: 16px;
	
	/**/
	
}
header .navbar-nav > li > a {
		-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	padding-bottom: 15px;
	padding-top: 10px;
	padding-left: 5px; /*20*/
	padding-right: 5px;
	color: #FFF!important;
	
}


.dropdown-menu li a:hover {
	color:#ff8a00!important;
	background-color:#017F8A;
	

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	
	color:#FFF;
	background-color:#01A6B4;
	
}
.dropdown-menu .active
{/*             lenyíló active link - hosszú menünél*/
color:#FFF;
background-color:#01A6B4;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	/*background-color:#FFF;  lenyíló háttérszín ha nyitva van - ikonos */
	color: #FFF;
	background-color:#01A6B4;
}

.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	border: none;
}
/*
.dropdown-menu li:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0;
}*/
header .nav li .dropdown-menu {
	padding: 0;
}
header .nav li .dropdown-menu li a {
	line-height: 22px;
	padding: 12px 12px;/*12px*/
	
}
/* --- menu --- */
header ul.nav li a {
	/*font-size: 14px;
	border: none;*/
	
	
}

header ul.nav li ul li a {
	
	border-bottom: solid 1px #999;	
	color: #FFF;
	
}
 


.navbar .nav a:hover {
	color:#ff8a00!important;
	background-color:#017F8A;


}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
	/*color:#f6cf96!important;   *** jjj  active link színe*/
	background-color:#01A6B4;
color: #FFF;
	
}
.navbar .nav > .active > a:active, .navbar .nav > .active > a:focus {
	outline: 0;
}
.navbar .nav li .dropdown-menu {
	z-index: 2000;
}
.dropdown-menu .dropdown i {
	position: absolute;
	right: 0;
	margin-top: 3px;
	padding-left: 20px;
}/*
.navbar .nav > li > .dropdown-menu:before {
	display: inline-block;
	
	content: none;
}*/
ul.nav li.dropdown a {
	z-index: 1000;
	display: block;
}
select.selectmenu {
	display: none;
}





/* ===================================
7. Section: callaction - első szakasz háttere
==================================== */
section.callaction {
	
	padding: 20px 0 20px 0;
}
/* ===================================
8. Section: Content hátterekszínátmenet h.szürkéből fehérbe
==================================== */

.content{
	position: relative;
	padding: 20px 0 20px 0;
	
}

.content2 {
	position: relative;	
	padding: 0 0 20px 0;	
	margin:0;
	
}
.content img, .content2 img {
	max-width: 100%;
	height: auto;
}


/* ============================
11. Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
	width: 100%;
	border: 1px solid #CCC;
	min-height: 40px;
	padding: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
form#contactform textarea {
	border: 1px solid #CCC;
	width: 100%;
	padding: 5px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
}
#thumbs {
	margin: 0;
	padding: 0;
}
#thumbs li {
	list-style-type: none;
}
.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	cursor: pointer;
}
.item-thumbs a + img {
	width: 100%;
}
.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;
	-moz-transition: all 450ms ease-out 0s;
	-o-transition: all 450ms ease-out 0s;
	transition: all 450ms ease-out 0s;
	-webkit-transform: rotateY(180deg) scale(0.5, 0.5);
	-moz-transform: rotateY(180deg) scale(0.5, 0.5);
	-ms-transform: rotateY(180deg) scale(0.5, 0.5);
	-o-transform: rotateY(180deg) scale(0.5, 0.5);
	transform: rotateY(180deg) scale(0.5, 0.5);
}
.item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: rotateY(0deg) scale(1, 1);
	-moz-transform: rotateY(0deg) scale(1, 1);
	-ms-transform: rotateY(0deg) scale(1, 1);
	-o-transform: rotateY(0deg) scale(1, 1);
	transform: rotateY(0deg) scale(1, 1);
}
.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 50%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	background: #000;
}
.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	border-radius: 60px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;
	opacity: 1;
	filter: alpha(opacity=100);
}
@media (max-width: 320px) {}
	

ul.general {
	list-style: none;
	margin-left: 0;
}
ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.link-list li {
	
	margin-bottom:5px;
	margin-left: 10px;
	padding: 2px 0 2px 0;
	list-style: none;
}

ul.list-1, ul.list-2 {
	margin-left: 10px;
	padding: 0;
	list-style: none;
}
ul.list-1 li, ul.list-2 li{
	margin: 0;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 2px;
	list-style: none;
}
ul.list-3 li{margin:8px;
list-style: none;}
ul.list-2 a{color: #005960}
ul.list-2 a:hover, ul.list-2 a:focus{color: #FF6600}

footer ul.link-list li a {
	color: #FFF;
}
footer a:hover, footer a:focus{text-decoration:underline!important;}
footer .fcim{font-size: 18px;}

/* --- Heading style --- */

.widget{padding:10px;}
.heading {
	margin-bottom: 30px;
	position: relative;
	}
/* --- Map --- */

.video-container, .map-container, .embed-container {
	position: relative;
	margin: 0 0 15px 0;
	padding-bottom: 51%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: none;
}
.embed-container iframe, .embed-container object, .embed-container embed, .video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe {
	border: none;
}


.map {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.map iframe {
	width: 100%;
	height: 250px;
	border: none;
}

#fb-root {
    display: none;
}
.padright20{margin-right:20px;}
.padleft20{margin-left:20px;}
/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
/* ===============================
16. Footer
================================ */



footer {
	padding: 20px 0 0 0;
	border-top: medium double #8E8E8E;
	
}
footer address {
	
}
/*
ul.social-network {
	list-style: none;
	margin: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
*/
#sub-footer {
	text-shadow: none;
	padding: 0;
	padding-top: 30px;
	margin: 20px 0 0 0;
}
.hon {
	margin-top: 40px;
	text-align: left;
	font-size: 12px;
}
footer, footer strong, footer a, footer a:hover {
	color: #FFF;
}
footer a:hover {
	text-decoration: underline;
}
/* ===============================
 Live preview purpose
================================ */
/* --- buttons --- */


/* ===============================
17. Divider, Line & Misc
================================ */

/* scroll to top */
.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 20px;
	background-color:#FF6600!important;
}
a.scrollup {
	outline: 0;
	text-align: center;
}
a.scrollup:hover, a.scrollup:active, a.scrollup:focus {
	opacity: 1;
	text-decoration: none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff!important;
}
a.scrollup i:hover {
	text-decoration: none;
	color: #fff!important;
}

/* =============================
18. Position & alignment
============================= */


.floatright {
	float: right;
}

.floatrightimg {
	float: right;
	margin-left: 10px;
	width: 150px;
	height: auto;
	border-radius: 5px;
	border: 2px solid #e2ceb7;
}
.floatleft {
	float: left;
}
.floatleftimg {
	float: left;
	margin-right:10px;
	width: 150px;
	height: auto;
	border-radius: 5px;
	border: 2px solid #e2ceb7;
	
}
/* =============================
21. Media queries -flex slider
============================= */


@media (max-width: 767px) {
body {
	padding-right: 0;
	padding-left: 0;
}

.navbar-header {
	margin-top: 10px;
	border-bottom: none;
}
.navbar-nav {
	border-top: none;
	float: none;
	width: 100%;
}
header .navbar-nav > li {
	padding-bottom: 0;
	padding-top: 0;
	padding-left:20px;
}
header .nav li .dropdown-menu {
	margin-top: 0;
}
.dropdown-menu {
	position: absolute;
	top: 0;
	left: 40px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	
	background-clip: padding-box;
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-collapse.collapse {
	/*border-top: solid 1px #F6CF96;    lenyíló menü ikon m-nél*/
	overflow: hidden;
	
}

	
.navbar-default .navbar-nav.dropdown-menu	li a {border-bottom: solid 1px #CCC!important;}
header ul.nav li a {
	
	border-bottom: solid 1px #999;
	
	
}

}


/* ===================================
10. Inner - Section: page headline
==================================== */


@media (max-width: 480px) {

.flexslider .flex-caption {
	display: none;
}
.col-lg-kepek{width: 50%;
float: left;}
.headcim{
width: 270px;
}	
.headcim h1, .headcim h2{
font-size: 20px;
line-height: 28px;

}
h1, h2, h3, cim1{font-size: 20px;}
}
.akcioskeret{
	border: 3px double #E9D4C5;
	padding: 8px;
	margin: 8px;
	background-color: #FFFFFF;}
	
	
	.kislogok{float: right;
	 width:110px;
	 margin-left:5px;}
	.kislogok img{margin-top: 5px;
	border: solid 1px #A2A2A2;}
	.logok2{float: right;
	-webkit-box-shadow: -5px 0 10px #606060;
	box-shadow: -5px 0 10px #606060;
	}

.font-16{font-size: 16px;
line-height: 24px;}
.font-18{font-size: 18px;
line-height: 24px;
}

.font-22{font-size: 22px;
line-height: 28px;}
.zold{color:#015873;}
.zold2{color:#095960;}
.nar{
	color: #FF6600;
	
}
.feher{color:#FFFFFF;}
.szurke{color:#636363;}
.kepkeret{
	padding: 5px;
	background-color: #016A73;
	margin-top: 10px;
	margin-bottom: 10px;
}
.kepkeret2{
	padding: 5px;
	/*background-color: #E0D4C5;*/
	margin-top: 10px;
	margin-bottom: 10px;
	border: double medium #D6C0A6
}

/* árak, árlisták*/

.strong{font-weight:700;}
.bold{font-weight:700;
color: #FF0004}
.nagy{font-size:36px;
font-weight: 400;
color: #C80855;
line-height: 40px;}
.arbox {
	margin-bottom: 15px;	
	margin-top: 5px;
	
}
.arbox .padb{
	padding:8px!important; 
	margin:8px;
border: solid 1px #CFB289;
background-color: #FFF;}
@media (min-width:992px) {
.arbox {
	float: left;
	width: 33.33%;
	
}
.arbox h3{text-align:center}
.clearb3{clear: both;}
.clearb2{visibility:hidden;}
}
@media (max-width:991px) {
.arbox {
	float: left;
	width: 50%;
	
}
.clearb2{clear: both;}
.clearb3{visibility:hidden;}}


@media (max-width:650px) {
.arbox {
	
	width:100%;
	
}}
.arbox img{
	display: block;
	width: 100%;
	height: auto;
	}
.arbox .nev, .arbox .nev2 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
	padding-top: 3px;	
	padding-bottom: 3px;
	margin-top:0;
	margin-bottom:0;
	background-color:#F9F5EF;
}
.arbox h3{font-size:16px;}
.arbox .nev2{
	background-color:#D6EBED
}
 


.arbox .nev span, .arbox .nev2 span  {
	text-align: right;
	float: right;
	padding-left: 5px;
	margin-right:5px;
}
.athuzva {
	text-decoration: line-through;
}

ol{margin-left:20px;
padding-left:10px;}
ol li{margin-bottom:10px;}
hr{widht:100%;
height:1px;
background-color: #015873;
border:none}
.kepajto{margin:3px!important;
width:120px;
 height:249px}
 .sor{border: 1px solid #E1D7C7;
 margin-bottom: 15px;
 margin-top:5px;
 background-color:#ECE3D7;
 padding:8px;
 clear: both}
.active2{color:#ff8a00;
background-color:#017F8A;
border-radius:100%;
margin-left:3px;}