/* CSS Document */
/*
 * @version		Template Visitacao ICMBio
 * @package		tmpl_icmbio_visitacao
 * @copyright	Copyright © 2012 - All rights reserved.
 * @license		<![CDATA[
		Este arquivo é parte do programa ICMBio Visitacao

		O ICMBio Template Visitação ICMBio é um software livre; você pode redistribuí-lo e/ou modificá-lo
		dentro dos termos da Licença Pública Geral GNU como publicada pela Fundação do Software Livre (FSF);
		na versão 2 da Licença.

		Este programa é distribuído na esperança que possa ser  útil, mas SEM NENHUMA GARANTIA; sem uma garantia
		implícita de ADEQUAÇÃO a qualquer MERCADO ou APLICAÇÃO EM PARTICULAR. Veja a Licença Pública Geral
		GNU/GPL em português para maiores detalhes.

		Você deve ter recebido uma cópia da Licença Pública Geral GNU, sob o título "LICENCA.txt", junto com
		este programa, se não, acesse o Portal do Software Público Brasileiro no endereço www.softwarepublico.gov.br
		ou escreva para a Fundação do Software Livre(FSF) Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301, USA
	   ]]>
 * @author		Halison Casimiro - CTIS - ICMBio
 * @author mail	sistemascti@icmbio.gov.br
 * Criado = 29 May 2012
 * Modificado = 05/06/12
***********************************************************
*/

/* GERAIS/ESTRUTURA */
body, html {
	padding: 0;
	margin: 0;
}
body {
	font-family: Arial,Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #55544F;
	background: #e6e5ca url(../images/bg_topo_geral.png) no-repeat center top;
}
#menu_top, #header, #conteudo, #footer, #extras_wrap {
	width: 900px;
	margin: 0 auto;
}
.clr, .clear {
	height: 0;
	clear: both;
	line-height: 0;
}
.unseen,.hidelabeltxt{
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}	
a {
	text-decoration: underline;
	color: #1D6A16;
}
	a:hover {
		text-decoration: underline;
	}	
#menu a, #footer a, #breadcrumbs a, h2 a, .menu a {
	text-decoration: none;}

#content{
	width: 900px;
	margin: 0 auto;
} 

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
	font-family: 'Ubuntu Condensed', Arial;
	font-weight: normal !important;
}
h1 {font-size: 20px}
h2 {font-size: 17px; color: #003b15;}
h3 {font-size: 14px; color: #515151;}
h4 {font-weight: bold;}

.left, .esquerda {float: left}
.right, .direita {float: right}

img {border: none}

/*  BARRA E-GOV */
#barra_brasil {
	position: relative;
	clear: both;
	overflow: hidden;
	min-width: 1000px;
	height: 28px;
	background: #003b15;
	z-index: 4;
}
	#barra_brasil .span {
		display: block;
		width: 50%;
		height: 28px;
		background: url(../images/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
	}
		#barra_brasil .span .imagemGov {
			position: absolute;
			top: 4px;
			left: 50%;
			height: 24px;
			width: 888px;
			background: url(../images/barra-brasil-v3-verde.gif) right top no-repeat;
			margin-left: -440px;
		}
		#barra_brasil .span .brasilgov {
			width: 100px;
			height: 24px;
			float: right;
			display: block;
			border: 0 !important;			
			text-indent:-10000px;
		}		
		#barra_brasil .span .ai {
			width: 161px;
			height: 24px;
			margin-right:25px;
			float: right;
			display: block;
			background: url(../images/acesso_informacao.png) right top no-repeat;
			border: 0 !important;
			text-indent:-10000px;
		}

/* NAVEGACAO SUPERIOR */
 
/* TAMANHO DA FONTE */
#fontsize{
    padding: 0;
    margin: 0;
    text-align: right;
    margin-top: 5px;
    float: right;
}
#fontsize h3{display: none}
#fontsize p{
    float: left;
	margin: 0;
}
#fontsize p a{
	padding: 0 2px;
	display: block;
	height: 20px;
	width: 18px;
	text-indent: -1000px!important;
	font-size: 0;
	float: left;
}
#fontsize .bigger {
	background:url(../images/btn_font_acess.png) no-repeat;
	background-position:0 0 ;}
#fontsize .bigger:hover {background-position:0 -20px;}

#fontsize .linkreset {
	background:url(../images/btn_font_acess.png) no-repeat;
	background-position:-21px 0;}
#fontsize .linkreset:hover {
	background-position:-21px -20px;}
	
#fontsize .smaller {	
	background:url(../images/btn_font_acess.png) no-repeat;
	background-position:-42px 0;}
#fontsize .smaller:hover {	
	background-position:-42px -20px;}

/* TAMANHO DAS FONTES */
.font100 {font-size: 12px}

.font120 {font-size: 13px}
.font120 h1 {font-size: 19px}
.font120 h2 {font-size: 18px}
.font120 h3 {font-size: 17px}
.font120 h4 {font-size: 16px}

.font140 {font-size: 14px}
.font140 h1 {font-size: 20px}
.font140 h2 {font-size: 19px}
.font140 h3 {font-size: 18px}
.font140 h4 {font-size: 17px}

.font160 {font-size: 20px; padding-bottom: 8px;}
.font160 h1 {font-size: 21px}
.font160 h2 {font-size: 20px}
.font160 h3 {font-size: 19px}
.font160 h4 {font-size: 18px}

.font80 {font-size: 11px}
.font80 h1 {font-size: 16px}
.font80 h2 {font-size: 15px}
.font80 h3 {font-size: 14px}
.font80 h4 {font-size: 13px}
/* descontinuado*/
.font60 {font-size: 11px}
.font60 h1 {font-size: 16px}
.font60 h2 {font-size: 15px}
.font60 h3 {font-size: 14px}
.font60 h4 {font-size: 13px}

/* CABECALHO */
#logo_icmbio{
		width: 143px;
		height: 142px;
		position: absolute;
		margin: -11px 0 0 -72px;
		z-index: 3;
	}

	/** modulo posição titulo_parque **/
	#titulo_parque{
		height: 54px;
		position: absolute;
		margin: 400px 0 0 -3px;
		z-index: 4;
	}
		#titulo_parque .left{
			width: 6px;
			height: 54px;
			background: url(../images/bg_tituloparque_left.png) left top no-repeat;
			float: left;
			text-indent: -9999px;
		}
		#titulo_parque .center{
			background: url(../images/bg_tituloparque_center.png) left top repeat-x;
			width: 170px;
			float: left;
			padding: 7px 0 0 8px;
			height: 54px;
		}
		#titulo_parque .right{
			width: 6px;
			height: 54px;
			background: url(../images/bg_tituloparque_right.png) right top no-repeat;
			float: left;
			left: 178px;
			text-indent: -9999px;
		}
	
	#barra_shared{
		height: 35px;
		float:right;
		text-align: right;
	}
	#barra_shared div{
		height: 35px;
	}
		#barra_shared .left{
			width: 51px;
			background: url(../images/bg_shared_left.png) left top no-repeat;
			float: left;
		}
		#barra_shared .center{
			background: url(../images/bg_shared_center.png) left top repeat-x;
			width: 215px;
			float: left;
			padding: 7px 0 0 8px;
			overflow:hidden;
		}
		#barra_shared .right{
			width: 17px;
			background: url(../images/bg_shared_right.png) right top no-repeat;
			float: left;
			margin-right: -12px;
		}
		
	#dest_principal{
		width: 900px;
		height: 460px;
		z-index: 2;
		border-bottom: 1px solid #edb214;
	}
		#dest_principal img{
			clear: both;	
		}
 


/* CONTEUDO */
#conteudo{
	padding:0;
	overflow:hidden;}
#conteudo .conteudo_left {
	float: left;}
	
#conteudo .conteudo_center {
	float: left;
	width: 695px;}
.componentheading , .contentheading{
	font-weight: bold;
	margin: 12px 0;
}

/* IDIOMA */
#captions_top{
    margin:0;
    float: right;
	padding: 0 10px 0 0;
}
#captions_top #jflanguageselection{margin: 0}
#captions_top ul{
    display: inline;
    float: right;
}
#captions_top ul li {
    display: inline;
    cursor: pointer;
}

/* NAVEGACAO */
.menu, .menu_hor, .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	
.menu_hor {
	float: left;
}	
.menu_hor li{
	float: left;
	padding: 0;
}

.conteudo_left .menu{
	background: #F7F7ED url(../images/bg_menu_esquerdo.png) no-repeat;
	min-height: 421px;
	width: 160px;
	padding: 0 0 10px 10px;
	margin-right: 20px;
	float: left;
}
	.conteudo_left .menu li{
		background: url(../images/arrow_menu.png) no-repeat 0 15px;
		padding: 10px 0 0 10px;
	}
	.conteudo_left .menu li:hover, .conteudo_left .menu li#current, .conteudo_left .menu li.active li, .conteudo_left .menu li.active {
		background: url(../images/arrow_menu_over.png) no-repeat 0 15px;
	}
	
	
.menu .active a, .menu a:hover {color: #E3B123;}
.menu a:hover {text-decoration: underline!important;}
.menu #current ul a, .menu a {text-decoration: none}		
.menu a {color: #3C3C34}
	

	
/* article index */
table.contenttoc {
	border:solid 1px #ccc;
	padding:10px;
	margin:0 0 10px 10px;
	float:right;
}
/*** RODAPÉ, se portal arquivo externo***/
#footer {
	background: url(../images/stroke_rodape.png) no-repeat center top;
	padding-top: 25px;
	margin: 15px auto;
}

.footer_left {
	float:left;
	margin-left: 15px;
	width: 470px;
	height:100px;
}

.footer_right {float:right;width: 412px;}
	.link-icmbio{
		margin-top: 15px;
		margin-right: 118px;
		float: right;
	}

	.links-redes-sociais{
		width: 279px;
		height: 35px;
		margin-top: 15px;
		float: right;
	}

	.links-redes-sociais img{
		float: left;
	}

	
/******** conteudo especifico extra ***************/
#slides {
	float:left;}
	
.como_chegar {
    display: block;
    float: right;
    margin: 18px 2px 0 0;
    width: 338px;
}		
#extra_top {margin-bottom: 10px}		

.form #btn-submit {	margin-left:431px;}

.componentheading {
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal !important;
	font-size:17px;}

#jevents_header .contentheading {
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal !important;
	font-size:15px;
	color:#55544F;}
	

#destaques { float:right; width:340px;}
#destaques ul, #destaques li { margin:0; padding:0; list-style:none;}
#destaques h4{margin:0; text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;}
#destaques h2{margin:0 0 6px;}
#destaques p{margin:8px 0;}
	
	
/*** table ***/

table.table {
	width: 100%;
}
table.table tbody {
	/* Kind of irrelevant unless your .css is alreadt doing something else */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
table.table thead {
	text-align: left;
}
table.table thead th {
	background: -moz-linear-gradient(top, #FFF 0, #F6F6EC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #F6F6EC));
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#F6F6EC', GradientType=0);*/
	color: #444;
	font-size: 14px;
	font-weight: bold;
	padding:10px 10px 10px 8px;
}
table.table td {
	padding: 10px;
}
table.table tr:nth-child(even) {
	background: #f7f7ed;
}


/** end table **/

	 	
/***********************************************/
/***********  Estrutura do Joomla 	 ***********/
/***********************************************/
/* Quote hilight */
.quote-hilite {
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #CACACC;
	background: #FFFFFF;
}

/* Small quote */
.small-quote {
	margin: 0;
	padding: 0;
	background: none;
}

.small-quote span.open-quote {
	margin: 0;
	padding-left: 20px;
	background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
	margin: 0;
	padding-right: 20px;
	background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
	padding: 2px 5px 2px 20px;
	border-top: 1px solid #DCDDE0;
	margin: 0.5em 0 0;
	display: block;
	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
	font-size: 90%;
	text-transform: uppercase;
}

.invalid {
    border-color: #FF0000;
}
label.invalid {
    color: #FF0000;
}

/* Rropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #999999;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	padding-left: 25px;
	color: #BF0000;
	background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
	padding-left: 25px;
	color: #006699;
	background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
	padding-left: 25px;
	color: #EE9600;
	background: url(../images/icon-tips.gif) no-repeat top left;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../images/system/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../images/system/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../images/system/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

.highlight {
	padding: 1px 5px;
	background: #FFFFCC;
	font-weight: bold;
}
/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}

/* Note Style */
p.stickynote {
	padding: 10px 0 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
	padding: 10px 0 10px 40px;
	border: 1px solid #CACACC;
	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
	list-style: none;
}

ul.small-checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}


/* JOOMLA STYLE
--------------------------------------------------------- */
/*  tabless positions */
.leading{
	margin: 30px 0 10px 0;}

.leading_separator
{
	border-bottom: solid 0 #333333;
	display: block;
	height: 10px;
	margin: 0;
}

.article_separator
{
	border: solid 1px #333333;
	display: none;
	margin: 0;
}

.blog { padding: 0; }

.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 50%; }
.cols3 { width: 33%; }
.cols4 { width: 25%; }
.cols5 { width: 20%; }

 
.column2 , .column1
{

}

.article_row
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.article_column
{
	float: left;
	margin: 0;
	padding: 0;
}

.row_separator2, .row_separator
{
	display: block;
	clear: both;
	line-height:0;
	margin: 0;
	border: solid 0;
}

/* outros estilos */

.article_column {
}
.column_separator {
	padding: 0 25px;
}
.adminform .inputbox {
}
.blog_more {
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}
.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%;
}
.blog_more ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif) no-repeat 6px 8px;
}
.category {
	font-weight: bold;
	width:100%;}
	
table.category {
	padding-top:12px;	
	clear:both;}
	
.contentdescription {
	padding-bottom: 30px;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}
	a.readon {
		float: right;
		margin-top: 10px;
		padding: 1px 5px 1px 14px;
		border: 1px solid #F6F6F6;
		display: block;
		background: url(../images/arrow.png) no-repeat 5px 48%;
		font-weight: bold;
		text-decoration: none;
	}
		a.readon:hover, a.readon:active, a.readon:focus {
			border: 1px solid #ECECEC;
			background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
		}

.moduletable {
	padding: 0;
}

.counter {text-align:center;}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
	text-align:center;}

ul.pagination li {
	margin: 0;
	padding: 0 5px;
	display: inline;
	background: none;}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;}
	
.pagenavbar {
	text-align:center;
	font-weight:bold;
}
.pagenavcounter {
	padding: 8px 14px 0 14px;
	float:right;
	margin:0 0 10px 10px;
}
.sectiontableheader {
	padding: 8px 5px;
	background: #444444;
	color: #FFFFFF;
}
.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
	border-bottom:1px dotted #ccc;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	border-bottom:1px dotted #ccc;
	background:#dad9bb;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background:#FFFFCC;
	border-bottom:1px dotted #ccc;
}

.smalldark {
	text-align: left;
}
div.syndicate div {
	text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}
.iteminfo {
	font-size:90%;}
.itemnifo span {
	display:block;}	
.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 3px 20px 3px 20px;
	margin-top:13px;
	margin-bottom:5px;
	background: url(../images/calendar-icon-green.png) no-repeat 0 2px;
}

.modifydate {
	width: 100%;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}
/* MISCELLANOUS
----------------------------------------------------------- */
ul.acessibilidade {
	position: absolute;
	top: -100%;
}


/* ++++++++++++++  icons  ++++++++++++++ */

ul.actions
{
        float:right;
        padding:0 ;
        width:100%;
        margin:0
}

ul.actions li
{
        display:inline
}

ul.actions a
{
        text-decoration:none
}



/*
Seletor de linguas
------------------------------------------------------
*/
	.mod-languages_linguas{
		margin-top: -29px;
		margin-left: 770px;
		position: absolute;
		background: url(../images/bg_linguas.png) left top repeat-x;
		width: 144px;
		height: 29px;
	}

	.mod-languages_linguas ul{
		list-style: none;
	}
	
	.mod-languages_linguas li{
		float: left;
		margin-left: 10px;
		margin-top: -5px;
		
	}