/* CSS Import
/*http://www.w3.org/TR/CSS2/cascade.html#at-import
------------------------------------------------------------*/

/* >> Base CSS
--------------------------------*/
@import "reset-20140311.css";
@import "font-import.css";
@import "header.css";
@import "menu.css";
@import "footer.css";

/* >> SubPages CSS
--------------------------------*/

/* >> Modular CSS
--------------------------------*/
@import "m-home_news.css";
@import "m-box_links.css";
@import "m-events_side.css";
@import "m-calendar_side.css";
@import "m-slider.css";
@import "m-select_home.css";
@import "m-statikus.css";
@import "m-news.css";
@import "img-container.css";
@import "m-audio.css";
@import "m-promo_box.css";
@import "m-attachments.css";
@import "m-publication.css";
@import "m-attach_map.css";
@import "m-attach_gallery.css";
@import "m-attach_faq.css";
@import "m-pager.css";
@import "m-events.css";
@import "m-form.css";
@import "m-portre.css";
@import "m-maps.css";
@import "m-gallery.css";
@import "m-search.css";
@import "m-landing.css";
@import "m-youtube.css";


/* Font import - ide
------------------------------------------------------------*/
/* @font-face {font-family: 'icomoon';	src:url('../fonts/icomoon.eot'); src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal;	font-style: normal;} */

/* --- Galéria képmegjelenítéshez
http://www.mademyday.de/css-height-equals-width-with-pure-css.html
------------------------------------------------------------*/
div.image-thumb{display: inline-block; margin: 0; position: relative; width: 100%;}
div.image-thumb-content{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; border-radius: 4px;}
div.image-thumb:before{content: "";display: block;margin-top: 100%;}
div.image-thumb-ratio2_1:before {margin-top: 50%;}

.container{width: 90%; max-width: 1200px; margin: 0 auto;}
.container.menu{width: 100%;}
.fullsize{width: 100%;}
.align-center{text-align: center;}

html,
body{position: static; margin: 0;}

a.jtt{width: 44px; height: 44px; background: url(../images/icon-jumpto.png) no-repeat center center; border-radius: 4px; float: right; position: fixed; bottom: 1em; right: 1em; display: none; z-index: 100;}

.big-red-arrow { color: #cd1719; font-size: 1.25em; }

  div.divFooter {
    display: none;
  }

/* >> MAIN
------------------------------------------------------------*/

/* >> Footer bottom position
------------------------------------------------------------*/
html{height: 100%;}
body{height: 100%;}

body{font-family: 'Open Sans', sans-serif; color: #626262;}
.content{margin-bottom: 5.25em;}
.content.end{margin-top: 40px;}
.content.end h2{text-align: center; text-transform: uppercase; color: #cd1719; font-size: 2em; margin: 0 0 40px;}
.breadcrumb{line-height: 1.43; font-size: 0.875em; font-weight: bold; text-align: justify;}
.breadcrumb span:last-child{color: #cd1719;}
.content .grid_1{float: left; width: 100%;}
.content .top-border { border-top: 2px solid #dedede; width: 100%; height: 20px; }
.content .grid_2{float: right; width: 100%; /*min-height: 650px;*/}
.middle-content{}
.break{margin-bottom: 0.5em;}

header .container{width: 100%;}

.jumpto{display: none;}

.middle-content .grid_1 .m-left_menu{display: none;}
.middle-content .grid_1{margin-top: 2em;}

a.bt_more{display: block; text-align: center; background: #CD1719; color: #fff; border-radius: 4px; text-transform: uppercase; padding: 0.675em 1em; width: 192px; margin: 1em auto;}

.mt{margin-top: 2em;}

/* >> SPEC MOBIL
--------------------------------------------*/
@media only screen and (max-width: 519px){

	.grid-container .grid_3{margin: 0 auto 2em;}
	.home-box .grid_1{margin-bottom: 2em;}

    .hide_mobil{display: none;}
}

/* >> TAB & PC
--------------------------------------------*/
@media only screen and (min-width: 520px){
	.error-title{text-align: center; margin-top: 32px; font-size: 12em;font-weight: bold; color: #cd1719;}
	.error-text{margin-top: 1em; text-align: center; font-size: 0.875em;}
    
    header .container{width: 90%;}

    .hide_mobil{display: block;}
}

/* >> TAB
--------------------------------------------*/
@media only screen and (min-width: 520px) and (max-width: 959px){

    .jumpto{display: block; position: absolute; bottom: -64px; right: 5%; width: 36px; height: 36px; background: url(../images/icon-jumpto.png) no-repeat center center;}
    
}

/* >> PC
--------------------------------------------*/
@media only screen and (min-width: 960px){

    .middle-content .grid_1{float: left; width: 384px; margin-left: -408px; margin-top: 0;}
    .middle-content .grid_1 .m-left_menu{display: block;}
    .middle-content .grid_2{float: right; width: 100%; /*min-height: 650px;*/}
    .middle-content{padding-left: 408px;}
	.content.end h2{text-align: left; text-transform: uppercase; color: #cd1719; font-size: 2em; margin: 0 0 40px 408px;}
    
    a.jtt{display: none !important;}
    
}

/* >> SPEC PC
--------------------------------------------*/
@media only screen and (min-width: 1200px){}

.content.end.hiddenTitle.middle-content.grid_2 {
    text-align: center;
    text-transform: uppercase;
    color: #cd1719;
    font-size: 2em;
    margin: 0;
	display: none;
}