/*
    Document   : gallery
    Created on : 2013.11.03., 16:30:58
    Author     : Szerencsi Szabolcs
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}

.gallery{
    float: left;
    width: 46%;
    margin: 2%;
    min-height: 100px;
    position: relative;
}

.gall-act .zoom1, .gall-act .zoom2{
    position: absolute;
    background-position: center center;
    background-size: 38px;
    background-repeat: no-repeat;
    background-image: url("../themes/default/img/icons/zoom.png");
    display: block;
    z-index: 10;
    bottom:0!important;
    margin-top: -50px;
    right: 0px;
    width: 50px!important;
    height: 50px!important;

    z-index: 20!important;
    background-color: rgba(20,20,20,0.6);
    background-size: 38px !important;
    cursor: pointer;
}

.gall-act img{
    width: 100%;
    position: absolute;

}

.gall-act{
    padding-bottom: 62%;
    overflow: hidden;
    border: 1px solid #000;
    width: 98%;
    margin: 1%;
    position: relative;
}

.gall-list div{
    float: left;
    width: 18%;
    margin: 1%;
    position: relative;
    padding-bottom: 10%;
    overflow: hidden;
    border: 1px solid #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.gall-list img{
    width: 100%;
    position: absolute;
}

.map-a a{
    color: #a9a9a9;
}
.map-a a:hover{
    color: #09b1fd;
}

.gallery .akt{
    opacity: 1!important;
}

.gallery .gall-list div{
    opacity: 0.6;
}

.call-message{
    color: #09b1fd;
    cursor: pointer;
    font-weight: bold;
}
.page-content a{
    text-decoration: none;
    color: #646464!important;
}
.page-content a:hover{
    text-decoration: none;
    color: black!important;
}


.page-content img{
    border-radius: 3px;
    margin:10px;
    box-shadow: 2px 2px 2px rgba(20,20,20,0.3);
}

.page-content{
    font-size: 18px;
    line-height: 160%;
    text-align: justify;

    padding-top: 0px;
    padding-bottom: 50px;
}


.page-content h1{

    margin-top: 30px;
}

/*


.page-content h1{
    background: #09b1fd;
    padding:20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 50px;
    color:white;
    font-size: 28px;
    font-weight: bold;

    clear: both;
    margin-bottom: 20px;

    min-width: 40%;
    display: table;
    margin-bottom: 30px;
    margin-top: 30px;
}

.page-content h1:after{
    width: 100%;
    height: 1px;
    clear: both;
    display: block;
}
*/
@media screen and (min-width: 1601px){

}

@media screen and (max-width: 1600px) and (min-width: 1441px){

}

@media screen and (max-width: 1440px) and (min-width: 1281px){

}

@media screen and (max-width: 1280px){

}





.page-module{
    position: relative;
}