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

}


@font-face {
    font-family: 'openBold';
    src: url('/fonts/opensans-semibold.eot');
    src: url('/fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-semibold.woff2') format('woff2'),
         url('/fonts/opensans-semibold.woff') format('woff'),
         url('/fonts/opensans-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


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

}

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

}


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

}


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

}

@font-face {
 font-family: robotolight;
 src: url('/fonts/robotolight.eot'); /* EOT file for IE */
font-family: robotolight;
 src: url('/fonts/robotolight.ttf'); /* TTF file for CSS3 browsers */
 font-family: robotolight;
 src: url('/fonts/robotolight.woff'); /* TTF file for CSS3 browsers */
}

* { padding:0; margin:0; }




#menuPrincipaleBar,#back-top{display:none}


#header{border-top:35px solid #e6003c;}

.panel-title > a {
    padding: 40px 0 40px 0 !important;

}


.raUser{width:420px;position:absolute;top: 8px;
right: 250px;font: 13px openBold;color:#fff;}
.boxCampi,.inpVal{float:left}
.inpVal input{border:1px solid #fff;margin-right:7px;padding:1px; border-radius:3px}
.labelTxt{float:left;margin-right:3px;}
.boxButton input{padding:0 7px;border:1px solid #fff;background:#e6003c;font: 13px openBold;color:#fff;cursor:pointer;border-radius:2px;transition:all .3s ease-in-out;}
.boxButton input:hover{background:#fff;color:#e6003c;transition:all .3s ease-in-out;}


.boxName{float:left;margin-right:50px}

.boxLogout a{padding:0 7px;border:1px solid #fff;background:#e6003c;font: 13px openBold;color:#fff;cursor:pointer;border-radius:2px;transition:all .3s ease-in-out;text-decoration:none}
.boxLogout a:hover{background:#fff;color:#e6003c;transition:all .3s ease-in-out;}


.fasciaBanner{width:100%;overflow:hidden;position:relative;top:-40px;clear:both;}
.fasciaBanner img{width:100%;}

.triangoloBanner{position:absolute;width:100%;height:285px;display:none}
.triangoloBanner img{height:100%}



.logo{margin-left:4%;width:530px;float:left;position:relative;z-index:99}
.logoDussmann{margin-top:25px;float:left}
.logoDussmann img,.logoCliente img{width:100%}

.labelLogo{font: 24px robotolight;
color: #71706f;float:left;margin-top:80px;margin-left:20px;margin-right:20px}
.logoCliente{width:250px;float:left;margin-top:65px}


.boxTitoloBanner{float:left;margin-left:6%;text-align:left;position:absolute;top:200px;font: 55px/58px openBold;
text-transform:uppercase;
color: #5a5859;}
.titoloBanner{font:62px/58px robotolight;color:#71706f;}
.titleAzz{color:#fff;font:63px/58px robotolight;}
.lineaTitoloBanner{width:397px;position:absolute;right:0;margin-top:20px;margin-bottom:8px;margin-right:0;margin-left:auto;border-bottom:5px solid #e6003c}

.sottotitoloBanner{font:26px/30px roboto;color:#fff;text-transform:uppercase;padding-top:45px;padding-bottom:40px}

#boxSocialBanner{position:absolute;top:7px;right:4%}
#boxSocialBanner a {
    color: #fff;
}
#boxSocialBanner i{margin-left:10px}
#boxSocialBanner .fa-3x {
    font-size: 1.3em;
}





#content{clear:both;margin-bottom:175px}

.titoloPage{font: 20px openBold;padding:0 0 20px 0;
color: #5a5859;text-align:center;clear:both;
}



#mainarea {
    clear: both;margin-top:2em;
    padding: 40px 10px 0px 10px;
}



#boxlogin {
    width: 450px;
    padding: 22px 50px;
    background: #f0f0f0;
    height: 350px;
    border: 1px solid #f0f0f0;
    position: relative;
    text-align: center;
    margin: auto;
}


.titoloBox {
    color: #e6003c;
    font: 28px/30px robotomed;
    margin-bottom: 13px;padding-top:13px;
}

#messConf{color:#e6003c;text-align:center;padding:0 0 20px 0;font: 17px robotomed;}

.testoBox {
    position: relative;
    top: 20px;
    font: 21px/33px robotomed;
    color: #5a5859;
}


#pw input {
    width: 60%;
    padding: 9px;
}


#logSx {
    margin: 45px 0 0 20px;
}

#logSx input {
    background: #e6003c;
    font: 16px robotomed;
    letter-spacing: 0.5px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
    padding: 12px 40px;
    text-align: center;
    border: 1px solid #e6003c;
}

#logSx input:hover {
    border: 1px solid #2d2420;
    background: #fff;
    color: #2d2420;
    transition: all .3s ease-in-out;
}




.titleFooter{padding:50px 0 0 0;margin:0 auto;text-align:center;font: 50px robotolight;
color: #fff;background:#e6003c}




#footer{background:#e6003c;clear:both;height:auto;color:#fff;font:14px open;}
	
	#bottomarea{position:relative;z-index:9999;}
	
	.boxContact{padding:2% 4% 1% 4%;float:left}
		
	.boxContactC{padding:2% 4% 1% 4%;float:left}
	
	.boxSoc{padding:4% 4% 2% 0;float:right}
	
	.txtLowerbar{font:11px open;padding:2% 4%;clear:both}
	
		
	#footer a{color:#fff;text-decoration:none}
	
	/*
.boxSoc{margin-right:4%;padding:48px 0 50px 0;width:20%;float:right; text-align:right;}
.boxSoc a{font:18px openBold;color:#fff;text-decoration:none}*/






@media (max-width: 1280px){

	.boxTitoloBanner{margin-left:6%;position:absolute;top:175px;font: 42px/48px openBold;}

.logo{margin-left:4%;width:450px;}

.logoCliente {

    width: 250px;}


.sectionIntro{width:75%;}
	
}



@media (max-width: 1023px){
	
		.boxTitoloBanner{margin-left:4%;top:167px;font: 36px/38px openBold;}

	.fasciaBanner{top:0px;padding-top:40px}
	
	
	/*  user */
.raUser{width:385px;top:8px;
right: 150px;  }
.inpVal input{width:100px}


/* fine user */



.logo{width:450px;}
.logoCliente {
    width: 200px;}

.sectionSanificazione .titleFascia,#tableSanificazione {
    width: 80%;}
	
	.sectionIntro{width:80%;}

	

	
.titleFooter {
font:45px robotolight;
    padding: 30px 0 25px 0;}
	



	
}


@media (max-width: 680px){
	
	#mainarea {

        padding: 20px 10px 40px 10px;
    }

    .titoloBox {
    
        font: 22px/26px robotomed;}
        
        .testoBox {
        font: 18px/26px robotomed;
        color: #5a5859;
    }
        
        #boxlogin {
        width:86%;
        padding: 22px 14px;
        background: #f0f0f0;
        height: 320px;
        border: 1px solid #f0f0f0;
        position: relative;
        text-align: center;
        margin: auto;
    }

        .titoloPage {
        font: 14px openBold;}
        
            .boxTitoloBanner{margin:0 auto;top:140px;text-align:center;font: 24px/26px openBold;width:100%}

        .fasciaBanner{padding-top:80px}
        
            /*  user */
    .raUser{width:150px;top:40px;text-align:right;
    right: 4%;    font: 12px openBold;z-index:999;
        color: #e6003c; }
    .inpVal input{width:100px;border:1px solid #e6003c; margin-right:0;}

    .boxCampi, .inpVal{float:none;margin-bottom:6px}

    .boxName {
        float: none;margin-bottom:8px;margin-top:3px;
        margin-right: 0;
    }



    /* fine user */

            
            .logoCliente {

        width: 170px;
        float: left;margin-left:4px;
        margin-top: 50px;

    }
            
            .labelLogo{font: 18px robotolight;margin-top:57px;margin-left:12px;margin-right:12px;}
            

            
            .logoDussmann {

        width: 200px;}
        
        .titoloBanner{padding-top:110px}
        

        
        .lineaTitoloBanner {

        width: 313px;

    }
        

        
        
        
        
        

    .logo{margin-left:4%;width:92%;}







    .panel-title > a {

        padding: 26px 0 30px 0 !important;

    }




    #footer{height:auto}
    .boxContact{padding-top:24px !important}
    .boxContact,.boxContactC,.txtLowerbar {
    margin:0 auto;
    text-align:center;
        width: 80%;
        float: none;
    padding: 5px 0;
    }

    .boxSoc {
    text-align:center;
    margin:0 auto;
    padding:0 0 25px 0;
        width: 80%;
        float: none;

    }
}