body { margin: 0; padding: 0; text-align: center; background-image: url(img/bg.jpg); background-repeat: repeat-y; background-position: center top; background-color: #FFFFFF;}
body, td , input , select, textarea  { font-family: 'Dosis' , 'Arial' , serif ;  font-weight: 500; font-size: 14px; color: #000000; }

a { color: #184178; text-decoration: none; }
a:hover  { color: #3b69a9; text-decoration: none; }
form { margin: 0; }
a img { border-width: 0; border-style: none; }
*:focus { outline: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }
input::-ms-clear { display: none; }
input { line-height: 100% !important; }

.audio_letoltes { color: #303030; display: inline-block;margin: 0 auto; text-align: left; min-height: 32px; background: url(img/audio.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 15px;   }
.pdf_letoltes { color: #303030; display: inline-block;margin: 0 auto;  text-align: left;height: 32px; background: url(img/pdf.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }
.doc_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/doc.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }
.xls_letoltes { color: #303030; display: inline-block;margin: 0 auto;  text-align: left;height: 32px; background: url(img/xls.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }
.altalanos_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/file.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 33px;  }

 
td { vertical-align: top; }
	
.cim  { color: #00347c; font-weight: 600; font-size: 18px; }	
.kek  { color: #00347c;  }	
	
#page { width: 1260px; margin: 0 auto 0 auto;   box-shadow:   0px 4px 4px 2px rgba(0,0,0,0.49)}
#top { height: 98px; background: url(img/top.png); } 
#logo { float: left; margin: 23px 0 0 11px; display: block; width: 214px; height: 43px; background: url(img/logo.png); overflow: hidden; }

#menu { width: 654px;  float: left; margin: 36px 0 0 0 ; } 
.menuitem { float: right; color: #ffffff; font-size: 18px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-decoration: none; margin: 0 0 0 40px; }
.menuitem:hover { text-decoration: underline; color: #ffffff; }
.menuitem-a { float: right; color: #ffffff; font-size: 18px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-decoration: underline;  margin: 0 0 0 40px; }
.menuitem-a:hover { text-decoration: underline; color: #ffffff; }

#search {   float: right; width: 195px;  margin-right: 41px; margin-top: 32px; text-align: right; height: 33px;}
.szo_off { height: 29px; width: 20px; cursor: pointer; color: #111; background-color: transparent; border-radius: 3px; border-width:0; padding-left: 10px; background-image: url(img/search.png); background-repeat: no-repeat; background-position: right 5px; }

#langs { float: right; width: 100px; height: 24px; margin-right: 16px; margin-top: 36px; }
.lang {  width: 36px; height: 25px; overflow: hidden; opacity:0.4; display: block; float: right;  }
.lang:hover {    }
.lang-a {  width: 36px; height: 25px; overflow: hidden;  display: block; float: right; opacity:1; }

#content { background-color: #ffffff; clear: both; text-align: left; display: block; min-height: 600px;  }

#banner_main { height: 412px; clear: both; text-align: left; margin-top: 1px;  border-bottom: 2px solid #bbb; }
.banner_main_item { display: block; width: 1260px; height: 412px; clear: both; background-repeat: no-repeat; background-position: center top; }
#bann-controls { margin: 0 auto; overflow: hidden; text-align: center;  height: 20px;   }
.bann-dot {  display: inline-block; margin: 0px 0px 0 0px;  overflow: hidden; color: transparent; }
.bd-inactiv { width: 12px; height: 12px; transition: background-color 0.1s; border-radius: 10px; background-color: #c4c4c4;   }
.bd-inactiv:hover {  background-color: #8a161d;   }
.bd-activ { width: 12px; height: 12px; border-radius: 10px; transition: background-color 0.1s;  background-color: #8a161d;   }
.bd-activ:hover {   background-color: #8a161d;   }
.banner-text { position: absolute; display: block; }


#main_title_brand { color: #e20026; font-size: 30px; text-align: center; display: block; clear: both; border-bottom: 1px solid #cfadad; padding-bottom: 5px; }
.brand_main { display: block; width:176px; height: 99px; float: left; margin: 16px 36px; text-align: center; line-height: 99px; }
.brand_main img { vertical-align: middle; width: 168px; }


#main_title_prod { color: #e20026; font-size: 30px; text-align: center; display: block; clear: both;  padding-bottom: 5px; } 
.main_cat_box { float: left; width: 315px; height: 280px; display: block;   background-repeat: no-repeat; background-position: center center; }
.main_cat_box:hover  { filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.hov { width: 315px; height: 280px; background: #000;  background: rgba(0,0,0,0.7); display: none; cursor: pointer; }
.hov-tit { font-size: 24px; color: #fff; padding: 40px 20px 20px 20px; display: block;}
.hov-tit:hover {  color: #fff; text-decoration: none;}
.hov-sub { display: block; color: #aaa; margin: 10px 30px 10px 40px; font-size: 14px; }
.hov-sub:hover {  color: #ddd;  text-decoration: none; }
.hov-sub-det { font-size: 40px;color: #ddd;  padding: 0px 30px 10px 40px; line-height: 20px; }
.hov-sub-det:hover { font-size: 40px;color: #ddd;  text-decoration: none;}

#banner_pages { height: 235px; margin-top:1px;  }
.banner_page_item { display: block; width: 1260px; height: 235px; clear: both; background-repeat: no-repeat; background-position: center center;}
#banner_wf { width: 1260px; height: 235px; background: transparent url(img/bfade.png) repeat-x; position: absolute; z-index: 70; }


 
#pmenu { width: 320px; float: left; overflow: hidden; margin: 0 0 0 15px;}
.menu_cat {  display: block; font-size: 18px; color: #2f4e78; text-transform: uppercase; font-weight: 500; padding: 8px 0 8px 40px;  line-height: 18px;}
.mcakt { background: url(img/caton.png) 0 50% no-repeat; color: #d0261d;  }
.mcakt:hover { background: url(img/caton.png) 0 50% no-repeat; color: #d0261d; }
.mcinakt {  background: url(img/catoff.png) 0 50% no-repeat;  }
.mcinakt:hover {  background: url(img/caton.png) 0 50% no-repeat; color: #2f4e78; }

.menu_scat {  display: block; font-size: 16px; color: #2f4e78;   font-weight: 500; padding: 5px 0 5px 16px; margin: 0 0 0 50px; line-height: 18px;}
.smcakt { background: url(img/scaton.png) 0 50% no-repeat; color: #d0261d; }
.smcakt:hover  { background: url(img/scaton.png) 0 50% no-repeat; color: #d0261d; }
.smcinakt {  background: url(img/scatoff.png) 0 50% no-repeat; color:#2f4e78  }
.smcinakt:hover {  background: url(img/scaton.png) 0 50% no-repeat; color:#d0261d  }


#pagecont { line-height: 26px; font-size: 20px; font-weight: 400; color: #111; margin: 0 50px 0 50px; overflow: hidden; }

.pagetitle { font-size: 24px; color: #2f4e78; font-weight: 500;  }
.pagetitle2 { font-size: 20px; color: #2f4e78; font-weight: 400;  }



#bottom { min-height: 280px; background: rgba(51,88,138,0.7); text-align: left; }
#logobottom {  width: 235px; height: 60px; margin: 0 0 0 14px; background: url(img/logobottom.png) no-repeat 0 0 ; overflow: hidden; }
.bottom-menus { float: left; }
#bottom_produse { width: 385px; margin-left: 16px;}
#bottom_contact { width: 420px; }
#bottom_logos { width: 390px;   }
.bottom-tit { color: #ffdace; font-size: 18px; text-align: left; }
.btm-cat { display: block; line-height: 17px; margin-bottom: 7px; color: #c4d4e9; font-size: 14px; }
.btm-cat:hover { text-decoration: underline;  color: #e7eef7;}
#firma { color: #c4d4e9; font-size: 16px;   }
#adresa {  color: #c4d4e9; font-size: 14px; padding-left: 34px; width: 170px; min-height: 40px; margin-top: 15px; margin-bottom: 12px; background: url(img/loc.png) no-repeat 0 3px;  }
#telefon { color: #c4d4e9; font-size: 14px; }

.brand_bottom { display: block; width: 52px; height: 36px; float: left; margin: 4px 6px; text-align: center; line-height: 52px; opacity:0.5;}
.brand_bottom img { vertical-align: middle; width: 52px; }

.map_fade { opacity: 0.75; }
.map_fade:hover { opacity: 1; }

.refe_main { display: block; width:190px; height: 120px; float: left;   margin: 16px 36px; text-align: center; line-height: 120px; }
.refe_main img { vertical-align: middle;    }


.prod-box { width: 262px;   float: left; text-align: center; overflow: hidden; cursor: pointer; }
.prod-box-tit { display: block; font-size: 16px; text-decoration: none;   color: #111; text-align: center; width: 230px; margin: 0 auto; height: 50px; overflow: hidden; line-height:22px; }
.prod-box-tit:hover {   color: #111;  text-decoration: none;  }
.prod-box-tit-cat { display: block; text-transform: uppercase; font-weight: 600; font-size: 16px; text-decoration: none;   color: #254979; text-align: center; width: 230px; margin: 0 auto; height: 50px; overflow: hidden; line-height:22px; }
.prod-box-tit-cat:hover {   color: #254979;  text-decoration: none;  }
.prod-box-bar { height: 4px; background-color: #c3cddb; overflow: hidden; max-height: 4px; min-height: 4px;  width: 262px; transition: background-color 0.2s; }
.prod-box-img { height: 170px; width: 230px;  margin-top: 16px; margin-left: 15px; background-position: center center; background-repeat: no-repeat;  }


.prodb-img { margin-top: 8px; width:234px; height: 215px; cursor: pointer; background-position: center center; background-repeat: no-repeat;   box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3);  }
.prodb-pic { float: left; width: 54px; height: 46px; margin-right: 7px; cursor: pointer; background-position: center center; background-repeat: no-repeat;   box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.3);  }
.prodb-tit { font-size: 24px; color: #254979; font-weight: 400;}
.prodb-cat { font-size: 14px; color: #cc3300; float: left; }
.prodb-cat:hover {   color: #cc3300;  text-decoration: underline; }
.prodb-scat { font-size: 14px; color: #a1604a; float: left;}
.prodb-scat:hover {   color: #a1604a;  text-decoration: underline; }
.pbsym { float: left; display: block; background: url(img/psymb.png) no-repeat 0 4px; margin: 0 5px; width: 10px; height: 20px; }

.prodb-desc { line-height: 25px; color: #111; font-size: 16px; padding: 0 10px 0 0 ; }
.prodb-desc li{ margin:0; padding: 0px 0px 0 6px;}
.prodb-desc ul{ margin-top: 5px; list-style-image: url('img/sqplus.png'); }
.tdhead td { background-color: #d1dae5 !important; }

.cereof { padding: 8px 22px; color: #ffffff; background-color: #476da1; border-radius: 2px; transition: background-color 0.2s; border-width: 0; font-size: 14px; border-style: none; cursor: pointer; }
.cereof:hover{  color: #ffffff; background-color: #1f3e69; }

/* ask window */
#fclose { float: right; line-height: 24px; color: #ffffff; transition: background-color 0.2s; text-align: center; margin: 7px 0 0 0; width: 24px; height: 24px; background-color: #c09680; border-radius: 4px; display: block; }
#fclose:hover { color: #ffffff;  background-color: #a66663;  }
#formcump {  font-size: 22px; color: #476da1; padding-top: 26px; padding-left: 30px; text-align: left}
#ftrim-ok { display: none; font-size: 16px; color: #FFFFFF; line-height: 52px; height: 52px; text-align: center; background-color: #79b47b; clear: both; }
#fprod-left { width: 120px; margin: 0 45px 0 33px; height: 135px; float: left;  }
#fprod-right {  float: left; margin: 20px 0 0 0px; color: #275493; font-size: 19px; width: 340px;  }

.fpinp { float: left; transition: border-color, 0.2s; width: 250px; height: 31px; border: 1px solid #d6d6d6; border-radius: 2px; line-height: 39px; color: #4e4e4e; padding-left: 11px; font-size: 16px;  }
.fptxt { float: left; resize: none; line-height: 17px; padding-top: 9px; transition: border-color, 0.2s; width: 300px; height: 100px; border: 1px solid #d6d6d6; border-radius: 2px;   color: #4e4e4e; padding-left: 11px; font-size: 16px;  }
.fplbl {  float: left; padding-top: 9px; font-size: 16px; color: #4e4e4e; width: 148px;}
#fpsmb { float: left; padding: 8px 22px; color: #ffffff; background-color: #476da1; border-radius: 2px; transition: background-color 0.2s; border-width: 0; font-size: 14px; border-style: none; cursor: pointer;  }
#fpsmb:hover { background-color: #1f3e69; color: #ffffff;  }
#prl {  background: url(img/727.gif) no-repeat; width: 34px; height: 34px; display: none; float: left; margin: 0 0 0 20px;}

/* */

/* contact */
.finp { display: block; float: left; width: 200px; border:1px solid #b5b5b5; font-size: 18px; height: 32px; line-height: 32px; padding: 0 0 0 6px; color: #333; }
.finp_space { margin-left: 22px; }
#txt { resize: none; width: 663px; border:1px solid #b5b5b5; height: 100px; padding: 4px 0 0 6px; font-size: 18px ; color: #333; overflow: auto; }
#csmb{ padding: 10px 24px; color: #ffffff; background-color: #476da1; float: left; border-radius: 2px; transition: background-color 0.2s; border-width: 0; font-size: 16px; border-style: none; cursor: pointer; }
#csmb:hover{  color: #ffffff; background-color: #1f3e69; }
/* */




.brosure { padding: 0 0 0 40px; display: block; height: 32px; line-height: 42px; font-size: 15px; color: #333; background: url(img/bros.png) no-repeat 0 0; }
.brosure:hover {color: #333; text-decoration: underline; }
.video { padding: 0 0 0 40px; display: block; height: 32px; line-height: 42px; font-size: 15px; color: #333; background: url(img/video.png) no-repeat 0 0; }
.video:hover {color: #333; text-decoration: underline; }
#videofrm {  }



/* keres */
.keres-cim { font-size: 22px; padding-bottom: 6px; }
.reszo { color: #ff2222; font-weight: bold; padding: 0 1px; }
.keres-img { float: left; width: 224px; height: 184px; background-position: left top; background-repeat: no-repeat; }
.keres-head { width: 630px; float: left;  }
.keres-head-name { display: block; font-size: 22px;  }
.keres-head-lbl { color: #a1a1a1; font-size: 18px;    }
.keres-head-txt { color: #656565;  font-size: 18px; }
.gomb_kicsi{ padding: 5px 12px; color: #ffffff; background-color: #476da1; border-radius: 2px; transition: background-color 0.2s; border-width: 0; font-size: 12px; border-style: none; cursor: pointer; }
.gomb_kicsi:hover{  color: #ffffff; background-color: #1f3e69; }
.cautszo { color: #bf2119; font-size: 18px; }


#bfad { width: 649px; height: 412px; position: absolute; background: url(img/bannerf.png) repeat-y 0 0; z-index: 70;}
#bfad div { padding: 20px; line-height: 33px; }
.bf-cat { font-size: 24px; color: #d0d0d0; display: block; font-weight: 400; text-decoration: none; }
.bf-cat:hover { color: #ffffff; }

.nou { border-bottom: 2px solid #e7da05; border-top: 2px solid #e7da05; padding: 0 10px;background: #e7da05}
.nouk { border-bottom: 2px solid #e7da05;border-top: 2px solid #e7da05; padding: 0 10px;background: #e7da05}

#catdescr { font-size: 20px; padding: 0 20px 0 35px; font-weight: 400; }