@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic&subset=latin,latin-ext);
// ---- backgrounds
@page-background:           #f0f1f2;
@page-background-dark:      #1a171b;
@page-background-white:     #ffffff;
@support-bg:                   #e3e6ea;
@green-bg:                  #88ac32;
@green-bg-light:            #b5dc5b;
@yellow-bg:                 #fdc613;
@orange-bg:                 #fd8c13;
@gray-bg:                   #bebebe;
@white-bg:                  #ffffff;
@blue-bg:                   #004c97; 
@red-bg:                    #e00000;
@grey-bg:                   #616264;
// --- texts
@color-text:                #1a171b;
@color-light:               #dde0e3;
@link-hover-bg:             #f5f5f5;
@text-gray:                 #c5c5c5;
@text-gray-blog:            #727272;
// --- borders
@border-grey:       #bec2c7;
@border-grey-dark:  #505050;
@border-yellow:     #fdc613;
@border-green:      #b5dc5b;
@border-white:      #ffffff;
// --- breakpionts
@bp-smartphone:    480px;
@bp-tablet:        768px;
@bp-desktop:       1040px;
@bp-desktop-lg: 1200px;

.news_detailed {
	background-color: #ffffff;
	padding: 25px; padding-top: 0; margin-top: 0;
	text-align: justify;
	h1 {
		margin: 0; padding: 0;
		font-size: 24px;
	}
	img {
		margin-right: 10px; margin-bottom: 10px;
	}
	.timestamp{
        font-size: 12px;
        vertical-align:top;
        padding: 0px;
        color: @text-gray;
        .ico_clock{
            margin-top: 2px;
    	}
    }
    .timestamp:before{
        content: "";
        display: inline-block;
        vertical-align: top;
    }
    img.print {
    	float: right;
    	margin: 0;
    }
}

.mutragya {
	border-top: 1px solid #eeeded;
}

.news-page-top{
    height: 125px;
}

.news_szaktanacsadoi {
         .telephone{
            margin: 0;
            font-size: 1.2em;
        }
}

.news_det_img {
    max-width: 460px;
}

@media(max-width: 600px) {
    .box-head h1 {
        text-align: left;
    }
}

@media(max-width: 700px) {
    .news_det_img {
        max-width: 99%;
    }
}

@media(min-width:@bp-tablet) and (max-width:@bp-desktop) {
    .news-yellow-box {
        padding-bottom: 15px !important;
    }
}

.search-results-container {
    width: 100%;
}

.search-results-container h2 {
    font-size: 20px;
    padding: 5px; margin: 0;
    margin-top: -20px;
    padding-left: 15px;
    background: #E3E3E3;
    border-bottom: 1px solid #D1D1D1;
}

.search-results-container h3 {
    font-size: 15px; font-weight: bold;
    padding: 5px; margin: 0;
    background: #EDEDED;
    border-bottom: 1px solid #D1D1D1;
    padding-left: 25px;
}

.search-results-link {
    width: 100%; padding: 0; margin: 0;
    margin-bottom: 30px;
}

.search-results-link a {
    display: block;
    width: 100%;
    padding: 5px;
    padding-left: 35px;
    background: #F2F2F2;
    border-bottom: 1px solid #DBDBDB;
}

.search-results-link a:nth-child(odd) {
    background: #F7F7F7;
    border-bottom: 1px solid #E8E8E8;
}

.search-results-link a span {
    padding-left: 15px;
    font-size: 11px;
    color: #8A8A8A;
}

.tileGallery img {
    max-height: 200px;
    min-height: 120px;
    margin: 0;
    max-width: 100%;
}

.tileGallery {
    min-height: 260px;
    max-height: 260px;
    text-align: center;
    margin-bottom:1px;
    overflow:hidden;
    background: #EDEDED;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin-right: 1px;
    width: 24.5%;
}

.tileGallery:hover { background: #E6E6E6; }

@media(max-width:1040px) {
    .tileGallery {
        width: 33%;
    }
}

@media(max-width:730px) {
    .tileGallery {
        width: 49.5%;
    }
}

@media(max-width:520px) {
    .tileGallery {
        width: 100%;
    }
}

.tileGallery .galleryFolder {
    width: 95%;
    margin: 0 auto;
}

.tileGallery .tilecaption {
    position: relative;
    min-height: 40px;
    max-height: 40px;
    color: #525252;
    font-size: 13px;
    overflow:hidden;
    padding-top: 3px;
    font-weight: bold;
}

.tileGallery a:hover .tilecaption, .tileGallery .tilecaption:hover {
    color: #000000;
}

.tileGallery .tilecaption::before {
    content: ""; height: 40px;
    display: inline-block;
    vertical-align:middle;
}

.tileGallery .tilecaption div {
    vertical-align:middle;
    margin: 0;
    display:inline-block;
    width: 98%;
}