/********** Nueva vista de Calendario *********/

.dModCalendario .headerCalendario {
    position:relative;
    padding:1.5em 1em;
    box-shadow:0 0 5px 0 rgba(0,0,0,0.2);
    display:block;
    width:100%
}

.dModCalendario .headerCalendario h1 {
    color:#004884
}

.dModCalendario .headerCalendario p {
    color:#333
}

.dModCalendario .headerCalendario .modMenuContainer {
    text-align:right
}

.dModCalendario .headerCalendario .modMenuContainer .actions-header {
    display:inline-block;text-align:center
}

.dModCalendario .headerCalendario .modMenuContainer .modMenu li:last-child {
    display:none
}

.dModCalendario .headerCalendario .modMenuContainer .modMenu li a {
    border-radius:1.5em;
    background-color:#fff;
    border:1px solid #36c;
    color:#36c;
    text-transform:uppercase;
    padding:0.5em 1.5em;
    font-weight:600
}

.dModCalendario .headerCalendario .modMenuContainer .modMenu li a .fa {
    display:none
}

.dModCalendario .headerCalendario .modMenuContainer .modMenu li a:focus,.dModCalendario .headerCalendario .modMenuContainer .modMenu li a:hover {
    background-color:#004884;
    color:#fff;
    border-color:#004884
}

.dModCalendario .u_lstCategoria {
    padding:0.5em
}

.dModCalendario .u_lstCategoria .listCategorias ul {
    padding:0
}

.dModCalendario .u_lstCategoria .listCategorias ul li {
    display:inline-block;
    float:left;
    padding:0.2em
}

.dModCalendario .u_lstCategoria .listCategorias ul li button {
    background-color:transparent;
    border:0;
    padding:0.4em 0.8em;
    color:#36c;
    text-decoration:underline
}

.dModCalendario .u_lstCategoria .listCategorias ul li button:focus,.dModCalendario .u_lstCategoria .listCategorias ul li button:hover {
    color:#004884
}

.dModCalendario .u_lstCategoria .listCategorias ul li a {
    background-color:#e6effd;
    border-radius:1.5em;
    color:#36c;
    font-size:0.9em;
    padding:0.4em 0.8em;
    text-decoration:none;
    transition:0.25s ease-in-out all
}

.dModCalendario .u_lstCategoria .listCategorias ul li a:focus,.dModCalendario .u_lstCategoria .listCategorias ul li a:hover {
    background-color:#36c;
    color:#fff;
    transition:0.25s ease-in-out all
}

.sideCalendario {
    padding:0.5em;
    background-color:#e6effd
}

.sideCalendario h2,.sideCalendario h3 {
    font-size:1em;
    font-weight:bold;
    color:#36c
}

.sideCalendario .asidePanel {
    padding:0.5em
}

.sideCalendario .panelBuscar .form-control {
    border-radius:0.5em
}

.sideCalendario .panelBuscar .input-group-btn {
    font-size:16px;
    padding-left:0.3em
}

.sideCalendario .panelBuscar .input-group-btn .btn {
    border-radius:50%;
    background-color:#36c;
    color:#fff;
    width:30px;
    padding:5px 8px;
    height:30px;
    text-align:center
}

.sideCalendario .panelBuscar .input-group-btn .btn:focus,.sideCalendario .panelBuscar .input-group-btn .btn:hover {
    background-color:#004884;
    color:#fff
}

@media screen and (min-width:992px) {
    .dModCalendario .headerCalendario .container {
        display:flex;
        align-items:center
    }
}

.contEvento {
    margin-bottom: 20px;
    overflow: hidden;
}
.contEvento .comunidadCalen {
    background-color: #E0E6F8;
    position: absolute;
    top: 0px;
    padding: 5px 10px;
    font-weight: 600;
}
.contEvento .imagenEvento {
    height: 160px;
    overflow: hidden;
}
.contEvento img {
    width: auto;
    max-width: 100%;
    margin-bottom: 10px;
    margin: auto;
    display: block;
}
.contEvento .fecha {
    width: 20%;
    float: left;
    text-align: center;
    font-weight: 500;
}
.contEvento .fecha .dia {
    font-size: 1.7em;
    display: block;
}
.contEvento p {
    font-weight: 600;
    margin-top: 10px;
    line-height: 16px;
    height: 50px;
    overflow: hidden;
    width: 80%;
    float: left;
}

/********* EVENTOS DETALLE *********/

.eventoDetalle {
    background: #f5f5f5;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}
.eventoDetalle .imagen {
    padding-left: 0
}
.eventoDetalle .imagen img {
	margin: auto;
}
.eventoDetalle .fecha {
    padding-top: 15px;
}
.eventoDetalle .btn-google-calendar {
    width: 100px;
}
.eventoDescripcion {
    clear: both;
}

/********* CALENDARIO *********/

.calendarioTabla {
    text-align: center;
    margin-bottom: 40px;
}
.calendarioTabla a {
    color: #215A9A;
}
.calendarioTabla thead th span {
    display: none;
}
.calendarioTabla thead th.CalenMes {
    text-align: center;
    color: #215A9A;
}
.calendarioTabla .dias td {
    background: #215A9A;
    color: #fff;
}
.calendarioTabla tbody td.evento {
    background: #fff;
    border: 1px solid #ededed;
}
.calendarioTabla tbody td.evento:hover, .calendarioTabla tbody .hoy {
    background: #215A9A;
}
.calendarioTabla tbody td.evento:hover > a, .calendarioTabla tbody .hoy a {
    color: #fff;
}
.calendarioTabla thead {
    border-bottom: 8px solid #fff;
}
.calendarioTabla tbody td {
    background: #ededed;
    border: 1px solid #fff
}
.calendarioTabla tbody .siguienteMes {
    background: #f5f5f5;
    color: #ccc;
}
@media screen and (max-width:990px) {
    .eventoDetalle .imagen {
        margin-bottom: 20px;
        padding-right: 0;
    }

}
@media only screen and (min-width: 571px) and (max-width:767px) {
	.contEvento {
		width: 50%;
    	float: left;
	}
}
@media screen and (max-width:570px) {
	.contEvento {
		width: 100%;
    	float: left;
	}

}
.etiqueta-govco {
    background-color: #F2F2F2 !important;
    border-radius: 14px !important;
    color: #000000 !important;
    text-align: left;
    font-size: 14px;
    width: 150px;
    height: 28px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
}
.content-etiqueta{
    margin-bottom: 5px;
}