/* 
* Theme Name: SuperLuna (2021)
* Author: Plan B Comunicação
* Author URI: https://www.planb.com.br
* Description: Tema criado exclusivamente para uso nesse site baseado no site original
*/

/* 
* Tipografia
*/	
	/* 
	* Google Fonts
	*/
		@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,300;1,500&display=swap');
		@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');
/* 
* Geral
*/
	* {
		box-sizing: border-box;
	}
	body {
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		color: #0E4E81;
		line-height: 1.8;
	}
	/* input[type=text], input[type=submit] {
		width: auto;
		padding: 10px;
		margin: 5px;
		display: inline-block;
		border: 1px solid #ccc;
		box-sizing:border-box;
	} */
	/* input[type=submit] {
		background-color: #0E4E81;
		color: white;
		border: none;
	}
	input[type=submit]:hover {
		opacity: 0.8;
	} */
	input[type=text],input[type=email], select, textarea {
		width: 100%;
		padding: 12px 20px;
		margin: 8px 0;
		display: inline-block;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
	}
	input[type=submit] {
		width: 100%;
		background-color: #0E4E81;
		color: white;
		padding: 14px 20px;
		margin: 8px 0;
		border: none;
		border-radius: 4px;
		cursor: pointer;
	}
	input[type=submit]:hover {
		background-color: #0E4E70;
	}
	input[type=checkbox] {
		margin-top: 10px;
	}
	img {
		vertical-align: middle;
		max-width: 100%;
	}
	hr{
		background-color: white;
	}
	p{
		font-size: 15px;
	}
	/* li{
		display: inline-block;
		text-align: center;
	} */
	h1{
		color: #0E4E81;
		font-family: gotham;
	}
  h5{
    color: #0E4E81;
    font-family: gotham;
    text-align: center;
  }
	form{
		color: #0E4E81;
		font-size: 15px;
	}
	strong{
		color: #0E4E81;
	}
	tr{
		color: #0E4E81;
	}
	a {
		transition: .3s ease;
	}

/* 
* A
*/
	.active {
	  background-color: transparent;
	}
	.active a {
		color: #0E4E81 !important;
	}
/* 
* B
*/
	.banner{
	 	margin-top: 10px;
	 	margin-bottom: 30px;
	}
	@media screen and (max-width: 767px) {
		.banner{
			margin-top: -20px;
		}		
	}
	.bluebt a {
		color: white;
		background-color: #0E4E81;
	}
	.bluebt a:hover {
		color: white;
		background-color: #072640;
	}
	.boxesInfo {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.boxInfo{
		background-color: #0E4E81;
		min-height: 56px;
	}
	.boxInfo img{
		float: left;
	}
	.boxInfo p{
		color: white;
		padding: 10px
	}
	.botao a{
		color: white;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		max-width: 42.5%;
		margin-left: auto;
		margin-right: auto;
	}
	.botao p {
		text-align: center;
	}
	.botao a:hover{
		color: white;
	}
	div.botao{
		background-color: #0E4E81;
		color: white;
		padding: 10px;
		transition: .3s ease;
		cursor: pointer;
	}
	div.botao:hover{
		background-color: #072640;
	}
	.botoes_apos_conteudo {
		margin-bottom: 10px;
	}
/* 
* C
*/
	.cabecalho-pagina {
		padding-top: 40px;
		padding-bottom: 40px;
		background-size: cover;
		margin-top: 10px;
	}
	@media screen and (min-width: 320px) {
		.cabecalho-trabalheconosco {
			background-size: contain;
			margin-top: -50px;
			min-height: 20vh;
			background-repeat: no-repeat;
			background-position: center;
			display: flex;
			align-items: center;
		}		
	}
	@media screen and (min-width: 360px) {
		.cabecalho-trabalheconosco {
			min-height: 20vh;
		}		
	}
	@media screen and (min-width: 550px) {
		.cabecalho-trabalheconosco {
			margin-top: -50px;
			min-height: 30vh;
		}		
	}
	@media screen and (min-width: 768px) {
		.cabecalho-trabalheconosco {
			margin-top: -26px;
		}		
	}	
	@media screen and (min-width: 821px) {
		.cabecalho-trabalheconosco {
			margin-top: -52px;
			min-height: 40vh;
		}		
	}	
	@media screen and (min-width: 920px) {
		.cabecalho-trabalheconosco {
			margin-top: -41px;
		}		
	}	
	@media screen and (min-width: 992px) {
		.cabecalho-trabalheconosco {
			margin-top: -12px;
		}		
	}	
	@media screen and (min-width: 1094px) {
		.cabecalho-trabalheconosco {
			margin-top: -16px;
			min-height: 45vh;
		}		
	}	
	@media screen and (min-width: 1200px) {
		.cabecalho-trabalheconosco {
			margin-top: 6px;
			background-size: cover;
		}		
	}	
	@media screen and (min-width: 1316px) {
		.cabecalho-trabalheconosco {
			margin-top: 4px;
		}		
	}
	@media screen and (min-width: 1367px) {
		.cabecalho-trabalheconosco {
			margin-top: 10px;
			min-height: 50vh;
		}		
	}
	/* The Close Button */
		.close {
			color: #aaaaaa;
			float: right;
			font-size: 28px;
			font-weight: bold;
		}

		.close:hover,
		.close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
		}
	.color:hover {
	  background:#53a7ea;
	}
	div.content {
		margin-left: 25%;
		padding: 1px 16px;
		height: 1000px;
	}
	.cot{
		color: #0E4E81;
	}

/* 
* D
*/
	div.desc {
	  padding: 5px;
	  text-align: center;
	  font-family: Arial;
	}
	div.desc:hover{
	  color: #0E4E81;
	  background-color:white;
	}
	.desc p:first-of-type {
		text-transform: uppercase;
	}
	.destaque01 {
		padding-top: 40px;
		padding-bottom: 40px;
		background-size: cover;
	}
	.destaque02 {
		padding-top: 40px;
		padding-bottom: 40px;
		background-size: cover;
	}
	/* The dots/bullets/indicators */
		.dot {
		  height: 15px;
		  width: 15px;
		  margin: 0 2px;
		  background-color: #bbb;
		  border-radius: 50%;
		  display: inline;
		  transition: background-color 00s ease;
		}
	.dropdown-item {
		text-decoration: none !important;
		color: black;
		display: block;
		text-align: center;
		font-size: 1.2em;
	}
	.dropdown-item:hover{
		background-color: #f1f1f1;
	}
/* 
* E
*/
	.espaço{
		color: white;
		padding: 20px;
		border: 20px;
	}
	.error {
		color: #FF0000;
	}

/* 
* F
*/
	/* Fading animation */
		.fade {
			-webkit-animation-name: fade;
			-webkit-animation-duration: 1s;
			animation-name: fade;
			animation-duration: 5s;
		}
		@-webkit-keyframes fade {
			from {opacity: 4}
			to {opacity: 1}
		}
		@keyframes fade {
			from {opacity: 4}
			to {opacity: 1}
		}

	.fade{
	 	opacity:5;
	}
	.fade:hover{
		opacity:100;
	}
	.footer1{
		position: inherit;
		left: 0;
		bottom: 0px;
		width: 100%;
		background-color: #0E4E81;
		color: white;
		text-align: center;
	}
	.footer1 .menu {
		margin-top: 10px;
	}
	.footer1 .menu .col-1 li{
		text-align: left;
		list-style: none;
		display: list-item;
		margin-bottom: 5px;
	}
	.footer1 .menu .col-1 a{
		color: white;
	}
	.footer1 .menu .col-2 li{
		text-align: left;
		list-style: none;
		display: list-item;
		margin-bottom: 5px;
	}
	.footer1 .menu .col-2 a{
		color: white;
	}
	.footer1 .menu .wb{
		background-color:#1d70a8;
		padding: 5px;
		text-align: center !important;
		text-decoration: none;
	}
	.footer2 {
		position: inherit;
		left: 0;
		bottom: 0px;
		width: 100%;
		background-color: #1d70a8;
		color: white;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer2 h6 {
		text-align: left;
		margin-left: 10px;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	.footer2 ul {
		list-style-type: none;
		margin: 0;
		padding: 10px;
		overflow: hidden;
		background-color: #1d70a8;
		display: grid;
	}
	.footer2 li {
		float: inherit;
		text-align: left;
		display: list-item;
	}
	.footer2 li a {
		display: block;
		color: white;
		text-align: left;
		padding: 0px 0px;
		text-decoration: none;
	}
	.footer2 li a:hover {
		background-color: none;
		text-decoration: underline;
		color: white;
	}
	.footer3 {
		position: inherit;
		left: 0;
		bottom: 0px;
		width: 100%;
		background-color: white;
		color: #0E4E81;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer3 h6 {
		text-align: left;
		margin-left: 10px;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	.footer3 ul {
		list-style-type: none;
		margin: 0;
		padding: 10px;
		overflow: hidden;
		display: grid;
	}
	.footer3 li {
		float: inherit;
		text-align: left;
		display: list-item;
	}
	.footer3 li a {
		display: block;
		color: #0E4E81;
		text-align: left;
		padding: 0px 0px;
		text-decoration: none;
	}
	.footer3 li a:hover {
		background-color: none;
		text-decoration: underline;
		color: #0E4E81;
	}
	@media screen and (min-width: 768px) {
		.formulario-campo {
			float: left;
			width: 50%;
			padding-right: 10px;
		}
		.formulario-campo.w-100 {
			float: none;
			width: 100%;
			padding-right: 10px;
		}
	}
	.formulario-campo {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.formulario-campo br {
		display: none;
	}
	.formulario-campo label {
		display: block;
	}
	.formulario-campo select {
		background-color: #fff;
	}
	.formulario-titulo {
		display: inline-block;
		margin-top: 20px;
	}
/* 
* G
*/

	.g-recaptcha {
	    width: 100%;
	    background-color: #0E4E81;
	    color: white;
	    padding: 14px 20px;
	    margin: 8px 0;
	    border: none;
	    border-radius: 4px;
	    cursor: pointer;
	}
	.galeria img {
		opacity: .6;
		padding-bottom: 20px;
		transition: .3s ease;
	}
	.galeria img:hover {
		opacity: 1
	}
	.grow:hover{
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);
	}
/* 
* I
*/
	.icon{
		padding: 10px;
		margin-top: 55px;
		text-align: left;
	}
	.icon a img{
		max-width: 10%;
	}
/* 
* L
*/
	.label{
		text-align: left;
		color:  #0E4E81;
		font-size: 15px;
	}
	li.linha a {
		color: #0E4E81;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		display: block;
	}
	li.linha a:hover {
		background-color: #f2f2f2f2;
		text-decoration: none;
		color: #0E4E81;
	}
	li.linha2 a {
		color: white;
		font-family: Arial Black;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		display: block;
		background-color:  #0E4E81;
	}
	li.linha2 a:hover {
		background-color: #f2f2f2f2;
		text-decoration: none;
		color: #0E4E81;
	}

	/*.logo{
		background-color: white;
		position: fixed;
		top: 0;
		width: 100%;
		float: block;
		padding: 40px 25px;
	}*/
	@media screen and (max-width: 767px) {
		.logo {
			margin-top: 30px;
		}
	}
	.loja {
		margin-bottom: 15px;
		transition: .3s ease;
	}
	.loja img {
		border: 3px solid red;
	}
	.loja h2 {
		font-size: 22px;
		margin-top: 8px;
	}
	.loja:hover {
		text-decoration: none;
	}
	.loja:hover img {
		opacity: .7;
	}
	@media screen and (max-width: 620px) {
		.loja h2 {
			margin-top: -20px;
		}
	}
	@media screen and (min-width: 366px) and (max-width: 620px) {
		.loja:first-of-type h2:first-of-type {
			margin-top: 0px;
		}
	}
	@media screen and (max-width: 991px) {
		.lojas_lista a:first-of-type {
				margin-left: -15px;
		} 
	}
	.lojas a{
		color: white;
		text-align: center;
		text-decoration: none;
	}
	.lojas h2{
		color: white;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	.lojas a h4{
		color: white;
		text-align: center;
		text-decoration: none;
	}
	.lojas p{
		color: white;
		text-align: center;
		text-decoration: none;
	}
	.lojas button {
		margin-left: auto;
		margin-right: auto;
		display: block;	
	}
/* 
* M
*/
	.mtmenos10px {
		margin-top: -10px;
	}
	.mapa {
		margin-top: 20px;
		position: relative;
		/* padding-bottom: 56.25%; */
		height: 0;
		overflow: hidden;
	}
	@media screen and (min-width: 320px) {
		.mapa {
			padding-bottom: 56.25%; 
		}
	}
	@media screen and (min-width: 768px) {
		.mapa {
			padding-bottom: 36.25%; 
		}
	}
	.mapa iframe, .mapa object, .mapa embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* ul.menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: auto;
		background-color: white;
		position: relative;
		display: inline;
		text-align: center;
	} */
	/* The Modal (background) */
		.modal {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 1; /* Sit on top */
			padding-top: 100px; /* Location of the box */
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 100%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		}
	/* Modal Content */
		.modal-content {
			background-color: #fefefe;
			margin: auto;
			padding: 20px;
			border: 1px solid #888;
			width: 50%;
		}	
	.mySlides {
		display: none;
		width: 100%;
		height: auto;
	}

/* 
* N
*/
	@media (min-width: 768px){
	    .navbar-nav{
	        float:none;
	        margin: 0 auto;
	        display: table;
	        table-layout: fixed;
	    }
	}
	.navbar-superluna {
		background-color: transparent;
		border: none;	
	}
	.navbar-superluna .navbar-toggle {
		border: none;
		margin-top: -36px;
	}
	.navbar-superluna .navbar-toggle:focus, .navbar-superluna .navbar-toggle:hover {
		background-color: #fff;	
	}
	.navbar-superluna .navbar-toggle .icon-bar {
		background-color: #0E4E81;
	}
	@media screen and (min-width: 992px) {
		.navbar-superluna {
			margin-top: 10px;
			margin-bottom: -20px;
		}
	}
	.navbar-superluna a {
		text-transform: uppercase;
		color: #0E4E81;
        
	}

	.navbar-superluna li a {
        padding: 10px !important;
	}
	.navbar-superluna	.bluebt a {
		color: white;
		background-color: #0E4E81;
	}
	.navbar-superluna	.bluebt a:hover {
		color: white;
		background-color: #072640;
	}
	.navbar-superluna .redbt a {
		color: white !important;
		background-color: #ec0108;
	}
	.navbar-superluna .redbt a:hover {
		color: white !important;
		background-color: #9d1609;
	}	
	@media screen and (min-width:768px) {
		.navbar-superluna .redbt a {
			background-color: #cb0610;
		}
		.navbar-superluna .redbt a:hover {
			background-color: #91130a;
		}	
	}
	.NW{
		background-color: #1d70a8;
		margin-top: 20px;
	}
	.NW h5 {
		text-align: center;
		color: white;
		font-family: 'Roboto', sans-serif;
	}
	.NW p {
		text-align: center;
		color: white;
	}
	.new {
		font-size: 20px;
		color: white;
		font-family: Arial;
	}
	.new1{
		font-size: 20px;
		color: #0E4E81;
		font-family: Arial;
	}
	div.newsletter{
		padding: 1px;
		background-color: #1d70a8;
	}
	div.newsletter1{
		padding: 0px;
		background-color: #f5faff;
		border: #0E4E81;
	}
	/* Number text (1/10 etc) */
		.numbertext {
			color: #black;
			font-size: 12px;
			padding: 8px 12px;
			position: absolute;
			top: 0;
		}
/* 
* P
*/

	.parallax1 {
		/* The image used */
		background-image: url("img/parallax1.jpg");

		/* Set a specific height */
		min-height: 200px;

		/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
	}
	.player{
		background-color: #f1f1f1;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.player a{
		text-decoration: none;
		color: #000;
		padding: 8px 16px;
		display: block;
	}
	.player a:hover{
		background-color: #555;
		color: white;
	}
	.popup{
		position: fixed;
		top: 0; bottom: 0;
		margin: auto;
		width: 200px
		padding: 15px;
		border: solid 1px black;
		background: aqua;
		display: block;
	}
	div.promo {
		padding-top: 20px;
		margin: 5px;
		border: 0px solid #0E4E81;
		float: left;
		width: 100%;
	}
	div.promo img {
		padding-top: 10px;
		width: 100%;
		height: auto;
	}
	div.promo a{
		color: #0E4E81;
	}
	div.promodesc{
		padding: 5px;
		text-align: center;
		font-family: Arial;
		color: #0E4E81;
		text-decoration: none;
	}
	div.promodesc a:hover{
		background-color: white;
		color: #0E4E81;
		text-decoration: none;
	}
	.promocao33anos {
		background-color: #ec0108;
		margin-top: 10px;
		text-align: center;
	}
	.promocao33anos .mobile {
		display: block;
	}
	.promocao33anos .tablet {
		display: none;
	}
	.promocao33anos .mil200e80 {
		display: none;
	}
	.promocao33anos .desktop {
		display: none;
	}
	.promocao33anos .regulamento h2 {
		font-family: 'Raleway', sans-serif;
		color: #fdd000;
		font-weight: 900;
		text-transform: uppercase;
	}
	.promocao33anos .regulamento .btn-regulamento {
		margin-top: 20px;
		background-color: #25378a;
		color: #fff;
		margin-bottom: 20px;
		transition: .3s ease;
	}
	.promocao33anos .regulamento .btn-regulamento:hover {
		background-color: #172254;
	}
	.promocao33anos .regulamento i {
		margin-right: 5px;
	}	
	.promocao33anos .faq h2 {
		font-family: 'Raleway', sans-serif;
		color: #fff;
		font-weight: 900;
		text-transform: uppercase;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.promocao33anos .faq .panel {
		background-color: transparent;
		border:  none;
		text-align: left;
	}
	.promocao33anos .faq .panel-default > .panel-heading {
		width: 100%;
		background-color: #25378a;
		color: #fff;
		border: none;
		border-radius: 5px;
		text-align: left;
	}
	.promocao33anos .faq .panel-default > .panel-heading i {
		margin-right: 10px;
	}
	.promocao33anos .faq .panel-group .panel-heading + .panel-collapse > .panel-body {
		border-top: none;
	}
	.promocao33anos .faq .panel-body {
		color: #fff;
	}
	@media screen and (min-width: 768px) {
		.promocao33anos {
			background-color: #cb0610;
		}
		.promocao33anos .mobile {
			display: none;
		}
		.promocao33anos .downloadapp.mobile {
			display: none;
		}	
	}
	@media screen and (min-width: 768px) and (max-width: 1279px) {
		.promocao33anos .tablet {
			display: inline;
		}
		.promocao33anos .downloadapp.tablet {
			background-image: url('img/33anos/tablet/33anos_superluna_tablet_07.jpg');
			display: block;
			min-height: 8vw;
			background-position: 6%;
		}			
	}
	@media screen and (min-width: 1280px) and (max-width: 1281px)  {
		.promocao33anos .mil200e80 {
			display: inline;
		}
		.promocao33anos .downloadapp.mil200e80 {
			background-image: url('img/33anos/1280px/33anos_superluna_1280px_07.jpg');
			display: block;
			min-height: 8vw;
		}		
	}
	@media screen and (min-width: 1282px) {
		.promocao33anos .desktop {
			display: inline;
		}
		.promocao33anos .downloadapp.desktop {
			background-image: url('img/33anos/33anos_superluna_08.jpg');
			display: block;
			min-height: 5vw;
			background-position: 15% center;
		}
		.promocao33anos .regulamento {
			margin-left: 1%;
		}
		.promocao33anos .faq h2  {
			margin-left: -6%;
		}
	}
	@media screen and (min-width: 1336px) {
		.promocao33anos .regulamento {
			margin-left: 3%;
		}
	}
	@media screen and (min-width: 1430px) {
		.promocao33anos .regulamento {
			margin-left: 5%;
		}
	}
	@media screen and (min-width: 1500px) {
		.promocao33anos .regulamento {
			margin-left: 8%;
		}
	}
	@media screen and (min-width: 1600px) {
		.promocao33anos .regulamento {
			margin-left: 10%;
		}
	}
	@media screen and (min-width: 1675px) {
		.promocao33anos .regulamento {
			margin-left: 11%;
		}
	}
	@media screen and (min-width: 1749px) {
		.promocao33anos .regulamento {
			margin-left: 13%;
		}
	}
	@media screen and (min-width: 1836px) {
		.promocao33anos .regulamento {
			margin-left: 15%;
		}
	}
	@media screen and (min-width: 1920px) {
		.promocao33anos .downloadapp.desktop {
			background-position: 100% center;
		}
		.promocao33anos .regulamento {
			margin-left: 17%;
		}
	}
	@media screen and (min-width: 2038px) {
		.promocao33anos .downloadapp.desktop {
			min-height: 4vw;
			background-position: 50.5% center;
		}
	}
	@media screen and (min-width: 2060px) {
		.promocao33anos .regulamento {
			margin-left: 19%;
		}
	}
	@media screen and (min-width: 2180px) {
		.promocao33anos .regulamento {
			margin-left: 21%;
		}
	}
	@media screen and (min-width: 2333px) {
		.promocao33anos .regulamento {
			margin-left: 23%;
		}
	}
	@media screen and (min-width: 2560px) {
		.promocao33anos .regulamento {
			margin-left: 25%;
		}
	}

/* 
* R
*/
	/*.receita{
		margin: 10px;
	} */
	.receita-descricao li {
		display: list-item;
		text-align: left;
	}

	.receita {
		margin-bottom: 15px;
		transition: .3s ease;
	}
	.receita img {
		border: 3px solid red;
	}
	.receita h2 {
		font-size: 22px;
		margin-top: 8px;
	}
	.receita:hover {
		text-decoration: none;
	}
	.receita:hover img {
		opacity: .7;
	}
	@media screen and (max-width: 620px) {
		.receita h2 {
			margin-top: -20px;;
		}
	}
	@media screen and (max-width: 740px) {
		.receitas_lista a:first-of-type {
				margin-left: -15px;
		} 
	}
	@media screen and (min-width: 741px) and (max-width: 991px) {
		.receitas_lista a:first-of-type {
				margin-left: 15px;
		} 
	}

/* 
* S
*/
	/* Slideshow container */
		.slideshow-container {
			max-width: 1000px;
			position: relative;
			margin: auto;
		}
	.strong-red{
		color: red;
	}
/* 
* T
*/
	.table > tbody > tr > td, 
	.table > tbody > tr > th, 
	.table > tfoot > tr > td, 
	.table > tfoot > tr > th, 
	.table > thead > tr > td, 
	.table > thead > tr > th {
			border: none;
	}
	/* Caption text */
		.text {
			color: #f2f2f2;
			font-size: 15px;
			padding: 8px 12px;
			position: absolute;
			bottom: 8px;
			width: 100%;
			text-align: center;
		}
	/* On smaller screens, decrease text size */
		@media only screen and (max-width: 300px) {
			.text {font-size: 11px}
		}
	.titulo{
		font-size: 35px;
		color: #0E4E81;
		font-family: Arial;
		text-align: center;
	}
	.titulo2{
		font-size: 15px;
		color: #0E4E81;
		font-family: Arial black;
		text-align: center;
	}
	.threed:hover{
		box-shadow:
			1px 1px #53a7ea,
			2px 2px #53a7ea,
			3px 3px #53a7ea;
		-webkit-transform: translateX(-3px);
		transform: translateX(-3px);
	}
	#tsh_breadcrumbs .bread-home {
	    color:#0E4E81;
	    font-weight: bold;		
	}
	#tsh_breadcrumbs .separator{
	    font-size:16px;
	    color:#0E4E81;
	    font-weight:bold;
	}
	#tsh_breadcrumbs .item-current {
		text-transform: uppercase;
	}
	#tsh_breadcrumbs .bread-cat {
		color: #0E4E81;
		font-weight: bold;
	}
	#tsh_breadcrumbs{
	    overflow:hidden;
	    text-align: center;
	    list-style:none;
	    margin:11px 0;
	}
	#tsh_breadcrumbs li{
	    margin-right:14px;
	    display:inline-block;
	    vertical-align:middle;
	}
/* 
* V
*/
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* 
* W
*/
.w3-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.w3-button:hover{
	color:#000;
	background-color:#ccc
}
.w3-button:disabled{
	cursor:not-allowed;
	opacity:0.3
}
.w3-light-grey{
    color:#000;
    background-color:#f1f1f1
}
.w3-section {
	margin-top:16px;
	margin-bottom:16px;
	text-align: center;
}