/*<div style="width: 100%; margin: 0 auto; display: flex; justify-content: center;">class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"class="escalar_imagen"<div style="width: 100%; margin: 0 auto; display: flex; justify-content: center;"><div style="width: 100%; margin: 0 auto; display: flex; justify-content: center;"/******
* DEMO
*******/
/* /!\ */
/* Demo specific css
   ========================================================================== */
body{ margin: 0; padding:0; font: 400 100%/1.4 'Open Sans',sans-serif; color: #555; background-color: #FFFFFF; }
*{ box-sizing: border-box; }
*::after,*::before{ box-sizing: border-box; }
h1{ font-size: 1.4rem; color: #333399; font-family: Lato; font-weight: 400; text-align: center;
    margin: 1em 0 0; line-height: 0.9;}
h2{ font-size: 1.2
	rem; color: #333399; font-family: Lato; font-weight: 400; text-align: center;}
h3{ font-size: 1.1rem; color: #333399; font-family: Lato; font-weight: 300; text-align: center;}
h4{ font-size: 1rem; color: #333399; font-family: Lato; font-weight: normal; text-align: center;}
p { font-size: 1rem; color: #333399; font-family: Lato; font-weight: 400; text-align: center;}
a { font-size: 0.75rem; color: #333399; font-family: Lato; font-weight: 500; text-align: center;}
ul{ padding:0; list-style-position: inside; }
li{ font-size: 0.9rem; margin: 0; }
/*------------------------------------------------------------------------------*/
.h1_cabecera{
	font-size: 18px;
	display:inline;
}
.demoPage {
  max-width: 80em;
  margin: 0;
  /*padding: 0 1em;*/
  padding-left: 0rem;
  padding-right: 0rem;
}
.demoPage h1 {
  font-size: 1rem;
  margin-bottom: 1em;
  text-align: center;
}
.demoPage h2 {
  margin-top: 3em;
}
.demoPage a {
  color:  #000033;
}
.header {  
  /*background: #f7f7f7;*/
  background-color:#FFFFFF;;
  position: relative;
  margin-bottom: 50px;
  color: #000033; 
  padding-top: 1rem;
  padding-left: 6rem;
  padding-right: 1rem;
  text-align: center;
 }
.header a {
  color: inherit;
  text-decoration: none;
}
.header p {
    color: #4F0B75;
    margin: 0 auto;
	padding-left: 100px;/*resulta que no hay ningún p*/
}
.flex-container2{
	display: flex;
	/*flex-wrap: row;*/	
	flex-direction: row;
	flex-flow: column;	
	/*flex-direction: column;
  	align-items: center;
    justify-content: flex-end;*/
	padding-left: 100px;    
    /*border:  1px solid black;
    border-radius: 1rem;*/ 
	background-color: #FFFFFF;
}
footer {
  background: #FFFFFF;;
  position: relative;
  margin-bottom: 50px;
  color: #000033;  
  padding-left: 6rem;
  padding-right: 1rem;
  text-align: center;
}
footer p {
  color:#000033;
  font-weight: 400;  
  font-size: 1rem;
  font-family: Lato;
  text-align: center;   
  padding-left: 5em;
  padding-right: 2em;
 }
footer a {
  color: inherit;
}
.row {
	overflow: hidden;
	background-color: #FFFFFF;
}
.demo {
  width: 100%;
  /*background: rgba(147, 128, 108, 0.2);*/
  background-color: #FFFFFF;
  text-align: center;
  padding: 0;
  /*padding-left: 2 rem;
  padding-right: 2 rem;*/
}
table {
  width: 100%;
  border-collapse: collapse;
}
table td,
table th {
  border: 1px solid rgba(147, 128, 108, 0.5);
  padding: .5em;
}
.bs-callout,
pre {
  padding: 1.25em;
  margin: 1.6em 0;
  background: #fcfcfc;
  border: 1px solid #e6e6e6;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout {
  max-width: 100%;
  overflow-x: auto;
  border-color:  #000033;
  /*border-color: #8cc84b;*/
}
pre {
  overflow-x: auto;
  font-size: .875em;
  white-space: pre;
  word-wrap: normal;
}
pre.doc {
  border-color:  #000033;
}
/**/
.demo {
  width: 100%;
  background: rgba(147, 128, 108, 0.2);
  text-align: center;
}
.demo_footer{
	display: flex;
  	flex-direction: column;
  	flex: 2;
	padding: 1rem;
}
.demo-left {
  text-align: left;
}
.demo p {
  margin: 0; 
}
@media screen and (max-width: 35.5em) {
  .demo p {
    padding: .5rem;
  }
}
.demo-explain {
  margin: 0;
  padding: 0;
}
.demo img,
.demo-card img {
  display: block;
  max-width: 100%;
  height: auto;
}
.withBorder {
  border: 1px solid rgba(147, 128, 108, 0.5);
}
.withBorder .col,
.withBorder [class*='col-'] {
  padding: 0;
}
.withBorder .demo {
  border: 1px solid rgba(147, 128, 108, 0.5);
}
.demo-card{
  background-color: white;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  /*color: #4a4a4a;*/
  color: #2B1683;
}
.demo-card p{
  margin: 1rem;
}
.demo-card-footer{
  border-top: 1px solid #dbdbdb;
  padding-left: 100px;
  padding-bottom: 80px;
  color: #2B1683;
}
.demo-card-footer .col{
  text-align: center;
}
.demo-card-footer .col:not(:last-child){
  border-right: 1px solid #dbdbdb;
}
.demo-card-footer a{
  display: block;
  padding: .5rem;
  text-decoration: none;
}


/* Tooltip */
section:nth-child(n+3) [class*="grid-"],
section:nth-child(n+3) [class*="col-"] {
  position: relative;
  cursor: help;
  
}
section:nth-child(n+3) [class*="grid-"]:hover:after,
section:nth-child(n+3) [class*="col-"]:hover:after {
  content: attr(class);
  padding: 2px 8px;
  position: absolute;
  left: 0.5rem;
  top: 0;
  white-space: nowrap;
  z-index: 20;
  background-color: #555;
  color: #fff;
  font-size: .8rem;
}
/*--------------------------------------------------*/
.escalar_imagen:hover{
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-moz-transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}
.escalar_imagen{
	overflow: hidden;
	}
/*--------------------------------------------------*/