@charset "utf-8";
/* CSS Document */

[cc lang=”css”]*{
padding: 0;
margin:0;
}[/cc]	

/* some coment */
a.xyz:link {
	color: #C00000;
}

			
body {        
  margin: 0px;
  font-family: 'Roboto', sans-serif;
 /* font-size: x-small;*/
  color: #666666;
  line-height: 140%;
  background: url(../imagens/banner1.jpg) no-repeat top center;  
}

img, video {
max-width:100%;	
}

.noticias-destaque img{
	max-width: 300%;
}

/*:::::::::::::::::: Media Query ::::::::::::::::::::*/

	@media all and (min-width:1000px) {
		body
		{
		width:1000px;
		margin:auto;
          
		}
	}

	@media all and (max-width:853px) {
		body {
        background: url(../imagens/empty.jpg) no-repeat top center;
		}		  
	}
    



#b_320{
width: 100%;
height: auto;
margin-top: 0%;
}

@media all and (min-width:854px) {
		#b_320 {
        display: none !important;
        width: 0% 0px;
        height: 0% 0px;
		}		  
	}




/* MENU TOPO #################################################################################################### MENU TOPO INICIO */

header{
width: 100%;
height: auto;
margin-top: 0%;
}

.container{
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.container {
        display: flex;
        -webkit-flex-flow: column;	
        display: block;
		}
	}


@media all and (min-width:321px) and (max-width:480px) and (orientation: landscape)  {
		.container {
		display: flex;
        -webkit-flex-flow: column;
        display: block;
		}
	}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.container {
		display: flex;
        display: block;
        -webkit-flex-flow: row;	
		}
	}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		.container {		
        -webkit-flex-flow: row;	
        display: inline;
		}
	}



.container2 {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
color: fff;
}


.container3 {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}





.container_banners {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.container_banners {
        display: flex;
        -webkit-flex-flow: column;	
        display: block;
		}
	}


@media all and (min-width:321px) and (max-width:480px) and (orientation: landscape)  {
		.container_banners {
		display: flex;
        -webkit-flex-flow: column;
        display: block;
		}
	}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.container_banners {
		display: flex;
        display: block;
        -webkit-flex-flow: row;	
		}
	}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		.container_banners {		
        -webkit-flex-flow: row;	
        display: inline;
		}
	}


@media all and (max-width:727px) {
		.container_banners {
			width: 100%;		
        display: -webkit-flex;
-webkit-flex-direction: row;
display: flex;
flex-direction: row;
justify-content: center;
-webkit-justify-content: center;
		}
	}











/* Mobile */
		@media all and (max-width: 930px){
			#menu-desktop {
				display: none;				
			}
			
			#menuMobile {
				display: block;
				width: 100%;
				height: 40px;
				background: #696969;
				text-align: center;
				font-size: 1.2em;
				color: #fff;
				margin: auto;
			}
			
			
		}
		
		/* Desktop */
		@media all and (min-width: 930px){
			#menu-desktop {
				display: block;
				width: 79%;
			}
			
			#menuMobile {
				display: none;				
				width: 79%;
			}
			
			
		}










#Menu {
width: 100%;
height: 40px;
margin-top: -1%;
margin-bottom: 14.8px;
}

#menu-desktop {
  /* margin: 6px 0 0 0; */
  /*position: absolute;*/  
  /*top: -570px;*/
  -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.51);
  -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.51);
  box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.51);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fff;  
}
#menu-desktop h1 { MARGIN: 0;}
#menu-desktop a, #menu-desktop a:hover {
  HEIGHT: 40px;
  COLOR: #6e6d72;
  font-size: 14.8px;
  LINE-HEIGHT: 180%;
  FLOAT: left;
  /* BORDER-LEFT: 1px solid white; */
  PADDING: 6px 12px 14px 12px;
  border-left: 1px solid #ddd;
}
#menu-desktop a {
  border-left: 1px solid #e7e7e7;
 }
 
.border-zero{
  border-left: 0px !important;
}
#menu-desktop a:hover {
  background: transparent;
  font-weight: bold;
  background: #ddd;
  text-decoration: none;
}

/*
@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#Menu {        
        width: 100%;        
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#Menu {        
        width: 100%;        
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#Menu {        
        width: 100%;        
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#Menu {        
        width: 100%;        
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#Menu {        
        width: 100%;        
		}		  
}


@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		#Menu {        
        width: 100%;        
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		#Menu {        
        width: 100%;        
		}		  
}
*/

.btn_news {
  color: fff;
  background: #f26c6d;
  width: 100%;
  border: 0px;
  display: block;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 5px;
  padding: 13px 10px;
  outline: none;
  font-size: 15px;
}
.btn_news img{
  margin-right: 5px;
  margin-top: -4px;
}
#news{ 
color: fff;
width: 20%;
margin-top: -6%;
margin-bottom: 1%;
float: right;
}
@media all and (min-width:290px) and (max-width:930px) {
	#news {
	width: 100%;
	display: block;
	text-align: left;
	margin-top: auto;		      
	}    
}

/* ESTRUTURA DO BANNER DO TOPO######################################################################################################ESTRUTURA DO BANNER DO TOPO*/

#Topo {
width: 100%;
height: auto;
margin: auto;
margin-top: 2%;
}
@media all and (max-width:930px) {
	#Topo {
	display: none !important;
	width: 0% 0px;
	height: 0% 0px;
	}		  
}

/* ESTRUTURA DO BANNER TUDO######################################################################################################ESTRUTURA DO BANNER DO TUDO*/

#Tudo {
/*width: 1000px;*/
width: 100%;
height: auto;
margin-top: 2%;
background: transparent; 
}

#Logo {
width: 35%;
height: auto;
float: left;
}
@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#Logo {        
        width: 100%;
        display: block;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#Logo {        
        width: 100%;
        display: block;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#Logo {        
        width: 100%;
        display: block;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#Logo {        
        width: 100%;
        display: block;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#Logo {        
        width: 100%;
        display: block;
		}		  
}

@media all and (min-width:385px) and (max-width:480px) and (orientation: landscape) {
		#Logo {        
        width: 480px;
        display: block;
		}		  
}

#DataBusca {
COLOR: #FFFFFF;
/*HEIGHT: 33px;*/
/* BACKGROUND: #f8ce6e url('../imagens/busca-fundo.gif') repeat-x top; */
background: transparent; 
/*OVERFLOW: hidden;*/
/*background: #000;*/
width: 65%;
height: auto;
float: right; 
margi-left: 0%;   
}

#DataBusca p { WIDTH: 100%; MARGIN: 3px; FLOAT: left;}
#DataBusca em { FONT-SIZE: medium; FONT-WEIGHT: bold; FONT-STYLE: normal; LINE-HEIGHT: 150%;}
#DataBusca input {
width: 80%; 
}
@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#DataBusca {        
        width: 100%;
        float: right; 
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#DataBusca {        
        width: 100%;
        float: right; 
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#DataBusca {        
        width: 100%;
        float: right; 
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#DataBusca {        
        width: 100%;
        float: right; 
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#DataBusca {        
        width: 100%;
        float: right; 
		}		  
}

@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		#DataBusca {        
        width: 480px;
        float: right; 
		}		  
}

.Menu_sup {
  width: 100%;
  margin-top: 2%;
  text-align: right;  
  background: transparent;
}
.Menu_sup img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); 
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-left: 0%;
}
.Menu_sup img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%); 
}
.Menu_sup ul{
  padding-left: 0px;
  margin-bottom: 0px;
  list-style: none;
}
.Menu_sup li{
  color: #999;
  display: inline-block;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #4c4c4c;
}
.Menu_sup li:first-child{
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding-left:;
}
.Menu_sup li:nth-child(4){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup li:nth-child(5){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup li:nth-child(6){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup li:nth-child(7){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup li a{
  color: #999;
  display: inline-block;
  font-size: 15px;

}



.form-inline{
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}
.form_p{
  /*width: 230px;*/
  height: 25px;
 }

.form_p input{  
  height: 25px;    
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.form_p input {        
        font-size: 1em; 
		}		  
}

.modal-title{
  color: #000;
}

/*##########    ESTRUTURA BUSCA LATERAL   ##########################################################################   ESTRUTURA BUSCA LATERAL   ########################*/


#Lateral span { TEXT-ALIGN: right; MARGIN: 0; DISPLAY: block;}

#search {
width: 100%;
height: auto;
margin-top: 5%;
background: transparent; 
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#search {        
        width: 95%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#search {        
        width: 95%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#search {        
        width: 95%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#search {        
        width: 95%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#search {        
        width: 95%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}


@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		#search {        
        width: 100%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		#search {        
        width: 100%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		#search {        
        width: 100%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		#search {        
        width: 100%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		#search {        
        width: 100%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}



#Busca {
WIDTH: 25%;
COLOR: #FFFFFF;
CLEAR: both;
margin-top: 3%;
margin-left: 0%;
z-index: 40;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#Busca {        
        width: 80%;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#Busca {        
        width: 80%;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#Busca {        
        width: 80%;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#Busca {        
        width: 80%;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#Busca {        
        width: 80%;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		#Busca {        
        width: 50%;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		#Busca {        
        width: 50%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		#Busca {        
        width: 50%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		#Busca {        
        width: 50%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		#Busca {        
        width: 50%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:668px) and (max-width:690px) and (orientation: landscape) {
		#Busca {        
        width: 50%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:691px) and (max-width:736px) and (orientation: landscape) {
		#Busca {        
        width: 40%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		#Busca {        
        width: 40%;        
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
		}		  
}



#Busca h1 { MIN-HEIGHT: 30px; COLOR: #FFFFFF; BACKGROUND: url('../imagens/pontilhado-branco.gif') repeat-x top; MARGIN: 0;}
#Busca .Colunas {
width: 100%;
}
.Colunas input{
  width: 100%;
  outline: none;
  border: #f8f8f8;
  height: 28px;
  margin-bottom: 10px;
  color: #999;
  padding-left: 10px;
  border-radius: 5px;
}
.Colunas input[type="submit"]{
  background: #566471;
  color: #fff;
}

#Box.Branco {
 /*BACKGROUND-COLOR: #FFFFFF;*/
}
#Box.Laranja { BACKGROUND-COLOR: #f6af27; COLOR: #FFFFFF;}

#Box.Laranja h1 { COLOR: #FFFFFF; BACKGROUND: url('../imagens/pontilhado-branco.gif')}


/* Formularios */
.input { WIDTH: 98%; MARGIN: 3px 0 3px 0;}
.textarea, .select  { WIDTH: 100%; MARGIN: 3px 0 3px 0;}
.radiocheck { CURSOR: pointer; /* WIDTH: 25px; MARGIN: 4px 0 -3px -7px;*/}
.submit { MARGIN: 0 0 3px 0;}

/* Tabelas */
table { WIDTH: 715px; MARGIN: 10px 0 10px 0; BORDER-COLLAPSE: collapse; PADDING: 2px 5px 2px 5px;}
table th { FONT-WEIGHT: bold; TEXT-ALIGN: left; PADDING: 2px 5px 2px 5px; BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #ffcc00;}
table td { PADDING: 2px 5px 2px 5px; BACKGROUND-COLOR: #ffe680; BORDER: 1px solid #ffcc00;}

.publicidade-lateral {
	display: block;
	margin: 15px 42px;
	overflow: hidden;
	width: 100%;
  /*remover*/
  display: none !important;
  /*remover now*/
}

object#ebStdBannerFlash_25193432_8269080638419837 {
  width: 100% !important;
}


#cursosone {
  background-color: rgba(86,100,113,0.7) !important;
  padding: 20px;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}


















/*### CABEÇALHO ####################################################################################################################   CABEÇALHO    ##############*/


#Cabecalho {
width: 100%;
height: auto;
color: #ffffff;
/*background: #1c4254 url('../imagens/cabecalho-fundo.jpg') no-repeat left top;*/
/*overflow: hidden;*/
 
display: flex;
display: -webkit-flex; 
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
justify-content: space-between;
-webkit-justify-content: space-between;
}
    


#creditos-imagem {
width: 100%;
height: auto;    
font-size: 1.2em;
margin-bottom: 2.6%;
text-shadow: 1px 1px 3px #666, -1px -1px 3px #fff, 1px  1px #666, -1px -1px #fff;
}


#Estado {
width: 100%;
height: auto;
float: right;
margin-bottom: 2%;

}
#Estado h1 {
 text-align:right; HEIGHT: 20px; COLOR: #FFFFFF; FONT-SIZE: small; MARGIN: 0 5px 5px 0;
}
#Estado p {
  width: 89.8px;
  margin: 0;
  float: left;
  /*height: 52px;*/
  background: #566471;
  margin-left: 1px;
  color: #fff;
  padding: 20px 0px;
  text-align: center;
}
#Estado a{
  color: #fff;
  font-size: 20px;
}
#Estado p:nth-child(1){
  background: #566471;
}
#Estado p:nth-child(2){
  background: #5bc4bf;
}
#Estado p:nth-child(3){
  background: #fba919;
}
#Estado p:nth-child(4){
  background: #f26c6d;
}
#Estado p:nth-child(5){
  background: #c84e5b;
}
#Estado p:nth-child(6){
  background: #ee3885;
}
#Estado p:nth-child(7){
  background: #864893;
}
#Estado p:nth-child(8){
  background: #6b6eb3;
}
#Estado p:nth-child(9){
  background: #10498c;
}
#Estado p:nth-child(10){
  background: #3b837f;
}
#Estado p:nth-child(11){
  background: #4eb959;
}

































/*### BANNER CONTAINER ##################################################################################################################   BANNER CONTAINER    ##############*/

.row {
width: 100%;
margin-top: 1.5%;
margin-bottom: 1.5%;
}

@media all and (max-width:727px) {
		.row {
        display: none !important;
        width: 0% 0px;
        height: 0% 0px;
		}		  
}



.row12222 {
width: 100%;
margin-top: 1.5%;
margin-bottom: 1.5%;
}

.row2 {
width: 100%;
}




.row3 {
width: 100%;
}

@media all and (max-width:727px) {
		.row3 {
        display: none !important;
        width: 0% 0px;
        height: 0% 0px;
		}		  
}






#DestaqueG .Foto {
max-width: 300px;
margin-right: 20px;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#DestaqueG .Foto {        
        width: 49%;
        height: auto;        
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#DestaqueG .Foto {        
        width: 50%;
        height: auto;        
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#DestaqueG .Foto {        
        width: 35%;
        height: auto;        
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#DestaqueG .Foto {        
        width: 35%;
        height: auto;        
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#DestaqueG .Foto {        
        width: 35%;
        height: auto;        
		}		  
}



@media all and (min-width:415px) and (max-width:480px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 75%;
        display: block;
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 30%;
        display: block;
		}		  
}

@media all and (min-width:469px) and (max-width:598px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 30%;
        display: block;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 30%;
        display: block;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 30%;
        display: block;
		}		  
}

@media all and (min-width:668px) and (max-width:690px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 30%;
        display: block;
		}		  
}

@media all and (min-width:691px) and (max-width:736px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 30%;
        display: block;
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		#DestaqueG .Foto {        
        width: 35%;
        display: block;
		}		  
}


#DestaqueM .Foto { MAX-WIDTH: 100px;}
#DestaqueP .Foto { MAX-WIDTH: 70px;}
#Texto .Foto { MAX-WIDTH: 250px;}
.Mais { FLOAT: right;}



.clean{clear:both; height:2px; margin: 2px 0;}
.publicidade-top-body{margin-bottom:8px;}

.anuncie-portal{margin-right:24px;}
.anuncie-home{margin-right:14px; left:-20px;}




.public300250{float:right; margin-top: 52px; }

@media all and (min-width:668px) and (max-width:690px) and (orientation: landscape) {
		.public300250 {        
        width: 48%;            
		}		  
}

@media all and (min-width:691px) and (max-width:736px) and (orientation: landscape) {
		.public300250 {        
        width: 48%;            
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		.public300250 {        
        width: 48%;            
		}		  
}






.noticias-destaque{width: 60%; }



@media all and (max-width:320px) and (orientation: portrait) {
		.noticias-destaque {        
        width: 91%;
		display: block;
		font-size: 0.9em;
		line-height: normal;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		.noticias-destaque {        
        width: 90%;
        display: block;
		font-size: 0.8em;
		line-height: normal;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		.noticias-destaque {        
        width: 92%;
        display: block;
		font-size: 0.8em;
		line-height: normal;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		.noticias-destaque {        
        width: 90%;
        display: block;
		font-size: 0.8em;
		line-height: normal;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		.noticias-destaque {        
        width: 90%;
        display: block;
		font-size: 0.7em;
		line-height: normal;
		}		  
}

@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 90%;
        display: block;
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 90%; 
        display: block;
		}		  
}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 90%; 
        display: block;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 80%; 
        display: block;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 75%; 
        display: block;
		}		  
}


@media all and (min-width:668px) and (max-width:690px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 45%;
        display: block;
		}		  
}

@media all and (min-width:691px) and (max-width:736px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 45%;
        display: block;
		font-size: 0.8em;
		line-height: normal;
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		.noticias-destaque {        
        width: 45%;
        display: block;
		font-size: 0.8em;
		line-height: normal;
		}		  
}




/*
@media all and (max-width:480px) and (orientation: landscape) {
		#Topo {        
        max-width: 480px;        
		}		  
}

@media all and (max-width:479px) and (orientation: portrait) {
		#Topo {
        display: none !important;
        width: 0% 0px;
        height: 0% 0px;
		}		  
}


#########  BANNERS NO CORPO DA PÁGINA #################################################################################  BANNERS NO CORPO DA PÁGINA #############*/




.bnr-728 {
width:68%; float:left;
margin-top: 2.5%;
margin-bottom: 2.5%;
}


@media all and (max-width:727px) {
		.bnr-728 {
        display: none !important;
        width: 0% 0px;
        height: 0% 0px;
		}		  
}










.bnr-255 {
width:25%;  
float:right; 
margin-top: 2.5%;
margin-bottom: 2.5%;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 8%;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 12%;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 15%;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 16%;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 18%;
		}		  
}



@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;	
		margin-left: 22%;	
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 26%;
		}		  
}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 28%;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 30%;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 32%;
		}		  
}

@media all and (min-width:668px) and (max-width:690px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 33%;
		}		  
}

@media all and (min-width:691px) and (max-width:736px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 35%;
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		.bnr-255 {        
        width: 100%;
        display: block;
		margin-left: 35%;
		}		  
}






@media all and (max-width:768px) {
		.nossoPortal {        
        display: none;           
		}		  
}





.box-nosso-portal{font-size: 0.9em;}
.link-mais {text-decorate:none;}
.green{color:#5FBF66}
.blue{color:#67737F}

@media all and (max-width:768px) and (orientation: landscape) {
		box-nosso-portal {        
        width: 100%;           
		}		  
}




/* Destaques */

.Titulo {
  HEIGHT: 28px;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #f6af27;
  /*MARGIN: 0 30px 10px 30px;*/
  PADDING-LEFT: 1%;
  CLEAR: both;
  margin-top: 40px;
}

#DestaqueG {
  width: 100%;
  CLEAR: both;
  color: #999;
}


#DestaqueG h1{
  color: #f16b6c;
  padding-right: 2%;
  line-height: normal;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#DestaqueG h1 {        
        font-size: 1em;            
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#DestaqueG h1 {        
        font-size: 1.1em;		            
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#DestaqueG h1 {        
        font-size: 1.1em;		            
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#DestaqueG h1 {        
        font-size: 1.1em;		            
		}		  
}
@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#DestaqueG h1 {        
        font-size: 1.2em;		            
		}		  
}



@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		#DestaqueG h1 {        
        font-size: 0.9em;            
		}		  
}


@media all and (min-width:668px) and (max-width:690px) and (orientation: landscape) {
		#DestaqueG h1 {        
        font-size: 0.9em;            
		}		  
}

@media all and (min-width:691px) and (max-width:736px) and (orientation: landscape) {
		#DestaqueG h1 {        
        font-size: 1em;            
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		#DestaqueG h1 {        
        font-size: 1em;            
		}		  
}



#DestaqueG p{
  font-size: 14px;
  width: 100%;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#DestaqueG p {        
        font-size: 0.9em;            
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#DestaqueG p {        
        font-size: 0.9em;            
		}		  
}

@media all and (max-width:480px) and (orientation: landscape) {
		#DestaqueG p {        
        font-size: 0.9em;            
		}		  
}


#DestaqueG p a{
  color: #f26c6d;
  margin-top: 20px;
}

#DestaqueA {
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
}
#DestaqueA h1 {
 font-size: 15px;
 color: #f16b6c;
 margin-bottom: 0px;
}
#DestaqueA p {
 font-size: 13px;
}


#DestaqueM {
  padding: 10px 0;
}
#DestaqueM h1 {
 FONT-SIZE: large;
 color: #f16b6c;
}
#DestaqueM p { FONT-SIZE: 14px;}

#DestaqueP {
  width: 100%;
  padding: 5px 0 5px 0px;
  float: left;
}
#DestaqueP h1 {
  font-size: 15px;
  /*text-transform: uppercase;*/
  font-weight: 300;
}
#DestaqueP p { FONT-SIZE: x-small;}

/* Conteudo */

#Trilha {
  margin: 60px 0px 40px;
  BORDER-BOTTOM: 1px dotted #cbcbcb;
  CLEAR: both;
  font-weight: 300;
  font-size: 15px;
}
#Trilha p {
  font-size: 15px;
  padding-bottom: 0px;
}
#Trilha img { VERTICAL-ALIGN: top;}
#Texto input{
  background: #e7e8ea;
  height: 45px;
  border: 0px;
  width: 100%;
  outline: none;
  margin-bottom: 10px;
  font-size: 14px;
  padding-left: 10px;
}
#Texto select{
  background: #e7e8ea;
  height: 45px;
  border: 0px;
  width: 100%;
  outline: none;
  margin-bottom: 10px;
  font-size: 14px;
  padding-left: 10px;
}
#Texto textarea{
  background: #e7e8ea;
  height: 90px;
  border: 0px;
  width: 100%;
  outline: none;
  margin-bottom: 10px;
  font-size: 14px;
  padding-left: 10px;
}
#Texto { 
  padding: 0px;
  padding-bottom: 10px;

}
#Texto p { FONT-SIZE: small; LINE-HEIGHT: 140%;}

#Listagem {
  padding: 0px;
}
#Listagem h1, #Listagem span p { MARGIN: 0;}
#Listagem span { PADDING: 10px; DISPLAY: block;}
#Listagem span h1 { FONT-SIZE: x-small;}
#Listagem .cor { BACKGROUND: #e7e8ea;}

#Enquete { COLOR: #FFFFFF;}
#Enquete h1 { FONT-SIZE: x-large; COLOR: #ffcc00; MARGIN: 0 0 4px 0;}
#Enquete h2 { FONT-SIZE: medium; COLOR: #FFFFFF; MARGIN: 0 0 4px 0;}

#Amigo { COLOR: #FFFFFF;}
#Amigo h1 { FONT-SIZE: x-large; COLOR: #ffcc00; MARGIN: 0 0 4px 0;}
#Amigo h2 { FONT-SIZE: medium; COLOR: #FFFFFF; MARGIN: 0 0 4px 0;}




/* Tags principais */
img.left{float:left; margin-right:20px;}

div.left{padding-top: 60px;}
spacer {
 CLEAR: both;
 DISPLAY: block;
}
.clear{CLEAR: both; DISPLAY: inline;}
a { 
  COLOR: #285b83;
  TEXT-DECORATION: none;
}
a:hover { COLOR: #000000;}
a:active { COLOR: #006699;}
img { BORDER: 0; VERTICAL-ALIGN: middle;}
form { MARGIN: 0;}
label { CURSOR: pointer;}
input, select, textarea { FONT-SIZE: x-small;}
h1 { FONT-SIZE: large;}
h1, h2, h3, h4 { COLOR: #565656; MARGIN: 0 0 10px 0; LINE-HEIGHT: 140%;}
ul { LIST-STYLE: none; MARGIN: 0 0 10px 0; PADDING: 0;}
p { MARGIN: 0 0 10px 0;}

.Foto {
  margin: 0 10px 0 0;
  /*border: 5px solid #e5e5e5;*/
  float: left;
}
.Foto_2{MARGIN: 0 0 20px 0; BORDER: 5px solid #e5e5e5; FLOAT: none;}
a:hover .Foto {
 /*BORDER: 5px solid #5d9bb9;*/
}







#Postit {
  width: 100%;
  float: left;
  position: absolute;
}

#Topo #Publicidade {
  width: 100%;
  margin-right: 0px;
  float: left;
  border: 0px solid white; 
  margin-top: 66px;
  text-align: center;
}
#Publicidade{
  background: url('../imagens/img-repeat.jpg') center center repeat;
}

#Conteudo #Publicidade { WIDTH: 100%; MARGIN: 10px 25px 10px 25px;}
#Lateral #Publicidade, #Lateral #publicidade { WIDTH: 100%; MARGIN: 6px 15px 10px 15px; TEXT-ALIGN: center;}




#Estado2 {
  width: 100%;
  FLOAT: left;
  position: relative !important;
  height: 52px;
  top: -90px;
}



#Newsletter {
  /*width: 200px;*/  
  width: 100%;
  padding: 10px 20px 0 0;
  /*float: right;*/
  /*display: none;*/
}
#Newsletter input {
  width: 91%;
  border: 1px solid #ddd;
  border-radius: 7px;
  height: 33px;
  margin-bottom: 10px;
  margin-top: 10px;
  outline: none;
  padding-left: 10px;
  padding-right: 10px;
}
#Newsletter h1 {
 FONT-SIZE: x-large;
 color: #000;
 MARGIN: 0 0 4px 0;
}
#Newsletter p {
 FONT-SIZE: 17px;
 MARGIN: 0 0 4px 0;
 color: #000;
}

#Conteudo {
  /*width: 1000px;*/
  min-height: 261px;
  background: #fff; 
  margin-top: 60px;
  float: left;
  overflow: hidden;
}
/*#Lateral {
  width: 1000px;
  min-height: 420px;
  background: #e5e5e5;
  float: right;
  overflow: hidden;
}
*/









/*###########################################################################################################################*/


#Funcoes {
 TEXT-ALIGN: right;
 BORDER-TOP: 1px dotted;
 PADDING: 1%;
 MARGIN: 0 40px 10px 40px;
}
#Trilha #Funcoes { FLOAT: right; BACKGROUND: none; BORDER-TOP: 0; PADDING: 0; MARGIN: 0;}

#Base { MARGIN: 6px 0 0 0; CLEAR: both; OVERFLOW: hidden;}
#Base h1, #Base h2 { MARGIN: 0;}
#Base a, #Base a:hover { WIDTH: 8.30%; HEIGHT: 18px; COLOR: #FFFFFF; FONT-SIZE: xx-small; FONT-WEIGHT: bold; TEXT-ALIGN: center; LINE-HEIGHT: 200%; FLOAT: left; PADDING: 8px 0 12px 0;}
#Base h1 a { BACKGROUND: #daeff7 url('../imagens/base-fundo-OFF.gif') repeat-x top;}
#Base h1 a:hover { BACKGROUND: #daeff7 url('../imagens/base-fundo-ON.gif') repeat-x top;}
#Base h2 a { BACKGROUND: #daeff7 url('../imagens/base-fundo-ON.gif') repeat-x top;}
#Base h2 a:hover { BACKGROUND: #daeff7 url('../imagens/base-fundo-OFF.gif') repeat-x top;}




/*###############################################################################################################################*/


#Menu2 {
 margin: 6px 0 15px 0; 
 position: relative; 
 width: 791px;
 top: -8px; 
 height: 40px;
 -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.51);
 -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.51);
 box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.51);
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 background: #fff;
}
#Menu2 h1 { MARGIN: 0;}
#Menu2 a, #Menu2 a:hover {
  HEIGHT: 40px;
  COLOR: #6e6d72;
  font-size: 14.8px;
  LINE-HEIGHT: 180%;
  FLOAT: left;
  /* BORDER-LEFT: 1px solid white; */
  PADDING: 6px 12px 14px 12px;
  border-left: 1px solid #ddd;
}
#Menu2 a {
  border-left: 1px solid #e7e7e7;
}
.border-zero{
  border-left: 0px !important;
}
#Menu2 a:hover {
  background: transparent;
  font-weight: bold;
  background: #ddd;
  text-decoration: none;
}



/*
@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#Menu2 {        
        width: 100%;        
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#Menu2 {        
        width: 100%;        
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#Menu2 {        
        width: 100%;        
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#Menu2 {        
        width: 100%;        
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#Menu2 {        
        width: 100%;        
		}		  
}


@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		#Menu2 {        
        width: 100%;        
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		#Menu2 {        
        width: 100%;        
		}		  
}
*/




#ebStdBannerFlash_25193455_26338505698367953{
  width: 100%; !important;
}




.titD {
  font-size: 1.9em;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #929397;
  line-height: 0.1em;
  margin: 10px 0 20px;
  font-weight: 300;
  color: #929397;
  margin-top: 60px;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.titD {        
        width: 100%;
        font-size: 1em;
		}		  
}




.titD span {
  background: #fff;
  padding: 0 15px 0 0;
  
}
.bx-wrapper {
  position: relative !important;
  padding: 0 !important;
  max-width: 650px!important;
  margin: 40px 0px;
}
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  left: 30px;
  background: #fff;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  height: 160px !important;
}
.bx-wrapper .bx-pager {
  display: none;
}
.bx-wrapper .bx-next {
  right: -57px;
  background: url('../imagens/arrow-2.png') center center no-repeat;
}
.bx-wrapper .bx-next:hover {
  background-position: center center;
}
.bx-wrapper .bx-prev:hover {
  background-position: center center;
}
.bx-wrapper .bx-prev {
  left: -7px;
  background: url('../imagens/arrow-1.png') center center no-repeat;
}
.bx-viewport li{
  overflow: hidden !important;
  left: 10px !important;
}



.Titulo1{
  /*margin-top: 40px;*/
  font-weight: 400;
  font-size: 22px;
  border-bottom: 1px dashed #dadadc;
  padding-bottom: 15px;
}

@media all and (min-width:668px) and (max-width:690px) and (orientation: landscape) {
		.Titulo1 {        
        margin-top: 10%;        
		}		  
}

@media all and (min-width:691px) and (max-width:736px) and (orientation: landscape) {
		.Titulo1 {        
        margin-top: 10%;        
		}		  
}

.Titulo1 a{
  float: right;
  font-size: 12px;
  font-weight: 300;
}
.salmon{
  color: #c84e5b;
}
.rosa{
  color: #ee3885;
}
.purple{
  color: #6b6eb3;
}
.grey{
  color: #585858;
}
.salmon a{
  color: #c84e5b;
}
.rosa a{
  color: #ee3885;
}
.purple a{
  color: #6b6eb3;
}
.tamanhoBox{
  height: 222px; 
}
.tamanhoBox2{
  height: 70px; 
}
.scroll01 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #c84e5b !important;
}
.scroll02 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #ee3885 !important;
}
.scroll03 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #6b6eb3 !important;
}
.scroll05 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fba919 !important;
}
.boxGreyone{
  padding-top: 50px;
  padding-bottom: 50px;
  background: #f3f3f5;
  border-top: 1px solid #dfdfe1;
  border-bottom: 1px solid #dfdfe1;
}












.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 10%;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 0px;
  text-align: center;
}
.verTodas{
  float: right;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}
.imgBoxes img{
  margin-right: 10px;
  margin-top: -4px;
}

#BoxGreen {
    width: 100%;
  CLEAR: both;
  /*height: 195px;*/
  border: 1px solid #4eb959;
}



#BoxGreen a.lnk-dicas{text-decoration:none; color: #828284; FONT-WEIGHT: 500;}
#BoxGreen a.dt-dicas{color: #002386;}
.linhaDica{
  margin-bottom: 12px;
}

.linhaDica{
  margin-bottom: 12px;
}

#BoxGreen h1 {
  /* MIN-HEIGHT: 33px; */
  BACKGROUND: #4eb959;
  padding: 25px;
  color: #fff;
  font-size: 27px;
  margin-top: 0px;
  font-weight: 400;
}


#BoxGreen li {
WIDTH: 40%; MARGIN-RIGHT: 8px; FLOAT: left;
}
#BoxGreen dt {
  FLOAT: left;
  font-size: 14px;
}
#BoxGreen dd {
  FONT-WEIGHT: 500;
  MARGIN: 0 0 4px 40px;
  font-size: 15px;
}
#BoxGreen dd a{
  color: #828284;
}
.h01 {
  height: 195px;
  padding: 20px;
}
#BoxOrange {
  CLEAR: both;
  /*height: 195px;*/
  border: 1px solid #fba919;
}
#BoxOrange h1 {
  /* MIN-HEIGHT: 33px; */
  BACKGROUND: #fba919;
  padding: 25px;
  color: #fff;
  font-size: 27px;
  margin-top: 0px;
  font-weight: 400;
}
#BoxOrange li {
  WIDTH: 100%;
  MARGIN-RIGHT: 8px;
  FLOAT: left;
  font-size: 15px;
  list-style: none;
  margin-bottom: 10px;
}
#BoxOrange li a{
  color: #828284;
}
#BoxOrange dt {
  FLOAT: left;
  font-size: 14px;
}
#BoxOrange dd {
  FONT-WEIGHT: 500;
  MARGIN: 0 0 4px 40px;
  font-size: 15px;
}
#BoxGrey {
  CLEAR: both;
  /*height: 195px;*/
  border: 1px solid #566471;
}
#BoxGrey h1 {
  /* MIN-HEIGHT: 33px; */
  BACKGROUND: #566471;
  padding: 25px;
  color: #fff;
  font-size: 27px;
  margin-top: 0px;
  font-weight: 400;
}
#BoxGrey li {
  WIDTH: 100%;
  MARGIN-RIGHT: 8px;
  FLOAT: left;
  font-size: 15px;
  margin-bottom: 10px;
}
#BoxGrey dt {
  FLOAT: left;
  font-size: 14px;
}
#BoxGrey dd {
  FONT-WEIGHT: 500;
  MARGIN: 0 0 4px 40px;
  font-size: 15px;
}
.h01 {
  height: 220px;
  padding: 20px;
}
.hFace{
  padding: 0px;
  height: 230px;
  margin-top: -10px;
}

.boxProvas a{
  font-size: 14px;
  color: #002386;
}
.boxProvas a.link-text{color:#333333!important;}


.boxGabaritos a{
  font-size: 14px;
  color: #002386;
}
.boxGabaritos a.link-text{color:#333333!important;}

.boxGabaritos{
  float: left;
  font-size: 14px;
}


.boxResultados a{
  font-size: 14px;
  color: #002386;
}
.boxResultados a.link-text{color:#333333!important;}

.boxResultados dt{
  float: left;
  font-size: 14px;
}
.mb10{
  margin-bottom: 10px;
}
.mb15{
  margin-bottom: 15px;
}
.mb20{
  margin-bottom: 20px;
}
.mt30{
  margin-top: 30px;
}
.mb30{
  margin-bottom: 30px;
}
.fr{
  text-align: right;
  height: 20px;
}





#Base01 {
 margin: 6px 0 0 0;
 clear: both;
 /*overflow: hidden;*/
}


@media all and (max-width:853px) {
		#Base01 {
        display: none !important;
        width: 0% 0px;
        height: 0% 0px;
		}		  
}






#Base01 h1, #Base01 h2 {
  margin: 0;
  padding: 8px 21px;
  border-left: 1px solid #ddd;
  margin-right: -4px;
}
#Base01 a, #Base01 a:hover {
  color: #6e6d72;
  font-size: 15px;
  font-weight: 400;
}
#Base01 h1:hover{
  background: #e7e8ea;
  font-weight: 500;
}
#Base01 h1 a {
 color: #585858;
}
#Base01 h1 a:hover {
 color: #585858;
}
#Base01 h1{
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}
#Base01{
  width: 100%;
  /*background: #000;*/
}
.menuBottom{
  border: 1px solid #e7e7e7;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  bottom: -10px;
}

@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.menuBottom {        
        width: 100%;        
		}		  
}
















/*##  FOOTER  ######################################################################################################################################  FOOTER  ####*/


#Rodape {
  width: 100%;
  height: auto;
  background: #e7e8ea; 
}

#Rodape p { WIDTH: 472px; COLOR: #FFFFFF; MARGIN: 0; FLOAT: left;}
#Rodape h4 { text-transform: uppercase;}


.sobreFooter div:first-child{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.anuncieFooter div:first-child{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sobreFooter a, .anuncieFooter a, .faleFooter a{ color: #4c4c4c!important;}
.sobreFooter a:hover, .anuncieFooter a:hover, .faleFooter a:hover{ color: #14797D!important; text-decoration:none!important}


.faleFooter div:first-child{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.conecteFooter div:first-child{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  border-bottom: 1px solid #777d89;
  padding-bottom: 5px;
}
.logoFooter {
  float: left;
  width: 25%;
  height: auto;
  margin-top: 3%;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.logoFooter {        
        width: 100%;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		.logoFooter {        
        width: 100%;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		.logoFooter {        
        width: 100%;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		.logoFooter {        
        width: 100%;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		.logoFooter {        
        width: 100%;
		}		  
}



@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.logoFooter {        
        width: 50%;
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.logoFooter {        
        width: 50%;
		}		  
}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		.logoFooter {        
        width: 50%;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		.logoFooter {        
        width: 50%;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		.logoFooter {        
        width: 50%;
		}		  
}


.sobreFooter {
  border-right: 1px solid #4c4c4c;
  width: 25%;
  height: auto;
  margin-top: 3%;
  font-size: 14px;
  font-weight: 300;
  padding-right: 3%;
  line-height: 17px;
  color: #4c4c4c;
  float: left;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}


@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:568px) and (max-width:598px) and (orientation: landscape) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		.sobreFooter {        
        width: 50%;
        margin-left: 5%;
		}		  
}


.anuncieFooter {
  width: 30%;
  height: auto;
  margin-top: 3%;
  margin-left: 3%;
  float: left;
  font-size: 14px;
}

@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.anuncieFooter {        
        width: 50%;
        margin-left: 5%;
        }		  
}


/*
.faleFooter {
  width: 40%;
  height: 55px;
  position: absolute;
  left: 50%;
  top: 115px;
  margin-left: 80px;
  font-size: 14px;
}
*/
.conecteFooter{
  width: 15%;
  height: auto;
  background: #566471;
  padding: 15px;
  margin-top: 5%;
    margin-bottom: 5%;
  float: right;
  color: #fff;  
  text-align: center;
}
.conecteFooter ul{
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px;
}
.conecteFooter li{
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.conecteFooter {        
        width: 100%;
        margin-left: 5%;
		}		  
}

@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}


@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:668px) and (max-width:736px) and (orientation: landscape) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		.conecteFooter {        
        width: 100%;
        margin-left: 0%;
		}		  
}



.cond{
  font-family: 'Roboto Condensed', sans-serif;
}
.rel{
  position: relative;
}
.footerCopy{
  width: 100%;
  height: auto;
  padding: 1%;
  background: #191919;
  font-size: 1em;
  color: #fff;

}
.footerCopy img{
  margin-top: 0.1%;
}
.h220{
  height: auto;
}
.tar{
  text-align: right;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		.footerCopy {        
        width: 100%;
        font-size: 0.6em;
		padding-bottom: 3%;
		}		  
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		.footerCopy {        
        width: 100%;
        font-size: 0.6em;
		padding-bottom: 3%;
		}		  
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		.footerCopy {        
        width: 100%;
        font-size: 0.7em;
        padding-bottom: 5%;
        display: block;
		}		  
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		.footerCopy {        
        width: 100%;
        font-size: 0.7em;
        padding-bottom: 5%;
        display: block;
		}		  
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		.footerCopy {        
        width: 100%;
        font-size: 0.7em;
        padding-bottom: 5%;
        display: block;
		}		  
}


@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		.footerCopy {        
        width: 100%;
        font-size: 0.8em;
		padding-bottom: 5%;		
		}		  
}


@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		.footerCopy {        
        width: 100%;
        font-size: 0.8em;
        padding-bottom: 5%;
		}		  
}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		.footerCopy {        
        width: 100%;
        font-size: 0.8em;
        padding-bottom: 5%;
		}		  
}

@media all and (min-width:599px) and (max-width:640px) and (orientation: landscape) {
		.footerCopy {        
        width: 100%;
        font-size: 0.8em;
        padding-bottom: 5%;
		}		  
}

@media all and (min-width:641px) and (max-width:667px) and (orientation: landscape) {
		.footerCopy {        
        width: 100%;
        font-size: 0.8em;
        padding-bottom: 5%;
		}		  
}

@media all and (min-width:668px) and (max-width:736px) and (orientation: landscape) {
		.footerCopy {        
        width: 100%;
        font-size: 0.8em;
        padding-bottom: 3%;
		}		  
}

@media all and (min-width:737px) and (max-width:853px) and (orientation: landscape) {
		.footerCopy {        
        width: 100%;
        font-size: 0.8em;
        padding-bottom: 4%;
		}		  
}
















#Publicidade{
  /*display: none;*/
  /*display: block !important;*/
  height: 90px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  padding: 0px !important;
  width: 100%;
}
.bgHome{
  background: #fff url('../imagens/banner1.jpg') no-repeat top center;
}
#Funcoes {
  text-align: right;
  border-top: 1px dotted;
  padding: 5px;
  margin: 0px;
  margin-bottom: 20px;
}
/*
.Listone span {
  float: left;
  background: #f3f3f5 !important;
  width: 47%;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 10px;
  height: 55px;
  border: 1px solid #d2d2d4;
}
*/
.Listone span{
  float: left;
  background: #f3f3f5 !important;
  width: 97%;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 10px;
  height: 55px;
  border: 1px solid #d2d2d4;
}

#Listagem a{
  color: #3a3a3c;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 7px;
}
#Listagem p{
  font-size: 12px !important;
}
#Listagem h1{
  margin-bottom: 5px;
}






#Topo2 {
  width: 100%;
height: auto;
margin: auto;
margin-top: 2%;
}

@media all and (max-width:930px) {
		#Topo2 {
        display: none !important;
        width: 0% 0px;
        height: 0% 0px;
		}		  
}



















#Logo2 {
  FLOAT: left;
  /*position: absolute;*/
  /*top: -225px;*/
}






#news2{
  color: fff;
width: 20%;
margin-top: -6%;
float: right;
}

@media all and (min-width:315px) and (max-width:320px) and (orientation: portrait) {
		#news2 {
        width: 100%;
        display:block;
        text-align: left;      
		}
}

@media all and (min-width:321px) and (max-width:360px) and (orientation: portrait) {
		#news2 {
        width: 100%;
        display:block;
        text-align: left;      
		}
}

@media all and (min-width:361px) and (max-width:375px) and (orientation: portrait) {
		#news2 {
        width: 100%;
        display:block;
        text-align: left;      
		}
}

@media all and (min-width:376px) and (max-width:384px) and (orientation: portrait) {
		#news2 {
        width: 100%;
        display:block;
        text-align: left;      
		}
}

@media all and (min-width:385px) and (max-width:414px) and (orientation: portrait) {
		#news {
        width: 100%;
        display:block;
        text-align: left;      
		}
}

@media all and (min-width:479px) and (max-width:480px) and (orientation: landscape) {
		#news2 {
        width: 100%;
        margin-left: 0px;        
		}
}


@media all and (min-width:481px) and (max-width:568px) and (orientation: landscape) {
		#news2 {
        width: 100%;
        display:block;
        text-align: left;       
		}    
}

@media all and (min-width:569px) and (max-width:598px) and (orientation: landscape) {
		#news2 {
        width: 30%;
        display:inline;
        text-align: left;       
		}    
}








#Estado3 {
  width: 100%;
  FLOAT: left;
  position: relative !important;
  height: 52px;
  /*top: 144px;*/
  margin-top: 15px;
  margin-bottom: 15px;
}
#Estado3 p {
  width: 100%;
  margin: 0;
  float: left;
  /* height: 52px; */
  background: #566471;
  margin-left: 0.8px;
  color: #fff;
  padding: 20px 0px;
  text-align: center;
}
#Estado3 a{
  color: #fff;
  font-size: 20px;
}
#Estado3 p:nth-child(1){
  background: #566471;
}
#Estado3 p:nth-child(2){
  background: #5bc4bf;
}
#Estado3 p:nth-child(3){
  background: #fba919;
}
#Estado3 p:nth-child(4){
  background: #f26c6d;
}
#Estado3 p:nth-child(5){
  background: #c84e5b;
}
#Estado3 p:nth-child(6){
  background: #ee3885;
}
#Estado3 p:nth-child(7){
  background: #864893;
}
#Estado3 p:nth-child(8){
  background: #6b6eb3;
}
#Estado3 p:nth-child(9){
  background: #10498c;
}
#Estado3 p:nth-child(10){
  background: #3b837f;
}
#Estado3 p:nth-child(11){
  background: #4eb959;
}
#DataBusca2 {
  COLOR: #FFFFFF;
  HEIGHT: 33px;
  /* BACKGROUND: #f8ce6e url('../imagens/busca-fundo.gif') repeat-x top; */
  background: rgba(255,255,255,0.9); 
  /*OVERFLOW: hidden;*/
  /*background: #000;*/
  /*position: absolute;*/
  /*top: -210px;*/
  right: 0;
  width: 622px;
}
#DataBusca2 p { WIDTH: 460px; MARGIN: 3px; FLOAT: left;}
#DataBusca2 em { FONT-SIZE: medium; FONT-WEIGHT: bold; FONT-STYLE: normal; LINE-HEIGHT: 150%;}
#DataBusca2 input {
  width: 100%;
  position: relative;
  top: 3px; 
}

.Menu_sup2 {
  position: absolute;
  right: 0px;
  top: 80px;
}
.Menu_sup2 img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); 
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.Menu_sup2 img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%); 
}
.Menu_sup2 ul{
  padding-left: 0px;
  margin-bottom: 0px;
  list-style: none;
}
.Menu_sup2 li{
  color: #999;
  display: inline-block;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #4c4c4c;
}
.Menu_sup2 li:first-child{
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding-left:;
}
.Menu_sup2 li:nth-child(4){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup2 li:nth-child(5){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup2 li:nth-child(6){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup2 li:nth-child(7){
  color: #999;
  display: inline-block;
  font-size: 15px;
  border-left: 0px solid #4c4a4b;
  margin: 0px;
  padding: 0px;
}
.Menu_sup2 li a{
  color: #999;
  display: inline-block;
  font-size: 15px;

}

.mt20{
  margin-top: 20px !important;
}


#faculdadeone{
  background-color: rgba(60,164,157,0.7) !important;
  padding: 20px;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}
.cursos{
  background-color: rgba(86,100,113,0.7) !important;
  color: #fff;
  font-size: 16px;
  border-radius: 8px 0px 0 0 !Important;
  position: relative !important;
  /*margin-left: -10px;*/
  /*top: -2px;*/
  z-index: 1;

}
.active .cursos{
  background-color: rgba(86,100,113,0.7) !important;
  color: #fff;
  font-size: 16px;
  border-radius: 8px 8px 0 0 !Important;
  position: relative !important;
  /*margin-left: -10px;*/
  top: -6px !important;
  z-index: 1;
  padding: 10px 15px;
  height: 40px;
  border-radius: 20px;


}
.faculdades {
  background-color: rgba(60,164,157,0.7) !important;
  color: #fff;
  font-size: 16px;
  border-radius: 0 8px 0 0 !Important;
  position: relative !important;
  margin-left: -2px;
  top: 4px;
  z-index: 1;
  height: 30px;
  border-radius: 20px;
}
.active .faculdades {
  background-color: rgba(60,164,157,0.7) !important;
  color: #fff;
  font-size: 16px;
  border-radius: 8px 8px 0 0 !important;
  position: relative !important;
  margin-left: -2px;
  top: -6px !important;
  z-index: 1;
  padding: 10px 15px;
  height: 40px;
  border-radius: 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: inherit;
  cursor: default;
  background: inherit; 
  border: none;
  border-bottom-color: transparent;
  position: relative;
  top: -1px;
  z-index: 10 !important;
  font-size: 18px;
  font-weight: 300;
}
.nav-tabs {
 border-bottom: 0px; 
 height: 34px;
}
.nav-tabs > li > a:hover {
  border-color: transparent;
  color: #fff; 
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 5px 15px;
}
.button1{
  width: 100%;
  height: 32px;
  background: #5bc4bf;
  font-size: 15px;
  border-radius: 6px;
  border: 0px;
}
.button2{
  width: 100%;
  height: 32px;
  background: #566471;
  font-size: 15px;
  border-radius: 6px;
  border: 0px;
}


#Busca2 {
  WIDTH: 100%;
  COLOR: #FFFFFF;
  /*PADDING: 20px;*/
  CLEAR: both;
  /*position: absolute;*/
  /*top: -130px;*/
  /*left: 50%;*/
  /*background: #566471;*/
  margin-top: 30px;
  /*margin-left: 210px;*/
}
#Busca2 h1 { MIN-HEIGHT: 30px; COLOR: #FFFFFF; BACKGROUND: url('../imagens/pontilhado-branco.gif') repeat-x top; MARGIN: 0;}
#Busca2 .Colunas {
  width: 33%;
  float: left;
  margin-right: 10px;
}
.Colunas input{
  width: 100%;
  outline: none;
  border: #f8f8f8;
  height: 28px;
  margin-bottom: 10px;
  color: #999;
  padding-left: 10px;
  border-radius: 5px;
}
#Busca2 .button1{
  width: 31%;
}
#Busca2 .button2{
  width: 31%;
}
#Trilha a{
  color: #565656;
}
#Filtro input{
  color: #fff;
  background: #566471;
  border: none;
  border-radius: 3px;
  padding: 10px;
  font-size: 14px;
}
#Filtro input{
  color: #fff;
  background: #566471;
  border: none;
  border-radius: 3px;
  padding: 10px;
  font-size: 14px;
}




box

a.linkdin {
	color: red;
}

/* unvisited link */
a.linkdin:link {
	color: red;
}

/* visited link */
a.linkdin:visited {
	color: red;
}

/* mouse over link */
a.linkdin:hover {
	color: Blue;
}

/* selected link */
a.linkdin:active {
	color: Blue;
}