/*
NO es bootstrap, pero usa tag parecidos
*/	.letraBlanca{
		color: #FFF;
	}
	.textoCentrado{
		text-align: center;
	}
	.azulClaro{
		background: #DDF;
	}
	.azul{
		background-color: #b6f1ff;
	}
	.azulOscuro{
		background-color: #008cb7!important;
	}
	.amarillo{
		background-color: #f9d200
	}
	.verdeClaro{
		background-color: #DFD;
	}
	.verde{
		background-color: #bde1bd;
	}
	.rojoClaro{
		background-color: #FDD;
	}
	.rojo{
		background-color: #fdbbbb;
	}
	.gris{
		background-color: #eee;
	}
	
	.containerLanding  td {
		padding-left: 5px;
	}

	.containerLanding .card-item .date small {
		color: #666;
		font-size: 11px;
		font-size: .6875rem;
		font-weight: 600;
	}
	.mosaic .card-body .description {
		display: none;
	}
	.containerLanding *, .containerLanding ::before, .containerLanding ::after {
		box-sizing: border-box;
	}
	.containerLanding {
		width: 100%;
		padding-right: 14px;/*15px;*/
		padding-left: 10px; /*15px;*/
		margin-right: auto;
		margin-left: auto;
	}
	
	.containerLanding .row{
		display: flex; 	flex-wrap: wrap; 	
		margin-right: -10px; 	
		margin-left: -10px; 
	}
	.containerLanding .no-gutters {
		margin-right: 0;
		margin-left: 0;
	}

	.containerLanding .col-12 {
		width: 100%;
		margin-bottom: 10px;
	}
	.containerLanding .col-7 {
		width: 75%;
		padding-left: 15px;
	}
	.containerLanding .col-5{
		width: 25%;
	}
	.containerLanding .col-2-imgGrande {
		width: 70%;
		padding-left: 15px;
	}
	.containerLanding .col-2-imgPeq{
		width: 30%;
		margin-top: auto;
		margin-bottom: auto;
	}
	@media (max-width: 1200px) {
		.containerLanding {
			/*max-width: 1140px;*/ /* -60px */
			max-width: 855px;
		}
		/*
		.col-12 {
			width: 50%;
		}
		.col-7 {
			width: 50%;
		}
		.col-5{
			width: 50%;
		}*/
	}
	@media (max-width: 992px) {
		.containerLanding {
			/*max-width: 960px;*/	/* -32px */
			max-width: 720px;
		}
		/*
		.col-12 {
			width: 50%;
		}		
		.col-7 {
			width: 50%;
		}
		.col-5{
			width: 50%;
		}*/
	}
	
	@media (max-width: 900px) {
		.containerLanding {
			/*max-width: 960px;*/	/* -32px */
			max-width: 720px;
			padding-right: 0;
		}
		.containerLanding .col-12 {
			width: 50%;
		}
		.containerLanding .col-7{
			width: 98%;
			padding-left: 0px;
		}
		.containerLanding .col-5{
			width: 98%;
		}
		.containerLanding.listImg .col-12 {
			width: 100%;
		}
		.containerLanding .col-2-imgGrande {
			width: 100%;
			padding-left: 15px;
		}
		.containerLanding .col-2-imgPeq {
			width: 100%;
		}
	}

	@media (max-width: 768px) { 
		.containerLanding {
			/* max-width: 720px;*//* -48px */
			max-width: 540px;
			padding-right: 0;
		}
	 /* .col-12 {
			width: 50%;
		}
		.col-7 {
			width: 50%;
		}
		.col-5{
			width: 50%;
		}*/
	}

	@media (max-width: 576px) {
		.containerLanding {
			/* max-width: 540px; /* -36px */
			max-width: 540px;
			padding-right: 0;
			padding-left: 0px;
		}
		.containerLanding .row{
			margin-left: 0px;
		}
		.containerLanding .col-12 {
			width: 100%;
		}
		.containerLanding .col-7,
		.containerLanding .col-2-imgGrande {
			width: 100%;
			padding-left: 15px;
		}
		.containerLanding .col-5,
		.containerLanding .col-2-imgPeq {
			width: 100%;
		}
	}

/*
*	caso mosaic
*/
	.mosaic .col-12 {
		width: 23%;
		margin: 0 auto 10px auto;
			}
	.mosaic .col-7 {
		width: 100%;
		padding-left: 15px;
		
	}
	.mosaic .col-5{
		width: 100%;
		margin: 0 auto;
	}
	@media (max-width: 1200px) {
		
	}
	@media (max-width: 992px) {
		.mosaic .col-12 {
			width: 31%;
		}
	}
	
	@media (max-width: 900px) {
		.mosaic .col-12 {
			width: 31%;
		}
	}

	@media (max-width: 768px) { 
		.mosaic .col-12 {
			width: 48%;
		}
	}

	@media (max-width: 576px) {
		.mosaic .col-12 {
			width: 100%;
		}


	}
	
/**
* Tablas
*/
/* Inicio stacktable.css  */
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }
/* RESPONSIVE EXAMPLE */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}
/* Fin stacktable.css  */


/*
* especificos ejemplo agenda
*/
#agenda th {
    /*text-align: left;*/
    padding-right: 1em;
}
#agenda th, #agenda td.sub {
    background-color: #eee;
}
#agenda td, .stacktable td {
    padding: .5em;
}
#agenda .sub {
    font-weight: bold;
}