/*
    Theme Name: Bell
    Theme URL: https://bootstrapmade.com/bell-free-bootstrap-4-template/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

.temarioseccioncomunidad{width: 50%; padding: 0.5em; }
.temarioseccionpadres{width: 33%; padding: 0.5em; }

.temariodoscolumnas{width: 50%; padding: 0.5em; }
.temariotrescolumnas{width: 33%; padding: 1em; }
.temariocuatrocolumnas{width: 25%; padding: 1em; }
.temariocincocolumnas{width: 20%; padding: 1em; }

.columna10{width: 10%;}
.columna20{width: 20%;}
.columna30{width: 30%;}
.columna40{width: 40%;}
.columna60{width: 60%;}
.columna70{width: 70%;}

.paddingcol1{padding: 0 0 0 3em;}

/*-------------------PROPIEDAD FLEXBOX-------------------------------------*/
.flexbox {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; }
.flexbox > div{box-flex: 1;-webkit-box-flex: 1;-o-box-flex: 1;-moz-box-flex: 1;}
/*-------------------PROPIEDAD FLEXBOX-------------------------------------*/

@media (max-width: 1000px) {
	.temarioseccioncomunidad, .temarioseccionpadres, .temariodoscolumnas, .temariotrescolumnas, .temariocuatrocolumnas, .temariocincocolumnas{width: 100%}
	.columna10, .columna20, .columna30, .columna40{width: 100%;}
}

@media (max-width: 800px) {
	.columna10, .columna20, .columna30, .columna40 , .columna40, .columna70{width: 100%;}
	.paddingcol1{padding:1em;}
	.flexbox {display:inline-block;margin: 0px;width: 100%;}
}