/*-------------------PROPIEDAD FLEXBOX-------------------------------------*/

.flexbox01 {
	display/*\**/
	: inline-block\9;
	display: inline-block;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
  }
  
  .flexbox01>div {
	box-flex: 1;
	-webkit-box-flex: 1;
	-o-box-flex: 1;
	-moz-box-flex: 1;
  }

  .columna04{width:4%;}
  .columna05{width:5%;}
  .columna10{width:10%;}
  .columna15{width:15%;}
  .columna1666{width:16.666%;}
  .columna20{width:20%;}
  .columna23{width:23%;}
  .columna25{width:25%;}
  .columna30{width:30%;}
  .columna35{width:35%;}
  .columna40{width:40%;}
  .columna45{width:45%;}
  .columna50{width:50%;}
  .columna55{width:55%;}
  .columna60{width:60%;}
  .columna65{width:65%;}
  .columna70{width:70%;}
  .columna75{width:75%;}
  .columna80{width:80%;}
  .columna85{width:85%;}
  .columna90{width:90%;}
  .columna95{width:95%;}
  .columna100{width:100%;}

  @media (max-width: 800px) {
	.flexbox01 {display: inline-block; margin: 0px; width: 100%;}

  .columna04, .columna05, .columna10, .columna15, .columna1666, .columna20, .columna23, .columna25, .columna30, .columna35, .columna40, .columna45, .columna50, .columna55, .columna60, .columna65, .columna70, .columna75, .columna80, .columna85, .columna90, .columna95, .columna100{width:100%;}




  }
  
  
  /*-------------------PROPIEDAD FLEXBOX-------------------------------------*/


/*--------------------- ESTILOS DE LA SECCIÓN ESCUCHA -----------------------*/
  .escuchafrontleft{ height: auto; background-image: url("../../escucha/img/bg-competencias-socioafectivas-02.jpg"); background-position: top left; background-size: 55%; background-attachment: fixed; background-repeat: no-repeat;}
  .escuchafrontright{background: #afd3ff; padding: 5%;}
  .paddingpodcastdescription{padding: 5em 2em 5em 2em;}
  .podcasttitleitem1, .podcasttitleitem2, .podcasttitleitem3, .podcasttitleitem4 {font-family: "AvenirLTStd-Black"; font-size: 1.5em; word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .podcasttitleitem1 {color:#2e1e74;} 
  .podcasttitleitem2 {color: #3a5b17;} 
  .podcasttitleitem3 {color: #891b09;}
  .podcasttitleitem4 {color: #07456e;}
  
/*--------------------- ESTILOS DE LA SECCIÓN ESCUCHA -----------------------*/

/*--------------------- ESTILOS DE LA SECCIÓN OBSERVA -----------------------*/
.backgroundobserva{background: #ffd2a8; width: 100%;}
/*--------------------- ESTILOS DE LA SECCIÓN OBSERVA -----------------------*/


/*--------------------- ESTILOS DE LA SECCIÓN SIENTE -----------------------*/
.sienteafecto1 { height: auto; background-image: url("../../siente/img/fnd-nadajor.png"); background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.sienteafecto2 { height: auto; background-image: url("../../siente/img/fnd-nadajor-2.png"); background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.reemplazarbtn{display: block;}
.btngaleriamobile{display: none;}

.galeriadelafectoversion1{overflow:auto;}
.separadorobligatoriodegaleria{display: none;}

@media(max-width: 992px){
  .galeriadelafectoversion1{overflow:auto; height: 700px;}
}

@media(max-width: 768px){
  .reemplazarbtn{display: none;}
  .btngaleriamobile{display: block;}
  .galeriadelafectoversion1{overflow:hidden; max-height: 70vh;}
  .separadorobligatoriodegaleria{display: block; width: 100%; height: 300px;}
}
/*--------------------- ESTILOS DE LA SECCIÓN SIENTE -----------------------*/


.paddingmaintitle{padding: 0 20% 0 20%;}

@media(max-width: 1200px){
  .paddingmaintitle{padding: 0;}
}