@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Voltaire);
@import url(http://fonts.googleapis.com/css?family=Alegreya:400,700&subset=latin,latin-ext);

.qtip { font-size: 10.5px; line-height: 12px; position: absolute; top: -28000px; left: -28000px; display: none; min-width: 50px; max-width: 280px; padding: 0; box-shadow: none; direction: ltr; }.qtip-content { position: relative; overflow: hidden; padding: 10px; text-align: left; word-wrap: break-word; }.qtip-titlebar { font-weight: 700; position: relative; overflow: hidden; padding: 5px 35px 5px 10px; border-width: 0 0 1px; }.qtip-titlebar + .qtip-content { border-top-width: 0!important; }.qtip-close { position: absolute; z-index: 11; top: -9px; right: -9px; cursor: pointer; border: 1px solid transparent; outline: medium none; }.qtip-titlebar .qtip-close { top: 50%; right: 4px; margin-top: -9px; }* html .qtip-titlebar .qtip-close { top: 16px; }.qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; }.qtip-icon, .qtip-icon .ui-icon { text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.qtip-icon .ui-icon { font: 400 bold 10px/13px Tahoma,sans-serif; line-height: 14px; width: 18px; height: 14px; text-align: center; text-indent: 0; color: inherit; background: transparent none no-repeat -100em -100em; }.qtip-default { font-size: 13px; color: #555; border: 1px solid #f1d031; background-color: #fff; }.qtip-default .qtip-titlebar { background-color: #ffef93; }.qtip-default .qtip-icon { color: #777; border-color: #ccc; background: #f1f1f1; }.qtip-default .qtip-titlebar .qtip-close { color: #111; border-color: #aaa; }
#map_canvas { min-height: 300px; margin-top: 10px; }

.embed_font {font-family: 'Alegreya', sans-serif;}

html, body { height: 100%; }
html {background: url(../img/body.gif); }
body { background: url(../img/bg.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif; }
.page-wrap { min-height: 100%; margin-bottom: -8px; }
.page-wrap:after { display: block; content: ''; }
.footer, .page-wrap:after { height: 8px; }
.wrapper { max-width: 1440px; min-height: 100px; margin: 0 auto; }
.clear { clear: both; }
.anim, .anim *, .anim *:before, .anim *:after { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.c_anim, .c_anim * { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.bootstrap-select:not([class*=span]) { width: 62px; margin-left: 1px; color: #e1e0e0; border: 0; background: transparent; }
.bootstrap-select:not([class*=span]) .btn { border: 0; }
.bootstrap-select:not([class*=span]) .btn:hover { background: transparent; }
.inner { max-width: 1000px; margin: 0 auto; }
.inner2 { max-width: 1260px; margin: 0 auto; position: relative; }
.inner_960 { max-width: 980px; margin: 0 auto; }
.thumbnail > img, .thumbnail a > img { margin: 0; }
.dbi { display: inline-block; }
.clr { clear: both; }

.strikethrough { position: relative; }
.strikethrough:before { position: absolute; width: 100%; height: 50%; content: ''; border-bottom: 1px solid #c60404; }

/* Color */
.white { color: #fff; }
.light_blue { color: #6cbafc; }
.dark_blue { color: #076ec6; }
/* Font- Family */
.tahoma { font-family: Tahoma, Arial, Helvetica, sans-serif; }
.arial { font-family: Arial, sans-serif; }
.arial_bold { font-family: 'Arial Bold', Arial, sans-serif; font-weight: bold; }
/* FontSize */
.fz14 { font-size: 14px; }
.fz15 { font-size: 15px; }
.fz16 { font-size: 16px; }
.fz18 { font-size: 18px; }
.fz24 { font-size: 24px; }
.fz72 { font-size: 72px; }

.mt20 { margin-top: 20px; }
.mt81 { margin-top: 81px; }

.pr28 { padding-right: 28px; }
/*.pb60{padding-bottom: 60px;}*/

.w540 { width: 540px; }
.btn_45 { font-size: 26px; line-height: 45px; position: relative; display: block; float: left; width: 45px; height: 45px; margin-left: 3px; text-align: center; color: #fff; background: #373737; }
.btn_45 img { margin-top: 11px; vertical-align: top; }
.btn_45:hover { color: #fff; }
.btn_35 { font-size: 18px; line-height: 35px; width: 35px; height: 35px; }
.btn_35 img { max-width: 22px; margin-top: 8px; }
.btn_180 { font-size: 24px; font-weight: bold; width: 180px; }
.btn_135 { font-size: 18px; font-weight: bold; width: 135px; }

.h1 { font-size: 30px; font-weight: 300; color: #151515; }
input, textarea { outline: 0; }

::-webkit-input-placeholder { color: #454545; opacity: 1; font-weight: bold; }
:-moz-placeholder { color: #454545; opacity: 1; font-weight: bold;}
::-moz-placeholder { color: #454545; opacity: 1; font-weight: bold;}
:-ms-input-placeholder { color: #454545; opacity: 1; font-weight: bold;}
strong {font-weight: bold;}

.btn_blue {background: #3366cc;border-radius:30px;text-transform: uppercase;color: #fff;height: 38px;line-height: 38px;font-weight: 600;display: inline-block;padding:0 30px;}
.btn_blue:hover {color: #fff;}
.br10 {border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.br30 {border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.mt35{margin-top: 35px;}
.mb20{margin-bottom: 20px;}
.input{background: #eaebeb;width: 380px;height: 41px;border:1px solid #eaebeb;padding-left: 24px;color:#666;}
.textarea{background: #eaebeb;width: 380px;height: 41px;border:1px solid #eaebeb;padding-left: 24px;color:#666;padding-top: 10px;min-height: 82px;}
.pl18 {padding-left: 18px;}
.input.pl18 {font-size: 14px;}

.container { max-width: 1000px; margin:0px auto;padding:0; }
/*
-----------------
	 HEADER
-----------------
*/
header {width: 1000px; height: 292px; position: relative;background: url(../img/fejlec_nyar.jpg);}
header .logo { width: 492px;height: 106px;position: absolute;top: 53px;left: 270px;text-decoration: none;}
header .on_sale {
    text-align: right;color: #FFF;text-decoration: none;display: block;padding-right: 4px;line-height: 26px;font-size: 18px;position: absolute;top: 145px;
    right: 14px;font-weight: bold;font-style: italic;
    height: 140px;
    width: 140px;
}
header .offer { width: 110px;height: 106px;position: absolute;top: 53px;left: 764px;text-decoration: none;}

#menu {list-style: none;padding:0; margin:96px 0 0 0;background: url(../img/menu.gif);min-height: 34px;position: relative;text-align: center;line-height: 34px;}
#menu:before {display: block;position: absolute;top: 0;left: 0;content:'';height: 34px;width: 30px;background: url(../img/menu_before.gif) no-repeat;}
#menu:after {display: block;position: absolute;top: 0;right: 0;content:'';height: 34px;width: 30px;background: url(../img/menu_after.gif) no-repeat;}
#menu li {display: inline-block;margin-right: -3px;}
#menu li a {width: 150px;display: block;color: #FFF;text-decoration: none;text-align: center;}
#menu li a:hover, #menu li.active a  {color: #F4AC28;background: url(../img/menu_hover.gif); }

/*div.services {margin: 0px 5px;}*/
a.services {height: 41px;display: block;background: url(../img/services.gif) no-repeat; background-size: 100%;}
a.offers {height: 41px;display: block;background: url(../img/kiadonyaralok.gif) no-repeat; background-size: 100%;}
a.offers_card {height: 41px;display: block;background: url(../img/fej_kedvezmenykartya.gif) no-repeat; background-size: 100%;}
.rotator {background: url(../img/image_border.png); width: 100%; height: 189px; background-size: 100%; }
.rotator.last {background: url(../img/kedvezmenykartya.gif);}
.active_content {color: #000;}

.table-responsive { min-height: .01%; overflow-x: auto; }
.tables .header { background: #CD281F; font-size: 15px; text-align: center; color: #fff; padding: 5px 10px; margin: 20px auto; }
.tables table th div  { position: relative;top: 0px; left: 50px; height: 100%; -ms-transform:skew(-45deg,0deg); -moz-transform:skew(-45deg,0deg); -webkit-transform:skew(-45deg,0deg); -o-transform:skew(-45deg,0deg); transform:skew(-45deg,0deg); overflow: hidden; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; display: block; }
.tables table th  { height: 100px; width: 40px; min-width: 40px; max-width: 40px; position: relative; vertical-align: bottom; padding: 0; font-size: 13px; line-height: 0.9; }
.tables table th span { font-size: 11px; -ms-transform:skew(45deg,0deg) rotate(315deg); -moz-transform:skew(45deg,0deg) rotate(315deg); -webkit-transform:skew(45deg,0deg) rotate(315deg); -o-transform:skew(45deg,0deg) rotate(315deg); transform:skew(45deg,0deg) rotate(315deg);  position: absolute; bottom: 40px; left: -30px; display: inline-block; color: #CD281F; width: 100px; text-align: left; }

.tables tfoot th div  { position: relative;top: 0px; left: 50px; height: 100%; -overflow: hidden; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; display: block;  -ms-transform:skew(45deg,0deg); -moz-transform:skew(45deg,0deg);-webkit-transform:skew(45deg,0deg); -o-transform:skew(45deg,0deg); transform:skew(45deg,0deg); }
.tables tfoot th  { height: 100px; width: 40px; min-width: 40px; max-width: 40px; position: relative; vertical-align: bottom; padding: 0; font-size: 13px; line-height: 0.9; }
.tables tfoot th span { font-size: 11px; position: absolute; bottom: 43px; left: -33px; display: inline-block; color: #CD281F; width: 100px; text-align: left; -ms-transform:skew(-45deg,0deg) rotate(45deg);-moz-transform:skew(-45deg,0deg) rotate(45deg);-webkit-transform:skew(-45deg,0deg) rotate(45deg);-o-transform:skew(-45deg,0deg) rotate(45deg);transform:skew(-45deg,0deg) rotate(45deg); }

.tables tbody tr { background: #FACE6D }
.tables tbody tr td { border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 7px 5px; font-size: 12px; color: #722F0F }
.tables tbody tr td a {color: #722F0F !important; font-weight: bold;}
.tables tbody tr td:first-of-type { max-width: 140px; width: 130px; }
.tables tbody tr:nth-child(2n) { background: #F5B320 }

@media (min-width: 1030px) {
    .table-responsive {
        overflow: hidden;
    }
}

.notes { width: 100%; max-width: 400px; margin: 20px auto; text-align: center; border: 1px solid #000; }
.notes thead tr th { background: #CD281F; font-size: 15px; text-align: center; color: #fff; padding: 2px; }
.notes tbody tr { background: #FACE6D; }
.notes tbody tr td { border: 1px solid #000; }
.notes tbody tr:nth-child(2n) { background: #F5B320; }
.notes tbody td { padding: 2px; }
/*
-----------------
	 FOOTER
-----------------
*/
footer {background: #fff;}
footer .top { padding: 10px 20px; color: #E99221; }
footer .top ul li a { color: #971414; }
footer .top ul li:after { content:' | '; margin-left: 10px; }
footer .top ul li:last-child:after { display: none; }
footer .top ul li a:hover { text-decoration: underline; }
footer .top p a {color: #E99221; text-decoration: underline; }
footer .top p a:hover {text-decoration: none;}
footer ul { padding:0; margin: 0; }

.one_slider ul {
    list-style: outside none none;
    padding-left: 25px;
}

.one_slider ul li {
    text-indent: -14px;
}

.one_slider ul li::before {
    content: "-";
    padding-right: 8px;
}


/* modal redesign*/
.modal-dialog {
    width:800px;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background: rgb(20,7,112);
    background: -moz-linear-gradient(left, rgba(20,7,112,1) 0%, rgba(34,9,111,1) 22%, rgba(94,18,93,1) 43%, rgba(151,22,50,1) 59%, rgba(200,29,9,1) 76%, rgba(252,147,3,1) 100%);
    background: -webkit-linear-gradient(left, rgba(20,7,112,1) 0%,rgba(34,9,111,1) 22%,rgba(94,18,93,1) 43%,rgba(151,22,50,1) 59%,rgba(200,29,9,1) 76%,rgba(252,147,3,1) 100%);
    background: linear-gradient(to right, rgba(20,7,112,1) 0%,rgba(34,9,111,1) 22%,rgba(94,18,93,1) 43%,rgba(151,22,50,1) 59%,rgba(200,29,9,1) 76%,rgba(252,147,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140770', endColorstr='#fc9303',GradientType=1 );
    color: #fff;
    border-left: 0px;
    border-right: 0px;
}

@media(max-width: 850px) {
    .modal-dialog {
        width:auto;
    }

    .modal-content img{
        width:100%;
    }
}