body{
	font-family: Helvetica;
	background: url('../images/hatter3.jpg') top left repeat;
}

.clear{ clear: both; }

.navbar-header .navbar-toggle {background-color: #a7a19d;}
.navbar {background: transparent; border-width: 0px; border-top: 1px solid #e8e8e8; margin-top: 20px; padding-top: 10px;}
.navbar ul {float: none; display: table; margin-left: auto; margin-right: auto;}
.navbar ul, 
.navbar-brand {color: #ddd !important;}
.navbar-brand:hover {color: #a7a19d !important;}
.navbar-default .navbar-nav > li > a {background: none !important; text-decoration: none; color: #777 !important; text-transform: uppercase; font-family: "Arial"; font-size: 14px;}
.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li.active a {background: none !important; color: #000 !important;}
.navbar-default .navbar-nav > li.active {background: transparent;}
.navbar-default .navbar-nav > li.elvalaszto span {display: block; height: 6px; width: 6px; background: #e4e4e4;border-radius: 50%; margin: 20px 10px;}
.navbar-default .navbar-nav > li:last-child {display: none;}

.carousel-inner img {margin: 0 auto;}
.carousel-control.right, .carousel-control.left {background-image: none;}

#head .logo {margin-left: auto; margin-right: auto; max-height: 150px; margin-top: 10px;}
#head p.title {text-align: center;font-family: 'Shadows Into Light', cursive; font-size: 40px; margin:0; padding: 0;}

#content .bk_logo {margin: 15px auto;}
#content .padding {background: #FFF; border: 1px solid #e8e8e8; margin: 20px;}
#content .padding2 { margin: 20px; padding: 20px;}

.justify {text-align:  justify;}

#content div.content_item { background: #FFF;  border: 1px solid #CECECE; padding: 15px; }
#content div.content_item div.content_item_text p img.headpicture {float: left; margin-right: 20px; margin-bottom: 10px;}
#content div.content_item_nobg {max-width: 1100px; border-width: 0px; background: transparent;-webkit-box-shadow: none;-moz-box-shadow:none; box-shadow: none; padding: 0px;}
#content div.content_item div.content_item_text {line-height: 20px;}
#content div.content_item div.content_item_text p {text-align: justify;}
#content div.content_item div.content_item_text p img {border: 1px solid #9a928b;}
#content div.content_item div.content_item_galery img {float: left; border: 2px solid #9a928b; margin: 5px; height: 100px;}
#content div.content_item div.content_item_galery img {opacity: 0.6; filter: alpha(opacity=60); }
#content div.content_item div.content_item_galery img:hover {opacity: 1.0; filter: alpha(opacity=100); }

#content div.content_item_nobg div.picture_item {margin: 10px auto; float: left;}
#content div.content_item_nobg div.picture {text-align: center; postition: relative; width: 238px; height: 160px; margin: 0px;  border: 1px solid #a7a19d;}
#content div.content_item_nobg div.picture span { display: block; width: 236px; height: 24px; bottom: 0px; position: absolute;background: url('../images/szolg_felirat_hatter.png') repeat; color: #FFF; line-height: 24px; text-transform: uppercase;}
#content div.content_item_nobg div.picture img {width: 238px; height: 160px;opacity: 0.6; filter: alpha(opacity=60);}
#content div.content_item_nobg div.picture:hover img {opacity: 1.0; filter: alpha(opacity=100);}

#content div.content_item h1 {font-weight: normal; margin: 0px; color: #333; font-size: 28px; margin-bottom: 10px; font-family: "Times New Roman"; border-bottom: 1px solid #838383;}
#content div.content_item h2 {font-weight: normal; margin: 0px; color: #333; font-size: 24px; margin-bottom: 10px;}
#content .picture_item a {text-align: center; text-decoration: none; color: #333;}
#content .picture_item a:hover {text-decoration: none; color: #000;}
#content .picture_item .picture { text-align: center; display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
#content .picture_item .picture img {margin-left: auto; margin-right: auto;}

#sponsors .sponsor {text-align: center; padding: 5px; margin-top: 15px;}
#sponsors .sponsor img {height: 75px; margin: 0 auto; opacity: 0.5}
#sponsors .sponsor img:hover {opacity: 1.0}

#footer {background: #404040; width: 100%; margin-top: 20px; min-height: 90px; border-top: 1px solid #cecece; color: #838383;}	
#footer .left {margin-top: 20px; text-align: center;}
#footer .right {min-height: 80px; margin-left: auto; margin-right: auto; display: block;}
#footer #social a span.social,
#footer #social a:hover span.social {color: #fff; text-decoration: none;}
#social ul {padding-left: 0px; margin: 0px; margin-left: auto; margin-right: auto; display: table; margin-top: 15px;}
#social ul li {list-style: none; padding: 0px; margin: 0px; display: inline; float: left;}
#social .social {width: 32px; height: 32px; margin: 0px;  display: block; }
#social .social_facebook {width: 300px; color: #3b5998; text-indent: 40px; line-height: 32px; background: url('../images/social_facebook.png') no-repeat;opacity: 0.7; filter: alpha(opacity=70);}
#social .social_twitter {background: url('../images/social_twitter.png') no-repeat;opacity: 0.4; filter: alpha(opacity=40);}
#social .social_google {background: url('../images/social_google.png') no-repeat;opacity: 0.4; filter: alpha(opacity=40);}
#social .social_pinterest {background: url('../images/social_pinterest.png') no-repeat;opacity: 0.4; filter: alpha(opacity=40);}
#social .social_facebook:hover {opacity: 1.0; filter: alpha(opacity=100);}
#social .social_twitter:hover {opacity: 1.0; filter: alpha(opacity=100);}
#social .social_google:hover {opacity: 1.0; filter: alpha(opacity=100);}
#social .social_pinterest:hover {opacity: 1.0; filter: alpha(opacity=100);}

.fancybox img {height: 100px;}
.input-group {width: 100%;}
.input-group-addon {width: 40px;}
.elkuld {float: right;}

#footer div.logo {width: 230px; height: 60px; margin-top: 7px;margin-left: auto; margin-right: auto;}
#footer div.logo a {color: #838383; text-decoration: none; font-size: 11px; line-height: 11px; }
#footer div.logo a.ufotech {display: block; background: url('../images/logo_ufotech.png') left no-repeat; height: 60px; width: 79px; float: left; margin-right: 10px;opacity: 0.4; filter: alpha(opacity=40);}
#footer div.logo a.ufotech:hover { background: url('../images/logo_ufotech.png') right no-repeat; }
#footer div.logo a:hover {color: #FFF;opacity: 1.0; filter: alpha(opacity=100);}
#footer div.logo ul {list-style: none; padding-left: 10px; float: left;  margin: 0px;}
#footer div.logo ul li {line-height: 16px;}

@media (min-width: 768px) {
	#footer .left {text-align: left;}
	#footer .logo {float: right;}
	.navbar-brand { display: none; }
	#content .padding2 { margin: 20px 80px;}
}

@media (min-width: 1200px) {
        #head p.title {line-height: 160px; text-align: center; font-size: 44px;}
}
@media (min-width: 1000px) and (max-width: 1200px) {
        #head p.title {line-height: 160px; text-align: center;}
}
@media (min-width: 768px) and (max-width: 1000px) {
        #head p.title {line-height: 160px; font-size: 32px;}
}
@media (min-width: 450px) and (max-width: 768px) {
        #head p.title {line-height: 100px; font-size: 28px;}
}
@media (min-width: 320px) and (max-width: 450px) {
        #head p.title {line-height: 36px; font-size: 28px;}
}
@media (min-width: 100px) and (max-width: 320px) {
        #head p.title {line-height: 32px; font-size: 24px;}
}