@charset "utf-8";
/**
 * Main stylesheet
 * @author Quake - quakeyo[at]gmail.com
 *
 * List of contents (search by "index: x" where x is the index number):
 *   1. Erick Meyer's Reset a little bit modified
 *   2. My own reset and tag rules
 *   3. Rules related to IDentifiers
 *     - mainContainer: wraps the whole planet in!
 *     - top
 *     - content: content and other main stuff
 *   4. Global classes used (or not) everywhere
 */

@media Screen {

/* # index: 1 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline
}
/* remember to define focus styles! */
:focus {
	outline: 0
}
html {background:#fff}
body {
	line-height: 1;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	margin:auto; 
	width:770px
}
ul {
	list-style:disc inside
}
ol {
	list-style:decimal inside
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing:0
}
caption, th, td {
	text-align: left;
	font-weight: normal
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""
}
blockquote, q {
	quotes:none
}

/* # index: 2 - Own reset */
acronym, abbr {border-bottom:1px dotted; cursor:help}
a:link, a:visited {color:#006b33; text-decoration:none}
a:hover {text-decoration:underline}
button,
.smallButton {color:#060; border:1px solid #060; background:#FFF; padding:1px 3px/*; overflow:visible; /*fix IE weird padding */}
input, textarea {color:#060; border:1px solid #060; background:#FFF; padding:3px 3px; font:11px Verdana, Geneva, sans-serif}
input:focus, textarea:focus {background:#f5f5f5; padding:3px 3px}
select {color:#060; border:1px solid #060; background:#FFF; padding:1px 3px; font:11px Tahoma, Verdana, Geneva, sans-serif}
select option {padding:2px 0;}
strong {font:inherit; font-weight:bold}
small {font-size:10px}
cite,
em {font-style:italic}

/* # index: 3 - IDentifiers */

#mainContainer {background:#fff url(images/bg/bg.content.jpg) right repeat-y; float:left; width:100%; position:relative}

#top {float:left; width:100%; background:url(images/bg/bg.topo.jpg) right no-repeat; height:150px; position:relative}

#languages {float:right; margin-right:10px; background:#f5f5f5; border:1px solid #ccc; border-top:none; width:90px}
#languages li {list-style:none outside; margin:10px}
#languages a {font-size:12px; font-weight:bold}

#menu {position:absolute; width:565px; display:inline; bottom:30px; right:-1px}
#menu li {list-style:none; display:inline}
#menu li a {font:bold 12px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; letter-spacing:2px; padding:0 10px; border-right:1px solid #666}
#menu li a:hover {color:#900; text-decoration:none}
#menu .carrinho {margin-top:10px}

#menuEsq {float:left; width:188px}
#menuEsq li {list-style:none; display:inline}
#menuEsq .menu-firstItem,
#menuEsq .menu-item {background:url(images/bg/bg.menu.jpg) 0 -35px; width:157px; float:left; padding:16px 0 4px 30px; font:bold 11px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#963; letter-spacing:1px; cursor:pointer}
#menuEsq .menu-firstItem:hover {background-position:0 0; color:#900}
#menuEsq .menu-item {background-position:0 -96px; padding-top:6px; text-decoration:none}
#menuEsq .menu-item:hover {background-position:0 -71px; color:#900}
#menuEsq .submenu {margin-left:30px}
#menuEsq .submenu li a {font-weight:bold; margin:5px 0; float:left; width:100%}
#menuEsq .gorilao {background:url(images/bg/bg.menu.jpg) 0 -97px; padding-bottom:180px; float:left}

#content {float:right; width:582px}
.content-internal {width:560px !important}
.conteudo-titulo {margin-bottom:20px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase}

#banner {position:absolute; top:5px; left:0; margin-left:190px; text-align:center }

#msgValidacao {padding:10px; display:none; width:90%; color:#930; background:#f5f5f5; border:1px solid #930; float:left}
#msgValidacao h3 {margin:0px !important; margin-bottom:10px !important; font-size:16px !important; font-weight:bold; color:#930; width:100%; padding-bottom:0px !important; background:none}
#msgValidacao ul li {margin:5px 0}

/* # index: 4 - Global classes */
.center {text-align:center}
.block {display:block}
.right {float:right !important}
.textRight {text-align:right}
.left {float:left !important}
.hidden {display:none !important}
.shown {visibility:visible !important}
.nomargin {margin:0px}
.noborder {border-left:none !important}
.nobullet {list-style:none}
.noClearing {clear:none !important}
.fixMargin {display:inline}
.help {cursor:help}
.clickable {cursor:pointer}
.underline {text-decoration:underline !important}
.external {/*background:url(../img/icon.external.blue.gif) no-repeat right; padding-right:15px*/}
.nogrito {font-weight:normal !important}
.fieldset {border:1px solid #FFE6E6; padding:10px; margin-bottom:20px}
.fieldset legend {padding:5px; font-weight:bold; background:#FFE6E6; color:#900}

.text h2 {font-size:18px; margin:30px 0 20px 0; font-weight:bold}
.text h3 {font-size:14px; font-weight:bold; margin-bottom:10px}
.text p,
.text ul,
.text ol,
.text address {margin-bottom:16px}
.text,
.text p,
.text li {line-height:18px}
p.text {margin:10px 0}
.textBlock {text-align:justify; margin-right:20px}
.textBlock img {margin:10px; float:left}

.standardForm p {float:left; margin:5px 0; width:100%}
.standardForm label {font-weight:bold; float:left; margin:5px 10px 0 0; width:180px; cursor:pointer; text-align:right}
.inlineFormItem {float:none !important; margin-left:10px !important}

.btWhiteSmall {background:url(images/bg/bg.bt.smallwhite.gif) no-repeat; width:61px; height:19px; float:left; padding:5px 0 0 10px; font-size:10px}

/* page: home */

#home-projetogap {float:left; width:215px; margin-left:5px; padding-right:10px}
#home-projetogap h3 {width:210px; padding:25px 0 10px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase}
#home-projetogap p {font-size:11px; text-align:justify}
#home-noticias {float:left; width:325px}
#home-noticias h3 {width:310px; padding:25px 0 10px 10px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/home.sombraflash.jpg) no-repeat;}
#home-noticias ul {background:url(images/macaco_home01.gif) no-repeat; padding-top:65px; list-style:none outside}
#home-noticias ul li {margin-bottom:8px; font-weight:bold}
.home-vejaCuriosidades {float:left; width:100%; text-align:center; font-weight:bold; margin-top:20px}

#home-destaques {float:left; width:95%}
#home-destaques h3 {width:310px; margin:0px 0 10px 10px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase}
#home-destaques ul {list-style:none outside; margin-left:10px}
#home-destaques ul li {margin-bottom:8px; font-weight:bold}

#home-produtos {float:left; width:80%; background:#fff; margin:20px 0; height:92px}
#home-produtos li {list-style:none; display:inline; float:left; width:210px; margin:10px; font-weight:bold}
#home-produtos li * {line-height:20px}
#home-produtos li a {margin-top:5px; float:left}
#home-produtos li span {font-size:16px}
#home-produtos li .produtoimg {float:left; width:70px; height:75px; margin-right:5px}
#home-maisProdutos {float:left; margin:20px 0; display:inline}

#FlashHome {position:relative}
#home-imgEspelho {position:absolute; right:32px}

#wspa {margin:90px auto 0; width:200px}
#wspa img {margin-top:5px; float:left}

/* page: minha conta */
.minhaconta-box {float:left; width:242px; height:138px; background:url(images/bg/bg.login.gif) no-repeat; margin-right:30px; color:#fff}
.minhaconta-box * { font-size:11px !important}
.minhaconta-box p {margin:5px; text-align:center}
.minhaconta fieldset {border:1px solid #fff; float:left}
.minhaconta-box legend {font-weight:bold; text-align:center; float:left; border-bottom:1px solid #fff; width:230px; margin-top:10px; padding-bottom:5px}

/* page: declaracao mundial */
#principios {margin-bottom:30px}
#principios dd, dt {margin:10px 0}

/* page: curiosidades */
#curiosidades-lista,
#noticias-lista {margin-top:20px}

#curiosidades-lista li,
#noticias-lista li{list-style:none outside; margin-bottom:10px}

#curiosidades-lista li img {float:left; margin:5px; height:50px}
#curiosidades-lista li * {margin-top:10px;}
#curiosidades-lista li {border-bottom:1px solid #ccc; float:left; width:98%; padding:5px 0}

/* page: santuarios */
.santuario-local {float:left; width:270px; height:250px; margin:10px 5px}
.santuario-local h2 a {color:#060; font:bold 14px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px; float:left}
#santuario-fotos {float:left; width:99%; background:#fff}
#santuario-fotos li {list-style:none; display:inline; width:50%; float:left; height:220px; text-align:center}
#santuario-fotos li img {margin:10px}

/* page: links */
#links li {margin:10px 0; list-style:none outside}
#links li a {font-weight:bold}

/* legado */

/* Fontes */
.tahoma { font-family: tahoma; }
.verdana { font-family: verdana; }
.arial { font-family: arial; }

/* Cores */
.marrom { color: #996633; }
.verde { color: #006b33; }
.cinza { color: #626366; }
.branco { color: #ffffff; }
.preto { color: #000000; }
.vermelho { color: #a72124; }
.amarelo { color: #ffd400; }

/* Tamanhos */
.tam09 { font-size: 09px; }
.tam10 { font-size: 10px; }
.tam11 { font-size: 11px; }
.tam12 { font-size: 12px; }
.tam13 { font-size: 13px; }
.tam14 { font-size: 14px; }
.tam15 { font-size: 15px; }
.tam16 { font-size: 16px; }
.tam17 { font-size: 17px; }
.tam18 { font-size: 18px; }

/* Outros */
.entrelinha { line-height:20px; }
form { padding:0px; margin:0px; }
.campocep { font-family: tahoma; font-size: 10px; color: #996633; background:#e8dfc8; height: 14px; border:0px; padding-left:2px; padding-right:2px;}
.campo { font-family: tahoma; font-size: 11px; color: #006b33; background:#FFFFFF; height: 17px; border:1px #006b33 solid; padding-left:2px; padding-right:2px;}
.campo2 { font-family: tahoma; font-size: 11px; color: #006b33; background:#FFFFFF; border:1px #006b33 solid; padding-left:2px; padding-right:2px;}
.borda { border:#a72124 solid 1px; }

.botao { font-family: tahoma; font-size: 11px; color: #006b33; background:#FFFFFF; border:1px #006b33 solid; padding-left:2px; padding-right:2px;}

.divrep { padding:0px; width:280px; height:269px; overflow:auto; }


#ArchiveNews	{
	border:1px #006b33 solid;
	font-size:10px;
	color:#006b33;
}	

#ArchiveNewsLineYear	{
	font-size	:10px;
	color		:#006b33;
	font-weight	:bold;
	text-align	:center;
}	

#ArchiveNewsLineMonth	{
	font-size	:10px;
	color		:#000000;
}	

#ArchiveNewsLineMonthSelect	{
	font-size:10px;
	color		:#006b33;
	font-weight	:bold;
}


.fotoMateria{float:left; margin:0 10px 10px 0; background:#f5f5f5} 
.fotoMateria a:hover {text-decoration:underline;}
.fotoMateria img.foto{display:block;border:1px #000000 solid;} 
.fotoMateria .fonte{display:none} 

.fotoMateria .descricao{background:#f5f5f5; float:left; width:100%; clear:both} 
.fotoMateria .descricao strong{color:#333;} 


/* titulo da materia */ 

div.tituloMateria{clear:both;} 
div.tituloMateria h1,
div.tituloMateria h2{clear:both; font-size:18px;font-weight:bold;letter-spacing:-1px; margin:20px 0} 
div.tituloMateria p{font-size:11px;} 

/* titulo da materia */ 
div.box192{
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
div.corpoMateria #mudaFonte{font-size:12px} 


#galeria {float:left; width:95%; margin:20px 0 20px 0; padding-bottom:10px}
#galeria li {list-style:none; display:inline; height:100px}
#galeria li a {border:1px solid #ccc; float:left; margin:0 0 10px 5px;}
#galeria li a:hover {border-color:inherit}
#galeria li a img {margin:2px}

#galeria-titulo {font:18px 'Arial Narrow', Arial, Helvetica, sans-serif; width:100%; padding-bottom:5px; border-bottom:1px solid #ccc; float:left; text-transform:uppercase; color:#333}



} 
/* end media screen and main css */

@media Print {

.hidden,
#accessibility,
#menu,
#footer-menu {display:none}

a img {border:0}
h1 {font-size:18pt}
}/* Zoom da foto */

div.fotoZoom{padding:6px 20px 20px 20px;background:#fff;position:absolute;z-index:900001;visibility:hidden;}

div.fotoZoom div.fonte{color:#000;}

div.fotoZoom div.fechar{background:url(http://g1.globo.com/Portal/G1V2/img/ico_fechar.gif) no-repeat right;position:absolute;right:20px;top:6px;}

div.fotoZoom div.fechar a{width:48px;color:#000;display:block;text-decoration:none;}

div.fotoZoom img{display:block;clear:both;margin:0 0 7px 0;}

div.fotoZoom div.descricao{font-size:11px;color:#535353;background:#EBEBEB;padding:0 0 7px 0;display:table;}

div.fotoZoom div.descricao strong{color:#C90000;}

div.fotoZoom div.descricao p{padding:2px 4px 2px 10px;max-width:95%;}

.erro{border:1px solid #900;}



div.sombra{background:black;width:100%;left:0;top:0;position:absolute;z-index:900000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;}

div.zoom{width:100%;left:0;top:0;position:absolute;z-index:900001;}


/* CSS Document */

/* Fontes */
.tahoma { font-family: tahoma; }
.verdana { font-family: verdana; }
.arial { font-family: arial; }

/* Cores */
.marrom { color: #996633; }
.verde { color: #006b33; }
.cinza { color: #626366; }
.branco { color: #ffffff; }
.preto { color: #000000; }
.vermelho { color: #a72124; }
.amarelo { color: #ffd400; }

/* Tamanhos */
.tam09 { font-size: 09px; }
.tam10 { font-size: 10px; }
.tam11 { font-size: 11px; }
.tam12 { font-size: 12px; }
.tam13 { font-size: 13px; }
.tam14 { font-size: 14px; }
.tam15 { font-size: 15px; }
.tam16 { font-size: 16px; }
.tam17 { font-size: 17px; }
.tam18 { font-size: 18px; }
@charset "utf-8";
/**
 * Main stylesheet
 * @author Quake - quakeyo[at]gmail.com
 *
 * List of contents (search by "index: x" where x is the index number):
 *   1. Erick Meyer's Reset a little bit modified
 *   2. My own reset and tag rules
 *   3. Rules related to IDentifiers
 *     - mainContainer: wraps the whole planet in!
 *     - top
 *     - content: content and other main stuff
 *   4. Global classes used (or not) everywhere
 */

@media Screen {

/* # index: 1 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline
}
/* remember to define focus styles! */
:focus {
	outline: 0
}
html {background:#fff}
body {
	line-height: 1;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	margin:auto; 
	width:770px
}
ul {
	list-style:disc inside
}
ol {
	list-style:decimal inside
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing:0
}
caption, th, td {
	text-align: left;
	font-weight: normal
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""
}
blockquote, q {
	quotes:none
}

/* # index: 2 - Own reset */
acronym, abbr {border-bottom:1px dotted; cursor:help}
a:link, a:visited {color:#006b33; text-decoration:none}
a:hover {text-decoration:underline}
button,
.smallButton {color:#060; border:1px solid #060; background:#FFF; padding:1px 3px/*; overflow:visible; /*fix IE weird padding */}
input, textarea {color:#060; border:1px solid #060; background:#FFF; padding:3px 3px; font:11px Verdana, Geneva, sans-serif}
input:focus, textarea:focus {background:#f5f5f5; padding:3px 3px}
select {color:#060; border:1px solid #060; background:#FFF; padding:1px 3px; font:11px Tahoma, Verdana, Geneva, sans-serif}
select option {padding:2px 0;}
strong {font:inherit; font-weight:bold}
small {font-size:10px}
cite,
em {font-style:italic}

/* # index: 3 - IDentifiers */

#mainContainer {background:#fff url(images/bg/bg.content.jpg) right repeat-y; float:left; width:100%; position:relative}

#top {float:left; width:100%; background:url(images/bg/bg.topo.jpg) right no-repeat; height:150px; position:relative}

#languages {float:right; margin-right:10px; background:#f5f5f5; border:1px solid #ccc; border-top:none; width:90px}
#languages li {list-style:none outside; margin:10px}
#languages a {font-size:12px; font-weight:bold}

#menu {position:absolute; width:565px; display:inline; bottom:30px; right:-1px}
#menu li {list-style:none; display:inline}
#menu li a {font:bold 12px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; letter-spacing:2px; padding:0 10px; border-right:1px solid #666}
#menu li a:hover {color:#900; text-decoration:none}
#menu .carrinho {margin-top:10px}

#menuEsq {float:left; width:188px}
#menuEsq li {list-style:none; display:inline}
#menuEsq .menu-firstItem,
#menuEsq .menu-item {background:url(images/bg/bg.menu.jpg) 0 -35px; width:157px; float:left; padding:16px 0 4px 30px; font:bold 11px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#963; letter-spacing:1px; cursor:pointer}
#menuEsq .menu-firstItem:hover {background-position:0 0; color:#900}
#menuEsq .menu-item {background-position:0 -96px; padding-top:6px; text-decoration:none}
#menuEsq .menu-item:hover {background-position:0 -71px; color:#900}
#menuEsq .submenu {margin-left:30px}
#menuEsq .submenu li a {font-weight:bold; margin:5px 0; float:left; width:100%}
#menuEsq .gorilao {background:url(images/bg/bg.menu.jpg) 0 -97px; padding-bottom:180px; float:left}

#content {float:right; width:582px}
.content-internal {width:560px !important}
.conteudo-titulo {margin-bottom:20px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase}

#banner {position:absolute; top:5px; left:0; margin-left:190px; text-align:center }

#msgValidacao {padding:10px; display:none; width:90%; color:#930; background:#f5f5f5; border:1px solid #930; float:left}
#msgValidacao h3 {margin:0px !important; margin-bottom:10px !important; font-size:16px !important; font-weight:bold; color:#930; width:100%; padding-bottom:0px !important; background:none}
#msgValidacao ul li {margin:5px 0}

/* # index: 4 - Global classes */
.center {text-align:center}
.block {display:block}
.right {float:right !important}
.textRight {text-align:right}
.left {float:left !important}
.hidden {display:none !important}
.shown {visibility:visible !important}
.nomargin {margin:0px}
.noborder {border-left:none !important}
.nobullet {list-style:none}
.noClearing {clear:none !important}
.fixMargin {display:inline}
.help {cursor:help}
.clickable {cursor:pointer}
.underline {text-decoration:underline !important}
.external {/*background:url(../img/icon.external.blue.gif) no-repeat right; padding-right:15px*/}
.nogrito {font-weight:normal !important}
.fieldset {border:1px solid #FFE6E6; padding:10px; margin-bottom:20px}
.fieldset legend {padding:5px; font-weight:bold; background:#FFE6E6; color:#900}

.text h2 {font-size:18px; margin:30px 0 20px 0; font-weight:bold}
.text h3 {font-size:14px; font-weight:bold; margin-bottom:10px}
.text p,
.text ul,
.text ol,
.text address {margin-bottom:16px}
.text,
.text p,
.text li {line-height:18px}
p.text {margin:10px 0}
.textBlock {text-align:justify; margin-right:20px}
.textBlock img {margin:10px; float:left}

.standardForm p {float:left; margin:5px 0; width:100%}
.standardForm label {font-weight:bold; float:left; margin:5px 10px 0 0; width:180px; cursor:pointer; text-align:right}
.inlineFormItem {float:none !important; margin-left:10px !important}

.btWhiteSmall {background:url(images/bg/bg.bt.smallwhite.gif) no-repeat; width:61px; height:19px; float:left; padding:5px 0 0 10px; font-size:10px}

/* page: home */

#home-projetogap {float:left; width:215px; margin-left:5px; padding-right:10px}
#home-projetogap h3 {width:210px; padding:25px 0 10px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase}
#home-projetogap p {font-size:11px; text-align:justify}
#home-noticias {float:left; width:325px}
#home-noticias h3 {width:310px; padding:25px 0 10px 10px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/home.sombraflash.jpg) no-repeat;}
#home-noticias ul {background:url(images/macaco_home01.gif) no-repeat; padding-top:65px; list-style:none outside}
#home-noticias ul li {margin-bottom:8px; font-weight:bold}
.home-vejaCuriosidades {float:left; width:100%; text-align:center; font-weight:bold; margin-top:20px}

#home-destaques {float:left; width:95%}
#home-destaques h3 {width:310px; margin:0px 0 10px 10px; color:#060; font:22px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase}
#home-destaques ul {list-style:none outside; margin-left:10px}
#home-destaques ul li {margin-bottom:8px; font-weight:bold}

#home-produtos {float:left; width:80%; background:#fff; margin:20px 0; height:92px}
#home-produtos li {list-style:none; display:inline; float:left; width:210px; margin:10px; font-weight:bold}
#home-produtos li * {line-height:20px}
#home-produtos li a {margin-top:5px; float:left}
#home-produtos li span {font-size:16px}
#home-produtos li .produtoimg {float:left; width:70px; height:75px; margin-right:5px}
#home-maisProdutos {float:left; margin:20px 0; display:inline}

#FlashHome {position:relative}
#home-imgEspelho {position:absolute; right:32px}

#wspa {margin:90px auto 0; width:200px}
#wspa img {margin-top:5px; float:left}

/* page: minha conta */
.minhaconta-box {float:left; width:242px; height:138px; background:url(images/bg/bg.login.gif) no-repeat; margin-right:30px; color:#fff}
.minhaconta-box * { font-size:11px !important}
.minhaconta-box p {margin:5px; text-align:center}
.minhaconta fieldset {border:1px solid #fff; float:left}
.minhaconta-box legend {font-weight:bold; text-align:center; float:left; border-bottom:1px solid #fff; width:230px; margin-top:10px; padding-bottom:5px}

/* page: declaracao mundial */
#principios {margin-bottom:30px}
#principios dd, dt {margin:10px 0}

/* page: curiosidades */
#curiosidades-lista,
#noticias-lista {margin-top:20px}

#curiosidades-lista li,
#noticias-lista li{list-style:none outside; margin-bottom:10px}

#curiosidades-lista li img {float:left; margin:5px; height:50px}
#curiosidades-lista li * {margin-top:10px;}
#curiosidades-lista li {border-bottom:1px solid #ccc; float:left; width:98%; padding:5px 0}

/* page: santuarios */
.santuario-local {float:left; width:270px; height:250px; margin:10px 5px}
.santuario-local h2 a {color:#060; font:bold 14px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px; float:left}
#santuario-fotos {float:left; width:99%; background:#fff}
#santuario-fotos li {list-style:none; display:inline; width:50%; float:left; height:220px; text-align:center}
#santuario-fotos li img {margin:10px}

/* page: links */
#links li {margin:10px 0; list-style:none outside}
#links li a {font-weight:bold}

/* legado */

/* Fontes */
.tahoma { font-family: tahoma; }
.verdana { font-family: verdana; }
.arial { font-family: arial; }

/* Cores */
.marrom { color: #996633; }
.verde { color: #006b33; }
.cinza { color: #626366; }
.branco { color: #ffffff; }
.preto { color: #000000; }
.vermelho { color: #a72124; }
.amarelo { color: #ffd400; }

/* Tamanhos */
.tam09 { font-size: 09px; }
.tam10 { font-size: 10px; }
.tam11 { font-size: 11px; }
.tam12 { font-size: 12px; }
.tam13 { font-size: 13px; }
.tam14 { font-size: 14px; }
.tam15 { font-size: 15px; }
.tam16 { font-size: 16px; }
.tam17 { font-size: 17px; }
.tam18 { font-size: 18px; }

/* Outros */
.entrelinha { line-height:20px; }
form { padding:0px; margin:0px; }
.campocep { font-family: tahoma; font-size: 10px; color: #996633; background:#e8dfc8; height: 14px; border:0px; padding-left:2px; padding-right:2px;}
.campo { font-family: tahoma; font-size: 11px; color: #006b33; background:#FFFFFF; height: 17px; border:1px #006b33 solid; padding-left:2px; padding-right:2px;}
.campo2 { font-family: tahoma; font-size: 11px; color: #006b33; background:#FFFFFF; border:1px #006b33 solid; padding-left:2px; padding-right:2px;}
.borda { border:#a72124 solid 1px; }

.botao { font-family: tahoma; font-size: 11px; color: #006b33; background:#FFFFFF; border:1px #006b33 solid; padding-left:2px; padding-right:2px;}

.divrep { padding:0px; width:280px; height:269px; overflow:auto; }


#ArchiveNews	{
	border:1px #006b33 solid;
	font-size:10px;
	color:#006b33;
}	

#ArchiveNewsLineYear	{
	font-size	:10px;
	color		:#006b33;
	font-weight	:bold;
	text-align	:center;
}	

#ArchiveNewsLineMonth	{
	font-size	:10px;
	color		:#000000;
}	

#ArchiveNewsLineMonthSelect	{
	font-size:10px;
	color		:#006b33;
	font-weight	:bold;
}


.fotoMateria{float:left; margin:0 10px 10px 0; background:#f5f5f5} 
.fotoMateria a:hover {text-decoration:underline;}
.fotoMateria img.foto{display:block;border:1px #000000 solid;} 
.fotoMateria .fonte{display:none} 

.fotoMateria .descricao{background:#f5f5f5; float:left; width:100%; clear:both} 
.fotoMateria .descricao strong{color:#333;} 


/* titulo da materia */ 

div.tituloMateria{clear:both;} 
div.tituloMateria h1,
div.tituloMateria h2{clear:both; font-size:18px;font-weight:bold;letter-spacing:-1px; margin:20px 0} 
div.tituloMateria p{font-size:11px;} 

/* titulo da materia */ 
div.box192{
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
div.corpoMateria #mudaFonte{font-size:12px} 


#galeria {float:left; width:95%; margin:20px 0 20px 0; padding-bottom:10px}
#galeria li {list-style:none; display:inline; height:100px}
#galeria li a {border:1px solid #ccc; float:left; margin:0 0 10px 5px;}
#galeria li a:hover {border-color:inherit}
#galeria li a img {margin:2px}

#galeria-titulo {font:18px 'Arial Narrow', Arial, Helvetica, sans-serif; width:100%; padding-bottom:5px; border-bottom:1px solid #ccc; float:left; text-transform:uppercase; color:#333}



} 
/* end media screen and main css */

@media Print {

.hidden,
#accessibility,
#menu,
#footer-menu {display:none}

a img {border:0}
h1 {font-size:18pt}
}.zpFormWinxp .zpStatusImg  {
	height: 14px;
	width: 13px;
	background-repeat: no-repeat;
	background-position: right;
	opacity: 0.66;
	filter: alpha(opacity=66);
	margin-left:0px;
	margin-right:3px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 5px; /* Fixes alignment of asterisk ->  don't remove! */
	padding-top: 0px;
	padding-right: 7px;
	padding-left: 7px;
}

.zpFormWinxp .zpCheckboxStatusImg,
.zpFormWinxp .zpRadioStatusImg {
        padding: 0px 0px;
        height: 14px;
        width: 13px;
        background-repeat: no-repeat;
        background-position: right;
        opacity: 100;
        filter: alpha(opacity=100);
        margin-left:5px;
        margin-right:3px;
        display: inline-block;
        vertical-align: top;
}
 

.zpFormWinxp .zpIsEditing .zpStatusImg {
        opacity: 1.0;
        filter: alpha(opacity=100);
}

.zpFormWinxp .zpIsRequired .zpStatusImg,
.zpFormWinxp .zpIsRequired .zpCheckboxStatusImg,
.zpFormWinxp .zpIsRequired .zpRadioStatusImg {
        background-image: url(js/zapatec/css/icons/required.gif);
}


.zpFormWinxp .zpIsRequired .zpNotEmpty .zpNotValid .zpStatusImg,
.zpFormWinxp .zpIsRequired .zpNotEmpty .zpNotValid .zpCheckboxStatusImg,
.zpFormWinxp .zpIsRequired .zpNotEmpty .zpNotValid .zpRadioStatusImg {
        background-image: url(js/zapatec/css/icons/required_invalid.gif);
}

.zpFormWinxp .zpNotEmpty .zpNotValid .zpStatusImg,
.zpFormWinxp .zpNotEmpty .zpNotValid .zpCheckboxStatusImg,
.zpFormWinxp .zpNotEmpty .zpNotValid .zpRadioStatusImg {
        background-image: url(js/zapatec/css/icons/invalid.gif);
}



.zpFormWinxp .zpIsValid .zpStatusImg,
.zpFormWinxp .zpIsValid .zpCheckboxStatusImg,
.zpFormWinxp .zpIsValid .zpRadioStatusImg { 
  background-image: url(js/zapatec/css/icons/validated.gif);
	
}

.zpFormWinxp .zpStatusBar  {
        margin-right:-4px;
        margin-top:0px;		
        vertical-align: top;
        padding-bottom: 3px; /* Fixes alignment of asterisk ->  don't remove! */
}
.zpFormWinxp .zpIsValidBar {
	border-left:3px solid #00BC00;
}

.zpFormWinxp .zpNotValidBar {
		border-left:3px solid #FF0000;
}

.zpFormWinxp .zpIsFetching .zpStatusImg,
.zpFormWinxp .zpIsFetching .zpCheckboxStatusImg,
.zpFormWinxp .zpIsFetching .zpRadioStatusImg {
        background-image: url(js/zapatec/css/icons/icons/fetching.gif) !important;
}

.zpFormWinxp .errOutput{ /* style for error field */
        background-color: #C70032;
        padding: 10px;
        margin-top: 10px;		
        margin-bottom: 10px;
        font-weight: bold;
        color: white;
        display: none;
		text-align:left;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #638B2F;
	border-right-color: #638B2F;
	border-bottom-color: #638B2F;
	border-left-color: #638B2F;		
}


.zpFormWinxp textarea {  
        background-color:#F5F1F2;
        border:1px solid #000;
        width: 270px;
}

.zpFormWinxp .zpFormLabel { 
	font-family			: Tahoma, Verdana;
	font-size			: 10px;
	font-style			: normal;
	font-variant		: normal;
	text-transform		: none;
	text-decoration		: none;
	color				: #000;
	font-weight			: bold;
	padding:5px;
		
}

.zpFormWinxp .zpExpandedTable, 
.zpFormWinxp .zpExpandedTable td,  
.zpFormWinxp .zpExpandedTable th  {  
        border:1px solid #919B9C;
        border-collapse:collapse;                        
}

.zpFormWinxp .zpExpandedTable span { 
        display:none;
}


.zpFormWinxp {  /* Common form properties */
        padding-top:10px;

}

.zpFormWinxp .zpFormContent{ /* Form content container style */
}

* html .zpFormWinxp .zpFormContent{ /* IE6 fix */
        padding-top: 10px;
}


.zpFormWinxp fieldset{  /* form fieldset style */
        margin:3px;
        border: solid 1px #000;
		text-align:left;
}

* html .zpFormWinxp fieldset{  /* IE6 fix */
        padding-top: 10px;
}

.zpFormWinxp legend{  /* form legend: sign of the fieldset */
        color: #000;
        padding:0px 5px;
		font-weight:bold;
}

* html .zpFormWinxp legend{
        margin-bottom: 10px;
}

.zpFormWinxp select {
        background-color:#FFFFFF;
        border:1px solid #000;
        margin-bottom: 5px;
        height: 19px;
}

*+html .zpFormWinxp select {
        height:auto;
}
                              /* Dropdown styles */
.zpFormWinxp .dropDownArrow { /* All Browsers */
        background-image: url(winxp/down_arrow.gif);
        padding:9px 9px; 
        padding-top:12px;
        background-repeat: no-repeat;
        margin-left:-1px;
        display: inline;
        cursor: pointer;
} 

* html .zpFormWinxp .dropDownArrow {  /* IE6 */
        vertical-align:top; /* important -> don't remove */
        height: 20px;
        background-image: url(winxp/down_arrow_hilite.gif);
        padding: 0px 12px;
        background-repeat: no-repeat;
        margin-left:-1px; 
        margin-top:1px;
        display: inline-block;
        cursor: pointer;
}                                   

*+html .zpFormWinxp .dropDownArrow {  /* IE7 */
        margin-top:1px;
        vertical-align:top !important;
        height: 20px;
        background-image: url(winxp/down_arrow.gif);
        padding: 0px 12px;
        background-repeat: no-repeat;
        margin-left:-1px;
        display: inline-block;
        cursor: pointer;
} 

.zpFormWinxp .dropDownArrow:hover,
.zpFormWinxp .dropDownArrow:active,
.zpFormWinxp .dropDownArrow:focus { /* All Browsers hover */
        background-image: url(winxp/down_arrow_hilite.gif);
} 
                                /* end of dropdown styles */


.zpFormWinxp .fieldError {
        font-weight: bold;
}

.zpFormWinxp input {
	font-style				: normal;
	line-height				: normal;
	font-weight				: normal;
	font-variant			: normal;
	text-transform			: none;
	color					: #000000;
	background-color		: #FFFFFF;
	text-decoration			: none;
	width:auto;
}

#submit {
	font-family				: Tahoma, Verdana;
	font-size				: 10px;
	height					: 20px;		
	font-style				: normal;
	line-height				: normal;
	font-weight				: normal;
	font-variant			: normal;
	text-transform			: none;
	color					: #990000;
	background-color		: #FFFFFF;
	text-decoration			: none;
	border					: 1px solid #000;
	padding-left        	: 5px;
    width:auto;
}

.zpFormWinxp .zpFormError{ /* text: this field is required style */
        vertical-align:top;
        color: #F73460;
        padding-left: 10px;
        font-weight: normal;
        display: inline-block;
        
}

.zpFormWinxp .zpRadioLabel { /* label for checkbox and radio elements */
        padding-left: 5px;
        vertical-align:top;
}

 
.zpFormWinxp .zpFormCheckbox { /* checkbox style */
        border:none !important;
        padding:0px;
        margin:0px;
        width:auto;
        background:none;
}

.zpFormWinxp .zpFormRadio {  /* radio style */
        border:none;
        padding:0px;
        margin:0px;
        width:auto;
        background:none;
}

* html .zpFormWinxp .zpFormCheckbox { /* ie6 checkbox style */
        margin:-3px;
}
       
* html .zpFormWinxp .zpFormRadio { /* ie6 radio style */
        margin:-3px;
        vertical-align:3%;
}


*+html .zpFormWinxp .zpFormCheckbox { /* ie7 checkbox style */
        margin:-3px;
}
       
*+html .zpFormWinxp .zpFormRadio { /* ie7 radio style */
        margin:-3px;
        vertical-align:3%;
}

.zpFormWinxp .zpWrongValue{ /* highlighting field when trying to input not allowed symbol */
        background-color: #EA888C !important;
}/* - Aaaaaaaain't no mooooountain hiiiiiigh enoooooough!*/
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(../css/shadowbox/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(../css/shadowbox/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(../css/shadowbox/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(../css/shadowbox/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(../css/shadowbox/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(../css/shadowbox/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}