body{
	background-color: #D2CCC4;
}

h2{
	color:#FF0000;
}

footer{
    margin-top:60px;
}
.center-h{
	margin: 0 auto;
}
.fila-modificable{
	cursor: pointer;
}
	
.table-wrapper-scroll-y {
  display: block; 
  max-height: 300px;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

*[hidden] { display: none; }

.was-validated .form-control.is-invalid{
	border-color: #dc3545;
}
.was-validated .form-control.isInvalid{
	border-color: #dc3545;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before{
  background-color: #7f6162;;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color: #7f6162;;
}
.was-validated .custom-checkbox .custom-control-input.is-invalid~.custom-control-label::before{
	background-color:#dc3545;
}
.was-validated .custom-control-input.is-invalid ~ .custom-control-label{
	color: #dc3545 ;
}
/* pages */
.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
.bg-roble{
	background-color: #7f6162;
}
.select-pointer{
	cursor: pointer;
}
.form-white{
	border: 1px solid #BABABA;
    padding: 20px;
    background-color: white;
    margin-bottom: 2%;
}
.form-container{
    text-align: center;
    background-color: #D2CCC4;
    padding: 1% 0 5% 0;
}
.form{
    display: inline-block;
    width: 50%;
    text-align: left;
}
@media only screen and (max-width: 670px) {
    .form { 
	 	width: 100%;
    }
}
@media only screen and (max-width: 750px) {
    .form-table  { 
	 	display: none;
    }
}
@media only screen and (max-width: 575px) {
    .lg-row  { 
	 	display: none;
    }
}
@media only screen and (min-width: 576px) {
    .sm-row  { 
	 	display: none;
	 	pointer-events: none;
    	opacity: 0.4;
	 	
    }
}
/* theme */
.page{
	width: 50%;
	margin: 0 auto;
	position: relative;
}

.topBar {
	height: 110px;
    background-color: white;
}
.form-control,
.form-control:focus,
.custom-select,
.custom-select:focus,
.custom-file-input,
.custom-control-input{
	background-color: #d3d3d3;
	border-color: #BABABA;
	color: #4f0b0d;
}
.well{
	background-image: url(../public/images/spots.png);
	-webkit-box-shadow: 0px 8px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 8px 8px rgba(0,0,0,0.5);
	box-shadow: 0px 8px 8px rgba(0,0,0,0.5);
	border: 1px solid #BABABA;
	color: #4f0b0d;
	padding:20px;
	margin:1%;
}
.btn{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 18%, #e3e3e3 63%, #d7d7d7 95%, #d7d7d7 97%, #dadada 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(18%,#f9f9f9), color-stop(63%,#e3e3e3), color-stop(95%,#d7d7d7), color-stop(97%,#d7d7d7), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
	border-color: #989898;
	color: #4f0b0d;
	text-transform: uppercase;
	text-decoration: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.nav>li a{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f9f9f9 18%, #e3e3e3 63%, #d7d7d7 95%, #d7d7d7 97%, #dadada 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(18%,#f9f9f9), color-stop(63%,#e3e3e3), color-stop(95%,#d7d7d7), color-stop(97%,#d7d7d7), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f9f9f9 18%,#e3e3e3 63%,#d7d7d7 95%,#d7d7d7 97%,#dadada 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
	border-color: #989898;
	color: #4f0b0d;
}
.ribbon-container{
	height: 1em;
	margin-bottom: 3rem;
}
.ribbon-title,
.ribbon-title-small{
	display: block;
	width: auto;
	padding: 7px 0px 8px 0px;
	border-radius: 0 0 6px 6px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.4em;
	font-weight: 400;
	margin-top: 0;
	position:relative;
	margin: 0 auto;
	top: -32px;
	text-shadow: 0 0 3px rgba(3, 3, 3, 0.72);
	text-align: center;
}


.ribbon-title,
.ribbon-title-small{
	background: #7f6162; /* Old browsers */
	background: -moz-linear-gradient(top,  #7f6162 0%, #806263 5%, #6b4e4e 45%, #644546 48%, #543333 50%, #401e1e 86%, #3b191a 98%, #433232 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f6162), color-stop(5%,#806263), color-stop(45%,#6b4e4e), color-stop(48%,#644546), color-stop(50%,#543333), color-stop(86%,#401e1e), color-stop(98%,#3b191a), color-stop(100%,#433232)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7f6162 0%,#806263 5%,#6b4e4e 45%,#644546 48%,#543333 50%,#401e1e 86%,#3b191a 98%,#433232 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7f6162 0%,#806263 5%,#6b4e4e 45%,#644546 48%,#543333 50%,#401e1e 86%,#3b191a 98%,#433232 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7f6162 0%,#806263 5%,#6b4e4e 45%,#644546 48%,#543333 50%,#401e1e 86%,#3b191a 98%,#433232 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7f6162 0%,#806263 5%,#6b4e4e 45%,#644546 48%,#543333 50%,#401e1e 86%,#3b191a 98%,#433232 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f6162', endColorstr='#433232',GradientType=0 ); /* IE6-9 */

}
.ribbon-title:before,
.ribbon-title-small:before,
.ribbon-title:after,
.ribbon-title-small:after{
	content: " ";
	position: absolute;
	top: 0;
}
.ribbon-title:before,
.ribbon-title-small:before{
	left: -4px;
	border-bottom: 0px;
	border-right: 4px solid #520d0e;
	border-top: 12px solid transparent;
}

.ribbon-title:after,
.ribbon-title-small:after{
	right: -4px;
	border-bottom: 0px;
	border-left: 4px solid #520d0e;
	border-top: 12px solid transparent;
}
.orange-title{
	background: #bc7813;
	padding: 0px;
	color: #fff;
	position:relative;
	text-shadow: 0 0 3px rgba(3, 3, 3, 0.72);
	margin-bottom: 3em;
}
.orange-title h1{
	font-size: 1.4em;
	font-weight: 400;
	margin: 0;
	display: inline;
	text-transform: uppercase;
}
.orange-title{
	background: #ce903f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ce903f 0%, #c78837 25%, #ab651e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce903f), color-stop(25%,#c78837), color-stop(100%,#ab651e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce903f', endColorstr='#ab651e',GradientType=0 ); /* IE6-9 */
}

.orange-title span{
	display: block;
	position: relative;
	padding: 10px 0 10px 0;
}

.orange-title:before,
.orange-title:after{
	content: " ";
	position: absolute;
	bottom: -6px;
}

.orange-title:before{
	left: -30px;
	border-top: 0px;
	border-right: 10px solid #000;
	border-bottom: 6px solid transparent;
}
.orange-title:after{
	right: -30px;
	border-top: 0px;
	border-left: 10px solid #000;
	border-bottom: 6px solid transparent;
}

.orange-title span:after,
.orange-title span:before{
	content: "" ;
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0px;

	background: #ce903f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ce903f 0%, #c78837 25%, #ab651e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce903f), color-stop(25%,#c78837), color-stop(100%,#ab651e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ce903f 0%,#c78837 25%,#ab651e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce903f', endColorstr='#ab651e',GradientType=0 ); /* IE6-9 */
}
.orange-title span:after{
	right: -30px;
}
.orange-title span:before{

	left: -30px;
}

.col-centrada{
    float: none;
    margin: 0 auto;
}

.topnav h3{
  float: left;
  padding: 6px;
  margin-top: 8px;
  margin-right: 16px;
  border: none;
  font-size: 17px;
}

.topnav input[type=text] {
  float: right;
  padding: 6px;
  margin-top: 8px;
  margin-right: 16px;
  border: none;
  font-size: 17px;
}