/* @override http://budatest.cpanel.webgalaxy.hu/index.php?css=embeds/2016.v.1478728703 */

/* @override http://budatest.cpanel.webgalaxy.hu/index.php?css=embeds/2016.v.1466149096
	http://budatest.cpanel.webgalaxy.hu/index.php?css=embeds/2016.v.1467633130
	http://budatest.cpanel.webgalaxy.hu/index.php?css=embeds/2016.v.1471815427
	http://budatest.cpanel.webgalaxy.hu/index.php?css=embeds/2016.v.1478463352
	http://budatest.cpanel.webgalaxy.hu/index.php?css=embeds/2016.v.1478727197 */

@charset "utf-8";


* {
 box-sizing: border-box;
}

/* CSS Document */

/*html{
  background: #f2f2f2; /* Old browsers *!/
  background: -moz-linear-gradient(top,  #f2f2f2 50%, #ffffff 100%); /* FF3.6+ *!/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ *!/
  background: -webkit-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ *!/
  background: -o-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* Opera 11.10+ *!/
  background: -ms-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* IE10+ *!/
  background: linear-gradient(to bottom,  #f2f2f2 50%,#ffffff 100%); /* W3C *!/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 *!/
  
  background-image:url(../images/website/background_global.png);
  background-repeat: repeat-y;
  background-color: #fff;
}*/

html {
  background-color: #fafafa;
  background-image:url(/images/website/bi-bgbody2016.png);
}

.clear{clear:both}

a, a:hover {
  color: #b10000;
  text-decoration:none
}

a:hover {
  text-decoration: underline
}

#logo {
  position: absolute;

  margin-left: 30px;
  margin-top: 18px;
  z-index: 100;
}

.bi-table {
	margin-top:  20px;
	border-collapse: collapse;
	border-top:  1px dotted #c10002;
	border-bottom:  1px dotted #c10002;
}

.bi-table th {
	padding: 5px;
	border: none;
	border-bottom: 1px dotted #333;
	vertical-align: middle;
}

.bi-table td {
	padding: 5px;
	border: none;
	vertical-align: middle;
	
}


#header_top{
  /*margin-left: 150px;*/
  width: 830px;
  height: 50px;
}

#header{
  /*margin-left: 150px;*/
  
  padding-left: 100px;
  /*width: 830px;*/
  height: 100px;

  background-image:url(/images/website/bi-bg2016.png);
background-repeat: no-repeat;
background-position: top right;

 /* background-color: #eee;
 background-image:url(../images/website/background_header.png);*/
/*  background-repeat: no-repeat;
  background-position: -150px -50px;*/
}


#script {
	height:  50px;
	text-align: center;
}

#menu {
  float: left;
  width:  66%;
  padding:  10px;
}

#menu_add {
  float:  right;
  width: 34%;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 7px;
}

#menu_mobile_trigger {
  display: none;
}

#menu li{
  float: left;
}
#menu li a {
  padding: 7px;
  margin-right: 7px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  font-size: 16px;
  text-decoration: none
}

#menu li a:hover{
  background-color:#898989;
  color: #fff;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#menu li .selected {
  padding: 7px;
  background-color:#c10002;
  color: #fff;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#content {
  /*margin-left: 150px;*/
  float: left;
  /*width: 580px;*/
  
  width: 66%;
  padding:  20px;
}

/*p.project_tags {
	
	margin-left:  10px;;
}*/

/*#main_news {
  float: left;
  width: 250px;
}*/

#main_intro {
  float: left;
  /*width: 320px;*/
  /*margin-left: 10px;*/
}

#rightBar_main {
  float: left;
  /*width: 170px;*/
  /*margin-left: 10px;*/
  width: 34%;
  padding:  20px;
  padding-top: 5px;

}

#main_intro h3, #news_header h3, #search_header h3, #motto_header h3, #publication_header h3,
.rightcol_header h3 {

 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 /*text-transform: capitalize;*/
 line-height: 1.6;
 color:#fff;
}

/*#intro_header, #news_header, #search_header h3, #motto_header h3, #publication_header h3 {
  padding: 5px 10px 5px 10px;
  background-color:#ac0506;
  margin-bottom: 10px;
}



#news_header, #search_header h3, #motto_header h3, #publication_header h3{background-color:#c6c6c8;}*/

#intro_box {
  padding: 10px;
  background-color:#e7e7e7;
}



/**** CONTENT STYLE ****/
#content h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: 100;
 text-transform: uppercase;
 color:#a90000;
 width: 100%;
 padding-bottom: 10px;
 border-bottom: 1px dotted #b10000;
 margin-bottom: 20px;
 margin-top: 5px;
 
}



#content h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: 100;
 color:#a90000;
 width: 100%;
 padding-bottom: 10px;
 margin-top: 5px;
 line-height: 1.3;
}

#content h5{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: 100;
 color:#a90000;
 width: 100%;
 padding-bottom: 5px;
 margin-top: 5px;
}



#content p, #content li, #search_body p, #motto_body p, #publication_body p, .rightcol_body p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.3;
 color:#464646;
 margin-bottom: 10px
}

#content p strong {
 font-weight: bold;
 margin-bottom: 10px
}

#content ul {
 list-style:outside;
 list-style-type:disc;
 margin-left: 15px
}

.list, .datasheet, .profile {
 width: 100%
}

.list td, .list th{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.4;
 color:#464646;
 padding: 6px 2px 6px 2px;
 border-bottom: 1px dotted #464646
}

.list th{
 background-color:#e6e6e6;
 color: #464646;
 border-bottom: none
}

.list td:first-child, .list th:first-child{
 width: 100px;
 text-align: left;
}

.list th {
	height: 34px !important;
}

.datasheet td{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.4;
 color:#464646; padding: 6px 2px 6px 2px;
border-bottom: 1px dotted #464646
}

.datasheet th{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.4;
 font-weight: bold;
 color:#464646; padding: 6px 2px 6px 2px;
text-align: left;
 border-top: 1px dotted #464646;
 border-bottom: 1px dotted #464646
}

.datasheet td:first-child, .datasheet th:first-child{
 width: 100px;
 text-align: left;
 font-weight: bold;
}


.datasheet .first h1 {
	padding: 0 !important;
	border: none !important;
	text-transform: none !important;
}

.datasheet .first td {
	/*border: none;*/
	padding-bottom: 0;
}

.profile td{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.4;
 color:#464646; padding: 6px 2px 6px 2px;
border-bottom: 1px dotted #464646
}

.profile th{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.4;
 font-weight: bold;
 color:#464646; padding: 6px 2px 6px 2px;
text-align: left;
 background-color: #e6e6e6
}

.profile td:first-child, .profile th:first-child{
 width: 100px;
 text-align: left;
 font-weight: bold;
 vertical-align: top
}

.profile td ul{
 list-style-position:outside;
 list-style-type: circle;
 margin-left: 15px
}

#footer {
 /* height:15px; */
 border-top: 1px dotted #464646;
 margin-bottom: 20px;
 margin-left: 150px;
 width: 750px
 min-height: 100px;
}

#footer_col1, #footer_col2, #footer_col3{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 line-height: 1.4;
 color:#464646; 
 text-align: left;
 margin-top: 30px;
}

#footer_col1{
 width: 250px;
 float: left
}

#footer_col2{
 margin-left: 10px;
 width: 310px;
 float: left;
 border-left: 1px dotted #464646;
 padding-left: 10px;
}

#footer_col3{
 margin-left: 10px;
 width: 140px;
 float: left;
 border-left: 1px dotted #464646;
 padding-left: 10px;
}

#main_news h4{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 line-height: 1.2;
 font-weight: bold;
 color:#464646;
 margin-bottom: 5px
}

#main_news h5{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 line-height: 1;
 color:#464646;
 margin-bottom: 10px
}

#main_news p, #main_intro p, #main_intro li, #search_body p, #motto_body p, #publication_body p {
 margin-bottom: 10px;
 line-height: 1.3;
 font-size: 14px
}

#main_intro li{
 margin-left: 15px;
 list-style: outside;
 list-style:circle;
}

#share {
 float: right;
 width:  25%;
 margin-top:  10px;
}

#lang {
 /*float: left;*/
 float: right;
 margin-right: 5px;
 /*margin-top: 10px*/
}

#addthis{
	float: left;
}


#socialmedia {
	margin-left: 20px;
}

#socialmedia img,
#lang img {
	width:  16px;
	height: 16px;
}

#lang a {
  opacity: 0.5;
}

#lang a:hover {
	opacity: 1.0;
}

#login {
 width: 400px;
 margin-top: 15px;
 margin-right: 65px;
 float: right;
 text-align: right

}

#lang, #login{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 line-height: 1;
 color:#464646;
 /*margin-bottom: 15px;*/
}

.button {
  padding: 5px 7px 5px 7px;
  margin-right: 7px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  font-size: 12px;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.button:hover {
  padding: 5px 7px 5px 7px;
  background-color:#898989;
  color: #fff;
    text-decoration: none;
	
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}


.date {
  padding: 4px 6px 4px 6px;
  margin-left: 10px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;list-style-position:outside
}

input[type=text] {
  padding: 5px 6px 5px 6px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  background-color:#ebebeb;
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px; text-transform:lowercase
}

.tag {
  padding: 4px 6px 4px 6px;
  margin-right: 2px;
  line-height: 25px;
  color: #898989;
  font-family: "tk-nimbus-sans", Arial, Sans;
  text-transform:lowercase;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid #a7a9ac;
  
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  white-space: nowrap;
}

.tag:hover {
  background-color:#898989;
  color: #fff;
    text-decoration: none;
	
  
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
}


body {text-align:center;}

#pagelayout,
#footer {
  margin: 0 auto;
  /*width:995px;*/
  text-align:left;
  background: white;
}

#pagelayout {
  box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.15);
}

#footer_col1 {
  margin-bottom: 50px;
  margin-left: 30px;
  width: 265px;
}

#footer_col2 {
  /* width: 380px; */
}

/*#footer {
margin-left:25px;
width:955px
}*/



/*html {

  background: #f2f2f2; /* Old browsers *!/
  background: -moz-linear-gradient(top,  #f2f2f2 50%, #ffffff 100%); /* FF3.6+ *!/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ *!/
  background: -webkit-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ *!/
  background: -o-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* Opera 11.10+ *!/
  background: -ms-linear-gradient(top,  #f2f2f2 50%,#ffffff 100%); /* IE10+ *!/
  background: linear-gradient(to bottom,  #f2f2f2 50%,#ffffff 100%); /* W3C *!/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 *!/
  
  background-image:url(../images/website/background_global3.png);
  background-repeat: repeat-y;
  background-color: #fff;
  background-position: top center !important;

}*/



#menu ul,
#header #share {
  margin-top: 15px;
/*  margin-right: 70px;
  width: auto;*/
  
}

#header #share {
  color: rgb(28,28,28);
 color: #464646;
  text-align:right;
}

#search_header {
  margin-top: 0 !important;
}

.rightcol_header {
  background-color:#c6c6c8;
  padding: 5px 10px 5px 10px;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  /*font-size: 12px;*/
  text-transform: none;
  line-height: 1.6;
  color:#fff;
}

.rightcol_body,
.rightcol_body ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color:#464646;
  margin-bottom: 10px;
}

.rightcol_body p {
margin-top: 10px;
}



#rightBar_main #news_header {
  /*margin-top: 22px;*/
}

#main_intro .intro_box {
  padding: 10px;
  background-color:#e7e7e7;
  margin-bottom:10px;
}

#main_intro .project {
  border-bottom: 1px dotted #333;
  margin-bottom: 10px;
  
  padding:  0 40px;
}

#main_intro .project:last-child {
  border-bottom: none;
}

#main_intro .intro_header {
  padding: 5px 10px 5px 10px;
  background-color:#ac0506;
  margin-bottom: 10px;
}


#main_intro .project a:hover {
  /*text-decoration: none;*/
}

/*#main_intro .project:hover {
  background-color: #fff;
}*/

#main_intro .project h4 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 margin: 5px 0;
}

#main_intro .project p {
  margin: 5px 0;
}

#main_intro .project .intro-image {
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 10px;
}

#main_news {
  width: 170px;
}

#main_intro {
 /* width: 400px; */
  width: auto;
}

#menu li a {
  text-transform:none !important;
  color: rgb(28,28,28); 
 color: #464646;

}

p.copyright_line {
 text-align: right;
 font-style: italic;
 margin-bottom: 20px !important;
}


#main_news a {
 color: rgb(28,28,28);
 color: #666;
}

#main_news a:hover {
 color: rgb(177,0,0);
}

.intro_box h4 a {
 color: rgb(28,28,28);
 color: #464646;
}

.intro_box h4 a:hover {
 color: rgb(177,0,0);
}



/* Large desktops and laptops */
@media (min-width: 1200px) {

	#pagelayout,
	#footer {
	  width: 1170px;
	}
	
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

  #pagelayout,
  #footer {
    width: 970px;
  }
  
  .tag {
    padding: 2px 4px 2px 4px;
    font-size: 12px;
    margin: 0;
  }

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

  #pagelayout,
  #footer {
    width: 750px;
  }
  
 
  .tag {
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    margin: 0;
  }
  
  
  #menu li a {
	/*margin: 0;*/
	padding: 4px 4px;
	font-size: 14px;
  }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

  #pagelayout,
  #footer {
    width: 100%;
  }
  
  #content,
  #rightBar_main {
  	float: none;
  	width:  100%;
  	margin: 0;
  	padding:  10px;
  }
  
  #rightBar_main {
  	padding:  20px;
  }
  
  #footer_col1,
  #footer_col2,
  #footer_col3 {
  	float: none;
  	width:  100%;
  	margin: 0;
  	padding:  10px 20px;
  	text-align: center;
  }
  
  #footer {
   height:1px;
   border-bottom: 1px dotted #464646;
   margin: 0;
   width: auto;
 }
 
 .tag {
   padding: 4px 6px 4px 6px;
   font-size: 12px;
 }
 
 #menu li a {
 	/*margin: 0;*/
 	margin-right: 2px;
 	padding: 4px 4px;
 	font-size: 15px;
 }

 
  

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

  #header {
	background-position: top left;
	height:  80px;
  }
  
  #logo {
  	margin-left: 10px;
  	margin-top: 10px;
  }
  
  #logo img {
  	width: 73%;
  }


  #menu {
    float: none;
    width:  auto;
    display: block;
    padding: 0;
    
  }
  
  #menu li {
    float: none;
    display: block;
    border-top: 1px solid #eee;
  }
  
  #menu li a {
    display: block;
    padding: 20px !important;
    margin: 0;
    color: white;
    font-size: 16px;
    
    border-radius:0;
  }
  
  #header_below {
    /*display: none;*/
    float:none;
    display: block;
    position: absolute;
    left: 0;
    
    top:  -800px;
    width:  100%;
    
    z-index: 900;
    background: #333;
    
    box-shadow: 0px 0px 5px #444;
    
    transition: all 0.3s;
  }
  
  #header_below.active {
    left: 0;
    top:0;
  }

  #menu_mobile_trigger
  {
    display: block;
    position: absolute;
    top: 10px;
    z-index: 1000;
    right: 10px;
    width:  50px;
    height: 50px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  
  #menu_add {
    float: none;
    width: auto;
    /*height:  55px;*/
  }
  
  #lang {
    font-size: 16px;
    color:  #999;
  }
  
  #lang a {
  }
  
  
  #addthis {
    display: none;
  }
  
  #script img {
  	display: none;
  }

}