@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {  }
a:focus {outline-style: none;}
  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins {
  background-color:#ddd;
  background-image:url(/images/bg_page-margins.jpg);
  background-repeat:repeat-x;
  background-position:120px 0;
  }
  #page {
  min-height: 100%;
  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {
  			height:100px;
  			background-color: #000;
			}
			
			
	/* 	logotipo e nome do site 
		Utilizando "image replacement"
	- - - - - - - - - - - - - - - - - - - - - - - - 
	*/
	/*h1#title {
		text-indent:-90000px;
		overflow:hidden;
		background: url('/images/logo.gif') no-repeat;
		width:610px;
		height:50px;
		color:#fff;
		}*/

	div#title {
		float:left;
		}
	
	div#title img {
		margin:0 10px;
		border:0;
		}


        /* 	Botao de doacao
	- - - - - - - - - - - - - - - - - - - - - - - -
	*/

        #donate {
            position:absolute;
            z-index: 16;
            top:-14px;
            left: 410px;
        }

	/* Top nav - Menu no Topo, ex:
	fale conosco | english | quem somos | equipe | mapa do site
	- - - - - - - - - - - - - - - - 
	*/
	
	
	#topnav {
  }
	
		#topnav ul, #topnav ul li { /*reset*/
			margin:0; padding:0;
			}

			#topnav ul, #topnav ul li {
				list-style:none;
				display: inline;
				margin:0;padding:0;
				}

        #superior {
          float: left;
        }

				#topnav ul li a, #topnav ul li a:visited {
					color:#fff;
					padding: 16px 5px 5px 5px!important;
					font-weight:normal;
					height:34px!important;
					}

				#topnav ul li a:hover {
					background-color:#900;
					color:#fff;
					text-decoration:none;
					-moz-border-radius-bottomleft: 0.1em;
					-moz-border-radius-bottomright: 0.1em;
					-webkit-border-bottom-left-radius: 0.1em;
					-webkit-border-bottom-right-radius: 0.1em;
					}
			
	div.shadow {
	z-index:10;
	position:absolute;
	top:120px;
	width:100%;
	height:14px;
	background-image: url(/images/bg_shadow.png);
	background-repeat:repeat-x;
	}
	
	#nav {
	background-color: #000;
	width:100%;
	}
	
  #main {
  background-position: top right;
  background-repeat: repeat-y;
  background-image:url(/images/bg_main.gif);
  }

  #footer {
  width: 100%;
  margin:0 0;
  /*background-color:orange;*/
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 {  }
  #col1_content {  }

  #col2 { 
  background-color:#eee;
  }
  #col2_content {
	padding: 0;
  }

  #col3 {margin-right:230px!important;}
  #col3_content {
	padding: 30px 20px 5.50em 10px;
  }


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

 /*------------------------------------------------------------------------------------------------------*/

	/*
	- - - - - - - - - - - - - - - - - - - 
	Header do Verbete
		1) Foto em Background
		2) Nome do verbete sobre a foto
		3) Ficha técnica
	- - - - - - - - - - - - - - - - - - - 	
	*/
  #piblogo {
    margin-bottom: 10px !important;
  }

	#content-header {
		height:222px;
		background-color:#eee;
		}
		
	#content-header #credito_header {
		font-size:9px;
		font-family: Arial, sans-serif;
		position:relative;
		top:5px;
		right:0;
		text-align:right;
		width:auto;
		
		}
	#content-header #credito_header span {
		width:150px;
		padding:0 5px;
		text-align:center;
		background-color:#222;
		padding:5px 7px;
		color:#ddd;
		}	
	#content-header h1 {
		color:#222;
		font-size:	5.10em;
		position:absolute;
		margin-top:2.50em;
		}


		#content-header h1.invert {
			color:#eee;
			}
	#fichaTecnica {
		color: #ddd;
		background-color:#222!important;
		min-height:60px;
		padding:10px 0;
		/*position:absolute;*/
	}
		#fichaTecnica hr {
		height:1px!important;
		border:0;
		border-bottom:1px #444 dotted;
		margin:0;
		padding:0;
		}
		#fichaTecnica span {
		color:#f63;
		}
		#fichaTecnica ul {
		margin:0 !important;
		padding:0 !important;
		}
		#fichaTecnica ul li {
		display:block;
		float:left;
		width:130px!important;
		margin-left: 20px!important;
		padding:0 5px;
		}

		#fichaTecnica ul li:first-child {
		/*margin-left: 0px!important;*/
		}

#fichaTecnica tr {
  border: none !important;
}

#fichaTecnica ul li.large, #fichaTecnica table.large {
  width: 340px!important;
}

#fichaTecnica table {
  margin-top: -1px;
  position: relative;
  top: 2px;
}

#fichaTecnica th {
  font-weight: normal;
  line-height: 1em;
  background: #222222 !important;
  font-weight: normal !important;
  padding: 0 0 2px;
}

#fichaTecnica td {
  vertical-align: top;
  padding: inherit;
  background: #222222 !important;
  color: #dddddd;
  padding: inherit;
}

#fichaTecnica td hr {
  margin-bottom: 2px;
}

	/*
	- - - - - - - - - - - - - - - - - - - 
	Side bar
		Menu do verbete
		Fontes de informação
		Noticias
		Blog
		FAQ
		Fale conosco
		Video
	- - - - - - - - - - - - - - - - - - - 	
	*/
	
	/* Configuração Geral */
	#col2_content {font-family: Arial, Verdana, Sans-serif; color:#333;}
	#col2_content a {color:#444;font-size:0.95em;}
	#col2_content a:hover {color:#014;}
	#col2_content div:hover {display:block; color:#000; background-color:#fff;}
	#col2_content li {line-height:0.95em;}
	#col2_content h4 a:link, #col2_content h4 a:visited, #col2_content h4 a:hover {color:#f63!important; padding-right:20px;}
	#col2_content h4 a:hover {text-decoration:none;color:#36c!important; padding-right:20px; background:transparent url(/images/icons/rQuote.png) no-repeat 100% center;}
	#col2_content .date {color:#366; font-size:0.75em; margin-top:0.75em;}
	
	#col2_content div {padding:10px;margin: 0 1px;}
	#col2_content ul, #col2_content ul li {margin:0; padding:0;list-style:none;text-decoration:none;}
	
	/* Menu do Verbete */
/*div.vmenu ul li {color:#444;font-size:1.2em;}
	div.vmenu ul li ul li {color:#666;font-size:1.1em!important;}*/
		div.vmenu {font-size:1.1em; margin:0 1px!important;padding:30px 0!important;}

		div.vmenu a {
      color: #666!important;
      display: block;
      font-weight: bold;
      padding: 0.4em 10px;
      font-size: 0.8em!important;
    }

    div.addthis_toolbox, div.addthis_toolbox a {
      padding: 0 10px;
    }

    div.addthis_toolbox a.external {
      background-image: none;
    }
		
		div.vmenu ul a:hover {color:#fff!important;display:block; background-color:#333!important; text-decoration:none;}

		div.vmenu ul li {margin:0; padding:0 10px!important;font-weight:bold;}
		div.vmenu ul li ul li {padding:0!important; }
			div.vmenu ul li a {line-height:1.1em;}
			div.vmenu ul ul li#subcurrent a, div.vmenu li.active a {color:#36c!important;}
			#col2_content div.vmenu h4 {line-height:1.0em; color:#333!important; text-transform: uppercase; padding-left:10px; padding-bottom:15px;}
		/* subitens */
			div.vmenu ul ul {
			border-top:1px dotted #f63;
			margin:0.2em 0 1.5em 0!important;
			}
	/* SideBar TagCloud */
	
	/* SideBar Especiais */
	
  #semana-do-meio-ambiente img {
    margin-left: -16px;
  }

	#especiais {
		background-color:#900;
		color:#fff!important;
		margin-top: 15px!important;
		}
	#especiais:hover {
		background-image:none;
		background-color:#b00!important;
		}
	#especiais, #especiais ul li {
		padding:0!important;
		}
	
		div.vmenu #especiais h4 {
			padding:20px 0 10px 10px!important;
			line-height:0!important;
			color:#fff!important;
			}
		#especiais li a, #especiais li a:hover {
			padding:7px 10px;
			color:#fff!important;
			}
		#especiais li a:hover {
			background-color:#111;
			}
	div#tagcloud a { display:inline!important; }
	
	/* Botao de impresao do verbete */
	a#print {
		padding-left:40px;
		background-image: url(/images/icoprint_on.gif);
		background-position: 19px 50%;
		background-repeat:no-repeat;
		margin-top:15px;
		margin-bottom:0!important;
		}
	a#print:hover {
		color:#fff!important;
		text-decoration:none;
		background-color:#333;
		background-image: url(/images/icoprint_of.gif);
		}
		
	/* Botão do Album de fotos */
	a#album {
		padding-left:40px;
		background-position: 19px 50%;
		background-repeat:no-repeat;
		background-image: url(/images/icoalbum_of.gif);
		margin-top:0!important;
		}
	a#album:hover {
		color:#fff!important;
		text-decoration:none;
		background-color:#333;
		background-image: url(/images/icoalbum_on.gif);
		}

	/* Noticias e Blog*/
	div#noticias ul li, div#blog ul li, div#caracterização ul li  {margin:1.0em 0;}
	.translate img {width: 45px;height:11px;}
	a.translate {margin-left:0.5em;margin-top:0.50em;width: 45px;height:11px; background:no-repeat url(/images/bt-translate.gif);}
	a:hover.translate {background:no-repeat url(/images/bt-translate.gif) top right;}	
	
	.video a {
		padding-left: 20px;
		background-color: transparent;
		background-image: url(/images/ico_video.png);
		background-repeat: no-repeat;
		background-position: 0pt 7px;
		}
	
	/*
	- - - - - - - - - - - - - - - - - - - 
	Home
	- - - - - - - - - - - - - - - - - - - 	
	*/
	
	div#home-page {
	}
	
	div.tagcloud {
	/*height:100%;
	min-height:100%;
	padding-top:120px;
	padding-bottom:84px;*/
	background-color:#fff;
	text-align:justify;
	}
	div.tagcloud a {
	white-space: nowrap;
	}

	#fecha {
	width: 564px;
	text-align:right;
	position: absolute;
	top:14px;
	left:50%;
	margin-left:-282px;
	z-index:10;
	}

	
	/*destaque*/
	#destaque_ {
	width: 564px;
	
	position: absolute;
	top:10px;
	left:50%;
	margin-left:-282px;
	}


	
	
	/* TEMPLATE HACK!*/
	.vmenu #destaque_, .vmenu #fecha {display:none!important;}
	.vmenu #highlights {display:none!important;}
	/*
	- - - - - - - - - - - - - - - - - - - 
	Bloco de busca
	- - - - - - - - - - - - - - - - - - - 	
	*/

	/*REMOVE background*/
	
	div#main.hideboth {
		background-image: none;
		}
	
	div#search {
		position:relative;
		right:0;
		width:409px;
		margin-left:580px;
		/*top:43px;*/
    top: 20px;
		z-index:5;
		text-align:right;
		}
		
    .cse .gsc-tabHeader, .gsc-tabHeader {
      margin-left: 5px !important;
      margin-bottom: 10px !important;
      padding: 8px !important;
    }
		
	/*
	- - - - - - - - - - - - - - - - - - - 
	Página de notícias
	- - - - - - - - - - - - - - - - - - -
	*/
	
	ul#leiamais {
	list-style:none;
	pading:0;margin: 1.5em 0;
	width:100%;
	}

		ul#leiamais li {
		position:relative;
		display:inline;
		float:left;
		width:50%;
		pading:0;margin:0;
		font-weight:bold;
		}
			ul#leiamais li ul li {
			display:block!important;
			pading:0;margin:0;
			width:100%;
			}

	ul#noticias {
		list-style-image: none!important;
		list-style-type: none!important;
		}
		
		ul#noticias li {
			list-style-image: none!important;
			list-style-type: none!important;
			margin-left:0!important;
			margin-bottom:0.5em;
			}

	/*
	- - - - - - - - - - - - - - - - - - - 
	Página de notícia
	- - - - - - - - - - - - - - - - - - -
	*/
	
	div.crednot {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
	div.crednot p {margin:0!important;}


        /* test commit */


        /*
        ------------------------------------
        Botão de compartilhar no facebook
        ------------------------------------
        */

        .sharebtn {

            height: 60px;
            

        }
        
        table#grid-demografia {
            
            width: 100%;
            
        }
        
        td.subtitle {
            
            font-weight: bold;
            background: #EEEEEE;
        }

        .mw-editsection {
          display: none;
        }
	
/* End
- - - - - - - - - - - - - - - - - - - */
	
}