@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);



@font-face {
  font-family: 'Oswald';
  src: url('fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Oswald-Light.woff') format('woff'), url('fonts/Oswald-Light.ttf')  format('truetype'), url('fonts/Oswald-Light.svg#Oswald-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face{font-family:'gandhi_sansregular';
src:url("fonts/gandhisans-regular-webfont.eot");
src:url("fonts/2CE_FujitsuSansRegular.eot?#iefix") format("embedded-opentype"),url("fonts/gandhisans-regular-webfont.woff") format("woff"),url("fonts/gandhisans-regular-webfont.ttf") format("truetype")}

@font-face{font-family:'nexa_lightregular';
src:url("fonts/nexa_light-webfont.eot");
src:url("fonts/CE_FujitsuSansLight.eot?#iefix") format("embedded-opentype"),url("fonts/nexa_light-webfont.woff") format("woff"),url("fonts/nexa_light-webfont.ttf") format("truetype")}



.navbar-inverse{background-color:#fff; border-color:#FFFFFF; background-image:url(images/menu_hatter.png); background-position: 0px 105px; background-repeat:repeat-x; width:100%}

.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
  font-size:16pt;
}

.navbar-inner {
  text-align:center;
}
a {
color: #cfcfcf;
text-decoration: none;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:0px}





.col-lg-1 { text-align:center; width:7%; text-transform:uppercase}
.navbar-toggle {position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-image: none;
z-index: 11;
text-align: center;
font-size: 14px;
color: #ffffff;
width: 40px;
height: 40px;
line-height: 40px;
cursor: pointer;
background:#bf202f;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
border-radius:0px;}

.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top:none;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}

.navbar-inverse .navbar-toggle {
 border: none;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

.bg-1 {
	background:url(images/tables_uj.jpg) no-repeat; 
    -webkit-background-size:cover;
  	-moz-background-size: cover;
  	-o-background-size:cover;
  	background-size:cover;
	background-position: center center;
	background-color:#dadad9;
	background-attachment: fixed;
}
.col-md-3,.col-xs-4{font-family:gandhi_sansregular; size:13pt; color:#5d5d5e}

.col-md-9,.col-xs-8{font-family:gandhi_sansregular; size:13pt; color:#000000}

.selected img {
	opacity:0.5;
}
.col-md-4-main{ width:22%}
.nopadding-right{padding-right:0px;}
.nopadding{padding-left:0px; padding-right:0px;}
@media(max-width:769px){
.col-xs-12 {position:relative;min-height:1px;padding-right:25px;padding-left:25px}
.col-xs-4 {padding-left:0px}
#tartalom .col-xs-4 {padding-left:0px}
.col-xs-6 {position:relative;min-height:1px;padding-right:9px;padding-left:10px;}
#footer_bal.col-md-5{ padding-left:0px;}
#kepek.col-xs-3{ padding-left:15px;}
.padding_kicsi{padding-left:0px; padding-right:0px;}
#tartalom col-md-10{ padding-right:0px;}
}

#features .col-md-4{ font-size:13pt; text-transform:uppercase; color:#5d5d5e; font-family: 'gandhi_sansbold';}
#features .col-md-3{ font-size:13pt; text-transform:uppercase; color:#5d5d5e; font-family: 'gandhi_sansbold';}
#features .col-md-9{ font-size:13pt;  color:#000000; font-family: 'gandhi_sansbold';}

.footer3{margin-top:15px; font-family: 'Oswald', sans-serif; font-weight:300;font-size:12pt; color:#FFFFFF; text-align:right; padding-right:0px; text-transform:uppercase}
.col-xs-8, .col-xs-10{padding-left:10px;}


/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #999;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #999;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #999 #999 #999;
 
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
  
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #999;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;

}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #999 #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #999 transparent #999 #999;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #999;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;

}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #999;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #999 #999 #999 transparent;
  *border-left-color: #ffffff;
}

#footer_jobb {font-family: 'Oswald', sans-serif; font-weight:300; font-size:12pt; color:#FFFFFF; text-align:right;text-transform:uppercase; }
#footer_jobb a:link{font-family: 'Oswald', sans-serif; font-weight:300; font-size:1em; color:#FFFFFF; text-align:right;text-transform:uppercase;}
#footer_jobb a:hover{font-family: 'Oswald', sans-serif; font-weight:300; font-size:1em; color:#FFFFFF; text-align:right;text-transform:uppercase;}


.noborderimg{ border:none}

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius:0;
background-color::#777; text-transform:uppercase;}

.btn-primary {
color: #fff;
background-color: #777;
border-color: #777;}

.btn:hover {color:#ffffff; background-color:#e13c2a;border-color:#e13c2a; text-decoration:none}
#tartalom img{ border:1px solid #999}
#tartalom a:link{ color:#777}
#tartalom a:hover{ color:#e13c2a}

.termekoldal_szoveg{border-bottom:1px solid #999;font-family:gandhi_sansregular; font-size:12pt;  padding-bottom:20px; margin-bottom:10px;}
.kiemelt_kat{font-size:13pt; text-transform:uppercase; color:#5d5d5e; font-family: 'gandhi_sansbold'; padding-left:0px;}
.footer_cim{margin-top:13px; font-size:12pt; line-height:13pt; padding-left:0px;}
.footer_jobb{float:left; margin-right:40px;margin-top:5px;}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

h1{ont-size:23pt;font-family: 'Oswald', sans-serif; font-weight:300; text-transform:uppercase;}
.page_title{border-bottom:1px solid #999; margin-bottom:5px; padding-bottom:10px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #e13c2a;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
font-weight:bold;}

.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color:transparent;
border:none;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 0px solid transparent;
border-radius: 4px 4px 0 0;}

#tartalom{ margin-bottom:30px;}

.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 21px;
margin-right: 15px;
margin-bottom: 8px;
background-image: none;
z-index: 11;
text-align: center;
font-size: 14px;
color: #ffffff;
width: 40px;
height: 40px;
line-height: 40px;
cursor: pointer;
background: #bf202f;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
border-radius: 0px;}

.paddin-left{ padding-left:0px;}
.designer{ font-family:nexa_boldregular; font-size:20pt; line-height:20pt; color:#858585; text-transform:uppercase; margin-bottom:10px;}
.bottom{ margin-bottom:30px}

.breadcrumb_sajat{color:#777; text-decoration:none;font-family: 'Oswald', sans-serif; font-weight:300}
.breadcrumb_sajat:hover{color:#777; text-decoration:underline}
.carousel-control.right{right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.-0.5) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.-0.5) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,-0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
  background-image: linear-gradient(to right,rgba(0,0,0,-0.5) 0,rgba(0,0,0,.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
#slider_tartalom img{ border:none}
.bekezdes{font-family: 'Oswald', sans-serif; font-weight:300;text-transform: uppercase; font-size:25px; margin-top:40px; margin-bottom:10px;}

#kepek li
{
display: inline;
list-style-type: none;
padding-left:0px;
margin-top:10px;
padding-top:10px;
}
@media (max-width: 769px){
#share .col-xs-12{text-align:left; padding-left:0px; padding-top:10px}
#informacio { padding-left:0px; padding-right:0px;}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 71px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-image: none;
  z-index: 11;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  background: #bf202f;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  border-radius: 0px;}}


@media (max-width: 478px){
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 46px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-image: none;
  z-index: 11;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  background: #bf202f;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  border-radius: 0px;}
  
  #termeklista {height:150px;}
  }
  
  @media (max-width: 600px){

  
  #termeklista {height:165px;}
  }
  
  @media (min-width: 601px){
 #termeklista {height:210px;}
  }
 
  @media (min-width: 1024px){ 
.felirat {font-family: 'Oswald', sans-serif; font-weight:300; font-size:31pt; color:#4c4b4c; text-transform:uppercase}
  }
 @media (max-width: 1024px){
.felirat {font-family: 'Oswald', sans-serif;font-weight: 300;font-size: 31pt;color: #4c4b4c;text-transform: uppercase; background: rgba(253,252,252,0.7);height: 64px;padding-top: 25px; padding-left: 10px;}
	 }/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 23, 2014 */



@font-face {
    font-family: 'gandhi_sansregular';
    src: url('fonts/gandhisans-regular-webfont.eot');
    src: url('fonts/gandhisans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-regular-webfont.woff2') format('woff2'),
         url('fonts/gandhisans-regular-webfont.woff') format('woff'),
         url('fonts/gandhisans-regular-webfont.ttf') format('truetype'),
         url('fonts/gandhisans-regular-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gandhi_sansbold_italic';
    src: url('fonts/gandhisans-bolditalic-webfont.eot');
    src: url('fonts/gandhisans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/gandhisans-bolditalic-webfont.woff') format('woff'),
         url('fonts/gandhisans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/gandhisans-bolditalic-webfont.svg#gandhi_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gandhi_sansbold';
    src: url('fonts/gandhisans-bold-webfont.eot');
    src: url('fonts/gandhisans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-bold-webfont.woff2') format('woff2'),
         url('fonts/gandhisans-bold-webfont.woff') format('woff'),
         url('fonts/gandhisans-bold-webfont.ttf') format('truetype'),
         url('fonts/gandhisans-bold-webfont.svg#gandhi_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gandhi_sansitalic';
    src: url('fonts/gandhisans-italic-webfont.eot');
    src: url('fonts/gandhisans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gandhisans-italic-webfont.woff2') format('woff2'),
         url('fonts/gandhisans-italic-webfont.woff') format('woff'),
         url('fonts/gandhisans-italic-webfont.ttf') format('truetype'),
         url('fonts/gandhisans-italic-webfont.svg#gandhi_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('fonts/nexa_light-webfont.eot');
    src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_light-webfont.woff2') format('woff2'),
         url('fonts/nexa_light-webfont.woff') format('woff'),
         url('fonts/nexa_light-webfont.ttf') format('truetype'),
         url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nexa_boldregular';
    src: url('fonts/nexa_bold-webfont.eot');
    src: url('fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_bold-webfont.woff2') format('woff2'),
         url('fonts/nexa_bold-webfont.woff') format('woff'),
         url('fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}