/*      stile con le definizioni in caso di layout responsive             */

/* titolo */

@media (max-width: 550px) {
    
    .pubblicazioni-portlet h3.titolo-pers-pers .paginaCurr {
        float: left !important; 
        clear: left !important;
    }
    
}


/* elimina i padding quando si attiva lo stile row-fluid */

.aui .pubblicazioni-portlet [class*="span"], .aui .pubblicazioni-portlet .uneditable-input[class*="span"], .aui .pubblicazioni-portlet .row-fluid [class*="span"] {
    padding: 0px;
}


/* contenitori */

@media (max-width: 550px) {

    .pubblicazioni-portlet [class*="container"] {
        width: 100%;
    }

}

@media (max-width: 650px) {

    .pubblicazioni-portlet .container10 {
        width: 100%;
        max-width: 100% !important;
    }
    
    .pubblicazioni-portlet .container20 {
        width: 100%;
        max-width: 100% !important;
    }
    
    .pubblicazioni-portlet .container30 {
        width: 100%;
        max-width: 100% !important;
    }

    .pubblicazioni-portlet .container33 {
        width: 100%;
        max-width: 100% !important;
    }

    .pubblicazioni-portlet .container50 {
        width: 100%;
        max-width: 100% !important;
    }
    
    .pubblicazioni-portlet .container70 {
        width: 100%;
        max-width: 100% !important;
    }

    .pubblicazioni-portlet .container80 {
        width: 100%;
        max-width: 100% !important;
    }
    
}

@media (max-width: 250px) {

    .pubblicazioni-portlet .container10_small {
        width: 100%;
        max-width: 100% !important;
    }
    
    .pubblicazioni-portlet .container20_small {
        width: 100%;
        max-width: 100% !important;
    }
    
    .pubblicazioni-portlet .container30_small {
        width: 100%;
        max-width: 100% !important;
    }

    .pubblicazioni-portlet .container33_small {
        width: 100%;
        max-width: 100% !important;
    }

    .pubblicazioni-portlet .container50_small {
        width: 100%;
        max-width: 100% !important;
    }
    
}

/* tasti */

@media (max-width: 550px) {

    .pubblicazioni-portlet .tasto {
        margin-top: 30px !important;
    }    

    .pubblicazioni-portlet .tastoContainer {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        min-width: 160px;
        max-width: 180px;
        border: 1px solid #d1d1d1;
    }

}