/*
Theme Name: JeporuTheme
Description: Theme based on Toolbox (An ultra-minimal HTML5 starter theme, by The Automattic Theme Team).
Author: Jeporu
Author URI: http://jeporu.com/
Version: 0.1
Tags: custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #fff;
	color: #404040;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
/* Reset - Fim */


/* =Fontes
-------------------------------------------------------------- */

@font-face {
    font-family: 'CuprumRegular';
    src: url('fonts/cuprum-webfont.eot?') format('eot'),
         url('fonts/cuprum-webfont.woff') format('woff'),
         url('fonts/cuprum-webfont.ttf') format('truetype'),
         url('fonts/cuprum-webfont.svg#webfontQsebe3Pk') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '(_renaissance)Regular';
    src: url('fonts/surroundingregular-webfont.eot');
    src: local('☺'), url('fonts/surroundingregular-webfont.woff') format('woff'), url('fonts/surroundingregular-webfont.ttf') format('truetype'), url('fonts/surroundingregular-webfont.svg#webfontYpsoJXT2') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =Structure
-------------------------------------------------------------- */

header, footer, nav, article, section { display: block; }

body {
	letter-spacing: 0;
	margin: 0;
	font-family: Verdana, Tahoma, sans-serif, Sans;
	font-size: 75%;
	background: #79a1e8 url(images/bg/bg.png) repeat-x;
}
#wrapper {
	background: url(images/bg/bg_w.png) no-repeat center top;
	min-height: 1200px;
	padding-top: 100px
}
p { line-height: 1.3em; }

.entry-content p { line-height: 1.5em }
:left
em { font-style: italic; }
strong { font-weight: bold; }
#content li, .widget-area .contents li { margin-left: 15px; }

#page {
	display: block;
	margin: 0 auto 20px auto;
	width: 960px;
}
#primary {
	width: 650px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
}
#secondary {
	display: inline-block;
	width: 290px;
	padding: 3px;
	margin: -3px -3px 20px 0;
}
/*body.page article.page { min-height: 400px }*/
#content { margin: 0; }
#main .widget-area {
	float: right;
	overflow: hidden;
}
#colophon-wrapper {
	clear: both;
	display: block;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.clip { position: relative }
.clip figure { margin: 0 }
.clip img { position: absolute; }
.image { background-repeat: no-repeat; background-position: center center }
.entry-content p img { margin-top: 1.2em !important; margin-bottom: 1.2em !important; }
.entry-content p img.alignleft { margin-right: 1.5em !important; }
.entry-content p img.alignright { margin-left: 1.5em !important; }

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.nowrap { white-space: nowrap }


/* =Títulos
-------------------------------------------------------------- */

p, blockquote, pre, cite, code { margin: 0.8em 0; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content fieldset legend, #feature_list h3 {
	font-family: CuprumRegular; margin: 0.9em 0 0.4em 0
}
h1 { font-size: 1.7em }
h2, fieldset legend { font-size: 1.5em }

#content .widgettitle, #content .entry-title, #content .page-title { font-family: CuprumRegular; font-size: 1.7em; margin-top: 0; margin-bottom: 0.6em }
/*#content .widget .entry-title, .entry-content .entry-title {  font-family: CuprumRegular; font-size: 1.5em !important; margin-bottom: 0.4em !important }*/
.widget-area .widgettitle { font-family: CuprumRegular; font-size: 1.7em !important }


/* =Links
-------------------------------------------------------------- */

a {
	text-decoration: none; outline-style: none;
	color: #333;
}
.entry-title, .widgettitle, h1 a { border-bottom: none }
a:hover { text-decoration: none }

body.single .entry-content p a, .more a { border-bottom: 1px dotted #888 }
.entry-content p a:hover, #secondary .widget p a:hover, .more a:hover { color: #000; }


/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}
#branding {
	clear: both;
	height: 101px;
	position: relative;
	margin: 25px auto 0 auto;
	padding-bottom: 35px;
}
#branding-image {
	display: block;
	background: url(images/logo.png) no-repeat left top;
	width: 167px;
	height: 80px;
	float: left;
	margin-top: 10px;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: right;
	margin-top: 40px;
	width: 750px;
}
#access ul {
	float: right;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 0 0.7em;
	text-decoration: none;
	font-family: 'CuprumRegular';
	font-size: 1.7em;
	text-transform: uppercase;
	color: #fff;
	line-height: 2.15em;
	cursor: pointer;
}
#access li.menu-contato a { padding-right: 0 } /* :last-child */

#access a em {
	font-size: 0.75em;
	font-style: normal;
}
#access ul ul {
	-webkit-box-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	display: none;
	float: left;
	position: absolute;
	/*left: -5.5em;*/
	left: -5em;
	/*top: 4em;*/
	top: 3.6em;
	padding: 0.6em 0;
	z-index: 99999;
	/*width: 270px;*/
	width: 20em;
	/*background: rgba(255,255,255,0.1);*/
	/*background: rgba(114,159,207,0.9);*/
	background: rgba(52,101,164,0.95);
	box-shadow: 0 0.04em 0 0.1em rgba( 0, 0, 0, 0.3 );
}
.ie8 #access ul ul, .ie7 #access ul ul { top: 3.7em; background: #23487F }
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul li {
	/*display: block;*/
	width: 100%;
}
#access ul ul a {
	line-height: 1em;
	padding: 0.4em 0.8em;
	height: auto;
	font-size: 1.5em;
	/*display: inline-block;*/
	/*float: left;*/
	color: #DEDEDE;
}
#access li:hover > a,
#access ul ul :hover > a,
#access li.current-menu-item > a,
#access li.current-page-ancestor > a,
.page-id-14 #menu-quem-somos > a /* Página Equipe acende Quem somos */,
.page-id-9 #menu-atividades > a /* Página Educativas acende Atividades */,
body.single-atividade #menu-atividades > a /* Uma atividade acende Atividades */,
body.single-agenda #menu-agenda> a /* Um single da agenda acenda Agenda */
{
	color: #FFEB00 !important;
}

#access ul ul a:hover {
	color: #DECC00;
}
#access ul li:hover > ul {
	display: block;
}

#access .menu-atividades::after {
	content: ' ';
	display: block;
	width: 4px;
	height: 4px;
	left: 8.8em;
	top: -2.3em;
	position: relative;
	margin-right: 10em;
	z-index: 99;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin: 50% 50%;
	-moz-transform: rotate(135deg);
	-moz-transform-origin: 50% 50%;
	-o-transform: rotate(135deg);
	-o-transform-origin: 50% 50%;
	transform: rotate(135deg);
	transform-origin: 50% 50%;
}
#access #menu-item-605:hover::after, /* Item hover */
#access #menu-item-605.current-menu-item::after, /* Página atual */
#access #menu-item-605.current-page-ancestor::after, /* Mãe da página atual */
body.page-id-9 #access #menu-item-605::after, /* Página Educativas acende Atividades */
#access #menu-item-605.aceso::after, /* Mão do single atual */
body.single-atividade #menu-item-605::after /* Item atual é filho de "Atividades" */ {
	border-color: #FFEB00 !important
}

#access ul ul::before {
	background: white;
	content: ' ';
	display: block;
	width: 8px;
	height: 8px;
	/*left: 10em;*/
	left: 9.4em;
	top: -0.65em;
	position: absolute;
	z-index: 99;
	-webkit-box-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	background: #fff;
	/*background: rgba(255,255,255,0.1);*/
	background: rgba(52,101,164,0.95);
}
html.webkit #access ul ul::before { top: -0.7em; }

/* =Content
-------------------------------------------------------------- */

#content nav {
	display: block;
	overflow: hidden;
	margin-top: 20px;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}
a img { border: none }
#content img, #content iframe, #content object, #content embed { max-width: 610px !important }

header .entry-meta { margin-bottom: 20px }
footer.entry-meta { margin-top: 20px }


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img,
iframe,
/*img.size-auto,*/
/*img.size-full,*/
/*img.size-large,*/
/*img.size-medium,*/
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
	
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

/* Search form */

header #widget-search {
	width: 208px;
	height: 21px;
	background: url(images/pesquisar_bg.png) no-repeat;
	float: right;
	margin: 4px 10px 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
header #widget-search input {
	width: 146px;
	margin-left: 12px;
	border: none;
	background: none;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
header #widget-search .submit {
	position: absolute;
	margin: 0;
	padding: 0;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	border: none;
	right: 16px;
	top: 0;
	width: 18px;
	height: 100%;
	background: url(images/lupa.png) no-repeat right 11px;
	opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);
}

/* Class for labelling required form items */
.required { color: #A41A20; font-weight: normal; font-size: 0.9em }
.entry-content .required { margin-left: 1px }

/* Form */
.entry-content form { margin-top: 1.8em }

/* Vários elementos */
input[type=text], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=file], textarea, select {
	margin-top: 5px;
	-moz-box-shadow: inset -1px 1px 1px #A8A8A8; -webkit-box-shadow: inset -1px 1px 1px #A8A8A8; box-shadow: inset -1px 1px 1px #A8A8A8;
	padding: 8px 6px 4px 7px;
	color: #999;
}
input[type=text], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=file], textarea { border: medium none; width: 97.8% }
textarea { min-width: 97.8%; max-width: 97.8% }

/* Títulos */
form h2 { margin: 1.3em 0 0.9em 0 !important }

form fieldset legend { padding-bottom: 0.8em }
form fieldset:first-child { margin-top: 0 }

form label.normal { font-size: 1.em; color: #888; font-weight: bold; text-align: justify }
form li.radio label, form li.checkbox label { margin: 0.2em 0; font-weight: normal; color: #404040 }

/* Entre campos */
form li { margin-left: 0 !important; list-style: none }
form p, form li { margin-top: 15px; text-align: left !important; position: relative /* não remover o position */ }
form li.radio, form li.checkbox { margin: 0.2em 0 }
form p:first-child, form li:first-child { margin-top: 0 }

/* Elementos específicos */
small { display: block; margin-top: 0.8em; color: #777;  }
input[type=checkbox], input[type=radio] { position: relative; top: 0.15em; margin-right: 0.5em; margin-left: 0 }
select { width: 100% }
textarea { min-height: 8em; font-size: 1.1em; font-family: Verdana, Tahoma, sans-serif, Sans }

/* Character Count styles */
form .counter { position: absolute; right: 0; top: 0; font-weight:bold; color:#ccc }
form .warning { color:#600 }
form .missing, form .exceeded { color:#e00 }

/* Botões */
a.submit, a.button, input[type=submit] {
	margin-right: 1px;
	padding: 0.5em 1em;
	background: #6F8AB3;
	color: #fff !important;
	font-size: 1.2em;
	text-transform: uppercase;
	box-shadow: -1px 1px 2px #777; -moz-box-shadow: -1px 1px 2px #777; -webkit-box-shadow: -1px 1px 2px #777;
	text-shadow: -1px 1px 1px #777;
	border: none;
}
a.submit:hover, a.button:hover, input[type=submit]:hover { background: #fff; color: #204a87 !important; text-shadow: none }
a.submit:active, a.button:active, input[type=submit]:active { box-shadow: inset -1px 1px 2px #777; -moz-box-shadow: inset -1px 1px 2px #777; -webkit-box-shadow: inset -1px 1px 2px #777; }

/* Final do formulário */
.form-footer p, p.form-submit { text-align: right !important; margin-top: 30px !important }


/* =Loading Ajax
-------------------------------------------------------------- */

.message {
	width: auto;
	padding: 7px 10px 0 10px;
	font-weight: normal;
	background: #f7e979;
	color: #372421;
	margin-top: 20px
}
.message p { margin: 0; padding: 0 0 7px 0; max-width: 100%; color: #444; font-weight: normal; text-align: left !important }

.loading {
	display: inline-block;
	float: right;
	position: relative;
	z-index: 100;
	top: -41px;
	left: 17px;
	background: url(images/loading.gif) no-repeat center right;
	width: 16px;
	height: 16px;
	text-align: right;
}


/* =Comments
-------------------------------------------------------------- */

body.single #comments {
	margin-top: 20px;
}
article.comment {
	display: block;
}
#respond #reply-title {
	margin-top: 0;
	font-size: 1.5em;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}
#respond .form-submit { margin-bottom: 0 }
.commentlist { margin: 1.2em }

/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget {
	display: block;
/*	margin: 20px 0;*/
	margin: 0 0 20px 0;
}

/*.widget-area aside:first-child, .widget-area aside.first { margin-top: 0 } /* Primeiro widget da sidebar */
.widget-area aside .widgettitle { margin: 0 0 0.4em 0 }  /* Títulos dos widgets da sidebar */

.widget-area .widget p:first-child { margin-top: 0 } /* Primeiro parágrafo de cada widget na sidebar */
.widget-area .widget p:last-child { margin-bottom: 0 } /* Último parágrafo de cada widget na sidebar */

/* Articles */
.widget-area .widget article { margin-top: 1em } /* Posts nos widgets da sidebar */
.widget-area .widget article:first-child { margin-top: 0 } /* Primeiro post de cada widget da sidebar */
.widget-area .entry-title { font-size: 1em; font-weight: bold }
.widget-area article p { margin: 0.4em 0 }

.more { display: block; margin-top: 0.4em; width: 100%; text-align: right }
.widget-area .more { margin-top: 1em }

#widget-redessociais li { list-style: none; display: inline-block; margin-left: 2px }
#widget-redessociais li:first-child { margin-left: 0 }
#widget-redessociais li a { display: block; width: 58px; height: 58px; background-repeat: no-repeat; background-position: center center }
#widget-redessociais li a#twitter { background-image: url(images/redes/social-icon-twitter.png) }
#widget-redessociais li a#facebook { background-image: url(images/redes/social-icon-facebook.png) }
#widget-redessociais li a#youtube { background-image: url(images/redes/social-icon-youtube.png) }
#widget-redessociais li a#rss { background-image: url(images/redes/rss.png) }


/* =Widgets específicos
-------------------------------------------------------------- */

/* Pesquisa */
.widget-area .widget_search { overflow: hidden }
.widget-area .widget_search input { float: left }

/* Facebook na sidebar */
#widget-facebook .contents { background: #fff }


/* =Footer
-------------------------------------------------------------- */

#colophon-wrapper {
	background: url(images/bg/rodape.jpg) repeat-x bottom;
	height: 379px;
	position: relative;
}
#colophon {
	background: url(images/bg/rodape_in.png) no-repeat center top;
	min-width: 960px;
	height: 379px;
	margin: 0 auto;
}

.ie7 #colophon-wrapper, .ie8 #colophon-wrapper { height: auto }
.ie7 #colophon, .ie8 #colophon { margin-bottom: -379px }

#colophon #logos {
	width: 746px;
	height: 72px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 230px;
	padding: 10px 8px;
	-webkit-box-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	box-shadow: 0 0 8px #444; -moz-box-shadow: 0 0 8px #444; -webkit-box-shadow: 0 0 8px #444;
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #E0E0E0 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#E0E0E0)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E0E0E0',GradientType=0 ); /* ie */
}
#colophon #logos a.withoutmargin img { margin: 0 7px }
#colophon #logos a.last { float: right; margin-top: 6px }


/* =Itens com e sem sombra
-------------------------------------------------------------- */

/* com */
.clip, img, 
#widget-facebook .contents, 
.sideinfo, .agenda-item, 
.message, 
#map_canvas 
{ box-shadow: 0 2px 3px #888; -moz-box-shadow: 0 2px 3px #888; -webkit-box-shadow: 0 2px 3px #888 }

/* sem */
#colophon #logos img, 
#widget-mapa .contents img, 
.single-atividade article.atividade .entry-header img, 
#map_canvas img, 
.popup img, 
.weather .image,
#block-conteudos .image img, 
.block-atividades .image img
{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none }


/* =Módulos
-------------------------------------------------------------- */

#content .widget, /* Widgets nos articles */
.widget-area .widget, /* Widgets na sidebar */
body.page #content > article, /* Conteúdo de um article */
/*body.single*/ #content > article, /* Conteúdo de um article */
body.single #comments, /* Bloco de comentários */
#feature_list, /* Destaques */
body.search #content, /* Resultados de pesquisa */
body.search #content article, /* Posts resultados com a pesquisa */
body.page .entry-content article /* Posts dentro de páginas */
{
	-webkit-box-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999;
	background: rgba(255,255,255,0.8) !important;
	padding: 18px 20px;
}
.ie8 #content .widget, /* Widgets nos articles */
.ie8 .widget-area .widget, /* Widgets na sidebar */
.ie8 #content > article, /* Conteúdo de um article */
.ie8 body.single #comments, /* Bloco de comentários */
.ie8 #feature_list, /* Destaques */
.ie7 #content .widget, /* Widgets nos articles */
.ie7 .widget-area .widget, /* Widgets na sidebar */
.ie7 #content > article, /* Conteúdo de um article */
.ie7 body.single #comments, /* Bloco de comentários */
.ie7 #feature_list /* Destaques */
{
	background: #D2DBE8;
}


/* =Módulos na home
-------------------------------------------------------------- */

body.home #content .widget { min-height: 543px }
#content .widget { margin-top: 20px }
#content .widget:first-child { margin-top: 0 }

.widget-article article {
	display: inline-block;
	width: 290px;
	vertical-align: top;
}

.widget-article article.odd { margin-right: 25px }
.widget-article article.otherline, .widget-article article.small { margin-top: 0.5em }


/* =Blocos nas páginas
-------------------------------------------------------------- */

#content .block {
	display: inline-block;
	width: 114px; /* com 4 itens */
	margin: 15px 0 0 10px;
	position: relative;
	vertical-align: top;
}
#content .block.first { margin-left: 0 }

#content .block .clip { width: 194px; height: 140px }
#content .block .clip img { clip: rect(0 194px 140px 0) }
.withoutimage { background: #fafafa url(images/generica.png) no-repeat center center }

#content .block h2 { margin: 0.4em 0 0 0 } /* Título do bloco */

#content .block p:last-child { margin-bottom: 0 }

p.content-quando { font-size: 0.8em }

.widget-article h1 { margin-bottom: 0.4em } /* Título do bloco */

.overlay {
	display: none;
	position: relative;
	z-index: 2;
	font-family: CuprumRegular;
	font-size: 1.1em;
	background-color: rgba(64, 64, 75, 0.8)
}
.overlay p { float: right; text-align: right; color: #fff; margin: 1.3em 0.6em 0 auto !important; }
.ie8 .overlay, .ie7 .overlay { display: block; z-index: -1 }


/* =Listas de opções
-------------------------------------------------------------- */

.calendar { display: inline-block; margin-bottom: 20px; width: 200px; min-width: 200px }

.controls-container .controls {
	display: inline-block;
	margin-left: 2.5em;
	vertical-align: top
}
.controls-container .controls h2 { margin: 0 0 0.3em 0 !important; font-size: 1.4em }
.controls-container .controls p { margin: 0.3em 0 }
.controls-container .controls p small { color: #666; margin-top: 0 }
.controls-container .controls li { margin-top: 0 }

h2.control-title-subtitle { margin-bottom: 0 !important }
p.subtitle { margin-top: 0 !important }


/* =Lista de posts nas páginas
-------------------------------------------------------------- */

body.page .entry-content article, body.search #content article { margin: 25px 0 }
#content article.withimage .content { margin-left: 170px; min-height: 150px }
body.page .entry-content article .content p { margin: 0 }


/* =Destaque na Home
-------------------------------------------------------------- */

div#feature_list {
	padding: 10px;
	width: 940px;
	height: 306px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	-webkit-box-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
div#feature_list ul { top: 0; list-style: none; padding: 0; margin: 0 }

ul#output {
	width: 630px;
	height: 300px;
	position: relative;
	overflow: hidden;
	border: 3px solid #fff;
	box-shadow: 0 2px 2px rgba(80,80,80,0.2); -moz-box-shadow: 0 2px 2px rgba(80,80,80,0.2); -webkit-box-shadow: 0 2px 2px rgba(80,80,80,0.2);
	background: #fff;
}
ul#output li { width: 100%; height: 100%; background: #fff }

ul#tabs {
	right: 0;
	z-index: 2;
	width: 304px;
	float: right;
	position: relative;
	z-index: 2;
}
ul#tabs li h3 { margin-top: 0; font-size: 1.4em; text-transform: uppercase; max-height:0.95em; padding: 0.2em; overflow: hidden }
ul#tabs li a {
	color: #222;
	text-decoration: none;
	display: block;
	padding: 15px;
	height: 72px;
	outline: none;
}
ul#tabs li a.current { background: #fff; box-shadow: 2px 2px 2px rgba(80,80,80,0.2); -moz-box-shadow: 2px 2px 2px rgba(80,80,80,0.2); -webkit-box-shadow: 2px 2px 2px rgba(80,80,80,0.2); }

ul#output li .clip { width: 630px; height: 300px }
ul#output li .clip img { clip: rect(0 630px 300px 0); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }


/* =Notícias na home
-------------------------------------------------------------- */

/* Notícias grandes */
#widget-noticias article.big .clip {
	width: 292px;
	height: 170px;
	margin-bottom: 1.2em;
	background: #fff
}
#widget-noticias article.big .clip img { clip: rect(0 292px 170px 0); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
#widget-noticias article.big .entry-title {  max-height:0.95em; padding: 0.2em; overflow: hidden }

/* Notícias pequenas */
#widget-noticias article.small .clip {
	width: 100px;
	height: 56px;
	float: left;
}
#widget-noticias article.small .clip img { clip: rect(0 100px 56px 0) }
#widget-noticias article.small .entry-title { float: left; margin-top: 9px; margin-bottom: 0 !important }
#widget-noticias article.small.withimage .entry-title { float: right; width: 180px }
#widget-noticias article.small.withimage.otherline { margin-top: 1.4em }


/* =Página de Notícias e Artigos
-------------------------------------------------------------- */
/*
.page-noticias article .content { display: inline-block; width: 475px; min-height: 85px; padding-right: 20px; border-right: 1px dotted #aaa }
.page-noticias article.withimage .content { width: 305px }
*/
.page-noticias article .entry-title { margin-bottom: 0.8em !important }
.page-noticias article .content { display: inline-block; width: 435px; min-height: 85px; padding-right: 20px; border-right: 1px dotted #aaa }
.page-noticias article.withimage .content { width: 265px }
.page-noticias article .content { margin-top: -0.2em }


/* =Página "Educativas", "Sociais" e "Itinerantes"
-------------------------------------------------------------- */

#block-conteudos .block, .block-atividades .block {
	padding: 9px 11px;
	border: 3px solid #efefef;
	-webkit-box-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	box-shadow: 0 0 3px #999; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999;
	background-color: #fff;
	height: 126px;
	max-height: 126px;
	overflow: hidden;
}

#block-conteudos .block:hover, .block-atividades .block:hover { border-color: #fff }
#block-conteudos .image, .block-atividades .image { width: 100%; height: 100px; overflow: hidden }
#block-conteudos h2, .block-atividades h2 { text-align: center }

#block-conteudos-ciencia-jovem .image { background-image: url(images/educativas/cienciajovem.png) }
#block-conteudos-exposicoes .image { background-image: url(images/educativas/exposicaop.png) }
#block-conteudos-oficinas .image { background-image: url(images/educativas/oficinap.png) }
#block-conteudos-oficinas h2 { line-height: 1.3em }
#block-conteudos-uab .image { background-image: url(images/educativas/uab.png) }

#block-sociais .block, #block-itinerantes .block { height: 100px; max-height: 100px }

/* =Página "Links"
-------------------------------------------------------------- */

li.linkcat { margin-left: 0 !important; list-style: none }


/* =Navegação
-------------------------------------------------------------- */

.wp-pagenavi .pages { margin-left: 0 }


/* =Cores das atividades na página "Atividades > Educativa"
-------------------------------------------------------------- */
/* =Cores dos títulos para cada Atividade educativa
-------------------------------------------------------------- */

.single-atividade article.atividade .entry-header img {
	display: inline-block;
	float: left;
	margin: -35px 10px 0 -35px;
}
.single-atividade article.atividade .entry-header /*.atividade-educativa*/.entry-title { margin-bottom: 35px !important }

/* Astronomia */
.block-atividades .atividade-astronomia:hover { border-color: #50467f;	box-shadow: 0 0 3px #50467f; -moz-box-shadow: 0 0 3px #50467f; -webkit-box-shadow: 0 0 3px #50467f }
body.single-atividade.postid-35 .widgettitle, body.single-atividade.postid-35 .widgettitle a,
body.single-atividade.postid-35 .widget p strong, body.single-atividade.postid-35 .widget p strong a,
body.single-atividade.postid-35 .title, body.single-atividade.postid-35 .title a,
.atividade-astronomia, .atividade-astronomia a { color: #50467f; border-color: #50467f }
body.single-atividade.postid-35 .overlay { background-color: rgba(80, 70, 127, 0.8) }
.block-atividades .atividade-astronomia .image { background: url(images/educativas/astronomia.png) no-repeat center center }

/* Biologia */
.block-atividades .atividade-biologia:hover { border-color: #3d6638;		box-shadow: 0 0 3px #3d6638; -moz-box-shadow: 0 0 3px #3d6638; -webkit-box-shadow: 0 0 3px #3d6638 }
body.single-atividade.postid-37 .widgettitle, body.single-atividade.postid-37 .widgettitle a,
body.single-atividade.postid-37 .widget p strong, body.single-atividade.postid-37 .widget p strong a,
body.single-atividade.postid-37 .title, body.single-atividade.postid-37 .title a,
.atividade-biologia, .atividade-biologia a { color: #3d6638 }
body.single-atividade.postid-37 .overlay { background: rgba(61, 102, 56, 0.8) }
.block-atividades .atividade-biologia .image { background: url(images/educativas/biologia.png) no-repeat center center }

/* Física */
.block-atividades .atividade-fisica:hover { border-color: #993266;		box-shadow: 0 0 3px #993266; -moz-box-shadow: 0 0 3px #993266; -webkit-box-shadow: 0 0 3px #993266 }
body.single-atividade.postid-157 .widgettitle, body.single-atividade.postid-157 .widgettitle a,
body.single-atividade.postid-157 .widget p strong, body.single-atividade.postid-157 .widget p strong a,
body.single-atividade.postid-157 .title, body.single-atividade.postid-157 .title a,
.atividade-fisica, .atividade-fisica a { color: #993266 }
body.single-atividade.postid-157 .overlay { background-color: rgba(153, 50, 102, 0.8) }
.block-atividades .atividade-fisica .image { background-image: url(images/educativas/fisica.png) }

/* História */
.block-atividades .atividade-historia:hover { border-color: #733c31;		box-shadow: 0 0 3px #733c31; -moz-box-shadow: 0 0 3px #733c31; -webkit-box-shadow: 0 0 3px #733c31 }
body.single-atividade.postid-159 .widgettitle, body.single-atividade.postid-159 .widgettitle a,
body.single-atividade.postid-159 .widget p strong, body.single-atividade.postid-159 .widget p strong a,
body.single-atividade.postid-159 .title, body.single-atividade.postid-159 .title a,
.atividade-historia, .atividade-historia a { color: #733c31 }
body.single-atividade.postid-159 .overlay { background-color: rgba(115, 60, 49, 0.8) }
.block-atividades .atividade-historia .image { background-image: url(images/educativas/historia.png) }

/* Informática */
.block-atividades .atividade-informatica:hover { border-color: #4c6f99;	box-shadow: 0 0 3px #4c6f99; -moz-box-shadow: 0 0 3px #4c6f99; -webkit-box-shadow: 0 0 3px #4c6f99 }
body.single-atividade.postid-162 .widgettitle, body.single-atividade.postid-162 .widgettitle a,
body.single-atividade.postid-162 .widget p strong, body.single-atividade.postid-162 .widget p strong a,
body.single-atividade.postid-162 .title, body.single-atividade.postid-162 .title a,
.atividade-informatica, .atividade-informatica a { color: #4c6f99 }
body.single-atividade.postid-162 .overlay { background-color: rgba(76, 111, 153, 0.8) }
.block-atividades .atividade-informatica .image { background-image: url(images/educativas/informatica.png) }

/* Manguezal */
.block-atividades .atividade-manguezal:hover { border-color: #7f7941;		box-shadow: 0 0 3px #7f7941; -moz-box-shadow: 0 0 3px #7f7941; -webkit-box-shadow: 0 0 3px #7f7941 }
body.single-atividade.postid-163 .widgettitle, body.single-atividade.postid-163 .widgettitle a,
body.single-atividade.postid-163 .widget p strong, body.single-atividade.postid-163 .widget p strong a,
body.single-atividade.postid-163 .title, body.single-atividade.postid-163 .title a,
.atividade-manguezal, .atividade-manguezal a { color: #7f7941 }
body.single-atividade.postid-163 .overlay { background-color: rgba(127, 121, 65, 0.8) }
.block-atividades .atividade-manguezal .image { background-image: url(images/educativas/manguezal.png) }

/* Matemática */
.block-atividades .atividade-matematica:hover { border-color: #96181c;	box-shadow: 0 0 3px #96181c; -moz-box-shadow: 0 0 3px #96181c; -webkit-box-shadow: 0 0 3px #96181c }
body.single-atividade.postid-158 .widgettitle, body.single-atividade.postid-158 .widgettitle a,
body.single-atividade.postid-158 .widget p strong, body.single-atividade.postid-158 .widget p strong a,
body.single-atividade.postid-158 .title, body.single-atividade.postid-158 .title a,
.atividade-matematica, .atividade-matematica a { color: #96181c }
body.single-atividade.postid-158 .overlay { background-color: rgba(150, 24, 28, 0.8) }
.block-atividades .atividade-matematica .image { background-image: url(images/educativas/matematica.png) }

/* Química */
.block-atividades .atividade-quimica:hover { border-color: #d16200;		box-shadow: 0 0 3px #d16200; -moz-box-shadow: 0 0 3px #d16200; -webkit-box-shadow: 0 0 3px #d16200 }
body.single-atividade.postid-164 .widgettitle, body.single-atividade.postid-164 .widgettitle a,
body.single-atividade.postid-164 .widget p strong, body.single-atividade.postid-164 .widget p strong a,
body.single-atividade.postid-164 .title, body.single-atividade.postid-164 .title a,
.atividade-quimica , .atividade-quimica a { color: #d16200 }
body.single-atividade.postid-164 .overlay { background-color: rgba(209, 98, 0, 0.8) }
.block-atividades .atividade-quimica .image { background-image: url(images/educativas/quimica.png) }

/* Atividades Sociais */
.block-atividades .atividade-clicidadao .image { background: url(images/sociais/clicidadao.png) no-repeat center center }
.block-atividades .atividade-gepetto .image { background: url(images/sociais/gepetto.png) no-repeat center center }
.block-atividades .atividade-aprendizes-da-ciencia .image { background: url(images/sociais/aprendizesciencia.png) no-repeat center center }
.block-atividades .atividade-jardim-da-ciencia .image { background: url(images/sociais/jardimciencia.png) no-repeat center center }

/* Atividades Itinerantes */
.block-atividades .atividade-ciencia-movel .image { background: url(images/itinerantes/cienciamovel.png) no-repeat center center }


/* =Agenda na sidebar das atividades
-------------------------------------------------------------- */

#widget-agenda h3 {
	display: inline-block;
	padding: 0.4em 1.5em;
	height: 1.25em;
	opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60);
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 70%, #DCDCDC 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#f6f6f6), color-stop(100%,#DCDCDC)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DCDCDC',GradientType=0 ); /* ie */
}
#widget-agenda h3.current {
	background: #fff;
	opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100);
	box-shadow: 0 2px 3px #999; -moz-box-shadow: 0 2px 3px #999; -webkit-box-shadow: 0 2px 3px #999
}
#widget-agenda #widget-agenda-embreve.last { float: right }

#widget-agenda .contents {
	padding: 0.6em 0.8em 0.9em 0.8em;
	background: #fff;
	position: relative;
	z-index: 2;
	box-shadow: 0 3px 3px #999; -moz-box-shadow: 0 3px 3px #999; -webkit-box-shadow: 0 2px 3px #999
}

#widget-agenda article {
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: left 0.4em;
}
#widget-agenda article .content-quando { margin-top: 0.6em }
#widget-agenda article.outros { background-image: url(images/outros.png) }
#widget-agenda article.exposicao { background-image: url(images/exposicao.png) }
#widget-agenda article.oficina { background-image: url(images/oficina.png) }
#widget-agenda article.evento { background-image: url(images/evento.png) }


/* =Twitter na sidebar
-------------------------------------------------------------- */

.widget#widget-twitter li {
	list-style: none;
	border-top: 1px dotted #fff;
	padding-top: 0.6em !important;
	margin-top: 0.9em !important;
	margin-left: 0;
}
.widget#widget-twitter li:first-child { border-top: none; padding-top: 0 !important }
.widget#widget-twitter .contents a {
	color: #464646;
	font-size: 0.8em;
	font-weight: bold;
}


/* =Widget Multimídia
-------------------------------------------------------------- */

.widget-multimidia li {
	display: inline-block;
	list-style: none;
	margin-left: 0.2em !important;
}
.widget-multimidia .contents li.first { margin-left: 0 !important }
.widget-multimidia .contents li.otherline { margin-top: 0.3em }

.widget-multimidia li img {
	background: #fff;
	padding: 3px;
}

.widget-multimidia li .overlay {
	margin-top: -61px;
	margin-left: 3px;
	width: 73px;
	height: 55px;
}

.widget-multimidia li:hover .overlay { display: block }

.overlay span { position: absolute }


/* =Página de Exposições
-------------------------------------------------------------- */

.page-exposicoes .block { width: 194px !important }
.page-exposicoes .block h2 { margin: 0; min-height: 2.3em; max-height: 2.3em; overflow: hidden }


/* =Elementos dos articles (data, compartilhe e autor)
-------------------------------------------------------------- */

.page-noticias article .entry-header, body.single .entry-header .entry-meta { float: right; display: inline-block; width: 92px; margin-top: -5px }

/* Data */
article .entry-header .entry-meta .entry-date { font-family: "CuprumRegular"; font-size: 1.5em; text-align: right; /*letter-spacing: 0.07em*/ }
article .entry-header .entry-meta .entry-date .day { font-size: 3em; font-family: "(_renaissance)Regular"; margin-right: 0.1em; display: inline-block; min-width: 1em; text-align: right }
article .entry-header .entry-meta .entry-date .monthyear { float: left; margin-top: -2.8em; margin-left: 2.4em }
article .entry-header .entry-meta .entry-date .month { font-size: 1.2em }
article .entry-header .entry-meta .entry-date .year { position: relative; top: -0.05em }

/* Compartilhe */
article .share { margin-top: 5px }
article .share a { display: inline-block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center center;
	background-color: #ddd;
	background-position: center top;
	-webkit-box-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
	box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999;
}
article .share a:hover { background-position: center bottom }
article .share #comment { background-image: url(images/comment.png); margin-right: 9px }
article .share #comment:hover { background-color: #fff; box-shadow: 0 0 2px #fff; -moz-box-shadow: 0 0 2px #fff; -webkit-box-shadow: 0 0 2px #fff }
article .share #twitter { background-image: url(images/twitter.png); margin-right: 9px }
article .share #twitter:hover { background-color: #fff; box-shadow: 0 0 2px #fff; -moz-box-shadow: 0 0 2px #fff; -webkit-box-shadow: 0 0 2px #fff }
article .share #facebook { background-image: url(images/facebook.png) }
article .share #facebook:hover { background-color: #fff; box-shadow: 0 0 2px #fff; -moz-box-shadow: 0 0 2px #fff; -webkit-box-shadow: 0 0 2px #fff }

body.single article .share { margin-top: 3em }


/* Elementos nos singles */
body.single article .entry-header .entry-title { max-width: 80%; margin-bottom: 0.2em !important }
body.single article .entry-header .author { font-size: 0.95em; margin-top: 0; margin-bottom: 1.2em; font-weight: bold; color: #737373 }
body.single article .entry-header .entry-meta { margin: -7px 0 5px 25px; width: 85px }
body.single article .entry-header .entry-meta .entry-date span.day { font-size: 2.5em }
body.single article .entry-header .entry-meta .entry-date span.monthyear { font-size: 0.9em }


/* =Página Agenda
-------------------------------------------------------------- */

#agenda-control { min-height: 180px }
/*#agenda-control .controls { width: 13em; }*/
#agenda-control .controls p small { margin-left: 2.3em; color: #666 }
#agenda-control-agenda_tipo { width: 16em; }
#agenda-control-agenda_tipo p { min-height: 2.05em }
#agenda-control-periodo { width: 12em; }

/* Lista de atividades na agenda */

#agenda-container { min-height: 330px }

.agenda-item {
	list-style: none;
	height: 90px;
	background: #fff;
	border-left-style: solid;
	border-left-width: 3px;
	padding: 1em;
	margin: 20px 0 !important;
}
.agenda-item p, .agenda-item p a { color: #404040 }

.agenda-item .content { display: inline-block; vertical-align: top; margin-left: 0.9em; max-width: 445px }

.agenda-item h2 { margin-top: 0 !important; max-height: 1.2em; overflow: hidden }
.agenda-item p { max-height: 3em; overflow: hidden }

.agenda-item .clip { display: inline-block; width: 120px; height: 90px }
.agenda-item .clip img { clip: rect(0 120px 90px 0) }


/* =Sidebar informacional nos posts da Agenda
-------------------------------------------------------------- */

.sideinfo {
	display: block;
	background: #fff;
	position: relative;
	vertical-align: top;
	padding: 0.2em 1em;
	margin: -65px 0 5px auto;
	max-width: 290px;
}
.sideinfo h2 {
	margin-top: 0.6em !important;
	border-bottom: 1px solid #dfdfde;
}
.sideinfo span.title {
	display: inline-block;
	width: 20%;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: top;
}
.sideinfo span.content {
	display: inline-block;
	width: 80%;
	text-align: left;
}


/* =Página Contato
-------------------------------------------------------------- */

#area-endereco-contato .widgettitle { margin-bottom: 0.2em }
#area-endereco-contato .textwidget h1 { font-family: CuprumRegular; margin: 0.9em 0 0.2em 0; }
#area-endereco-contato .textwidget p { margin: 0 }


/* =Maps e a rota
-------------------------------------------------------------- */

#map_canvas { width: 100%; height: 220px; min-height: 200px; background: #fff }


/* =Previsão do tempo na sidebar da página "Visite"
-------------------------------------------------------------- */

.weather .image { display: inline-block; width: 36px; height: 36px; margin-right: 8px }
.weather .contents { display: inline-block; vertical-align: top; max-width: 204px; font-size: 0.9em }

.weather-sun { background-image: url(images/weather/weather-sun.png) }
.weather-night { background-image: url(images/weather/weather-night.png) }
.weather-sun-cloud_mostly_partly { background-image: url(images/weather/weather-sun-cloud_mostly_partly.png) }
.weather-night-cloud_mostly_partly { background-image: url(images/weather/weather-night-cloud_mostly_partly.png) }
.weather-sun-rain_storm { background-image: url(images/weather/weather-sun-rain_storm.png) }
.weather-night-rain_storm { background-image: url(images/weather/weather-night-rain_storm.png) }


/* =Newsletter na "Home"
-------------------------------------------------------------- */

#form-newsletter { display: inline-block; text-align: left; width: 100% }
#form-newsletter input { width: 154px; margin: 0; float: left }
#form-newsletter a.submit { font-size: 0.95em; line-height: 1.45em; float: right }
#form-newsletter .message { width: 228px; margin: 0 0 1.2em 0 }


/* =Página Visite
-------------------------------------------------------------- */

#visite-control-horario { width: 120px; }
#visite-control-vagas { max-width: 183px }
.agendamento_vagas { margin-bottom: 0.8em }

#visite-controls-atividades { margin-top: 1.6em }
#visite-controls-atividades .controls { margin-left: 30px; width: 180px }
#visite-controls-atividades .controls:first-child, #visite-controls-atividades .controls.first { margin-left: 0 }
#visite-controls-atividades .controls.otherline { margin-top: 1.4em }
#visite-controls-atividades .controls ol li small { margin: 0.2em 0 0 2.7em; }

#message-before-atividades { margin-top: 2.4em }


/* =Tip info
-------------------------------------------------------------- */

.bubbleInfo {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.trigger { position: absolute; right: 34px; top: 228px }

.popup { position: absolute; display: none; z-index: 50; border-collapse: collapse; width: 200px; margin-left: 832px; margin-top: 70px }
.ie7 .popup, .ie8 .popup, .ie9 .popup { margin-left: 822px; width: 160px }

.popup td.corner { height: 15px; width: 19px }
.popup td#topleft { background-image: url(images/tipinfo/bubble-1.png); }
.popup td.top { background-image: url(images/tipinfo/bubble-2.png); }
.popup td#topright { background-image: url(images/tipinfo/bubble-3.png); }
.popup td.left { background-image: url(images/tipinfo/bubble-4.png); }
.popup td.right { background-image: url(images/tipinfo/bubble-5.png); }
.popup td#bottomleft { background-image: url(images/tipinfo/bubble-6.png); }
.popup td.bottom { background-image: url(images/tipinfo/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(images/tipinfo/bubble-8.png); }

.popup .popup-contents { background-color: #fff; color: #bbb; font-size: 0.9em; font-weight: bold }
.popup .popup-contents p { margin: 0.7em 0 0.6em 0 }
.popup .popup-contents p:first-child { margin-top: 0 }

#colophon #creditos_in {
	width: 43px;
	height: 46px;
	background: url(images/bg/tesouro.png);
}


/* =Menu das atividades no single.atividades.php
-------------------------------------------------------------- */

.entry-header nav { position: absolute; text-align: right; margin-left: 385px; margin-top: -1em !important; width: 220px; padding: 0.4em }
.entry-header nav ul li h3 { font-size: 1.2em; text-transform: uppercase }
.entry-header nav ul li { list-style: none; margin-left: 0 !important; color: #999; font-size: 0.95em }
.entry-header nav ul li a { color: #999; }

.entry-header nav ul .menu-title {
	background: #fff;
	padding: 0.35em 0.6em 0.2em 0.6em;
	box-shadow: 0 3px 3px rgba(80,80,80,0.2); -moz-box-shadow: 0 3px 3px rgba(80,80,80,0.2); -webkit-box-shadow: 0 3px 3px rgba(80,80,80,0.2);
	max-width: 5.5em;
	margin-left: auto !important;
	max-height: 1.4em;
	overflow: hidden;
}
.entry-header nav ul .menu-title::after {
	content: ' ';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-left: 0.8em;
	position: relative;
	top: -0.2em;
	z-index: 99;
	border: solid #888;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(135deg); -webkit-transform-origin: 50% 50%; -moz-transform: rotate(135deg); -moz-transform-origin: 50% 50%; -o-transform: rotate(135deg); -o-transform-origin: 50% 50%; transform: rotate(135deg); transform-origin: 50% 50%;
}

.entry-header nav ul ul {
	display: none;
	margin-top: -6px;
	padding: 1em;
	z-index: 99999;
	text-align: left;
	background: #fff;
	box-shadow: 0 3px 3px rgba(80,80,80,0.2); -moz-box-shadow: 0 3px 3px rgba(80,80,80,0.2); -webkit-box-shadow: 0 3px 3px rgba(80,80,80,0.2);
	-webkit-box-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
}
.entry-header nav ul li:hover ul { display: inline-block }

.entry-header nav ul ul h3 a { color: #777 }
.entry-header nav ul ul h3.first { margin-top: 0 !important }


/* =Mapa na página "Quem somos"
-------------------------------------------------------------- */

#map-large a {
	position: absolute;
	display: block;
	text-align: center;
	font-family: CuprumRegular;
	font-size: 1.1em
}
#map-large .text { height: 40px; overflow: hidden }
#map-large .text p { margin: 1.5em 0 0 2em;  }

#map-large img { margin-top: -40px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
#map-large a#agua			{ width: 130px; height: 42px; top: 110px;	left: 247px }
#map-large a#piramide		{ width: 83px;	height: 72px; top: 123px;	left: 168px }
#map-large a#movimento		{ width: 134px;	height: 38px; top: 101px;	left: 377px }
#map-large a#percepcao		{ width: 93px;	height: 38px; top: 120px;	left: 511px }
#map-large a#percepcao2		{ width: 111px;	height: 30px; top: 158px;	left: 567px }
#map-large a#terra			{ width: 254px;	height: 43px; top: 74px;	left: 511px }
#map-large a#terra2			{ width: 110px;	height: 43px; top: 117px;	left: 671px }
#map-large a#terra3			{ width: 53px;	height: 40px; top: 34px;	left: 533px }
#map-large a#formigueiro	{ width: 53px;	height: 38px; top: 160px;	left: 355px }
#map-large a#planetario		{ width: 46px;	height: 39px; top: 160px;	left: 742px }
#map-large a#laboratorios	{ width: 62px;	height: 39px; top: 199px;	left: 753px }
#map-large a#auditorio		{ width: 38px;	height: 38px; top: 196px;	left: 815px }
#map-large a#espaco			{ width: 71px;	height: 58px; top: 66px;	left: 765px }
#map-large a#espaco2		{ width: 62px;	height: 79px; top: 117px;	left: 825px }
#map-large a#mangue			{ width: 134px;	height: 21px; top: 139px;	left: 377px }
#map-large a#mangue2		{ width: 159px;	height: 30px; top: 158px;	left: 408px }
#map-large a#mangue3		{ width: 175px;	height: 33px; top: 188px;	left: 538px }


/* =Tooltip
-------------------------------------------------------------- */

.tooltip .pointyTip{ border-top-color:#fff;}
.tooltip .pointyTipShadow{ border-top-color:#A0C7FF;}
.tooltip .colorTip{
	background-color:#fff;
	border:1px solid #A0C7FF;
	color:#555555;
}