body {

    height: 100%;

    margin: 0;

    background: #e7e6e6 url('../img/bg_body.png') left top repeat-x;

    line-height: normal;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    color: #666666;

}

.link-app {
	color:#25426f;
	font-weight: bold;
	padding: 10px 0px;
    overflow: hidden;
}
.desc-app {
	padding: 3px;
    margin-top: 10px;
}
.disp-inline {
	display: inline-block;
	vertical-align: middle;
	padding: 3px;
}

a {

    color: #757575;

    text-decoration: none;

}

a:hover {

    color: #1a4273;

    text-decoration: none;

}



header {

    background-color: #ffffff;

}





/*#logoDataCitazioneCont {

    float: left;

}*/



#headerBanner {

    float: left;

    width: 794px;

    height: 164px;

    background: url(../img/banner_natale_2016.jpg) left top no-repeat;

}



#citazioneRigaUno {

    color: #e11212;

}



#citazioneRigaDue {

    font-style: italic;

    color: #3399d5;

}



#citazioneRigaTre {

    color: #022856;

}



/*#titoloPagCont {

    

}*/



/*#titoloPag {

    background-color: #1a4273;

    color: #ffffff;

}*/



h1 {

    font-weight: 700;

    color: #0e3361;

}



footer {

    background-color: #ffffff;

}





#footerCentrato {

    border-top: 3px solid #1a4273;

}



#footerBottom {

    /*border-top: 1px solid #bababa;*/

    border-top: 3px solid #1a4273;

}





.grassetto {

    font-weight: 700;

}



.maiuscolo {

    text-transform: uppercase;

}



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

    

    

/*    #logo {

        width: 80%;

        margin: 0 auto;

        text-align: center;

    }*/

    

    #logo img {

        width: inherit;

        max-width: 100%;

        height: auto;

    }

    

    

}



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

    .socialCont {

        width: 20%;

        margin: 0 2%;

    }

}



@media only screen and (min-width: 480px) and (max-width: 599px) {

    .socialCont {

        width: 20%;

        margin: 0 1%;

    }

}



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

    #dataCont {

        padding: 8px 0;

    }

    

    #citazioneCont {

        padding: 8px 0 15px;

    }

    

    #menuTop {

        padding-bottom: 10px;

    }

    #menuTop li {

        overflow: hidden;

        display: block;

        margin-bottom: 5px;

        border-radius: 7px;        

        background-color: #1a4273;

        text-align: center;

    }

    #menuTop li a {

        display: block;

        padding: 10px;

        color: #ffffff;

    }

    

    #cercaCont {

        padding-bottom: 15px;

    }

    

    #socials {

        padding-bottom: 15px;

        /*text-align: center;*/

    }

    

    .socialCont {

        display: inline-block;

    }

    .socialCont img {

        width: inherit;

        height: auto;

    }

    

    #uilCont {

        padding-bottom: 15px;

    }

}



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

    #logoCont {

        padding-bottom: 15px;

    }

    

    .citazioneRiga {

        padding-bottom: 3px;

    }

    

    #citazioneRigaDue {

        padding-left: 20px;

    }

    

    #citazioneRigaTre {

/*        padding-right: 30px;

        text-align: right;        */

        padding-left: 30px;

    }

}



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

    body {

        font-size: 1em;

    }

}



@media only screen and (min-width: 480px) and (max-width: 600px) {

    #menuTop {

        text-align: center;

    }

    #menuTop li {

        display: inline-block;

        width: 43%;

        margin: 1% 1%;

    }

    

    #cercaCont {

        float: left;

    }

    

    #socialsCont {

        float: right;

        width: 45%;

    }

    

    .socialCont {

        /*padding: 0 10px;*/

/*        width: 37px;

        padding: 0 10px;*/

    }

    

    #uilCont {

        float: left;

    }

    

    #webmailCont {

        float: right;

    }

}



@media only screen and (min-width: 480px) and (max-width: 1200px) {   

    

}



@media only screen and (min-width: 600px) and (max-width: 1200px) {

    #menuTop li {

        float: left;

        line-height: 43px;

        text-transform: uppercase;

        font-weight: 700;

        font-size: 15px;

        color: #1c8dcd;

    }

    #menuTop li a {

        color: #1c8dcd;

    }

    #menuTop li a:hover {

        color: #1a4273;

    }

    

    .menuTopNorm {

        padding-left: 22px;

    }

}



@media only screen and (min-width: 600px) and (max-width: 1200px) {

    #logoCont {

        float: left;

    }

    

    #dataCitazioneCont {

        float: right;

    }

    

    #dataCont {

        text-align: right;

    }

}



@media only screen and (min-width: 600px) and (max-width: 768px) {

    #logoCont {

        float: none;

        text-align: center;

    }

    

    #dataCitazioneCont {

        float: none;

    }

    

    #dataCont {

        text-align: left;

        padding-bottom: 10px;

    }

    

    #menuTopCont {

        padding-bottom: 5px;

    }

    

    #cercaCont {

        float: left;

        padding-bottom: 15px;

    }

    

    #socialsCont {

        float: right;

        padding-bottom: 15px;

    }

    

    .socialCont {

        float: left;

        padding: 0 10px;

    }

    

    #uilCont {

        float: left;

    }

    

    #webmailCont {

        float: right;

    }

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

    #dataCitazioneCont {

        float: right;

        padding-right: 10px;

    }

    

    #citazioneCont {

        padding-top: 10px;

    }

    

    #headerTopDx {

        clear: both;

        float: none;

    }

    

    #menuTopCont {

        float: left;

    }

    

    #cercaCont {

        float: right;

        padding-right: 10px;

    }

    

    #socialsCont {

        clear: both;

        float: left;

    }

    

    .socialCont {

        float: left;

        padding: 0 10px;

    }

    

    #uilCont {

        float: left;

    }

    

    #webmailCont {

        float: right;

        padding-right: 10px;

    }

}



@media only screen and (min-width: 1024px) {

    body {

        font-size: 13px;

    }

    

    .floatLeft {

        float: left;

    }



    .floatRight {

        float: right;

    }

}



@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    #headerTopDx {

        clear: both;

        float: none;

    }

    

    #dataCont {

        padding-right: 20px;        

    }

    

    #citazioneCont {

        padding-top: 20px;

        padding-right: 50px;

    }

    

    .citazioneRiga {

        letter-spacing: -0.25px;

    }

    

    #citazioneRigaUno {

        padding-bottom: 1px;

        font-weight: 700;

        font-size: 18px;

        color: #e11212;

    }

    

    #citazioneRigaDue {

        padding-left: 30px;

        padding-bottom: 4px;

        font-style: italic;

        font-weight: 700;

        font-size: 18px;

        color: #3399d5;

    }

    

    #citazioneRigaTre {

        padding-right: 70px;

        text-align: right;

        font-size: 13px;

        color: #022856;

    }

    

    #menuTopCont {

        float: left;

    }

    

    #cercaCont {

        float: left;

        padding-left: 100px;

    }

    

    #socialsCont {

        float: right;

    }

    

    .socialCont {

        float: left;

        padding: 0 10px;

    }

    

    

    nav {

        overflow: hidden;

        border-radius: 7px;

    }

}



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

    #headerTop {

        padding: 10px;

    }

    

    #cerca {

        float: left;

        overflow: hidden;

        border-radius: 7px;

        padding: 5px 15px;

        background-color: #e6e6e6;

    }

    #cerca #cercaHomeInput {

        width: 160px;

        border: 0;

        padding: 0 5px 0;

        background: transparent;

        line-height: 27px;

    }

    #cerca #cercaHomeSub {

        vertical-align: middle;

        line-height: 27px;

    }

    

    .footerTopSez {

        border-bottom: 1px dotted #999999;

        margin-bottom: 8px;

        padding-bottom: 8px;

    }

    

    .footerTopSezTit {

        padding: 8px 10px;

        font-weight: 700;

    }

    

    .footerTopSezVoce {

        padding: 8px 10px 8px 20px;

    }

    

    #footerBottom {

        padding: 10px;

    }

}



@media only screen and (min-width: 1200px) {

    .divCentrato {

        width: 1200px;

        margin: 0 auto;

    }

    

    #logoCont {

        padding-top: 15px;

        padding-right: 25px;

        padding-bottom: 15px;

    }

    

    #data {

        /*padding-top: 20px;*/

        line-height: 43px;

        text-align: right;

        font-weight: 300;

        font-size: 12px;

        color: #4c4c4c;

    }

    

    #citazioneCont {

        padding-top: 20px;

    }

    

    .citazioneRiga {

        letter-spacing: -0.25px;

    }

    

    #citazioneRigaUno {

        padding-bottom: 1px;

        font-weight: 700;

        font-size: 18px;

        color: #e11212;

    }

    

    #citazioneRigaDue {

        padding-left: 30px;

        padding-bottom: 4px;

        font-style: italic;

        font-weight: 700;

        font-size: 18px;

        color: #3399d5;

    }

    

    #citazioneRigaTre {

        padding-right: 70px;

        text-align: right;

        font-size: 13px;

        color: #022856;

    }



    #menuTopCont {

        /*padding-bottom: 8px;*/

        /*padding-left: 10px;*/

    }

    

    #menuTop {

        

    }

    

    #menuTop li {

        float: left;

        line-height: 43px;

        text-transform: uppercase;

        font-weight: 700;

        font-size: 15px;

        color: #1c8dcd;

    }

    #menuTop li a {

        color: #1c8dcd;

    }

    #menuTop li a:hover {

        color: #1a4273;

    }

    

    .menuTopNorm {

        padding-left: 22px;

    }

    

    #menuTopPrimo {

        

    }

    

    #cercaCont {

        float: right;

        padding-bottom: 8px;

    }

    

    #cerca {

        float: left;

        overflow: hidden;

        border-radius: 7px;

        padding: 5px 15px;

        background-color: #e6e6e6;

    }

    #cerca #cercaHomeInput {

        width: 80px;

        /*width: 160px;*/

        border: 0;

        padding: 0 5px 0;

        background: transparent;

        line-height: 27px;

    }

    #cerca #cercaHomeSub {

        vertical-align: middle;

        line-height: 27px;

    }

    

    #socialsCont {

        float: left;

        padding-bottom: 8px;

    }

    

    #socials {

        /*width: 141px;*/

        /*padding-left: 15px;*/

        text-align: center;

    }

    

    .socialCont {

        /*float: left;*/

        display: inline-block;

        padding: 0 8.1px 8px;

    }

    

    #socialTwitter {

        /*padding: 0 12px;*/

        /*padding: 0 5px;*/

    }

    

    #uilCont {

        padding-bottom: 8px;

    }

    

    nav {

        overflow: hidden;

        border-radius: 7px;

    }

    

    #corpo {

/*        width: 1200px;

        margin: 0 auto;*/

        padding-bottom: 30px;

    }

    

/*    #titoloPag {

        border-top-left-radius: 7px;

        border-top-right-radius: 7px;

        padding: 13px 20px;

        text-transform: uppercase;

        font-size: 16px;

        font-weight: 700;

        letter-spacing: -0.25px;

    }*/

    

    h1 {

        padding-bottom: 25px;

        font-size: 30px;

        /*font-weight: 700;*/

        letter-spacing: -0.25px;

    }

    

/*    #paginaTxtCont {

        border: 1px solid #e0dfdf;

        border-bottom-left-radius: 7px;

        border-bottom-right-radius: 7px;

        padding: 20px 30px;

        background-color: #ffffff;

        box-shadow: inset 0 -3px 0 rgba(184, 184, 184, 0.4);

    }*/

    

    #footerTop {

        padding-top: 30px;

    }

    

    .footerTopSez {

        float: left;

    }

    

    #footerTopSezUilca {

        width: 250px;

    }

    

    #footerTopSezSezioni {

        width: 510px;

    }

    

    #footerTopSezSeguici {

        width: 250px;

    }

    

    #footerTopSezLink {

        width: 180px;

    }

    

    .footerTopSezTit {

        padding-bottom: 8px;

        text-transform: uppercase;

        letter-spacing: -0.25px;

        font-weight: 700;

        font-size: 16px;

        color: #1a4273;

    }

    

    .footerTopSezVoce {

        /*line-height: 30px;*/

        padding: 8px 0;

        font-size: 14px;

        letter-spacing: -0.25px;

    }

    

    .footerTopSezColonnaVoce {

        float: left;

        width: 200px;

    }

    

    #footerBottom {

        padding: 25px 0;

        font-size: 14px;

        color: #646464;

    }

    #footerBottom a {

        color: #4aade8;

    }

    #footerBottom a:hover {

        color: #646464;

    }

}



.msgErrorArte {

    border: 1px solid #E36161;

    margin-bottom: 15px;

}



.msgErrorArteBody {

    padding: 15px 20px 15px 55px;

    background-image: url('../img/bg_msg_red.png');

    background-repeat: no-repeat;

    background-position: 15px center;

    font-size: 14px;

    color: #E36161;

}



.msgWaring {

    border: 1px solid #498600;

    margin-bottom: 15px;

}



.msgWaringBody {

    padding: 15px 20px 15px 55px;

    background-image: url('../img/bg_msg_green.png');

    background-repeat: no-repeat;

    background-position: 15px center;

    font-size: 14px;

    color: #498600;

}



.msgWaringYellow {

    border: 1px solid #DAAD3A;

    margin-bottom: 15px;

}



.msgWaringYellowBody {

    padding: 15px 20px 15px 55px;

    background-image: url('../img/bg_msg_yellow.png');

    background-repeat: no-repeat;

    background-position: 15px center;

    font-size: 14px;

    color: #DAAD3A;

}

.logo-store{
    margin-top: 10px;
}

.button-blog{
    float: right;
}

@media screen and (max-width: 992px){
    .button-blog{
        float: none;
    }
}

.button-blog a.button{
    display: block;
    background: #1493DA;
    border:1px solid #1493DA;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
}

.button-blog a.button:hover{
    background: #fff;
    color: #1493DA;
}

.segreteriaNazSegretarioNome span{
    display:block;
}