/*
 .modalTotal {
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
  }
  .modalTotal.open {
     display: block;
  }

  .modal__header {
      height: 100px;
  }

  .modal__footer {
      height: 50px;
  }
  .modal__content,
  .modal__footer {
      position: absolute;
      width: 100%;
  }
  .modal__content {
      bottom: 50px;
      top: 50px;
      overflow-y: auto;
  }
  .modal__footer {
      bottom: 0;
  }
*/

html,body{
margin:0px!important;
height:100%!important;
}

header { 
    display: block;
}

footer { 
    display: block;
}

#iframe{
  height: 80vh;
    width: 100%;
    /*height: 130vw;
    width: 100%;
     height:auto;

     */
    /*background-color: red;*/
}
/*
#imgMapaConceitual{
    
    height: 130vw;
}
*/
body {
  padding-top: 2px;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background: white;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
} 

#pagina2{
  margin-bottom: 0px;
}
.span2 ol{
  font-size: 16px;
}


td{
  height: 5px;
}

.style1 {color: #FFFFFF}


#imgBusc{
  right: 100px;
  margin-top:-16px;
  position: absolute;
}

#divIcones{
  position: relative;
}

#footer {
  /*height: 85px;*/
  height: 85px;
  padding-top: 5px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
  background-color: #f5f5f5;
  border-radius: 4px;
}

#imgMapaConceitual{
  max-height: 600px!important;
  margin-top: 10px!important;
} 


@media(max-width: 1000px){
	.botao-voltar{
		width: 25px;
		height: 20px;
		background: url(/plataforma/bibliotecas/midia/img/btn-voltar-bg.png);
		display: block;
		margin: 0px 4px 0px 0px;
		float: left;
		background-size: 100px 100px;
		background-position: 87px 35px;
	}
	.botao-voltar:hover, .botao-voltar:active{
		background-size: 100px 100px;
		background-position: 87px -15px;
	} 
	.botao-avancar:hover, .botao-avancar:active{
		background-size: 100px 100px;
		background-position: 34px -15px;
	}
	.botao-avancar{
		width: 25px;
		height: 20px;
		background: url(/plataforma/bibliotecas/midia/img/btn-avancar-bg.png);
		display: block;
		margin: 0px 4px 0px 0px;
		float: left;
		background-size: 100px 100px;
		background-position: 34px 35px;
	}
}
 

@media screen and (max-width: 1600px) {
  .clsAjustes {
     text-align: right;
  }

  #imgMapaConceitual{
    max-height: 600px!important;
  }  

} 

@media screen and (max-width: 1400px) {
  .clsAjustes {
     text-align: right;
  }
  
  #imgMapaConceitual{
    max-height: 650px!important;
  }
  
} 

@media screen and (max-width: 1280px) {
  
  #imgMapaConceitual{
    max-height: 550px!important;
  }
  
} 

@media screen and (max-width: 1024px) {
  
  #imgMapaConceitual{
    max-height: 600px!important;
  }
  
  
} 

 @media screen and (max-width: 960px) {
  .clsAjustes {
     text-align: right;
  }
  
    #imgMapaConceitual{
    max-height: 450px!important;
  }
  

  .clsAjustes > fieldset{
    margin-bottom: 60px!important;
  }  
} 

@media(max-width:767px){
	#iframe{
		height: 130vh;
	}
	/*
	}
	@media screen and (max-width: 480px) {
	*/
  .clsAjustes {
     text-align: left;
     margin-left: 25px;
  }

  
  #imgMapaConceitual{
    max-height: 400px!important;
  }
  

  .modalDialog > div {
    width: 80%!important;
  }

  .clsAjustes > fieldset{
    margin-bottom: 60px!important;
  }

  .modal__content {
      bottom: 50px;
      top: 100px;
      overflow-y: auto;
  }  

/*
  #iframe{
      height: 122vw;
      width: 95vw;
  }
*/
} 

/*
#slcSexo{
  width:100px;
}
*/
/*
768px – Tablets em modo retrato;

600px – eReaders;

480px – Smartphones;
*/