body {
font-family:'Open Sans';
font-family:"brain_flowerregular";
font-family:"booster_fy";

background-color:white;
color:#542903;
margin:0;
padding:0;
min-width:1024px;
background-repeat:no-repeat;
background-position:center top;
background-size:100% auto;
font-size:16px;
}

@font-face {
  font-family: 'AuraBlue';
  src: url('../fonts/AuraBlueRegular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AuraBlueRegular.woff') format('woff'),
       url('../fonts/AuraBlueRegular.ttf')  format('truetype'),
       url('../fonts/AuraBlueRegular.svg#AuraBlueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'brain_flowerregular';
    src: url('../fonts/brain_flower_euro-webfont.eot');
    src: url('../fonts/brain_flower_euro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brain_flower_euro-webfont.woff2') format('woff2'),
         url('../fonts/brain_flower_euro-webfont.woff') format('woff'),
         url('../fonts/brain_flower_euro-webfont.ttf') format('truetype'),
         url('../fonts/brain_flower_euro-webfont.svg#brain_flowerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'booster_fy';
    src: url('../fonts/boosterfy-regular-webfont.eot');
    src: url('../fonts/boosterfy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/boosterfy-regular-webfont.woff2') format('woff2'),
         url('../fonts/boosterfy-regular-webfont.woff') format('woff'),
         url('../fonts/boosterfy-regular-webfont.ttf') format('truetype'),
         url('../fonts/boosterfy-regular-webfont.svg#booster_fyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'booster_next_fyblack';
    src: url('../fonts/boosternextfy-black-webfont.eot');
    src: url('../fonts/boosternextfy-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/boosternextfy-black-webfont.woff2') format('woff2'),
         url('../fonts/boosternextfy-black-webfont.woff') format('woff'),
         url('../fonts/boosternextfy-black-webfont.ttf') format('truetype'),
         url('../fonts/boosternextfy-black-webfont.svg#booster_next_fyblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




a{ text-decoration:none;color:#542903; }

h1 {font-size:2.8em; font-family:"brain_flowerregular";  font-weight:700; border-bottom:1px solid #f7f7f7; color:#542903; text-align:center; width:100%; float:left; margin:20px 0; padding:0px 0 0 0;}
h2 {font-size:2.4em;  font-family:"brain_flowerregular"; font-weight:700; border-bottom:1px solid #f7f7f7; color:#542903; text-align:center; width:100%; float:left; margin:20px 0; padding:0px 0 0 0;}


p {font-size:12px; font-size:1em; font-weight:400; text-align:center; }

img{border:none;}



.centrato { 
width:984px; 
padding:0 20px;    
margin:0 auto;
display:block;
position:relative;
}


#header {margin-top:0;height:250px;background-color:white; min-width:1004px;  }

.riga {
height:1px;
width:100%;
display:block;
background-color:#ededed;
background-color:#f3f3f3;
position:absolute;
top:25px;
}

.logo{position:absolute;top:11px;left:50%; margin:30px 0 0 -75px;}

.phone {
position:absolute;
left:0;
top:10px;
padding:0 10px;
font-size:1em;
background-color:white;
} 
.phone span {background-image:url(../img/phone.png); background-position:center 3px;  background-size:15px 15px; background-repeat:no-repeat; 
             width:30px; height:30px; float:left; display:block; border-radius:30px;}


.social {
position:absolute;
right:0;
top:5px;
}
.fb {background-image:url(../img/fb2.png); background-position:center center; background-color:#542903;
      width:30px; height:30px; float:left; display:block; border-radius:30px; border:5px solid white;
transition:all 300ms;
-o-transition:all 300ms;
-moz-transition:all 300ms;
-webkit-transition:all 300ms;
}
.fb:hover {background-color:#bcbec2;}

.in {background-image:url(../img/instag2.png); background-position:center center; background-color:#542903;
      width:30px; height:30px; float:left; display:block; border-radius:30px; border:5px solid white;
transition:all 300ms;
-o-transition:all 300ms;
-moz-transition:all 300ms;
-webkit-transition:all 300ms;
}
.in:hover {background-color:#bcbec2;}


#menu {display:block; float:left; width:100%; margin:190px auto 0 auto ;  height:50px;  overflow:hidden; font-family:"brain_flowerregular";}

#menu ul {list-style:none;padding:0;margin:0px 0 193px 0;position:relative;float:left;}
#menu ul li {float:left; margin:0;  padding:0 9px; height:50px; position:relative; display:block; }
#menu ul li span {line-height:50px;  margin:0; height:50px; display:block; font-weight:600; font-size:1.6em; font-weight:300; text-transform:uppercase;}
#menu ul li .selected {color:#542903; font-weight:700; font-size:1.8em; letter-spacing:-0.2px;}

#menu span:hover, #menu .selected{color:#542903; font-weight:700;  letter-spacing:-0.2px;}

#menu ul li:hover ul{display:block;}
#menu ul li:hover ul ul{display:none;}


#menu ul li ul{
z-index:100;
background-color:white;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
display:none;
padding:10px 0 0px 0;
position:absolute;
width:auto;
left:0px;
border-top:none;

}

#menu ul li ul li{float:none;  border-bottom:1px solid #ededed; height:auto; position:static; padding:10px; margin:0px; display:block; min-width:220px; }
#menu ul li ul li span{ font-weight:400; color:rgb(55, 55, 55);  font-size:12px; height:auto; line-height:20px; padding:0px 15px;}
#menu ul ul span:hover, #menu ul ul .selected{color:#542903;  font-weight:600;}
#menu ul ul ul{display:none;}



.corpo {min-height:520px;overflow:hidden; padding:20px 0 40px 0;}

.cont { width:944px; padding:30px 20px;  display:block; overflow:hidden;  background-color:white; border-radius:10px;} 
.cont img{margin:10px; border-radius:3px;}



.contenuto{
float:left;
width:100%;
}






/*NEWS*/

.news {
border-bottom:1px solid #484848;
overflow:hidden;
height:170px;
padding:25px 0;
}

.news .img{
width:170px; 
height:170px;
display:block;
margin-right:15px;
border-radius:3px;
float:left;
background-size:cover;
background-color:#2f2f2f;
}

.news h2{
width:725px;
float:right;
background-color:transparent;
font-family:'Oswald';
font-weight:300; 
padding:0;
margin:0 0;
}
.news p {
float:right;
width:725px;
display:block;
height:80px;
margin:15px 0 0 0;
overflow:hidden;
}

.news .readmore{ float:right;  font-variant:small-caps; padding:9px 15px; border-radius:3px; 
transition:300ms all;
-o-transition:300ms all;
-webkit-transition:300ms all;
-moz-transition:300ms all;
}
.news .readmore:hover{ background-color:#f7f7f7; color:black;}










/*FOOTER*/

#footer {
width:100%;
min-width:1000px;
padding:10px 0;
float:left;
margin-top:0px;
font-weight:300;
font-size:0.92em;
line-height:25px;
background-color:white;
}
#footer p{ font-weight:300; color:#231f20; font-size:13px;}

#footer .centrato{overflow:hidden;}

#footer .f{
float:left;
width:100%;
box-sizing:border-box;
padding:20px;
line-height:29px;
text-align:center;
}


.techstyle {
color:#435487;
font-size:14px;
font-weight:300;
float:right;
}
.techstyle strong{font-size:14px;}
.techstyle:hover{font-size:15px; }








.gallery {width:100%; overflow:hidden;}
.gallery span{width:160px; height:160px; display:block; float:left; border:1px solid #005a87; margin:13px; }











/*CONTATTI*/

.contatti {
margin:0px 50px;
width:400px;
float:right;
}

.contatti_sx {
float:left; width:400px; display:block; min-height:500px;
}

.contatti .label, .contatti .text   {
width:260px;
/*display:block;*/
font-size:14px;
font-weight:400;
line-height:25px;
height:25px;
margin-bottom:5px;
margin-top:10px;
text-align:left;
}

.contatti .input1, .contatti select, .contatti input{
font-size:15px;
margin-bottom:5px;
margin-top:0px;
font-weight:400;
line-height:20px;
height:20px;
width:100%;
margin:0 0;
border:1px solid #ededed;
border-bottom:1px solid #393939;
border-radius:3px;
display:block;
}
.contatti .validator{float:left; margin:5px 0 0 -20px;}

.contatti textarea{
font-size:15px;
margin-bottom:5px;
margin-top:5px;
font-weight:400;
line-height:20px;
height:100px;
width:100%;
border:1px solid #393939;
border-radius:3px;
}


.contatti .invia {
margin:40px 0;
background-color:#542903;
color:white;
text-align:center;
width:80px;
height:35px;
line-height:35px;
border-radius:3px;
border:0px solid #393939;
padding:0px 20px;
}

.contatti .invia:hover{cursor:pointer;}

.lavora_con_noi {
background-image:url(../img/lavora_con_noi.png);
background-position:right top;
background-repeat:no-repeat;
}

label {font-size:14px;}



.head_pg {
height:82px;
width:100%;
display:block;
padding:20px 0;
background-image:url(../img/header.png);
background-position:center center;
background-repeat:no-repeat;
}


.foot_pg {
height:160px;
width:100%;
display:block;
padding:20px 0;
margin-top:30px;
background-image:url(../img/footer.png);
background-position:center top;
background-repeat:no-repeat;
float:left;
margin-top:30px;
}


.privacy {
font-size:12px;
width:800px;
text-align:justify;
display:block;
margin-top:30px;
}


.contatti .check input {
width:30px;
border:none;
float:right;
margin-right:270px;
}












@media all and (max-width: 1024px) {


    #header {width:100%; min-width:320px; height:135px; background-image:none; }

    body{ width:100%; min-width:320px; padding:0; }
    .corpo, .corpo #home, #footer, .centrato, .cont { width:100%; min-width:90%; padding:0 0%; }

    .social {
    position:absolute;
    right:47px;
    top:5px;
    }

    #menu_call {
    display:block;
    float:left;
    width:50px;
    height:100px;
    background-image:url(../img/menu.png);
    background-position:center center;
    background-repeat:no-repeat;
    margin-top:35px;
    opacity:0.5;
    }

    #menu{
        display:none;
        float:right;
        width:90%;
        height:auto;
        position:absolute;
        margin-top:0px;
        top:180px;
        z-index:10000;
        background-position:center center;
        background-repeat:no-repeat;
        padding-bottom:20px;
        background-color:rgba(255, 255, 255, 1);
        border-bottom:3px solid #e9e9e9;
        transition:300ms all;
        -o-transition:300ms all;
        -webkit-transition:300ms all;
        -moz-transition:300ms all;

    }
    #menu ul{width:100%;}

    #menu ul li {
    width:90%;
    height:auto;
    line-height:50px;
    padding:1% 5%;
    overflow:hidden;
    position:static;
    float:none;
    display:block;
    }
    #menu ul li span{text-align:center;}

    #menu ul li ul{display:block; position:static; padding:0; margin-left:-20px;}
    #menu ul li ul li{float:left; width:100%; border-bottom:none; height:auto; position:static; padding:15px 20px; margin:0px; display:block; min-width:220px; }
    #menu ul li ul li span{line-height:normal; text-transform:capitalize;}

    .logo{ top:10px; height:auto; width:120px; margin-left:-60px; 
           background-image:url(../img/logo_white.png); background-position:center center;}

    .centrato{width:90%; padding:0 5%; margin:0;}

    #footer {
    width:100%;
    height:auto;
    overflow:hidden;
    }
    #footer .f {
    width:100%;
    padding:5%;
    margin:20px 0 0 0;
    padding-top:20px;
    border:none;
    border-top:2px solid rgb(243, 243, 243);
    }


    .contatti, .contatti_sx {
    margin:30px 10%;
    width:80%;
    float:left;
    text-align:center;
    min-height:200px;
    }

}







@media all and (max-width: 500px) {
    #header{height:160px;}

    .logo{ top:20px;  width:100px; margin-left:-50px; } 
    
    #menu_call {float:left; margin-top:90px; }
    
    .social {position:absolute; right:30px; top:120px; }
    /*.social .fb{width:38px; height:38px; }*/
}