/* -- HEADER -- */

.navbar{
	margin-bottom: 0;
}

.jumbotron {
	background: #1967AE;
	color: #fff;
	padding: 20px 0;
}

.navbar-nav {
	text-align: center;
}
.nav{
	text-align: center;
}

.navbar-nav.navbar-center {
	position: relative;
	left: 50%;
	transform: translatex(-50%);
}

/* Body */ 

.jumbotron.center-img {
    /*display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;*/
    margin: 0 auto;
}
.centered { float: none; margin-left: 0; margin-right: 0; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*Body*/

/*centrar element horizontal and vertical 
https://stackoverflow.com/questions/8865458/how-do-i-vertically-center-text-with-css
*/


div.centrar{
  width: 200px;
  height: 200px;
  border-width: thick;
 /* justify-content: center;*/
  /*text-align: center;
  vertical-align: middle;*/
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  margin-right: 5px;
  border-color: #1967AE;
  margin-left: 5px;
}
div.centrar1{
  width: auto;
  height: auto;
  border-width: thick;
 /* justify-content: center;*/
  /*text-align: center;
  vertical-align: middle;*/
  display: flex;
  justify-content: center; /* align horizontal */
  align-items: center; /* align vertical */
  margin-right: 5px;
  border-color: #1967AE;
  margin-left: 5px;
}
img.size_img{
  size: 500px;
}

.white {
  color: white;
}

.tab{
  border-style: solid;
}
/*home*/
.nav.nav-pills > li > a {
  /*type border  https://www.w3schools.com/css/css_border.asp*/
  border-style: solid;
  /*border-style: dotted;*/

  /* flex box https://stackoverflow.com/a/50892417*/
  justify-content: center;
  display: flex;
  

}
/*.nav-pills >li.active > a:hover{
  color: black;
  border-color: pink;

}*/
/*.nav-pills>li.active > a:focus{
  color: yellow;
}*/
.nav-pills>li.active > a{
  border-color: #1967AE;
}

.trans_panel{
  background-color:rgba(0,0,0,0.7); 
  color:white;
  //margin: 50px;
  margin-left: 30px;
  //margin-top: 300px;
  margin-bottom: 350px;
  text-align: justify;
}

.letter{
  font-size: 50px;
  text-align: center;
  color: #1967AE;
  margin-top: 50px;

}

.owl-two{
    max-height:500px;
    width:90%;
    
    display: flex;
    justify-content: center;
}

.center_content{
  display: flex;
  justify-content: center;  /* align horizontal */
  align-items: center;      /* align vertical   */
}
div.contacto{
  margin-left: 20px;
  margin-right: 20px;
  border-width: thick; 
  border-color: #1967AE;
}
div.border_cont{
  border-color:#1967AE;
  text-align: center;
  /*margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;*/
  margin: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.center_button{
  margin-left: 100px;
}


/* Footer */
/*footer end of page and not 
https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height-b
https://codepen.io/vsync/pen/FyluI
*/
html{ height:100%; }
body{ min-height:100%; padding:0; margin:0; position:relative; }
body::after{ content:''; display:block; height:440px; }

.site-footer {
  text-align: center;
    position:absolute; 
    bottom:0; 
    width:100%; 
    height: auto; 
    padding: 20px 0;
}
.site-footer{
  background: #1967AE;
  color: #fff;
}
.site-footer{
  visibility: false;
}