@charset "UTF-8";
/* CSS Document */

	
.embedimg{
 box-shadow: 5px 5px 3px #201F1E;
 
 -moz-box-shadow:5px 5px 3px #201F1E;
 -webkit-box-shadow:5px 5px 3px #201F1E;
 
 background-color: #fff;
 zoom: 1;
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#201F1E', Direction=135, Strength=3);
 
 margin:7px 12px 0 0;
 padding:2px;
}
.slick-slider { position: relative;  display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;  display: block; overflow: hidden;  margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0;  display: block; }
.slick-track:before, .slick-track:after { display: table;  content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left;  height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block;  height: auto;  border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* **********************************************************
 @NORMALIZES
*************************************************************/
* { outline: none; }
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }

p, li, td { cursor: default; line-height: 1.3em; }
h1, h2, h3, h4, h5, h6 { cursor: default; line-height: 1.1em; }
a { color: #fff; text-decoration: none; cursor: pointer; outline: none; }
a:hover { color: #fff; text-decoration: none; }
input.button { cursor: pointer; }

ol, ul { list-style-type: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
cite { font-style: italic; font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
small { font-size: 100%; }


/* **********************************************************
 @LAYOUT
*************************************************************/
@media only screen and (min-width:981px) { 

html { height: 100%; text-align: center; }
body { height: 100%; text-align: center; margin: 0 auto;  background: #e5e5dd url(../images/bg_body.gif); }
.container { position: relative; margin: 0 auto; width: 980px; min-width: 980px; text-align: left; }
.bodybg { background: url(../images/bg_body_top.jpg) repeat-x; min-height: 747px; min-width: 980px; }
.bodybginside { background: url(../images/bg_body_inside_top.jpg) repeat-x; min-height: 747px; min-width: 980px; }

* html .bodybg { height: 747px; }
* html .bodybginside { height: 747px; }
.bodybg2 { background: url(../images/bg_body_top_center.jpg) center -1px no-repeat; min-height: 471px; min-width: 980px; }
* html .bodybg2 { height: 471px; }
.temp { background: url(../images/temp.png) center -1px no-repeat; min-height: 900px; min-width: 980px; }
.bodybginside #header h2 { position: absolute; text-transform: uppercase; font-size: 18px; top: 0; left: 45px; width: 980px; text-align: left; font-weight: normal; }
.bodybginside #header h2 span { color: #fff; position: absolute; text-transform: uppercase; font-size: 18px; left: 0px; top: 114px; }
.bodybginside #header h2 span strong { font-weight: normal; color: #fff; }
.bodybginside #header h2 img { margin: 0 25px; }

}
/* **********************************************************
 @HEADER
*************************************************************/
#header { height: 64px; }
#header h2 { position: absolute; text-transform: uppercase; font-size: 18px; top: 0; left: 28px; width: 980px; text-align: left; font-weight: normal; }
#header h2 span { position: absolute; text-transform: none; font-size: 18px; left: 120px; top: 21px; }
#header h2 span strong { font-weight: normal; }



/* **********************************************************
 @TOPNAV
*************************************************************/
ul#topnav { position: absolute; top: 0; right: 0; }
ul#topnav li { position: relative; float: left; }
ul#topnav li ul { border: 1px solid #2e2e2e; border-top: none; position: absolute; top: 63px; left: -5px; z-index: 5; text-align: left; background: #1b1b1b; /*visibility: hidden;*/ display:none; }
ul#topnav li ul li { display: block; float: none; background: none; }
ul#topnav li a { font-size: 15px; font-weight: normal; display: block; padding: 21px 13px; color: #bcb5b5; text-transform: uppercase; }
ul#topnav li a:hover, ul#topnav li a:hover strong, ul#topnav li.selected a { color: #fff; }
ul#topnav li.selected li a { color: #bcb5b5; }
ul#topnav li.selected li a:hover { color: #fff; }
ul#topnav li ul li { border-top: 1px solid #343434; display: block; width: 166px; }
ul#topnav li ul li.first { border-top: none; }
ul#topnav li ul li a { font-size: 15px; font-weight: normal; height: auto; padding: 7px 20px 7px 20px; text-transform: none; color: #bcb5b5; }
ul#topnav li ul li a:hover { background: #383838; color: #fff; }
ul#topnav li ul li.selected a, ul#topnav li.selected a:hover { color: #fff; }


/* **********************************************************
 @CALLOUT
*************************************************************/
#callout { text-align: center; position: absolute; top: 74px; right: 0; width: 141px; height: 119px; background: url(../images/bg_index_box.png) no-repeat; }
#callout li { color: #fff !important; padding: 14px 10px 0px 10px; font-size: 15px; text-transform: uppercase; }
#callout2 { text-align: center; position: absolute; top: 124px; left: 0; width: 160px; height: 119px; background: url(/images/bg_index_box2.png) no-repeat; }
#callout2 li { color: #fff !important; padding: 11px 10px 0px 10px; font-size: 15px; text-transform: uppercase; }
#callout2 li small { font-size: 13px; }


/* **********************************************************
 @TITLE
*************************************************************/
#title { margin: 20px 0 0 0; text-align: center; }
#title h2 { font-size: 63px; color: #fff; text-transform: uppercase; font-weight: normal; }
#title h3 { font-size: 34px; color: #d4ac8d; text-transform: uppercase; font-weight: normal; }


/* **********************************************************
 @VIDEO
*************************************************************/
#video { background: url(../images/bg_media.png) center top no-repeat; margin: -10px 0 0 0; padding: 52px 0 0 0; }
#video .container { text-align: center; }
ul.videos { height: 90px; padding: 20px 0; text-align: left; float: left; }
ul.videos li { display: inline-block; padding: 0; }
ul.videos li a { display: block; }
ul.videos .currentvideo { background: url(../images/bg_selectedvideo.png); }
	
.videospanel .scrollable { overflow: hidden; width: 843px; height: 130px; position: relative; margin: 0px 0 20px 65px;  }
.videospanel .scrollable .items { width: 20000em; position: absolute; } 
.videospanel { background: url(../images/bg_videopanel.png) bottom no-repeat; position: relative; } 
.videospanel .browse { width: 65px; height: 65px; display: block; position: absolute; z-index: 6; } 
.videospanel a.left { background: url(../images/bg_videopanel_arrow_left.gif) center no-repeat; position: absolute; left: 0; top: 36px; } 
.videospanel a.right { background: url(../images/bg_videopanel_arrow_right.gif) center no-repeat;  position: absolute; right: 0; top: 36px; } 


/* **********************************************************
 @BOXES
*************************************************************/
.boxes { background: url(../images/bg_boxes.jpg) left 40px; }

.boxes .first, .boxes .second, .boxes .third { float: left; width: 310px; margin: 0 25px 0 0; border-top: 7px solid #dcd0b0; }
.boxes .third { margin-right: 0; }

.boxes h2 { padding: 9px 40px 10px 40px; background: url(../images/bg_boxes_h2.jpg) repeat-x left -2px; color: #3c3c3c; text-transform: uppercase; font-weight: normal; font-size: 22px; }
.boxes h2 a { color: #3c3c3c; }

.boxes .textcontents { padding: 15px 22px 5px 22px; }
.boxes .textcontents h3, .boxes .textcontents p, .boxes .textcontents table { margin-bottom: 10px; }
.boxes .textcontents h3 { color: #9b1313; font-size: 18px; text-transform: uppercase; font-weight: normal; }
.boxes .textcontents p { color: #3c3c3c; font-size: 14px; line-height: 22px; }
.boxes .textcontents a { color: #3c3c3c; }
.boxes .textcontents a:hover { color: #9b1313; text-decoration: underline; }
.boxes .textcontents table tr { vertical-align: baseline; }
.boxes .textcontents table tr td { color: #3c3c3c; font-size: 14px; line-height: 22px; padding: 0 20px 0 0; }
.boxes .textcontents .highlight { font-size: 21px; color: #9b1313;}


/* **********************************************************
 @QUOTE
*************************************************************/
.quote { text-align: center; margin: 0 auto; background: url(../images/bg_quotebox.png) repeat-x bottom; padding: 22px; border: 5px solid #fbfbf9; margin: 25px 0; }
.quote p { text-align: center; margin: 0 auto; display: inline-block; padding: 3px 0 3px 0; font-size: 19px; text-transform: uppercase; /* background: url(../images/bg_quote.png) no-repeat; */ }


/* **********************************************************
 @HEADING
*************************************************************/
#heading { height: 106px; background: url(../images/heading_default.jpg) no-repeat; }
#heading h1 { font-size: 40px; color: #fff; font-weight: normal; text-transform: uppercase; padding: 31px 0 0 294px; }


/* **********************************************************
 @MAIN
*************************************************************/
#main div.left { width: 270px; float: left; margin: 40px -30px 0 0; position: relative; z-index: 2; }
#main div.right { width: 740px; float: left; margin: 40px 0 0 0; position: relative; z-index: 1; }
#main div.right_v2 { width: 740px; float: left; margin: 20px 0 0 0; position: relative; z-index: 1; }

#main .left ul#leftnav { border: 1px solid #2e2e2e; border-top: none; text-align: left; background: #1b1b1b; width: 218px; }
#main .left ul#leftnav li { border-top: 1px solid #343434; display: block; }
#main .left ul#leftnav li.first { border-top: none; }
#main .left ul#leftnav li a { font-size: 15px; font-weight: normal; display: block; padding: 10px 17px; color: #bcb5b5; text-transform: uppercase; }
#main .left ul#leftnav li a:hover { background: #383838; color: #fff !important; }
#main .left ul#leftnav li.selected a, ul#topnav li.selected a:hover { color: #fff; }
#main .left ul#leftnav li ul { display: none; }
#main .left ul#leftnav li.selected ul { display: block; }
#main .left ul#leftnav li li a { padding: 10px 13px 10px 37px; text-transform: none; }
#main .left ul#leftnav li.selected ul li a { color: #bcb5b5; }
#main .left ul#leftnav li a.selected { color: #000 !important; background: #b57645 url(../images/bg_leftnav_selected.png) top right repeat-x; width: 186px; margin: 0 0 0 -1px; }
#main .left ul#leftnav li li a.selected { color: #000 !important; background: #b57645 url(../images/bg_leftnav_selected.png) top right repeat-x; width: 170px; margin: 0 0 0 -1px; }

#main .left .boxes { background: url(../images/bg_boxes.jpg) left 40px; margin: 25px 0 0 0; width: 220px; }
#main .left .boxes .first, #main .left .boxes .second, #main .left .boxes .third { float: none; margin: 0 0 0 0; border-top: 7px solid #dcd0b0; width: 220px; }
#main .left .boxes h2 { padding: 9px 40px 10px 40px; background: url(../images/bg_boxes_h2.jpg) repeat-x left -2px; color: #3c3c3c; text-transform: uppercase; font-weight: normal; font-size: 19px; }
#main .left .boxes .textcontents h3 { color: #9b1313; font-size: 15px; text-transform: uppercase; font-weight: bold; }

#main .left .boxes .textcontents table td { padding: 0 10px 0 0; }
#main .left .boxes .textcontents .highlight { font-size: 17px; color: #9b1313; }

#main .left .boxes p.button { margin-left: 26px !important; }

#main .right { background: url(../images/bg_main_right.png); min-height: 555px; }
* html #main .right { height: 555px; }


#main .right .textcontents { margin: 40px 40px 40px 54px; color: #3c3c3c; font-size: 15px; line-height: 25px; }
#main .right .textcontents p { margin: 0.8em 0; color: #3c3c3c; font-size: 15px; line-height: 25px; }
#main .right .textcontents a { color: #9b1313; }
#main .right .textcontents a:hover { text-decoration: underline; }
#main .right .textcontents td { color: #3c3c3c; font-size: 15px; line-height: 25px; }
#main .right .textcontents h1 { margin: 0.8em 0; color: #010101; font-size: 26px; font-weight: normal; }
#main .right .textcontents h2 { margin: 1.2em 0 0.8em 0; color: #010101; font-size: 23px; font-weight: normal; }
#main .right .textcontents h3 { margin: 1.2em 0 0.8em 0; color: #010101; font-size: 18px; font-weight: normal; }
#main .right .textcontents h4 { margin: 1.2em 0 0.8em 0; text-transform: uppercase; color: #9b1313; font-size: 18px; font-weight: normal; }
#main .right .textcontents h1.red { background: url(/images/bg_red.png) no-repeat; margin: 0; color: #fff; padding: 11px 12px 12px 12px; text-align: center; font-size: 23px; }
#main .right .textcontents p img { border: 1px solid #c0c0c0; padding: 4px; }
#main .right .textcontents li { font-size: 15px; }
#main .right .textcontents ol { list-style-type: decimal; padding: 0 0 0 20px; }
#main .right .textcontents ul, .textcontents ol { margin: 1em 0; }
#main .right .textcontents ul ul, .textcontents ul ol, .textcontents ol ul, .textcontents ol ol { margin: 5px 0; }
#main .right .textcontents ul li { color: #3c3c3c; padding: 4px 0 4px 18px; background: url(/images/ul_dot.gif) 1px 11px no-repeat; }
#main .right .textcontents ul li ul li { background: url(/images/ul_arrow.gif) 1px 11px no-repeat; }
#main .right .textcontents ol li { color: #3c3c3c; padding: 4px 0 4px 0; background: none; }
#main .right .textcontents ul.bluearrow li { color: #2f2f2f; padding: 4px 0 4px 23px; background: url(/images/ul_square1.gif) no-repeat 0px 7px; }
#main .right .textcontents ul.uni_form li { padding: 0; background: none; }
#main .right .textcontents img { margin: 4px 20px; }
#main .right .textcontents img[align="left"] { margin: 4px 20px 4px 0; }
#main .right .textcontents img[align="right"] { margin: 4px 0 4px 20px; }
#main .right .textcontents table.time tr { vertical-align: baseline; }
#main .right .textcontents table.time td { padding: 0 10px 0 0; }
#main .right .textcontents .highlight { font-size: 17px; color: #9b1313; }

table.fokozatok { border: 1px dashed #bbb;; }
table.fokozatok td { padding: 10px; border: 1px dashed #bbb; background: #e2e2da; }
table.fokozatok td.alt { background: #eeeeea; }
table.fokozatok tr { vertical-align: top; }
table.fokozatok ul { margin: 0 !important; }
table.fokozatok p { margin: 0 !important; }


/* **********************************************************
 @BUTTON
*************************************************************/
.button { display: -moz-inline-box; display: inline-block; margin: 1px 0 !important; }
.button a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #3c3c3c !important; text-decoration: none; cursor: pointer; }
.button a:hover { color: #d6d6d6 !important; }
.button a span { display: -moz-inline-box; display: inline-block; background: transparent url(../images/bg_button.png) no-repeat right top; } 
.button a:hover span { background-image: url(../images/bg_button_over.png); } 
.button a span span { float: left; display: inline; padding: 6px 4px 11px 18px; line-height: 1.6em !important; margin: 0 23px 0 0; background-position: left top; }


/* **********************************************************
 @FOOTER
*************************************************************/
#footer { background: url(../images/bg_body_top.jpg) center -65px; padding: 25px 0 40px 0; }
#footer .left { float: left; width: 680px; }
#footer .right { float: left; width: 290px; }
#footer p { font-size: 15px; color: #535353; line-height: 22px; }
#footer h3 { font-size: 15px; text-transform: uppercase; color: #acacac; font-weight: normal; }

ul#footernav li { font-size: 15px; text-transform: uppercase; float: left; padding: 0 35px 0 0; margin: 0; }
ul#footernav li a { color: #acacac; }
ul#footernav li ul { margin: 5px 0 0 0; }
ul#footernav li li { float: none; text-transform: none; padding: 0; }
ul#footernav li li a { color: #535353; line-height: 26px; }
ul#footernav li a:hover { color: #fff; }
ul#footernav li li a:hover { color: #acacac; }

#footer .left p { margin: 15px 0 0 0; }

#footer .right #share { position: relative; width: auto }
#footer .right #share ul { position: absolute; left: 100px; top: -2px; }
#footer .right #share ul li { padding: 0; float: left; display: inline-block; -moz-display: inline-block; width: 27px; overflow: hidden; height: 24px; background: url(../images/bg_share.gif) 0px 0px no-repeat; }
#footer .right #share ul li.iwiw { background: none; width: 40px; padding: 3px 0 0 0; }
#footer .right #share ul li.facebook { background: url(../images/bg_share.gif) -54px 0px no-repeat; }
#footer .right #share ul li.twitter { background: url(../images/bg_share.gif) -81px 0px no-repeat; }
#footer .right #share ul li.myspace { background: url(../images/bg_share.gif) -108px 0px no-repeat; }
#footer .right #share ul li.youtube { background: url(../images/bg_share.gif) -135px 0px no-repeat; }
#footer .right #share ul li a { display: block; width: 27px; height: 25px; }
#footer .right #share ul li a span { text-indent: -3500px !important; visibility: hidden }
#footer .right .at300b { float: none !important; }
#footer .right .at300b span { float: none !important; display: none; }

#footer .right img.logo { position: absolute; right: 310px; top: 44px; }
#footer .right h3.name { margin: 40px 0 7px 0; }


/* **********************************************************
 @KAPCSOLAT
*************************************************************/
.leftpanel { float: left; width: 310px; }
.rightpanel { float: left; width: 310px; }

.terkep img { margin: 10px 0 !important; }

.message tr { vertical-align: top; }
.message span.pos { position: relative; display: block; }
.message span.pos span.pos { position: absolute; top: -2px; right: -11px; z-index: 3; }
.message .fieldname { width: 100px; padding: 4px 20px 0 0; text-align: right; }
.message .text { font-size: 15px; color: #3c3c3c; padding: 5px 8px; border: 1px solid #d9d9d5; background: url(/images/bg_form.jpg); margin: 0 0 6px 0; width: 300px; }
.message textarea.text { height: 150px; }

.uni_form #fromAddress { font-size: 15px; color: #3c3c3c; padding: 5px 12px; border: 1px solid #d9d9d5; background: url(/images/bg_form.jpg); margin: 0 0 6px 0; width: 400px; position: relative; top: -15px; }

.map_border { clear: both; display: block; width: 625px; height: 310px; margin: 10px 0; border: 1px solid #ccc; padding: 3px; background: #fff; }
#map { display: block; width: 625px; height: 310px; background: #ccc; } 

#directions { display: block; }
#directions .adp-directions { width: 100%; }


/* **********************************************************
 @GALLERY
*************************************************************/
.gallery { margin: 20px 0; }
.panes div.pane { display: none; padding: 10px; font-size: 14px; background: url(/images/bg_tab_pane.jpg) repeat-x; margin: 0 auto; text-align: center; min-height: 400px; }

ul.tabs { list-style: none; margin: 0 !important; padding: 0; height: 63px; }
ul.tabs li { float: left; text-indent: 0; padding: 0; margin: 0 1px 1px 0 !important; list-style-image: none !important; }
ul.tabs a { background: url(/images/bg_tab.jpg); font-size: 24px; display: inline-block; padding: 22px 30px; text-align: center; text-decoration: none; color: #333; margin: 0px; position: relative; top: 1px; }
ul.tabs a:active { outline: none; background: url(images/bg_tab.jpg); }
ul.tabs a:hover { background: url(/images/bg_tab.jpg); color: #1b1b1b; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: url(/images/bg_tab_selected.jpg); cursor: default !important; color: #fff !important; }
.panes .pane { display: none; }
/*195x125*/
.panes .scrollable { overflow: hidden; width: 645px; height: 595px; position: relative; margin: 0 auto; text-align: center;  }
.panes .scrollable .items { width: 20000em; position: absolute; } 
.panes .scrollable .items ul { width: 645px; height: 735px; margin: 0 !important; padding: 30px 0 0 0; } 
.panes .scrollable .items li { float: left; display: inline-block; width: 190px; height: 135px; padding: 6px 0 0 6px; margin: 0 8px 0 8px; background: url(/images/bg_gallery_photo.png) 0 0px no-repeat; } 
.panes .scrollable .items a { width: 183px; height: 113px; overflow: hidden; } 
.panes .scrollable a.left { background: url(/images/bg_tabs_left.jpg) no-repeat !important; height: 57px; width: 57px; display: inline-block; position: relative; margin: 475px 0 0 0; z-index: 3; } 
.panes .scrollable a.right { background: url(/images/bg_tabs_right.jpg) no-repeat !important; height: 57px; width: 57px; display: inline-block; position: relative; margin: 475px 0 0 0; z-index: 5; } 


/* **********************************************************
 @SYSTEM
*************************************************************/
.clear { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; margin: 0; padding: 0; }
.line { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; border-top: 1px solid #ccc; }

#nav-icon1 { display: none; }


@media only screen and (max-width:980px) { 
html { height: 100%; text-align: center; }
body { height: 100%; text-align: center; margin: 0 auto;  background: #e5e5dd url(../images/bg_body.gif); }
.container { width: auto !important; min-width:280px !important; text-align: left; }
table { width: auto !important; }
.bodybg { background: url(../images/bg_body_top.jpg) repeat-x; min-width: auto; }
.bodybginside { background: url(../images/bg_body_inside_top.jpg) repeat-x; min-width: auto; }
.container { width: auto !important; min-width:280px !important; text-align: left; }
* html .bodybg2 { height: 471px; }
.temp { min-width: auto; }

.bodybg { min-height: auto; min-width: auto; }
.bodybginside { min-height: auto; min-width: auto; }
* html .bodybg { height: auto; }
* html .bodybginside { height: auto; }
.bodybg2 { background: url(../images/bg_body_top_center.jpg) center -1px no-repeat; min-height: auto; min-width: auto; }
* html .bodybg2 { height: auto; }

/* **********************************************************
 @HEADER
*************************************************************/
#header h2 { width: auto; }
.bodybginside #header h2 { width: 300px; }
#header h2 span { color: #b31222; width: 250px; left: 100px; top: 21px; }
#header h2 img { width: 80px; }
	
/* **********************************************************
 @TOPNAV
*************************************************************/
ul#topnav { background: rgba(0,0,0,0.95); display: none; width: 100%; position: absolute; left: 0; top: 0; z-index: 5; padding: 30px 0; }
ul#topnav li { width: 100%; float: none; display: block; border: none;  }
ul#topnav li ul { margin: 0 20px; width: auto; display: block; border: none; position: relative; top: 0; left: 0; z-index: 5; text-align: left; background: #1b1b1b; visibility: visible; }
ul#topnav li ul li { width: 100%; display: block; float: none;}
ul#topnav li ul li {  border: none;  border-top: 1px solid #343434; display: block; width: 100%; }
ul#topnav.show { display: block; }
ul#topnav li a { padding: 10px 20px; }
ul#topnav li ul li a { rgba(0,0,0,0.3); padding: 10px 20px; text-transform: none; color: #bcb5b5; }
#nav-icon1 { position: absolute; right: 5%; top: 15px; z-index: 6; display: block; width: 35px; height: 35px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon1 span { display: block; position: absolute; height: 4px; width: 100%; background: #b31222; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius: 2px; }
#nav-icon1 span:nth-child(1) { top: 0px; }
#nav-icon1 span:nth-child(2) { top: 14px; }
#nav-icon1 span:nth-child(3) { top: 28px; }
#nav-icon1.open span:nth-child(1) { top: 15px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon1.open span:nth-child(2) { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); opacity: 0; }



#nav-icon1.open span:nth-child(3) { top: 15px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }



/* **********************************************************
 @CALLOUT
*************************************************************/
#callout { margin: 20px 20px;  position: relative; top: 0; right: 0; width: auto; height: 119px; background: #480808; -webkit-box-shadow: 0 0 100px rgba(255,255,255,0.3); box-shadow: 0 0 100px rgba(255,255,255,0.3); }
#callout li { padding: 10px; font-size: 15px; border-top: 1px dashed #999; }
#callout li:first-child { border-top: none; }


/* **********************************************************
 @TITLE
*************************************************************/
#title { margin: 20px 0 0 0; text-align: center; }
#title h2 { font-size: 43px; color: #fff; text-transform: uppercase; font-weight: normal; }
#title h3 { font-size: 24px; color: #d4ac8d; text-transform: uppercase; font-weight: normal; }


/* **********************************************************
 @VIDEO
*************************************************************/
.videospanel { display: none; }
	#holder { padding: 0 0 40px 0; }

/* **********************************************************
 @BOXES
*************************************************************/
.boxes { background: none; }

.boxes .first, .boxes .second, .boxes .third { -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3); float: none; width: auto; margin: 0 25px 40px 25px; border-top: 7px solid #dcd0b0; }

.boxes h2 { margin: 10px 0 0 22px; padding: 9px 40px 10px 40px; background: url(../images/bg_boxes_h2.jpg) no-repeat left -2px; color: #3c3c3c; text-transform: uppercase; font-weight: normal; font-size: 22px; }
.boxes h2 a { color: #3c3c3c; }

.boxes .textcontents { padding: 15px 22px 5px 22px; }
.boxes .textcontents h3, .boxes .textcontents p, .boxes .textcontents table { margin-bottom: 10px; }
.boxes .textcontents h3 { color: #9b1313; font-size: 18px; text-transform: uppercase; font-weight: normal; }
.boxes .textcontents p { color: #3c3c3c; font-size: 14px; line-height: 22px; }
.boxes .textcontents a { color: #3c3c3c; }
.boxes .textcontents a:hover { color: #9b1313; text-decoration: underline; }
.boxes .textcontents table tr { vertical-align: baseline; }
.boxes .textcontents table tr td { color: #3c3c3c; font-size: 14px; line-height: 22px; padding: 0 20px 0 0; }
.boxes .textcontents .highlight { font-size: 21px; color: #9b1313;}


/* **********************************************************
 @QUOTE
*************************************************************/
.quote { text-align: center; margin: 0 auto; background: url(../images/bg_quotebox.png) repeat-x bottom; padding: 22px; border: 5px solid #fbfbf9; margin: 25px 0; }
.quote p { text-align: center; margin: 0 auto; display: inline-block; padding: 3px 0 3px 0; font-size: 19px; text-transform: uppercase; /* background: url(../images/bg_quote.png) no-repeat; */ }


/* **********************************************************
 @HEADING
*************************************************************/
#heading { height: auti; }
#heading h1 { padding: 36px 0 0 25px; font-size: 30px; }

.bodybginside #header h2 { width: auto; }



/* **********************************************************
 @MAIN
*************************************************************/
#main div.right { width: auto; float: none; padding: 2px 0 0 0; position: relative; z-index: 1; }
#main div.right_v2 { width: auto; float: none; padding: 2px 0 0 0; position: relative; z-index: 1; }
#main .left { display: none; }

#main .right { background: url(../images/bg_main_right.png); min-height: auto; }
* html #main .right { height: auto; }


#main .right .textcontents { margin: 25px 40px 40px 25px; color: #3c3c3c; font-size: 15px; line-height: 25px; }
#main .right .textcontents p { margin: 0.8em 0; color: #3c3c3c; font-size: 15px; line-height: 25px; }
#main .right .textcontents a { color: #9b1313; }
#main .right .textcontents a:hover { text-decoration: underline; }
#main .right .textcontents td { color: #3c3c3c; font-size: 15px; line-height: 25px; }
#main .right .textcontents h1 { margin: 0.8em 0; color: #010101; font-size: 26px; font-weight: normal; }
#main .right .textcontents h2 { margin: 1.2em 0 0.8em 0; color: #010101; font-size: 23px; font-weight: normal; }
#main .right .textcontents h3 { margin: 1.2em 0 0.8em 0; color: #010101; font-size: 18px; font-weight: normal; }
#main .right .textcontents h4 { margin: 1.2em 0 0.8em 0; text-transform: uppercase; color: #9b1313; font-size: 18px; font-weight: normal; }
#main .right .textcontents h1.red { background: #9b1313; margin: 0; color: #fff; padding: 11px 12px 12px 12px; text-align: center; font-size: 23px; }
#main .right .textcontents p img { border: 1px solid #c0c0c0; padding: 4px; }
#main .right .textcontents li { font-size: 15px; }
#main .right .textcontents ol { list-style-type: decimal; padding: 0 0 0 20px; }
#main .right .textcontents ul, .textcontents ol { margin: 1em 0; }
#main .right .textcontents ul ul, .textcontents ul ol, .textcontents ol ul, .textcontents ol ol { margin: 5px 0; }
#main .right .textcontents ul li { color: #3c3c3c; padding: 4px 0 4px 18px; background: url(/images/ul_dot.gif) 1px 11px no-repeat; }
#main .right .textcontents ul li ul li { background: url(/images/ul_arrow.gif) 1px 11px no-repeat; }
#main .right .textcontents ol li { color: #3c3c3c; padding: 4px 0 4px 0; background: none; }
#main .right .textcontents ul.bluearrow li { color: #2f2f2f; padding: 4px 0 4px 23px; background: url(/images/ul_square1.gif) no-repeat 0px 7px; }
#main .right .textcontents ul.uni_form li { padding: 0; background: none; }
#main .right .textcontents img { max-width: 100%; margin: 4px 0; }
#main .right .textcontents img[align="left"] { margin: 4px 20px 4px 0; }
#main .right .textcontents img[align="right"] { margin: 4px 0 4px 20px; }
#main .right .textcontents table.time tr { vertical-align: baseline; }
#main .right .textcontents table.time td { padding: 0 10px 0 0; }
#main .right .textcontents .highlight { font-size: 17px; color: #9b1313; }

table.fokozatok { border: 1px dashed #bbb;; }
table.fokozatok td { padding: 10px; border: 1px dashed #bbb; background: #e2e2da; }
table.fokozatok td.alt { background: #eeeeea; }
table.fokozatok tr { vertical-align: top; }
table.fokozatok ul { margin: 0 !important; }
table.fokozatok p { margin: 0 !important; }


/* **********************************************************
 @BUTTON
*************************************************************/
.button { display: -moz-inline-box; display: inline-block; margin: 1px 0 !important; }
.button a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #3c3c3c !important; text-decoration: none; cursor: pointer; }
.button a:hover { color: #d6d6d6 !important; }
.button a span { display: -moz-inline-box; display: inline-block; background: transparent url(../images/bg_button.png) no-repeat right top; } 
.button a:hover span { background-image: url(../images/bg_button_over.png); } 
.button a span span { float: left; display: inline; padding: 6px 4px 11px 18px; line-height: 1.6em !important; margin: 0 23px 0 0; background-position: left top; }


/* **********************************************************
 @FOOTER
*************************************************************/
#footer { padding: 25px; }
#footer .left { float: none; width: auto; }
#footer .right { float: none; width: auto; margin: 25px 0 0 0; }
#footer p { font-size: 15px; color: #535353; line-height: 22px; }
#footer h3 { font-size: 15px; text-transform: uppercase; color: #acacac; font-weight: normal; }

ul#footernav li li { display: none; }

#footer .left p { margin: 15px 0 0 0; }

#footer .right img.logo { position: relative; right: 0; top: 15px; }
#footer .right h3.name { margin: 40px 0 7px 0; }


/* **********************************************************
 @KAPCSOLAT
*************************************************************/
.leftpanel { float: none; width: auto; }
.rightpanel { float: none; width: auto; }

.terkep img { margin: 10px 0 !important; }

.message tr { vertical-align: top; }
.message span.pos { position: relative; display: block; }
.message span.pos span.pos { position: absolute; top: -2px; right: -11px; z-index: 3; }
.message .fieldname { width: 100px; padding: 4px 20px 0 0; text-align: right; }
.message .text { font-size: 15px; color: #3c3c3c; padding: 5px 8px; border: 1px solid #d9d9d5; background: url(/images/bg_form.jpg); margin: 0 0 6px 0; width: 300px; }
.message textarea.text { height: 150px; }

.uni_form #fromAddress { font-size: 15px; color: #3c3c3c; padding: 5px 12px; border: 1px solid #d9d9d5; background: url(/images/bg_form.jpg); margin: 0; width: 100%; position: relative; top: -15px; }

.map_border { width: auto; margin: 10px 0; }
#map { width: auto; } 

#directions { display: block; }
#directions .adp-directions { width: 100%; }


/* **********************************************************
 @GALLERY
*************************************************************/
.gallery { margin: 20px 0; }
.panes div.pane { display: none; padding: 10px; font-size: 14px; background: url(/images/bg_tab_pane.jpg) repeat-x; margin: 0 auto; text-align: center; min-height: 400px; }

ul.tabs { list-style: none; margin: 0 !important; padding: 0; height: 63px; }
ul.tabs li { float: left; text-indent: 0; padding: 0; margin: 0 1px 1px 0 !important; list-style-image: none !important; }
ul.tabs a { background: url(/images/bg_tab.jpg); font-size: 24px; display: inline-block; padding: 22px 30px; text-align: center; text-decoration: none; color: #333; margin: 0px; position: relative; top: 1px; }
ul.tabs a:active { outline: none; background: url(images/bg_tab.jpg); }
ul.tabs a:hover { background: url(/images/bg_tab.jpg); color: #1b1b1b; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: url(/images/bg_tab_selected.jpg); cursor: default !important; color: #fff !important; }
.panes .pane { display: none; }
/*195x125*/
.panes .scrollable { overflow: hidden; width: 645px; height: 595px; position: relative; margin: 0 auto; text-align: center;  }
.panes .scrollable .items { width: 20000em; position: absolute; } 
.panes .scrollable .items ul { width: 645px; height: 735px; margin: 0 !important; padding: 30px 0 0 0; } 
.panes .scrollable .items li { float: left; display: inline-block; width: 190px; height: 135px; padding: 6px 0 0 6px; margin: 0 8px 0 8px; background: url(/images/bg_gallery_photo.png) 0 0px no-repeat; } 
.panes .scrollable .items a { width: 183px; height: 113px; overflow: hidden; } 
.panes .scrollable a.left { background: url(/images/bg_tabs_left.jpg) no-repeat !important; height: 57px; width: 57px; display: inline-block; position: relative; margin: 475px 0 0 0; z-index: 3; } 
.panes .scrollable a.right { background: url(/images/bg_tabs_right.jpg) no-repeat !important; height: 57px; width: 57px; display: inline-block; position: relative; margin: 475px 0 0 0; z-index: 5; } 


/* **********************************************************
 @SYSTEM
*************************************************************/
.clear { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; margin: 0; padding: 0; }
.line { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; border-top: 1px solid #ccc; }
	

}/*end of 980 width*/

@media only screen and (max-width:440px) { 

#header h2 { width: auto; }
.bodybginside #header h2 { width: 300px; }
#header h2 span { color: #ffffff; width: 250px; left: 0; top: 21px; }
#header h2 img { width: 80px; display: none; }
	
}/*end of 440 width*/