/* Global Styles */

html, body {
  height: 100%;
}

body {
font-family: 'Raleway', sans-serif; 
color: #0f518a;
}
.hr {background: #e7edf8 url(../img/hr_bg.jpg) top center repeat-x; height: 45px}
.hr p {text-align:center; padding-top: 8px}
a:hover {text-decoration: none}
.footertop {
    background: #1e5f88 url(../img/foot_top.jpg) top center no-repeat; 
    min-height: 179px;
    line-height: normal;
    color: white;
    padding-top: 40px;
}
.footer {	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5f87+0,003e70+100 */
background: rgb(30,95,135); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,95,135,1) 0%, rgba(0,62,112,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,95,135,1) 0%,rgba(0,62,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,95,135,1) 0%,rgba(0,62,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5f87', endColorstr='#003e70',GradientType=0 ); /* IE6-9 */

    color: #fff;
    padding-bottom: 10px;
}
.footer h2 {
    color: #86a0af;
    text-shadow: 0px 0px 2px rgba(150, 150, 150, 0.54);
}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;}
.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}
@media (min-width: 1px) and (max-width: 768px) {
    .secondmenu {
        display: none;
    }
}
.tab-pane {
  margin-top: 15px;
}
/* @media screen and (min-width: 768px) {
	nav.navbar {
		float:right;
		padding-right: 30px;
		padding-top:100px;
	}
} */
/* Page Sections */
.kekbetu {color: #130072; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1); font-size: 165%; font-weight: 100; line-height: 35pt;}
.feherbetu {color: white; font-size: 14px;}
.feherbetu h2 {color: white; }
.kekhatteres {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49809f+0,2a5c80+100&0.58+0,1+100 */
background: -moz-linear-gradient(top,  rgba(73,128,159,0.58) 0%, rgba(42,92,128,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(73,128,159,0.58) 0%,rgba(42,92,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(73,128,159,0.58) 0%,rgba(42,92,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9449809f', endColorstr='#2a5c80',GradientType=0 ); /* IE6-9 */
border: solid 1px #2a5c81;
    padding: 20px;
}
.kekhatteres .panel-heading {color: white !important}
.nagyobb {height: 46px; margin-bottom: 5px;}
.space {height: 20px;}

.fehervonal {background: white; height: 3px;}
.szolgaltatasbox {
    border: solid 1px #ebf0f2;
    font-size: 13px;
    background: white;
    padding: 10px;
    text-align: center;
}
.szolgaltatasbox:hover {
    border: solid 1px #cddce3;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f9+0,ffffff+100 */
background: rgb(242,246,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,249,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,246,249,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,246,249,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
}
img.csoportkep {border: solid 2px #3b7194;}
.szolgaltatasbox img {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: solid 1px #a4cd61;
    margin: 10px 0 0 0;
}
img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.32);
	-moz-box-shadow:    2px 2px 6px 0px rgba(50, 50, 50, 0.32);
	box-shadow:         2px 2px 6px 0px rgba(50, 50, 50, 0.32);
	margin: 10px;
}
img.logo {
    margin: 0;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;

}
@media (min-width: 1px) and (max-width: 400px) {
    .navbar-brand {width: 70%}
}
.footbottom {
min-height: 95px;
background: #e1e1e1 url(../img/footbottom.jpg) top center no-repeat;
}
.section-colored {
    background: #ddd;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    
}
.top {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d9df+0,fefefe+100 */
background: #d3d9df; /* Old browsers */
background: -moz-linear-gradient(top,  #d3d9df 0%, #fefefe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d3d9df 0%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d3d9df 0%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d9df', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

    height: 94px; 
    position: relative; 
    width: 100%; 
    
    }
.flakes {height: 20px; background: url(../img/flakes.png) top center repeat-x}
.sidebar {
  margin-top: 40px;
}
.gombok {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,cccccc+100 */
background: #e3e3e3; /* Old browsers */
background: -moz-linear-gradient(top,  #e3e3e3 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e3e3e3 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e3e3e3 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e3e3e3 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e3e3e3 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.circles ul {
    text-align: center;
}
.circles ul li {
    display: inline;
    margin: 0 10px;
}
.circles ul li a {
    cursor: pointer;
    text-decoration: none;
}
.circles ul li a img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    opacity: 0.5;
}
.circles ul li a:hover img {
    filter: none;
    opacity: 1;
}

ul.contacts {
	list-style:none;
	padding: 0 0 0 15px;
	margin: 0;
}
ul.contacts li {
	margin-top: 0;
	color: #def4ff;
}
ul.contacts a {color:#c3e3f2}
ul.contacts a:hover {color:#a9cfe2; text-decoration: none}
ul.contacts span {
	color: #dff1fb;
	padding-right: 10px;
	font-size: 100%;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
}
ul.kapcsolat {
	list-style:none;
	padding: 0 0 0 15px;
	margin: 0;
}
ul.kapcsolat li {
	margin-top: 13px;
}
ul.kapcsolat a {}
ul.kapcsolat span {
	color: #ce2700;
	padding-right: 10px;
	font-size: 165%;
}
.head {
    background: url(../img/head.jpg) top center no-repeat; 
    min-height: 447px;
    -webkit-box-shadow: inset 0px 5px 5px 2px rgba(50, 50, 50, 0.18);
    -moz-box-shadow:    inset 0px 5px 5px 2px rgba(50, 50, 50, 0.18);
    box-shadow:         inset 0px 5px 5px 2px rgba(50, 50, 50, 0.18);
}
.udvozoljuk {background: #394d7f url(../img/udvozoljukbg.jpg) top center no-repeat; mix-height: 272px;padding: 10px;}
.udvozoljuk p {color: #e2e6ef}
.udvozoljuk h1, .udvozoljuk h2, .udvozoljuk h3, .udvozoljuk h4, .udvozoljuk h5 {color: white} 
@media (min-width: 1px) and (max-width: 768px) {
    ul.nav {background: #fefefe};
}


.vilagos {
background: #ffffff;
}
.vilagoshr {height: 34px; background: #fff url(../img/vilagoshr.jpg) top center no-repeat}
.kekhr {height: 33px; background: #fff url(../img/kekhr.jpg) top center no-repeat}
.sotet { 
background: #f8fafb;
    color: #0f518a;
}
.sotet h1, .sotet h2, .sotet h3, .sotet h4, .sotet h5, .sotet h6 {color: #b81158}
.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

.footer .panel-default {
	background: transparent !important;
	border: none;
}

.nopadding {
    padding: 0px;
}


/* Half Page Height Carousel Customization */
.carousel {
  height: 40%;
}
.carousel-caption h1,.carousel-caption h2,.carousel-caption h3, .footer h3 {color: #000; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);}
.carousel-caption a {color: #00315f; text-decoration: none}
.carousel-caption a:hover {color: #000;}
.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 30%;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 30% 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 60%;
 /* increases the carousel height so it looks good on phones */
  }
  .carousel-caption {display: none}
}

ul.katMenu li {
    display: block;
    padding: 10px 5px;
    background: #fff;
}
.katSzint_1 { text-align: left;}
.katSzint_2 a{
    padding-left: 18px;
}
.katSzint_3 a{
    padding-left: 30px;
}
.katOpen {
    float: right;
}


.navbar-bg {
   
}
.navbar-nav a, .btn {
color: #000;
font-family: 'Raleway', sans-serif;

}
.navbar-nav a:hover {
color: #e2e2e2;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f6f9+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,246,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,246,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,246,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f6f9',GradientType=0 ); /* IE6-9 */

color:#000;
border-color: #428BCA;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background: #fff;
}
.navbar-toggle {
    border:  none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#48597c+0,0c577c+100 */
background: rgb(72,89,124); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(72,89,124,1) 0%, rgba(12,87,124,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(72,89,124,1) 0%,rgba(12,87,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(72,89,124,1) 0%,rgba(12,87,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48597c', endColorstr='#0c577c',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 8px 0px rgba(255, 255, 255, 0.54);
-moz-box-shadow:    1px 1px 8px 0px rgba(255, 255, 255, 0.54);
box-shadow:         1px 1px 8px 0px rgba(255, 255, 255, 0.54);

}
.container {
}
.headercontainer {
    background: #fff;
}
a.navbar-brand {
    color:#fff;   
}
.navbar-right {
float: right !important;
}

.box-style {
    
background: none repeat scroll 0 0 white;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 5px #D8D8D8;
margin: 5px;
padding: 10px;
float: left;
margin-right: 20px;

}
.box-style img {
    max-width: 100% !important;
}
.katBox {
    position: relative;
    max-width: 100% !important;
    margin: 5px 5px 30px 5px;
padding: 10px;
padding-bottom: 0;
background: white;
box-shadow: 0 0 5px #D8D8D8;
border-radius: 6px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
height: 300px;
border-bottom: 3px solid #e6e6e6;
text-align:center;
}
.katBox a {
    text-decoration: none;
    color: #00b3d3;
}
.katBox:hover { 
    border-bottom: 3px solid #bbbbbb;
    box-shadow: 3px 3px 10px #bbbbbb;
    left: -1px;
    top: -1px;
    z-index: 10;
}
img {
    max-width: 100% !important;
}
.katBox span.glyphicon {
    position: absolute;
    top: 1px;
    left: 2px;
font-size: 39px;
color: #009D4F;
}
span.glyphicon strong {
    position: absolute;
top: 5px;
left: 11px;
color: white;
font-size: 13px;
font-weight: normal;
display: block;
width: 20px;
text-align: center;
}
.utvonal {
    height: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
}
.utvonal span {
    margin-right: 10px;
}
.utvonal a {
    margin-right: 5px;
    color: #005895;
}
.utvonal a:hover {
    color: #003d67;
    text-decoration: none;
}
.utvonal a::after {
    content: "\A0\A0\A0\BB";
}
.utvonal a:last-child {
    
    color: #00b3d3;
}
.utvonal a:last-child::after {
    content: "";
    
}
.roundedbox {
    margin: 0 0 10px 0;
    padding: 10px;
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #b5c6d0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(100%,#b5c6d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f6f8 0%,#b5c6d0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#b5c6d0',GradientType=0 ); /* IE6-9 */


box-shadow: none;

}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.clear-both {
    clear: both;
}
.inline-block {
    display: inline-block;
}

.termBox {
    position: relative;
    max-width: 100% !important;
    margin: 5px 5px 30px 5px;
padding: 10px;
padding-bottom: 0;
background: white;
box-shadow: 0 0 5px #D8D8D8;
border-radius: 6px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
height: 450px;
border-bottom: 3px solid #e6e6e6;
    text-align: center;
}
.termBox a {
    text-decoration: none;
    color: #ea3;
}
.termBox:hover { 
    border-bottom: 3px solid #bbbbbb;
    box-shadow: 3px 3px 10px #bbbbbb;
    left: -1px;
    top: -1px;
    z-index: 10;
}
img {
    max-width: 100% !important;
}
.termBox span.akcioIcon {
    position: absolute;
    top: -1px;
    left: 2px;
font-size: 39px;
color: #FF8000;
}
.termBox span.akcioIcon strong {
    position: absolute;
top: 5px;
left: 11px;
color: white;
font-size: 13px;
font-weight: normal;
display: block;
width: 20px;
text-align: center;
}
.termekNev, .kategoriaNev {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #00b3d3;
    font-weight: bold;
}
.termekLeiras {
    text-align: center;
    margin-bottom: 10px;
    color: #aaa;

}
.termekVan {
    color: green;
}
.termekNincs {
    color: #800040;
}
.termBox .termekTovabb a{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10%;
    width: 80%;
    padding: 6px 10px 6px 10px;
    color: #fff;
    -webkit-transition: 0.5s ease;
-moz-transition: 0.1s ease;
-ms-transition: 0.1s ease;
-o-transition: 0.1s ease;
 -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.termBox:hover .termekTovabb a {
    background: #004080;
background: #0c3ba0; /* Old browsers */
background: -moz-linear-gradient(top, #0c3ba0 0%, #2989d8 50%, #207cca 51%, #8fd6f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3ba0), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#8fd6f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3ba0', endColorstr='#8fd6f7',GradientType=0 ); /* IE6-9 */
}
.termekGyorsnezet {
    position: absolute;
    top: 30%;
    left: 20%;
    z-index: 100;
    width:  60%;
    -webkit-transition: 0.5s ease;
-moz-transition: 1s ease;
-ms-transition: 1s ease;
-o-transition: 1s ease;
    display:none;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    background: #0098E6;
    color: #fff;
    text-align: center;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
   
    
}
.termBox:hover .termekGyorsnezet {
    display: block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.termekGyorsnezet a span {
    
    color:#fff;
    
}
.termekGyorsnezet a {
     padding: 20px;
     font-weight: bold;
    color:#fff;
}
.termekcim {color: #00b3d3;}

img.termekkep { 
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 0 8px #a7d0e5;
}
.arasresz {padding: 10px}
.arak {
	background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */



	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 0 8px #a7d0e5;
}
.termekArNetto, .nettoar {
    color: #005895;
    font-size: 1.5em;
    display: inline;
     font-weight:bold;
}
.termekArBrutto, .bruttoar {
    color: #00b3d3;
    font-size: 1.1em;
    display: inline;
   
}
.termekArNetto_termeklap, .nettoar_termeklap {
    color: #005895;
    font-size: 1.4em;
    font-weight:bold;
}
.termekArBrutto_termeklap, .bruttoar_termeklap {
    color: #e3f4f8;
    font-size: 1.2em;
}
.minikosar {
    background: #004080;
    color: #fff;
    padding-top: 20px;
    -webkit-border-bottom-right-radius: 30%;
-webkit-border-bottom-left-radius: 30%;
-moz-border-radius-bottomright: 30%;
-moz-border-radius-bottomleft: 30%;
border-bottom-right-radius: 30%;
border-bottom-left-radius: 30%;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
border-bottom: 3px solid #0080FF;
}
.minikosar div.cim {
    font-size: 16px;
    text-align: center;
}
.minikosar div.tartalom {
    text-align: center;
    color: #FEE47E;
}
.galthumb {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px #a7d0e5;
}
span.menu {
	color: #b81158;
	font-size: 20px;
}

#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}
@media (min-width: 768px) and (max-width: 950px) {
    nav.navbar {
        
    }
    .col-sm-5 { width: 100%}
    
}
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav > li > a {
        font-size: 14px !important;
        padding: 28px 9px 0 15px;
    }
}
@media (min-width: 0px) and (max-width: 768px) {
    .navbar-nav > li > a {font-size: 16px !important;}
}