/* CSS Document */
/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
      margin-bottom: 0;
      border-radius: 0;
}
footer {
      background-color: #f2f2f2;
      padding: 25px;
}
footer p {
	  text-align: center;
}
p {
	  text-align: justify;
}
h2{
	border-top: 5px solid #5B5858;
	font-size: 3em;
}
h4{
	text-align: center;
	font-size: 2em;
}
h3{
	border-top: medium solid #5B5858;
	border-left: medium solid #5B5858;
}
.jumbotron{
	box-shadow: 2px 2px 5px 5px orange;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #04509b; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}


/* FORM */
.campo_form {
	min-height: 25px;
	background-color: #e1e1e1;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	border: 0;
	padding:5px;
	max-width:100%;
	min-width:100%;
	float: left;
}

.textarea {
	background-color: #e1e1e1;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	border: 0;
	padding:5px;
	margin-top:10px;
	max-width:100%;
	min-width:100%;
	min-height: 200px;
	max-height: 200px;
}
label {
	text-align: left;
	float: left;
	display: block;
	width: 100%;
	margin-top:10px;
	font-size: 1.5em;
}

.btn {
	min-height:50px;
	max-width:50%;
	min-width:50%;
	color:#000;
	background-color:#fbab18;
	border:0;
}
#creditos{
	padding-top: 60px;
}
#formulario{
	padding-top: 60px;
}
.cred_p{
	font-size: 1.2em;
	border-top: medium groove #637FCC;
	padding: 1em;
}
.fb-like{
	padding: 5px;
	float: left;
}
.colunas2{
	column-count: 2;
}
.colunas3{
	column-count: 3;
}
.colunas4{
	column-count: 4;
}

@media only screen and (max-width: 500px) {
    .colunas2{
	column-count: 1;
}
.colunas3{
	column-count: 1;
}
.colunas4{
	column-count: 1;
}
}