/*$Id: zen.css,v 1.14.2.6 2009/11/05 11:03:32 johnalbin Exp $

* ZEN STYLES
*
* This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
* file, but instead copy this CSS to their own stylesheets.
*
* In this stylesheet, we have included all of the classes and IDs from this
* theme's tpl.php files. We have also included many of the useful Drupal core
* styles to make it easier for theme developers to see them.
*
* Many of these styles are over-riding Drupal's core stylesheets, so if you
* remove a declaration from here, the styles may still not be what you want
* since Drupal's core stylesheets are still styling the element. See the
* drupal6-reference.css file for a list of all Drupal 5.x core styles.
*
* In addition to the style declarations in this file, other Drupal styles that
* you might want to override or augment are those for:
*
*   Book Navigation  See line 74  of Zen's drupal6-reference.css file
*   Forum            See line 197 of Zen's drupal6-reference.css file
*   Menus            See line 667 of Zen's drupal6-reference.css file
*   News Aggregator  See line 20  of Zen's drupal6-reference.css file
*   Polls            See line 287 of Zen's drupal6-reference.css file
*   Search           See line 320 of Zen's drupal6-reference.css file
*   User Profiles    See line 945 of Zen's drupal6-reference.css file

* body **/
BODY
{
	margin: 0;
	padding: 0;
	background: #FFFAEE;
}
.amarelo
{
	color: #FC0;
}
.branco
{
	color: #FFF;
}
.clear
{
	clear: both;
}
.propostas
{
	width: 100%;
	clear: both;
}
.conteudo_esquerdo
{
	float: left;
	width: 60%;
	margin-right: 10px;
	font-size: 16px;
}
.conteudo_direito
{
	float: left;
	width: 60%;
	margin-left: 10px;
	font-size: 16px;
}
.imagens_direito
{
	float: left;
	width: 40%;
	width: 200;
	border: 5px solid #000000;
}
.imagens_esquerdo
{
	float: left;
	width: 40%;
	width: 200;
	border: 5px solid #000000;
}
.imagens IMG
{
	margin-bottom: 5px;
}
#page
{
}
#page-inner
{
}
/** header **/
#header
{
	background: url(images/bg_topo.jpg) repeat-x center top;
}
#header-inner
{
}
#logo-title
{
}
#logo
{
	margin: 20px 30px 10px 5px;
	padding: 0;
}
#logo-image
{
}
H1#site-name, DIV#site-name
{
	margin: 0;
	font-size: 2em;
	line-height: 1.3em;
}
#site-name A:link, #site-name A:visited
{
	color: #000;
	text-decoration: none;
}
#site-name A:hover
{
	text-decoration: underline;
}
#site-slogan
{
	float: right;
	font-size: 24px;
	color: #C33;
	font-weight: bold;
}
#telefone
{
	float: right;
	font-size: 24px;
	color: #007811;
	font-weight: bold;
	display: block;
}
#block-menu-menu-menutopo
{
	float: right;
}
#header-blocks
{
	float: right;
	margin-top: -120px;
}
#header UL.menu
{
	float: left;
	margin: 5px 0;
}
#header A
{
	font-size: 20px;
	color: #000;
}
#header UL.menu LI A
{
	text-decoration: none;
}
#header UL.menu LI
{
	float: left;
	margin-right: 5px;
	list-style: none;
}
/** main (container for everything else) **/
#main
{
	background: url(images/bg_meio.jpg) repeat-y top center;
}
#main-inner
{
	padding-left: 140px;
	padding-top: 55px;
}
/** content **/
#content
{
	margin-left: 10px;
	width: 890px;
}
#content-inner
{
}
#mission
{
}
#content-top
{
}
#content-header
{
}
.breadcrumb
{
	padding-bottom: 0;
/*Undo system.css*/
}
H1.title, H2.title, H3.title
{
	margin: 10px 0 0;
	color: #00923F;
}
DIV.messages
{
}
DIV.status
{
}
DIV.warning, TR.warning
{
/*border: 1px solid #f0c020;
Drupal core uses: 1px solid #f0c020*/
}
DIV.error, TR.error
{
}
DIV.tabs
{
}
.help
{
	margin: 1em 0;
}
.more-help-link
{
	font-size: 0.85em;
	text-align: right;
}
.page-blog-nucleo #content-area
{
	padding-right: 133px;
	color: #003366;
}
UL.links
{
	margin: 1em 0;
	padding: 0;
}
UL.links.inline
{
	margin: 0;
	display: inline;
}
UL.links LI
{
	display: inline;
	list-style-type: none;
	padding: 0 0.5em;
}
.pager
{
	clear: both;
	margin: 1em 0;
	text-align: center;
}
.pager A, .pager STRONG.pager-current
{
	padding: 0.5em;
}
.feed-icons
{
	margin: 1em 0;
}
#content-bottom
{
	clear: both;
}
/** navbar **/
#navbar
{
}
#navbar-inner
{
}
#search-box
{
}
#edit-search-theme-form-1-wrapper LABEL
{
	display: none;
}
#primary
{
}
#navbar UL.menu
{
	width: 930px;
}
#navbar UL.menu LI
{
	list-style: none;
}
LI.a-escola
{
	background: url(images/menu-escola.jpg) no-repeat top left;
	height: 38px;
	width: 155px;
}
LI.a-escola A
{
	padding-left: 15px;
}
#navbar UL.menu LI.a-escola LI
{
}
LI.universo-kids
{
	width: 190px;
}
#navbar UL.menu LI.kids-atividades-infantis
{
	background: url(images/menu-kids-atividades.jpg) no-repeat top left;
	height: 38px;
	width: 335px;
}
LI.kids-atividades-infantis A
{
	padding-left: 25px;
}
#navbar UL.menu LI.n--cleo-de-estudos
{
	background: url(images/menu-nucleo.jpg) no-repeat top left;
	height: 38px;
	width: 300px;
}
LI.n--cleo-de-estudos A
{
	padding-left: 25px;
}
#navbar UL.menu A
{
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
}
#secondary
{
}
/** sidebar-left **/
#sidebar-left
{
}
#sidebar-left-inner
{
}
/** sidebar-right **/
#sidebar-right
{
}
#sidebar-right-inner
{
}
/** footer **/
#footer
{
	background: transparent url(images/bg_meio.jpg) repeat-y scroll center top;
	height: 180px;
}
#footer-inner
{
	background: url(images/bg_rodape.gif) repeat-x;
}
#footer-dentro
{
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto;
	width: 990px;
	height: 180px;
	padding-left: 100px;
}
#footer-dentro P
{
	margin: 0;
}
#footer-message
{
}
/** closure **/
#closure-blocks
{
}
/** Drupal nodes **/
.node
{
}
.node-inner
{
}
.sticky
{
}
.node-unpublished
{
/*background-color: #fff4f4;
Drupal core uses a #fff4f4 background*/
}
.node-unpublished DIV.unpublished, .comment-unpublished DIV.unpublished
{
	height: 0;
	overflow: visible;
	color: #D8D8D8;
	font-size: 75px;
	line-height: 1;
	font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	word-wrap: break-word;
/*A very nice CSS3 property*/
}
.node-mine
{
}
.node-teaser
{
}
/*All nodes are given a node-type-FOO class that describes the type of
* content that it is. If you create a new content type called
* "my-custom-type", it will receive a "node-type-my-custom-type" class.
*/
.node-type-page
{
}
.node-type-story
{
}
.node H2.title
{
}
.marker
{
	color: #C00;
}
.node .picture
{
}
.node.node-unpublished .picture, .comment.comment-unpublished .picture
{
	position: relative;
/*Otherwise floated pictures will appear below the "Unpublished" text.*/
}
.node .meta
{
}
.node .submitted
{
}
.node .terms
{
}
.node .content
{
	font-size: 16px;
	padding: 0 150px 0 0;
	color: #036;
}
.node UL.links
{
}
.preview .node
{
/*background-color: #ffffea;
Drupal core uses a #ffffea background*/
}
/** Drupal comments **/
#comments
{
	margin: 1em 0;
}
#comments-title
{
}
.comment
{
}
.comment-inner
{
}
.comment-preview
{
}
.comment.new
{
}
.comment.odd
{
}
.comment.even
{
}
.comment.first
{
}
.comment.last
{
}
.comment-unpublished
{
/*background-color: #fff4f4;
Drupal core uses a #fff4f4 background*/
}
.comment-unpublished DIV.unpublished
{
}
.comment-published
{
}
.comment-by-anon
{
}
.comment-by-author
{
}
.comment-mine
{
}
.comment H3.title
{
}
.new
{
	color: #C00;
}
.comment .picture
{
}
.comment .submitted
{
}
.comment .content
{
}
.comment .user-signature
{
}
.comment UL.links
{
	margin: 1em 0;
}
.indented
{
/*margin-left: 25px;
Drupal core uses a 25px left margin*/
}
.preview .comment
{
/*background-color: #ffffea;
Drupal core uses a #ffffea background*/
}
/** Drupal blocks **/
.block
{
/*margin-bottom: 1em;*/
}
.block.region-odd
{
}
.block.region-even
{
}
.block.odd
{
}
.block.even
{
}
.region-count-1
{
}
.count-1
{
}
.block-inner
{
}
.block H2.title
{
}
.block .content
{
}
#block-aggregator-category-1
{
}
#block-aggregator-feed-1
{
}
#block-block-1
{
	float: left;
	margin-top: 100px;
}
#block-block-2
{
	float: left;
	margin: 100px 90px 0;
	text-align: center;
}
#block-block-2 UL
{
	margin: 0;
}
#block-block-3
{
	float: left;
	margin: 100px 0 0;
	text-align: right;
}
#block-block-2 UL
{
}
#block-block-2 UL LI
{
	float: left;
	list-style: none;
	margin-right: 10px;
}
#block-block-2 UL LI A, #block-block-3 A
{
	color: #FC0;
	font-weight: bold;
}
#block-blog-0
{
}
#block-book-0
{
}
#block-comment-0
{
}
#block-forum-0
{
}
#block-forum-1
{
}
#block-menu-primary-links
{
}
#block-menu-secondary-links
{
}
#block-node-0
{
}
#block-poll-0
{
}
#block-profile-0
{
}
#block-search-0
{
}
#block-statistics-0
{
}
#block-user-0
{
}
#block-user-1
{
}
#block-user-2
{
}
#block-user-3
{
}
/** Drupal boxes *
Wrapper for Comment form, Comment viewing options, Menu admin, and
* Search results.
*/
.box
{
}
.box-inner
{
}
.box H2.title
{
}
.box .content
{
}
/** Miscellaneous Drupal styles **/
.error
{
/*color: #e55;
Drupal core uses a #e55 background*/
}
.warning
{
/*color: #e09010;
Drupal core uses a #e09010 background*/
}
.more-link
{
	text-align: right;
	position: relative;
	top: -15px;
}
DIV.panel-col .more-link
{
	text-align: right;
	position: static;
	margin-top: 10px;
}
#user-login-form
{
	text-align: left;
}
TR.even
{
/*background-color: #eee;
Drupal core uses a #eee background*/
}
TR.odd
{
/*background-color: #eee;
Drupal core uses a #eee background*/
}
LI A.active
{
	color: #000;
}
/** Drupal forms **/
.form-item, .form-checkboxes, .form-radios
{
	margin: 1em 0;
}
.form-item INPUT.error, .form-item TEXTAREA.error, .form-item SELECT.error
{
	border: 2px solid #C00;
}
.form-item LABEL
{
	display: block;
	font-weight: bold;
}
.form-item LABEL.option
{
	display: inline;
	font-weight: normal;
}
.form-required
{
	color: #C00;
}
.form-item .description
{
	font-size: 0.85em;
}
.form-checkboxes .form-item, .form-radios .form-item
{
	margin: 0.4em 0;
}
.form-submit
{
}
.container-inline DIV, .container-inline LABEL
{
	display: inline;
}
.tips
{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
/** OpenID *
The default styling for the OpenID login link seems to assume Garland's
* styling of list items.
*/
#user-login-form UL
{
	margin-bottom: 0;
/*Position OpenID's ul next to the rest of the links.*/
}
#user-login-form LI.openid-link
{
	margin-top: 1em;
	margin-left: -20px;
/*Un-do some of the padding on the ul list.*/
}
#user-login-form LI.user-link
{
	margin-top: 1em;
}
#user-login UL
{
	margin: 1em 0;
}
#user-login LI.openid-link, #user-login LI.user-link
{
	margin-left: -2em;
/*Un-do all of the padding on the ul list.*/
}
/** Drupal admin tables *
We overrode these styles in html-elements.css, but restore them for the
* forms on the site.
*/
FORM TBODY
{
	border-top: 1px solid #CCC;
}
FORM TH
{
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #CCC;
}
FORM TBODY TH
{
	border-bottom: 1px solid #CCC;
}
FORM THEAD TH
{
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #CCC;
}
#block-node-0
{
	color: #FFFFFF;
	padding: 100px 10px 0 20px;
}
DIV.galleria_wrapper IMG
{
}
LI.home A
{
	display: block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(images/homelink.gif) no-repeat left top;
	padding-left: 40px;
}
LI.area-do-aluno A
{
	display: block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(images/areaclienteslink.jpg) no-repeat left top;
	padding-left: 40px;
}
LI.newsletter A
{
	display: block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(images/newsletterlink.jpg) no-repeat left top;
	padding-left: 40px;
}
LI.contato A
{
	display: block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(images/contatolink.jpg) no-repeat left top;
	padding-left: 40px;
}
/*Home Panels*/
DIV.panel-display
{
	width: 920px;
}
DIV#ultimas-resenhas H2.pane-title
{
	display: block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(images/resenhas_header.png) no-repeat left top;
	padding-left: 40px;
	color: #063;
	font-weight: bold;
}
DIV#ultimas-galerias H2.pane-title
{
	display: block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(images/galeria_header.png) no-repeat left top;
	padding-left: 50px;
	color: #063;
	font-weight: bold;
}
DIV#ultimos-eventos H2.pane-title
{
	display: block;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(images/eventos_header.png) no-repeat left top;
	padding-left: 50px;
	color: #063;
	font-weight: bold;
}
#demais-resenhas
{
	margin-top: -14px;
}
DIV#demais-fotos H2, #demais-resenhas H2, #demais-eventos H2
{
	border-bottom: 1px solid #999;
}
DIV#demais-fotos H2 A, #demais-resenhas H2 A, #demais-eventos H2 A
{
	font-size: 20px;
	color: #060;
	text-decoration: none;
}
.panel-col-first H2.pane-title, .panel-col H2.pane-title
{
	margin-bottom: 15px;
}
.panel-col-last H2.pane-title
{
	margin-bottom: 0px;
}
DIV.views-field-field-capa-resenha-fid
{
	width: 253px;
	height: 188px;
	background: url(images/borda-destaque.png) no-repeat top left;
	padding: 11px 11px 0px 10px;
}
DIV.views-field-title A
{
	color: #7B2705;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	text-decoration: none;
}
DIV.views-field-title A:hover
{
	text-decoration: underline;
}
IMG.imagefield-field_capa_resenha
{
	width: 234px;
	height: 165px;
}
DIV.views-field-created
{
	color: #7B2705;
	font-size: 12px;
	padding: 5px 0;
}
LABEL.views-label-field-data-evento-value, SPAN.date-display-single
{
	font-size: 12px;
	color: #7B2705;
}
/*Views*/
.view-slideshow
{
	width: 800px;
}
.views_slideshow_slider_main .views-field-title
{
	background: transparent url(http://escolaintegradabemviver.com.br/sites/default/themes/zen/zen/images/slidetitulo.png);
	margin-bottom: -30px;
	z-index: 1000;
	position: relative;
	margin-top: 10px;
	padding: 5px;
	font-weight: bold;
}
.views_slideshow_thumbnailhover_breakout_teasers .views_slideshow_thumbnailhover_div_breakout_teaser
{
	float: left;
}
.views_slideshow_thumbnailhover_breakout_teasers .activeSlide
{
	border: 2px solid #F22;
	margin: -2px;
	z-index: 100 !important;
	position: relative;
	height: 75px;
}
.views_slideshow_thumbnailhover_breakout_teasers
{
	width: 800px;
}
/*Sub Menu Escola*/
LI.a-escola UL.menu
{
	background: url(images/submenu-escola.gif) no-repeat top left;
	height: 50px;
	line-height: 37px;
	padding-left: 30px;
	position: relative;
	top: 2px;
	width: 930px;
}
/*li.a-escola li ul-menu li*/
#INVALID-RULE
{
	float: left;
}
/*li.a-escola li ul-menu li.first*/
#INVALID-RULE
{
	padding-left: 25px;
}
/*Sub Menu Atividades*/
LI.kids-atividades-infantis UL.menu
{
	background: url(images/submenu-kids.gif) no-repeat top left;
	height: 50px;
	left: -160px;
	line-height: 37px;
	position: relative;
	top: 2px;
	width: 930px;
}
/*li.kids-atividades-infantis li ul-menu li*/
#INVALID-RULE
{
	float: left;
}
/*li.kids-atividades-infantis li ul-menu li.first*/
#INVALID-RULE
{
	padding-left: 25px;
}
/*Sub Menu Nucleo*/
LI.n--cleo-de-estudos UL.menu
{
	background: url(images/submenu-nucleo.gif) no-repeat top left;
	height: 50px;
	width: 930px;
	line-height: 37px;
	position: relative;
	top: 2px;
	left: -500px;
}
/*li.n--cleo-de-estudos li ul-menu li*/
#INVALID-RULE
{
	float: left;
}
/*li.n--cleo-de-estudos li ul-menu li.first*/
#INVALID-RULE
{
	padding-left: 25px;
}
LI.blog A
{
	padding-left: 0;
}
/*Content Bottom Ultimo Artigo*/
DIV.panel-col-bottom
{
	background: url(images/img_blog_novidades_box.gif) no-repeat top left;
	padding-top: 25px;
	height: 250px;
	padding-left: 25px;
	margin-left: -25px;
	width: 960px;
}
DIV.panel-col-bottom DIV.views-field-field-capa-resenha-fid
{
	width: 180px;
	height: 148px;
	background: url(images/img_moldura_small.png) no-repeat top left;
	padding: 9px 11px 11px 8px;
	float: left;
	margin-right: 0;
}
DIV.panel-col-bottom IMG.imagefield-field_capa_resenha
{
	width: 167px;
	height: 117px;
}
DIV.panel-col-bottom H2
{
	background: url(images/blog_header_bg.png) no-repeat top left;
	padding-left: 42px;
	color: #063;
	font-size: 30px;
	height: 40px;
	margin-left: 25px;
}
DIV.panel-col-bottom DIV.views-field-title A
{
	color: #060;
}
DIV.panel-col-bottom DIV.field-content P
{
	color: #7B2705;
	font-size: 12px;
}
TABLE#attachments
{
	display: none;
}
#header UL.menu LI.last
{
	margin-right: 0;
}
DIV.more-link A
{
	text-decoration: none;
	color: #7B2705;
	font-size: 20px;
	margin-right: 30px;
	padding-right: 20px;
}
DIV#sol
{
/*background: url(images/sol.gif) center top no-repeat;*/
	width: 152px;
	height: 78px;
	position: absolute;
	left: 45%;
}
DIV.view-ultimo-artigo DIV.views-field-teaser
{
	padding-right: 50px;
}
DIV.panel-col-first DIV.views-field-body P, DIV.panel-col DIV.views-field-body P, .panel-col-last DIV.views-field-body P
{
	color: #7B2705;
	font-size: 12px;
	padding-right: 20px;
	margin: 0;
	height: 30px;
}
DIV.more-link A
{
	text-decoration: none;
	color: #7B2705;
	font-size: 20px;
	margin-right: 30px;
	padding-right: 20px;
}
DIV.panel-col DIV.more-link A
{
	margin-top: 20px;
}
.view-ultimas-galerias .view-content
{
	width: auto;
}
.view-ultimas-galerias .views-row, .view-ultimos-eventos .views-row, .view-demais-resenhas .views-row
{
	margin-top: 20px;
	display: block;
	float: left;
	width: 300px;
}
.view-ultimo-artigo .views-field-body
{
	width: 600px;
}
.field-field-capa-resenha
{
	display: block;
	float: left;
	width: 250px;
}
.view-ultimos-eventos .views-field-body SPAN.field-content, .view-ultimo-artigo .views-field-body SPAN.field-content
{
	color: #7B2705;
	font-size: 12px;
	height: 30px;
	margin: 0;
	padding-right: 20px;
}
.view-ultimas-resenhas
{
	margin-top: 34px;
}
.resizable-textarea
{
	width: 85%;
}
.page-ultimas-noticias .view-ultimo-artigo .views-row
{
	border-bottom: 1px solid #CCC;
	width: 80%;
	padding-bottom: 10px;
}
.front .view-ultimas-galerias .views-field-field-capa-resenha-fid
{
	margin-bottom: 30px;
}