/* CSS Document */

@media screen and (max-width: 1440px) {
    .btnsystem.lblsystemMT{
        margin-top: 1rem;
    }
}

@media screen and (max-width: 1300px) {
    body > #content > header div.title {margin-top: 150px;}
    section.translator div.uploader div.upload, section.translator div.uploader div.links {width: 80%;}
    div.formulario {width: 70%;}

    html body > #content > header div.r-logos {
        width: 40%;
    }
    .btnsystem.lblsystemMT{
        margin-top: 1rem;
    }
}

@media screen and (max-width: 1024px){
    body > #content > header div.dropdown .dropbtn{
        font-size: 25px;
        background-size: 1em auto;
    }
    html body > #content > header a.nos-logo{
        width: 270px;
        height: 80px;
    }
    html body > #content > header a.xunta-logo{
        width: 170px;
        height: 42px;
    }
    html body > #content > header a.usc-logo{
        width: 60px;
        height: 40px;
    }
    body > #content > header div.dropdown ul.right-menu{
        width: 16rem;
    }
    html body > #content > header div.r-logos {
        width: 45%;
    }
    a.btn.default:hover, a.btn.limpar{
        margin-bottom: 1rem;
    }
    section.translator div.buttons div.col_a input{
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 1000px) {
    section.modal div.message, section.exception div.message {margin: 20% auto 0 auto; width: 90%;}
    section#feder {position: absolute; bottom: 10%; left: 0;}
    section.translator, section.generic {display: block; padding-bottom: 150px;/* alto del footer */}
    
    section#feder {position: absolute; bottom: 10%; left: 0;}
    section.translator {display: block; padding-bottom: 190px;/* alto del footer */}

    section#faq + section#feder {position: absolute; bottom: 4%; left: 0;}
    section#axuda + section#feder {position: absolute; bottom: 18%; left: 0;}
    section#descargas + section#feder {position: absolute; bottom: 14%; left: 0;}
    section#suxestions + section.modal + section#feder {position: absolute; bottom: 8%; left: 0;}

}
@media screen and (max-width: 800px) {
    footer div.xunta span, footer div.pie div.galicia, footer div.pie div.texto {float: none; clear: both;}
    footer div.texto {width: auto; height: auto;}


    div.languages div.col_a, div.textboxes div.col_a {display: block; vertical-align: none; width: 98%; text-align: center; padding: 0 1% 0 1%;}
    div.languages div.col_b, div.textboxes div.col_b {display: block; vertical-align: none; width: 98%; text-align: center; padding: 0 1% 0 1%;}
    section.translator div.textboxes div.col_a div.textbox {width: 100%; margin: 0 0 3% 0;}
    section.translator div.uploader div.upload, section.translator div.uploader div.links {width: 90%;}

    section.modal div.message div, section.exception div.message div {font-size: 18px;}
    
    .arrow_box {font-size: 14px; padding: 10px;}
    div.formulario {width: 98%;}

    section#feder {position: absolute; bottom: 10%; left: 0;}
    section.translator {display: block; padding-bottom: 190px;/* alto del footer */}

    section#faq + section#feder {position: absolute; bottom: 5%; left: 0;}
    section#axuda + section#feder {position: absolute; bottom: 24%; left: 0;}
    section#descargas + section#feder {position: absolute; bottom: 16%; left: 0;}
    section#suxestions + section.modal + section#feder {position: absolute; bottom: 12%; left: 0;}

    section#suxestions {display: block; padding-bottom: 220px;/* alto del footer */}
    section#faq {display: block; padding-bottom: 240px;/* alto del footer */}
    
    section#documento + section.modal + section#feder {position: absolute; bottom: 15%; left: 0;}
    section#documento {display: block; padding-bottom: 210px;/* alto del footer */}

    body > #content > header div.dropdown .dropbtn{
        font-size: 25px;
        background-size: 1em auto;
    }
    html body > #content > header a.nos-logo{
        width: 150px;
        height: 50px;
    }
    html body > #content > footer #header-logos{
        justify-content: space-evenly;
        width: auto;
    }
    html body > #content > footer a.citius{
        margin-right: 0;
    }
    html body > #content > footer a.citius, html body > #content > footer a.ilg{
        width: 210px;
        height: 50px;
        background-size: 200px;
    }
    html body > #content > header a.xunta-logo{
        width: 130px;
        height: 42px;
    }
    html body > #content > header a.usc-logo{
        width: 60px;
        height: 40px;
    }
    body > #content > header div.dropdown ul.right-menu{
        width: 16rem;
    }
    html body > #content > header div.r-logos {
        width: 55%;
    }
    section.translator div.buttons{
        margin: auto;
        width: 70%;
        padding-top: 1rem;
    }
    section.translator div.buttons div.col_a{
        margin: auto;
        width: auto;
    }
    section.translator div.buttons div.col_b{
        margin: auto;
        width: auto;
        text-align: center;
    }
    section.translator div.buttons div.col_b div.colb-actions{
        justify-content: center;
        margin: auto;
        width: auto;
    }
    a.btn.default:hover, a.btn.limpar{
        margin-bottom: 0rem;
    }
    section.translator div.buttons div.col_a input{
        margin-bottom: 0rem;
    }
    .btnsystem.lblsystemMT{
        margin-top: 0rem;
    }
    .mejorarModal{
        width: 69%;
    }
}
@media screen and (max-width: 600px) {

    section.modal div.message, section.exception div.message {margin: 25% auto 0 auto; width: 95%;}
    div.formulario label {display: block; width: 100%;}
    div.formulario input[type='text'], div.formulario textarea {display: block; width: 100%;}
    
    section#feder {position: absolute; bottom: 10%; left: 0;}
    section.translator, section.generic {display: block; padding-bottom: 190px;/* alto del footer */}

    section#faq + section#feder {position: absolute; bottom: 5%; left: 0;}
    section#axuda + section#feder {position: absolute; bottom: 24%; left: 0;}
    section#descargas + section#feder {position: absolute; bottom: 14%; left: 0;}
    section#suxestions + section.modal + section#feder {position: absolute; bottom: 9%; left: 0;}
    section#faq {display: block; padding-bottom: 240px;/* alto del footer */}
    html body > #content > header #header-logos{
        width: auto;
    }
    body > #content > header div.dropdown .dropbtn{
        font-size: 25px;
        background-size: 1em auto;
    }
    html body > #content > header a.nos-logo{
        width: 95px;
        height: 25px;
        background-size: 95px;
    }
    html body > #content > header a.xunta-logo{
        width: 80px;
        height: 42px;
        background: transparent url(../images/xunta.svg) no-repeat center bottom;
    }
    html body > #content > header a.usc-logo{
        width: 60px;
        height: 25px;
    }
    body > #content > header div.dropdown ul.right-menu{
        width: 16rem;
    }
    html body > #content > header div.header-text p{inline-size: auto}

    a.btn.default:hover, a.btn.limpar{
        margin-right: 1.5rem;
    }
    section.translator div.buttons div.col_a input{
        margin-bottom: 1rem;
    }
    .btnsystem.lblsystemMT{
        margin-top: 1rem;
    }
}
@media screen and (max-width: 550px) {
    body > #content > header {min-height: 90px;}
    /*body > #content > header h1 {width: 187px; height: 98px;}*/
    body > #content > header h2 {width: 161px; height: 51px; top: 65px;}
    body > #content > header div.title {margin-top: 100px;}

    body > #content > header div.title h3,
    body > #content > header div.dropdown .dropbtn {font-size: 24px;}
    body > #content > header div.dropdown ul li a {font-size: 16px;}
    body > #content > header div.title p {font-size: 16px;}
    
    section#feder {position: absolute; bottom: 12%; left: 0;}
    section.translator, section.generic {display: block; padding-bottom: 210px;/* alto del footer */}

    section#faq + section#feder {position: absolute; bottom: 4%; left: 0;}
    section#axuda + section#feder {position: absolute; bottom: 28%; left: 0;}
    section#descargas + section#feder {position: absolute; bottom: 16%; left: 0;}
    section#suxestions + section.modal + section#feder {position: absolute; bottom: 10%; left: 0;}
    section#faq {display: block; padding-bottom: 240px;/* alto del footer */}
    
    section#documento + section.modal + section#feder {position: absolute; bottom: 18%; left: 0;}
    section#documento {display: block; padding-bottom: 210px;/* alto del footer */}

    html body > #content > header #header-logos{
        width: auto;
    }
    html body > #content > footer #header-logos{
        justify-content: space-evenly;
        width: auto;
    }
    html body > #content > footer a.citius{
        margin-right: 0;
    }
    html body > #content > footer a.citius, html body > #content > footer a.ilg{
        width: 210px;
        height: 50px;
        background-size: 200px;
    }
    body > #content > header div.dropdown .dropbtn{
        font-size: 25px;
        background-size: 1em auto;
    }
    html body > #content > header a.nos-logo{
        width: 95px;
        height: 25px;
        background-size: 95px;
    }
    html body > #content > header a.xunta-logo{
        width: 80px;
        height: 42px;
    }
    html body > #content > header a.usc-logo{
        width: 60px;
        height: 25px;
    }
    body > #content > header div.dropdown ul.right-menu{
        width: 16rem;
    }
    html body > #content > header div.header-text p{inline-size: auto}

    a.btn.default:hover, a.btn.limpar{
        margin-bottom: 1rem;
        margin-right: 0rem;
    }
    section.translator div.buttons div.col_a input{
        margin-bottom: 1rem;
    }
    
}
@media screen and (max-width: 380px) {
    /*body > #content > header h1 {width: 107px; height: 56px;}*/
    body > #content > header h2 {width: 92px; height: 29px; top: 55px;}
    body > #content > header div.title {margin-top: 50px;}

    body > #content > header div.title h3,
    body > #content > header div.dropdown .dropbtn {font-size: 18px;}
    body > #content > header div.dropdown ul li a {font-size: 14px;}
    body > #content > header div.title p {font-size: 14px;}   
 
    section#feder {position: absolute; bottom: 13%; left: 0;}
    section.translator, section.generic {display: block; padding-bottom: 220px;/* alto del footer */}

    section#faq + section#feder {position: absolute; bottom: 3%; left: 0;}
    section#axuda + section#feder {position: absolute; bottom: 30%; left: 0;}
    section#descargas + section#feder {position: absolute; bottom: 16%; left: 0;}
    section#suxestions + section.modal + section#feder {position: absolute; bottom: 10%; left: 0;}

    section#faq {display: block; padding-bottom: 240px;/* alto del footer */}
    
    section#documento + section.modal + section#feder {position: absolute; bottom: 18%; left: 0;}
    section#documento {display: block; padding-bottom: 210px;/* alto del footer */}

    html body > #content > header #header-logos{
        width: auto;
    }
    html body > #content > footer #header-logos{
        justify-content: space-evenly;
        width: auto;
    }
    html body > #content > footer a.citius{
        margin-right: 0;
    }
    html body > #content > footer a.citius, html body > #content > footer a.ilg{
        width: 160px;
        height: 50px;
        background-size: 160px;
    }
    body > #content > header div.dropdown .dropbtn{
        font-size: 25px;
        background-size: 1em auto;
    }
    html body > #content > header a.nos-logo{
        width: 95px;
        height: 25px;
        background-size: 95px;
    }
    html body > #content > header a.xunta-logo{
        width: 80px;
        height: 42px;
    }
    html body > #content > header a.usc-logo{
        width: 60px;
        height: 25px;
    }
    body > #content > header div.dropdown ul.right-menu{
        width: 16rem;
    }
    html body > #content > header div.header-text p{inline-size: auto}
}