/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@font-face {
    font-family: 'abel';
    src: url('fonts/abel-regular-webfont.eot');
    src: url('fonts/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/abel-regular-webfont.woff') format('woff'),
         url('fonts/abel-regular-webfont.ttf') format('truetype'),
         url('fonts/abel-regular-webfont.svg#abelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kelson_sansbold';
    src: url('fonts/kelson_sans_bold-webfont.eot');
    src: url('fonts/kelson_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kelson_sans_bold-webfont.woff') format('woff'),
         url('fonts/kelson_sans_bold-webfont.ttf') format('truetype'),
         url('fonts/kelson_sans_bold-webfont.svg#kelson_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kelson_sanslight';
    src: url('fonts/kelson_sans_light-webfont.eot');
    src: url('fonts/kelson_sans_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kelson_sans_light-webfont.woff') format('woff'),
         url('fonts/kelson_sans_light-webfont.ttf') format('truetype'),
         url('fonts/kelson_sans_light-webfont.svg#kelson_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kelson';
    src: url('fonts/kelson_sans_regular-webfont.eot');
    src: url('fonts/kelson_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kelson_sans_regular-webfont.woff') format('woff'),
         url('fonts/kelson_sans_regular-webfont.ttf') format('truetype'),
         url('fonts/kelson_sans_regular-webfont.svg#kelson') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato-bla-webfont.eot');
    src: url('fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bla-webfont.woff') format('woff'),
         url('fonts/lato-bla-webfont.ttf') format('truetype'),
         url('fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack_italic';
    src: url('fonts/lato-blaita-webfont.eot');
    src: url('fonts/lato-blaita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-blaita-webfont.woff') format('woff'),
         url('fonts/lato-blaita-webfont.ttf') format('truetype'),
         url('fonts/lato-blaita-webfont.svg#latoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bol-webfont.eot');
    src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bol-webfont.woff') format('woff'),
         url('fonts/lato-bol-webfont.ttf') format('truetype'),
         url('fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold_italic';
    src: url('fonts/lato-bolita-webfont.eot');
    src: url('fonts/lato-bolita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bolita-webfont.woff') format('woff'),
         url('fonts/lato-bolita-webfont.ttf') format('truetype'),
         url('fonts/lato-bolita-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline';
    src: url('fonts/lato-hai-webfont.eot');
    src: url('fonts/lato-hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-hai-webfont.woff') format('woff'),
         url('fonts/lato-hai-webfont.ttf') format('truetype'),
         url('fonts/lato-hai-webfont.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline_italic';
    src: url('fonts/lato-haiita-webfont.eot');
    src: url('fonts/lato-haiita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-haiita-webfont.woff') format('woff'),
         url('fonts/lato-haiita-webfont.ttf') format('truetype'),
         url('fonts/lato-haiita-webfont.svg#latohairline_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-lig-webfont.eot');
    src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-lig-webfont.woff') format('woff'),
         url('fonts/lato-lig-webfont.ttf') format('truetype'),
         url('fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight_italic';
    src: url('fonts/lato-ligita-webfont.eot');
    src: url('fonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-ligita-webfont.woff') format('woff'),
         url('fonts/lato-ligita-webfont.ttf') format('truetype'),
         url('fonts/lato-ligita-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato';
    src: url('fonts/lato-reg-webfont.eot');
    src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg-webfont.woff') format('woff'),
         url('fonts/lato-reg-webfont.ttf') format('truetype'),
         url('fonts/lato-reg-webfont.svg#lato') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-regita-webfont.eot');
    src: url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regita-webfont.woff') format('woff'),
         url('fonts/lato-regita-webfont.ttf') format('truetype'),
         url('fonts/lato-regita-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'skinny_jeans_solidregular';
    src: url('fonts/skinny_jeans_solid-webfont.eot');
    src: url('fonts/skinny_jeans_solid-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/skinny_jeans_solid-webfont.woff') format('woff'),
         url('fonts/skinny_jeans_solid-webfont.ttf') format('truetype'),
         url('fonts/skinny_jeans_solid-webfont.svg#skinny_jeans_solidregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'skinny_jeansregular';
    src: url('fonts/skinny_jeans-webfont.eot');
    src: url('fonts/skinny_jeans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/skinny_jeans-webfont.woff') format('woff'),
         url('fonts/skinny_jeans-webfont.ttf') format('truetype'),
         url('fonts/skinny_jeans-webfont.svg#skinny_jeansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'lane';
	src: url('fonts/LANE.eot');
	src: local('☺'), url('fonts/LANE.woff') format('woff'), url('fonts/LANE.ttf') format('truetype'), url('fonts/LANE.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lane3';
	src: url('fonts/LANE_3.eot');
	src: local('☺'), url('fonts/LANE_3.woff') format('woff'), url('fonts/LANE_3.ttf') format('truetype'), url('fonts/LANE_3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, html{
    border: 0;
    padding: 0;
    margin: 0;
}

/*                                                 HEADER
-------------------------------------------------------------- */

header{
	background:#f2f2f2;
	padding:15px 0px;
	min-height:60px;
	font-family: 'kelson';
	text-transform:uppercase
}

.center{
	margin:0 auto;
	width:1001px;
}

section{
	width:100%;
	float:left
	
}
#topo-home{
	padding:37px 0px;
}

#topo-home img{
	float:left;
	margin-right:50px;
	padding-right:50px;
	border-right:1px dashed #d9d9d9;
	
}
#topo-home .description{
	font-family:'latolight';
	text-transform:uppercase;
	color:#707070;
	float:left;
	width:317px;
	font-size:15px;
	line-height:24px;
	margin-top:2%;
}
	#topo-home .description span{
		color:#000;
		font-family:latobold;
	}

/* =Logos
-------------------------------------------------------------- */

#branding{
	float:left;
}
#branding #logo-ei {
	margin-right:10px;
	padding-right:10px;
}

/* =Redes
-------------------------------------------------------------- */

#bot-redes{
	float:right;
	margin-top:13px
}
#bot-redes img{
	margin-left:5px;
	opacity:0.7
}
#bot-redes img:hover{
	opacity:1
}


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

#menu-institucional {
	display: block;
	float:right;
	font-size: 12px;
	margin:10px 15px 0px 12px
}

#menu-institucional .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#menu-institucional .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#menu-institucional a {
	color: #8a8989;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}

#menu-institucional li:hover > a{
	color: #333;
}
#menu-institucional ul li:hover > ul {
	display: block;
}
#menu-institucional ul li.current_page_item > a,
#menu-institucional ul li.current_page_ancestor > a,
#menu-institucional ul li.current-menu-ancestor > a,
#menu-institucional ul li.current-menu-item > a,
#menu-institucional ul li.current-menu-parent > a {
	color: #333;
}


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

section#menu-interno{
	float:left;
	border-bottom:1px dotted #ccc;
}

#menu-eixos {
	display: block;
	font-size: 11px;
	text-transform:uppercase;
	font-family: 'kelson';
	width:100%;
	margin-left:0px
}

#menu-eixos .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}

#menu-eixos ul {
padding:0;
	margin: 0;
}

#menu-eixos .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#menu-eixos a {
	color: #989797;
	font-size:10px;
	display: block;
	line-height: 16px;
	padding: 0 0px;
	text-decoration: none;
	text-align:center
}
#menu-eixos ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 148px;
	left: 0;
	float: left;
	width: 203px;
	z-index: 99999;
	padding-left:0px;
	border-top:1px dotted #ccc;
}
#menu-eixos ul ul li {
	min-width: 250px;
}
#menu-eixos ul ul ul {
	left: 100%;
	top: 0;
}
#menu-eixos ul ul a {
	background: #f5f5f5;
	line-height: 1em;
	padding: 10px;
	width: 127px;
	height: auto;
	text-align:left
}
#menu-eixos li:hover > a,
#menu-eixos ul ul :hover > a {
	color: #333;
	background-color:#f5f5f5
}
#menu-eixos ul ul :hover > a {
	background-color:#add7d2
}



#menu-eixos ul li:hover > ul {
	display: block;
	
}
#menu-eixos ul li.current_page_item > a,
#menu-eixos ul li.current_page_ancestor > a,
#menu-eixos ul li.current-menu-ancestor > a,
#menu-eixos ul li.current-menu-item > a,
#menu-eixos ul li.current-menu-parent > a {
	background-position:23px -119px;
	color: #02a1a7;
}
#menu-eixos ul li.current-menu-parent.dropdown > a {
	background-position:top center;

}

/*--Setinha pra baixo--*/
#menu-eixos ul li.current-menu-item a:after{
    content: url('images/napratica/seta-current-page.png');
	bottom: -19px;
    position: absolute;
    right: 27px;
}


/*--Botoes do Estruture--*/
#menu-eixos .dropdown {
	border-right:1px dotted #ccc;
	border-left:1px dotted #ccc;
	width:85px;
	
}

#menu-eixos .dropdown a{
	background-image:url(images/napratica/seta-menu-down.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:56px;
	padding-bottom:60px;
	font-size:11px;
	color:#7c7c7c
}
#menu-eixos .dropdown ul li a{
	padding:25px 10px 25px 65px;
	border-bottom:1px dotted #ccc;
	background-repeat:no-repeat;
	background-position:10px 15px;
}
#menu-eixos .submenu-1 a{
	background-image:url(images/napratica/submenu-1.png);
}
#menu-eixos .submenu-2 a{
	background-image:url(images/napratica/submenu-2.png);
}

#menu-eixos .submenu-3 a{
	background-image:url(images/napratica/submenu-3.png);	
}

/*--icones dos botões de Eixo--*/
.bot-eixo-1,
.bot-eixo-2,
.bot-eixo-3,
.bot-eixo-4,
.bot-eixo-5,
.bot-eixo-6,
.bot-eixo-7,
.bot-eixo-8,
.bot-eixo-9,
.bot-eixo-10,
.bot-eixo-11{
	width:83px;
}

#menu-eixos .bot-eixo-1 a,
#menu-eixos .bot-eixo-2 a,
#menu-eixos .bot-eixo-3 a,
#menu-eixos .bot-eixo-4 a,
#menu-eixos .bot-eixo-5 a,
#menu-eixos .bot-eixo-6 a,
#menu-eixos .bot-eixo-7 a,
#menu-eixos .bot-eixo-8 a,
#menu-eixos .bot-eixo-9 a,
#menu-eixos .bot-eixo-10 a,
#menu-eixos .bot-eixo-11 a{
	background-repeat:no-repeat;
	background-position:top center;
	padding: 77px 7px 20px;
	height:51px;
	letter-spacing: 0.02em;
}


#menu-eixos .bot-eixo-1 a{
	background-image:url(images/napratica/menu-ponto-de-partida.png);
}

#menu-eixos .bot-eixo-2 a{
	background-image:url(images/napratica/menu-articulacao-de-agentes.png);
}

#menu-eixos .bot-eixo-3 a{
	background-image:url(images/napratica/menu-educacao-no-territorio.png);
}

#menu-eixos .bot-eixo-4 a{
	background-image:url(images/napratica/menu-infra-e-recursos.png);
}

#menu-eixos .bot-eixo-5 a{
	background-image:url(images/napratica/menu-gestao-intersetorial.png);
}

#menu-eixos .bot-eixo-6 a{
	background-image:url(images/napratica/menu-gestao-da-escola.png);
}

#menu-eixos .bot-eixo-7 a{
	background-image:url(images/napratica/menu-curriculo-transversal.png);
}

#menu-eixos .bot-eixo-8 a{
	background-image:url(images/napratica/menu-rede-de-educadores.png);
}

#menu-eixos .bot-eixo-9 a{
	background-image:url(images/napratica/menu-formacao-continuada.png);
}

#menu-eixos .bot-eixo-10 a{
	background-image:url(images/napratica/menu-avaliacao-e-monitoramento.png);
}


#menu-eixos .bot-eixo-11 a{
	background-image:url(images/napratica/menu-financiamento.png);
}


/*                                                 PÁGINA INTERNA DO EIXO
-------------------------------------------------------------- */


.azul{
	background:#02a1a7;	
}
.vermelho{
    background: #ff4e4e!important;
}
.abertura-azul{    
	color:#fff;	
	padding:110px 0px;
    font-family: 'latolight', sans-serif;
    font-size: 19px;
    line-height: 26px;
}
.abertura-azul.title-page{
	padding:110px 0px;
}
.abertura-azul.branco{
    color: #000;
    background: #f2f2f2;
    margin-bottom: -50px;
}
.abertura-azul.branco>.center>img{
    opacity: 0.15;
    margin-top: -30px;
}
.azul h1{
	font-size:46px;
	font-weight:normal;
	margin:0px
}

.azul a,
.azul .termo-no-texto{
	color:#095e64;
	font-family: 'latobold';
	text-decoration:none;
    cursor:pointer;
}
.azul a:hover,
.azul .termo-no-texto:hover{
	text-decoration:underline;
}

p.linha-fina-page{
	margin-bottom:0px
}

/*                                                			FAQ
-------------------------------------------------------------- */
.accordion:first-child{
	margin-top:50px;
	border-top:1px dotted #ccc;
}

.accordion{
	float:left;
	width:100%;
	 font-family: 'kelson';
	 border-bottom:1px dotted #ccc;
     position: relative;
}

.accordion a{
	color:#333;
	text-decoration:none;    
}
.accordion-pergunta.fechado + .accordion-bt{
    display: none;
}
.accordion-pergunta.fechado:hover{
    cursor:pointer;
    background-color:#f5f5f5;
}
.accordion-pergunta.aberto + .accordion-bt{
    display: block;
    background: none!important;
}
.accordion-pergunta.aberto + .accordion-bt:hover{
    cursor:pointer;       
}


.accordion-resposta{
margin-right: 70px;
	margin-top:20px;
	font-family:'latolight'
}
.accordion-resposta div a{
    text-decoration: underline;    
}
.accordion .fechado{
	background-image:url(images/napratica/faq-fechado.png);
	background-repeat:no-repeat;
	background-position:right;
	padding:22px 0 22px 22px;
}

.accordion .aberto{
	background-image:url(images/napratica/faq-aberto.png);
	background-repeat:no-repeat;
	background-position:right;
	padding:22px 0 22px 22px;
	background-color:#f5f5f5;
    z-index:1;
}
.accordion .accordion-bt{    
  width: 57px;
  height: 100%;  
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.5;
}




/*                                                		FORMULÁRIOS
-------------------------------------------------------------- */
.page{
	font-family:'latolight';

}
.wpcf7{	
    font-family: "latolight";
    margin-top: 27px;
	margin-bottom:40px;    
}
.wpcf7,
.wpcf7 ~p{	
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}
.wpcf7 ~p{
    text-align: center;    
}
.wpcf7-form{
	float:left;
	margin-top:20px;
	font-family:'latolight';
}

.screen-reader-response{
	color:#C00;
    line-height: 60px!important;
}

.wpcf7-not-valid-tip{
	font-size:13px;
	color:#C00;
	margin-left:10px
}
.wpcf7-validation-errors{
	color:#C00;
	margin-top:20px
}

.wpcf7-form table td{
	vertical-align:middle;
	padding:8px 10px
}

.wpcf7-form table td:first-child{
	background:#e6e6e6;
	vertical-align:middle;
	padding:5px 20px;
    width:30%;
}
.wpcf7-form p{
	font-family:'latolight';
	color:#333;
	font-size:15px;
	margin:0px
}
.wpcf7-form span,
.wpcf7-form input,
.wpcf7-form textarea{
    width:100%;
}
.wpcf7-form input,
.wpcf7-form textarea{
	border:1px solid #999;
	
	min-height:25px
}

.wpcf7-form input[type="text"].local{
	margin-right:5px; 
	float:left; 
	padding-left: 7px;
    width: 171px;
}
.wpcf7-form input[type="submit"]{
	background-color:#F90;
	color:#fff;
	border:none;
	text-transform:uppercase;
	width:auto;
	padding:8px 10px;
	border-radius:3px;
	cursor:pointer
}
.wpcf7-form input[type="submit"]:hover{
	background:#02a1a7
}

.wpcf7-form input[type="radio"]{
	width:22px;
	min-height:15px!important;

}
.wpcf7-list-item{
	font-family:'latolight';
	width:100%;	
	text-transform:none;
	 margin-right: 90%;
     float: left;
     clear: left;
     margin-bottom: 4px;
}
.wpcf7-list-item input{
    float: left;
}
span.wpcf7-list-item-label{
	/*width:500px!important;*/
}
.wpcf7-form input[type="text"].outro{
	width:200px;
}
.enviar{
	margin-top:10px;
    margin-bottom: 20px;
	padding-top:10px;
	border-top:1px dotted #ccc;
	width:100%;
    text-align:center;
}
.wpcf7-file{
    border: none!important;
}
.wpcf7-form input[type="checkbox"]{
	width:15px!important;
    height:15px!important;
    min-height: 0px!important;	
}
/* 																HOME 
 --------------------------------------------------------------*/

.home-intro{
    background: #02a1a7;
    width: 100%;
    height: auto;
    position: relative;        
    color: #fff;
    float: left;
}
.home-intro h1,
.home-eixos h1{
    font-family: 'latohairline', sans-serif;
    font-size: 44px;
    width: 800px;
    margin: 0 auto;
    padding-top: 96px;
    text-align: center;
}

.home-intro p,
.home-eixos p{
    font-family: 'latolight', sans-serif;
    font-size: 19px;
	line-height: 26px; 
    width: 800px;  
    margin: 0 auto;
    margin-top: 34px; 
}
.home-eixos h1,
.home-eixos p{
    color: #000;
    text-align: center;
}
.home-eixos p{
    margin-top: 6px;
}
.home-triade{
    position: relative;
    width: 100%;  
    height: 281px;  
    background: url(images/napratica/triade-bg.png) #00c1c6 repeat-x;
    overflow: hidden;
    margin-top: 90px;
}
.home-triade > div{
    position: absolute;
    width: 240px;
    height: 282px;
}
.home-triade #tri-acesse{    
    width: 100%;    
    height: 282px;
    left: -50%;
    margin-left: -96px;
    background: url(images/napratica/tri-acesse-bg.png) #00c1c6 no-repeat right top;        
}
.home-triade #tri-elabore{
    height: 268px;
    left: 50%;
    margin-top: 7px;
    margin-left: -96px;
    background: url(images/napratica/tri-elabore-bg.png) #00c1c6 no-repeat right top;
}
.home-triade #tri-institucionalize{
    height: 248px;
    left: 50%;
    margin-top: 18px;
    margin-left: 144px;
    background: #00c1c6 no-repeat right top;
}
.home-triade .bt-group{
    width: 190px;
    height: 44px;    
    float: right;    
    font-family: latobold, sans-serif;
    color: #027f84;
    font-size: 14px;
    text-decoration: none;
    text-align: center;  
    cursor: pointer;    
}
.home-triade .bt-group strong{
    text-transform: uppercase;
    color: #fff;
    font-family: kelson_sanslight, sans-serif;
    font-size: 20px;
    display: block;    
}
.home-triade #tri-acesse .bt-group{   
   margin-top: 46px;
   margin-right: 65px;
}
.home-triade #tri-elabore  .bt-group{     
   margin-top: 39px;
   margin-right: 50px; 
}
.home-triade #tri-institucionalize  .bt-group{   
   margin-top: 28px;   
   margin-right: 35px;
}     
.home-triade .bt-group img{    
    background: #00c1c6;    
    margin: 6px 0 10px 0;
}

.home-triade .bt-group:hover img{
    background: #027f84;    
}
.home-eixos{
    width: 100%;
    margin: 0 auto;
    float: left;    
}

.home-eixos .bts-eixos{
    position: relative;
    width: 988px;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 100px;
}

.home-eixos .bt-eixo{
    position: relative;
    width: 246px;
    height: 230px;    
    float: left; 
    clear: right;
    border-color: #fff;
    border-width: 0 1px 1px 0;
    border-style: solid; 
    overflow: hidden;
    cursor: pointer;      
}
.home-eixos .bt-eixo:nth-child(4n+4){
    border-right-width: 0;
}
.home-eixos .bt-eixo:nth-child(6n+1) .out{
    background: #4a4c47;    
}
.home-eixos .bt-eixo:nth-child(6n+2) .out{
    background: #afbf00;    
}
.home-eixos .bt-eixo:nth-child(6n+3) .out{
    background: #ef6b0c;    
}
.home-eixos .bt-eixo:nth-child(6n+4) .out{
    background: #0fbcb0;    
}
.home-eixos .bt-eixo:nth-child(6n+5) .out{
    background: #fcb200;    
}
.home-eixos .bt-eixo:nth-child(6n+6) .out{
    background: #ff4e4e;    
}
.home-eixos .bt-eixo .out{
    width: 166px;
    height: 150px;
    text-align: center;
    padding: 40px;  
    text-transform: uppercase;
    color: #fff;
    font-family: kelson, sans-serif;
    font-size: 20px;  
    letter-spacing: 0.5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;  
}
.home-eixos .bt-eixo .out img{
    display: block;
    margin: 0 auto;
    opacity: 0.4;
    margin-bottom: 10px;    
}
.home-eixos .bt-eixo .over{
    display: block;    
    padding: 30px;
    font-family: lato, sans-serif;
    font-size: 15px;
    background: url(images/napratica/icon-mais-preto.png) #e6e6e6 no-repeat bottom right;
    width: 186px;
    height: 170px;
    color: #000;
    text-decoration: none;
}
.home-eixos .bt-eixo:hover .out{
    margin-top: -230px;    
}

#napratica-modal-bg{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999999999988;
    top: 0;
    left: 0;
    display: none;
}
 

#napratica-modal{
    margin: 0 auto;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;     
    position: fixed;
    z-index: 99999999999999999;    
    display: none;
    min-width: 1000px;           
}
#napratica-modal .topo{
    width: 780px;
    height: 176px;   
    position: relative;
    border-right: #ccc 220px solid;
    background: #ccc;  
    z-index: 1;  
}
#napratica-modal .topo.azul{       
    background: #00c1c6;
    border-color: #00c1c6;
}
#napratica-modal .topo.vermelho{       
    background: #ff4e4e;
    border-color: #ff4e4e;
}
#napratica-modal .bt-fechar{
    position: absolute;
    float: right;
    width: 109px;
    height: 44px;
    margin: 66px 50px 0 0;
    background: #f00;
    right: 0;
    top: 0;
    font-family: kelson, sans-serif;  
    color: #fff;
    font-size: 24px;
    background: url(images/napratica/icon-fechar.png) no-repeat left center;
    text-transform: uppercase;
    padding: 14px 0 0 45px;
    cursor: pointer;
    z-index: 3;
}
#napratica-modal .bt-fechar:hover{
    color: #000;    
}
#napratica-modal .topo img{    
    width: 128px;
    height: 128px;
    margin: 28px 0 28px 30px;     
}
#napratica-modal .topo img{
    float: left;
}
#napratica-modal .topo .titulo{    
    width: 590px;
    height: 175px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-family: kelson, sans-serif;  
    color: #fff;
    font-size: 28px;
    padding: 5px 0 0 40px;    
    line-height: 26px; 
}
#napratica-modal .corpo{
    position: absolute;
    width: 100%;    
    z-index: 6;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 30px 40px 30px;
    overflow: auto;    
}
#napratica-modal .como-fazer-na-pratica{
    position: relative;
    float: left;
    padding-bottom: 40px;
}
#napratica-modal .corpo .so-texto{
    padding: 0px 118px 50px 118px ;
    font-family: 'lato', sans-serif;
    font-size: 18px;
    color: #000;    
}
#napratica-modal .corpo .so-texto h5{
    border-bottom: 1px dotted #ccc;
    color: #018287;
    font-family: kelson;
    font-size: 24px;
    font-weight: 400;
    margin: 0;    
    margin-bottom: 37px;
    padding-bottom: 18px;
}
.modalOpen{
    overflow: hidden;
}
#napratica-modal.show,
#napratica-modal-bg.show{
    display: block;
}
.conteudo-modal{display: none;}
#footer{
    width: 100%;
    background: #e6e6e6;
    float: left;
    height: 150px; 
    display: table;
    margin-top: 50px;
}
#colophon{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-family: lato, sans-serif;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

#box-glossario{
    width: 196px;
    height: 100%;
    border: #227073 1px solid;
    padding: 22px;
    float: right;  
    margin-left: 22px; 
    cursor: pointer;
} 
#box-glossario:hover{
    background-color: rgba(0,0,0,0.1);
    border-color: transparent;
}

#box-glossario .descricao{    
    font-family: latolight, sans-serif;    
    font-size: 15px;
    line-height: 18px;    
}
.abertura-azul .title{
    line-height: 42px;
}
.abertura-azul .content-eixo{
    margin-top: 24px;
}
#box-glossario h3{
    font-family: kelson_sanslight, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.9px;
    margin-bottom: 22px;
    line-height: 20px;
}
#box-glossario .saiba-mais{    
    margin: 10px -6px 0 0;
    background: url(images/napratica/icon-mais-preto.png) no-repeat right top;
    height: 34px;    
}
#box-glossario .saiba-mais:hover{
    color: #000;
    cursor: pointer;
}
.abertura-azul .center .miolo{
    float: left;
    width: 594px;       
}
.abertura-azul.branco .center .miolo .title{
    margin-top: 0!important;
}
.abertura-azul .center>img{
    width: 94px;
    height: 94px;
    float: left;
    margin: 0 20px 0 10px;
    opacity: 0.5;
}
#entenda-melhor{
    height: 122px;    
    float: left;
    width: 100%; 
    background: #02a1a7; 
    overflow: hidden;  
}
#entenda-melhor>div{
    width: 50%;
    height: 100%;
    display: table;
    color: #fff;    
    background: url(images/napratica/entenda-melhor-icon.png) #00c1c6 no-repeat right 62px top -84px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;     
}
#entenda-melhor #bt-1{
    float: left;
    margin-left: -3px;
}
    #entenda-melhor #bt-1>div{         
        margin-right: 120px;
        padding-right: 120px;
        padding-top: 4px; 
        background-image: url(images/napratica/entenda-melhor-canto-r.png);
        background-position: top right;  
    }
        #entenda-melhor #bt-1>div>div{
            float: right;
            text-align: right;   
        }    
#entenda-melhor #bt-2{
    float: right;
    margin-right: -3px;
    background-position: left 62px top -84px;
}
    #entenda-melhor #bt-2>div{        
        margin-left: 120px;
        padding-left: 120px;
        padding-top: 4px;
        background-image: url(images/napratica/entenda-melhor-canto-l.png);
        background-position: top left;    
    }
        #entenda-melhor #bt-2>div>div{
            float: left;  
            
        }
#entenda-melhor>div>div{
    max-width: 200px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-family: kelson, sans-serif;
    text-transform: uppercase;    
    font-size: 20px;    
    background-repeat: no-repeat;  
}
#entenda-melhor>div>div>div{
    width: 200px;
}
#entenda-melhor>div:hover{
    background-color: #02cdd2;    
    cursor: pointer;
}

#entenda-melhor>div.opened{
    color:#41989d!important;
    background-color: #fef9e0; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;     
}
#entenda-melhor>#bt-1.opened{
    background-position: right 62px top 54px;
}
#entenda-melhor>#bt-2.opened{
    background-position: left 62px top 54px;
}

#entenda-melhor-conteudo{
    background: #fef9e0;
    margin: 0;
    padding: 0;    
}
#entenda-melhor-conteudo .conteudo-entenda{
    width: 100%!important;    
    padding: 0; 
    float: left;
    background: #fef9e0;
}
    #entenda-melhor-conteudo #conteudo-1{
        
    }
    #entenda-melhor-conteudo #conteudo-2{
        
    }

#entenda-melhor-conteudo #conteudo-1>div,
#entenda-melhor-conteudo #conteudo-1>div p{
    color: #000;    
    font-family: 'latolight', sans-serif;
    font-size: 19px;
    line-height: 26px;
}

#entenda-melhor-conteudo #conteudo-1>div,
#entenda-melhor-conteudo #conteudo-2>div{
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 90px;    
}
#entenda-melhor-conteudo #conteudo-1>div{
    width: 700px;
}
#entenda-melhor-conteudo #conteudo-1>div iframe{    
    margin: 30px;
}
#entenda-melhor-conteudo #conteudo-2 .experiencia-relacionada{
    display: table-cell;
    width: 290px;
    padding-right: 65px;
}
#entenda-melhor-conteudo #conteudo-2>div>a:last-child{
    padding: 0!important;
}
#entenda-melhor-conteudo #conteudo-2>div>a>img{
    width: 290px;
    height: 180px;
    display: block;
    margin-bottom: 12px;
    border: #fff 1px solid;
}
#entenda-melhor-conteudo #conteudo-2>div>a{
    color: #6d6a61; 
    font-family: kelson, sans-serif;
    font-size: 17px;         
    text-decoration: none;  
}
#entenda-melhor-conteudo #conteudo-2>div>a:hover{
    color: #333;
}
#entenda-melhor-conteudo .bt-fechar{    
    width: 100%;
    height: 0px;
    float: left;
    background: #f00;    
    background: #fbf2d8;
    overflow: hidden;
}
#entenda-melhor-conteudo .bt-fechar.visible{    
    height: 100px;    
}
#entenda-melhor-conteudo .bt-fechar,
#entenda-melhor-conteudo .bt-fechar.visible{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;  
}

#entenda-melhor-conteudo .bt-fechar div{
    width: 122px;    
    background: #0f0;
    margin: 0 auto;    
    background: url(images/napratica/seta-menu-up-preta.png) no-repeat right center;
    font-family: ;font-family: kelson, sans-serif;
    font-size: 18px;         
    color: #000;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    margin-top: 39px;
    opacity: 0.5;    
}
#entenda-melhor-conteudo .bt-fechar div:hover{
    opacity: 0.8;
}


.passos-como-fazer{
    display: none;
}
#menu-como-fazer{
    float: left;
}
#menu-como-fazer>div{
    margin: 0 auto;    
    width: 998px;
}
#menu-como-fazer>div>p{
    padding: 0 0;    
}
#menu-como-fazer .titulo{
    font-family: 'latolight', sans-serif;  
    color: #000;
    font-size: 46px;
    margin: 110px 0 0 0;    
    text-align: center;  
    
}
#menu-como-fazer .descricao{
    color: #666;       
    font-family: 'latolight', sans-serif;
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 70px;
}
#menu-como-fazer .cominho{
    width: 332px;
    height: 185px;
    background: url(images/napratica/icon-mais-branco.png) #ff4e4e no-repeat top right;
    float: left;  
    margin: 0 1px 1px 0;  
    cursor: pointer;
}
#menu-como-fazer .cominho:hover{
    background-color: #35939a!important;
}
#menu-como-fazer .cominho>p{
    font-family: 'latobold', sans-serif;
    font-size: 18px;
    color: #fff;
    margin: 35px 0 0 35px;
    float: left;
    max-width: 235px;
    text-decoration: none;
}
#menu-como-fazer .cominho:nth-child(even){
    background-color: #eb4040;
}
#menu-como-fazer .cominho:nth-child(3n+2){
    margin-right: 0px;
}
.conteudo-cominho .descricao{
    font-family: 'lato', sans-serif;
    font-size: 17px;
    color: #424242;
    margin-top: 30px;
}
.conteudo-cominho{
    padding: 40px 60px 0 60px!important;    
}
.conteudo-cominho .titulo-colunas{
    margin-top: 80px;
    float: left;
    width: 100%;
    height: 30px;
}


.conteudo-cominho .titulo-colunas>div{
    float: left;
}
.conteudo-cominho  .titulo-colunas>div:first-child{
    width: 410px;
}
.conteudo-cominho  .titulo-colunas>div:last-child{
    width: 432px;
}
.conteudo-cominho  .titulo-colunas>div>p{
    float: left;
    margin: 0;
    padding: 8px 8px;
    color: #fff;
    background: #3aa1a9;
    text-transform: uppercase;
    font-family: 'latobold',sans-serif;
    font-size: 12px;
}
.conteudo-cominho .item-como-fazer{
    float: left;
    width: 100%;    
    margin-top: 40px;
}
.conteudo-cominho .item-como-fazer:last-child{
    border: none;
}
.conteudo-cominho .item-como-fazer>ul{
    width: 392px;
    float: left;    
    font-family: 'latolight', sans-serif;
    font-size: 16px;
    color: #424242;    
    margin: 0;
    line-height: 21px;
    list-style: none; 
    padding: 0 19px 0 0;     
    background: #e6e6e6; 
    
}
.conteudo-cominho .item-como-fazer>ul>li{
    padding: 15px 15px 40px 15px;
}
.conteudo-cominho .item-como-fazer .instrumentos{
    float: left;    
    width: 402px;
    height: 100px;
    background: url(images/napratica/linha-instrumento.png) no-repeat left 30px;
    padding-left: 32px;       
}
.conteudo-cominho .item-como-fazer .instrumento{
    width: 74px;
    height: 80px;
    margin-right: 8px;       
    float: left;
    background-repeat: no-repeat;
    background-position: 0 -79px;
    cursor: default;    
}



.conteudo-cominho .item-como-fazer .instrumento p{
    font-family: 'kelson', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    padding-top: 38px;
    float: left; 
    color: #999;   
}
.conteudo-cominho .item-como-fazer .instrumento:hover{
    background-position: 0 2px;
}
.conteudo-cominho .item-como-fazer .instrumento:hover p{
    color: #3aa1a9;
}

.conteudo-cominho .item-como-fazer .instrumento:last-child{
    margin-right: 0;       
}

.conteudo-cominho .item-como-fazer .instrumento.marcos_legais{
    background-image: url(images/napratica/icon-cominho-marcos.gif);    
}
.conteudo-cominho .item-como-fazer .instrumento.referencias_bibliograficas{
    background-image: url(images/napratica/icon-cominho-referencias.gif);
} 
.conteudo-cominho .item-como-fazer .instrumento.ferramentas_de_gestao{
    background-image: url(images/napratica/icon-cominho-ferramentas.gif);
} 
.conteudo-cominho .item-como-fazer .instrumento.experiencias{
    background-image: url(images/napratica/icon-cominho-experiencias.gif);
} 
.conteudo-cominho .item-como-fazer .instrumento.noticias{
    background-image: url(images/napratica/icon-cominho-noticias.gif);    
} 
.conteudo-cominho .item-como-fazer .instrumento.outro_eixo{
    background-image: url(images/napratica/icon-cominho-outro-eixo.gif);    
} 

.conteudo-cominho .item-como-fazer .instrumentos .balao{
    display: none;
    position: fixed;    
    z-index: 99999999999999999999;
    width: 300px; 
    height: auto;   
    margin-left: -130px; 
    max-height: 180px;
    background: url(images/napratica/instrumentos-ponta-balao-invert.png) no-repeat center bottom 11px;
    padding-bottom: 10px;   
}
.conteudo-cominho .item-como-fazer .instrumentos .balao>div{        
    background: #35939a;
    color: #fff;
    font-family: 'lato',  sans-serif; 
    font-size: 14px; 
    margin: 20px;
    margin-bottom: 14px;
    border: #35939a 4px solid;
    width: 246px;
    margin-top: 15px;    
    max-height: 120px; 
    box-shadow: 5px -5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px -5px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 5px -5px 10px rgba(0,0,0,0.3);    
    overflow: auto;
    line-height: 18px;  
    padding: 12px;  
}

.conteudo-cominho .item-como-fazer .instrumento:hover .balao{
    display: block;
}

.conteudo-cominho .item-como-fazer .instrumento .balao div a{
    color: #fff;    
}
.conteudo-cominho .item-como-fazer .instrumento .balao div a:hover{
    color: #0b3e42;    
}
.conteudo-cominho .item-como-fazer .instrumento .balao ul{
    margin: 0!important;
    padding: 10px!important;    
}
.conteudo-cominho .item-como-fazer .instrumento .balao li{
    margin: 0 0 12px 0!important;
    padding: 0!important;
    list-style: square url("images/napratica/bullet.png");
}
.definicao-termo{
    display: none;
}
.bt-fake{
    color: #0060cc;
    cursor: pointer;
    text-decoration: underline; 
}
.bt-fake:hover{
    color: #000;       
}
.caixa-eixo{
	width:100%;
	float:left;
	
	
	}
.caixa-eixo ul{
	margin-left:0px;
	}
.caixa-eixo ul li{
	margin-bottom:20px;
	}

.titulo-eixo-caixa{
    cursor: pointer;
    list-style: none;   
    font-family: 'latobold'; 
	color: #000; 
	padding: 10px 0px;  
	margin:20px 0px 10px 0px; 
	border-bottom: 1px solid #000;  
}	

.titulo-eixo-caixa:hover{
	border-bottom:3px solid #000;
}	



.eixo-caixa-aberto{
	background:url(http://www.educacaointegral.org.br/wp-content/themes/twentyten/images/menos.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	background-position:right;
	
}
.eixo-caixa-fechado{
	background:url(http://www.educacaointegral.org.br/wp-content/themes/twentyten/images/mais.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	background-position:right;	
}
.texto-eixo-caixa{
    display:none;
    list-style: none;
}		
.box-eixo{
	background: #F5F5F5;
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin-right: 20px;
    padding: 30px;
    width: 250px;
	margin-bottom:15px;
}

.box-eixo-grande{
	background: #F5F5F5;
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin-right: 20px;
    padding: 30px;
    width: 580px;
	margin-bottom:15px;
}
@media screen and (max-height: 500px){
    #napratica-modal .topo {
        height: 100px;
    }    
    #napratica-modal .topo .titulo {
        height: 99px;
        }
        #napratica-modal .bt-fechar{
            margin: 23px 11px 0 0;
        }
        .conteudo-cominho .descricao{
            margin-top: 0!important;
        }
        .conteudo-cominho .titulo-colunas{
            margin-top: 40px;
        }
}