/*
cinzaescuro: #51565A
cinzaintermedio:#586063
cinzaclaro: #F1F1F1
azul: #0E84B2
laranja:#f7931e
*/
/*scroll sempre visivel*/
#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden }

html, body {height:100%;}
* {margin: 0;padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;color: #000000; padding-top: 0px;}

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos evitando que os floats se aglomerem.*/
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/*alinhamento do rodape sempre ao fundo - s n quiser retirar position aqui e no footer*/
.geral {
	min-height:100%;
	position:relative;
}

#header {clear:both; background-color:#FFFFFF; width:100%;position:fixed;z-index:2;}
	@media only screen and (max-width:835px), only screen and (max-device-width:835px){#header{height:auto;position:absolute;}}

.center{margin: 0 auto;max-width:950px; width:98%;padding-left:1%;padding-right:1%;} /*largura máxima do layout*//*ajuste do layout à tela*/
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
        .center{margin: 0 auto;text-align:center;width:98%;padding-left:1%;padding-right:1%;}}
	
#logo h1 a{
	float:left; padding-top:15px;
	height:84px;/*69+15*/	 
}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){
		#logo h1 a{height:auto;padding-top:5px;text-align:center;width:100%;}
	}
	@media only screen and (max-width:320px), only screen and (max-device-width:320px){h1 a img{width: 96%; padding-left:2%;padding-right:2%;}}

.idioma{padding-top:15px;text-align:right;}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){.idioma{margin-top:2%; text-align:center;}}
	.idioma input{background:none; border:none;}
.linhatop{clear:both;height:8px;background-color:#5A5F63;}
	@media screen and (max-width:570px){.linhatop{display:none;}}
.linhacinza{clear:both;height:3px;background-color:#F1F1F1;}
	@media screen and (max-width:835px){.linhacinza{display:none;}}
.linhabranca10{height:10px;}
.linhabranca10clean{clear:both;height:10px;}
.linhabranca20{height:20px;}
.linhabranca20clean{clear:both;height:20px;}
.linhabranca30{clear:both;height:30px;}

/*para não ir para baixo do footer*/
#conteudo {clear:both;padding-top:141px;padding-bottom: 48px;}
	@media only screen and (max-width:835px), only screen and (max-device-width:835px){#conteudo{padding-top:150px;}}
	@media only screen and (max-width:570px), only screen and (max-device-width:570px){#conteudo{padding-top:152px;}}
	@media only screen and (max-width:470px), only screen and (max-device-width:470px){#conteudo{padding-top:147px;}}

#banner{background:#ffffff;}

img, picture, video, embed, figure {max-width: 100%;} /*define a largura máxima em até 100%*/

h2{	
	padding-top:25px; 
	color:#CF2736;
	font-size: 1.313em;	font-weight:bold;text-transform:uppercase;
	line-height: 1.5em;	
}
h3{ 	
	padding-top:10px;
	color: #51565A;
	font-size: 0.875em;font-weight:normal;
	line-height: 1.5em;
}
h3.um{ 	
	padding-top:10px;
	color: #51565A;
	font-size: 1.000em;font-weight:bold;
	line-height: 1.5em;
}
h4, h4 a
{
	padding-top:10px;
	color: #51565A;
	font-size: 1.313em;font-weight:normal;
	text-decoration:none;
}

a{text-decoration: none; color: #000000;}
a:hover{text-decoration: none; color: #f7931e;}

.texto{color:#51565A; font-size: 0.750em; line-height: 1.5em; text-align:justify;}/*0.813em*/
.texto a{text-decoration: none; color: #51565A;}
.texto a:hover{text-decoration: none; color: #f7931e;}

.texto1{color:#51565A; font-size: 0.750em; line-height: 1.5em; text-align:justify;}/*0.813em*/
.texto1 a{text-decoration: none; color: #51565A;}
.texto1 a:hover{text-decoration: none; color: #f7931e;}

.erro{color:Red;}
input,select{background:#F4F4F4; border:1px solid #ECECEC; height:25px;}
textarea{background:#F4F4F4; border:1px solid #ECECEC; height:85px;}
.botao{display:inline-block;height:inherit;background-color:#0E84B2;font-size:12px;min-width:85px;padding:8px 5px 7px;color:#FFFFFF;cursor:pointer;text-transform:uppercase;text-decoration:none;}
.botao:hover{background-color:#51565A;border-color:#FFFFFF;color:#FFFFFF;text-decoration:none;}

.botao1{display:inline-block;height:inherit;background-color:#CF2736;font-size:12px;min-width:120px;padding:8px 5px 7px;color:#FFFFFF;cursor:pointer;text-transform:uppercase;text-decoration:none;}
.botao1:hover{background-color:#51565A;border-color:#FFFFFF;color:#FFFFFF;text-decoration:none;}
/*
.texto table 
{
    border-collapse: collapse;
}*/
.texto table tr td,.texto1 table tr td
{
    vertical-align:middle;
}
#slogan
{
	margin: 0 auto; padding-bottom:30px; text-align:center;	
	width: 100%; background-color:#EFEFEF;	
}
	h3.txtslogan{ 	
		padding-top:10px;
		color: #51565A;
		font-size: 0.813em;font-weight:bold;
		line-height: 1.5em;
	}
	.centerslogan{margin: 0 auto;max-width:550px; width:98%;padding-left:1%;padding-right:1%;} /*largura máxima do layout*//*ajuste do layout à tela*/
		@media only screen and (max-width:570px), only screen and (max-device-width:570px){
            .centerslogan{margin: 0 auto;text-align:center;width:98%;padding-left:1%;padding-right:1%;}}

#welcome{margin: 0 auto; padding-bottom:20px; text-align:center; width: 100%;}

#conteudosacesso{margin: 0 auto; text-align:center; width: 100%;}/* o right, é a soma do width da coluna com o padding desejado */
#conteudos{text-align:left;padding-left:1%;padding: 0px 340px 0px 0px;}
		@media only screen and (max-width:590px), only screen and (max-device-width:590px)
		{
		    #conteudos, #conteudos table{height:auto;width:100%;text-align:center;padding: 0px 0px 0px 0px;}
		    #conteudos, #conteudos tr td{text-align:left;padding: 0px 0px 0px 0px;}
		    }
		@media only screen and (max-width:320px), only screen and (max-device-width:320px){#conteudos{width: 96%; padding-left:2%;padding-right:2%;}}
	#acesso{float:right;padding-left:35px;text-align:left;width:300px;padding-right:1%;}
		@media only screen and (max-width:590px), only screen and (max-device-width:590px){
			#acesso{clear:both;float:none;padding-top:10px;padding-left:0px;margin-top:2%; text-align:center;width:100%;}
		}
	.titconteudosacess{padding:0px 0px 0px 0px;font-size: 1.000em;color:#0E84B2;font-weight:bold;text-transform:none;}
	
	#conteudos .texto p img{width:100%;padding-bottom:5px;}
	#conteudos .texto1 p img{width:50%;padding-bottom:5px;}	
	@media only screen and (max-width:470px), only screen and (max-device-width:470px){#conteudos .texto1 p img{width:100%;padding-bottom:5px;}}

/*** DESTAQUE ***/
#destaques{margin: 0 auto; padding-top:20px; width: 100%;background-color: #F1F1F1;}
.destaque1
{	
	margin:0px 1% 0px 1%;width:30.66667%;/*31.3333%;*/
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:20px;
	text-align:center;
}
h2.destaqueTit{padding:8px 0px 0px 0px;font-size: 1.125em;color:#0E84B2;font-weight:normal;text-transform:none;}
/*.destaque1 p,.destaque1 p{height:65px;max-width:280px;font-size: 1.000em;}*/
	@media only screen and (max-width:768px), only screen and (max-device-width:768px) and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) /*800px*/
		{.destaque1{margin:0px 1% 0px 1%;width:47%;display:inline-block;}}/*48%*/
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.destaque1{width:98%;text-align:center;}}

.destaque1corte{max-width: 100%; max-height: 160px; overflow:hidden;}
    @media only screen and (max-width:350px), only screen and (max-device-width:350px)
    {.destaque1corte{max-width: 100%; max-height: 100%; overflow:hidden;}}
.destaque1corte img{width: auto;}

.destaque2
{	
	margin:0px 1% 0px 1%;width:30.66667%;/*31.3333%;*/
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:20px;
	text-align:center;
}
h2.destaque2Tit{padding:8px 0px 0px 0px;font-size: 0.938em;color:#0E84B2;font-weight:normal;text-transform:none;}
/*.destaque2 p,.destaque2 p{height:65px;max-width:280px;font-size: 1.000em;}*/
	@media only screen and (max-width:850px), only screen and (max-device-width:850px)
		{.destaque2{margin:0px 1% 0px 1%;width:47%;display:inline-block;}}/*48%*/
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.destaque2{width:98%;text-align:center;}}

.destaque2corte{max-width: 100%; max-height: 120px; overflow:hidden;}
    @media only screen and (max-width:350px), only screen and (max-device-width:350px)
    {.destaque2corte{max-width: 100%; max-height: 100%; overflow:hidden;}}
.destaque2corte img{width: auto;}

.destaque2corteB{max-width: 100%; max-height: 467px; overflow:hidden;}
    @media only screen and (max-width:350px), only screen and (max-device-width:350px)
    {.destaque2corteB{max-width: 100%; max-height: 100%; overflow:hidden;}}
.destaque2corteB img{width: auto;}

/*.destaque1 img{max-width:100%; -- min-height:100px;max-height:218px;}*/

.destaquebutton{position:relative;text-align:center;padding-bottom:20px;}
.destaquebutton a{display:inline-block;background-color:#0E84B2;font-size:12px;min-width:85px;padding:8px 5px 8px;color:#FFFFFF;cursor:pointer;text-transform:uppercase;text-decoration:none;}
.destaquebutton a:hover{background-color:#51565A;border-color:#FFFFFF;color:#FFFFFF;text-decoration:none;}

/*biblioteca*/
.destaque3
{	
	margin:0px 1% 0px 1%;width:30.66667%;/*31.3333%;*/
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:20px;
	text-align:left;
}
h2.destaque3Tit{padding:8px 0px 0px 0px;font-size: 0.938em;color:#0E84B2;font-weight:normal;text-transform:none;}
	@media only screen and (max-width:850px), only screen and (max-device-width:850px)
		{.destaque3{margin:0px 1% 0px 1%;width:47%;display:inline-block;}}/*48%*/
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.destaque3{width:98%;text-align:center;}}

.destaque3corte{max-width: 100%; max-height: 467px; overflow:hidden;}
    @media only screen and (max-width:350px), only screen and (max-device-width:350px)
    {.destaque3corte{max-width: 100%; max-height: 100%; overflow:hidden;}}
.destaque3corteB img{width: auto;}



/*biblioteca*/
#BibliotecaLista{margin: 0 auto; padding-top:20px; width: 100%;}
h2.biblioTit{padding:0px 0px 0px 0px;/*font-size: 0.938em;*/color:#0E84B2;font-weight:normal;text-transform:none;}

.Bibliotecalistaimagem
{	
	float:left;width:20%;
}
.Bibliotecalistanome
{	
	float:right;padding-left:2%;width:78%;
}

/*mosaciolista*/
.destaque4
{	
	margin:0px 0% 0px 0%;width:31.3333%;/*30.66667*/
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/	
	text-align:left;
}
.destaque4 .texto
{
    padding-left:10px;
    padding-top:0px;
    vertical-align:top;
}
.destaque4 input{
    background:#ffffff; border:0px; height:16px;
}

#linksapoioscopyright{margin: 0 auto; padding-top:20px; width: 100%;background-color: #586063; color:#ffffff;}
.linksac
{	
	margin:0px 1% 0px 1%;width:30.66667%;/*31.3333%;*/
	display:inline-block;/*float:left; funcionaria mal as quebras e desalinhava*/
	vertical-align:top;
	padding-bottom:20px;
	text-align:left;
}	
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)   
{
    .linksac
{	
	margin:0px 1% 0px 1%;width:30.66667%;
	display:inline-block;
	vertical-align:top;
	padding-bottom:20px;
	text-align:left;
}	
    }	*/
	
	@media only screen and (max-width:767px), only screen and (max-device-width:767px) /*800px*/
		{.linksac{margin:0px 1% 0px 1%;width:47%;display:inline-block;}}/*48%*/
	@media only screen and (max-width:350px), only screen and (max-device-width:350px)
		{.linksac, .linksac table{width:98%;text-align:center;}}
		

	
.links a{font-size: 0.750em;color:#FFFFFF;}
.links a:hover{font-size: 0.750em;color:#f7931e;text-decoration:none;}
		
h2.linksTit{padding:0px 0px 0px 0px;font-size: 1.125em;color:#FFFFFF;font-weight:normal;text-transform:uppercase;}

/*** FOOTER ***/
footer
{
	clear:both; /*limpa os floats anteriores, para este não ficar sobreposto*/
	margin: 0 auto;
	width: 100%;
	position:absolute;
	background-color:#51565A; 
	height:18px; 
	text-align:center;
	padding: 15px 0px;
	bottom: 0;
}
	@media only screen and (max-width:260px), only screen and (max-device-width:260px)	{
		footer
		{	
			height:40px; 
		}
}
.copyright {font-size: 11px; color:#F1F1F1;}
.copyright a{font-size: 11px;color:#F1F1F1; text-decoration: none;}
.copyright a:hover{font-size: 11px;color:#f7931e; text-decoration: underline;}

.linkvideo {
    background-image: url('../images/youtube1.jpg');
    /*background:no-repeat;*/
    height:25px;
}