/*
Theme Name: wpgovbr
Theme URI: https://github.com/wpgovbr
Version: 1.0
Author: SAE
Author URI: http://www.sae.gov.br/
Description: Identidade Digital de Governo para Wordpress
Text Domain: sae
*/
.chapeu{font-size:12px !important;}
.titulo-destaques{
	height:80px; 
	margin-bottom:10px; 
	display: block; 
	position:relative;
	overflow: hidden;
	background-color:#FFF;
}
.titulo-destaques h1 ,.titulo-destaques h1 a{		
	font-family:Arial, Helvetica, sans-serif;
	font-size:31px;
	font-weight:bold;
	color:#000 !important;
	line-height:33px;
	letter-spacing: 1px;
}


#fomulario-de-comentarios{
	margin-top: 70px; 
}
#formulario-de-comentarios article span{
	margin-bottom: 15px;
	display: block;
	margin-top: -8px !important;
}
#fomulario-de-comentarios input,#fomulario-de-comentarios textarea{
box-sizing: border-box;
font-size: 0.857142857rem;
line-height: 1.714285714;
padding: 0.714285714rem;

border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;

margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
width:482px;
margin-bottom:15px;
}

.destaque-dia-description{font-size: 1.5em !important;}
.tribe-events-calendar a,
.tribe-events-calendar span{
font-size:12px;}
/* Estilos espec�fos do site antigo da SAE - Integra��o de conte�dos */

.menu-superior-direito-container{
	float:right;
	}
.quem {
	border-bottom: 1px dotted #999;
	padding: 10px 20px 20px 20px;
	margin-bottom: 20px;
	width:450px;
	line-height: 24px;
	}
.tile p {
	color: #172938;
/*	font-size: 1.15em; */
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 1.25em !important;
}
.tile a {
	color: #172938 !important;
}
.tile a:hover {
	color: #172938 !important;
}
.tile a:visited {
	color: #172938 !important;
}

.template-summary_view #viewlet-below-content-title {
	border-top: none;
}

/* resource secom */
#content h1.documentFirstHeading {
margin: .85em 0 5px;
padding: 0 0 .70em 0;
border: 0;
/*border-bottom: 1px solid #d9dbda;*/
color: #2c66ce;
text-transform: uppercase;
font-weight: normal;
font-size: 2.25em;
font-family: "open_sansbold", Arial, Helvetica, sans-serif;
line-height: 1em;
}
#content-core {
clear: both;
margin-top: 40px;
}
/* */
.template-summary_view #content-core,
.template-facetednavigation_view #content-core { margin-top: 40px; }
.template-summary_view #content h1.documentFirstHeading,
.template-facetednavigation_view #content h1.documentFirstHeading {
margin: .85em 0 5px;
padding: 0 0 .70em 0;
border: 0;
border-bottom: 1px solid #d9dbda;
color: #2c66ce;
text-transform: uppercase;
font-weight: normal;
font-size: 2.25em;
font-family: "open_sansbold", Arial, Helvetica, sans-serif;
line-height: 1em;
}
.template-summary_view #content .tileItem,
.template-facetednavigation_view #content .tileItem {
position: relative;
clear: both;
overflow: hidden;
margin: 0;
padding: 2em 0 2em 7.5em;
border-bottom: 1px solid #d7dbda;
font-size: 1em;
}
.template-summary_view #content .tileItem:first-child,
.template-facetednavigation_view #content .tileItem:first-child { padding-top: 0; }
.template-summary_view #content .tileContent,
.template-facetednavigation_view #content .tileContent {
	overflow: hidden;
	padding-left: 1.8em;
	min-height: 75px;
	border-left: 1px dotted #D6D6D6;
}

/********************* ajuste da letra *****************************/
.tile p, .tileContent p, .tileContent li {
	font-size: 1.3em;
}
/******************************************************************/

.template-summary_view #content .tileImage,
.template-facetednavigation_view #content .tileImage {
float: none;
margin: 0 1em 0.5em 0;
}
.template-summary_view #content .tileImage img,
.template-facetednavigation_view #content .tileImage img { float: left; }
.template-summary_view #content .tileItem .subtitle,
.template-facetednavigation_view #content .tileItem .subtitle {
display: block;
margin: 0 0 .6em;
padding: 0;
font-weight: normal;
font-size: 1em;
font-family: "open_sansregular", Arial, Helvetica, sans-serif;
}
.template-summary_view #content .tileItem .tileHeadline,
.template-facetednavigation_view #content .tileItem .tileHeadline {
margin: 0 0 0.438em;
padding: 0;
color: #172938;
font-weight: bold;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}
.template-summary_view #content .tileItem .tileHeadline a,
.template-summary_view #content .tileItem .description,
.template-facetednavigation_view #content .tileItem .tileHeadline a,
.template-facetednavigation_view #content .tileItem .description {
margin: 0;
padding: 0;
color: #172938 !important;
font-family: Arial, Helvetica, sans-serif;
}
body.contraste .template-summary_view #content .tileItem .tileHeadline a,
body.contraste .template-summary_view #content .tileItem .description,
body.contraste .template-facetednavigation_view #content .tileItem .tileHeadline a,
body.contraste .template-facetednavigation_view #content .tileItem .description {
margin: 0;
padding: 0;
color: #fff !important;
font-family: Arial, Helvetica, sans-serif;
}
.template-summary_view #content .tileItem .description,
.template-facetednavigation_view #content .tileItem .description { line-height: 1.75em; }
.template-summary_view #content .tileItem p,
.template-facetednavigation_view #content .tileItem p {
margin: 0;
padding: 0;
}
.template-summary_view #content .tileItem .keywords,
.template-facetednavigation_view #content .tileItem .keywords {
margin: 15px 0 0;
padding: 0;
color: #596e7f;
font-weight: normal;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
}
.template-summary_view #content .tileItem .documentByLine,
.template-facetednavigation_view #content .tileItem .documentByLine {
margin: 2em 0 0;
padding: 0;
min-width: 7.5em;
min-height: 10.4em;
color: #596E7F;
font-size: 1em;
font-family: "open_sansregular", Arial, Helvetica, sans-serif;
position: absolute;
top: 0;
left: 0;
}
.template-summary_view #content .tileItem:first-child .documentByLine,
.template-facetednavigation_view #content .tileItem:first-child .documentByLine { margin-top: 0; }
.template-summary_view #content .documentByLine .summary-view-icon,
.template-facetednavigation_view #content .documentByLine .summary-view-icon {
display: block;
margin: 0 0 1em;
color: #596e7f;
font-size: 1em;
font-family: "open_sansregular", Arial, Helvetica, sans-serif;
line-height: 1.2em;
}
/* */
#content .summary-view-icon [class*="icon"] {
display: inline-block;
background-image: url("img/summary-view-icons-sprite.png");
background-repeat: no-repeat;
position: relative;
top: 1px;
width: 14px;
height: 14px;
margin-right: 2px;
}
#content .summary-view-icon .icon-audio { background-position: -3px -391px; }
#content .summary-view-icon .icon-day,
#content .summary-view-icon .icon-agenda { background-position: -244px -392px; width: 13px; }
#content .summary-view-icon .icon-image { background-position: -123px -391px; }
#content .summary-view-icon .icon-hour { background-position: -273px -393px; }
#content .summary-view-icon .icon-noticia,
#content .summary-view-icon .icon-page { background-position: -94px -391px; }
#content .summary-view-icon .icon-multimidia { background-position: -33px -391px; }
/* */
.menuTrigger { display: none; }
div.listingBar { clear: both; }
ul.formTabs { padding: 0px !important; }
#searchbt,
#nav #seletor { display: none; }
#nav #seletor { color: #fff; }
/* */
@media only screen and (min-width : 0px) and (max-width : 768px) {
#header { padding-top: 1em !important; }
#portal-siteactions {
position: static;
float: none;
clear: both;
padding: 0 0 0.5em;
font-size: 0.9em;
}
#main,
.section-home #main {
padding-top: 0;
max-width: 100% !important;
}
#sobre .last-item a { padding: 0 10px; }
#portal-breadcrumbs,
#accessibility,
#doormat-container,
#em-destaque,
.slideshow_container,
.canal-youtube,
#social_media,
#portal-features { display: none !important; }
#portal-column-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
.menuTrigger {
display: block;
height: 73px;
text-indent: -9999px;
cursor: pointer;
}
#navigation.ativo .menuTrigger { background-position: bottom right; }
#navigation #portal-column-one { display: none; }
#navigation.ativo #portal-column-one {
display: block;
background: url("img/shadow-bottom.gif") repeat-x bottom left;
padding-bottom: 13px;
}
.portlet-static-centrais-de-conteudos .portletHeader,
.portletNavigationTree .portletHeader {
position: relative;
margin: 0;
padding: 30px 0;
border-top: none;
border-bottom: 1px solid #cdd4d0;
text-indent: 30px;
text-transform: uppercase;
font-size: 24px;
cursor: pointer;
}
.portletNavigationTree .portletHeader a span {
position: absolute;
top: 18px;
right: 20px;
display: block;
width: 37px;
height: 36px;
background: url("img/bg-menu-mobile-panel.png") top center no-repeat;
}
#portal-column-one .ativo .portletHeader a span {
background-position: bottom center;
}
#portal-column-one .portletNavigationTree .portletHeader a {
padding: 20px 35px;
color: #00500f !important;
font-size: 24px;
}
#portal-column-one dl.portlet { margin-bottom: 0; }
#portal-column-one .portletStaticText,
#portal-column-one dl.portlet dd {
display: none;
}
#portal-column-one dl.ativo dd { display: block; }
dl.portlet ul.navTreeLevel0 > .navTreeItem {
border-top: none;
border-bottom: 1px solid #d2d2d2;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem a {
padding: 20px 35px !important;
color: #454545;
font-size: 24px;
line-height: 1.2em;
}
}
/* */
/* */
.hiddenStructure {
display: block;
background: transparent;
background-image: none; /* */
border: none;
height: 0.1em;
overflow: hidden;
padding: 0;
margin: -0.1em 0 0 -0.1em;
width: 1px;
}
/* */
/* */
.ie6 .hiddenStructure,
.ie7 .hiddenStructure {
position: absolute;
}
#content .visualNoMarker {
list-style:none;
margin-left: 0;
}

/* estilos para os videos */
.titlec {
  font-size: 10px;
  text-transform:uppercase
}
ul.videos li {
  float: left;
  width: 12.1em;
  margin-bottom: 2em;
  list-style-type: none !important;
  margin-right: 1em;
  margin-left: 1em;
}
ul.videos li span{width: 130px;
overflow: hidden;
height: 15px; 
display: inline;
}

ul.videos
{
  margin-bottom: 1em;
  padding-left : 0em;
  margin-left: 0em;
  list-style: none;
}
#videos2{
	width:48em;
}
#assistindo{
	background:#000000;
	color:#FFFFFF;
	position:relative;
	width: 130px;
	height: 20px;
	margin:-25px 0px 5px 0;
	font-size:small;
}
.youtubeThumbs{
	width:130px;
	height:97px;
	background-size: 130px 97px;
	position:relative;
	cursor:pointer;
}
#paginate {
	margin-bottom: 2em;
	text-align: center;
}

/* The Flickr Tumbs */
#flickrtumbs, #flickrSET {
    float:left;
    width:330px;
    padding-top:3px;
    font-size:12px;
    font-family:Tahoma,Century gothic, Arial, sans-serif;
}
#flickrList{
	width:40em;
}
#flickrtumbs li, #flickrSET li, #flickrList li {
    float:left;
    padding:2px 3px;
    list-style:none;        
}
#flickrtumbs h2, #flickrSET h2 {
    line-height:28px;
    font-size:14px;
    color:#1582bb;
    margin:5px 0px 0px 0px ;
    padding:0px 0px 5px 5px;
    margin-bottom:5px;
    background:#e2eaf4;
    font-weight:bold;
    font-family:Arial,Georgia,Century gothic,  sans-serif;
    text-transform:uppercase;
    position:relative;
    height: 25px;
    }
#flickrtumbs h2 a, #flickrSET h2 a {
    color:#1582bb;
    text-decoration:none;
    } 

#logoflickr {
    height:20px;
    width:20px;
    background-image:url(http://www.sae.gov.br/site/wp-content/uploads/flickr.png);
    float:left;
    margin-right:5px;
    margin-left:10px;
    position:relative;
    margin-top:13px;
    cursor:pointer;
    }
.banner-projeto {
	background: url("img/bannerP.png") center no-repeat;
	width:100%;
	max-width:230px;
	height:75px;
	text-align:center;
	/*vertical-align:central;*/
	display:table;
}
.banner-projeto h3 {
    color:#ffffff !important;
    font-size:1.1em;
    font-family: 'open_sansbold' !important;
    text-transform:uppercase;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    padding: 0 5px;
	display:table-cell;
	vertical-align: middle;
	width: 230px;
	
}
.banner-projeto h3 span{
font-size: 80%;
color: #ccc;
width: 100%;
display: block;
letter-spacing: 1px;
}
.banner-subsecretaria{
			position: relative;
			top: 6px;
			width: 100%;
			backface-visibility: 50%;
			opacity: 50%;
			background-color: rgba(200,200,200,0.7);
			text-align: center;
		}
.link-banner-subsecretaria
{
display: table-cell;
vertical-align: middle;
height: 52px;
position: relative;
top: 6px;
}
#estanteWraper{
	width:750px;
	overflow:auto;
	height: 350px;
}
#estante{
	width:708px;
	background-image:url('img/shelf.png');
	padding: 15px 10px 10px 15px;
	}
.abrir{
	position:relative;
}
.novo{
	position:relative;
	margin: -152px 0px 0px 0px;
	vertical-align:top;
}
.livro{
	float:left;
	margin-bottom:17px;
	margin-left: 23px;
}
.capa{ 
	position:relative;
}
.livro img{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

#contatos-sae dt{
padding-left:10px;
}
#contatos-sae dd{
padding-left:15px;
margin:3px 0 8px;
}
#contatos-sae dd span{
display:block;
}
.legenda{
	text-align:right; 
	/*font-size:70%; */
	color:#666;
	padding: 0px 15px 25px;
}
.comment-body{
	font-size:1.3em;
	color:#666;
}
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* green */
.green {
	color: #e8f0de !important;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
#carrega{
/*
	background: url("img/loading.gif");
	height:16px;
	width:16px;
	position:relative;
	float:left;
	margin-left: -10px;
	margin-right: 10px;
*/
	margin-bottom: 10px;
	margin-top: 15px;
}


.tile.padrao { margin-bottom: 13px; }

.padrao .outstanding-header { border-top: 2px solid; }

.padrao .outstanding-header h2 { min-height: 31px; }



/* ==========================================================================

	CORES POR TEMAS/ASSUNTOS

   ========================================================================== */


/*
 * Destaques com borda cinza
 */

.roxo-borda,
.verde-borda,
.azul-claro-borda,
.azul-turquesa-borda,
.laranja-borda,
.bege-borda {
    padding-bottom: 0.8em;
    border-bottom: 1px solid #ccc;
}

.roxo-borda a { color: #5c1285 !important; }
.verde-borda a { color: #01971c !important; }
.azul-claro-borda a { color: #8fd9e4 !important; }
.azul-claro-turquesa a { color: #097495 !important; }
.laranja-borda a { color: #e07f48 !important; }
.bege-borda a { color: #ab6600 !important; }

.tile p { line-height: 1.75em; }

.left {
    float: left;
    margin: 0 10px 10px 0;
}

.right {
    float: right;
    margin: 0 0 10px 10px;
}

.tile-title{
    border-top: 4px solid;
}

.outstanding-header{
    min-height: 40px;
	border-top-style:solid;
	border-top-width: 2px;
    background: #eeeff1;
	border-top-color:#2C67CD;
}

.outstanding-header .outstanding-title{
    border-bottom: none;
    background: #eeeff1;
}


/* Laranja - Juventude
   ========================================================================== */

.laranja .tile-title{
    border-top: 4px solid;
    color: #e57300;
}

.laranja .outstanding-header{
    min-height: 40px;
    border-top: 2px solid #e57300;
    background: #eeeff1;
}

.laranja .outstanding-header .outstanding-title{
   border-color: #e57300;
    border-bottom: none;
    background: #eeeff1;
    color: #e57300;
}

.laranja .outstanding-header .outstanding-link img{
   background-color: #e57300;
}

.laranja .tile-subtitle
{ color: #e56b00; }



/* Azul Petroleo - Classe M�dia
   ========================================================================== */

.azul-petroleo .tile-title{
    border-top: 4px solid #3b7390;
    color: #3b7390;
}

.azul-petroleo .outstanding-header{
    min-height: 40px;
    border-top: 2px solid #3b7390;
    background: #eeeff1;
}

.azul-petroleo .outstanding-header .outstanding-title{
	border-color: #3b7390;
    border-bottom: none;
    background: #eeeff1;
    color: #3b7390;
}

.azul-petroleo .outstanding-header .outstanding-link img{
	background-color:#3b7390;
}
.azul-petroleo .tile-subtitle{ color: #3b7390; }

/* Dourado - recursos-naturais
   ========================================================================== */

.dourado .tile-title{
    border-top: 4px solid #b97a00;
    color: #b97a00;
}

.dourado .outstanding-header{

    min-height: 40px;
    border-top: 2px solid #b97a00;
    background: #eeeff1;
}

.dourado .outstanding-header .outstanding-title{
   
    border-bottom: none;
    background: #eeeff1;
	border-color: #b97a00;
    color: #b97a00;
}

.dourado .outstanding-header .outstanding-link img{
    /*background: url("img/seta_dourado.png") no-repeat scroll right 5px transparent;*/
	background-color:#b97a00;
}
.dourado .tile-subtitle { color: #b97a00;}

/* Roxo - Fronteira
   ========================================================================== */

.roxo .tile-title{
    border-top: 4px solid #643c67;
    color: #643c67;
	border-top: 4px solid;
}

.roxo .outstanding-header
{
    min-height: 40px;
    border-top: 2px solid /*#643c67*/;
    background: #eeeff1;
}

.roxo .outstanding-header .outstanding-title {
    
    border-bottom: none;
    background: #eeeff1;
    color: #643c67;
	border-color: #643c67;
}

.roxo .outstanding-header .outstanding-link img
{
   /* background: url("img/seta_roxo.png") no-repeat scroll right 5px transparent;*/
   background-color:#643c67;
}
.roxo .tile-subtitle{ color: #643c67; }

/* Marron Claro - usos-do-solo
   ========================================================================== */

.marrom-claro .tile-title{
    border-top: 4px solid #826938;
    color: #826938;
	border-top: 4px solid;
}

.marrom-claro .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #826938;
    background: #eeeff1;
}

.marrom-claro .outstanding-header .outstanding-title{
   
    border-bottom: none;
    background: #eeeff1;
	
	border-color: #826938;
    color: #826938;
	
}

.marrom-claro .outstanding-header .outstanding-link img{
   /* background: url("img/seta_marrom-claro.png") no-repeat scroll right 5px transparent;*/
   background-color:#826938;
}
.marrom-claro .tile-subtitle { color: #826938; }


/* Verde Escuro - Imigracao / Florestas 
   ========================================================================== */

.verde-escuro .tile-title
{
    border-top: 4px solid /*#1D571F*/;
    color: #1d571f;
}

.verde-escuro .outstanding-header
{
    min-height: 40px;
    border-top: 2px solid #1d571f;
    background: #eeeff1;
}

.verde-escuro .outstanding-header .outstanding-title{
    
    border-bottom: none;
    background: #eeeff1;
	border-color: #1d571f;
    color: #1d571f;
}

.verde-escuro .outstanding-header .outstanding-link img{
   /* background: url("img/seta_verde-escuro.png") no-repeat scroll right 5px transparent;*/
   background-color:#1d571f;
}
.verde-escuro .tile-subtitle{ color: #1d571f; }

/* Verde - Fronteira
   ========================================================================== */

.verde .tile-title
{
    border-top: 4px solid #017b16;
    color: #017B16;
}

.verde .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #017b16;
    background: #eeeff1;
}

.verde .outstanding-header .outstanding-title {
   
    border-bottom: none;
    background: #eeeff1;
	 border-color: #017b16;
    color: #017b16;
}

.verde .outstanding-header .outstanding-link img{
    /*background: url("img/seta_verde.png") no-repeat scroll right 5px transparent;*/
	background-color:#017b16;
}

.verde .tile-subtitle{ color: #017b16;}

/* Azul - �gua e Popula��o e Desenvolvimento
   ========================================================================== */

.azul .tile-title{
    border-top: 4px solid #2C66CE;
    color: #2C66CE;
}

.azul .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #2C66CE;
    background: #eeeff1;
}

.azul .outstanding-header .outstanding-title,
{
   
    border-bottom: none;
    background: #eeeff1;
	 border-color: #2C66CE;
    color: #2C66CE;
}

.azul .outstanding-header .outstanding-link img
{
    /*background: url("img/seta_azul.png") no-repeat scroll right 5px transparent;*/
	background-color:#2C66CE;
}

.azul .tile-subtitle {color: #2C66CE; }

/* Marron - Imigracao
   ========================================================================== */

.marrom .tile-title{
    border-top: 4px solid #753900;
    color: #753900;
}

.marrom .outstanding-header{
    min-height: 40px;
    border-top: 2px solid #753900;
    background: #eeeff1;
}

.marrom .outstanding-header .outstanding-title{
    
    border-bottom: none;
    background: #eeeff1;
	border-color: #753900;
    color: #753900;
}

.marrom .outstanding-header .outstanding-link img{
    /*background: url("img/seta_marrom.png") no-repeat scroll right 5px transparent;*/
	background-color:#753900;
}

.marrom .tile-subtitle { color: #753900; }

/* Verde Claro - Defesa
   ========================================================================== */

.verde-claro .tile-title{
    border-top: 4px solid #56762b;
    color: #56762b;
}

.verde-claro .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #56762b;
    background: #eeeff1;
}

.verde-claro .outstanding-header .outstanding-title{
    
    border-bottom: none;
    background: #eeeff1;
	border-color: #56762b;
    color: #56762b;
}

.verde-claro .outstanding-header .outstanding-link img{
   /* background: url("img/seta_verde-claro.png") no-repeat scroll right 5px transparent;*/
   background-color:#56762b;
}

.verde-claro .tile-subtitle { color: #56762b;}


/* Azul Claro - Pecu�ria sustent�vel
   ========================================================================== */

.azul-claro .tile-title {
    border-top: 4px solid #3867b7;
    color: #3867b7;
}

.azul-claro .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #3867b7;
    background: #eeeff1;
}

.azul-claro .outstanding-header .outstanding-title{
    
    border-bottom: none;
    background: #eeeff1;
	border-color: #3867b7;
    color: #3867b7;
}

.azul-claro .outstanding-header .outstanding-link img{
   /* background: url("img/seta_azul-claro.png") no-repeat scroll right 5px transparent;*/
	background-color:#3867b7;
  }

.azul-claro .tile-subtitle{color: #3867b7; }


/* Azul Escuro - Produ��o e Consumo
   ========================================================================== */

.azul-escuro .tile-title {
    border-top: 4px solid #00439e;
    color: #00439e;
}

.azul-escuro .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #00439e;
    background: #eeeff1;
}

.azul-escuro .outstanding-header .outstanding-title {
    
    border-bottom: none;
    background: #eeeff1;
	border-color: #00439e;
    color: #00439e;
}

.azul-escuro .outstanding-header .outstanding-link img{
    /*background: url("img/seta_azul-escuro.png") no-repeat scroll right 5px transparent;*/
	background-color:#00439e;
}

.azul-escuro .tile-subtitle{ color: #00439e;}


/* Azul Piscina  - Clima Social*
   ========================================================================== */

.azul-piscina .tile-title {
    border-top: 4px solid #34a38e;
    color: #34a38e;
}

.azul-piscina .outstanding-header{
    min-height: 40px;
    border-top: 2px solid #34a38e;
    background: #eeeff1;
}

.azul-piscina .outstanding-header .outstanding-title {
    
    border-bottom: none;
    background: #eeeff1;
	border-color: #34a38e;
    color: #34a38e;
}

.azul-piscina .outstanding-header .outstanding-link img{
	background-color:#34a38e;
}
.azul-piscina .tile-subtitle { color: #34a38e; }

/* ciano  - ciano
   ========================================================================== */

.ciano .tile-title,
.ciano .tile-title {
    border-top: 4px solid #00A0DB;
    color: #00A0DB;
}

.ciano .outstanding-header,
.ciano .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #00A0DB;
    background: #eeeff1;
}

.ciano .outstanding-header .outstanding-title,
.ciano .outstanding-header .outstanding-title {
    border-color: #00A0DB;
    border-bottom: none;
    background: #eeeff1;
    color: #00A0DB;
}

.ciano .outstanding-header .outstanding-link img,
.ciano .outstanding-header .outstanding-link  img{
	background-color:#00A0DB;
}
.ciano .tile-subtitle { color: #097495; }
.ciano .tile-subtitle { color: #097495; }



/* Bege  - Saneamento / Licita��es e Contratos
   ========================================================================== */

.bege .tile-title, {
    border-top: 4px solid #AD6500;
    color: #AD6500;
}

.bege .outstanding-header{
    min-height: 40px;
    border-top: 2px solid #AD6500;
    background: #eeeff1;
}

.bege .outstanding-header .outstanding-title {
    
    border-bottom: none;
    background: #eeeff1;
	border-color: #AD6500;
    color: #AD6500;
}

.bege .outstanding-header .outstanding-link img{
   /* background: url("img/readmorebrown.png") no-repeat scroll right 5px transparent;*/
   background-color:#AD6500;
}

.bege .tile-subtitle { color: #ab6600; }




/* Amarelo Avalia��o *
   ========================================================================== */

.amarelo .tile-title {
    border-top: 4px solid #DE9200;
    color: #DE9200;
}

.amarelo .outstanding-header {
    min-height: 40px;
    border-top: 2px solid #DE9200;
    background: #eeeff1;
}

.amarelo .outstanding-header .outstanding-title  {
    border-color: #DE9200;
    border-bottom: none;
    background: #eeeff1;
    color: #DE9200;
}
.amarelo .outstanding-header .outstanding-link img {
   /* background: url("img/readmorebrown.png") no-repeat scroll right 5px transparent;*/
   background-color:#eeeff1;
}

.amarelo .tile-subtitle{ color: #ab6600; }



/* vermelho - social
   ========================================================================== */

.vermelho .tile-title{
    border-top: 4px solid #990000;
    color: #990000;
}

.vermelho .outstanding-header
 {
    min-height: 40px;
    border-top: 2px solid #990000;
    background: #eeeff1;
}

.vermelho .outstanding-header .outstanding-title{
    border-color: #990000;
    border-bottom: none;
    background: #eeeff1;
    color: #990000;
}

.vermelho .outstanding-header .outstanding-link img{
	background-color:#990000;
}

.vermelho .tile-subtitle,
.social .tile-subtitle { color: #990000; }