@charset "utf-8";

@font-face {
    font-family: Adobe_Caslon_Pro_Bold;
    src: url(/fonts/ACaslonPro-Bold.otf);
}

@font-face {
    font-family: PRISTINA;
    src: url(/fonts/PRISTINA.TTF);
}

@font-face {
    font-family: INTERNATIONAL_PLAYBOY;
    src: url(/fonts/INTERNATIONALPLAYBOY.ttf);
}

@font-face {
    font-family: HelveticaNeueLT;
    src: url(/fonts/HelveticaNeueLTPro-LtEx.otf);
}

@font-face {
    font-family: HelveticaNeueLTBdEx;
    src: url(/fonts/HelveticaNeueLTPro-BdEx.otf);
}

@font-face {
    font-family: HelveticaNeueLTPro;
    src: url(/fonts/HelveticaNeueLTPro-MdCn_0.otf);
}

body {
    margin:0;
    padding:0;
    font-size:16px;
    font-family:HelveticaNeueLT;
    color:#333;
    background-image: url(/images/zirc_projektek/bg_new.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow-x:hidden;
}
#_sys_main {
    margin:auto;
    opacity:0;
    width:1000px;
}
#_sys_headline {
    margin:10px;
}
#_sys_body {
    margin:10px;
}
#_sys_leftsidebar {
    float: left;
    display:none;
}
#_sys_content {
    float: left;
    padding:10px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #333;
    overflow:auto;
}
#_sys_rightsidebar {
    float:right;
    display:none;
}
#_sys_preFooter {

}
#_sys_footer {
    margin:10px;
    font-size: 10px;
}
#_sys_loading{

}

#headline{ 
    overflow: hidden;
}

#main_menu{
    margin: auto;
    padding-top:9px; 
    padding-bottom:8px; 
    width:100%; 
    max-width: 700px;
    background-color: #0c4da0;
    border-radius: 5px;
}

#slideshow_div{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #333;
}

#page_title_label{
    margin:auto;
    padding:10px;
    color:#fff;
    font-family: HelveticaNeueLT;
    font-size: 18px;
    font-weight: bold;
    background-color: #0c4da0;
}

#page_desc_label{
    margin:auto;
    font-family: HelveticaNeueLT;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

#content{
    margin: auto;
    font-size: 16px;
}

#right_sidebar{
}

#footer{
    background-color: #253f34;
}

#copyright_txt{
    text-align: center;
}
#created_by{
    text-align: center;
}
#created_by_icons{
    text-align: center;
}

#page_title{

}

#mobile_main_menu{
    display: none;
}

#footer_menu{
    float:left;
    margin-top:10px;
}

img {
    vertical-align:text-bottom;
}

input[type=text] {
    padding:2px;
    border:1px inset #ccc;
    border-radius:3px;
    background-color:#f8f8f8;
}
input[type=text]:focus {
    background-color:#fff;
}
input[type=password] {
    padding:2px;
    border:1px inset #ccc;
    border-radius:3px;
    background-color:#f8f8f8;
}
input[type=password]:focus {
    background-color:#fff;
}
input[type=submit] {
    border:1px outset #ccc;
    font-size: 14px;
    font-weight: normal;
}
textarea {
    padding:0;
    border:1px inset #ccc;
    border-radius:3px;
    background-color:#f8f8f8;
}
textarea:focus {
    background-color:#fff;
}
select {
    padding:2px;
    border:1px inset #ccc;
    border-radius:3px;
    background-color:#f8f8f8;
}
.menuitem_lbl{

}
.title_lbl{

}
.description_lbl{

}
.content{ 
    clear: both;
    margin:auto;
    margin-top:10px;
    padding:10px;
    background-color: #ddd;
    font-family: arial;
}

.social_media_icon{
    margin-top:5px;
    border-radius: 8px;
    cursor: pointer;
}
.social_media_icon:hover{
    box-shadow: 2px 2px 5px #333;
}
.contact {
    margin-top: 5px;
    margin-bottom: 5px;
}
.contact_site_name {
    font-size: 16px;
    font-weight: bold;
}
.partnerlist_img {
    box-shadow: 0px 0px 0px #000;
}
.partnerlist_img:hover {
    box-shadow: 0px 0px 0px #000;
}
/***menü***/

.menu_1_item_label{
    text-decoration: none;
    font-style: normal;
    color:#000;
}
.menu_1_item_label:hover{
    text-decoration: none;
    font-style: normal;
    color:#007bc1;
}
.menu_1 {
    float:left;
    text-decoration: none;
    font-family: HelveticaNeueLT;
    font-style: normal;
    font-size: 22px;
    font-weight: bold;
}
.menu_1:hover { 
    text-shadow: 1px 1px 2px #777;
}
.menu_1_separator{
    float: left;
    font-family: HelveticaNeueLT;
    font-style: normal;
    font-size: 22px;
    color:#333;
}
.menu_1_selected {
    float:left;
    text-decoration: none;
    font-family: HelveticaNeueLT;
    font-style: normal;
    font-size: 22px;
    font-weight: bold;
    color:#007bc1;
}
.menu_1_selected:hover {
    color:#007bc1;
    text-shadow: 1px 1px 2px #777;
}
.menu_1_submenu_item {
    font-family: century gothic;
    text-decoration: none;
}
.menu_1_submenu_item:hover {

}
/***menü 2***/

.menu_2_item_label{
    text-decoration: none;
    font-style: normal;
    color:#ddd;
}
.menu_2_item_label:hover{
    text-decoration: none;
    font-style: normal;
    color:#fff;
    text-shadow: 0px 0px 1px #fff;
}
.menu_2 {
    float: left;
    font-family: HelveticaNeueLT;
    font-size: 14px;
    color:#ddd;
}
.menu_2:hover {
    color:#fff;
    text-shadow: 0px 0px 2px #fff;
}
.menu_2_separator{
    float: left;
}
.menu_2_selected {
    float: left;
    font-family: HelveticaNeueLT;
    font-size: 14px;
    color:#ddd;
}
.menu_2_selected:hover {
    color:#fff;
    text-shadow: 0px 0px 2px #fff;
}
.menu_2_submenu_item {
    font-family: HelveticaNeueLT;
    text-decoration: none;
}
.menu_2_submenu_item:hover {
    text-shadow: 0px 0px 2px #fff;
}

/***menü 3***/
.menu_3_item_label{
    text-decoration: none;
    font-style: normal;
    color:#ddd;
}
.menu_3_item_label:hover{
    text-decoration: none;
    font-style: normal;
    color:#fff;
}
.menu_3 {
    float: left;
    padding-top:14px;
    font-family: HelveticaNeueLT;
    font-size: 14px;
    color:#ddd;
    text-align: center;
}
.menu_3:hover {
    color:#fff;
    text-shadow: 0px 0px 2px #fff;
}
.menu_3_separator{
    float: left;
}
.menu_3_selected {
    float: left;
    padding-top:14px;
    font-family: HelveticaNeueLT;
    font-size: 14px;
    color:#ddd;
}
.menu_3_selected:hover {
    color:#fff;
    text-shadow: 0px 0px 2px #fff;
}
.menu_3_submenu_item {
    font-family: HelveticaNeueLT;
    text-decoration: none;
}
.menu_3_submenu_item:hover {
    text-shadow: 0px 0px 2px #fff;
}
/*keresés gadget*/
#searchbar_ext{
    float: right;
}
#searchbar{
    float: right;
    margin-right: 5px;
    padding: 3px;
}
#search_textfield_div{

}
#search_is_search_for_keywords_div{
    font-size: 12px;
}
#search_img{
    vertical-align:text-bottom;
    border:1px outset #777; 
    border-radius: 3px;
}
#search_img:hover{
    box-shadow: 1px 1px 2px #333;
}
#no_search_img{
    vertical-align:text-bottom;
    border:1px outset #ff0000;
    border-radius: 3px;
}
#no_search_img:hover{
    box-shadow: 1px 1px 2px #333;
}
/*termékek gadget: terméklista*/
.product_div{
    margin:5px; 
    padding:5px; 
    border-radius:10px;
    box-shadow: 1px 1px 2px #333;
}
.product_div:hover{
    box-shadow: 2px 2px 8px #333;
}
.product_img_div{
    float:left; 
    text-align:center; 
    overflow:hidden;
    border-radius: 5px;
}
.product_data_div{
    padding:5px; 
}
.product_name_div{ 
    font-size:20px; 
    font-weight:bold;
}
.product_short_desc_div{
    overflow: hidden;
}
.product_keywords_div{

}
.product_price_div{

}
/*termékek gadget: termék*/
.a_product_div{
    margin:5px; 
    padding:5px;
}
.a_product_img_div{
    text-align:center; 
    overflow:hidden;
}
.a_product_img{
}
.a_product_name_div{
    margin-top:5px; 
    margin-bottom:5px; 
    padding:5px; 
    font-size:24px; 
    font-weight:bold; 
    border-bottom: 1px solid #333;
}
.a_product_short_desc_div{
    padding:5px; 
    font-weight:bold;
}
.a_product_desc_div{
    padding:5px;
}
.a_product_price_div{
    padding:5px; 
    font-style:italic; 
    text-align:right;
}
.a_product_galery_div{
    border-top: 1px solid #aaa;
    background-color: #eee;
    border-bottom: 1px solid #aaa;
}
/*események (new) gadget: eseménylista*/
.event_date_div{
    margin:5px; 
    color:#ff5500;
    font-weight: bold;
    font-size: 20px;
}
.event_div{
    margin:5px; 
    padding:5px; 
    border-radius:10px;
    box-shadow: 1px 1px 2px #333;
    font-size: 16px;
}
.event_div:hover{
    box-shadow: 2px 2px 8px #333;
    background-color: rgba(255,165,78,0.66);
}
.event_img_div{
    float:left; 
    text-align:center; 
    overflow:hidden;
    border-radius: 5px;
}
.event_data_div{
    padding:5px;
}
.event_name_div{ 
    font-size:20px; 
    font-weight:bold;
    text-decoration: none;
    color:#007bc1;
    text-shadow: 1px 1px 0px #333;
}
.event_date_from_to_div{ 
    color:#ff5500;
    font-size:16px; 
    font-weight:bold;
    text-decoration: none;
    text-align: center;
}
.event_short_desc_div{
    overflow: hidden;
}
.event_keywords_div{

}

/*események (new)) gadget: termék*/
.a_event_div{
    margin:5px; 
    padding:5px;
}
.a_event_img_div{
    text-align:center; 
    overflow:hidden;
}
.a_event_img{
}
.a_event_name_div{
    margin-top:5px; 
    margin-bottom:5px; 
    padding:5px; 
    font-size:18px; 
    font-weight:bold; 
    border-bottom: 1px solid #c0a062;
    text-align: center;
    color: #007bc1;
    text-shadow: 1px 1px 0px #333;
}
.a_event_date_div{
    margin-bottom:10px; 
    color:#8c3637;
    font-size:18px; 
    font-weight:bold;
    text-decoration: none;
    text-align: center;
}
.a_event_short_desc_div{
    margin-bottom:10px;
    padding:5px; 
    font-weight:bold;
    text-align:justify;
}
.a_event_desc_div{
    padding:5px;
}
.a_event_price_div{
    padding:5px; 
    font-style:italic; 
    text-align:right;
}
.a_event_galery_div{
    border-top: 1px solid #aaa;
    background-color: #eee;
    border-bottom: 1px solid #aaa;
}
/*blog gadget: lista*/
.note_1_div{
    margin:5px; 
    padding:5px; 
    border-bottom:1px solid #524330;
    background-color:#fff;
    width: 400px;
    float:left;
}
.note_1_div:hover{

}
.note_1_img_div{
    float:left; 
    text-align:center; 
    overflow:hidden;
    border-radius: 5px;
}
.note_1_data_div{
    height:110px;
    border-radius: 5px;
}
.note_1_title_div{
    font-size:20px; 
    font-weight:bold;
}
.note_1_short_desc_div{
    font-weight: bold;
}
.note_1_desc_div{
    overflow: hidden;
}

/*blog gadget: jegyzet*/
.a_note_div{
    margin:5px; 
    padding:5px;
}
.a_note_img_div{
    text-align:center; 
    overflow:hidden;
}
.a_note_img{
}
.a_note_title_div{
    margin-top:5px; 
    margin-bottom:5px; 
    padding:5px; 
    font-size:24px; 
    font-weight:bold; 
    color:#524330; 
    border-bottom: 2px solid #524330;
}
.a_note_short_desc_div{
    padding:5px; 
    font-weight:bold;
}
.a_note_desc_div{
    padding:5px;
}
.a_note_price_div{
    padding:5px; 
    font-style:italic; 
    text-align:right;
}
.a_note_galery_div{

}
/*legfrissebb jegyzet*/
#freshest_note_1{
    margin:5px; 
    padding:5px;
    border-bottom:1px solid #524330;
    background-color:#fff;
}
#freshest_note_img_div_1{
    text-align:center; 
    overflow:hidden;
}
#freshest_note_img_1{
}
#freshest_note_title_div_1{
    margin-top:5px; 
    margin-bottom:5px; 
    padding:5px; 
    font-size:24px; 
    font-weight:bold; 
}
#freshest_note_short_desc_div_1{
    padding:5px; 
    font-weight:bold;
}
#freshest_note_desc_div_1{
    padding:5px;
}
/*következő esemény*/
.next_event{
    padding:5px;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    font-size: 16px;
    cursor:pointer;
    background-color: #FFA54E;
}
.next_event:hover{

}
.next_event_title{
    font-size: 26px;
    color: #fff;
}
.next_event_date{
    padding: 5px;
    text-align: center;
    font-weight:bold;
    font-size: 20px;
    border-radius: 5px;
    background-color: #fff;
}
.next_event_body{
    margin-top: 5px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
}
.next_event_img{

}
.next_event_text{
    padding-top:5px;
    text-align: center;
}
/*kapcsolat gadget*/
.map {
    border:1px inset #555;
    border-radius: 10px;
    overflow: hidden;
}
.contact_place_name{
    margin-left:5px;
    color: #333;
    font-size: 24px; 
    font-weight: bold;
}
.contact_data{
    color:#000;
    border:1px outset #777;
    border-radius:5px;
    background-color: #ddd;
    box-shadow: 1px 1px 2px #000;
}
.contact_person_div{
    padding:5px;
    color:#000;
    border-radius:5px;
}
.contact_person_name_label{
    font-weight:bold;
}
/*termék galéria*/

.product_galery_product_group_div{
    float: left;
    margin:5px;
    padding:5px;
    background-color: #fefefe;
    border:1px solid #777;
    border-radius:5px;
}
.product_galery_product_group_div_lbl{
    width: 250px;
    height:66px;
    margin-left:10px;
    margin-right:10px;
    border-top-left-radius:5px;
    border-top-right-radius:5px; 
    text-align: center;
    color:#8b5343;
}
.product_galery_product_group_div_inn{
    border-radius:5px;
    overflow: hidden;
}
.product_galery_product_group_img{
    width:260px;
    height:160px;
    overflow: hidden;
}
.product_galery_galery_lbl{
    color:#8b5343;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #333;
}
/*responsive galéria*/
.galery_ext_div{
    margin:5px;
}

/***/

/*legutóbbi munkánk galéria*/
#last_product_galery_title{
    margin: auto; 
    width:960px; 
    color:#3a3b2b;
}
#last_product_galery_div{
    margin:auto; 
    margin-bottom: 5px; 
    padding: 5px; 
    overflow: hidden; 
    width:960px;
    border:3px solid #a6b632; 
    border-radius:5px; 
    background-color:#3a3b2b;
}
.lpg_img_div{
    border:3px solid #fff;
}
/***/

/*frisebb bejegyzések*/
.fresh_notes_1{
    border-bottom:1px solid #aaa;
}
.fresh_note_1:hover{
    color:#39f;
}
.note_1{
    float: left;
    width:49%;
    text-align: justify;
    cursor: pointer;
}
.note_1:hover{
    color:#39f;
}
.note_title_1{
    margin-top:5px;
    margin-bottom:5px;
    font-weight: bold;
    font-size: 36px;
}
.note_img_1{
    border:1px solid #555;
}
.note_short_description_1{
    margin-top:5px;
    margin-bottom:5px;
    font-weight: bold;
    font-size: 18px;
}
.note_description_1{
    margin-top:5px;
    margin-bottom:5px;
}
#note_1_0{
    float: none;
    width:auto;
    text-align: justify;
}
#note_title_1_0{
    font-weight: bold;
    font-size: 36px;
}
#note_img_1_0{
    border:1px solid #555;
}
#note_short_description_1_0{
    font-weight: bold;
    font-size: 18px;
}
#note_1_1{
    margin-right: 5px;
}
#note_1_2{
    margin-left: 5px;
}

.fresh_notes_2{
    border-bottom:1px solid #777;
}
.fresh_note_2:hover{
    color:#39f;
}
.note_2{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width:48%;
    text-align: justify;
    cursor: pointer;
    
}
.note_2:hover{
    color:#39f;
}
.note_title_2{
    margin-top:5px;
    margin-bottom:5px;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
}
.note_img_2{
    border:1px solid #555;
}
.note_short_description_2{
    margin-top:5px;
    margin-bottom:5px;
    font-weight: bold;
    font-size: 18px;
}
.note_description_2{
    margin-top:5px;
    margin-bottom:5px;
}
.selected_note_2{
    float: none;
    margin-top:5px;
    margin-bottom:5px;
    width:auto;
    text-align: justify;
    border-bottom:1px solid #777;
}
.selected_note_title_2{
    font-weight: bold;
    font-size: 36px;
    text-align: left;
}
.selected_note_img_2{
    border:1px solid #555;
}
.selected_note_short_description_2{
    font-weight: bold;
    font-size: 18px;
}
#note_2_0{
    margin-right: 10px;
}
#note_2_1{
    margin-left: 10px;
}
/***/

a {
    font-style:italic;
    color:#33c;
}
a:hover {
    color:#66f;
}
a.to_product {
    font-style:normal;
    text-decoration: none;
    color:#000;
}
a.to_product:hover {
    color:#000;
}
a.keyword{
    color:#059;
}
a.keyword:hover{
    color:#3ae;
}
.hmenu_1 {
    text-decoration: none;
    font-family: HelveticaNeueLTPro;
    font-style: normal;
    font-size: 18px;
    color:#eee;
}
.hmenu_1:hover {
    color:#fff;
    text-shadow: 0px 0px 2px #fff;
}
.hmenu_1_selected {
    text-decoration: none;
    font-family: HelveticaNeueLTPro;
    font-style: normal;
    font-size: 18px;
    color:#eee;
}
.hmenu_1_selected:hover {
    color:#fff;
    text-shadow: 0px 0px 2px #fff; 
}
.hmenu_1_submenu_item {
    font-family: century gothic;
    text-decoration: none;
}
.hmenu_1_submenu_item:hover {

}
.hmenu_separator_1{
    color:#ddd;
}
.hmenu_2 {
    text-decoration: none;
    font-family: HelveticaNeueLT;
    font-style: normal;
    font-size: 15px;
    color:#ddd;
}
.hmenu_2:hover {
    color:#fff;
    text-shadow: 0px 0px 1px #aaa;
}
.hmenu_2_selected {
    text-decoration: none;
    font-family: HelveticaNeueLT;
    font-style: normal;
    font-size: 15px;
    color:#ddd;
}
.hmenu_2_selected:hover {
    color:#fff;
    text-shadow: 0px 0px 2px #fff;
}
.hmenu_2_submenu_item {
    font-family: century gothic;
    text-decoration: none;
}
.hmenu_2_submenu_item:hover {

}
a.vmenu_1 {
    padding-left: 4px;
    text-decoration: none;
    text-align: left;
    font-family:calibri;
    font-style:normal;
    font-size: 13px;
    color:#e7c594;
}
a.vmenu_1:hover {
    text-shadow: 0px 0px 5px #fff;
    color:#e7c594;
}
a.vmenu_1_selected {
    padding-left: 4px;
    text-decoration: none;
    font-family:calibri;
    font-style:normal;
    font-size: 13px;
    text-shadow:0px 0px 5px #fff;
    color:#ead1ae;
}
a.vmenu_1_submenu_item {
    text-decoration: none;
}
a.vmenu_1_submenu_item:hover {
}
a.inText{
    text-decoration: none;
    font-style:normal;
    color:#000;
}
a.table_page {
    font-style:normal;
    color:#000;
}
.favourite_product {
    margin:5px;  
    border:1px solid #aaa; 
    overflow:hidden;
}
.favourite_product:hover {
    border:1px solid #333; 
}


div.mainElement {

}



@media only screen
and (min-width:1000px){
    .slicknav_menu {
        display:none;
    }
    #mobile_logo{
        display: none;
    }
}

@media only screen
and (max-width:1200px){
    .slicknav_menu {
        display:block;
        font-family: century gothic;
        font-size:20px;
        font-style: normal;
        font-weight: bold;
    }
    .in_txt_img{
        display: none;
    }
    #_sys_main{
        width:auto;
        padding: 0;
        border-left:0;
        border-right:0;
        box-shadow: 0;
    }
    #_sys_body {
        width:auto;
        margin-top:0px;
    }
    #_sys_headline {
        padding: 0;
        width:auto;
    }
    #_sys_leftsidebar{
        
    }
    #_sys_content {
        margin: 0;
        width:auto;
        overflow: hidden;
    }
    #_sys_rightsidebar{
        
    }
    #_sys_preFooter{
        height:0;
        overflow: hidden;
    }
    #_sys_footer{
        width:auto;
        overflow: hidden;
    }
    #page_title_label{

    }
    #page_desc_label{

    }
    /*legfrisebb hírek*/
    .fresh_note{
        width:auto;
    }
    #main_menu{
        display:none;
    }
    
    #content{
        width: auto;
    }
    .content{
        width:auto;
    }
}

@media only screen
and (max-width:1000px){
    #_sys_rightsidebar{
        display: none;
    }
    #mobile_menu{
        display: block;
    }
    #footer{
        margin:auto; 
        width:100%;
    }
    .fresh_note{
        width:48%;
    }
}

@media only screen
and (max-width:800px){
    .fresh_note{
        width:auto;
    }
}

@media only screen
and (max-width:480px){
    #_sys_footer{
        display: none;
    }
    #fb-like{
        display: none;
    }
}