@media screen and (min-width: 1200px) 
{
    .html, body
    {
        background-color:#000100;
        overflow:hidden;
    }

    .sfondo
    {
        position:fixed;
        right:0px;
        bottom:0px;
        width:28%;
        z-index:-2222;
    }
    
    .scritta
    {
        position:fixed;
        left:2%;
        bottom:5%;
        z-index:-2222;
        height:470px;
    }

    .scritta2
    {
        position:fixed;
        left:2%;
        bottom:5%;
        z-index:-2222;
        height:327px;
    }

    #pagina
    {
        z-index:3333;
        margin-right:13%;
    }

    .menu
    {
        position:fixed;
        width:50px;
        height:35px;
        background-image:url('/gfx/menu.png');
        background-size:50px 35px;
        background-repeat:no-repeat;
        cursor:pointer;
    }   
    .sottoMenu
    {
        position:fixed;
    }
    .sottoMenu a
    {
        display:inline-block;
        color:#ffffff;
        text-decoration:none;
        font-weight:700;
        margin-top:10px;
        padding-left:30px;
        padding-right:30px;
        padding-top:5px;
        padding-bottom:5px;
    }
    .sottoMenu a:hover
    {
        background-color:#7c7b7b;
    }
    .sottoMenuActive
    {
        background-color:#7c7b7b !important;
    }

    .footer
    {
        position:fixed;
        left:0px;
        bottom:0px;
        width:99%;
        padding-left:1%;
        padding-top:5px;
        padding-bottom:10px;
        font-size:12px;
        text-align:left;
        color:#fff;
        background-color:#000100;
        z-index:8888;
    }


    /*HOME*/

    .home
    {
        width:770px;
        margin:auto;
        position:relative;
    }

    .logo
    {
        position:absolute;
        width:362px;
        height:63px;
        left:570px;
        top:0px;
        background-image:url('/gfx/logo.png');
        background-size:contain;
        background-repeat:no-repeat;
    }

    .hair {
        margin-left: 90px;
        margin-top: 0px;
        width: 450px;
        height: 450px;
        background-image: url('/gfx/hair_art.png');
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .hair:hover
    {
        -webkit-animation-name: pulse;
        -moz-animation-name: pulse;
        -o-animation-name: pulse;
        animation-name: pulse;
    }

    .makeup
    {
        margin-left:-110px;
        margin-top:0px;
        width:650px;
        height:270px;
        background-image:url('/gfx/make_up.png');
        background-position:right center;
        background-size:cover;
        background-repeat:no-repeat;
    }
    .makeup:hover
    {
        -webkit-animation-name: pulse;
        -moz-animation-name: pulse;
        -o-animation-name: pulse;
        animation-name: pulse;
    }

    .nostroTeam
    {
        margin-left:-110px;
        margin-top:40px;
        margin-right:0px;
        width:90px;
        height:90px;
        background-image:url('/gfx/tu.png');
        background-position:center center;
        background-size:cover;
        float:left;
    }
    .nostroTeam:hover
    {
        -webkit-animation-name: shake;
        -moz-animation-name: shake;
        -o-animation-name: shake;
        animation-name: shake;
    }

    .social
    {
        position:absolute;
        right:-30px;
        top:120px;
        width:200px;
        height:510px;
        background-color:#50504f;
    }
    .social a
    {
        display:block;
        padding:0px;
        margin:0px;
        line-height:0px;
        text-decoration:none;
    }

    .facebook
    {
        position:absolute;
        left:0px;
        top:0px;
        width:100px;
        height:170px;
        background-image:url('/gfx/fbIco.png');
        background-position:left top;
        background-size:44px 90px;
        background-repeat:no-repeat;
    }
    .facebook:hover
    {
        background-image:url('/gfx/fbIco_color.png');
        background-position:left top;
        background-size:44px 90px;
        background-repeat:no-repeat;
    }

    .bloccoArrow
    {
        position:absolute;
        right:0px;
        top:0px;
        width:100px;
        height:170px;
        background-image:url('/gfx/bloccoArrow.png');
        background-position:center center;
        background-size:100px 170px;
    }

    .googlePlus
    {
        position:absolute;
        left:0px;
        top:170px;
        width:200px;
        height:85px;
        background-image:url('/gfx/gpIco.png');
        background-position:right center;
        background-size:80px 80px;
        background-repeat:no-repeat;
    }
    .googlePlus:hover
    {
        background-image:url('/gfx/gpIco_color.png');
        background-position:right center;
        background-size:80px 80px;
        background-repeat:no-repeat;
    }

    .instagram
    {
        position:absolute;
        left:0px;
        top:255px;
        width:200px;
        height:85px;
        background-image:url('/gfx/twIco.png');
        background-position:left center;
        background-size:85px 85px;
        background-repeat:no-repeat;
    }
    .instagram:hover
    {
        background-image:url('/gfx/twIco_color.png');
        background-position:left center;
        background-size:85px 85px;
        background-repeat:no-repeat;
    }

    .youtube
    {
        position:absolute;
        left:0px;
        top:340px;
        width:200px;
        height:85px;
        background-image:url('/gfx/ytIco.png');
        background-position:center center;
        background-size:190px 80px;
        background-repeat:no-repeat;
    }
    .youtube:hover
    {
        background-image:url('/gfx/ytIco_color.png');
        background-position:center center;
        background-size:190px 80px;
        background-repeat:no-repeat;
    }

    .pinterest
    {
        position:absolute;
        right:0px;
        top:425px;
        width:80px;
        height:80px;
        background-image:url('/gfx/ptIco.png');
        background-position:right center;
        background-size:80px 80px;
        background-repeat:no-repeat;
    }
    .pinterest:hover
    {
        background-image:url('/gfx/ptIco_color.png');
        background-position:right center;
        background-size:80px 80px;
        background-repeat:no-repeat;
    }
    .block
    {
        position:absolute;
        left:0px;
        top:425px;
        width:120px;
        height:85px;
        background-image:url('/gfx/block.png');
        background-position:right center;
        background-size:120px 85px;
        background-repeat:no-repeat;
    }

    .style
    {
        position:absolute;
        right:-30px;
        top:670px;
        width:260px;
        height:260px;
        background-image:url('/gfx/style.png'), url('/gfx/arrow.png');
        background-position:center 10%, 95% 90%;
        background-size:80% auto, 19px 58px;
        background-repeat:no-repeat, no-repeat;
        background-color:#646463;
    }
    .style:hover
    {
        -webkit-animation-name: bounce;
        -moz-animation-name: bounce;
        -o-animation-name: bounce;
        animation-name: bounce;
    }

    .marche
    {
        float:left;
        margin-left:-5px;
        margin-top:0px;
        width:380px;
        height:175px;
        position:relative;
    }
    .marche a
    {
        display:block;
        padding:0px;
        margin:0px;
        line-height:0px;
        text-decoration:none;
    }

    .loreal
    {
        position:absolute;
        left:185px;
        top:12px;
        width:210px;
        height:70px;
        background-image:url('/gfx/loreal.png');
        background-position:center center;
        background-size:160px 41px;
        background-repeat:no-repeat;
        background-color:#000100;
    }

    .diego
    {
        position:absolute;
        left:412px;
        top:30px;
        width:120px;
        height:77px;
        background-image:url('/gfx/diegoPalma.png');
        background-position:center center;
        background-size:120px 77px;
        background-repeat:no-repeat;
    }

    .shu
    {
        position:absolute;
        left:0px;
        top:30px;
        width:110px;
        height:110px;
        background-image:url('/gfx/shuUemura.png');
        background-position:center center;
        background-size:90% auto;
        background-repeat:no-repeat;
        background-color:#ffffff;
    }

    .with
    {
        position:absolute;
        left:120px;
        top:40px;
        width:80px;
        height:71px;
        background-image:url('/gfx/withUs.png');
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
    }
    
    .kerastase
    {
        position:absolute;
        left:210px;
        top:85px;
        width:190px;
        height:55px;
        background-image:url('/gfx/kerastase.png');
        background-position:center center;
        background-size:80% auto;
        background-repeat:no-repeat;
        background-color:#ffffff;
    }


    /*hair*/

    .sliderHair
    {
        width:100%;
    }
    .sliderHair li
    {
        width:100%;
    }
    .paginatesto
    {
        width:70%;
        margin-left:15%;
        padding-top:6%;
        color:#ffffff;
        font-size:16px;
        font-weight:500;
        line-height:25px;
    }
    .paginatesto img
    {
        float:left;
        margin-top:20px;
        min-width:40%;
        max-width:40%;
        margin:0px;
        padding:0px;
        margin-right:5px;
        background-color:#000100;
    }

    /*.paginatesto2 img
    {
        float:left;
        margin-top:20px;
        min-width:24% !important;
        max-width:24% !important;
        width:24% !important;
        margin:0px;
        padding:0px;
        margin-right:1% !important;
        margin-bottom:1% !important;
        background-color:#000100;
    }*/

    .contenitoreLogo
    {
        width:70%;
        margin:auto;
        position:relative;
    }

    .logo2
    {
        position:absolute;
        width:362px;
        height:63px;
        right:0px;
        top:0px;
        background-image:url('/gfx/logo.png');
        background-size:contain;
        background-repeat:no-repeat;
        z-index:9999;
    }


    /*style*/

    .boxInfo
    {
        float:left;
        width:33%;
        margin-bottom:20px;
    }

    #map
    {
        margin-top:30px;
        margin-bottom:50px;
    }
    #map img
    {
        background-color:transparent !important;
    }

    .team
    {
        width:85%;
        padding-left:15%;
        padding-bottom:4%;
        /*background-image:url('/gfx/tuBig.png');
        background-position:left top;
        background-repeat:no-repeat;
        background-size:10% auto;*/
        font-size:16px;
    }
    .team a
    {
        text-decoration:none;
        color:#ffffff;
    }

    .nostroTeam2
    {
        margin-left:-15%;
        margin-top:0px;
        width:90px;
        height:90px;
        background-image:url('/gfx/tu.png');
        background-position:center center;
        background-size:cover;
        float:left;
    }
    .nostroTeam2:hover
    {
        -webkit-animation-name: shake;
        -moz-animation-name: shake;
        -o-animation-name: shake;
        animation-name: shake;
    }
}