*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Needed for mobile WebKit */
    -moz-box-sizing: border-box; /* Needed for Firefox */
	box-sizing: border-box;
}
/*
	Margin, padding, and border resets
	except for form elements
*/
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
}
/*
	Consistency fixes
	adopted from http://necolas.github.com/normalize.css/
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section, audio, canvas, video {
	display: block;
}

html {
	width:100%;
	min-height:100%;
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;}

@font-face {
  font-family: 'Rancho';
  src: local('Rancho'), url('../fonts/S-YcqhLwgYWxIA-a7eDp2g.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
}

	
.body{
position:relative;
background-color:#8EB334;
background-image:url(../img/flores.svg) ;
width:100%;

margin:auto;
padding:0;

font-size: 100%;
overflow-x:hidden;
overflow-y:auto;
}


#opennav{cursor:pointer;position:fixed;top:20px;left:20px;z-index:3;float:right!important;padding:4px 6px;border:0px;border-radius:6px; width:40px;height:40px;background:rgba(255,255,255, 0.6) ;}
#opennav:hover{background:#F9F09B;}

#myOverlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:3; -webkit-animation:opac 0.8s;animation:opac 0.8s;
}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}

#mySidenav{z-index:4;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s;}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}



header.header{
position:relative;
width:100%;
height:0;
margin:0;
padding:50% 0 0 0;
z-index:1;

}

/* coverpage */

svg {

 
}

.efe{transform: rotateZ(0deg);
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;}	
.efe:hover {transform: rotateZ(-0.5deg);
		-webkit-transform: rotateZ(-0.5deg);
		-moz-transform: rotateZ(-0.5deg);
		-ms-transform: rotateZ(-0.5deg);
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
}
.turmas:hover, .contato:hover, .informacoes:hover{animation-play-state:paused;
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
	}
.nuvem7, .nuvem4, .nuvem5{animation: vainuvem 100s alternate linear infinite;
	-webkit-animation:vainuvem 100s alternate linear infinite;
	-moz-animation:vainuvem 100s alternate linear infinite;
	-ms-animation:vainuvem 100s alternate linear infinite;
}
.nuvem6 {
	
    	animation: contranuvem 100s alternate linear infinite;
	-webkit-animation:contranuvem 100s alternate linear infinite;
	-moz-animation:vainuvem 100s alternate linear infinite;
	-ms-animation:vainuvem 100s alternate linear infinite;
}
.informacoes {
	
    	animation: contranuvem 400s alternate linear infinite;
	-webkit-animation:contranuvem 400s alternate linear infinite;
	-moz-animation:contranuvem 400s alternate linear infinite;
	-ms-animation:contranuvem 400s alternate linear infinite;
}
.turmas {
		
    	animation: vainuvem 100s alternate linear infinite;
	-webkit-animation:vainuvem 400s alternate linear infinite;
	-moz-animation:vainuvem 400s alternate linear infinite;
	-ms-animation:vainuvem 400s alternate linear infinite;
}
.contato {
	animation: contranuvem 300s alternate linear infinite;
	-webkit-animation:contranuvem 300s alternate linear infinite;
	-moz-animation:contranuvem 300s alternate linear infinite;
	-ms-animation:contranuvem 300s alternate linear infinite;
}


@keyframes vainuvem {
from{transform: translate(-20%,10%) translate3d(0,0,0);}
to{transform: translate(100%,0) translate3d(0,0,0);}
}

@keyframes contranuvem {
from{transform: translate(0,0) translate3d(0,0,0);}
to {transform: translate(-300%,0) translate3d(0,0,0);}
}

@-webkit-keyframes vainuvem{
0%{-webkit-transform: translate(-20%,10%) translate3d(0,0,0);}
			
100% {-webkit-transform: translate(100%,0) translate3d(0,0,0);}
}

@-moz-keyframes vainuvem{
0%{-moz-transform: translate(-80px,10px) translate3d(0,0,0);}

100%{-moz-transform: translate(100px,0) translate3d(0,0,0);}
}

@-webkit-keyframes contranuvem {
from{-webkit-transform: translate(0,0) translate3d(0,0,0);}
to {-webkit-transform: translate(-300%,0) translate3d(0,0,0);}
}

@-moz-keyframes contranuvem {
0%{-moz-transform: translate(0,0) translate3d(0,0,0);}
100% {-moz-transform: translate(-300px,0) translate3d(0,0,0);}
}



button, a {transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	}
button:hover, a:hover {transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	}

section{
width: 100%;
position:relative;
padding:0;
z-index:1;
}

	
/* nav footer */
.footer {
	padding:0;
	overflow: hidden;
	clear: both;
	font:18px helvetica;
	font-weight:bold;
  	text-align: center;
	margin:0;
	width:100%;
}

.footer a {		
	text-decoration: none;
	color:transparent;
	line-height: 100%;}

.container {width:100%;
	height:auto;
	margin:0;
	padding:32px 0 14px 0;
}

.container-fundo{background:rgba(0,0,0, 0.2);}	

.footer nav {
	width:185px;
	display: inline-block;
  text-align: left;
  vertical-align: top;
	margin-left:10px;
	margin-bottom:0;
	
}

.footer nav ul {padding:0; margin:0;}
.footer nav li {list-style: none;}
.footer nav a {
	color:rgb(4,58,33);
	background:none;
	text-decoration: none;
	padding-bottom:7px;
	display: block;}
.footer nav a:hover {
	color:rgb(255,204,0);
	text-decoration:underline;}
	
.footer h1 {
	width:170px;
	display: inline-block;
	padding: 0;
  margin-right: 30px;
  margin-bottom:0;
}

.footer h1 a {
	display: inline-block;
	background: url(../img/trem.svg) no-repeat bottom;
	width:170px; height:140px; padding: 0;
	font-family: 'Rancho', cursive; font-size: 30px;font-weight:bold;
	margin: 10px 0 0;}

.footer h1 a:hover {color:transparent;}

.footer h4 {
	font-family: 'Rancho', cursive; font-size: 42px;
	text-shadow:1px 1px 0 #444;
	color:rgb(255,255,255);
	padding: 0; margin: 10px 0 0;}
	
.footer span { font:14px helvetica; color:rgb(0,0,0); font-weight:normal;}

/* icon bar */
.icon-bar {
    width: 100%;
    text-align: center;
    overflow: auto;
	background:rgba(0,0,0, 0.8);
	position:fixed;bottom:0px;z-index:3;
}

.icon-bar-top {
    width: 100%;
    text-align: center;
    overflow: auto;
	background:rgba(0,0,0, 0.8);
	position:fixed;top:0px;z-index:3;
}

.icon-bar a, .icon-bar-top a {
    width: 20%;
    padding: 12px 0;
    float: left;
    transition: all 0.3s ease;
    color: white;
    font-size: 26px;
}

.icon-bar a:hover, .icon-bar-top a:hover{
     background:rgba(255,204,0, 0.9);
	 color:black;
}


.active {
	background:rgba(255,204,0, 0.9)!important;
color:black !important;
}

/* creditos */	
.credit {
	padding:26px 12px 60px ;
	color:rgb(255,255,255);
	text-align: center;
	font-weight:normal;
	width:100%;
	background:rgba(0,0,0, 0.8);
	}

.credit a {color:rgb(255,255,255);text-decoration:none; }
.credit i{padding:0px 8px;font-size:20px;}
.credit img {margin-bottom:-12px;}


/* Navegação Mobile */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255,255,153, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    padding: 60px 20px 0 ;
}
.sidenav li {
padding: 8px 8px 8px 32px;
display:block;
text-decoration:none;
transition: 0.3s;
border-top: 2px dashed #ffcc33;
}
.sidenav li:hover {background:rgba(255,204,0, 0.5);}

.sidenav a, .dropdown-content a {
	font-family: 'Rancho', cursive; font-size: 1.8em;
    text-decoration: none;
    color: #339933;
    display:block;
    transition: 0.3s;
}

.dropdown-content a{color:#0d6e45;}
.dropdown-hover .dropdown-content li {
padding: 8px 8px 8px 42px;
text-decoration:none;
transition: 0.3s;
border-top: 2px dashed #ffcc33;
background-color: rgba(255,255,153, 0.5);
}
.show{display:block!important}
.card-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.sidenav a:hover, .dropdown-content a:hover{
    color: #0d6e45;
}
.dropdown-hover .dropdown-content li:hover{background:rgba(255,204,0, 0.5);}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}



/*
.dropdown-hover:hover .dropdown-content {display:block;} */
.dropdown-content{display:none; margin-left:20px;}

/**desenho do lado da folha*/
.furoDaFolha{
	width:20px;
	height:20px;
	margin:18px 0 5px -18px;
	position:absolute;
	
	border-radius:50%;
	
	background-color:#130d06;
	
	box-shadow:
		0 75px 0 #130d06,
		0 150px 0 #130d06,
		0 225px 0 #130d06,
		0 300px 0 #130d06,
		0 375px 0 #130d06,
		0 450px 0 #130d06,
		0 525px 0 #130d06,
		0 600px 0 #130d06,
		0 675px 0 #130d06;
}
.rasgadoDaFolha{
	width:10px;
	height:12px;
	margin:22px 0 5px -20px;
	position:absolute;
	
	border-radius:0 15% 15% 0;
	
	background-color:#130d06;
	
	box-shadow:
		0 75px 0 #130d06,
		0 150px 0 #130d06,
		0 225px 0 #130d06,
		0 300px 0 #130d06,
		0 375px 0 #130d06,
		0 450px 0 #130d06,
		0 525px 0 #130d06,
		0 600px 0 #130d06,
		0 675px 0 #130d06;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}




#socialmobile {padding-left:30px;}
#socialmobile a{width:50px;height:50px;float:left;border-radius:50%;border: 2px dashed #ffcc33; background:rgba(255,204,0, 0.5); margin:10px 6px 10px 0px; padding:6px;text-align:center;}

#socialmobile a:hover{background:#ffcc33; border:1px dashed #ffff99;}
#socialmobile img{width:100%;float:left;}


/* background-image: linear-gradient(141deg, rgb(15, 184, 173) 0%, rgb(31, 200, 219) 51%, rgb(44, 181, 232) 75%); */

article h1, article h2, article h3, #nuvemTurma h3, .boasvindas h1{font-family: 'Rancho', cursive;}

#nuvemTurma h3{font-size:32px;}
#nuvemTurma div div:hover{text-shadow:1px 1px 0 #444;}
.nuvemturma, .nuveminfo {cursor:pointer;text-align:center;overflow:hidden;}
#nuvemturma5{max-width:40%;margin:auto;}

#nuvemInfo h3{font-size:32px;margin:50px;font-family: 'Rancho', cursive;}
.nuveminfo .w3-display-left{margin:20px 0 0 46px;}
.nuveminfo i:hover{text-shadow:2px 2px 4px #444;}


.um {
-ms-transform:rotate(-20deg); /* IE 9 */
-moz-transform:rotate (-20deg);
-webkit-transform:rotate(-20deg); /* Chrome, Safari, Opera */
transform:rotate(-20deg); /* Standard syntax */
}
.dois {
margin:30% 1% 0;
-ms-transform:rotate(20deg); /* IE 9 */
-moz-transform:rotate (20deg);
-webkit-transform:rotate(20deg); /* Chrome, Safari, Opera */
transform:rotate(20deg); /* Standard syntax */
}
.moveum{transition: 0.5s linear;}
.moveum:hover {
-ms-transform:rotate(-10deg); /* IE 9 */
-moz-transform:rotate (-10deg);
-webkit-transform:rotate(-10deg); /* Chrome, Safari, Opera */
transform:rotate(-10deg); /* Standard syntax */
}

.filosofiatr, .news, .diferenciais{position:relative;z-index:2;padding:16px 16px;
background-color:white;
}
.filosofiatr, .boasvindas, .diferenciais{background-image:url(../img/fundo-abc2.svg) ;
	background-repeat:repeat;
	background-size:60%;
	background-position:right;
}
.destaque{font-family: 'Rancho', cursive;font-size:26px;}
.filosofiatr article, .boasvindas, .news article{border:2px dashed #ffcc00;}
#diferenciais p {text-indent:1em;}

.proximo:hover i{text-shadow:1px 0px 1px #444;}
.anterior:hover i{text-shadow:-1px 0px 1px #444;}


.sec-turmas li{list-style:none;}
.sec-turmas a{font-size:12px;color:grey;text-decoration:none;}
.sec-turmas a:hover{text-decoration:underline;}
.sec-turmas span{font-family: 'Rancho', cursive;font-size:24px;}
table {
    width: 100%;border-collapse: collapse;
}
td{min-width:160px;vertical-align:top; padding:2px;}
.sec-turmas tr > td:nth-child(2) {vertical-align:middle}
.sec-turmas tr > td:nth-child(3) {vertical-align:middle;}

.boxcalendario{position:relative;z-index:2;}

.fundonuvem{
	background:url(../img/nuvem.svg) ;
	background-repeat:no-repeat;
	background-size:100%;
}

.fundo-cabecalho {margin:-80px -20px 0px;}

.cabecalho h1{padding-top:0px;font-family: 'Rancho', cursive; font-size:40px;
text-shadow:1px 1px 0 #444;}
.cabecalho i {text-shadow:1px 1px 0 #444;}
	
.calendario .w3-row > .w3-col {width:14%;padding:1% 3% 3% 1%;border-left:1px solid lightblue;border-bottom:1px solid lightblue;overflow:hidden;text-align:left;}
.calendario .w3-row > .w3-col p{text-align:left;padding-left:4px;}
.calendario .w3-row > .w3-col:hover{background-color:rgba(255,255,153, 0.5);color:black;}
.calendario .w3-row > .w3-col:first-child{border-left:none;width:15%;}
.calendario .w3-row:first-child{font-weight:bold;}
.calendario .w3-row:first-child > .w3-col{padding:1%;}
.calendario .w3-row:first-child > .w3-col p{text-align:center;}
.calendario .w3-row > .w3-col:last-child{width:15%;}
.calendario a{cursor:pointer;}
.calendario {font-size:16px;background-image:url(../img/fundo-abc.svg) ;
	background-repeat:repeat;
	background-size:60%;
	background-position:right;
}
.top-calendar {
	color:rgb(255,255,255);
}
.top-calendar p{
	font-family: 'Rancho', cursive; font-size:30px;
	text-shadow:1px 1px 0 #444;
}
.top-calendar a{font-size:20px;padding:10px;}
.top-calendar a:hover{text-shadow:1px 1px 0 #444;padding-left:0px;padding-right:20px;}
.top-calendar .w3-right:hover{padding-right:0px;padding-left:20px;}

.calendario > .w3-row:last-child{padding-top:18px;padding-bottom:18px;} /* --- rodape calendario */
.calendario .data > .icon {padding:2% 2% 1%;cursor:pointer;}
.calendario .data > .evento p{text-align:left;font-weight:bold;}
.calendario .data > .evento a{text-decoration:none;}
.calendario .data > .evento:hover{cursor:pointer;}
.calendario .data > .niver {background-color:white;background-image:url(../img/trem.svg) ;	background-repeat:no-repeat;
	background-size:60%; background-position:right;}
.calendario .data > .confetes {background-color:white;background-image:url(../img/confetes.png);background-repeat:no-repeat;
	background-size:60%; background-position:right; }
	
.feriado, .feriado:hover{color:red;font-weight:bold;}
.bold{font-weight:bold;}

.mulher{color:hotpink;font-weight: bold;background-color: white;background-image:url(../img/olho.svg);background-repeat:no-repeat;
	background-size:60%; background-position:center;}
.maes{color: lightpink;background-color:;background-image:url(../img/coracoes.svg);background-repeat:no-repeat;
	background-size:100%; background-position:bottom;font-weight: bold;cursor: pointer;}
.diamaes{color: lightpink;background-color:;background-image:url(../img/coracao.svg);background-repeat:no-repeat;
	background-size:40%; background-position:center;font-weight: bold;cursor: pointer;}
.pais{background-color:white;background-image:url(../img/confetes.png);background-repeat:no-repeat;
	background-size:60%; background-position:right;}
.reuniao{background-color:white;background-image:url(../img/.png);background-repeat:no-repeat;
	background-size:60%; background-position:right;font-weight: bold;color:#2196f3;}
.pascoa{background-color:white;background-image:url(../img/ovos.svg);background-repeat:no-repeat;
	background-size:100%; background-position:bottom;color:#00bcd4; font-weight: bold;cursor: pointer;}
.passeio{background-color:white;background-image:url(../img/trem.svg), url(../img/confetes.png);background-repeat:no-repeat;
	background-size:60%, 80%; background-position:right;color: dodgerblue;}
.mostra{background-color:white;background-image:url(../img/confetes.png);background-repeat:no-repeat;
	background-size:60%; background-position:right;color: limegreen;}

.inverno{background-color:white;background-image:url(../img/);background-repeat:no-repeat;
	background-size:60%; background-position:right;color: limegreen;}
.junina{background-color:yellow;background-image:url(../img/confetes.png);background-repeat:no-repeat;
	background-size:60%; background-position:right;color: limegreen;}

.poesia{background-color:white;background-image:url(../img/flor.svg);background-repeat:no-repeat;
	background-size:100%; background-position:right;}
.outono{background-color:white;background-image:url(../img/folha.svg);background-repeat:no-repeat;
	background-size:60%; background-position:right;}
.carnaval{background-color:white;background-image:url(../img/trem-carnaval.svg), url(../img/confetes.png) ;	background-repeat:no-repeat;
	background-size:60%; background-position:right;}

.calendario .data > .icon i{font-size:2.2em;}


#atual{font-weight:bold;color:white;text-shadow:1px 1px 0 #444;}

#datas-comemorativas{border:2px dashed #ffcc00;padding:20px 10px;min-height:400px;overflow: auto;} #datas-comemorativas h2{font-family:'Rancho', cursive;}
#datas-comemorativas a{display:inline-block;padding:12px 16px;margin:10px;font-size:14px;text-decoration:none;color:white;box-shadow:1px 1px 0px #444;}
#datas-comemorativas li:nth-child(1) a{background-color:blue;}
#datas-comemorativas li:nth-child(2) a{background-color:purple;}
#datas-comemorativas a:hover{box-shadow:2px 2px 4px #444;color:#ffcc00;}

#retorno{background-image:url(../img/fundo-abc.svg) ;	background-repeat:no-repeat;
	background-size:100%; background-position:center;}
#recesso {background-image:url(../img/trem-carnaval.svg), url(../img/confetes.png) ;	background-repeat:no-repeat, repeat;
	background-size:20%, 30%; background-position:top left, bottom;}
#niver{background-image:url(../img/trem.svg) ;	background-repeat:no-repeat;
	background-size:20%; background-position:right;}
#poesia{background-image:url(../img/flores.svg) ;	background-repeat:no-repeat;
	background-size:100%; background-position:top;}
#outono{background-image:url(../img/trem-outono.svg) ;	background-repeat:no-repeat;
	background-size:20%; background-position:top left;}


#pascoa{background-image:url(../img/trem-pascoa.svg) ;	background-repeat:no-repeat;
	background-size:20%; background-position:right;}
#maes{background-image:url(../img/trem-coracao.svg) ;	background-repeat:no-repeat;
	background-size:14%; background-position:right;}
	
	
#back-top {position:fixed;bottom:60px;margin-left:49%;z-index:3;}
#back-top a{display:block;

color:rgba(255,204,0, 0.8);font-size:36px;font-weight:bold;text-align:center;
transition:2s;text-shadow:1px 1px 0 #444;
}

#back-top a:hover{font-weight:normal;cursor:pointer;color:rgba(255,204,0, 1);}


@media all and (max-width: 500px){

#back-top{margin-left:46%;}

}

#credit{position:relative;margin-bottom:1%;margin-left:90%;z-index:3;color:grey;}
#credit a{color:grey;}




/* ======================= CONTATO ======================= */

#form-div {background-color:#fff;margin:0;position: relative;border:2px dashed #ffcc00;padding:40px 36px;}

.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 32px;
	margin-bottom: 10px;
	width:100%;
  border: 2px solid #e3e5e5;
  border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
}
.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 2px solid #ffcc00;
	color: #ff6600;
	outline: none;
  padding: 13px 13px 13px 32px;
}
.focused{
	color:#000;
	border:#ffcc00 solid 2px;
	border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
}

/* Icons ---------------------------------- */
#name{
	background-image: url(../icon/name.png);
	background-size: 20px 20px;

	background-position: 6px 14px;
	background-repeat: no-repeat;
}

#name:focus{
	background-image: url(../icon/name.png);
	background-size: 20px 20px;

	background-position: 6px 14px;
	background-repeat: no-repeat;
}

#telefone{
	background-image: url(../icon/phone.png);
	background-size: 20px 20px;

	background-position: 6px 14px;
	background-repeat: no-repeat;
}

#telefone:focus{
	background-image: url(../icon/phone.png);
	background-size: 20px 20px;

	background-position: 6px 14px;
	background-repeat: no-repeat;
}

#email{
	background-image: url(../icon/email.png);
	background-size: 20px 20px;

	background-position: 6px 14px;
	background-repeat: no-repeat;
}

#email:focus{
	background-image: url(../icon/email.png);
	background-size: 20px 20px;

	background-position: 6px 14px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(../icon/comment.png);
	background-size: 20px 20px;

	background-position: 6px 14px;
	background-repeat: no-repeat;
}

#assunto, #list{
	padding-left:15px;	
}

#assunto:focus, #list:focus{
	padding-left:15px;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-teal{
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #ffcc00 solid 3px;
	cursor:pointer;
	background-color: #fff;
	color:#ffcc00;
	font-size:26px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:px;
  font-weight:700;
  height: 80px;
  border-radius:7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;
}

#button-teal:hover{
	background-color: transparent;
	color: #fff;
	border:3px solid #ffcc00
}

	
.ease {
	width: 0px;
	height: 80px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
	border-radius:7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;
}

.submit:hover .ease{
  width:100%;
  background-color:#ffcc00;
}


#divmusica{
	border-bottom-style:dashed ; border-right-style:dashed; border-left-style:dashed ;border-top-style:dashed;
	border-bottom-width:2px ; border-right-width:2px; border-left-width:2px ; border-top-width:0;
	border-bottom-color:#ff6666 ; border-right-color:#ff6666  ; border-left-color:#ff6666 ; }

#divbale{
	border-bottom-style:dashed ; border-right-style:dashed; border-left-style:dashed ; border-top-style:dashed;
	border-bottom-width:2px ; border-right-width:2px; border-left-width:2px ; border-top-width:0;
	border-bottom-color:#ff9999 ; border-right-color:#ff9999  ; border-left-color:#ff9999 ; }

#divcapoeira{
	border-bottom-style:dashed ; border-right-style:dashed; border-left-style:dashed ; border-top-style:dashed;
	border-bottom-width:2px ; border-right-width:2px; border-left-width:2px ; border-top-width:0;
	border-bottom-color:#ffcc33 ; border-right-color:#ffcc33  ; border-left-color:#ffcc33 ;  }

#divingles{
	border-bottom-style:dashed ; border-right-style:dashed; border-left-style:dashed ; border-top-style:dashed;
	border-bottom-width:2px ; border-right-width:2px; border-left-width:2px ; border-top-width:0;
	border-bottom-color:#339966 ; border-right-color:#339966  ; border-left-color:#339966 ; }	
	
	
	
	
.lista, .lista-texto, .lista-blossom,.lista-musica, .lista-yellow,.lista-ing{
	list-style:none;
	
	}

.lista li{
	margin-left:16px;
	margin-bottom:12px;
}

.lista-blossom li:before{content: "❀";
    margin-right: 0.2em;
	font-size:20px;
	color:#ff9999;
}

.lista-musica li:before{content: "\266B";
    margin-right: 0.2em;
	font-size:20px;
	color:#9c27b0;
}

.lista-ing li:before{content: "\2691";
    margin-right: 0.2em;
	font-size:20px;
	color:#339966;
}


.lista-texto li:before{content: "\273D";
    margin-right: 0.2em;
	font-size:20px;
	color:#9c27b0;
}

.lista li:before{content: "\273D";
    margin-right: 0.2em;
	font-size:20px;
	color:#9c27b0;
}


.lista dd:before{content: "\25B8";
    margin-right: 0.2em;
	font-size:16px;
	color:#ffcc33;
}

.list dd:before{content: "\25B8";
    margin-right: 0.2em;
	font-size:16px;
	color:#339966;
}

.lista dt{font-weight:bold;}

.top-um dt:before{content: "\0031";
    margin-right: 0.2em;
	font-size:16px;
	color:#ffcc33;
}

.top-dois dt:before{content: "\0032";
    margin-right: 0.2em;
	font-size:16px;
	color:#ffcc33;
}