/* CSS Document */

@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%;}
}

@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;}

    section.translator div.links {padding-top: 5%;} /*espacio superior de link "traducir un documento"*/
    
    .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 */}

}
@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 */}
}
@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.translator div.links {padding-top: 5%;} /*espacio superior de link "traducir un documento"*/
    
    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 */}
}
@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 */}
}