/* ------------------Main Content------------------- */


#topo_box_content{ z-index:2px; background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:15px 0px 20px 0px; display: inline-block; width: 100%;}
.espaco_topo#topo_box_content{margin-top: 30px;}
#topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:18px; padding-left: 15px; padding-right: 15px;}
#topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:26px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
#double{
  
  float:left;
  background:#f6f6f6; 
  padding-bottom: 0px;
}
#double h1{ font-family:Ubuntu; font-size: 20px; color:#424242; font-weight: 100; padding:0px 27px 0px 15px; margin:0; }
#topo_box_content  .col-1-3{width:33%; }
#topo_box_content  .col-2-3{width:67%;}
#topo_box_content .right { text-align:right; }

#box_content-realiza .col-1-3:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#box_content-realiza .col-1-3{width:33%;  border-left:1px solid #e1e1e1; float: left; text-align: center; white-space: nowrap;}

#box_content-realiza .col-2-3{width:67%; margin-top: 35px;}  
#box_content-realiza .center{  display: inline-block;
  vertical-align: middle;}

a.link_comentario{color: #0090e0;font-family: Roboto; font-size:16px; line-height: 20px;  height:26px; text-align: center; display: table;}
#box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; display: flex; width: 100%; margin-bottom: 59px;}
#box_content-questaododia{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; display: inline-block; width: 100%; margin-bottom: 59px;}
#box_content-questaododia .col-2-3{width:100%; margin-top: 35px;}  
.espaco_topo#topo_box_content{margin-top: 18px;}
#topo_box_content_questaododia{ z-index:2px; background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:15px 0px 20px 0px; display: inline-block; width: 100%;}
#topo_box_content_questaododia  .col-2-3{width:100%;}

#questaoanterior-listagem { width: 73%; float: left;}
#calendario{display: block; float: right;width: 27%; padding-left: 15px;}
#box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; clear: both; padding-top: 35px; margin-bottom: 61px;}
#box_header{margin:4px auto; display: table;}
#box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:18px; line-height: 36px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
#box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:14px; line-height: 36px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}

#box_content_txt p{margin-bottom:10px; line-height: 16px; font-family: Roboto; font-size:14px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}

#box_content_txt.no-border{    border-left: none; border-right:none;border-bottom: none;}
#box_content_txt.no-padding{    padding: 0px 15px 0px 15px;}
#box_content_txt label{line-height: 16px; font-family: Roboto; font-size:14px; color:#646464; float: left; }
#box_content_txt .botao { float:right; }
#box_content_txt .fa { font-size:23px; margin-right:6px; }

#box_content-realiza .col-1-3-apoio{width:33%;  border-left:1px solid #e1e1e1; float: left; text-align: center;}

#box-resposta, #box-resposta-atual { background:#f6f6f6; padding:15px; margin-top:30px; display:none; }

.col-1-3-apoio:before {
    content: '';
    display: none;
    height: auto;
    vertical-align: middle;
}

#linha_questao_cal h2{ color: #25668d;font-family: Ubuntu; font-size:26px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: -35px;}
a.questao-close {visibility: hidden;}
/* ------------------Grid System Responsivo--------------- */ 


@media only screen and (min-width: 998px) and (max-width: 1100px) {
    /*-------------------Content----------------------*/


   #box_content{z-index:2px; height: auto; display: flex; width: auto;}
   #topo_box_content{ background:#f6f6f6;}
    

    
/*-------------------------------------------------------*/

}

/* -------------------------------------------- */

@media only screen and (min-width: 926px) and (max-width: 997px) {    
   
   
   #box_content{z-index:2px;height: auto; display: flex; width: auto;}
   #topo_box_content{ background:#f6f6f6;}
     

/* -------------------------------------------- */

/* ------------------Content Autoteste------------------- */
   
/* -------------------------------------------- */
}

/* -------------------------------------------- */

/* -------------------------------------------- */

@media only screen and (min-width: 820px) and (max-width: 925px) {    
   
   
   #box_content{z-index:2px; height: auto; display: flex; width: auto;}
   #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 56px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}

   #box_content-realiza .col-1-3{width:100%;border-top:1px solid #e1e1e1; display: table; float: none;padding: 45px 0px;}
    #box_content-realiza .col-2-3{width:100%;}
   #box_content-realiza .col-1-3-apoio {border-left: none; float: left; text-align: center; width: 100%;}
    /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */
/* -------------------------------------------- */

/* ------------------Content Autoteste------------------- */
    
    
/* -------------------------------------------- */
}

/* -------------------------------------------- */
/* -------------------------------------------- */


@media only screen and (min-width: 768px) and (max-width: 819px) {
   
    /* ------------------Content------------------- */
           
   #box_content{z-index:2px; height: auto; display: flex; width: auto;}
   #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 56px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}

    #box_content-realiza .col-1-3{width:100%;border-top:1px solid #e1e1e1; display: table; float: none;padding: 45px 0px;}
    #box_content-realiza .col-2-3{width:100%;}

    #box_content-realiza .col-1-3-apoio {border-left: none; float: left; text-align: center; width: 100%;}
      /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */
}
     /* -------------------------------------------- */


@media only screen and (min-width: 721px) and (max-width: 767px) {
     /* ------------------Content------------------- */
    
   #box_content{z-index:2px; height: auto; display: flex; width: auto;}
  
   #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 56px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}

    #box_content-realiza .col-1-3{width:100%;border-top:1px solid #e1e1e1; display: table; float: none;padding: 45px 0px;}
    #box_content-realiza .col-2-3{width:100%;}


    #box_content-realiza .col-1-3-apoio {border-left: none; float: left; text-align: center; width: 100%;}
     /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */
    
    /* -------------------------------------------- */
}   

    /* -------------------------------------------- */


@media only screen and (min-width: 620px) and (max-width: 720px) {
     /* ------------------Content------------------- */
     #topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto;display:table;}
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
    .drop_handler{width: 100%;display: block;}
     #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 30px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}

    #box_content-realiza .col-1-3{width:100%;border-top:1px solid #e1e1e1; display: table; float: none;padding:25px 0px 45px 0px;}
    #box_content-realiza .col-2-3{width:100%;}
    
     #questaoanterior-listagem {
    width: 100%;
    float: none;
    }
    #calendario{width: 100%; float: none;display: block; padding-left: 0px; }
    #double h1 {
    font-family: Ubuntu;
    font-size: 14px;
    color: #424242;
    font-weight: 100;
    padding: 0px 27px 0px 15px; }
	#double .right { text-align:left; }
#linha_questao_cal h2 {
    color: #25668d;
    font-family: Ubuntu;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 400;
    float: none;
    margin-top: -5px;
}
    #content .box_bts_acao{ display: table;text-align: center; float: none; margin: auto;}
    /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */

 /* -------------------------------------------- */
   
}   

    /* -------------------------------------------- */    

    /* -------------------------------------------- */

@media only screen and (min-width: 478px) and (max-width: 619px) {
      /* ------------------Content------------------- */
    #topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto;display:table;}
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
    .drop_handler{width: 100%;display: block;}
     #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 30px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}

    #box_content-realiza .col-1-3{width:100%;border-top:1px solid #e1e1e1; display: table; float: none;padding:25px 0px 45px 0px;}
    #box_content-realiza .col-2-3{width:100%;}
    
     #questaoanterior-listagem {
    width: 100%;
    float: none;
    }
    #calendario{width: 100%; float: none;display: block; padding-left: 0px; }
    #double h1 {
    font-family: Ubuntu;
    font-size: 14px;
    color: #424242;
    font-weight: 100;
    padding: 0px 27px 0px 15px; }
	#double .right { text-align:left; }
#linha_questao_cal h2 {
    color: #25668d;
    font-family: Ubuntu;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 400;
    float: none;
    margin-top: -5px;
}
    #content .box_bts_acao{ display: table;text-align: center; float: none; margin: auto}
   /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */
    
    /*-------------------------------------------------*/
}

     

    /* -------------------------------------------- */

@media only screen and (min-width: 424px) and (max-width: 477px) {
    /* ------------------Content------------------- */
    #topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px; height: auto; display:table;}
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
    .drop_handler{width: 100%;display: block;}
     #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 30px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}

    #box_content-realiza .col-1-3{width:100%;border-top:1px solid #e1e1e1; display: table; float: none;padding:25px 0px 45px 0px;}
    #box_content-realiza .col-2-3{width:100%;}
    #questaoanterior-listagem {
    width: 100%;
    float: none;
    }
    #calendario{width: 100%; float: none;display: block; padding-left: 0px; }
    #double h1 {
    font-family: Ubuntu;
    font-size: 14px;
    color: #424242;
    font-weight: 100;
    padding: 0px 27px 0px 15px; }
	#double .right { text-align:left; }
#linha_questao_cal h2 {
    color: #25668d;
    font-family: Ubuntu;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 400;
    float: none;
    margin-top: -5px;
}
    #content .box_bts_acao{ display: table;text-align: center; float: none; margin: auto}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
      /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */
    /* ------------------------------------------------ */    

}

    /* -------------------------------------------- */

        /* -------------------------------------------- */

@media only screen and (min-width: 325px) and (max-width: 423px) {
 
/* ------------------Main Content------------------- */

    #topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto; display:table; }
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 30px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}
    #selects .drop_handler h2{ color: #5698dd;font-family: Roboto; font-size:16px; line-height: 30px; width: 100%; height:26px; margin-left: 0px; margin-right: 24px;}
    
    #box_content-realiza .col-2-3{width:100%;}
    #box_content-realiza .col-1-3{width:100%; display: table; float: none; border-left: 0; border-top: 1px solid #e1e1e1;height: 190px;}
    #questaoanterior-listagem {
    width: 100%;
    float: none;
    }
    #calendario{width: 100%; float: none;display: block; padding-left: 0px; }
    #double h1 {
    font-family: Ubuntu;
    font-size: 14px;
    color: #424242;
    font-weight: 100;
    padding: 0px 27px 0px 15px; }
	#double .right { text-align:left; }
#linha_questao_cal h2 {
    color: #25668d;
    font-family: Ubuntu;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 400;
    float: none;
    margin-top: -5px;
}
    #content .box_bts_acao{ display: table;text-align: center; float: none; margin: auto}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
    /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */
    /* ------------------------------------------------ */    

}   

    /* -------------------------------------------- */

    /* -------------------------------------------- */
@media only screen and (min-width: 120px) and (max-width: 324px){
 
/* ------------------Main Content------------------- */
    #topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto;display:table; }
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content-realiza{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; margin-bottom: 30px; display:table; box-shadow: 15px 13px 5px -8px rgba(0, 0, 0, 0.2);}
    #selects .drop_handler h2{ color: #5698dd;font-family: Roboto; font-size:16px; line-height: 30px; width: 100%; height:26px; margin-left: 0px; margin-right: 24px;}
    #box_content-realiza .col-1-3{width:100%; display: table; float: none; border-left: 0; border-top: 1px solid #e1e1e1;height: 190px;}
    #questaoanterior-listagem {
    width: 100%;
    float: none;
    }
    #calendario{width: 100%; float: none;display: block; padding-left: 0px; }
    #box_content-realiza .col-2-3{width:100%;}
   #double h1 {
    font-family: Ubuntu;
    font-size: 14px;
    color: #424242;
    font-weight: 100;
    padding: 0px 27px 0px 15px; }
	#double .right { text-align:left; }
#linha_questao_cal h2 {
    color: #25668d;
    font-family: Ubuntu;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 400;
    float: none;
    margin-top: -5px;
}
    #box_content .col-1-3{width:100%;display: table; float: none;}
    #box_content .col-2-3{width:100%;}
    #box_content-realiza .col-1-3-apoio {border-left: none; float: left; text-align: center; width: 100%;}
    #topo_box_content_apoio h3 { color: #424242; font-family: Roboto; font-size: 14px; padding-left: 15px; padding-right: 15px; font-weight: 500; text-align: left;}
   /* Styles the close link, adds the slide down transition */

  a.questao-close {
    visibility: visible;
  display: block;
  width:25px;
  height:25px;
  box-sizing: border-box;
  color: #424242;
  text-decoration: none;
  position: absolute;
  right: 30px;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  }

  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }

  .selector:not(*:root), a.questao-close:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  }


  /* Provides part of the "X" to eliminate an image from the close link */

  a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:1px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  .selector:not(*:root), a.questao-close:after {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  background: #424242;
  position: absolute;
  left: 12px;
  top:0px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  }

  /* -------------------------------------------- */
   /* -------------------------------------------- */

}   

    /* -------------------------------------------- */