/* ==== Google font ==== 
@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');*/

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

/* ==== overwrite bootstrap standard ==== 
@import url('overwrite.css');
@import url('animate.css');*/
@import url(http://fonts.googleapis.com/css?family=Noticia+Text:700&subset=latin,latin-ext);
/* ===================================

font-family: 'Josefin Sans', sans-serif;

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

body{
	font: 400 16px/24px   Helvetica, Arial, sans-serif;
	height: 100%;
	background-color: #009BC9;
	color: #394042;/*line-height: 1.7em;
font-size: 1.5em;*/}


h1, h2, h3, h4, .cim1, .cimkis {font-weight:700;
font-family: 'Noticia Text', serif;
text-shadow: 1px 1px 2px #666666;
}
h1, .cim1 {
	
	/*text-shadow: 1px 1px 0px #513609;*/
	font-size: 2em;
	line-height: 1.7em;
	/*margin: .67em 0 line-height:normal;*/
	text-transform:uppercase;
	margin-bottom:5px;
}
h2, h3{
	
	/*text-shadow: 1px 1px 0px #513609;*/
	font-size: 1.7em;
	line-height: 1.7em;
	/*margin: .67em 0line-height:normal;
	text-transform:uppercase;*/
}
.red{
	color: #FF0000;
}
.red1{color:#FF0000;
font-size:20px;}
.kek, strong{color:#009BC9;}

.black16{color:#009BC9;
font-size:18px;}
a {
	color: #03ACDF;
	text-decoration: none
}
a:hover, a:focus {
	color: #018EB8;
	text-decoration: none;
}

.clear {
	clear: both;
}
.clear2f {
	clear: both;
	height: 2px;
	background-color: #0195C1;
	border-bottom: solid 1px #FFF;
	/*border-bottom: solid 1px #525252;*/
	-webkit-box-shadow: 0px 5px 10px #666;
	box-shadow: 0px 5px 10px #666;
	margin-bottom: 1px;
}
.clear2 {
	clear: both;
	height: 5px;
	border-bottom: solid 3px #FFCC33;
	/*border-bottom: solid 1px #525252;*/
	-webkit-box-shadow: 0px 5px 10px #666;
	box-shadow: 0px 5px 10px #666;
	margin-bottom:10px;
}
.fej {
	
	padding-top: 10px;
	width:100%;
	color:#1E3DA0
}

.fej a.cegnev{
	
	font-family: 'Noticia Text', serif;
	font-weight: 700;
	text-shadow: 1px 1px 2px #666666;
	line-height: 1em;
	font-size: 46px;
	padding-top: 100px;
	color: #FF9900;
}


.fej a.cegnev:hover {
	text-decoration: none!important;
	color: #FF003A;
}
.logo {
	margin-right: 5px;
	float: left;
	width:140px; 
}
#socialicons{
    float:right;
	display: block;
	position: absolute;
	margin:15px;
	right: 10px;
	top: 0px; 
}

div.tel { 
float: right;
text-align:right;
 top: 5px;
 
 color:#FF003A; 
 font-size: 22px;}
 

div.tel2 {
	float: right;
	text-align:right;

 right: 70px;
 

 top: 80px;
 text-shadow: 1px 1px 2px #666666;
 color:#0f0f0f; 
 font-size: 36px;}
}
div.menu2
{
    /*width:500px;margin:0 auto;*//*Uncomment this line to make the menu center-aligned.*/
    text-align:left;
    background-image: url(bg1.gif);
    /* border:1px solid black; */
	border:0;
    font-size:0;
}

div.menu2 a
{
    display: inline-block;
    padding: 0 30px;
    background-image: url(bg.gif);
    color:White;
    text-decoration:none;
    font: bold 14px Arial;
    line-height: 42px;
}

div.menu2 a:hover, div.menu2 a.current
{
    background-position:0 -60px;
}

div.menu2 a.dummy
{
    width:2px;
    padding:0 0px;
}


/*ikonok*/
.socialicons{
	float: right;
	text-align: right;
	display: inline-block;
	padding-top: 5px;
}

.f-kapcs a {
	margin-left: 10px;
	color: #FF0000;
}
.f-kapcs  a:hover {
color: #BB0400;
}



.sorki {
	text-align: justify;
	
}

.ok {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 100px;
}
.col-lg-fo h2, .col-lg-fo h3, .col-lg-fo h4,.col-lg-fo p{
		font-size: 18px;
	 margin-top:0;
	  margin-bottom:0;
	  padding-top:5px;
	  padding-bottom:5px;
	font-weight:700;
font-family: 'Noticia Text', serif;
text-shadow: 1px 1px 2px #666666;
line-height: 22px;
}

.pad2 a{color: #FFF;
padding-top:5px;
padding-bottom:5px;}
.pad2 a:hover{color:#FC3;}
.beljebb{margin-left:20px;}
/* ===================================
2. layout
==================================== */


#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	/*border-top: solid 8px #BD0100;felső csík ari*/
	
}
.row, .row-fluid {
/*margin-bottom: 15px;*/
}
.feher{
	padding-top: 10px;
	border-top: solid 1px #E3E3E3;
	background-color: #FFF;
	color: #303030;
	margin: 0;
	background-image: url(../img/potty.gif);
	background-repeat: repeat;
}
.feher2{
	background-color: #FFF;
	color: #303030;
	margin: 0;
	
	background-image: -webkit-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
	background-image: -moz-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
	background-image: -o-linear-gradient(270deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
	background-image: linear-gradient(180deg,rgba(249,249,249,1.00) 0%,rgba(255,255,255,1.00) 24.35%);
}
.arny{
	margin-bottom: 15px;	
	-webkit-box-shadow: 0px 5px 15px 5px rgba(152,152,152,1.00);
	box-shadow: 0px 5px 15px 5px rgba(152,152,152,1.00);
}



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

.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;
}

iframe {
	border: none;
}
/*
.img-box {
	max-width: 100%;
}*/
/* ===================================
4. Header
==================================== */

/* --- header -- */


header .fejhatter{
	background-color: #009BC9;
	background-image: -webkit-linear-gradient(270deg,rgba(126,223,252,1.00) 12.44%,rgba(0,155,201,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(126,223,252,1.00) 12.44%,rgba(0,155,201,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(126,223,252,1.00) 12.44%,rgba(0,155,201,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(126,223,252,1.00) 12.44%,rgba(0,155,201,1.00) 100%);
	color: FFF;
}
header .navbar {
	margin-bottom: 0;
	font-family: 'Noticia Text', serif;
}
.navbar-default {
	border: none;
}
/*
.navbar-brand {
	color: #913d25; 
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -1px;
	margin-top: 5px;
	padding-bottom: 10px;
	font-family: "Times New Roman", Times, serif;
	min-height: 70px;
	text-wrap: none!important;
}
a.navbar-brand {
	color: #82270B!important;
	font-weight: 300;
	text-shadow: 1px 1px 3px #989493;
}*/

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: 100px;/**/
}
header .navbar-nav > li {
	padding-bottom: 15px; /*20*/
	padding-top: 15px; /*20*/
	text-transform:uppercase;
	font-size: 14px;
	font-weight:700;
}
header .navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	/* line-height: 30px;
	font-weight: 700;*/
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #333!important;
	
}


.dropdown-menu li a:hover {
	/*color: #FFF;********************************
	background-color: none; */
	
}
header .nav .caret {
	border-bottom-color: #CCC;
	border-top-color: #CCC;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*background-color:#666;alap menĂźnĂŠl active link*/
	/*color: #CCC!important;jjj
	border: solid 1px #CCC;
	border-radius: 5px;
	color: #FFF!important;*/
	
}
.dropdown-menu .active
{/*lbackground-color:#333!important; enyĂ­lĂł acttive link - hosszĂş menĂźnĂŠl
color:#FFF!important;*/
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #009BC9!important;   /*lenyĂ­lĂł hĂĄttĂŠrszĂ­n ha nyitva van - ikonos yyyyy*/
	color: #FFF;
}

.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 .navigation {
	float: right;
}
header ul.nav li {
/*border: none;
	margin: 0;*/
}
header ul.nav li a {
	/*font-size: 14px;*/
	border: none;
	
	/*text-transform: uppercase;*/
}

header ul.nav li ul li a {
	
	border-bottom: solid 1px #999;
	border-left:  solid 1px #999;
	border-right:  solid 1px #999;
	color: #333;
	
	/*font-weight: 300;text-transform:uppercase;*/
}
 

.navbar .nav > li > a {
	/*color: #F00;text-shadow: none;*/
}
.navbar .nav a:hover {
	background-color: #77DBF9!important;
	color: #333!important;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
	/*color:#f6cf96!important;   *** jjj  active link szĂ­ne*/
	color: #FF0007!important;
}
.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;
}
ul li ul li.active
{
	color: #FC0400!important;
}








/* ===================================
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;
}



ul.breadcrumb li a:hover {
	text-decoration: none;
	/*color:#F00!important;s,stĂśrje*/
}
/* ============================
11. Forms
============================= */
.mezo{margin:5px;}
/* --- contact form  ---- */
form#contactform input[type="text"] {
	width: 100%;
	border: 1px solid #CCC;
	min-height: 40px;
	padding: 5px;
	font-size: 13px;
	-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;
	font-size: 13px;
	-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: 30px;
	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);
}
ul.general {
	list-style: none;
	margin-left: 0;
}
ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.link-list li {
	
	margin-bottom:10px;
	padding: 2px 0 2px 0;
	list-style: none;
}
ul.link-list li a{
}
ul.list-1 {
	margin-left: 10px;
	padding: 0;
	list-style: none;
}
ul.list-1 li {
	margin: 0;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 2px;
	list-style: none;
}

footer ul.link-list li a {
	color: #FFF;
}
footer .fcim{font-size: 18px;}
footer ul.link-list li a:hover {
	color: #C00;
	text-decoration: none;
}

/* --- 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: 450px;
	border: none;
}

#fb-root {
    display: none;
}
.padright20{margin-right: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: 30px 0 0 0;
	border-top: double 3px #525252;
	/*background-image: -webkit-linear-gradient(270deg,rgba(26,26,26,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(26,26,26,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(26,26,26,1.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(26,26,26,1.00) 0%,rgba(0,0,0,1.00) 100%);*/
	
}
footer address {
	line-height: 1.6em;
}

/*
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;
}
.gul {
	margin-top: 40px;
	text-align: left;
	font-size: 11px;
}
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  kĂŠk*/
.scrollup {
	position: fixed;
	width: 32px;
	height: 32px;
	bottom: 0px;
	right: 20px;
	background:#C00;
}
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: #000;
}
a.scrollup i:hover {
	text-decoration: none;
}
.kkep img{width: 160px;
height: 120px;
margin-bottom: 15px;
margin-top:15px;
margin-left:2px;
margin-right:2px; }
.szamos li {
	list-style-type: decimal;
	margin-bottom: 20px;
	border-bottom: solid 1px #DBDADA
}
/* =============================
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 (min-width: 768px) and (max-width: 979px) {
a.detail {
	background: none;
	width: 100%;
}
/*
footer .widget form input#appendedInputButton {
	display: block;
	width: 91%;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
footer .widget form .input-append .btn {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 10px;
}

ul.related-folio li {
	width: 156px;
	margin: 0 20px 0 0;
}*/
}

@media (max-width: 767px) {
body {
	padding-right: 0;
	padding-left: 0;
}/*
.navbar-brand {
	margin-top: 10px;
	border-bottom: none;
}
*/
.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;
}
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-color: #000;      jjj   háttér menünél - kisebb képernyő*/
	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;
	
}
@media (max-width:767px) {
	
.navbar-default .navbar-nav.dropdown-menu	li a {border-bottom: solid 1px #CCC!important;}
header ul.nav li a {
	
	border-bottom: solid 1px #999;
	
	/*font-weight: 300;text-transform:uppercase;*/
}}
#featured .flexslider .slide-caption {
	width: 90%;
	padding: 2%;
	position: absolute;
	left: 0;
	bottom: -40px;
}/*
#inner-headline .breadcrumb {
	float: left;
	clear: both;width: 100%;
}
.breadcrumb > li {
	font-size: 13px;
}*/
/*
ul.portfolio li article a i.icon-48 {
	width: 20px;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
}
.left-sidebar {
	border-right: none;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #e6e6e6;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.right-sidebar {
	margin-top: 30px;
	border-left: none;
	padding: 0 0 0 0;
}*/
footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12 {
	margin-bottom: 20px;
}
#sub-footer ul.social-network {
	float: left;
}
[class*="span"] {
	margin-bottom: 20px;
}
}
.col-lg-kepek{width: 25%;
float: left;}
@media (max-width: 480px) {
.bottom-article a.pull-right {
	float: left;
	margin-top: 20px;
}
.flexslider .flex-caption {
	display: none;
}
.col-lg-kepek{width: 50%;
float: left;}
/*
.cta-text {
	margin: 0 auto;
	text-align: center;
}*/
ul.portfolio li article a i {
	width: 20px;
	height: 20px;
	font-size: 14px;
}
}

@media (max-width: 360px) {
}