body{background: url('../../../background-img/ctqImagem/background.jpg')}

/*Tela de login*/
.jumbotron{margin-bottom: 20px}
.jumbotron p{font-size: 10px}
.jumbotron input[name="token"]{width: 70%; float: left}
.jumbotron button[name="btnToken"]{width: 24%; float: right}

.ctqBoxSelecao{height: auto; padding: 6px 0 12px 0; margin: 10px 0 20px 0; border-bottom: 1px solid #222222; background: #FCF8E3}

/*Box Principal*/
.ctqBox1{min-height: 450px; margin: 30px 0 20px 0; background: #fff}
.ctqBox1 p{padding: 10px; font-size: 16px}
.ctqBox1 span{color: red; padding:  0 0 0 10px;}
.ctqFooter{height: auto; padding: 14px; text-align: center; color: #fff;}

.header-login{height: auto; background: url('../../../background-img/ctqImagem/bg-header.jpg') no-repeat; padding: 14px; text-align: center; border-bottom: 2px solid red; color: #fff; margin-bottom: 20px;}


.header-login .logo{
    margin-top: 2%;
    float: left; 
    width: 20%; 
    max-width: 151px;
    height: 56px;
    font-size:  0;
    background: url('../../../background-img/ctqImagem/logo-mg.png') no-repeat;
    background-size: 100% auto;
}
.header-login .box2{width: 70%; float: left;}
/*.header-login .box2 h1{font-size: 2.50em}
.header-login .box2 p{font-size: 0.90em}*/



.footer-login{height: auto; background-color: #222222; text-align: center; color: #fff; padding: 10px; border-top: 2px solid red; opacity: 0.6;
              filter: alpha(opacity=60)}


/*http://pt.stackoverflow.com/questions/5271/font-size-responsivo-conforme-o-tamanho-da-tela
http://blog.popupdesign.com.br/design-responsivo-grids-e-texto/
http://simplefocus.com/flowtype/
http://tableless.com.br/design-responsivo-na-pratica-2-layout-ao-html/*/




/*@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
    .header-login .box2 h1{font-size: 1.50em;}
    .header-login .box2 p{font-size: 0.50em}
}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
    .header-login .box2 h1{font-size: 1.90em;}
    .header-login .box2 p{font-size: 0.70em}
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
    .header-login .box2 h1{font-size: 2.00em;}
    .header-login .box2 p{font-size: 0.80em}
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
    .header-login .box2 h1{font-size: 2.50em;}
    .header-login .box2 p{font-size: 0.90em}
}