body { margin: 0; padding: 0;   background-color: #000000; text-align: center;  }
body, td , input , select, textarea  { font-family: Verdana  ; font-weight: 400; font-size: 14px; color: #000000; }

a { color: #187cb7; text-decoration: none; }
a:hover  { color: #003b5e; text-decoration: none; }
form { margin: 0; }
a img { border-width: 0; border-style: none; }
*:focus { outline: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }

H1, H2, H3, H4  { display: none; margin:0; padding:0 }
 
img.border { border: 1px solid #036faf; border-radius: 1px; }	
.lightbox img { border: 1px solid #036faf; border-radius: 1px; }
.kek { color: #036faf;   }
.audio_letoltes { color: #303030; display: block; min-height: 32px; background: url(../img/audio.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 15px; padding-top:10px;  }
.pdf_letoltes { color: #303030; display: block; height: 32px; background: url(../img/pdf.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }
.doc_letoltes { color: #303030; display: block; height: 32px; background: url(../img/doc.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }
.xls_letoltes { color: #303030; display: block; height: 32px; background: url(../img/xls.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }
.altalanos_letoltes { color: #303030; display: block; height: 32px; background: url(../img/file.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }

#bbg {   }
.nagy-banner { position: absolute; top:0; z-index: 3; margin: 0 auto; width: 100%; height: 900px; background-position: center top; background-repeat: no-repeat; }
#b1 { opacity:0; }
#b2 { opacity:0;}

#page { position: absolute; z-index: 6; width: 100%; text-align: center; margin: 0 auto; top:0 ; }
#top { height: 113px; background: #000000; }
#content { min-height: 540px; text-align: center }
#content_content { width: 1004px; margin: 0 auto; text-align: left}
#bottom { margin-top: 50px;  height: 240px; width: 1004px; margin: 0 auto;}

#top-c { width: 1004px; margin: 0 auto; text-align: left;  } 
#logo { float: left; width:368px; margin-top: 16px; }
#menu_contact { float: right; margin-right: 32px; margin-top: 44px; color: #dfdfdf; font-size: 18px;   }
#menu_contact:hover {  color: #ffffff;   }
#lang-a { float: right; color: #FFFFFF; background-color: #036faf; width: 42px; height: 32px; line-height: 32px; text-align: center; margin: 39px 2px; transition: background-color 0.44s; -webkit-transition: background-color 0.44s; }
#lang-a:hover { color: #FFFFFF; background-color: #036faf; text-decoration: none;  }
#lang { float: right; color: #cacaca; background-color: #044b75;width: 42px; height: 32px; line-height: 32px; text-align: center; margin:39px 2px;  transition: background-color 0.44s; -webkit-transition: background-color 0.44s;}
#lang:hover { color: #FFFFFF; background-color: #036faf; text-decoration: none;  }

#bottom-left { float: left; width: 762px; height: 155px; background: url(../img/bgb1.png); margin-left: 4px; text-align: left; }
#bottom-left-content { color: #FFFFFF; margin-left: 20px; margin-top: 20px; line-height: 20px;   }
#bottom-right { float: right; width: 230px; height: 155px; background: url(../img/bgb2.png); margin-right: 8px; }


#blogo1 { float: left; width: 145px; margin-left: 10px; margin-top: 16px;}
#bmenu { float: left; width: 660px; margin-left: 36px;   text-align: center;  }
#bmenu a  {display: inline-block; margin: 0 10px; color: #8d8d8d  ; font-size: 12px;transition: color 0.24s; -webkit-transition: color 0.24s;}
#bmenu a:hover   { color: #ffffff; }
#blogo2 {  float: right; width: 85px; margin-right: 10px; margin-top: 17px;}

#szo { display: block; float: right; width: 218px; height: 33px; border: 1px solid #d0d0d0; border-radius: 2px; background-color: #FFFFFF; background-color: rgba(255,255,255,0.35); background-image: url(../img/szo.png); background-position: 170px 5px; background-repeat: no-repeat; color: #FFFFFF; font-size: 13px; line-height: 33px; padding-left: 6px;}
#szo:focus { background-color: #FFFFFF; background-color: rgba(255,255,255,0.42);border: 1px solid #ffffff;  background-image: url(../img/szoon.png);  }
#szo::-ms-clear { display: none; }

#hd-descr { height: 182px;   }

.hd { width: 233px; height: 253px; float: left;  cursor: pointer;  background-color: #061923; transition: background-color 0.30s; -webkit-transition: background-color 0.30s; }
.hd:hover {  background-color: #036faf;   }
.hd-a { width: 233px; height: 253px; float: left;  cursor: pointer; background-color: #036faf;  }
.hd-a:hover {  background-color: #036faf;   }
.hd-tit {  height: 65px; text-align: center; font-size: 20px; color: #FFFFFF; line-height: 65px; }
.hd-pic { height: 174px; background-position: center center; background-repeat: no-repeat; }
.hd-descr-sz { position: absolute;  display: none; color: #ffffff; text-align: left; }
.hdsz-tit { font-size: 30px; text-shadow: 1px 1px  #000; margin-bottom: 13px; }
.hdsz-hea { font-size: 18px; text-shadow: 1px 1px  #000;  margin-bottom: 16px; width: 710px; }
.hdsz-btn { font-size: 14px; height: 40px; display: block; color: #ffffff; text-decoration: none; line-height: 40px; text-align: center; width: 130px; background-color: #036faf; transition: background-color 0.30s; -webkit-transition: background-color 0.30s;}
.hdsz-btn:hover {  color: #ffffff; text-decoration: none; background-color: #0b4a6f}
 
#lang2-a { float: right; color: #FFFFFF; background-color: #036faf; width: 42px; height: 32px; line-height: 32px; text-align: center; margin: 0px 2px; transition: background-color 0.44s; -webkit-transition: background-color 0.44s; }
#lang2-a:hover { color: #FFFFFF; background-color: #036faf; text-decoration: none;  }
#lang2 { float: right; color: #cacaca; background-color: #044b75;width: 42px; height: 32px; line-height: 32px; text-align: center; margin:0px 2px;  transition: background-color 0.44s; -webkit-transition: background-color 0.44s;}
#lang2:hover { color: #FFFFFF; background-color: #036faf; text-decoration: none;  }

.ssidemenu { display: block; height: 40px; line-height: 40px; color: #e0e0e0; background-color: #286688; text-align: center; width: 171px; text-decoration: none; font-size: 14px; margin-bottom: 16px;  transition: background-color 0.30s, color 0.30s; -webkit-transition: background-color 0.30s , color 0.30s; }
.ssidemenu:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }
.ssidemenu-a { display: block; height: 40px; line-height: 40px; color: #ffffff; background-color: #036faf; text-align: center; width: 171px; text-decoration: none; font-size: 14px; margin-bottom: 16px;    }
.ssidemenu-a:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }

.s2idemenu { display: block; height: 40px; line-height: 40px; color: #e0e0e0; background-color: #286688; text-align: center; width: 136px; text-decoration: none; font-size: 14px; margin-bottom: 16px;  transition: background-color 0.30s, color 0.30s; -webkit-transition: background-color 0.30s , color 0.30s; }
.s2idemenu:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }
.s2idemenu-a { display: block; height: 40px; line-height: 40px; color: #ffffff; background-color: #036faf; text-align: center; width: 136px; text-decoration: none; font-size: 14px; margin-bottom: 16px;    }
.s2idemenu-a:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }

.accemenu { display: block; margin-left: 13px; float: right; height: 40px; line-height: 40px; color: #e0e0e0; background-color: #286688; text-align: center; width: 113px; text-decoration: none; font-size: 14px; margin-bottom: 16px;  transition: background-color 0.30s, color 0.30s; -webkit-transition: background-color 0.30s , color 0.30s; }
.accemenu:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }
.accemenu-a { display: block;  margin-left: 13px; float: right; height: 40px; line-height: 40px; color: #ffffff; background-color: #036faf; text-align: center; width: 113px; text-decoration: none; font-size: 14px; margin-bottom: 16px;    }
.accemenu-a:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }

.marcamenu { display: block; height: 40px; border: 3px solid #a4aab1; border-radius: 4px; line-height: 40px;  background-position: center center; background-repeat: no-repeat;  text-align: center; width: 136px; text-decoration: none; font-size: 14px; margin-bottom: 16px;  transition: background-color 0.30s, color 0.30s; -webkit-transition: background-color 0.30s , color 0.30s; }
.marcamenu:hover {  color: #000000;   border: 3px solid #036faf; text-decoration: none;  }
.marcamenu-a { display: block; height: 40px; border: 3px solid #036faf; border-radius: 4px; line-height: 40px;  background-position: center center; background-repeat: no-repeat;  text-align: center; width: 136px; text-decoration: none; font-size: 14px; margin-bottom: 16px;    }
.marcamenu-a:hover {  color: #000000;  border: 3px solid #036faf;    text-decoration: none;  }


.serv-tit {  font-size: 24px; color: #000; }
.serv-pret { padding-top: 8px; }
.serv-pret span { color: #888; }
.serv-head {  font-size: 14px; color: #036faf; }
.serv-descr {  font-size: 13px; color: #000000; padding-top: 10px;  padding-bottom: 10px; line-height: 19px; }
.serv-marca-logod { margin-bottom: 5px; }

.menuc { display: block; float: right; margin-top: 40px; color: #dfdfdf; margin-left: 23px; font-size: 18px; transition: color 0.30s; -webkit-transition: color 0.30s; }
.menuc:hover { color: #289ce0; }

.menuc-a { display: block; float: right; margin-top: 40px; color: #289ce0; margin-left: 23px; font-size: 18px; transition: color 0.30s; -webkit-transition: color 0.30s; }
.menuc-a:hover { color: #289ce0; }


.ps { float: left; width: 248px; height: 263px; background: url(../img/keret.jpg); cursor: pointer; float: left; text-align: left;  transition: background-image 0.30s; -webkit-transition: background-image 0.30s; }
.ps:hover {  background: url(../img/kereton.jpg); }
.ps-pic { width:234px; height: 193px; margin: 0 auto; }
.ps-tit { margin-top: 4px; color: #000; font-size: 13px; display: block; text-align: right; margin-right: 50px; float: right; width: 180px; line-height: 14px;margin-bottom: 8px;  }
.ps-tit:hover {  color: #000;  }
.ps-price {  margin-right: 50px;   font-size: 11px; text-align: right; clear: both;}
.ps-price span { text-decoration: none; color: #888;}

#mainkep { display: block; width:365px; margin-top:8px; height: 282px; background-repeat: no-repeat; background-position: center center; transition: background-image 0.60s; -webkit-transition: background-image 0.60s;  }
.acce-pic { display: block; width:365px; margin-top:8px; height: 282px; background-repeat: no-repeat; background-position: center center; transition: background-image 0.60s; -webkit-transition: background-image 0.60s;  }

.vissza { display: inline-block; height: 25px; line-height: 25px; color: #e0e0e0; background-color: #286688; text-align: center; padding: 0 26px; text-decoration: none; font-size: 12px;    transition: background-color 0.30s, color 0.30s; -webkit-transition: background-color 0.30s , color 0.30s; }
.vissza:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }


#lapozas { clear: both; text-align: center; display: block; width: 100%; } 
.lapozas-oldal { display: inline-block; margin: 0 4px; font-size: 13px; line-height: 24px; text-align: center; background-color: #286688; width: 26px; height: 26px; color: #d0d0d0;   text-decoration: none; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; }
.lapozas-oldal:hover {   background-color: #036faf;  color: #ffffff;   text-decoration: none;   }
.lapozas-aktoldal { display: inline-block; margin: 0 4px; font-size: 13px; line-height: 24px; text-align: center; background-color: #036faf;  color: #ffffff;   text-decoration: none; width: 26px; height: 26px;  text-decoration: none;  }
.lapozas-aktoldal:hover { display: inline-block; margin: 0 4px; font-size: 13px; line-height: 24px; text-align: center; background-color: #036faf;  color: #ffffff;   text-decoration: none; width: 26px; height: 26px;   text-decoration: none;  }
 

.ppic { display: block; float: left; width: 114px; height: 114px; border: 2px solid #aab0b6; border-radius: 3px; -webkit-transition: border-color 0.3s;  transition: border-color 0.3s; background-position: center center; background-repeat: no-repeat;   }
.ppic:hover {  border: 2px solid #036faf;   }

#zoom { position: absolute; background: url(../img/plus.png) no-repeat; margin: 250px 0 0 330px; width: 27px; height: 27px; cursor: pointer; }
#zoom:hover { background: url(../img/pluson.png) no-repeat; }


.reszo {  color: red; }

.keres_cim { font-size: 17px; padding-bottom: 10px;  display: block; }
.keres_gomb_tovabb {  display: inline-block; margin-top: 12px; margin-bottom: 20px; height: 23px; border-radius: 2px; line-height: 23px; color: #ffffff; font-size: 10px; background-color: #286688; text-align:center; padding: 0 17px;  } 
.keres_gomb_tovabb:hover {  color: #ffffff; background-color: #1384c6; } 
.keres-menu-cim { font-size: 20px; margin-bottom: 26px; }
.keres-szo-cim { font-size: 16px; }

#aheading {  color: #ffffff; width: 734px;text-shadow: 1px 1px 1px #000; float: right; font-size: 15px; }


#sok { position: absolute; margin: 2px 0 0 950px; overflow: hidden; width: 52px; height: 32px; cursor: pointer;  }
#contact_button { display: inline-block; -webkit-transition: background-color 0.3s;  transition: background-color 0.3s;  padding: 9px 22px; background-color: #286688; color: #ffffff;  margin: 20px 0 0 5px;}
#contact_button:hover { background-color: #0c7abc; color: #ffffff;   }
 
.flbl { font-size: 14px; color: #5b7f94; margin-left: 20px; }
.finp { background-color: #001725; border: 1px solid #464646; border-radius: 5px; margin: 7px 0 0 20px; color: #999999; padding-left: 6px; font-size: 14px; height: 26px; line-height: 26px; width: 280px; }
.ftxt { background-color: #001725; border: 1px solid #464646; border-radius: 5px; margin: 7px 0 0 20px; color: #999999; padding-left: 6px; font-size: 14px; height: 120px; line-height: 16px; width: 280px; overflow: auto;  }
.regbtn { display: inline-block; -webkit-transition: background-color 0.3s; border:0 none transparent; margin: 0 0 0 22px;  transition: background-color 0.3s;  padding: 8px 22px; background-color: #286688; color: #ffffff;  }
.regbtn:hover { background-color: #0c7abc; color: #ffffff;   }

.detaliin { display: block; margin-top: 20px; float: left; padding: 0 8px;  height: 26px; line-height: 26px; color: #e0e0e0; background-color: #286688; text-align: center;   text-decoration: none; font-size: 11px;    transition: background-color 0.30s, color 0.30s; -webkit-transition: background-color 0.30s , color 0.30s; }
.detaliin:hover {  color: #ffffff; background-color: #036faf;   text-decoration: none;  }
#nagyl { display: none; }

#arctic { width: 143px; height: 92px; background: url(../img/arctic.png) no-repeat; position: absolute; margin: -160px 0 0 50px;}
#polaris { width: 143px; height: 92px; background: url(../img/polaris.png) no-repeat; position: absolute; margin: -160px 0 0 50px;}


















div { boarder: 1px solid red; }