/*TODDLER DI*/

@import 'fonts.css';
@import 'home.css';
@import 'educar.css';
@import 'cuidar.css';
@import 'interatividade.css';
@import 'familia.css';
@import 'corporate.css';
@import 'contato.css';

body {
	color: #666;
	overflow: hidden;
	background: #FFF;
	background-position: center;
	font-smooth: always;
	/*font-smooth: never;*/
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	/*-webkit-text-stroke-width: .10px;
	-webkit-text-stroke-color: #666666;*/
	-webkit-font-smoothing:antialiased;
}

a { border: none; text-decoration: none; color: #666; }

img { border: none; }

div { font-family: 'lt67Regular', sans-serif; }

h1, h2, h3, h4 { font-family: 'lt67Regular', sans-serif; color: #cf213f; }

h2 { font-size: 22.5px; font-weight: normal; }

p { 
	font-size: 12.4px; 
	letter-spacing: -.2px;
	font-family: 'lt65Regular', sans-serif; 
}

ul {
	list-style: none;
}

.text {
	margin-top:-9px;
	font-size: 13px;
	font-weight: normal;
}

.sub {
	font-weight: bold;
	font-size: 12.4px;
}

.first {
	margin-top: 30px;
}

/*GERAL*/

.clear {
	clear: both;
}

.topico {
	padding-left: 46px;
	padding-bottom: 8px;
	font-family: 'lt65Regular', sans-serif;
}

.topico span {
	color: #656565;
}

.shadow {
	position: absolute;
}

.button {
	color: #FFF;
	width: 100px;
	padding: 5px;
	cursor: pointer;
	padding-left: 10px;
	background: #cf223f url(../images/button-arrow.png) no-repeat 90px 7px;
}

.content {
	margin-top: 5px;
	margin-left: 30px;
}

#logo {
	float: right;
	margin-top: -47px;
}

/*PANEL*/

#intro {
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position:absolute;
	background: url(../images/bg-home.jpg) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#home {
	top:0px;
	left:100%;
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position:absolute;
	background: url(../images/bg-home.jpg) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#educar {
	top:0px;
	left:200%;
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position:absolute;
	background: url(../images/bg-educar.jpg) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#cuidar {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:0px;
	left:300%;
	overflow: hidden;
	background: url(../images/bg-cuidar.jpg) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#interatividade {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:0px;
	left:400%;
	overflow: hidden;
	background: url(../images/bg-interatividade.jpg) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#familia {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:0px;
	left:500%;
	overflow: hidden;
	background: url(../images/bg-familia.jpg) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#corporate {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:0px;
	left:600%;
	overflow: hidden;
	background: url(../images/bg-corporate.jpg) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contato {
	width: 100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:0px;
	left:700%;
	overflow: hidden;
	background: url(../images/bg-contato.jpg) no-repeat center center;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*CONTEUDO INTERNO DO PAINEL*/

.panel {
	/*DEFINE O STYLE DE TODO CONTEUDO INTERNO DOS PAINEIS*/
	visibility: hidden;
}

/*DEFINE O STYLE DO CONTEUDO INTERNO DOS PAINEIS INDIVIDUALMENTE*/

/*INTRO*/
#panel-intro {
	width: 850px;
	height: 575px;
	z-index: 999;
	position: absolute;
}

#panel-intro img {
	margin-top: -62px;
	margin-left: -60px;
}

#panel-intro p {
	font-size: 14px;
	margin-left: 80px;
	background: #FFFFFF;
	font-family: "HelveticaNeue", sans-serif;
}

#panel-intro span {
	font-size: 14.5px;
	color: #e80303;
}

#intro-button {
	width: 151px;
	height: 46px;
	cursor: pointer;
	margin-left: 280px;
	margin-top: -115px;
	position: absolute;
	background: url(../images/intro-button.jpg) no-repeat center center;
}

#intro-matricula {
	width: 267px;
	height: 56px;
	cursor: pointer;
	margin-left: 223px;
	margin-top: -50px;
	position: absolute;
	background: url(../images/botao_matricula.png) no-repeat center center;
}

/*PAGINAS*/
#panel-home {
	z-index: 999;
	width: 710px;
	height: 450px;
	position: absolute;
	background: url(../images/panel-home.png) no-repeat center center;
}

#panel-cuidar {
	z-index: 999;
	width: 710px;
	height: 450px;
	position: absolute;
	background: url(../images/panel-cuidar.png) no-repeat center center;
}

#panel-educar {
	z-index: 999;
	width: 710px;
	height: 450px;
	position: absolute;
	background: url(../images/panel-educar.png) no-repeat center center;
}

#panel-familia {
	z-index: 999;
	width: 710px;
	height: 450px;
	position: absolute;
	background: url(../images/panel-familia.png) no-repeat center center;
}

#panel-interatividade {
	z-index: 999;
	width: 710px;
	height: 450px;
	position: absolute;
	background: url(../images/panel-interatividade.png) no-repeat center center;
}

#panel-corporate {
	z-index: 999;
	width: 710px;
	height: 450px;
	position: absolute;
	background: url(../images/panel-corporate.png) no-repeat center center;
}

#panel-contato {
	z-index: 999;
	width: 710px;
	height: 450px;
	position: absolute;
	background: url(../images/panel-contato.png) no-repeat center center;
}

/*TITULO DOS PAINEIS*/
#panel-home .titulo {
	color: #cf213f;
}

#panel-educar .titulo {
	color: #f47521;
}

#panel-cuidar .titulo {
	color: #fdcc00;
}

#panel-interatividade .titulo {
	color: #00a655;
}

#panel-familia .titulo {
	color: #0072bc;
}

#panel-corporate .titulo {
	color: #22359a;
}

#panel-contato .titulo {
	color: #874fb7;
}

/*MENU*/

.menu .menu-bg-center {
	z-index: 100;
	width: 100%;
	position: absolute;
}

.menu .menu-bg-right {
	right: 0px;
	z-index: 101;
	position: absolute;
}

.menu .menu-bg-left {
	left: 0px;
	z-index: 101;
	position: absolute;
}

.menu .menu-bg {
	left: 0;
	z-index: 102;
	position: absolute;
}

.menu-itens {
	color: #FFF;
	z-index: 999;

	/*z-index: 99999;*/
	position: absolute;
	letter-spacing: -.5px;
	font-size: 14px;
	font-family: 'lt67Regular', sans-serif;
}

.itens {
	width: 130px;
	height: 25px;
	cursor: pointer;
	padding-top: 10px;
	padding-left: 48px;
}

.itens :hover {
	text-decoration: underline;
}

#menu-social {
	width: 173px;
	height: 30px;
	z-index: 8888;
	margin-top: 8px;
}

#menu-social div {
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
}


#facebook {
	margin-left: 27px;
	background: url(../images/socialmedia_2.jpg) 0px 0px no-repeat;
}

#twitter {
	background: url(../images/socialmedia_2.jpg) -38px 0px no-repeat;
}

#gplus {
	margin-right: 0px;
	background: url(../images/socialmedia_2.jpg) -76px 0px no-repeat;
}

/*PAGES*/

.preloader {
	z-index: 800;
	color: #4799ad;
	position: absolute;
}

.preloader img {
	border: none;
	margin-right: 7px;
}