@font-face {
  font-family: Life;
  font-style: normal;
  src: url(../font/life.ttf);
}

.bg {
        font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
        font-size: 11px;

        margin: 0px;
        padding: 0px;
        background: url(../images2014/hatter.png) no-repeat center top fixed;        
        -webkit-background-size: cover;        
        -moz-background-size: cover;         
        -o-background-size: cover;        background-size: cover;
}

.page
{
    width: 1006px;
    margin: 0 auto;
}

.menu_hatter{
position: absolute; top: 25px; background: url(../images2014/menu_hatter.png); 
width: 100%; height: 50px;    
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.menu_hatter_bel{
position: absolute; top: 25px; left: 0px; 
z-index: 15;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background: url(../images2014/menu_hatter.png); width: 1006px; height: 49px;    
}

.zaszlok{
position: absolute; top: 2px; left: 0px; 
width: 1006px;     
z-index: 15;
}

.logo{
    position: absolute; top: 0px; left: 0px;
    width: 358px;
    z-index: 15;
    height: 348px; 
    background: url(../images2014/logo_hatter.png);
}


.menu_top {
    text-decoration: none;
    
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: rgb(80,116,142);
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
}
.menu_top:hover{
    text-decoration: none; 
    
}

.menu_top_td{
    height: 49px;
    text-align: center;
    
}

.menu_top_td:hover{
    height: 49px;
    background: url(../images2014/menu_hatter_keret.png);
    
}

.left_side{
    background-color: rgb(54,93,126);
    
}

.left_title{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    
}



.left_link{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    
}

.left_link:hover{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
    
}

.left_text{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    
}

.pager_left{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none; 
}

.pager_left:hover{
    text-decoration: underline; 
}

.pager_akt{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: rgb(187,165,142);
    font-size: 15px;
    font-weight: normal;
    text-decoration: none; 
}

.valasz_hal{
    width: 100%;
    height: 14px;
    background: url(../images2014/valasz_hal.png) repeat-x;
}

.text{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: rgb(54,93,124);
    font-size: 15px;
    font-weight: normal;
    text-decoration: none; 
}

.publikuslink2
{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: rgb(54,93,124);
    font-size: 15px;
    font-weight: normal;
    text-decoration: none; 
  
}
.publikuslink2:hover
{
    text-decoration: underline; 
}


.publikuslink
{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: rgb(54,93,124);
    font-size: 15px;
    font-weight: normal;
    text-decoration: none; 
  
}
.publikuslink:hover
{
    text-decoration: underline; 
}

.b_tabla_td_l
{
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}



.b_tabla_td_c
{
border-top: 1px solid #ffffff;
}



.b_tabla_td_r
{
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}

.vend1{
    background-color: rgb(54,93,126);
    color: #ffffff;

}

.vend2{
    background-color: #a5b599;
    color: #365D7C;

}


table.inner_editor {
        border-width: 0px;
        border-color: #bd5966;
        border-style: solid;
        width: 100%;
}

.editor_input {
        background-color: #a5b599;
        
        border-top-color: #cad9be;
        border-top-width: 1px;
        border-top-style: solid;
        border-left-color: #cad9be;
        border-left-width: 1px;
        border-left-style: solid;
        border-bottom-color: #495c39;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-right-color: #495c39;
        border-right-width: 1px;
        border-right-style: solid;
        color: #495a38;
}



td.editor2 {
    background-color: #a5b599;
        border-top-color: #cad9be;
        border-top-width: 1px;
        border-top-style: solid;
        border-left-color: #cad9be;
        border-left-width: 1px;
        border-left-style: solid;
        border-bottom-color: #495c39;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        color: #495a38;
        text-align:center;

}
td.editor1 {
        font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 13;
        font-weight: bold;
        color: #ffffff;
background-color: rgb(54,93,126);
                
        height: 20px;
}

.editor_input {
        font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #ffffff;
        background-color: rgb(54,93,126);
        height: 20px;
        width: 230px;
}

.btn {
font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
color: #495a38;
background-color: #A5B599;
border: 1px #6a7e5a solid;
width: 70px;
}

.tarea {
        background-color: rgb(54,93,126);
        color: #ffffff;
        height: 180px;
        width: 230px;

        border-top-color: #cad9be;
        border-top-width: 1px;
        border-top-style: solid;
        border-left-color: #cad9be;
        border-left-width: 1px;
        border-left-style: solid;
        border-bottom-color: #495c39;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-right-color: #495c39;
        border-right-width: 1px;
        border-right-style: solid;
        SCROLLBAR-FACE-COLOR: #6a7e5a;
        SCROLLBAR-HIGHLIGHT-COLOR: #6a7e5a;
        SCROLLBAR-SHADOW-COLOR: #6a7e5a;
        SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
        SCROLLBAR-ARROW-COLOR: #FFFFFF;
        SCROLLBAR-TRACK-COLOR: #495a38;
        SCROLLBAR-DARKSHADOW-COLOR: #000000;
        SCROLLBAR-BASE-COLOR: #495a38;



}

.menulink{
        font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 14px;
        color: rgb(54,93,126);
        margin: 0px;
        padding: 0px;
        text-decoration: none;

}

.link_white
{
    font-family: Life,Arial, Tahoma, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none; 
  
}
.link_white:hover
{
    text-decoration: underline; 
}

.brclr
{
    clear: both;
}
.calendar{
width: 170px;
border: 1px solid #006699;
background: #FFFFEE;
line-height: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding-bottom: 6px;
float: left;
margin-right: 6px;
margin-bottom: 6px;
min-height: 194px;
color: #666;
font-weight: normal;

}

.calendar .ctitle
{
    text-align: center;
    color: #FFF;
    background-color: #006699;
}
.calendar ul
{
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 4px;
    margin: auto;
    width: 168px;
    color: #000;
}
.calendar ul li
{
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
     border: 1px solid #e8e8e8;
     font-size: 10px;
     background-color: #DDD;
     
    
}
.calendar ul li.empty
{
    background-color: #EEE;
    border: 1px solid #EEE;
    color: #CCC;
}

.calendar_bojl .empty
{
    background-color: #EEE;
    
    color: #CCC;
}

.help_box{
    float: left; 
    width: 160px; 
    height: 100px;
    
    border: 1px solid #006699;
    background: #FFFFEE;
    line-height: 20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 6px;
    min-height: 194px;
    color: #666;
    font-weight: normal;

}


.help
{
    width: 20px;
    height: 20px;
    float: right;
    margin: 2px;

    display: block;
}
.helpcapt
{
    float: left;
    display: block;
    
}
.calendar ul li.booked, .help_booked
{
    background-color: #FF0000;
}
.help_free
{
    background-color: #DDD;
}
.calendar ul li.booked_pm,.help_booked_pm
{
    background-position: 230px top;
    background-image: url("../images/bg_days.png");
}
.calendar ul li.booked_am,.help_booked_am
{
    background-position: 200px top;
    background-image: url("../images/bg_days.png");
}


/*.calendar ul li.booked_more,.booked_more
{
    background-color: green;
    
}
*/

.calendar ul li.booked_more,.booked_more
{
     background-color: #FF0000;
/*     
    background-position: center center;
    background-image: url("../images/bg_days_oszt.jpg");
    
    background-repeat: repeat-y;
  */  
}


.calendar ul.calweek li 
{
    color: #FFF;
    background-color: #006699;
    border: 1px solid #006699;
    font-size: 11px;
}

.calendar ul li.bookcnt,.help_bookcnt,.bookcnt{
 background-color: #ff9700;   
}

.gmb_link
{
     text-decoration: none;   
}
.gmb_link:hover
{
     text-decoration: none;   
}

.szallgomb{
    border-bottom: 2px solid #ffffff; 
    border-left: 2px solid #ffffff; 
    border-right: 2px solid #ffffff; 
    border-top: 1px solid #ffffff; 
    background-color: #50748e; 
    color: #ffffff;
    width: 102px; 
    height: 27px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    padding-top: 7px;
    text-decoration: none;
}
.togomb
{
    letter-spacing: 2px;
    border-bottom: 2px solid #ffffff; 
    border-left: 2px solid #ffffff; 
    border-right: 2px solid #ffffff; 
    border-top: 0px solid #ffffff; background-color: #50748e; 
    width: 102px; 
        
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    font-size: 15px;
    height: 31px;
    padding-top: 4px;
    text-decoration: none;
    
}

.szallgomb:hover, .togomb:hover{
    background-color: #bba590;
    color: #50748e;
}
   
.cookCookieInfoBox {box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;}
.cookCookieInfoBox a.read, .ysolCookieInfoBox a.read:visited {color:#66B016;text-decoration:none;}
.cookCookieInfoBox a.accept, .ysolCookieInfoBox a.accept:visited {background:#66B016;color:#fff;border-radius:3px;text-decoration: none;padding: 6px 26px 6px 26px;margin-top:-4px;}    


.napt_print_text{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none; 
}

.napt_print_text_b{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none; 
}

.napt_print_hely
{
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none; 
    
}



.calendarb .ctitle
{
    text-align: center;
    color: #FFF;
    background-color: #006699;
}

.ctitle_bojl
{
    font-size: 13px;
    text-align: center;
    color: #FFF;
    background-color: #006699;
}

.calendarb ul
{
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 4px;
    margin: auto;
    width: 168px;
    color: #000;
}
.calendarb ul li
{
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 1px;
    margin-bottom: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
     border: 1px solid #e8e8e8;
     font-size: 10px;
     background-color: #DDD;
     
    
}
.calendarb ul li.empty
{
    background-color: #EEE;
    border: 1px solid #EEE;
    color: #CCC;
}

.booked_b_tele
{
    background-color:#FF0000;
    
}



.calendar_bojl{
 width: 270px;
 margin: 10px;
}

.calendar_bojl .ctitle
{
    font-size: 11px;
    line-height: normal;
}

.calendar_2 ul.calweek_2 li 
{
    color: #FFF;
    background-color: #006699;
    border: 1px solid #006699;
    font-size: 11px;
}

.calendar_2 ul li.bookcnt,.help_bookcnt,.bookcnt{
 background-color: #ff9700;   
}

.teke_div
{
    position: relative;
    left:-105px;
    height:0px;
    top: 37px;
}