/* 
    Document   : fej
    Created on : 2012.01.22., 22:00:08
    Author     : SMID
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#hezag{
    
    top: 0px;
    left: 0px;
    height:120px;
    width:100%;
    background-color: rgba(20,150,255,0.1);
    background-image:url(../images_main/mobileheadf.png);
    /*background-color: rgba(255,255,255,0.9);*/
    /*background-color: transparent;*/
    background-position: top left;
    background-size: 580px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: -20px;
    background-position-y: 20px;

    /*background-size: 140%;*/
}
#fej{
    align-content: center;
    width: 100%;
    border-width: 0px;
    height:100%;
    background-color: rgba(0,60,120,0.8);
    border-bottom-color:#ffffff;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-top-color:#ffffff;
    border-top-style:solid;
    border-top-width:4px;
    /*background-image:url(images_main/fejmenuhatter.jpg)*/
}
#sep{
    text-align:center;
    vertical-align:top;
    font-size:21px;
    font-weight:bolder;
    font-family:sans-serif;
    color:#aaa;
    text-shadow: 0px 0px 3px #666666;
}
#folink{
    text-align:right;
    padding-right: 20px;
    vertical-align:middle;
    text-decoration:none;
    font-weight:bolder;
    font-size:20px;
    color:#CEE8FF;
    text-shadow: 0px 0px 5px #000000;
}
#folink:hover{
    text-decoration:none;
    color:#ffffff;
    text-shadow: 0px 0px 5px #acc6dd;
}
#tovabb{

    text-decoration:none;
    font-weight:bolder;
    font-size:22px;
    color:#2222aa;
}
#tovabb:hover{
    text-decoration:none;
    color:#888888;
}
#alj{
    width:100%;
    border-width:0px;
    height: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99&0+0,0.65+100 */
background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.64)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}

@media only screen
and (min-width:320px)
and (max-width:800px){

#hidden{
    display: none;
}
#fej{
    display: none;
}
#hezag{
    height: 90px;
    background-size: 380px;
    background-position-x: -15px;
    background-position-y: 26px;
    /*background-color: #2860ff;*/
    background-color:rgba (40,96,255,0.4);
}
}