/** ALAP STÍLUS **/
/**#############**/

/**
Alap sárga: #E08602
Alap keret szürke: #ddd
**/

body {
    background: #8a7c5e url("/frontend/assets/images/main_bg.jpg") no-repeat scroll center top;
    font-family: Georgia, Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

p {
    /*margin: 0px;
    padding: 0px;*/
}

a {
    color: #E08602;
    text-decoration: none;
}

a:hover, a:focus {
    color: #E08602;
    text-decoration: underline;
}

h2 {
    font-weight: 900;
    font-size: 23px;
}

h3 {
    font-weight: 700;
    font-size: 18px;
}

h4 {
    font-weight: 700;
    font-size: 15px;
}

label {
    font-weight: normal;
}



/** ALAP OSZTÁLYOK **/
/**################**/
.form-control:focus {
    border-color: #E08602;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(224, 134, 2, 0.6);
}



/** SAJÁT OSZTÁLYOK **/
/**#################**/

.page {
    background: url(/frontend/assets/images/footer_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    min-height: 900px;
}

.wrapper {
    margin: 0px auto 0px auto;
    background-color: white;

    box-shadow: 0px 0px 8px 1px #000000;
    -webkit-box-shadow: 0px 0px 8px 1px #000000;
    -moz-box-shadow: 0px 0px 8px 1px #000000;

    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
}



/** FEJLÉC **/

.navbar-collapse {
    padding-right: 5px;
}

.header {
    position: relative;
}

.top-line-opacity {
    /*background-color: #F2F3ED;*/
    background-color: #E6E8DA;
    margin: 0 15px;
    height: 25px;
    border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    position: absolute;
    top: 0px;
    left: auto;
    width: 1110px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter:alpha(opacity=0.6);
    color: #000;
    z-index: 10;
}

.top-line {
    position: absolute;
    top: 0px;
    left: auto;
    width: 1110px;
    z-index: 11;
}

.languages {
}


.top_menu {
    padding-right: 10px;
    text-align: right;
}

.top_menu ul {
    list-style: none;
    float: right;
    padding: 0px;
    margin: 0px;
}

.top_menu ul li {
    list-style: none;
    float: left;
}

.top_menu ul li a {
    list-style: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: left;
    padding: 0px 10px 0px 10px;
    color: #a9ac98;
    border-right: 1px solid #a9ac98;
    margin-top: 2px;
}

.top_menu ul li:last-child a {
    border-right: none;
}

.logo-line {
    background-image: url("/frontend/assets/images/top_bg.jpg");
    background-position: right -50px top;
    background-repeat: no-repeat;
    margin-left: 50px;
    padding-bottom: 28px;
}

.menu-line {
    background-color: #756553;
    border: 1px solid #756553;
    border-radius: 5px;
    margin: 0px 15px 10px;
}

.menu-line-content {
    background-color: #5d4d40;
    border-radius: 5px;
    margin: 3px;
    min-height: 44px;
}



/** TARTALOM **/

.content {
    margin: 0 20px 0 20px;
}

.content_title {
    background: url(/frontend/assets/images/title_bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 10px 10px 7px 0px;
    margin: 0px 0px 15px 0px;
}

.content_title h1 {
    color: #d97203;
    font-size: 21px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.content_title a {
    color: #d97203;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none;
}

.content_title a:hover {
    text-decoration: none;
}


.content_sub_title {
    color: #d97203;
    font-size: 17px;
    font-weight: normal;
    padding: 15px 0px 10px 0px;
}

.content_text {
    color: #68635b;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px;
    min-height: 440px;
}

.start-content .content_text {
    min-height: 0;
}


.sitemap_title {
    color: #d16900;
    font-weight: bold;
    padding: 15px 0 5px;
}

.sitemap_wrapper ul {
    margin: 0;
    padding-left: 25px;
}

.sitemap_wrapper ul li {
    list-style-image: url("/frontend/assets/images/mainpage_blog_list.png");
}





/** BOXOK **/

.boxes {
    margin: 0 17px 0 0;
}

.box {
    margin-bottom: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.box_title {
    font-family: 'Lobster-Regular', Arial, Helvetica, sans-serif;
    font-size: 29px;
    padding: 10px 10px 0px 10px;
}

.box_content {
    padding: 10px 20px 10px 20px;
    font-size: 15px;
}

.yellow .box_title {
    color: white;
}

.yellow .box_content {
    color: white;
}

.yellow {
    background: #f09a01 url(/frontend/assets/images/box_bg_yellow.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.gray .box_title, .cart .box_title, .honey .box_title {
    color: #d97203;
}

.gray .box_content, .cart .box_content, .honey .box_content {
    color: #75706a;
}

.gray {
    background: #E4E6D9 url(/frontend/assets/images/box_bg_gray.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.darkgray .box_title {
    color: #868469;
}

.darkgray .box_content {
    color: #717056;
}

.darkgray {
    background-color: #c9c7ad;
}

.cart {
    background: #E4E6D9 url(/frontend/assets/images/box_bg_honey.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.honey {
    background: #E4E6D9 url(/frontend/assets/images/box_bg_cart.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.facebook {
    background: #C9C7AE url(/frontend/assets/images/box_bg_facebook.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.facebook .box_title {
    color: #868469;
}

.facebook .box_content {
    color: #717056;
}

a.lexicon-box-links {
    color: white;
    text-decoration: none;
}

a.lexicon-box-links:hover, a.lexicon-box-links:focus {
    color: white;
    text-decoration: underline;
}

.lexicon_content {
    padding: 0px 0px 20px 0px;
}

.lexicon_image_div {
    border: 2px solid #CACACA;
    padding: 5px;
    padding-bottom: 0px;
    display: inline-block;
}

.lexicon_image {
    padding-bottom: 5px;
}

ul.special_ul {
    margin: 0;
    padding-left: 25px;
}

ul.special_ul li {
    list-style-image: url("/frontend/assets/images/mainpage_list.png");
    padding-bottom: 10px;
}

.box.yellow .box_content a:not(.btn)
, .box.yellow .box_content a:not(.btn):hover
, .box.yellow .box_content a:not(.btn):focus {
    color: white;
}

/* Oldalsó szótár dobozban a betűméretek */
.lexicon-box-links.font-size-10 {
    font-size:10px;
}
.lexicon-box-links.font-size-11 {
    font-size:11px;
}
.lexicon-box-links.font-size-12 {
    font-size:12px;
}
.lexicon-box-links.font-size-13 {
    font-size:13px;
}
.lexicon-box-links.font-size-14 {
    font-size:14px;
}
.lexicon-box-links.font-size-15 {
    font-size:15px;
}
.lexicon-box-links.font-size-16 {
    font-size:16px;
}
.lexicon-box-links.font-size-17 {
    font-size:17px;
}
.lexicon-box-links.font-size-18 {
    font-size:18px;
}
.lexicon-box-links.font-size-19 {
    font-size:19px;
}
.lexicon-box-links.font-size-20 {
    font-size:20px;
}




/** LÁBLÉC **/

.footer {
    padding: 10px 0 0 0;
}

/** Alsó menü **/
.footer_menu ul {
    list-style: none;
    float: right;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    padding-right: 10px;
}

.footer_menu ul li {
    list-style: none;
    float: left;
}

.footer_menu ul li a {
    list-style: none;
    float: left;
    padding: 0px 10px 0px 10px;
    color: #c7b4a3;
    border-right: 1px solid #c7b4a3;
}

.footer_menu ul li:last-child a {
    border-right: none;
}



.footer_text {
    color: #806d5d;
    padding: 5px;
}



.hungarosoft-logo {
    margin: 15px;
}






/** MÉDIATÁR **/
.media-item {
    text-align: center;
}
.media-item div.media-div {
    background-color: #E4E6D9;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #756553;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    height: 97px;
    margin: 5px auto;
    overflow: hidden;
    width: 130px;
    opacity:0.8;
    filter:alpha(opacity=80);
}

.media-item div.media-div:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}

.media-item div.media-div a {
    display: block;
    height: 97px;
}

.media-text {
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    height: 30px;
    margin: 5px auto;
    overflow: hidden;
    width: 130px;
}

.media-item div.media-dir-div {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/frontend/assets/images/folder_image.png");
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    height: 130px;
    margin: 5px auto;
    overflow: hidden;
    width: 130px;
    opacity:0.8;
    filter:alpha(opacity=80);
}


.media-dir-text {
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    text-align: center;
    height: 30px;
    margin: 5px auto;
    overflow: hidden;
    width: 130px;
}

.media-item div.media-dir-div a {
    display: block;
    height: 130px;
}

.media-item div.media-dir-div a div {
    height: 65px;
    margin: 40px 15px 25px 15px;
    border: 1px solid #756553;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}




.media-nav-path {
}

.media-nav-path ul {
    padding: 0px;
    display: block;
    overflow: hidden;
}

.media-nav-path ul li {
    float: left;
    list-style: none;
    padding: 0px 0px 0px 0px;
}

.media-nav-path ul li a {
    padding: 0px 7px 0px 7px;
    font-size: 14px;
}

.nav_path_sep {
    font-size: 13px;
}

.media-counter {
    font-size: 12px;
    padding-left: 7px;
}

/* Fancybox galéria képeslap és letöltés */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-title-inner {
    width: 50%;
}

.fancybox-ecard {
    width: 113px;
    margin-right: 10px;
    height: 30px;
    float: right;
    text-align: center;
}

.fancybox-save {
    width: 25px;
    margin-right: 10px;
    height: 30px;
    float: right;
    text-align: center;
}




#postcard-wrapper {
    margin: 30px 0;
}

div.required label::after {
    color: #d97203;
    content: " *";
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
}



.mainpage_list ul {
    padding-left: 25px;
    margin: 0px;
}

.mainpage_list ul li {
    list-style-image: url("/frontend/assets/images/mainpage_list.png");
    padding-bottom: 10px;
}






/** BLOG **/

.newslist-item {
    margin-bottom: 20px;
    margin-top: 10px;
}

.newslist-content img {
    margin-right: 5px;
    margin-top: 7px;
    border: 1px solid #D97203;
}

.news_lead img {
    margin-right: 5px;
    margin-top: 7px;
    border: 1px solid #D97203;
}

.newslist-info {
    font-size: 12px;
    font-style: italic;
    padding: 5px 0px 10px 0px;
}

.newslist-title a {
    color: #d97203;
    font-size: 17px;
    font-weight: normal;
    padding: 10px 10px 0px 0px;
    text-decoration: none;
}

.news_lead {
    font-weight: bold;
}

.news_text {
    padding: 20px 0px 20px 0px;
}

.blog_lead {
    padding-bottom: 20px;
    font-style: italic;	
}

.blog_content {
    padding-bottom: 20px;
}

.blog_comment_text {
    font-style: italic;
    font-size: 13px;
    line-height: 15px;
}






.mainpage_blogitem {
    padding-left: 13px;
    padding-bottom: 15px;
    background-image: url("/frontend/assets/images/mainpage_blog_list.png");
    background-position: 0px 7px;
    background-repeat: no-repeat;
}

.mainpage_blogitem_yellow {
    color: #d16900;
    font-weight: bold;
    padding-right: 10px;
}

.mainpage_blogitem_gray {
    color: #a9a9a9;
    font-weight: normal;
}

.special_link {
    background-color: #cccebf;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    text-align: right;
    padding: 1px 10px 1px 10px;
}

.special_link a {
    font-family: 'Lobster-Regular', Arial, Helvetica, sans-serif;
    font-size: 17px;
}

.special_link a.yellow_link {
    color: #d17f04;
}

.special_link a.gray_link {
    color: #696855;
}

.special_link a.blue_link {
    color: #4199c5;
}







/** LAPOZÓ **/
.pagination {
    display: table;
    margin: 30px auto;
}

.pagination > li > a, .pagination > li > span {
    color: #e08602;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #e08602;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #e08602;
    border-color: #ddd;
}





/** Újfajta galéria **/
#loading {
    display: block;
    text-align: center;
    padding: 20px;
}

#media-wrapper .media-item div.media-div {
    width: 100%;
    height: 165px;
    margin-top: 20px;
}


ul.media-dir-list {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

ul.media-dir-list li {
    float: left;
    list-style: none;
    margin-right: 10px;
    margin-top: 10px;
}

ul.media-dir-list li a {
    border: 1px solid #ddd;
    color: #e08602;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

ul.media-dir-list li a:hover,ul.media-dir-list li a:focus {
    text-decoration: none;
    background-color: #eee;
}

ul.media-dir-list li a.active {
    background-color: #e08602;
    color: white;
}






/** Keresés az oldalon **/
.search-wrapper {
    background-color: #e4e6d9;
    border: 1px solid #c9c7ad;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 15px;
    width: 240px;
    margin-top: 5px;
}

.search-input {
    border: none;
    width: 190px;
    background: none;
    padding: 4px;
    padding-left: 10px;
}

.button-search {
    border: none;
    background: none;
    font-size: 22px;
    color: #756553;
}

/* Mobilnézet */
.search-wrapper-2 {
    background-color: #e4e6d9;
    border: 1px solid #c9c7ad;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 8px;
    margin-left: 5px;
    width: 75%;
}

.search-input-2 {
    border: none;
    background: none;
    padding: 5px;
    width: 80%;
}

.button-search-2 {
    border: none;
    background: none;
    font-size: 22px;
    color: #756553;
    float: right;
}




/** Account felület **/
.well {
    border-radius: 0;
    margin-bottom: 30px;
    padding: 10px 30px;
}
.well .heading {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.well .heading i {
    color: #E08602;
    float: left;
    font-size: 36px;
    line-height: 60px;
    margin-right: 14px;
}
.well .heading h2 {
    font-family: 'Lobster-Regular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 29px;
    margin: 0 0 5px;
}
.well .heading strong {
    font-style: italic;
    font-weight: normal;
}
.well p {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.well a {
    display: inline-block;
    margin-top: 10px;
}
.well_details {
    font-size: 0.778em;
}





.logined-title {
    font-weight: bold;
}

/* Címek megadása reg-nál alapból nem jelenik meg */
.general_toggle {
    display: none;
}

.group_depend {
    display: none;
}

.top-error-mark {
    z-index: 1001;
    position: fixed;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-error-mark.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}



/** Kosár jobb dobozban **/
.cart-item-name {
    text-transform: uppercase;
}

.cart-item-details {
    margin-left: 30px;
    clear: both;
    font-size: 12px;
    margin-bottom: 5px;
    overflow: hidden;
}

.cart-item-amount {
    float: left;
    width: 50px;
    /*border: 1px solid red;*/
}

.cart-item-unit-price {
    float: left;
    width: 80px;
    /*border: 1px solid green;*/
}

.cart-item-subtotal-price {
    float: right;
    font-weight: bold;
    /*border: 1px solid blue;*/
}

.cart-item-small {
    float: left;
    width: 20px;
    /*border: 1px solid yellow;*/
}

.cart-total {
    margin-bottom: 30px;
}

.cart-info-wrapper {
    margin: 30px 0 20px 0;
}

.box-button {
    margin-top: 5px;
}

.box-button-right {
    float: right;
}





.zipPrices {
    margin: 20px 0;
}

.zipPricesInner {
    font-style: italic;
    line-height: 16px;
    font-size: 13px;
}

.zipPricesInner.error {
    color: red;
}

.zipPricesInner.success {
    color: green;
}

.mobile-account-line {
    margin-top: 2px;
}


.mobile-cart.cart-info-content {
    background: #f09a01 url("/frontend/assets/images/box_bg_yellow.png") no-repeat scroll right bottom;
    border-radius: 6px;
    margin-bottom: 10px;
    color: white;
    font-size: 15px;
    padding: 10px 20px;
}

.carousel-indicators {
    z-index: 10;
    bottom: 0px;
}




/** Receptek **/
.recipe-item {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E4E6D9;
}

.recipe-image {
    border: 1px solid #756553;
}


/** TEMP **/

.breadcrumb a:hover, .breadcrumb a:focus {
    text-decoration: none;
}

.breadcrumb li span {
    color: #e08602;
}



/** Figyelmeztetések felül írása **/
.alert-danger {
    color: white;
    font-weight: bold;
    background-color: #FF0000;
    border-color: white;
}

/*
.alert-success {
    font-weight: bold;
    background-color: #00FF00;
    border-color: white;
}
*/

.close {
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=1);
}

.order-item-amount, .new-order-item-amount {
    min-width: 35px;
}

.order-item-price {
    min-width: 65px;
}

.order-item-sub_total {
    min-width: 65px;
}


.select2-results__option[aria-selected], .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
}

.select2-results__option[aria-selected] {
    padding-top: 2px;
    padding-bottom: 2px;
}

.fb_share_button {
    clear: both;
    overflow: hidden;
    display: block;
    margin: 30px 0 30px 0;
    text-align: right;
}

.fb_share_button_2 {
    clear: both;
    overflow: hidden;
    display: block;
    margin: 5px 0 10px 0;
    text-align: left;
}

.copy_address {
    margin: 0px 20px;
}