@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
html, body {width:100%;
			background-color: #E6E6E6; 
			font-family: 'Roboto', sans-serif;
			font-size:100%;
			height:100%;
			color:#333;
			font-weight:300;}
			
#wrap {height: 100%;}
img {max-width:100%}
.centro {width:1000px; height:auto; margin:0 auto;}

p {line-height:24px; margin-bottom:15px;}

h1 {font-size:225%; font-weight:300; background:#E6E6E6; margin-bottom:30px;}
h2 {font-size:112%; font-weight:400; margin-top:15px;}
h2.importante {font-size:150%; font-weight:400; margin:0 0 10px 0; color:#F00; width:100%; float:left}
h3.importante {font-size:125%; font-weight:400; margin:0 0 10px 0; color:#F00; background:none; width:100%; height:auto; float:left; padding:0 0;}
h3 {font-size:150%; font-weight:300; background:url(../img/bg-login.jpg) top repeat-x; height:60px; float:right; width:405px; padding:20px 10px 0px 10px;}
h4 {display:none; float:right; margin-right:10px; margin-top:15px; color:#FFF; font-weight:300;}
h6 {font-size:125%; font-weight:400; margin-top:25px; margin-bottom:15px;}
h6.importante {margin-bottom:15px;}

body > #wrap {height: auto; min-height: 100%;}

header {width:100%; height:auto; float:left; min-width:1024px; box-sizing: content-box !important; background:url(../img/bg-topo.jpg) top repeat-x #EEEEEE;}
header #logo {width:200px; height:125px; float:left; margin-top:10px;}
header #slogan {width:auto; float:right; text-align:center; margin-top:20px;}
header #slogan h1 {font-size:160%; background:none;}
header #slogan h1 span {font-weight:500; font-size:132.5%}
header .menu {width:100%; float:left; background:#666; margin-top:15px; font-size:100%; font-weight:300;}
header .menu nav ul li {display:inline; margin:0 0;}
header .menu nav ul li a {color:#FFF; text-decoration:none; padding:10px 20px; background:#666; float:left}
header .menu nav ul li a:active {color:#FFF; text-decoration:none;}
header .menu nav ul li a:visited {color:#FFF; text-decoration:none;}
header .menu nav ul li a:hover {color:#FFF; text-decoration:none; background:#BA0000;}

main {width:100%; height:auto; float:left; padding-bottom:220px; min-width:1024px; box-sizing: content-box !important;}
main figure {width:100%; height:auto; float:left; margin-bottom:15px;}
main figure img {width:100%; height:auto; float:left;}

main .categoria {width:184px; height:auto; background:#B00000; text-align:center; font-size:112.5%; color:#FFF; float:left; margin-right:20px; padding:25px 0px;}
main .categoria:nth-child(5) {margin-right:0px;}
main .categoria:hover {background:#000;}

main section {width:100%; height:auto; float:left;}
main section #pesquisa-home {width:100%; height:auto;box-shadow: 2px 2px 20px #666; margin-bottom:40px; -webkit-box-shadow: 2px 2px 20px #666; -moz-box-shadow: 2px 2px 20px #666; float:left; margin-top:30px; padding:4px 4px;border:1px solid #EEE;}
main section header {height:auto; text-align:center; margin-top:20px; color:#000; min-width:950px; background:none;}
main section #login {width:470px; height:350px; background:#FFF; border:1px solid #EEE; padding:4px 4px; float:left;box-shadow: 2px 2px 20px #666; margin-bottom:40px; -webkit-box-shadow: 2px 2px 20px #666; -moz-box-shadow: 2px 2px 20px #666; box-sizing: content-box !important;}
main section #login header {width:100%; height:60px; float:left; min-width:470px; margin-top:0px; color:#666; text-align:left;}
main section #login header img {float:left; margin-right:5px;}

main section #apresentacao {width:470px; height:350px; background:#FFF; border:1px solid #EEE; padding:4px 4px; float:right;box-shadow: 2px 2px 20px #666; margin-bottom:40px; -webkit-box-shadow: 2px 2px 20px #666; -moz-box-shadow: 2px 2px 20px #666; box-sizing: content-box !important;}
main section #apresentacao header {width:100%; height:60px; float:left; min-width:470px; margin-top:0px; color:#666; text-align:left;}
main section #apresentacao header img {float:left; margin-right:5px;}

main section article p {text-align:justify; width:100%; float:left}
main section img.como-funciona {width:100%; height:auto; float:left; margin-bottom:30px;}
main section img.parceiro {width:auto; height:auto; float:left; margin-bottom:20px; max-width:100%}

.noticia-nova {width:100%; height:auto; float:left; background: #E8E8E8; padding:20px 20px; margin:0 0 20px 0;}
.noticia-nova h1 {font-size:200%; color:#333; font-weight:700; margin:0 0 5px 0;}
.noticia-nova h6 {font-size:87.5%; color:#999; font-weight:300; margin:0 0 10px 0;}
.noticia-nova img {width:100%; height:auto; float:left; max-width:100%;}
.noticia-nova p {margin-bottom:15px;}
.noticia-nova a {color:#FFF; text-decoration:none; float:left; padding:10px 20px; background:#F90;}
.noticia-nova a:active {color:#FFF; text-decoration:none;} 
.noticia-nova a:visited {color:#FFF; text-decoration:none;} 
.noticia-nova a:hover {color:#FFF; text-decoration:none; background:#666;} 

main section footer {height:auto; margin-top:30px; background:none; min-width:1000px;}
main section footer a {color:#FFF; text-decoration:none; border-left:3px solid #000; background:#666; padding:10px 15px;}
main section footer a:active {color:#FFF; text-decoration:none;}
main section footer a:visited {color:#FFF; text-decoration:none;}
main section footer a:hover {color:#FFF; text-decoration:none; background:#000;}

section.squeeze {width:100%; height:auto; float:left; padding-top:40px;}
section.squeeze .container {background:url(../img/alunos.png) left bottom no-repeat;}
section.squeeze h1 {width:100%; float:left; text-align:center; font-size:250%; color:#BA0001; font-weight:700; margin:0 0; background:none;}
section.squeeze h2 {width:100%; float:left; text-align:center; font-size:125%; color:#333; font-weight:400; margin:0 0 20px 0; background:none;}
section.squeeze .left {width:100%; height:auto; float:left; margin-bottom:80px;}
section.squeeze .left img {bottom:0; position:relative}
section.squeeze img {max-width:100%}
section.squeeze form {width:100%; float:left}
section.squeeze input {width:100%; margin-bottom:15px; border-radius:5px; background:#FFF; border:1px solid #999; padding:8px 10px; color:#BA0001; float:left}

section.vermelho {background:#BA0001; width:100%; height:auto; float:left; padding:25px 0;}
section.vermelho input.btn {background:#333; font-size:225%; text-align:center; color:#FFF; font-weight:700; padding:15px 0; border-radius:5px; border:1px solid #FFF; margin-top:20px; width:100%; float:left; text-align:center}
section.vermelho input.btn:hover {background:#000;}

section.squeeze2 {width:100%; height:auto; float:left; padding-top:40px; background:url(../img/img2.jpg) bottom repeat-x}
section.squeeze2 h1 {width:100%; float:left; text-align:center; font-size:250%; color:#BA0001; font-weight:700; margin:0 0; background:none;}
section.squeeze2 h2 {width:100%; float:left; text-align:center; font-size:125%; color:#333; font-weight:400; margin:0 0 20px 0; background:none;}
section.squeeze2 .left {width:100%; height:auto; float:left; margin-bottom:80px;}
section.squeeze2 form {width:100%; float:left}
section.squeeze2 form input {width:100%; margin-bottom:15px; border-radius:5px; background:#FFF; border:1px solid #999; padding:8px 10px; color:#BA0001; float:left}
section.squeeze2 form input.btn {background:#333; font-size:225%; text-align:center; color:#FFF; font-weight:700; padding:15px 0; border-radius:5px; border:1px solid #FFF; margin-top:50px; width:100%; float:left; text-align:center}
section.squeeze2 form input.btn:hover {background:#000;}


section.quatro {background:#CDCDCD; text-align:center; padding:40px 0;}
section.quatro h1 {color:#000; font-size:200%; font-weight:400; margin:0 0 40px 0; background:none}
section.quatro .chamada {width:100%; height:auto; float:left; background:#FFF; border-radius:5px; padding:20px 10px; margin-bottom:20px;}
section.quatro .chamada h2 {color:#333; font-size:125%; font-weight:300;}
section.quatro .chamada img {height:80px; margin-bottom:15px}


.teste01 {width:65%; float:left;}

.teste02 {width:35%; float:left; text-align:center; padding-top:60px;}

.boxVideo {
	margin-top:60px;
	position: relative;
    padding-bottom: 56.25%; 
    height: 0;
}
.boxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	float:left;
	margin-top:20px;
}

footer { position:relative; bottom:0; width:100%; height:auto; margin-top:-200px; clear:both; float:left; background:#222; color:#FFF; min-width:1024px; box-sizing: content-box !important; text-align:center; color:#FFF;}

footer .facebook {width:100%; height:auto; float:left; text-align:center; margin-bottom:15px;}

img.aparece {display:block;}
img.btn-responsive {display:none;}


/* Estilo para tablet */
@media only screen and (min-width:481px) and (max-width:768px) {
h1 {font-size:180%; font-weight:300; background:#FFF; margin-bottom:30px;}
h3 {font-size:130%; float:left; width:100%;}
h4 {display:block; color:#666;}

.centro {width:95%; min-width:481px; max-width:768px;}
header {height:auto; min-width:481px; max-width:768px;}
header #logo {width:30%; height:auto;}
header #slogan {width:65%;}
header #slogan h1 {font-size:112.5%;}
header #slogan h1 span {font-weight:500; font-size:100%} 
header nav {width:100%; float:left; height:auto; background:#666;}
header nav ul {margin-top:0px;}
header nav ul li {display:block; margin:0 0px;}
header nav ul li a { color:#FFF; padding:10px 0px; border-bottom:1px solid #FFF; float:left; width:100%; text-align:center;}
header nav ul li a:active {color:#FFF;}
header nav ul li a:visited {color:#FFF;}

main {min-width:481px; max-width:768px;}

main .categoria {width:32%; height:auto; font-size:80%; margin-bottom:10px; margin-right:1%;}
main .categoria img {width:auto; height:50px; clear:both;}

main section header {height:auto; text-align:center; margin-top:50px; color:#000; min-width:0px; max-width:768px;}

main section #login {width:47%; height:auto; float:left; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
main section #login header {width:100%; height:60px; min-width:0px;}
main section #login header img {display:none;}

main section #apresentacao {width:47%; height:auto; float:right; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }
main section #apresentacao header { height:60px; min-width:0px;}
main section #apresentacao header img  {display:none;}

main section footer {min-width:481px;}

section.squeeze .left {margin-bottom:20px}
section.squeeze .container {background:none;}
footer {min-width:481px; max-width:768px; font-size:100%; font-weight:300;}
}
/* Estilo para smartphone */
@media only screen and (min-width:0px) and (max-width:480px) {
h1 {font-size:150%; font-weight:300; background:#FFF; margin-bottom:30px;}
h3 {font-size:130%; float:left; width:100%;}
h4 {display:block;}

.centro {width:95%; min-width:0px; max-width:480px;}

header {height:auto; min-width:0px; max-width:480px;}
header #logo {width:30%; height:auto; text-align:center; margin-bottom:20px; margin-top:20px;}
header #slogan {width:65%;}
header #slogan h1 {font-size:92%;}
header #slogan h1 span {font-weight:500; font-size:87.5%} 
header nav {width:100%; float:left; height:auto; background:#666;}
header nav ul {margin-top:0px;}
header nav ul li {display:block; margin:0 0px;}
header nav ul li a { color:#FFF; padding:10px 0px; border-bottom:1px solid #FFF; float:left; width:100%; text-align:center;}
header nav ul li a:active {color:#FFF;}
header nav ul li a:visited {color:#FFF;}



main {padding-bottom:0px; min-width:0px; max-width:480px;}

main .categoria {width:48%; height:auto; font-size:80%; margin-right:0px; margin-bottom:10px; padding:10px 0px;}
main .categoria:nth-child(2n+2) { float:right; margin-right:0px;}
main .categoria img {width:auto; height:30px; clear:both;}

main section header {height:auto; text-align:center; margin-top:0px; color:#000; min-width:0px; max-width:768px;}
main section #login {width:97%; height:auto; float:left; box-shadow:none; margin-bottom:40px; -webkit-box-shadow:none; -moz-box-shadow:none;}
main section #login header {width:100%; height:60px; min-width:0px;}
main section #login header img {display:none;}

main section #apresentacao {width:97%; height:auto; float:left; box-shadow:none; margin-bottom:40px; -webkit-box-shadow:none; -moz-box-shadow:none; }
main section #apresentacao header { height:60px; min-width:0px;}
main section #apresentacao header img  {display:none;}

main section footer {min-width:0px;}

footer {margin-top:20px; min-width:0px; max-width:480px; font-size:80%; height:auto; padding:0px 0px 25px 0px; font-weight:300;}


section.squeeze .left {margin-bottom:20px}
section.vermelho input.btn {font-size:160%; margin-top:30px;}

section.squeeze .container {background:none;}

.teste01 {width:100%; float:left;}

.teste02 {width:100%; float:left; text-align:center; padding-top:60px; font-size:87.5%}
.teste02 img {max-width:100%}
img.btn-responsive {display:block;}
img.aparece {display:none}
}



#paginacao{float:left;margin-top:20px;width:100%}
#paginacao a,.pgsel{color:#999;float:left;width:30px;height:30px;line-height:30px;text-align:center;border:#EFEFEF 1px solid;margin-right:3px;text-decoration:none}
#paginacao a:hover{background:#666666; color:#FFF}
.pgsel{background:#F90;color:#FFF;float:left}