/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2015-05-14, 06:46:56
    Author     : solenzo
*/

.entrance_container{
    position:relative;
    float:left;
    width:100%;
    z-index:1;
    padding-bottom:0px;
    border-bottom:0px solid #A7A7A7;
    background-color:transparent;
    padding-bottom:0px;
    padding-top:120px;
    font-family:"europa";
    
}


.contact_container{position:relative;float:left;width:100%;font-family:"europa";margin-top:50px;padding-bottom:100px;}
.contact_container .surname{position:relative;float:left;width:100%;text-align:right;border-bottom:1px solid #838383;padding-bottom:20px;font-weight:700;color:#4c4c4c;letter-spacing:1px;}
.contact_container .details{position:relative;float:left;width:100%;padding-top:20px;}
.contact_container .details .facebook{position:relative;float:left;color:#4c4c4c;text-decoration:none;}
.contact_container .details .instagram{position:relative;float:left;color:#4c4c4c;text-decoration:none;margin-left:50px;}
.contact_container .details .mail{position:relative;float:left;color:#4c4c4c;text-decoration:none;margin-left:50px;}

.contact_container .details .email{position:relative;float:right;color:#4c4c4c;text-decoration:underline;letter-spacing:4px;}


.special_menu_container{position:relative;width:100%;float:left;text-align:center;margin-top:100px;}

.special_menu{position:relative;margin:0 auto;width:auto;height:50px;display:inline-block;background-image:url('../../../img/main/banner/A.svg'),url('../../../img/main/banner/Z.svg');background-position:left center,right center;background-size:50px auto,50px 100%;background-repeat:no-repeat,no-repeat;padding-left:70px;padding-right:70px;;}
.special_menu .letter{z-index:1;position:relative;float:left;border:0px solid green;padding-left:0px;padding-right:0px;height:50px;}
.letter img{padding-left:40px;padding-right:40px;border:0px solid blue;max-height:50px;}
.special_menu .letter:hover{cursor:pointer;}
.special_menu .mask_letters{position:absolute;top:0;left:60px;right:60px;bottom:-1px;border:0px solid red;background-color:white;z-index:1;background-image:url('../../../img/main/banner/biografia.svg');background-position:center center;background-size:contain;background-repeat:no-repeat;opacity:0;transition:1s all ease;}
.special_menu .mask_letters.animateme{opacity:1;z-index:20;transition:1s opacity ease;}
.special_menu .mask_letters:hover{cursor:pointer;}

.pasek_container{position:relative;float:left;width:100%;border:0px solid red;text-align:center;margin-top:100px;}
.pasek_container img{position:relative;margin:0 auto;height:80px;text-align:center;overflow:hidden;}