@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body { background:#000; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; }

a{ color:#3B277B; }
p { margin: 8px 0; }

h1, h3, h5 { color: #FFFFFF; }
h2, h4 { color: #CCCCCC; }

/* #Site Styles
================================================== */
#siteOff { margin-top: 10px; text-align:center; } 

#logoPagina { height: 80px; text-align:center; }
#logoPagina img{ width: 240px; margin-top: 20px; }

.navBackground { margin: 0 auto; padding: 0; opacity:0.5; height: 150px; margin-bottom: -150px; display:block; }
#inicioBanner { margin: 0 auto; padding: 0; height: 150px; background:#000000; }
#inicioBanner a {
	display:block;
	height:150px;
	text-decoration:none;
	z-index: 0;
}

.nav { height: 80px; position:relative; }
#nav { opacity:1; float:right; margin: 0; }
#nav nav {
	display: none;
	margin: 0;
	padding: 40px 0;
	text-align:center;
}
#nav nav a{
	padding: 0 20px;
	text-decoration: none;

	color:#FFF;
	font-size: 26px;
}
#nav nav a:hover { color:#CCC; text-decoration: none; }

.menu{ display: inline-block; cursor: pointer; margin: 20px 0; width: 40px; display: block; float:right; }
.menu strong{ float:right; margin-right: 50px; margin-top: 5px; color: #FFFF00; }
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #FFFF00;
    margin: 6px 0;
    transition: 0.4s;
	border-radius: 2px;
}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

.navMobile { display:none; }
.change { display:block; }

#navMobile nav { margin-bottom: 10px; text-align:center; }
#navMobile nav a{
	font-size: 25px;
	color: #FFFFFF;
	
	position: relative;
	margin: 0px;
	padding: 5px 0;
	display:block;
	text-align:center;
	text-decoration:none;
}
#navMobile nav a:first-of-type{ }
#navMobile nav a:last-child{ }

.footer {
	color: #999999;
	
	background: #000000;
	padding: 15px 0;
}

.footer p{ margin: 5px 0; }

.footer a{
	color:#FFF;
	text-decoration: none;
}

.ordepweb{ 
	font-size: 10px; text-align:right;
	
	padding-top: 30px;
}
.ordepweb span{ margin-right:-25px; }

.textCenter { text-align:center; }

/* #Paginas Styles
================================================== */
.pagina { text-align:justify; min-height: 500px; padding: 30px 0 50px; }

/* #Noticias Styles
================================================== */
.noticia { font-size:14px; text-align:justify; min-height: 500px; padding: 30px 0 50px; }
.noticia img { max-height: 400px; max-width: 100%; margin: 10px auto; display: block; }
.noticia a { color: #FC0; }
.noticia h2, .noticia h5 { margin: 0; padding: 5px 0; }
.noticia h6 { color: #666; }
.noticia .hr { border-bottom: #666 solid thin; }

/* #Inicio Styles
================================================== */
.inicioCurso { padding: 20px 0 50px;}
.inicioCurso img { width: 100%; display: block; margin: 10px auto; }
.inicioCurso button { border-color:#FC0; background:#FF0; color:#333; width: 100%; display:block; margin: 5px auto; padding: 5px; }

.inicioEmpresa { padding: 20px 0 50px; background:#151515; }
.inicioNoticias { padding: 20px 0 50px; }

.inicioCurso p, .inicioEmpresa p, .inicioTexto p { text-align:justify; }
.inicioEmpresa p { margin: 0; padding: 0; }

#formularioCurso { text-align: center; }

/* #Parceiros Styles
================================================== */
.parceiros { padding: 20px 0 20px; background: #FFFFFF; }
.parceiros h1 { color: #333333; }
.parceiros div div { text-align: center; }
.parceiros img { max-width: 100%; padding-bottom: 30px; }

/* #Contato Styles
================================================== */
.contato { padding: 20px 0 0; background: #F3F3F3; color: #000000; }
.contato h1, .contato h3, .contato h5 { color: #333333; }
.contato h2, .contato h4 { color: #666666; }
.contato .telefoneContato { font-size: 20px; }
#contato ul{ list-style: none; margin: 0; padding: 0;}
#contato li{ margin-top: 0; margin-bottom: 0; }
#contato form{ margin: 0; padding: 0; }
#contato label{ margin: 0; padding: 0; }

@media (min-width: 400px) {
#logoPagina { height: 120px; }
#logoPagina img{ width: 330px;}

.navBackground { height: 200px; margin-bottom: -200px; }
#inicioBanner, #inicioBanner a { height:200px; }
}

@media (min-width: 550px) {
#logoPagina { height: 160px; }
#logoPagina img{ width: 450px;}

.navBackground { height: 230px; margin-bottom: -230px; }
#inicioBanner, #inicioBanner a { height:230px; }

.inicioCurso img { width: 80%; }
.inicioCurso button { width: 80%; font-size: 18px; }

.noticia img { max-width: 600px; }
}

@media (min-width: 750px) {
#logoPagina { text-align:left; margin-left: 20px; }
}

@media (min-width: 1000px) {
	/* #Site Styles */
	.menu { display: none; }
	#nav nav { display: block; }
	
	#logoPagina { height: 160px; }
	#logoPagina img{ width: 450px;}
	
	.navBackground { height: 260px; margin-bottom: -260px; }
	#inicioBanner, #inicioBanner a { height:260px; }
}

@media (min-width: 1200px) {

}
@media (min-width: 1900px) {

}