/*!
 * Start Bootstrap - The Big Picture (https://startbootstrap.com/template-overviews/the-big-picture)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-the-big-picture/blob/master/LICENSE)
 */

.btn a:hover {
	text-decoration:none;
	}


.bg {
  background: url(../img/bg.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; 
}


.bgarea{
  background:url(../img/bgarea.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; 
}
.bgdrives{
  background:url(../img/bgdrives.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; 
}
.bgi{
  background:url(../img/firstSlide.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover; 
}
.text {
	text-align:justify;
	font-family:"Kelson Sans" !important;
	font-size:12px;

	}
.text1 {
	text-align:justify;
	font-family:"Kelson Sans" !important;
	font-size:13px;

	}

.texti {
	font-family:"Kelson Sans" !important;
	font-size:20px;
	margin-top:20px;

	}
	
#mainNav a{
	color:#fff;
	font-family:"Kelson Sans";
}

#mainNav1 a{
	color:#000;
	font-family:"Kelson Sans";
}

#mainNav li {
	border-color:#FFF
	}
	
#mainNav td {
	border:#FFF;
	}
	
#mainNav a:hover{
	color:#FF870C;
}

#mainNav a:active{
	color:#FF870C;
}

.pc { 
	 	display:block;
	 }
	 
	 .telm { 
	 	display:none;
	 }
						
	@media only screen and (max-width: 450px) 
	{
		.telm { 
	 	display:block;
	 }
	 
     .pc { 
	 	display:none;
	 }
		}
	
.c1 {width:100%;}

.c2 {width:50%;}
.c3 {
	width:45%;
	}
.c4 {
	width:10%;
	}

	.c5 {
	width:60%;
	}


.c1 .tabelaText1 {
	padding: 20px 0px 0px 20px;
	}

.c1 .tabelaText2 {
	padding: 30px 0px 0px 20px;
	}

.c1 .tabelaText3 {
	padding: 30px 0px 0px 20px;
	}

.form {
	border:0px;
	}
	
@media screen and (max-device-width: 568px){
	.c2 {width:100%;}
	.c3 {width:100%;}
	.c4 {width:100%;}
	.c5 {width:100%;}
	.c3 iframe {
		min-width:5%;
		}
	}


.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

@media(max-width:991px){
.container {
    width: 98%;
}
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.descricao{
    display: none;
}

.item:hover .descricao{
    display: block;
}

a:hover {
	text-decoration:none;
	}
#junte-se i {
	/*font-weight: bold;*/
	font-size: 20px;
}

#junte-se .opcao {
	text-align: justify;
	margin-bottom: 2px;
	cursor: pointer;
}

#junte-se .opcao span {
	display: block;
	height: 80px;
	font-family:"Kelson Sans";
	font-size: 18px;
	margin-top: 30px;
}

#junte-se .opcao-texto {
	background-color:#F6F6F6;
	padding: 30px;
	display: none;
}

#junte-se .opcao-texto p {
	font-family:"Kelson Sans";
	font-size: 18px;
}

#junte-se .opcao-texto span {
	display: block;
	text-align: justify;
}

#junte-se .opcao-texto.active {
	display: block;
}

/* Add a hover effect for buttons */
button:hover {
    opacity: 0.8;
}
/* The "Forgot password" text */
span.psw {
    float: right;
    padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }
    .cancelbtn {
        width: 100%;
    }
}