@charset 'utf-8';

/*movil pequeño*/
div.contenedor_flex{
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     max-width: 2000px;
     margin:15px auto;
     align-self: start;
}

/*breadcrumb*/
div.breadcrumb{
max-width:2000px; 
margin-top: 15px;
}

div.breadcrumb ul{
width: 95%;
margin-left: 2.5%;
margin-right: 2.5%;
display:inline-flex;
flex-direction: column;
position: relative;
align-self: center;
}

div.breadcrumb li.inicio{
flex:0 3 75%;
padding: 2.5px;
margin-bottom: 10px;
top:5px;
}

div.breadcrumb li.breadcrumb-item{
/*flex:0 3 75%;*/
margin-top: 5px;
}

.breadcrumb-item+.breadcrumb-item::before{
  position:relative;
  background: url(../img/separador.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: url(../img/espacio.png);
    width:60px;
    left:-10px;
    line-height:50px;
}
/*
div.breadcrumb a:first-child button{

}*/

/*principal*/
div.contendor_flex main.contenido_principal{
 flex-grow: 0;
 flex-shrink: 3;
 flex-basis: 95%;
 padding: 5%;
 order:2;
 margin-top: 5px;
}

div.contenedor_flex main.contenido_principal h1:first-child{
  text-align: center; 
}

div.contenedor_flex main.contenido_principal p{
	font-size: 15px;
}

/*laterales*/
div.contenido_flex aside.side_bar{
flex:0 1 97.5%;
padding: 2.5%;
display: flex;
}


div.contenedor_flex aside.side_bar:nth-child(3){
/*  display: flex;
flex-direction: column;
*/order: 1;
/*align-self: baseline; /*stretch*/;
}

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales article{
flex-grow: 0;
flex-shrink: 3;
flex-basis:97.5%;
padding: 2.5%;
}

div.contenedor_flex aside.side_bar:nth-child(3) div{
    
}

div.contenedor_flex aside.side_bar:nth-child(3) div:first-child, 
div.contenedor_flex aside.side_bar:nth-child(2) div:first-child{
margin-top: 15px;
}

/*publucidad*/

@media(min-width: 460px){

div.contenedor_flex aside.side_bar:nth-child(3) div{
/*flex-grow: 0;
flex-basis:33%;*/
}


}

/*movil grande*/
@media(min-width: 480px){

div.contenedor_flex{flex-flow:column wrap;
justify-content: center;
}

/*principal*/
div.contenedor_flex main.contenido_principal{
flex-basis: 1 0 95%;
margin-left: 2.5%;
margin-right: 2.5%;
}

/*breadcrumb*/
div.breadcrumb ul{
  flex-flow: row wrap;
}

div.breadcrumb li.breadcrumb-item.inicio{
flex-basis: 12%;
margin-bottom: 0px;
}


/*laterales*/

div.contenido_flex aside.side_bar{
 flex:0 1 97.5%;
 padding: 2.5%;
}

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales{
	flex-flow:row wrap;
}

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales h4{
	flex:1 3 95%;
	margin-left: 2.5%;
}

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales article{
flex-grow: 1;
flex-basis:45%;
}

div.contenedor_flex aside.side_bar:nth-child(3){
/*flex-flow:row wrap;
justify-content: center;*/
}

div.contenedor_flex aside.side_bar:nth-child(3) div{
/*flex-grow: 0;
flex-basis:33%;*/
}


div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales article,
div.contenedor_flex aside.side_bar:nth-child(3) div{
flex-shrink: 3;
padding: 2.5%;
}

div.contenedor_flex aside.side_bar:nth-child(2) div:first-child,
div.contenedor_flex aside.side_bar:nth-child(3) div:first-child 
{
margin-top: 30px;
}

}

/*tableb*/
@media (min-width: 768px){
/*breadcrumb*/
div.breadcrumb li.breadcrumb-item.inicio{
  flex-basis: 7%;
}


/*laterales*/
div.contenedor_flex aside.side_bar{
flex:2 1 97.5%;
}

/*div.contenedor_flex aside.side_bar:nth-child(2){
  
}*/

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales{
  flex-flow:row wrap;
}

div.contenedor_flex aside.aside_bar:nth-child(2) div.articulos_laterales h4{
	flex:1 3 95%;
	margin-left:2.5%;
}

div.contenedor_flex aside.side_bar:nth-child(3){
  /* order:1;
   flex-flow: row wrap;*/
}

div.contenedor_flex aside.side_bar:nth-child(3) div{
 /*flex-grow: 0;
 flex-shrink: 1;
flex-basis: 20%;*/
}

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales article{
 flex-grow: 1;
 flex-shrink: 1;
flex-basis: 47.5%;
}

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales article,
div.contenedor_flex aside.side_bar:nth-child(3) div{
/* flex:0 1 47.5%;*/
 padding: 2.5%;
 /*margin:auto; */
}


}

/*escritorio */
@media(min-width: 1024px){

div.contenedor_flex{flex-direction: row;
	flex-wrap: wrap;
	padding-top:25px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
} 

/*principal*/
div.contenedor_flex main.contenido_principal{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 45%;
    order:2;
    padding: 2.5%;
    margin:0px auto;
}

div.contenedor_flex main.contenido_principal p{
	font-size: 18px;
}

/*laterales*/
div.contenedor_flex aside.side_bar{
  flex-grow: 0;
  flex-shrink: 1;
  padding: 2.5%; 
}

div.contenedor_flex aside.side_bar:nth-child(2){
/*display: block;*/
 flex-basis: 22.5%;
order:3;
}


div.contenedor_flex aside.side_bar:nth-child(3){
  /*order:-1;*/
   flex-basis: 30%;
  flex-direction: row;
  /*flex-wrap: wrap;*/
}

div.contenedor_flex aside.side_bar:nth-child(3) div:first-child{
  margin-top: -5px;
}

div.contenedor_flex aside.side_bar:nth-child(2) div.articulos_laterales article,
div.contenedor_flex aside.side_bar:nth-child(3) div{
/*flex-basis: 97.5%;*/
 flex:1 1 96.5%;
 padding: 2.5%;
 margin:auto; 
/*flex-grow: 3;*/
/*margin:auto;*/
}

}

@media(min-width: 1150px){

div.contenedor_flex main.contenido_principal{
flex-basis: 47%;
}

div.contenedor_flex aside{
flex-basis: 22.5%;
}

}