body, html {
	widows: 100%;
	height: 100%;
	background-color: #f6f6f6;
	font-family: 'Open Sans', sans-serif;
}

.line-header {
	background-color: #0096dd;
	background-image: url(../images/header.png);
	background-position:  center top;
	background-repeat: no-repeat;
}

.line-header .col-header {
	height: 298px;
}

.line-fly {display: none;}

h3.tit-curdo {
	font-weight: 600;
    font-size: 1.3em;
    background-color: #ff007e;
    border-radius: 10px;
    color: #fff;
    display: inline;
    padding: 4px 10px;
}

h3.tit-curdo i {
	font-weight: 600;
	font-style: italic;
}

h4.txt-cert {
	font-weight: 600;
    font-size: 1.3em;
    background-color: #000;
    border-radius: 0 0 10px 10px;
    color: #fff;
    display: table;
    padding: 10px 10px 5px 10px;
    float: none;
    margin-top: -4px;
}

h3.tit-sanfona {
	font-weight: 600;
    font-size: 1.4em;
    background-color: #ff007e;
    color: #fff;
    display: inline;
    padding: 4px 10px;
    cursor: pointer;
}

.group-topicos {
	display: none;
}

.box-login, .box-cadastro {
	width: 100%;
	border: 1px solid #dbdbdb;
	background: #fff;
	height: 150px;
}


a.link-curso, a.link-cadastro {
	width: 90%;
}

a.link-esquecisenha {
	display: block;
	color: #999;
	text-decoration: underline;
	font-size: .8em;
}

.group-topicos .alert {
	display: inline-block;
	margin: 30px 0 0 0!important ;
}

.group-topicos .card {
	margin-bottom: 20px;
}

@media only screen and (max-width: 576px) { 

}

@media only screen and  (max-width: 768px) { 
	
 }

@media only screen and  (max-width: 992px) {
	.line-header {
		background-image: url(../images/header-m.jpg);
		background-size: 100%;
	}

	.line-header .col-header {
		height:auto;
	}

	h3.tit-curdo {
	    font-size: .9em;
	    background-color: #ff007e;
	    border-radius: 10px 10px 10px 0;
	    color: #fff;
	    display: block;
	    padding: 4px 10px;
	}

	h4.txt-cert {
	    font-size: .9em;
	    color: #fff;
	    padding: 5px 10px 5px 10px;
	    float: none;
	    margin-top: -8px;
	}

	h3.tit-sanfona {
	    font-size: .9em;	
	}

	.line-fly {
		display: block;
	}
	
	.txt-evento{
		padding: 0 10px;
		font-size: .9em;
	}

	
 }

@media only screen and  (max-width: 1200px) { 

 }