/* Add here all your css styles (customizations)323d59 */
@media (min-width: 992px) {
	.header-v4 .navbar-collapse {
		background-color: var(--colorPrincipalWeb);
	}

	.header-v4 .navbar-default .navbar-nav>li>a:hover,
	.header-v4 .navbar-default .navbar-nav>.active>a {
		border-top: solid 2px var(--colorSecundarioWeb);
		;
	}
}

@media (max-width: 991px) {
	.header-v4 .navbar-default .navbar-nav>li>a {
		color: #687074;
		font-size: 15px;
		font-weight: 400;
		text-transform: uppercase;
		background-color: var(--colorPrincipalWeb);
	}

	.header-v4 .navbar-default .navbar-nav>.active>a,
	.header-v4 .navbar-default .navbar-nav>.active>a:hover,
	.header-v4 .navbar-default .navbar-nav>.active>a:focus {
		background: inherit;
		color: var(--colorPrincipalWeb) !important;
	}
}

a,
a:hover {
	color: var(--colorPrincipalWeb);
}

.btn-u,
.btn-u.btn-u-default {
	color: #FFF;
	background: var(--colorPrincipalWeb);
}

.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u,
.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u,
.btn-u.btn-u-default:hover,
.btn-u.btn-u-default:focus,
.btn-u.btn-u-default:active,
.btn-u.btn-u-default.active,
.open .dropdown-toggle.btn-u.btn-u-default {
	color: #FFF;
	background: var(--colorPrincipalWeb);
}

.construccion {
	font-size: 36px;
	background-color: var(--colorPrincipalWeb);
	padding: 20px;
	text-align: center;
	color: #FFF;
	width: 100%;
	float: left;
}

.bannerCerrado {
	font-size: 20px;
	background-color: var(--colorPrincipalWeb);
	padding: 20px;
	text-align: center;
	color: #FFF;
	width: 100%;
	float: left;
}

.tag-box-v1 {
	border: solid 1px #eee;
	border-top: solid 2px var(--colorPrincipalWeb);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	color: #fff;
	background-color: var(--colorPrincipalWeb);
	border-color: var(--colorPrincipalWeb);
}

.panel-heading {
	color: #fff;
	background-color: var(--colorPrincipalWeb) !important;
}

h3 {
	border-bottom: none;
}

.programaTitulo {
	background-color: var(--colorPrincipalWeb);
}

h4.text-primary.horaPrograma {
	color: #585f69;
	background-color: #ebeaea;
	padding: 5px 10px 5px 10px;
}

.programaSubPonencia {
	color: var(--colorPrincipalWeb);
	margin: 0 11px 0 50px;
	font-size: 20px;
	padding-bottom: 10px;
}

.programaSala {
	margin: 0px 11px 0px 50px;
	font-style: italic;
}

.programaEncargadoDe {
	margin-left: 50px;
	text-decoration: underline;
	font-size: 18px;
}

.programaPonente {
	margin: 0px 11px 0px 50px;
	font-size: 18px;
}

.programaFiliacion {
	margin: 0px 11px 0px 50px;
	font-style: italic;
}

.funny-boxes-top-sea {
	border-top: solid 2px var(--colorPrincipalWeb);
}

.text-primary {
	color: var(--colorPrincipalWeb);
}

.funny-boxes p a,
.funny-boxes p a {
	color: var(--colorPrincipalWeb);
}

.headline h2,
.headline h3,
.headline h4 {
	border-bottom: 2px solid var(--colorSecundarioWeb);
}

.detallePrograma {
	background-color: var(--colorPrincipalWeb);
	height: 80px;
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	font-size: 18px;
	border-style: solid;
}

#headLogin {
	background-color: var(--colorPrincipalWeb);
	color: #FFF;
}

.errorValidated {
	color: #B00;
}

.sky-form header {
	color: inherit;
	display: block;
	font-size: 20px;
	background: var(--colorPrincipalWeb);
	color: #FFF;
	font-weight: 400;
	padding: 8px 30px;
}

.cabeceraTabla {
	background-color: var(--colorPrincipalWeb);
	color: #FFF;
}

.pagination li a:hover {
	color: #fff;
	background: #CCC;
	border-color: #CCC;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	border-color: var(--colorPrincipalWeb);
	background-color: var(--colorPrincipalWeb);
}

.btn-primary {
	background-color: var(--colorPrincipalWeb) !important;
	border-color: var(--colorPrincipalWeb) !important;
}

.colorWeb {
	color: var(--colorPrincipalWeb) !important;
}

.fondoColorWeb {
	background-color: var(--colorPrincipalWeb) !important;
}

.fondoColorTextoWeb {
	background-color: var(--colorPrincipalWeb) !important;
	color: #FFF !important;
}

.modal-header {
	background-color: var(--colorPrincipalWeb) !important;
}

.filaTabla {
	color: #FFF;
	font-size: 16px;
	font-weight: 300;
	background-color: #999;
}

.filaTabla2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	padding-top: 15px !important;
}

.fondoAsigna {
	background-color: var(--colorPrincipalWeb);
	color: #FFF;
	padding: 10px;
	margin: 0px;
}

.botonAsigna {
	background-color: var(--colorPrincipalWeb);
	color: #FFF;
	padding: 10px;
	margin-left: 25%;
	margin-right: 25%;
}

.textoGris {
	color: #666 !important;
}

.thumbnail-style a.btn-more {
	background: var(--colorPrincipalWeb);
}

.thumbnail-style a.btn-more:hover {
	box-shadow: 0 0 0 2px var(--colorPrincipalWeb);
}

.card-title {
	border-radius: 5px !important;
	background: var(--colorPrincipalWeb);
	color: white;
	padding: 10px;
	width: 95%;
	text-align: center;
}