body {
  margin: 0;
  padding: 0;   
  background-color: #dadcdd; 
  font-size: 16px; 
  font-family: 'Karla', sans-serif;
}

h1 {
  border-bottom: 1px solid #666;   
}

.header_logo {
  float:left;
  width: 380px;            
}

.header_banner_img {
  background: url('../design_images/banner.png') repeat-x; 
  width: 578px;
  height: 100px;
  float:right;
  margin: -2px -26px 0px 0px;
  text-decoration:none;
}

.header_banner_img:hover {
  opacity: 0.90;
  filter: alpha(opacity=90);                          
}

.header_background {
  height:181px;
  background: url('../design_images/header_bg.png') repeat-x;                   
}

.content {
  width: 980px;  
  margin: 15px auto;     
} 

.left_content {
  width: 360px; 
  float:left;            
}

.middle_content {
  min-height: 600px;
  padding: 20px;
  background-color: #ffffff;                 
}

.right_content {
  width: 620px;
  float:right;                  
} 

.left_content_box {
  width: 320px;
  padding: 20px;  
  background: #fff url('../design_images/left_box_header_bg.png') no-repeat center 60px;                 
}

.right_content_box {
  width: 570px;
  background-color: #fff;  
  margin-left: 10px;
  padding: 20px;            
}

.left_content_box h2 {
  margin: 0px 0px 30px 0px;                      
}

.right_content_box h1, right_content h1 {
  margin: 0px 0px 25px 0px; 
  font-size: 25px;                   
}

.header_logo_container {
  width: 980px; 
  height: 105px;  
  margin: 0 auto; 
  padding: 15px 20px 0px 0px; 
  color: #fff;                                             
}

.header_logo_container a {
  text-decoration: none;
  color: #fff;                       
}

.header_logo_container a:hover {
  text-decoration: none;
  color: #fff;                       
}

.footer {
  background: #313538;
  height: 50px;  
  border-top: 1px solid #fff;                 
}

.footer_container {
  background: #fff;
  width: 950px;
  margin: 0 auto; 
  height: 32px;
  padding: 18px 15px 0px 15px;
  font-size: 13px;
  text-align: center;             
}

.header_menu_container {
  width: 1000px;   
  margin: 0 auto;  
  background: #d4d6d7;                   
}

.header_menu_shadow {
  clear:both;
  width: 1000px; 
  height: 10px; 
  background: url('../design_images/menu_shadow.png') repeat-x;                   
}

.header_menu_container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;           
}

.header_menu_container ul li {
  background-color: #d4d6d7;  
  float: left; 
  height: 60px;       
}

.header_menu_container ul li:hover {
  background-color: #72a1db;  
}

.header_menu_container ul li a {
  display: block; 
  color: #181a1c; 
  padding: 20px;  
  min-width: 100px;
  text-decoration:none;   
  text-align:center;      
}

.bemutatkozas_bg {
  width: 940px;
  min-height:615px;
  background: url('../design_images/bemutatkozas_bg.png') no-repeat;                                
}

.termek_kep {
  float:left;
  border: 1px solid #666;            
}

.termek_kep img {
  border: 0px;
  padding: 0px;
  margin: 0px;
  display: block; 
  width: 311px;           
}

.termek_kep:hover {
  opacity: 0.85;
  filter: alpha(opacity=85); 
  border: 1px solid #619ce5;          
}

.termek_leiras {
  float:left;
  margin-left: 15px;
  word-wrap: break-word;
  width: 589px;                               
}

.termek_leiras h2 {
  margin: 0px 0px 15px 0px; 
  padding-bottom: 5px; 
  border-bottom: 1px solid #619ce5;              
}

.termek_leiras h2 a {
  color: #000;
  text-decoration: none;
}

.termek_leiras h2 a:hover {
  color: #333;
  text-decoration: underline;
}

.termek {
  margin: 15px 0px; 
  border: 1px solid #e8e8e8; 
  background: #f8f8f8;
  padding: 10px;  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;           
}

.termek:hover {
  border: 1px solid #c8c8c8; 
  background: #f2f2f2;      
}

.termek_search_box {
  margin: 15px 0px; 
  border: 1px solid #e8e8e8; 
  background: #f8f8f8;
  padding: 10px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;                      
}

.termek_kategoria_box {
  margin: 15px 0px; 
  border: 1px solid #e8e8e8; 
  background: #f8f8f8;
  padding: 10px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;                         
}

.kategoria_gomb {
  padding: 7px 10px;
  border: 1px solid #e8e8e8; 
  display: inline-block;
  margin:3px;    
  text-decoration:none;            
}

.kategoria_gomb:hover {
  text-decoration: underline;                      
}

.kategoria_gomb_selected, .kategoria_gomb_selected:hover {
  color: #aaa;   
  cursor: default;
  text-decoration:none;                       
}

input[type=text], select, textarea {
  padding: 5px;  
  width: 250px; 
  border: 1px solid #999;  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;              
}

input[type=text]:focus, textarea:focus { 
  border: 1px solid #619ce5;              
}

input[type=button],input[type=submit] {
  padding: 4px 10px;  
  border: 1px solid #666;  
  cursor: pointer; 
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;              
}

input[type=button]:hover,input[type=submit]:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);             
}

a {
  color: #619ce5;      
}

a:hover {
  color: #619ce5; 
  text-decoration: none;
}

.termek_pagination_page {
  border: 1px solid #e8e8e8;
  min-width: 20px;
  text-align: center;
  margin: 0px 1px;
  float:left;  
                    
}

.termek_pagination_page a{
  text-decoration: none;
  display: block;                        
}

.termek_pagination_page a:hover {
  color: #333; 
  background: #619ce5;                                 
}

.termek_pagination_elozo, .termek_pagination_kovetkezo {
  float:left;    
  margin: 0px 3px;                         
}

.termek_pagination {
  margin-top: 3px;                   
}

.cim_ikon {
  height:20px;
  width: 20px; 
  background: url('../design_images/icons.png') no-repeat 0px 0px;       
}

.telefon_ikon {
  height:20px;
  width: 20px; 
  background: url('../design_images/icons.png') no-repeat -20px 0px;       
}

.pdf_ikon {
  height:42px;
  width: 35px; 
  background: url('../design_images/document_icons.png') no-repeat 0px 0px;               
}

.xls_ikon {
  height:42px;
  width: 35px; 
  background: url('../design_images/document_icons.png') no-repeat -35px 0px;               
}

.termek_kereso_mezo {
  width: 175px !important;                    
}
#kategoria_valaszto {
  width: 175px !important;                    
}
.errors_box {
  border: 1px dotted #ff0000;
  margin-bottom: 20px;
  color: #cb2525;            
}
.messages_box {
  border: 1px dotted #4378b9;
  margin-bottom: 20px;
  color: #4378b9;            
}