* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

ul {
	list-style-type: none;
}

.ajax-evento {
	clear: both;
}

#container-modal {
	background: url(../images/background_black.png) repeat;
	min-height: 100%;
	position: fixed;
	width: 100%;
	z-index: 9999999;
}

#modal {
	background-color: #fff;
	height: 600px;
	margin-left: -310px;
	margin-top: -310px;
	padding: 42px 20px 20px 20px;
	position: fixed;
	width: 600px;
	z-index: 999999999;
	top: 50%;
  	left: 50%;
}

#modal div {
	height: 600px;
	position: relative;
	width: 600px;
}

#modal div #fechar-modal {
	background: url(../images/bt-fechar.png) no-repeat;
	display: block;
	height: 22px;
	position: absolute;
	right: 0;
	top: -32px;
	width: 82px;
}

/* fixing firefox bug */

div:after,
ol:after,
form:after,
ul:after,
dl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* end fixing firefox bug */

.header {
	margin: 0 0 30px 0;
	position: relative;
	/*padding: 0 0 30px 0;*/
}

.container {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1140px;
}

.header-top {
	height: 117px;
	position: relative;
}

.container-topo {
	left: 50%;
	margin-left: -570px;
	padding: 30px 0 0 0;
	position: absolute;
	top: 0;
	max-width: 1140px;
	width: 100%;
	z-index: 999999;
}

/*.logo {
	left: 0;
	position: absolute;
	top: 0;
}*/

.logo a {
	background: url(../images/bg-topo-white.png);
	display: block;
	padding: 20px;
}

.banner-abms {
	display: block;
	margin: 0 0 30px 0;
	max-width: 950px;
	width: 100%;
}

/*.c-menu {
	border-left: 1px solid #ccc;
	float: left;
	height: 117px;
	max-width: 931px;
	width: 100%;
}*/

.menu {
	background: url(../images/bg-topo-white.png);
	bottom: 0;
	/*left: 218px;*/
	/*margin-top: -30px;*/
	padding: 10px;
	position: absolute;
	right: 0;
	/*top: 50%;*/
}

.menu li {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
}

.menu a {
	color: #000;
	display: block;
	padding: 0 7px;
}

.menu a:hover,
.menu a.active,
.menu-mobile a:hover {
	background-color: #373645;
	color: #fff;
}

.menu-mobile {
	display: none;
	width: 170px;
}

.menu-mobile div {
	background: url(../images/bg-topo-white.png);
	cursor: pointer;
	margin: 0 auto;
	padding: 10px 0;
	width: 45px;
}

.menu-mobile img {
	display: block;
	margin: 0 auto;
}

.menu-mobile li {
	background: url(../images/bg-topo-white.png);
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
}

.menu-mobile a {
	color: #000;
	display: block;
	padding: 10px;
	text-align: center;
	width: 150px;
}

.social li {
	float: left;
}

.social li a {
	background-color: #7a1704;
	color: #fff;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	height: 39px;
	line-height: 39px;
	padding: 0 10px;
	min-width: 33px;
}

li.fb a {
	background: #7a1704 url(../images/img-sprite.png)no-repeat -3px -14px;
}

li.tw a {
	background: #7a1704 url(../images/img-sprite.png)no-repeat -51px -12px;
}

/*li.linkedin a {
	background: #a9abad url(../images/img-sprite.png)no-repeat -123px -19px #6E9BCA;
}*/

.header-top p {
	background: url(../images/bg-topo-white.png);
	color: #8e9092;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
}

.header-top p span {
	color: #7a1704;
}

#banner {
	height: 200px;
	margin: 50px auto 0 auto;
}

/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a {height: 100px; position: absolute; width: 60px;}
ul.bjqs-controls.v-centered li.bjqs-next a {background: url(../images/next.png) no-repeat 0 0; right: 20px;}
ul.bjqs-controls.v-centered li.bjqs-prev a {background: url(../images/prev.png) no-repeat 0 0; left: 20px;}
/*ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}*/

.painel {
	border-top: 5px solid #373645;
	border-bottom: 5px solid #7a1704;
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
}

.painel h2 {
	color: #373645;
	display: inline;
	text-transform: uppercase;
}

.painel p {
	color: #999;
	font-size: 18px;
	text-align: center;
}

.painel a {
	/*background-color: #373645;*/
	color: #373645;
	display: block;
	font-size: 18px;
	/*margin: 20px auto 0 auto;*/
	/*padding: 5px 0;*/
	text-align: center;
	text-transform: uppercase;
	/*width: 140px;*/
}

/*.painel a:hover {
	background-color: #428BCA;
}*/

.palestrantes,
.programacao,
.patrocinadores,
.evento,
.temas,
.comissao,
.localizacao,
.local,
.instituicoes,
.contato,
.rodape,
.programacao-interna,
.logos,
.inscricoes {
	width: 100%;
}

.titulo {
	background: url(../images/border.png) repeat-x center;
}

.titulo h2 {
	background-color: #fff;
	color: #373645;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	margin: 0 auto 20px auto;
	text-align: center;
	text-transform: uppercase;
	width: 300px;
}

.instituicoes,
.patrocinadores {
	margin: 0 0 70px 0;
}

.palestrantes {
	margin: 0 0 30px 0;
}

/*.palestrantes h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin: 10px 0 0 0;
	text-align: center;
}*/

.jcarousel-wrapper {
    position: relative;
}

.palestrantes li div {
	border: 1px solid #ccc;
	overflow: hidden;
	padding: 10px;
}

.palestrantes li img {
	float: left;
}

.palestrantes li a {
	background-color: #7a1704;
	color: #fff;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 18px;
	margin: 84px 0 0 30px;
	padding: 20px;
	text-transform: uppercase;
}

.palestrantes li a:hover {
	background-color: #8e9092;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
}

.jcarousel li {
    width: 200px;
    float: left;
}

.jcarousel img {
    display: block;
    width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/*.programacao li {
	background: url(../images/bg-programacao.png);
	overflow: hidden;
	padding: 2%;
	width: 45%;
}

.programacao li:first-child {
	float: left;
}

.programacao li:last-child {
	float: right;
}

.date {
	color: #6E9BCA;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

span.dia {
	color: #000;
}

.palestra img {
	float: left;
	margin: 0 20px 20px 0;
}

.palestra span {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.palestra h3 {
	clear: both;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

.palestra p {
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

.palestra a {
	background-color: #6E9BCA;
	color: #fff;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	margin: 20px 0 0 0;
	padding: 10px;
	text-transform: uppercase;
}

.palestra a:hover {
	background-color: #428BCA;
}*/

.programacao ul {
	margin: 0 0 30px 0;
	overflow: hidden;
}

.programacao ul.lista-none {
	display: none;
}

.programacao li {
	color: #7a1704;
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	text-align: center;
	/*max-width: 555px;*/
	width: 50%;
}

.programacao li span {
	color: #000;
	font-size: 20px;
}

.programacao td span {
	background: url(../images/icone-disco.png) no-repeat left center;
	padding: 0 0 0 17px;
}

.evento {
	margin: 0 0 30px 0;
}

.evento p,
.local p,
.inscricoes p,
.inscricoes li,
.palestrantes p {
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

.inscricoes p.red {
	color: #7a1704;
	font-size: 16px;
	text-align: center;
}

.evento img.img-presidente {
	float: left;
	margin: 0 20px 0 0;
}

.inscricoes li {
	list-style-type: disc;
}

.inscricoes li.no-style {
	list-style-type: none;
	margin: 10px 0 0 0;
}

.inscricoes li.no-style img {
	max-width: 950px;
	width: 100%;
}

.inscricoes a.bt-inscricao {
	background-color: #7a1704;
	color: #fff;
	/*display: block;*/
	font-family: Arial, sans-serif;
	font-size: 18px;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 350px;
}

.inscricoes a.bt-inscricao:hover {
	background-color: #8e9092;
	text-decoration: none;
}

.evento h3,
.local h3 {
	color: #7a1704;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
}

.evento h4 {
	color: #373645;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.anteriores {
	overflow: hidden;
}

.anteriores li {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin-right: 10px;
}

.anteriores a {
	background-color: #373645;
	color: #fff;
	display: block;
	padding: 10px 20px;
}

.anteriores a:hover {
	background-color: #6E9BCA;
}

.galeria ul {
	overflow: hidden;
}

.galeria li {
	float: left;
	height: 80px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	width: 100px;
}

.galeria img {
	min-height: 80px;
	max-width: 160px;
}

.evento span.btn,
.local span.btn,
.programacao span.btn,
.inscricoes span.btn {
	background: url(../images/btn.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 50px;
	margin: 30px auto 0 auto;
	width: 50px;
}

.evento span.btn.minus,
.local span.btn.minus,
.programacao span.btn.minus,
.inscricoes span.btn.minus {
	background: url(../images/btn.png) no-repeat 0 -50px;
}

.temas {
	margin: 0 0 30px 0;
}

/*.temas li {
	background: url(../images/bg-programacao.png);
	color: #999;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
	padding: 10px 0;
	text-align: center;
	width: 50%;
}*/

.temas li {
	background: url(../images/bg-programacao.png);
	color: #999;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

.palestrantes li {
	margin-bottom: 5px;
	width: 100%;
}

.palestrantes h3 {
	background: url(../images/bg-programacao.png);
	color: #999;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 50px;
	margin-bottom: 5px;
	padding: 10px;
}

.comissao {
	margin: 0 0 30px 0;
}

.comissao h3 {
	background: url(../images/bg-programacao.png);
	color: #999;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 50px;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 10px;
}

.comissao h3 span,
.palestrantes h3 span {
	background: url(../images/btn.png) no-repeat 0 0;
	float: right;
	height: 50px;
	width: 50px;
}

.comissao-organizadora,
.comissao-apoio,
.secretaria-executiva {
	margin-bottom: 20px;
}

.comissao h3.minus span,
.palestrantes h3.minus span {
	background-position: 0 -50px;
}

.comissao li {
	color: #999;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

.localizacao {
	margin: 0 0 30px 0;
}

.localizacao p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
}

.localizacao p a {
	color: #6E9BCA;
}

.localizacao p a:hover {
	text-decoration: underline;
}

.localizacao ul {
	overflow: hidden;
}

.localizacao li {
	float: left;
	height: 100px;
	margin: 0 10px 0 0;
	overflow: hidden;
	width: 150px;
}

.localizacao img {
	min-height: 100px;
	width: 150px;
}

.localizacao iframe {
	clear: both;
	margin: 20px 0 0 0;
}

.local {
	margin: 0 0 30px 0;
}

.container-contato {
	background-color: #373645;
	padding: 20px 0;
}

.contato {
	overflow: hidden;
}

.contato form {
	float: left;
	width: 47%;
}

.contato h2 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.contato .campos-obrigatorios {
	color: #fff;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 20px 0;
}

.contato label {
	color: #fff;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}

.contato form input[type="text"],
.contato form textarea {
	background: #e9e8e7;
	border: none;
	color: #535252;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin: 0 0 10px 0;
	width: 94%;
	padding: 10px 3%;
}

.contato form textarea{
	height: 160px;
}

.contato input[type=submit] {
	background-color: #e9e8e7;
	border: none;
	color: #535252;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 10px 20px;
}

.contato .right {
	float: right;
	width: 50%;
}

.contato img {
	/*background-color: #fff;*/
	float: right;
	margin: 0 0 30px;
	/*padding: 20px;*/
}

.rodape {
	padding: 20px 0;
}

.contato p {
	clear: both;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: right;
}

/*.programacao-interna {
	margin: 0 0 30px 0;
}*/

table {
	margin: 0 0 30px 0;
	width: 100%;
}

table td {
	background-color: #e4e4e4;
	border: 1px solid #ccc;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 20px;
}

table td.cor1 {
	background-color: #c7c7c7;
}

table td.cor2 {
	background-color: #ec7f16;
	color: #fff;
}

table td.hora {
	font-weight: bold;
	text-align: center;
}

table td.text-center {
	font-weight: bold;
	text-align: center;
}

.table-non-responsive {
	/*display: block;*/
}

.table-responsive {
	display: none;
}

/*.programacao-interna ul {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.programacao-interna li {
	background-color: #999;
	color: #fff;
	cursor: pointer;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-right: 10px;
	padding: 10px 20px;
}*/

.logos {
	border-top: 2px solid #ccc;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 30px 0 0 0;
}

.cotas {
	border-top: 2px solid #ccc;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 30px 0 0 0;
}

.logos div {
	background: url(../images/bg-programacao.png);
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px 10px 0 10px;
}

.cotas div {
	background: url(../images/bg-programacao.png);
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
}

.logos span,
.cotas span {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0 0 20px 0;
}

.logos li,
.cotas li {
	margin-bottom: 10px;
}

.logos li img,
.cotas li img {
	display: block;
}

.cotas li,
.logos li {
	float: left;
	margin-right: 20px;
}

.cotas li:last-child,
.logos li:last-child {
	margin-right: 0;
}

.inscricoes {
	margin: 0 0 30px 0;
}

.inscricoes ul {
	margin-bottom: 30px;
}

.inscricoes h3 {
	color: #7a1704;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
}

.inscricoes a {
	color: #7a1704;
}

.inscricoes a:hover {
	text-decoration: underline;
}

.fotos ul {
	overflow: hidden;
}

.fotos li {
	float: left;
	height: 100px;
	margin: 5px;
	width: 100px;
}

.fotos li a {
	height: 100%;
	display: block;
	width: 100%;
}

@media screen and (max-width: 1140px) {

	.container-topo {
		left: 0;
		margin: 0;
	}

}

@media screen and (max-width: 1146px) {

	.menu {
		display: none;
	}

	.menu-mobile {
		display: block;
	}

}

@media screen and (min-width: 768px) and (max-width: 1146px) {

	.menu-mobile {
		margin-left: -85px;
		left: 50%;
	}

}

@media screen and (max-width: 767px) {

	.menu-mobile {
		right: 126px;
	}

	/*.temas li {
		float: none;
		width: auto;
	}*/

	.contato p.rodape-01 {
		display: block;
	}

	.contato p.rodape-02 {
		display: none;
	}

	.contato form {
		float: none;
		width: 100%;
	}

	.contato .right {
		float: none;
		margin: 30px 0 0 0;
		width: 100%;
	}

	.contato img {
		display: block;
		float: none;
		margin: 0 auto 30px auto;
	}

	.contato p {
		font-size: 14px;
		text-align: center;
	}

	.galeria li {
		float: none;
		height: auto;
		margin: 0 0 10px 0;
		overflow: hidden;
		width: auto;
	}

	.evento .galeria li:first-child {
		display: none;
	}

	.galeria img {
		min-height: auto;
		width: 100%;
	}

	.table-non-responsive {
		display: none;
	}

	.table-responsive {
		display: block;
	}

}

@media screen and (min-width: 544px) {

	.social {
		right: 0;
		top: 0;
	}

	.social li {
		margin-left: 10px;
	}

}

@media screen and (max-width: 543px) {

	.menu-mobile {
		right: 0;
	}

	.social {
		bottom: -130px;
		/*bottom: -250px;*/
		left: 0;
	}

	.social li {
		margin-right: 10px;
	}

}

@media screen and (min-width: 418px) {

	.logo {
		left: 0;
		position: absolute;
		top: 0;
	}

	.header-top p {
		bottom: -60px;
		left: 0;
		position: absolute;
		width: 188px;
	}

	.menu-mobile {
		position: absolute;
		top: 0;
	}

	.social {
		position: absolute;
	}

}

@media screen and (max-width: 417px) {

	#banner {
		display: none;
	}

	.header-top {
		min-height: 307px;
	}

	.logo {
		background-color: #666;
	}

	.logo img {
		display: block;
		margin: 0 auto;
	}

	.header-top p {
		margin: 10px 0 30px 0;
		text-align: center;
	}

	.menu-mobile {
		margin: 0 auto;
	}

	.social {
		margin: 30px auto;
		width: 73px;
	}

	.social li {
		margin: 0 10px;
	}

}

@media screen and (max-width: 400px) {

	.anteriores li {
		float: none;
		margin: 0 0 5px 0;
	}

}

@media screen and (min-width: 561px) {

	.programacao li:first-child {
		float: left;
	}

	.programacao li:last-child {
		float: right;
	}

}

@media screen and (max-width: 560px) {

	.programacao li.bt-none {
		display: none;
	}

	.programacao ul.lista-none {
		display: block;
	}

	.programacao li {
		text-align: center;
		width: 100%;
	}

}

@media screen and (min-width: 1001px) {

	.localizacao p {
		/*float: left;*/
	}

}

@media screen and (max-width: 1000px) {

	.localizacao ul {
		display: block;
		margin: 20px 0 0 0;
	}

	.localizacao li {
		margin: 0 10px 0 0;
	}

}

@media screen and (min-width: 1031px) {

	.contato p.rodape-01 {
		display: block;
	}

	.contato p.rodape-02 {
		display: none;
	}

}

@media screen and (min-width: 768px) and (max-width: 1030px) {

	.contato p.rodape-01 {
		display: none;
	}

	.contato p.rodape-02 {
		display: block;
	}

}

@media (max-width: 514px) {

	.evento img.img-presidente {
		display: none;
	}
	
}

@media (min-width: 980px) {

	.topo-mobile {
		display: none;
	}

}

@media (max-width: 979px) {

 	.rslides,
 	.rslides_tabs {
 		display: none;
 	}

 	.topo-mobile {
 		background: url(../images/campina-grande.jpg) no-repeat bottom center;
 		background-size: cover;
 		display: block;
 	}

 }

 @media (min-width: 418px) and (max-width: 979px)  {

 	.topo-mobile {
 		height: 300px;
 	}

 }

  @media (max-width: 417px)  {

 	.topo-mobile {
 		height: 380px;
 	}

 }