/**
* Tabla contenido :
* 1. ESTILOS BASICOS
* 2. INICIO DEFAULT CSS
*	2.1 CSS IMPORTANTES
*	2.2 CSS COMUNES
*	2.3 CSS DISEÑO
*	2.4 CSS TAMAÑO FUENTE
*	2.5 CSS COLOR
*	2.6 CSS BOTONES
*	2.7 CSS BLOCK
*	2.8 CSS ACORDEON
*	2.9 CSS DROPCAP
*	2.10 CSS LISTA DE CATEGORIAS
*	2.11 CSS MATERIAL PUBLICACION CARD
*	2.12 CSS ETIQUETAS
*	2.13 CSS PAGINACION
*	2.14 CSS FLEXSLIDER
*	2.15 CSS BOTONES REDES SOCIALES
*	2.16 CSS DROPDOWN
*	2.17 CSS TABLAS
*	2.18 CSS IMAGENES
*	2.19 CSS PARRAFOS BLOQUES
*	2.20 CSS TITULO PAGINA
*	2.21 CSS PAGINA 404
* 3.0 CSS HEADER	 
* 4.0 CSS HEADER 2
* 5.0 CSS INICIO
*	5.1 CSS SERVICIO INICIO
*	5.2 CSS ABOUT INICIO
*	5.3 CSS CARRUSEL SLIDER INICIO
*	5.4 CSS FEATURE INICIO
*	5.5 CSS TESTIMONIAL INICIO
* 6.0 CSS PAG SERVICIO
*	6.1 CSS SERVICE CARD
*	6.2 CSS FEATURE
* 7.0 CSS APP DATA
*	7.1 CSS APP DATA CARD
*	7.2 CSS DEPARTMENT
* 8.0 CSS MISION VISION PAGINA
* 9.0 CSS LISTA BLOG
* 10.0 CSS PAG BLOG
* 11.0 CSS FOOTER
*	11.1 CSS FOOTER PRINCIPAL
*	11.2 CSS FOOTER COPYRIGHT
* 12.0 CSS MEDIA QUERIES
* 13.0 CSS EXTRAS SISPRO
*/

/*[ 1. ESTILOS BASICOS ]*/
html {height: 100% !important;}
body {
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 1.6;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
a {
	text-decoration: none !important;
	color: #333;
	line-height: 1.6;
	font-weight: 400;
	cursor: pointer;
}
a:hover, a:active {
	outline: 0;
	color: #3366CC;
}
p, span {line-height: 1.6;}
label {
	line-height: 1.6;
	font-weight: 400;
	margin: 0;
}
input, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
textarea {resize: none;}
button {
	background-color: transparent;
	border: 0;
}
button:active {outline: none;}
select {
	border: none;
	outline: none;
}
select:focus {
	border: none;
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	/*font-weight: 500;*/
	line-height: 1.6;
	letter-spacing: normal;
}
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 16px}
h6 {font-size: 14px}
blockquote {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
blockquote::after {display: none;}
blockquote::before {display: none;}

/*[ 2. INICIO DEFAULT CSS ]*/
/* [ 2.1 CSS IMPORTANTES ] */
.mdl-button, .mdl-textfield__input {font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;}

.mdl-textfield__label::after, .mdl-selectfield__label::after {background-color: #3366CC;}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.mdl-selectfield--floating-label.is-focused .mdl-selectfield__label,
.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label {
	color: #3366CC;
}

.mdl-card.mdl-shadow--2dp {width: 100%;}
.mdl-card__title {height: 300px;}
.img-thumbnail, .modal-content {border-radius: 2px;}
.fc th {background: #3366CC;}
.fc-state-down, .fc-state-active {
	color: #FFF;
	background: #3366CC;
}
.mdl-data-table {width: 100%;}
.alert {
	font-size: 13px;
	letter-spacing: .5px;
	text-align: left;
}
.card-title {margin-top: 0;}
h4.card-title a {font-size: 18px; text-align: center;}
.modal-header h5 {font-size: 24px;}
.badge {
	padding: 0.4em .8em;
	font-size: 100%;
	letter-spacing: .5px;
	vertical-align: baseline;
	font-weight: 500;
}
.badge-primary {background-color: #3366CC;}
.badge-secondary {background-color: #EEE;}
.badge-success {background-color: #0bc36e;}
.badge-warning {background-color: #fec107;}
.badge-danger {background-color: #fb9678;}
.badge-info {background-color: #03a9f3;}
.badge-light {background-color: #EEE;}
.badge-dark {background-color: #555;}
.progress-sm {
	height: 5px;
	border-radius: 2px;
}
.progress-md {
	height: 10px;
	border-radius: 4px;
}
.progress-lg {
	height: 16px;
	border-radius: 4px;
}
.progress-bar-primary {background-color: #3366CC;}
.progress-bar-warning {background-color: #fec107;}
.progress-bar-success {background-color: #0bc36e;}
.progress-bar-danger {background-color: #fb9678;}
.progress-bar-info {background-color: #03a9f3;}
.bg-primary {background-color: #3366CC !important;}
.bg-success {background-color: #0bc36e !important;}
.bg-warning {background-color: #fec107 !important;}
.bg-danger {background-color: #fb9678 !important;}
.bg-info {background-color: #03a9f3 !important;}
.panel {border: 1px solid #DDD;}
.panel.panel-default > .panel-heading {color: #333;}
.panel > .panel-heading {
	color: #3366CC;
	padding: 10px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 2px;
	background-color: #FAFAFA;
	border-color: #DDD;
}
.panel .panel-body {
	padding: 16px;
	font-size: 14px;
	color: #333;
}
.panel .panel-footer {
	font-size: 14px;
	color: #555;
	padding: 16px;
	background: #EEE;
	border-top: 1px solid #EEE;
	border-radius: 2px;
}
.panel-body {font-size: 12px;}
.panel-footer {font-size: 12px;}
.panel-primary > .panel-heading {background-color: #dcfbff;}
.panel-success > .panel-heading {background-color: #0bc36e;}
.panel-warning > .panel-heading {background-color: #fec107;}
.panel-danger > .panel-heading {background-color: #fb9678;}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
	cursor: default;
	background-color: #3366CC;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #3366CC;
}
.alert-success {
	color: #0bc36e;
	background-color: rgba(11, 195, 110, 0.1);
	border-color: rgba(11, 195, 110, 0.1);
}
.alert-primary {
	color: #3366CC;
	background-color: rgba(3, 169, 243, 0.1);
	border-color: rgba(3, 169, 243, 0.1);
}
.alert-warning {
	color: #fec107;
	background-color: rgba(254, 193, 7, 0.1);
	border-color: rgba(254, 193, 7, 0.1);
}
.alert-danger {
	color: #fb9678;
	background-color: rgba(251, 150, 120, 0.1);
	border-color: rgba(251, 150, 120, 0.1);
}

/* [ 2.2 CSS COMUNES ] */
.layer-wrapper, .button-icon span, .button-icon .fa, .theme-block-hover,
.theme-block-picture img, .theme-block-picture::before, .slider-appointment a, .feature-icon, .feature-icon .fa, #area-seguimiento .feature-icon, .feature-icon .fa,
.blog-list-picture img, .blog-full-img img, .contact-info-inner, .blog-picture, .hm-service-block .fa,
.hm-about-icon .fa, .theme-dropdown li::after, .theme-img img, .theme-img::before, .hm-carrusel, .hm-carrusel h6 {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.theme-block-hidden:hover{
	box-shadow:0 0 10px 0 black;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.theme-block-hidden {padding: 3px;}

.page-ttl::before, .parallax-background::before {
	background: rgba(5, 32, 73, 0.7);
}

.theme-block, .form-container, .theme-table-container, .map-address,
.hm-feature-block-1 {
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.tbl {
	display: table;
	width: 100%;
}

.tbl-row {display: table-row;}

.tbl-cell {
	display: table-cell;
	vertical-align: middle;
}
.tbl-cell.hm-about-icon {vertical-align: top !important;}

/* [ 2.3 CSS DISEÑO ] */
.layer-stretch {
	position: relative;
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
	overflow: hidden;
}

.layer-tablet {
	width: 992px;
	margin: 0 auto;
}

.layer-mobile {
	width: 448px;
	margin: 0 auto;
}

.layer-fixed {
	position: relative;
	max-width: 680px;
	width: 100%;
	margin: 0 auto;
}

.layer-wrapper {
	position: relative;
	width: 100%;
	padding: 15px 0 15px 0;
	margin: 0;
}

.layer-bottom-0 {padding: 50px 0 0 0;}
.layer-bottom-10 {padding: 20px 0 20px 0;}

.colored-background {
	width: 100%;
	background: linear-gradient(to right, rgba(130,190,66,0.85) 0%,rgba(48,178,210,0.85) 50%,rgba(28,76,147,0.85) 100%);
}

.parallax-background {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax-background::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.parallax-background-1 {background-image: url(../uploads/background-1.jpg);}

.parallax-background-2 {background-image: url(../uploads/background-2.jpg);}

.parallax-background-3 {background-image: url(../uploads/background-3.jpg);}

.layer-ttl {
	text-align: center;
	margin: 0 0 40px 0;
}
.layer-ttl h3 {
	position: relative;
	font-size: 32px;
	font-weight: 500;
	color: #015259;
	line-height: 1;
	display: inline-block;
	margin: 0;
	padding: 12px 25px 15px 25px;
	background: #EBFCFD;
	border-bottom: 2px solid #02A7B6;
	border-radius: 4px;
}
.layer-ttl-white h3 {
	color: #EBFCFD;
	background: #015259;
	border-bottom: 2px solid #EBFCFD;
}
.sub-ttl {
	position: relative;
	display: inline-block;
	width: 100%;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: .5px;
	color: #555;
	text-align: center;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}
.sub-ttl-lat {
	position: relative;
	display: inline-block;
	width: 100%;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #555;
	text-align: center;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}
.sub-ttl::before, .sub-ttl-lat::before {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	width: 100px;
	height: 2px;
	margin: 0 auto;
	background: #3366CC;
}
.sub-ttl::after, .sub-ttl-lat::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	margin: 0 auto;
	background: #dcdcdc;
}
.sub-ttl-white {color: #FFF;}

.layer-container {
	position: relative;
	width: 100%;
	margin: 0;
}

.col-inset-0 {
	padding-left: 0;
	padding-right: 0; }

.sidebar {
	padding: 10px;
	margin: 0 0 30px 0;
	border: 1px solid #CCC;
	border-top: 2px solid #CCC; }

.rounded {border-radius: 50% !important;}

/* [ 2.4 CSS TAMAÑO FUENTE ] */
.font-11 {font-size: 11px !important;}
.font-12 {font-size: 12px !important;}
.font-13 {font-size: 13px !important;}
.font-14 {font-size: 14px !important;}
.font-16 {font-size: 16px !important;}
.font-18 {font-size: 18px !important;}
.font-20 {font-size: 20px !important;}
.font-24 {font-size: 24px !important;}
.font-28 {font-size: 28px !important;}
.font-30 {font-size: 30px !important;}
.font-36 {font-size: 36px !important;}
.font-400 {font-weight: 400;}
.font-500 {font-weight: 500;}

/* [ 2.5 CSS COLOR ] */
.primary-color {color: #3366CC !important;}
.color-white {color: #FFF !important;}
.color-blue {color: #4D88DC !important;}
.color-green {color: #23BC5C !important;}
.color-olive {color: #8CC053 !important;}
.color-orange {color: #F48024 !important;}
.color-yellow {color: #F6BB43 !important;}
.color-red {color: #DB4453;}
.color-purple {color: #967BDC !important;}
.color-black {color: #333 !important;}
.color-dark-light {color: #555 !important;}
.color-light {color: #777 !important;}

.paragraph-medium {
	font-size: 14px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}
.paragraph-small {
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .5px; }
.paragraph-black {color: #777;}
.paragraph-white {color: #FFF;}

/* [ 2.6 CSS BOTONES ] */
.button {
	height: auto;
	line-height: normal;
	padding: 12px 30px;
	font-weight: 400;
	color: #FFF !important;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	border-radius: 2px;
}

.button-default {color: #333 !important;}
.button-primary {background-color: #3366CC !important;}
.button-success {background-color: #0bc36e !important;}
.button-warning {background-color: #fec107 !important;}
.button-danger {background-color: #fb9678 !important;}
.button-info {background-color: #052049 !important;}
.button-blue {
	color: #FFF;
	background-color: #3366CC;
	border: 2px solid #3366CC;
}
.button-orange {
	color: #FFF;
	background: #EfA752;
	border: 2px solid #EfA752;
}
.button-purple {
	color: #FFF;
	background-color: #A675D4;
	border: 2px solid #A675D4;
}
.button-red {
	color: #FFF;
	background-color: #cc5151;
	border: 2px solid #cc5151;
}
.button-transparent {
	color: #333 !important;
	background: transparent !important;
}
.button-hover-transparent:hover {
	color: #333 !important;
	background: transparent !important;
}
.button-hover-primary:hover {
	color: #FFF !important;
	background: #3366CC !important;
}
.button-hover-success:hover {
	color: #FFF !important;
	background: #0bc36e !important;
}
.button-hover-warning:hover {
	color: #FFF !important;
	background: #fec107 !important;
}
.button-hover-danger:hover {
	color: #FFF !important;
	background: #fb9678 !important;
}
.button-hover-info:hover {
	color: #FFF !important;
	background: #03a9f3 !important;
}
.button-bordered-primary {border: 2px solid #3366CC;}
.button-bordered-success {border: 2px solid #0bc36e;}
.button-bordered-warning {border: 2px solid #fec107;}
.button-bordered-danger {border: 2px solid #fb9678;}
.button-bordered-info {border: 2px solid #03a9f3;}
.button-icon {
	position: relative;
	display: inline-block;
	padding: 0;
	font-size: 0;
	border: 1px solid #3366CC;
	border-radius: 2px;
	cursor: pointer;
}
.button-icon:hover span {
	color: #052049;
	background: #FFF;
}
.button-icon:hover .fa {
	color: #FFF;
	background: #3366CC;
}
.button-icon span {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding: 0 10px;
	color: #FFF;
	letter-spacing: .5px;
	background: #052049;
}
.button-icon .fa {
	display: inline-block;
	vertical-align: top;
	font-size: 16px !important;
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	color: #3366CC;
}

.button-icon-info {border: 1px solid #3366CC;}
.button-icon-info:hover span {background: #FFF;}
.button-icon-info:hover .fa {background: #3366CC; }
.button-icon-info span {background: #3366CC;}
.button-icon-info .fa {color: #3366CC;}

.button-icon-blue {border: 1px solid #052049;}
.button-icon-blue:hover span {background: #FFF;}
.button-icon-blue:hover .fa {
	background: #052049;
	color: #FFF !important;
}
.button-icon-blue span {background: #052049;}
.button-icon-blue .fa {
	color: #3366CC;
	background: #FFF;
}

.button-icon-green {border: 1px solid #54C798;}
.button-icon-green:hover span {color: #54C798;}
.button-icon-green:hover .fa {background: #54C798;}
.button-icon-green span {background: #54C798;}
.button-icon-green .fa {color: #54C798;}

.button-icon-orange {border: 1px solid #EfA752;}
.button-icon-orange:hover span {color: #EfA752;}
.button-icon-orange:hover .fa {background: #EfA752;}
.button-icon-orange span {background: #EfA752;}
.button-icon-orange .fa {color: #EfA752;}

.button-icon-purple {border: 1px solid #A675D4;}
.button-icon-purple:hover span {color: #A675D4;}
.button-icon-purple:hover .fa {background: #A675D4;}
.button-icon-purple span {background: #A675D4;}
.button-icon-purple .fa {color: #A675D4;}

.button-iconfill:hover span {
	color: #FFF;
	background: #3366CC;
}
.button-iconfill:hover .fa {
	color: #3366CC;
	background: #FFF;
}
.button-iconfill span {
	color: #3366CC;
	background: #FFF;
}
.button-iconfill .fa {
	color: #FFF;
	background: #3366CC;
}

.button-iconfill-blue, .button-iconfill-green, .button-iconfill-orange, .button-iconfill-purple {border: 1px solid #3366CC;}
.button-iconfill-blue:hover span, .button-iconfill-green:hover span, .button-iconfill-orange:hover span, .button-iconfill-purple:hover span {color: #FFF;}
.button-iconfill-blue:hover .fa, .button-iconfill-green:hover .fa, .button-iconfill-orange:hover .fa, .button-iconfill-purple:hover .fa {background: #FFF;}
.button-iconfill-blue span, .button-iconfill-green span, .button-iconfill-orange span, .button-iconfill-purple span {background: #FFF;}
.button-iconfill-blue .fa, .button-iconfill-green .fa, .button-iconfill-orange .fa, .button-iconfill-purple .fa {color: #FFF;}

.button-iconfill-blue {border: 1px solid #3366CC;}
.button-iconfill-blue:hover span {background: #3366CC;}
.button-iconfill-blue:hover .fa {color: #3366CC;}
.button-iconfill-blue span {color: #3366CC;}
.button-iconfill-blue .fa {background: #3366CC;}

.button-iconfill-green {border: 1px solid #54C798;}
.button-iconfill-green:hover span {background: #54C798;}
.button-iconfill-green:hover .fa {color: #54C798;}
.button-iconfill-green span {color: #54C798;}
.button-iconfill-green .fa {background: #54C798;}

.button-iconfill-orange {border: 1px solid #EfA752;}
.button-iconfill-orange:hover span {background: #EfA752;}
.button-iconfill-orange:hover .fa {color: #EfA752;}
.button-iconfill-orange span {color: #EfA752;}
.button-iconfill-orange .fa {background: #EfA752;}

.button-iconfill-purple {border: 1px solid #A675D4;}
.button-iconfill-purple:hover span {background: #A675D4;}
.button-iconfill-purple:hover .fa {color: #A675D4;}
.button-iconfill-purple span {color: #A675D4;}
.button-iconfill-purple .fa { background: #A675D4;}

.button-sm {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 2px;
}
.button-lg {
	padding: 12px 30px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 2px;
}
.anchor-icon {
	font-size: 14px;
	color: #3366CC;
}
.anchor-icon .fa {margin: 0 0 0 5px;}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	border-color: rgba(3, 169, 243, 0.6);
	background: rgba(3, 169, 243, 0.6);
}

.btn-success:not([disabled]):not(.disabled).active,
.btn-success:not([disabled]):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	border-color: rgba(11, 195, 110, 0.6);
	background: rgba(11, 195, 110, 0.6);
}

.btn-warning:not([disabled]):not(.disabled).active,
.btn-warning:not([disabled]):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
	border-color: rgba(254, 193, 7, 0.6);
	background: rgba(254, 193, 7, 0.6);
}

.btn-danger:not([disabled]):not(.disabled).active,
.btn-danger:not([disabled]):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
	border-color: rgba(251, 150, 120, 0.6);
	background: rgba(251, 150, 120, 0.6);
}

.btn-info:not([disabled]):not(.disabled).active,
.btn-info:not([disabled]):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
	border-color: rgba(3, 169, 243, 0.6);
	background: rgba(3, 169, 243, 0.6); }

.btn-primary {
	background: #3366CC;
 	border-color: #3366CC; }
.btn-primary:hover {border-color: rgba(3, 169, 243, 0.6); }

.btn-success {
	background: #0bc36e;
	border-color: #0bc36e;
}
.btn-success:hover {border-color: rgba(11, 195, 110, 0.6);}

.btn-warning {
	background: #fec107;
	border-color: #fec107; }
.btn-warning:hover {border-color: rgba(254, 193, 7, 0.6);}

.btn-danger {
	background: #fb9678;
	border-color: #fb9678; }
.btn-danger:hover {border-color: rgba(251, 150, 120, 0.6);}

.btn-info {
	background: #03a9f3;
	border-color: #03a9f3; }
.btn-info:hover {border-color: rgba(3, 169, 243, 0.6);}

/* [ 2.7 CSS BLOCK ] */
.theme-block {
	position: relative;
	width: 100%;
	padding: 4px;
	margin: 0 0 50px 0;/*30px*/
	text-align: center;
	background: #FFF;
	border-radius: 2px;
	/*overflow: hidden;*/
}
.theme-block:hover .theme-block-hidden {
	opacity: 1;
	z-index: 2;
	bottom: 0;
}
.theme-block:hover .service-block-data a {color: #3366CC;}

.theme-block-hover:hover .theme-block-picture img {
	opacity: 0.7;
	-webkit-transform: scale(1.2) rotate(6deg);
	-moz-transform: scale(1.2) rotate(6deg);
	-ms-transform: scale(1.2) rotate(6deg);
	-o-transform: scale(1.2) rotate(6deg);
	transform: scale(1.2) rotate(6deg); }
.theme-block-hover:hover .theme-block-picture:before {
	background: linear-gradient(-90deg, rgba(0, 180, 203, 0.9), rgba(0, 180, 203, 0.9));
}

.theme-block-picture {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.theme-block-picture img {
	width: 100%;
	height: auto;
}
.theme-block-picture::before, .theme-img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.theme-block-data {
	position: relative;
	padding: 15px;
}
.theme-block-data h4 {
	font-size: 20px;
	text-align: center;
	margin: 0;
	padding: 10px 0 5px 0;
}
.theme-block-data h4 a {color: #555;}
.theme-block-data p {margin: 0;}
.theme-block-data p a {color: #015259;}

.theme-block-hidden {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	border: 1px solid #EEE;
	opacity: 0;
	z-index: -2;
}

.theme-block-padding {padding: 10px;}

.theme-owl-dot .owl-dots .owl-dot {vertical-align: middle;}
.theme-owl-dot .owl-dots .owl-dot span {
	margin-bottom: 0;
	background: transparent;
	border: 2px solid #3366CC;
}
.theme-owl-dot .owl-dots .owl-dot span:hover {background: #3366CC;}
.theme-owl-dot .owl-dots .owl-dot.active span {
	width: 15px;
	height: 15px;
	background: #3366CC;
}

/* [ 2.8 CSS ACORDEON ] */
.theme-accordion-container {text-align: left;}

.theme-accordion {
	background: #FFF;
	border-bottom: 1px solid #ffffff;
}
.theme-accordion:nth-last-child(1) {border: 0;}
.theme-accordion-hdr {
	position: relative;
	padding: 15px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	background-color: #F2F2F2;
}
.theme-accordion-hdr h4, .theme-accordion-hdr span {
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	color: #015259;
	margin: 0;
	width: 90%;
}
.theme-accordion-hdr h4 .fa, .theme-accordion-hdr span .fa {
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	text-align: center;
	margin: 0 10px 0 0;
	background: #3366CC;
	border-radius: 2px;
}

.theme-accordion-control {
	position: absolute;
	top: 15px;
	right: 15px;
}
.theme-accordion-control .fa {
	font-size: 16px;
	color: #02A7B6;
}

.theme-accordion-bdy {
	display: none;
	width: 100%;
	padding: 15px;
	border-top: 1px solid #FAFAFA;
}

.theme-accordian-img {padding: 0;}
.theme-accordian-img img {width: 100%;}

/* [ 2.9 CSS DROPCAP ] */
.theme-dropcap {
	font-size: 60px;
	float: left;
	color: #3366CC;
	line-height: 60px;
	padding: 0 10px;
	margin-right: 10px;
}

/* [ 2.10 CSS LISTA DE CATEGORIAS ] */
.category-list {padding: 0;}
.category-list li {
	text-align: left;
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #EEE;
}
.category-list li a {
	color: #333;
	font-size: 14px;
}
.category-list li a:hover, .category-list li.catalogo-active a {color: #3366CC;}
.category-list li a .fa {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 10px 0 0;
}
.category-list li span {
	position: relative;
	top: 2px;
	float: right;
	font-size: 0.77em;/*14px*/
	color: #015259;
}
.category-list li:nth-last-child(1) {
	border-bottom: 0;
	margin: 0;
	padding: 10px 0;
}

.category-list.descargas li:hover, .catalogo-active {background-color:#e4f7f9;}

.list-primary .active {
	background-color: #3366CC;
	border-color: #3366CC;
}

.list-warning .active {
	background-color: #fec107;
	border-color: #fec107;
}

.list-danger .active {
	background-color: #fb9678;
	border-color: #fb9678;
}

.list-success .active {
	background-color: #0bc36e;
	border-color: #0bc36e;
}

.list-info .active {
	background-color: #03a9f3;
	border-color: #03a9f3;
}

.list-light .active {
	background-color: #EEE;
	border-color: #EEE;
}

/* [ 2.11 CSS MATERIAL PUBLICACION CARD ] */
.theme-material-card {
	margin: 0 0 30px 0;
	padding: 15px;
	background: #FFF;
	border-top: 1px solid #3366CC;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

/* [ 2.12 CSS ETIQUETAS ] */
.theme-tag {
	display: inline-block;
	margin: 5px;
	position: relative;
	color: #333;
	font-size: 13px;
	letter-spacing: .5px;
	text-transform: capitalize;
	padding: 8px 15px 8px 25px;
	background: #DDD;
	border-radius: 2px;
}
.theme-tag::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	background: #FFF;
	border-radius: 50%;
	z-index: 1;
}
.theme-tag:hover {
	color: #FFF;
	background: #3366CC;
}

.theme-tag-1 {
	padding-right: 30px;
	padding-left: 25px;
}
.theme-tag-1:hover::after {border-left: 20px solid #3366CC;}
.theme-tag-1::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF;
	border-bottom: 18px solid transparent;
	border-left: 20px solid #DDD;
	border-top: 18px solid transparent;
}

.theme-tag-2 {
	padding-right: 40px;
	padding-left: 16px;
}
.theme-tag-2:hover::after {border-left: 20px solid #3366CC;}
.theme-tag-2::before {
	left: inherit;
	right: 15px;
}
.theme-tag-2::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF;
	border-bottom: 18px solid transparent;
	border-left: 20px solid #DDD;
	border-top: 18px solid transparent;
}

.theme-tag-colored {
	color: #FFF;
	background: #3366CC;
}
.theme-tag-colored:hover {background: #015259;}
.theme-tag-colored:hover::after {border-left: 20px solid #015259;}
.theme-tag-colored::after {border-left: 20px solid #3366CC;}

/* [ 2.13 CSS PAGINACION ] */
.theme-pagination {
	padding: 0;
	margin: 0;
}
.theme-pagination li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}
.theme-pagination li a {
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	background: #FFF;
	border-radius: 2px;
	border: 1px solid #02A7B6;
}
.theme-pagination li a:hover {
	color: #FFF;
	background: #02A7B6;
}
.theme-pagination li a.active {
	color: #FFF;
	background: #02A7B6;
}
.theme-pagination-default li a {border: 1px solid #DDD;}
.theme-pagination-default li a:hover {
	color: #02A7B6;
	background: transparent;
}
.theme-pagination-default li a.active {
	color: #02A7B6;
	background: transparent;
}
.theme-pagination-1 li a {
	color: #FFF;
	background: #02A7B6;
}
.theme-pagination-1 li a:hover {
	color: #3366CC;
	background: #FFF;
}
.theme-pagination-1 li a.active {
	color: #3366CC;
	background: #FFF;
}

/* [ 2.14 CSS FLEXSLIDER ] */
.theme-flexslider {margin: 0 0 40px 0;}
.theme-flexslider .flex-control-paging li {vertical-align: middle;}
.theme-flexslider .flex-control-paging li a {
	background: #FFF;
	border: 2px solid #3366CC;
	box-shadow: none;
}
.theme-flexslider .flex-control-paging li a:hover {background: #3366CC;}
.theme-flexslider .flex-control-paging li a.flex-active {
	width: 15px;
	height: 15px;
	background: #3366CC;
}

.theme-flexslider-container {
	width: 100%;
	position: relative;
	padding: 0 0 10px 0;
}
.theme-flexslider-container h4 {
	color: #333;
	margin: 10px 0 10px 0;
	letter-spacing: .5px;
	font-size: 20px;
	font-weight: 400;
}
.theme-flexslider-container p {
	font-size: 14px;
	color: #999;
	letter-spacing: .5px;
	margin: 0;
}
.theme-flexslider-container img {width: 100%;}

/* [ 2.15 CSS BOTONES REDES SOCIALES ] */
.social-list {
	margin: 0;
	padding: 0; }
.social-list li {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	margin: 5px 0;
}
.social-list li a {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0 5px;
	font-size: 20px;
	color: #777;
}

.social-list-sm li a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 2px;
	font-size: 14px;
}

.social-list-lg li a {
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
}

.social-list-colored li a {color: #FFF !important;}
.social-list-colored li a.fa-facebook {background: #3B5999;}
.social-list-colored li a.fa-twitter {background: #55ACEE;}
.social-list-colored li a.fa-google {background: #DC4A38;}
.social-list-colored li a.fa-instagram {background: #AE8268;}
.social-list-colored li a.fa-youtube {background: #e42b26;}
.social-list-colored li a.fa-linkedin {background: #0274b3;}
.social-list-colored li a.fa-flickr {background: #ff0175;}
.social-list-colored li a.fa-rss {background: #f8991d;}

.social-list-black li a {
	color: #FFF;
	background: #555;
}
.social-list-black li a:hover {background: #3366CC;}

.social-list-white li a {
	color: #EEE;
	background: transparent;
	border: 1px solid #EEE;
}
.social-list-white li a:hover {
	border: 1px solid #3366CC;
	background: #3366CC;
}

.social-list-bordered a {border: 2px solid #777;}
.social-list-bordered a:hover {
	color: #FFF;
	border: 2px solid #3366CC;
	background: #3366CC;
}

.social-list-rounded a {border-radius: 50%;}

.timetable {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.timetable li {
	position: relative;
	display: block;
	clear: both;
	list-style: none;
	margin: 10px 0;
	overflow: hidden;
}
.timetable li:hover::before {background: #3366CC;}
.timetable li:hover a {color: #3366CC;}
.timetable li::before {
	content: '';
	position: absolute;
	top: 21px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #EEE;
}
.timetable li a {
	position: relative;
	font-size: 14px;
	color: #555;
	padding: 5px;
	background: #FFF;
}
.timetable li a .fa {
	color: #3366CC;
	margin: 0 5px 0 0; }

.width-auto {width: auto !important;}

/* [ 2.16 CSS DROPDOWN ] */
.theme-dropdown {
	position: relative;
	display: inline-block;
}
.theme-dropdown > a {
	font-size: 14px;
	color: #FFF;
	text-transform: none;
}
.theme-dropdown > a .fa {color: #FFF;}
.theme-dropdown ul li {
	font-size: 13px;
	color: #333;
	padding: 10px;
}
.theme-dropdown ul li a {display: block;}
.theme-dropdown ul li::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: #3366CC;
}
.theme-dropdown ul li:hover::after {width: 100%;}
.theme-dropdown ul li .fa {
	width: 28px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

/* [ 2.17 CSS TABLAS ] */
.table-container {
	margin: 0 10px 30px 10px;
	padding: 0;
	background: #FFF;
	border-top: 1px solid #3366CC;
}

.table {width: 100%;}
.table th {
	color: #777;
	padding: 12px 5px;
	font-weight: 500;
	font-size: 14px;
	border-bottom: 2px solid #DDD;
}
.table td {
	padding: 12px 5px;
	color: #777;
	vertical-align: middle;
	font-size: 14px;
	border-bottom: 1px solid #EEE;
}

.table-hover tbody > tr:hover {background-color: #EBFCFD;}

.table-striped tbody tr:nth-of-type(odd) {background-color: #EBFCFD;}

.table-bordered th {
	border: 1px solid #DDD;
	border-bottom: 2px solid #DDD;
}
.table-bordered td {border: 1px solid #DDD;}

.table-primary-head > th,
.table-warning-head > th,
.table-success-head > th,
.table-danger-head > th,
.table-danger-head > th {
	color: #FFF;
}

.table-primary-head > th {background-color: #3366CC;}
.table-warning-head > th {background-color: #fec107;}
.table-success-head > th {background-color: #0bc36e;}
.table-danger-head > th {background-color: #fb9678;}
.table-primary, .table-primary > td, .table-primary > th {background-color: rgba(3, 169, 243, 0.1);}
.table-warning, .table-warning > td, .table-warning > th {background-color: rgba(254, 193, 7, 0.1);}
.table-success, .table-success > td, .table-success > th {background-color: rgba(11, 195, 110, 0.1);}
.table-danger, .table-danger > td, .table-danger > th {background-color: rgba(251, 150, 120, 0.1);}

.theme-list-basic {
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
}
.theme-list-basic li {
	font-size: 14px;
	color: #777;
	padding: 3px 0;
}
.theme-list-basic li li {list-style: circle;}
.theme-list-basic li .fa {margin: 0 5px 0 0;}
.theme-list-basic li a {
	color:#0066cc;
	/*font-weight:600;*/ 
	text-decoration: underline !important;
}
.theme-list-basic li a:hover {color:#3366CC;}

.theme-list {
	padding: 0;
	margin: 0 0 10px 0;
}
.theme-list li {
	list-style: none;
	font-size: 14px;
	line-height: 1.6;
	color: #555;
	padding: 5px 0;
}
.theme-list li .fa {margin: 0 5px 0 0;}
.list.list-ordened li {padding-left: 5px;}
.list li {margin-bottom: 10px;}

/* [ 2.18 CSS IMAGENES ] */
.theme-img {
	position: relative;
	display: inline-block;
	padding: 4px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	overflow: hidden; }
.theme-img::before {opacity: .4;}
.theme-img:hover::before {
	background: rgba(0, 180, 203, 0.5);
	z-index: 1; }
.theme-img img {width: 100%;}

.theme-img-scale:hover img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3); }

.theme-img-scalerotate:hover img {
	-webkit-transform: scale(1.3) rotate(6deg);
	-moz-transform: scale(1.3) rotate(6deg);
	-ms-transform: scale(1.3) rotate(6deg);
	-o-transform: scale(1.3) rotate(6deg);
	transform: scale(1.3) rotate(6deg); }

/* [ 2.19 CSS PARRAFOS BLOQUES ] */
.theme-quote {
	font-size: 15px;
	color: #555;
	padding: 20px;
	letter-spacing: .5px;
	margin: 0 0 10px 0;
	text-align: left;
	font-style: italic;
	background: #f4f4f4;
	border-left: 4px solid #AAA;
	border-radius: 2px;
}
.theme-quote .fa {color: #3366CC;}
.theme-quote-colored {
	color: #FFF;
	background: #3366CC;
	border-color: #333;
}
.theme-quote-colored .fa {color: #FFF;}
.theme-quote-primary {background: #3366CC;}
.theme-quote-success {background: #0bc36e;}
.theme-quote-warning {
	color: #333;
	background: #fec107;
}
.theme-quote-danger {background: #fb9678;}
.theme-quote-info {background: #03a9f3;}

/* [ 2.20 CSS TITULO PAGINA ] */
.page-ttl {
	position: relative;
	width: 100%;
	padding: 20px 0 20px 0;
	/*background-attachment: fixed;*/
	background-position: top;
	background-repeat: repeat;
	background-image: url(../images/bg/bg-trama-sispro.jpg);
}
.page-ttl::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page-ttl-container {text-align: center;}
.page-ttl-container h1 {
	font-size: 34px;
	color: #FFF;
	margin: 0;
}
.page-ttl-container p {
	font-size: 14px;
	color: #CCC;
	padding: 10px 0 0 0;
}
.page-ttl-container p a {
	display: inline-block;
	color: #EEE;
	margin: 0 5px 0 0;
}
.page-ttl-container p a:hover {text-decoration: underline !important;}
.page-ttl-container p span {
	display: inline-block;
	margin: 0 0 0 5px;
	color: #ecece6;
}
.page-ttl-icon {
	display: inline-block;
	vertical-align: middle;
	/*display: none;*/
}

/* [ INICIO PAGINA 404 ] */
.notfound-wrapper {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 10px 0 0 0;
}

.notfound-ttl {
	font-size: 80px;
	color: #052049;
	letter-spacing: 2px;
	font-weight: bold;
	display: block;
	margin: 10px 0;
}

.notfound-tag-1 {
	font-size: 40px;
	color: #333;
	margin: 10px 0;
}

.notfound-tag-2 {
	display: block;
	font-size: 28px;
	color: #555;
	margin: 10px 0;
}

.notfound-link {margin: 30px 0;}
.notfound-link a {margin: 30px;}

.notfound-social li {margin: 10px;}
.notfound-social li a {font-size: 24px;}

/**************************************************
[ 3.0 CSS HEADER] **************************
***************************************************/
#header {
	position: relative;
	background-color: #FFF;
	z-index: 11;
}
#hdr-top-wrapper {
	position: relative;
	padding: 5px 0;
	background-color: #3366CC;
}
.hdr-top {
	text-align: right;
	overflow: visible;
}
.hdr-top-block {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}
.hdr-number .fa {
	font-size: 20px;
	padding: 0 5px 0 0;
	color: #777;
}
#profile-menu {
	font-weight: 400;
	padding: 0 5px;
}
.hdr-top-line {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 30px;
	margin: 0 5px;
	background-color: #00e1fe;
}
#hdr-wrapper {
	background: #FFF;
	-webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15);
}
.hdr {overflow: visible;}
.hdr-logo a {display: inline-block;}
.hdr-logo a img {
	max-width: 200px;
	height: 40px;
}
.menu {
	position: relative;
	text-align: right;
	margin: 0;
}
.menu ul {
	margin: 0;
	padding: 0;
}
.menu li li {
	position: relative;
	margin: 0;
	display: block;
	width: auto;
}
.menu li li a {
	position: relative;
	font-size: 13px;
	color: #333 !important;
	padding: 7px 5px;
	transition: all .4s ease-in-out;
}
.menu li li a::before {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	width: 0;
	height: 60%;
	background: #007887;
	/*transition: all .4s ease-in-out;*/
}
.menu li li a:hover, .menu li li a.active {
	color: #3366CC !important;
	padding-left: 10px;
}
.menu li li a:hover::before, .menu li li a.active::before {width: 5px;}
.menu li li:nth-last-child(1) a {border-bottom: 0;}
.menu li:hover > .menu-dropdown, .menu li:hover > .menu-megamenu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.menu a {
	display: block;
	height: auto;
	font-weight: 400;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
}
.menu > li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0px 5px;
}
.menu > li > a {
	position: relative;
	line-height: 28px;
	color: #555;
	font-size: 15px;
	padding: 10px;
}
.menu > li > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: #3366CC;
	transition: all .3s ease-in-out;
}
.menu > li > a .fa {
	font-size: 10px;
	color: #00d2ed;
}
.menu > li > a.active {
	background: #3366CC;
	color: #FFF !important;
}
.menu > li > a.active::after {width: 100%;}
.menu > li > a:hover::after {width: 100%;}
.menu .mobile-menu-close {
	display: none;
	position: absolute !important;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	line-height: 15px;
	text-align: center;
	padding: 8px;
	background-color: #000;
	border-radius: 50%;
}
.menu .mobile-menu-close .fa {
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 18px;
	color: #EEE;
}
.menu-megamenu, .menu-dropdown {
	position: absolute;
	left: 0%;
	top: 100%;
	background: #FFF;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	text-align: left !important;
	/*-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);*//*Comentario Efecto Menu*/
	-webkit-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-moz-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-ms-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-o-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	box-shadow: 2px 0 10px 0 rgba(2, 0, 0, 0.3);
}
.menu-megamenu .row, .menu-dropdown .row {
	display: flex !important;
	display: -ms-flexbox !important;
	-ms-flex-wrap: wrap !important;
}
.menu-megamenu li, .menu-dropdown li {
	padding: 0;
	border-bottom: 1px solid #EEE;
}
.menu-megamenu li:nth-last-child(1), .menu-dropdown li:nth-last-child(1) {border-bottom: 0;}
.menu-megamenu {
	width: 100%;
	padding: 10px;
}
.menu-megamenu > li {padding: 15px 10px;}
.menu-dropdown {width: 200px;}
.menu-dropdown li {padding: 0px 5px 0px 10px;}
.menu-dropdown .menu-dropdown {
	top: 0;
	left: 100%;
	margin-left: 3px;
}
.menu-megamenu-li {position: static !important;}
.megamenu-ttl {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	padding: 10px 5px;
	text-transform: uppercase;
}
#menu-bar {
	display: none;
	text-align: right;
}
#menu-bar a {display: inline-block;}
#menu-bar .fa {
	font-size: 28px;
	color: #3366CC;
	height: 60px;
	line-height: 60px;
	padding: 0 5px;
}
#menu-bar .fa:hover {color: #052049;}
#appointment-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	animation-delay: 2s;
}
#appointment-button .fa {
	font-size: 20px;
	color: #EBFCFD;
}
#appointment-button .mdl-tooltip {font-size: 12px;}
#appointment-button .mdl-button--fab.mdl-button--colored {background: #015259;}
.filter-menu {
	display: inline-block;
	margin: 20px 0 10px 0;
	background-color: #f4f4f4;
}
.filter-menu button {
	font-size: 20px;
	line-height: 20px;
	color: #555;
	text-transform: uppercase;
	padding: 20px 30px;
	border: none;
	outline: none;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}
.filter-menu button.active {
	color: #FFF;
	background-color: #3366CC;
}

/*************************************************
[ 4.0 CSS HEADER 2 ] ***********************
**************************************************/
.hdr-center {
	padding: 20px 15px;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(../images/bg/bg-trama-header-sispro.jpg);
}
.hdr-center-logo img {/*height: 30px;*/}

@media (max-width: 767px) {
	.hdr-center-logo img {
		width: 100%;
		/*height: 26px;*/
	}
}
@media (max-width: 479px) {
	.hdr-center {background:none;}
	.hdr-center-logo img {
		width: 100%;
		/*height: 20px;*/
	}
}

.hdr-center-submenu .tbl-cell {padding: 5px;}
.hdr-center-submenu .fa {
	width: 42px;
	height: 42px;
	line-height: 36px;
	font-size: 20px;
	margin: 0 10px 0 0;
	text-align: center;
	color: #75DBE4;
	border-radius: 50%;
	border: 2px dotted #3366CC; }

.hdr-center-menu {
	/*position: absolute;*/
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	z-index: 11;
	-webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.15);
}
.hdr-center-menu .menu li a {
	color: #2e2e2e;
}
.hdr-center-menu .menu li ul li a {
	color: #2e2e2e;
	text-transform: none;
}
.hdr-center-menu .menu li a:hover {color: #FFFFFF;}
.hdr-center-account a:hover .fa {
	color: #FFF;
	background-color: #3366CC;
	border: 1px solid #3366CC;
}
.hdr-center-account .fa {
	font-size: 16px;
	color: #777;
	width: 32px;
	height: 32px;
	line-height: 28px;
	margin: 0 10px 0;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #777;
	border-radius: 50%;
}
.hdr-apointment {
	color: #FFF;
	height: 48px;
	padding: 0 24px;
	background-color: #3366CC !important;
	border-radius: 30px;
}
.hdr-apointment .fa {
	width: auto;
	height: auto;
	line-height: normal;
}
.hdr-apointment:hover {background-color: #3366CC;}
.search-banner {
	display: none;
	width: 100%;
	position: absolute;
	top: 110%;
	left: 0;
	right: 0;
	padding: 10px;
	background: #EBFCFD;
	border-radius: 60px;
	z-index: 11;
}
.search-banner input {
	width: 100%;
	font-size: 24px;
	padding: 10px 30px;
	color: #015259;
}
#header-transparent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(51, 51, 51, 0.3);
	z-index: 11; }
#header-transparent .menu li a {color: #FFF;}
#header-transparent .hdr-center-account a {color: #EEE;}
#header-transparent .hdr-center-account .fa {
	color: #EEE;
	border: 1px solid #EEE;
}
.header-transparent-menu {
	width: 100%;
	padding: 10px 0;
	background: rgba(51, 51, 51, 0.3);
	border-top: 1px solid #EBFCFD;
}
.hdr-search {
	line-height: 56px;
	background: none;
	box-shadow: none; }
.hdr-search .fa {font-size: 24px;}
.hdr-fixed {background-color: #FFFFFF;}
/*************************************************
[ 5.0 CSS INICIO ] **********************
**************************************************/
/* [ 5.1 CSS SERVICIO INICIO ] */
.hm-service-left {position: relative;}
.hm-service-left img {
	position: relative;
	width: 100%;
	z-index: 1;
}

.hm-service-right .paragraph-medium {color: #777777;}
.hm-service {text-align: center;}
.hm-service-block {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	padding: 10px 0;
	margin: 20px 0;
}
.hm-service-block .fa {
	position: relative;
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 36px;
	text-align: center;
	color: #FFF;
	background: #3366CC;
	border: 2px solid #3366CC;
	border-radius: 2px;
}
.hm-service-block .fa:hover {color: #FFF;}
.hm-service-block .fa:hover::after {border: 14px solid #3366CC;}
.hm-service-block .fa::after {
	content: '';
	position: absolute;
	top: -15%;
	left: -15%;
	width: 130%;
	height: 130%;
	border: 2px solid #3366CC;
	border-radius: 2px;
	z-index: 1;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.hm-service-block span {
	display: block;
	font-size: 14px;
	color: #555;
	padding: 20px 0 0 0;
	letter-spacing: .5px;
}

.service-card {
	padding: 60px 20px 20px;
	margin: 40px 0 30px 0;
	text-align: center;
	background: #FAFAFA;
}
.service-card:hover .fa {
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
}
.service-card .fa {
	position: absolute;
	left: 50%;
	top: 0;
	font-size: 48px;
	width: 80px;
	color: #EBFCFD;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #3366CC;
	margin-left: -40px;
	border-radius: 2px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	transition: all .4s ease-in-out;
}
.service-card h5 {
	font-size: 24px;
	color: #015259;
}
.service-card h5 a {
	font-weight: 500;
	color: #015259;
}

/* [ 5.2 CSS ABOUT INICIO ] */
.hm-about-block {
	display: inline-block;
	vertical-align: top;
	min-width: 25%;/*280px*/
	padding: 0px;/*0 10px*/
	margin: 0 0 5px 0;
}
.hm-about-block:hover .fa {
	color: #3366CC;
	/*-webkit-box-shadow: inset 0 0 0 70px #FFF;
	-moz-box-shadow: inset 0 0 0 70px #FFF;
	box-shadow: inset 0 0 0 70px #FFF;*/
}
.hm-about-block:hover .fa::after {border: 10px solid #FFF;}
.hm-about-icon .fa {
	position: relative;
	font-size: 32px;
	color: #FFF;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	border: 2px solid #FFF;
	border-radius: 2px; }
.hm-about-icon .fa::after {
	content: '';
	position: absolute;
	top: -15%;
	left: -15%;
	width: 130%;
	height: 130%;
	border: 2px solid #d7d7d7;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 1;
}
.hm-about-number {
	padding: 0 0 0 15px;
	text-align: left;
}
.hm-about-number span {
	display: block;
	font-size: 32px !important;
	color: #FFF;
	font-weight: 500;
}
.hm-about-number p {
	font-size: 13px;
	color: #777777;
}

/* [ 5.3 CSS CARRUSEL SLIDER INICIO ] */
#hm-carrusel-slider {text-align: center;}
#hm-carrusel-slider.owl-theme .owl-controls .owl-page span {
	background: transparent;
	border: 2px solid #3366CC;
	border-radius: 4px;
}
#hm-carrusel-slider.owl-theme .owl-controls .owl-page.active span {background: #3366CC;}
#hm-carrusel-slider .owl-stage-outer {padding: 40px 0;}
#hm-carrusel-slider .center .hm-carrusel {
	opacity: 1;
	transform: scale(1.2);
}
#hm-carrusel-slider .center .hm-carrusel h6 {color: #015259;}
#hm-carrusel-slider .center .hm-carrusel p {color: #333333; font-size:10px}

.hm-carrusel {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 4px 4px 20px 4px;
	background: #FFFFFF;
	border-radius: 2px;
	opacity: .6;
}
.hm-carrusel img {
	/*width: 220px !important;*/
	margin: 0 auto;
}
.hm-carrusel h4 {
	color: #555;
	margin: 5px 0 5px 0;
	font-size: 1.6em;/*18px*/
}
.hm-carrusel p {
	font-size: 0.7em;/*14px*/
	color: #999;
	letter-spacing: .5px;
	margin: 0;
}

/* [ 5.4 CSS FEATURE INICIO ] */
#hm-feature {text-align: center;}

.hm-feature-block {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding: 0 40px;
	margin: 10px 0 30px 0;
}
.hm-feature-block:hover .fa {
	color: #FFF;
	background: #3366CC;
	-webkit-box-shadow: inset 0 0 0 70px #3366CC;
	-moz-box-shadow: inset 0 0 0 70px #3366CC;
	box-shadow: inset 0 0 0 70px #3366CC;
}
.hm-feature-block .fa {
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 42px;
	color: #3366CC;
	background: #FAFAFA;
	-webkit-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	border-radius: 50%;
}
.hm-feature-block span {
	display: block;
	font-size: 18px;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	color: #015259;
	padding: 20px 5px 10px 5px;
}
.hm-feature-block p {
	text-align: center;
	color: #777;
	margin: 0;
}

.hm-feature-icon {
	position: relative;
	width: 100px;
	height: 100px;
	line-height: 122px;
	margin: 0 auto;
	background: #3366CC;
	border-radius: 2px;
}

.hm-feature-block-1 {
	padding: 4px 4px 4px 4px;
	margin: 0 0 30px 0;
	background: #FFF;
	border-radius: 2px;
}
.hm-feature-block-1 .theme-img {
	padding: 0;
	/*max-height: 100px;*/
	border: none;
}
.hm-feature-block-1 span {
	display: block;
	font-size: 18px;
	color: #3366CC;
	padding: 15px 5px 10px 5px;
}
.hm-feature-block-1 p {
	text-align: center;
	color: #777;
	padding: 0 10px;
}

/* [ 5.5 CSS TESTIMONIAL INICIO ] */
.testimonial-block {
	max-width: 650px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.testimonial-block img {
	width: 150px !important;
	height: 150px;
	margin: 0 auto;
	border: 3px solid #FFF;
	border-radius: 2px;
}
.testimonial-block a {
	display: inline-block;
	font-size: 24px;
	color: #DDD !important;
}
.testimonial-block .paragraph-medium {margin: 15px 0;}
.testimonial-block .paragraph-medium .fa {
	color: #EBFCFD;
	font-size: 32px;
}

/*************************************************
[ 6.0 CSS PAG SERVICIO ] *******************
**************************************************/
/* [ 6.1 CSS SERVICE CARD ] */
.service-block-data h4 {padding: 40px 0 10px 0;}

.service-icon {
	position: absolute;
	top: -45px;
	left: 0;
	width: 100%;
	text-align: center;
}
.service-icon .fa {
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 80px;
	text-align: center;
	font-size: 36px;
	color: #FFF;
	background: #3366CC;
	border: 5px solid #FFF;
	border-radius: 50%;
	z-index: 1;
}

.service-hidden-block {padding: 15px;}
.service-hidden-block .fa {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 42px;
	color: #FFF;
	background: #3366CC;
	border-radius: 4px;
}
.service-hidden-block h4 {
	font-size: 20px;
	color: #555;
	margin: 0;
	padding: 10px 0;
}
.service-hidden-block h4 a {color: #3366CC;}
.service-hidden-block p {margin: 0;}
.service-hidden-block p a {color: #015259;}

.service-accordian {margin: 0;}

.service-post {
	text-align: left;
	padding: 20px 10px 10px 10px;
}

/* [ 6.2 CSS FEATURE ] */
.feature-block {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding: 15px 15px 30px 15px;
	text-align: center;
}
.feature-block:hover .feature-icon, #area-seguimiento .feature-block:hover .feature-icon {
	-webkit-box-shadow: inset 0 0 100px #3366CC;
	-moz-box-shadow: inset 0 0 100px #3366CC;
	box-shadow: inset 0 0 100px #3366CC;
}
.feature-block:hover .feature-icon .fa, #area-seguimiento .feature-block:hover .feature-icon .fa {
	color: #FFF;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 140px #3366CC;
	-moz-box-shadow: inset 0 0 140px #3366CC;
	box-shadow: inset 0 0 140px #3366CC;
}
.feature-block span {
	display: block;
	font-size: 1.6em;/*18px*/
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	color: #FFF;
	padding: 20px 0 10px 0;
}
.feature-block p {
	text-align: center;
	color: #EEE;
	margin: 0;
}

.feature-icon {
	width: 105px;
	height: 105px;
	line-height: 130px;
	margin: 0 auto;
	border: 2px solid #3366CC;
	border-radius: 4px; }
.feature-icon .fa {
	position: relative;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 42px;
	color: #EBFCFD;
	border: 2px solid #3366CC;
	border-radius: 50%;
}

.feature-block-dark .feature-icon .fa {color: #3366CC;}
.feature-block-dark span {color: #015259;}
.feature-block-dark p {color: #777;}

/*************************************************
[ 7.0 CSS APP DATA ] ********************
**************************************************/
/* [ 7.1 CSS APP DATA CARD ] */
.app-name h4 {
	font-size: 1.6em;/*18px*/
	padding: 10px;
	margin: 0;
	background: #3366CC;
}
.app-name h4 a {color: #FFF !important;}
.app-details {padding: 10px;}
.app-specility p {
	display: inline-block;
	font-size: 0.77em;/*14px*/
	letter-spacing: 1px;
	color: #333;
	padding: 0 10px 5px 10px;
	margin: 0 0 10px 0;
	border-bottom: 2px dotted #DDD;
}
.app-description p {
	display: inline-block;
	font-size: 13px;
	color: #333;
	padding: 0 10px 5px 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #EEEEEE;
}
.app-details-extra {
	text-align: center;
	padding: 0 0 60px 0;
}
.app-details-extra p {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	padding: 10px 0;
	margin: 0;
	font-size: 12px;
	color: #555;
	letter-spacing: 1px;
}
.app-details-extra .fa {
	font-size: 24px;
	text-align: center;
	display: block;
	margin: 5px auto;
	color: #999;
}
.app-social {
	position: absolute;
	bottom: 5px;
	right: 0;
	left: 0;
}
.app-details-extra-3 {
	text-align: left;
	padding: 0 10px;
}
.app-details-extra-3 p {
	width: auto;
	display: block;
	font-size: 14px;
	padding: 2px 5px;
}
.app-details-extra-3 p .fa {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	font-size: 16px;
	padding: 0 10px 0 0;
}
.app-details-extra-3 p:nth-child(1) {color: #55acee;}
.app-details-extra-3 p:nth-child(3) {color: #dc4a38;}

.app-p-name {
	position: relative;
	border-bottom: 2px dotted #DDD;
}
.app-p-name h3 {
	font-size: 24px;
	color: #555;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.app-p-name p {
	font-size: 14px;
	color: #777;
	margin: 5px 0 10px 5px;
}
.app-p-social {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* [ 7.2 CSS DEPARTMENT ] */
.department-block {margin-bottom: 30px; }

.department-icon {vertical-align: top;}
.department-icon .fa {
	position: relative;
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 32px;
	color: #3366CC;
	text-align: center;
	background: #FFF;
	border-radius: 50%;
}

.department-detail {
	vertical-align: top;
	padding: 0 0 0 15px;
}
.department-detail h5 {
	font-size: 20px;
	color: #FFF;
}
.department-detail p {margin: 0;}

.department-card {
	border: 1px solid #EEE;
	background: #fcfcfc;
	padding: 15px;
	border-radius: 2px;
}
.department-card:hover .fa {
	color: #FFF !important;
	box-shadow: inset 0 0 200px 0 #3366CC;
}
.department-card .department-icon .fa {
	color: #02A7B6;
	border: 1px solid #DDD;
	transition: all .4s ease-in-out;
}
.department-card .department-detail h5, .department-card .department-detail span {color: #333;}
.department-card .department-detail p {color: #777;}

/*************************************************
[ 8.0 CSS MISION VISION PAGINA ] *********************
**************************************************/
.about-mission-vission span {
	position: relative;
	display: block;
	padding: 10px 0;
	margin: 0 0 10px 0;
	font-size: 28px;
	color: #FFF;
}
.about-mission-vission span::after {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 1px;
	background: #3366CC;
}
.about-mission-vission p {
	text-align: center;
	margin: 0;
	color: #EEE;
}

/*************************************************
[ 9.0 CSS LISTA BLOG ] *********************
**************************************************/
.blog-card-date {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	font-size: 16px;
	color: #015259;
	padding: 10px 20px;
	background: #EBFCFD;
	border-bottom-right-radius: 50%;
	z-index: 1;
}

.blog-card-ttl {padding: 15px;}
.blog-card-ttl h3, .blog-card-ttl span {
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	line-height: normal;
	text-align: left;
	height: 48px;
	margin: 0;
}
.blog-card-ttl h3 a, .blog-card-ttl span a {
	display: block;
	height: 48px;
	font-size: 16px;
	line-height: 23px;
	overflow: hidden;
}

.blog-card-details {
	padding: 0 15px;
	text-align: center;
	background: #f2f2f2;
}
.blog-card-details p {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	padding: 10px 0;
	margin: 0;
	font-size: 14px;
	color: #999;
	letter-spacing: .5px;
	border-right: 1px solid #DDD;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.blog-card-details p .fa {
	padding: 0 5px 0 0;
	font-size: 18px;
}
.blog-card-details p:nth-last-child(1) {border-right: 0;}
.blog-card-details a {
	display: inline-block;
	font-size: 14px;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-weight: 400;
	color: #3366CC;
	height: auto;
	padding: 8px 15px;
	border: 2px solid transparent;
	line-height: normal; 
}
.blog-card-details a:hover {color: #ffffff;}

.blog-list-block {
	padding: 20px 0;
	text-align: center;
}

.blog-list-picture {
	width: 330px;
	margin: 0 auto;
}

.blog-list-ttl {text-align: center;}
.blog-list-ttl h3 {
	display: block;
	max-height: 72px;
	font-size: 24px;
	color: #555;
	line-height: 36px;
	margin: 20px 0;
	overflow: hidden;
}
.blog-list-ttl a {
	display: inline-block;
	vertical-align: middle;
	height: 72px;
}

.blog-list-meta p {
	font-size: 14px;
	color: #02A7B6;
	margin: 15px 0 0 0;
	font-weight: 500;
	letter-spacing: .5px;
}

.blog-list-post p {padding: 10px 0 0 0;}
.blog-list-post a {color: #015259;}

.blog-full-date {
	position: absolute;
	top: 0;
	left: 16px;
	width: 70px;
	padding: 10px;
	font-size: 14px;
	color: #015259;
	background: #EBFCFD;
	border-bottom-right-radius: 50%;
	z-index: 2;
}

.blog-full-ttl h3, .reportes-full-ttl span  {
	font-size: 20px;
	color: #333;
	line-height: 28px;
	text-align: left;
	margin: 0;
}

.blog-full-description, .reportes-full-description {
	text-align: left;
	padding: 5px 0 0 0;
	font-size: 14px;
	color: #777;
	letter-spacing: .5px;
	line-height: 21px;
}

.blog-full-ftr, .reportes-full-ftr {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #EEE;
	overflow: hidden;
}

.blog-full-author {
	font-size: 14px;
	color: #333;
	letter-spacing: .5px;
}
.blog-full-author .fa {
	font-size: 16px;
	color: #3366CC;
	margin: 0 5px 0 0;
}

/*************************************************
[ 10.0 CSS PAG BLOG ] *********************
**************************************************/
.blog-container {
	width: 100%;
	margin: 0 auto;
}

.blog-picture {
	width: 60%;
	margin: 0 auto;
}
.blog-picture img {
	width: 100%;
	height: auto;
}

.blog-ttl {
	font-size: 24px;
	color: #333;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	padding: 20px 0 10px 0;
	margin: 0;
	text-align: center;
	line-height: 46px;
	overflow: hidden; }

.blog-detail {padding: 0;}
.blog-detail li {
	list-style: none;
	display: inline-block;
	margin: 10px;
	font-size: 14px;
	color: #777;
	line-height: 20px;
}
.blog-detail li .fa {
	position: relative;
	top: -1px;
	margin: 0 5px 0 0;
}

.blog-meta {
	margin: 15px 0 0 0;
	padding: 15px 10px 0 10px;
	border-top: 1px solid #DDD;
}
.blog-meta > div {padding: 0;}

.blog-post {padding: 0 10px;}
.blog-post p {text-align: left;}
.blog-post ol {
	text-align: left;
	padding: 0 30px;
}

.blog-tag {text-align: left;}
.blog-tag p {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	color: #999;
}
.blog-tag ul {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.blog-tag li {
	display: inline-block;
	list-style: none;
	margin: 5px;
}
.blog-tag li a {
	font-size: 14px;
	color: #555;
}
.blog-tag li a:hover {color: #3366CC;}

.blog-block-3 {padding: 0 20px 40px 20px;}

.blog-recent {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #EEE;
}
.blog-recent:nth-last-child(1) {
	border-bottom: 0;
	margin: 0;
	padding: 0;
}
.blog-recent:hover .blog-recent-post h4 {color: #015259;}

.blog-recent-img {padding-left: 0;}

.blog-recent-post {
	text-align: left;
	padding: 0 10px 0 0;
}
.blog-recent-post h4 {
	font-size: 14px;
	color: #333;
	margin: 0;
}
.blog-recent-post p {
	font-size: 12px;
	color: #AAA;
	letter-spacing: .5px;
	margin: 5px 0 0 0;
}

.blog-author-details {text-align: left;}
.blog-author-details h4 {
	font-size: 20px;
	color: #333;
	margin: 0;
}
.blog-author-details a {
	display: block;
	font-size: 12px;
	margin: 0 0 5px 0;
	color: #3366CC;
}
.blog-author-details p {
	font-size: 13px;
	color: #555;
	line-height: 20px;
	letter-spacing: .5px;
	margin: 0;
}

.comment-list {
	margin: 0;
	padding: 0;
}
.comment-list > li {
	position: relative;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EEE;
}
.comment-list > li:nth-last-child(1) {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

.second-comment {
	margin: 20px 0 0 17%;
	padding: 20px 0 0 0;
	border-top: 1px solid #052049;
}

.comment-meta span {
	display: inline-block;
	font-size: 20px;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-weight: 600;
	color: #4D88DC;
	margin: 0 14px 0 0;
}
.comment-meta span:nth-last-child(1) {
	padding: 0 0 0 16px;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #8cc053;
	border-left: 1px solid #DDD;
}
.comment-meta-respuesta span {
	display: inline-block;
	font-size: 16px !important;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-weight: 500;
	color: #555;
	margin: 0 14px 0 0;
}
.comment-meta-respuesta span:nth-last-child(1) {
	padding: 0 0 0 16px;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 14px !important;
	color: #8cc053;
	border-left: 1px solid #DDD;
}

.comment-post, .comment-document {
	padding: 5px 0 0 0;
	font-size: 13px;
	color: #555;
	line-height: 20px;
	letter-spacing: .5px;
}
.comment-document span {
	font-weight: 600;
	color:#000000;
}
.comment-document a {color:#4D88DC;}
.comment-document a:hover {text-decoration: underline !important;}

.comment-action {
	padding: 0;
	margin: 0;
}
.comment-action li {
	list-style: none;
	display: inline-block;
	margin: 5px;
}
.comment-action li a {
	font-size: 12px;
	color: #3366CC;
	padding: 5px;
	cursor: pointer;
}
.comment-action li a:hover {text-decoration: underline !important;}
.comment-action li .fa {
	margin: 0 5px 0 0;
	color: #3366CC;
}

.comment-form {padding: 20px;}
.comment-form .mdl-textfield {width: 100%;}

/*************************************************
[ 11.0 CSS FOOTER ] ************************
**************************************************/
/* [ 11.1 CSS FOOTER PRINCIPAL ] */
#footer {
	width: 100%;
	background: #F2F2F2;
}

.footer-block {padding: 0 20px;}
.footer-block:nth-child(2) {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.footer-ttl {
	padding: 0 0 10px 20px; }
.footer-ttl p {
	display: inline-block;
	font-size: 16px;
	color: #015259;
	margin: 0;
	text-transform: uppercase;
	padding: 10px;
	background: #EBFCFD;
	border-radius: 4px;
}
.footer-container {padding: 10px 15px;}
.footer-container a {
	display: block;
	color: #EBFCFD;
	margin: 10px 0;
}

.footer-b .tbl-cell {
	padding: 0;
	vertical-align: top; }
.footer-b .tbl-cell:nth-last-child(1) {padding: 0 0 0 10px;}
.footer-b li {list-style-type: none;}
.footer-b p {display: block;}
.footer-b a {
	position: relative;
	display: inline-block;
	margin: 5px 0;
	padding: 0 0 0 10px;
	letter-spacing: .5px; }
.footer-b a::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #AAA;
	border-radius: 50%; }
.footer-b a:hover {color: #3366CC;}

.footer-a .tbl-row:nth-last-child(1) .tbl-cell {border-bottom: 0;}
.footer-a .tbl-cell {
	padding: 10px;
	border-bottom: 1px solid #dedede;
}
.footer-a .tbl-cell p {color: #808080;}
.footer-a .tbl-cell .fa {
	font-size: 28px;
	color: #3366CC;
}
.footer-a .tbl-cell .fa.fa-phone {font-size: 25px;}
.footer-a .tbl-cell .fa.fa-envelope {font-size: 22px;}
.footer-a .tbl-cell p {
	font-size: 13px;
	line-height: 16px;
	margin: 0;
}

.footer-subscribe input {
	color: #DDD;
	border-bottom: 1px solid #DDD;
}
.footer-subscribe label {color: #DDD;}
.footer-subscribe-button {padding: 10px 0 0 0;}
.footer-subscribe-button button:hover {
	color: #FFF;
	opacity: .8;
	background: #3366CC;
}

.footer-social {padding: 20px 0 0 0;}

/* [ 11.2 CSS FOOTER COPYRIGHT ] */
#copyright {
	width: 100%;
	padding: 10px 0;
	background: #052049;
}
#copyright .paragraph-medium {
	margin: 0;
	text-align: center;
}
footer #copyright .paragraph-medium {font-size: 12px;}
footer #copyright a {color:#FFF;}
footer #copyright a:hover {color:#3366CC;}

/*************************************************
[ 12.0 CSS MEDIA QUERIES ] *********************
**************************************************/
/* DE 1200px A 1400px */
/* DE 992px A 1199PX */
/* DE 0PX A 1280PX */
@media only screen and (max-width: 1280px) {
	.tys-links-bottom span.bg-icon-car {
		float:none !important;
		margin: 0 auto !important;
		margin-top: 5px !important;
	}
	.tys-links-bottom a p {
    	font-size: 14px !important;
	}
}
/* DE 0PX A 992PX */
@media only screen and (max-width: 992px) {
	.slider-info h1,
	.slider-info h2 {font-size: 34px;}

	.hm-about-block {width: auto;}

	.blog-page-container {width: 100%;}

	.hm-feature-block {width: 33.33%;}

	.gallery-container ul li {
		width: 33.33%;
		padding-top: 33.33%;
	}

	.feature-block {width: 50%;}

	.profile-right .profile-edit, .edit-profile-right .profile-edit {padding: 20px 0 0 0;}

	.menu {
		position: fixed;
		top: 0;
		left: -130%;
		width: 100%;
		min-height: 100%;
		padding: 30px 60px 30px 20px !important;
		overflow-y: scroll;
		background: #F2F2F2;
		z-index: 99999999;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}
	.menu li {
		position: relative !important;
		display: block;
	}
	.menu li a {
		display: block;
		height: auto;
		font-size: 14px;
		text-align: left;
		color: #FFF;
		padding: 5px;
		text-transform: none;
	}
	.menu li li a {color: #333;}

	.menu-dropdown {
		width: 70%;
		left: inherit;
		right: -55px;
		z-index: 9999999;
	}
	.menu-dropdown li:hover .menu-dropdown {display: block;}
	.menu-dropdown .menu-dropdown {
		display: none;
		left: 0;
		width: 100%;
		position: relative;
		box-shadow: none;
		z-index: 9999999;
	}

	.menu-megamenu {
		width: 70%;
		left: inherit;
		right: -55px;
	}

	.mobile-menu-close {display: block !important;}

	#menu-bar {display: block;}

	.hm-feature-block {width: 50%;}

	.footer-block:nth-child(2) {
		padding: 20px;
		margin: 0 0 30px 0;
		border: 0;
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
	}

	.hm-service-right {padding: 20px 0 0 0;}
	.tys-links-bottom a p {
    	font-size: 14px !important;
	}
	.tys-links-bottom {
		margin-bottom: 10px;
	}
}
/* DE 768PX A 979PX */
/* DE 0PX A 768PX */
@media only screen and (max-width: 768px) {
	.slider-info {
		padding: 0 5%; }
	.slider-info h1,
	.slider-info h2 {
		font-size: 24px;
	}

	.gallery-container ul li {
		width: 50%;
		padding-top: 50%;
	}

	.service-description {min-height: inherit;}

	.blog-list-block {
		width: 100%;
		padding: 10px;
		height: auto;
	}

	.map-address {display: none;}

	.contact-info-block {padding: 10px 15px;}

	.feature-block {width: 100%;}

	.app-p-social {position: relative;}

	.hidden-xs {display: none !important;}
	
	#area-centrales-informacion .paragraph-medium, #area-visor-geografico .paragraph-medium, #texto-intro.paragraph-medium {
    	max-width: 100% !important;/*Ancho area parrafo intros*/
	}
	
	.footer-block {
		padding:0px;
	}/*Padding columnas footer*/
	
	.tys-links-bottom {
		margin-bottom: 10px;
	}
	.tys-links-bottom a p {
    	font-size: 12px !important;
	}
}
/* DE 0PX A 480PX */
@media only screen and (max-width: 480px) {
	.layer-ttl h3 {font-size: 28px;}

	.hdr-logo a img {height: 30px;}

	.slider-info h1, .slider-info h2 {font-size: 20px;}
	.slider-info p {display: none;}

	.slider-appointment {display: none;}

	.gallery-container ul li {
		width: 100%;
		padding-top: 100%;
	}

	.blog-list-picture {
		width: 100%;
		height: auto;
		max-height: 280px;
	}

	.blog-page-picture {width: 100%;}

	.blog-page-ttl {font-size: 20px;}

	.hm-feature-block {width: 100%;}

	.hm-blog-picture {
		height: auto;
		max-height: 280px;
	}

	.paragraph-medium {font-size: 13px;}

	#emergency .paragraph-medium {padding: 0;}

	.emergency-number {font-size: 24px;}

	.department-icon .fa {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 28px;
	}

	.department-detail a {font-size: 16px;}

	.blog-list-ttl h4 {font-size: 28px;}

	.form-container {max-width: 100%;}

	.footer-block {padding: 20px 0;}
	.footer-block:nth-child(2) {padding: 20px 0;}
	
	form.sispro-form label.input {margin-bottom:20px !important;}/*Marge input Buscador*/
	
	#area-centrales-informacion .paragraph-medium, #area-visor-geografico .paragraph-medium, #texto-intro.paragraph-medium {
    	max-width: 100% !important;/*Ancho area parrafo intros*/
	}
	
	.hm-about-block {
		min-width: 100%;
		padding: 0 30px;
	}/*Ancho texto Nombre Indicador - Padding*/

	.footer-block {
		padding:0px;
	}/*Padding columnas footer*/
	
	ul#carousel-sispro > li {
		width: 240px !important;
	}/*******************************/
	.hm-carrusel {
		width: auto;
		margin: 0px 20px auto;
	}
	.hm-carrusel .area-cont-app {
		margin: 0px 10px auto;
	}
	.hm-carrusel img {width: 100%; margin: 0 auto;}
	.tys-links-bottom span.bg-icon-car {
		float:none !important;
		margin: 0 auto !important;
		margin-top: 5px !important;
	}
}

@media only screen and (max-width: 463px) {
	.links-interes-sispro p.two-lines {
		height: 52px;
		line-height: 24px;
	}
	.tys-links-bottom a p {
    	font-size: 14px !important;
	}
	.nav-tabs li.nav-item {
		width: 100%;
	}
}

/* DE 0PX A 800PX */
@media only screen and (max-width: 800px) {
	.footer-block {
		padding:0px;
	}/*Padding columnas footer*/
	.tys-links-bottom a p {
    	font-size: 12px;
	}
}

/*************************************************
[ 13.0 CSS EXTRAS SISPRO ] *********************
**************************************************/
/*HEADER*/
/*Fecha Actualizacion*/
#hdr-update {
	display: table;
	height: 36px;
}
#hdr-update p {
	color:#FFF;
	font-size: 13px;
	display: table-cell;
	vertical-align: middle;
}

/*Color Hover Iconos Fuente y Contraste*/
.theme-dropdown svg.icon-header:hover {cursor: pointer !important;}
svg.icon-header:hover path {
	fill: #004b54 !important;
}

/*AREAS INICIO*/
/*Titulos Areas Inicio*/
.tit-minsalud {color: #3366CC;}
.tit-blanco {color:#FFFFFF;}
.tit-negro {color:#000000;}
.tit-azul {color:#4D88DC;}
.tit-ppal, .tit-ppal-nolines {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 10px 0 25px 0;
}
.tit-minsalud h1, .tit-blanco h1, .tit-negro h1 {
	text-align: center;
	letter-spacing: .5px;
	font-size: 32px;
}
.tit-minsalud h2, .tit-blanco h2, .tit-negro h2 {
	text-align: center;
	letter-spacing: .5px;
	font-size: 30px;
}
.tit-minsalud h3, .tit-blanco h3, .tit-negro h3 {
	text-align: center;
	letter-spacing: .5px;
	font-size: 28px;
}
.tit-minsalud h4, .tit-blanco h4, .tit-blanco p.txt-buscador, .tit-negro h4 {
	text-align: center;
	letter-spacing: .5px;
	font-size: 24px;
}
.tit-minsalud h5, .tit-blanco h5, .tit-negro h5 {
	text-align: center;
	letter-spacing: .5px;
	font-size: 20px;
}
.tit-azul h2 {font-size: 22px;}
.tit-azul h3 {font-size: 20px;}
.tit-azul h4 {font-size: 18px;}
.tit-azul h5 {font-size: 16px;}
.tit-azul h2, .tit-azul h3, .tit-azul h4, .tit-azul h5 {
	text-align: left;
	letter-spacing: .5px;
	border-bottom: 1px solid #052049;
	margin-bottom: 25px;
	font-weight: 500;
}
.tit-ppal::before {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	width: 60px;
	height: 2px;
	margin: 0 auto;
	background: #3366CC;
}
.tit-ppal::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 60%;
	height: 1px;
	margin: 0 auto;
	background: #d2d2d2;
}
.tit-ppal h2 {font-size: 24px !important;}
.margin-bottom-extra {margin-bottom: 70px !important;}

/*AREA INDICADORES - NUMEROS Y PORCENTAJES*/
/*Fondo Area Indicadores*/
#area-indicadores {background-color: #F2F2F2;}
/*Colores Elementos Indicadores*/
/*Color Minsalud*/
span.color-minsalud, .hm-about-number > .fa.color-minsalud	{color:#3366CC;}
i.bc-minsalud {
	color:#3366CC !important;
	border:2px solid #3366CC !important;
}
.hm-about-block:hover i.fa.bc-minsalud::after {border:10px solid #3366CC;}
/*Color Azul Claro*/
span.color-1-azul, .hm-about-number > .fa.color-1-azul {color:#4D88DC;}
i.bc-1-azul {
	color:#4D88DC !important;
	border:2px solid #4D88DC !important;
}
.hm-about-block:hover i.fa.bc-1-azul::after {border:10px solid #4D88DC;}
/*Color Azul Oscuro*/
span.color-2-azul, .hm-about-number > .fa.color-2-azul {color:#052049;}
i.bc-2-azul {
	color: #052049 !important;
	border:2px solid #052049 !important;
}
.hm-about-block:hover i.fa.bc-2-azul::after {border:10px solid #052049;}
/*Color Verde Esmeralda*/
span.color-3-verde, .hm-about-number > .fa.color-3-verde {color:#23BC5C;}
i.bc-3-verde{
	color:#23BC5C !important;
	border:2px solid #23BC5C !important;
}
.hm-about-block:hover i.fa.bc-3-verde::after {border:10px solid #23BC5C;}
/*Color Verde Limon*/
span.color-4-verde, .hm-about-number > .fa.color-4-verde {color:#8CC053;}
i.bc-4-verde {
	color:#8CC053 !important;
	border:2px solid #8CC053 !important;
}
.hm-about-block:hover i.fa.bc-4-verde::after {border:10px solid #8CC053;}
/*Color Verde Amarillo*/
span.color-5-amarillo, .hm-about-number > .fa.color-5-amarillo {color:#F6BB43;}
i.bc-5-amarillo {
	color:#F6BB43 !important;
	border:2px solid #F6BB43 !important;
}
.hm-about-block:hover i.fa.bc-5-amarillo::after {border:10px solid #F6BB43;}
/*Color Naranja*/
span.color-6-naranja, .hm-about-number > .fa.color-6-naranja {color:#F48024;}
i.bc-6-naranja {
	color: #F48024 !important;
	border: 2px solid #F48024 !important;
}
.hm-about-block:hover i.fa.bc-6-naranja::after {border: 10px solid #F48024;}
/*Color Rojo*/
span.color-7-rojo, .hm-about-number > .fa.color-7-rojo {color:#DB4453;}
i.bc-7-rojo {
	color: #DB4453 !important;
	border: 2px solid #DB4453 !important;
}
.hm-about-block:hover i.fa.bc-7-rojo::after {border: 10px solid #DB4453;}
/*Color Lila*/
span.color-8-lila, .hm-about-number > .fa.color-8-lila {color:#D870AD;}
i.bc-8-lila {
	color: #D870AD !important;
	border: 2px solid #D870AD !important;
}
.hm-about-block:hover i.fa.bc-8-lila::after {border: 10px solid #D870AD;}
/*Color Violeta*/
span.color-9-violeta, .hm-about-number > .fa.color-9-violeta {color:#967BDC;}
i.bc-9-violeta {
	color: #967BDC !important;
	border: 2px solid #967BDC !important;
}
.hm-about-block:hover i.fa.bc-9-violeta::after {border: 10px solid #967BDC;}
/*Fondo Transparente Iconos Porcentaje*/
div.hm-about-number:hover > i.fa::before {background:transparent;}
/*Tamaño Textos Valores Indicadores e Iconos Fa*/
.hm-about-number > span.counter, .hm-about-block > span > span.percent, .hm-about-number > .fa {font-size: 32px;}

/*MEDIA COLUMNAS*/ /*Centrar Buscador y Boton*/
@media (min-width: 992px) {
	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}
}

@media (min-width: 992px) {
	.col-md-8 {
		width: 66.66666667%;
	}
}
.center {text-align:center;}

/*Pie Chart - Indicadores - DEMO 2*/
.chart, .chart-2 {
	position: relative;
	/*display: inline-block;*/
	width: 100px;
	height: 100px;
	text-align: center;
	display: table-cell;
	/*vertical-align: middle;*/
}
.chart canvas, .chart-2 canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.percent {
	display: inline-block;
	line-height: 100px;
	z-index: 2;
}
.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
}
.angular {margin-top: 90px;}
.angular .chart, .angular .chart-2 {margin-top: 0;}

/*AREA BUSCADOR - INICIO*/
/*Background Buscador Inicio*/
.bg-img-trama-salud {
	position: relative;
	width: 100%;
	background-position: center;
	background-repeat: repeat;
	background-image: url(../images/bg/bg-trama-sispro.jpg);
}
.bg-img-trama-salud::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bg-img-trama-salud::before {
	background: rgba(0, 180, 203, 0.75);
	background: linear-gradient(to right, rgba(28,76,147,0.75) 0%,rgba(48,178,210,0.75) 50%,rgba(28,76,147,0.75) 100%); }

/*DEFINICION SISPRO*/
.definicion-sispro{
	font-size: 18px;
	margin-top: 30px
}

/*CENTRALES DE INFORMACION*/
#area-centrales-informacion .paragraph-medium {
	max-width: 60%;
	margin: 0 auto;
	padding: 0 30px;
	text-align: center;
	margin-bottom: 20px;
}
/*Colores Contenedores Nombres - Centrales 1 a 4*/
.central-name h3 {
	font-size: 20px;
	padding: 10px 0;
	margin: 0;
}
.central-name h4 {
	font-size: 18px;
	padding: 10px 0;
	margin: 0;
}
.central-name h3 a, .central-name h4 a {color: #FFF !important;}
.central-details {padding: 10px;}
.tit-prestadores {background: #4D88DC;}
.tit-financiamiento {background: #F6BB43;}
.tit-ambiental {background: #8CC053;}
.tit-miseguridadsocial {background: #967BDC;}

/*Area Gestion del Conocimiento*/
/*Titulo*/
#area-gestion-conocimiento h3 a {color: #FFFFFF;}
#area-gestion-conocimiento h3 a:hover {color: #3366CC;}
/*Componentes Gestion del Conocimiento*/
.gestion-icon {
	position: absolute;
	top: -45px;
	left: 0;
	width: 100%;
	text-align: center;
}
.gestion-icon .fa {
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 80px;
	text-align: center;
	font-size: 36px;
	color: #FFF;
	background: #d7d7d7;
	border: 5px solid #FFF;
	border-radius: 50%;
	z-index: 1;
}
/*Colores Backgrounds Iconos Gestión del Conocimiento*/
.gestion-icon i.bg-atenciones {background-color:#D870AD;}
.gestion-icon i.bg-vacunacion {background-color:#FFCE55;}
.gestion-icon i.bg-afiliaciones {background-color:#3366CC;}
.gestion-icon i.bg-ficha {background-color:#5CCE86;}
.btn-c-atenciones:hover {
	background:#97296a;
	color: #FFF;
}
.btn-c-vacunacion:hover {
	background:#cc9100;
	color: #FFF;
}
.btn-c-afiliaciones:hover {
	background: #007887;
	color: #FFF;
}
.btn-c-ficha:hover {
	background: #2d9754;
	color: #FFF;
}

/*Botones Consultas Gestion del Conocimiento*/
.btn-c-atenciones,
.btn-c-atenciones:not([disabled]):not(.disabled).active,
.btn-c-atenciones:not([disabled]):not(.disabled):active,
.show > .btn-c-atenciones.dropdown-toggle {
	background: #D870AD;
}
.btn-c-vacunacion,
.btn-c-vacunacion:not([disabled]):not(.disabled).active,
.btn-c-vacunacion:not([disabled]):not(.disabled):active,
.show > .btn-c-vacunacion.dropdown-toggle {
	background: #FFCE55;
}
.btn-c-afiliaciones,
.btn-c-afiliaciones:not([disabled]):not(.disabled).active,
.btn-c-afiliaciones:not([disabled]):not(.disabled):active,
.show > .btn-c-afiliaciones.dropdown-toggle {
	background: #3366CC;
}
.btn-c-ficha, 
.btn-c-ficha:not([disabled]):not(.disabled).active,
.btn-c-ficha:not([disabled]):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
	background: #5CCE86;
}
/*DropDown Menu Consultas*/
.btn-group > .dropdown-menu {
	padding: 2px 0 !important;
	margin: 0px !important;
	z-index: 1;
}
.btn-group > .dropdown-menu a.dropdown-item {
	font-size: 13px;
	padding: 2px 24px !important;
}
/*Estados Menu DropDown Consultas*/
.btn-group > .dropdown-menu > .dropdown-item:hover {
	background-color: #F2F2F2;
	color: #222222;
}
.btn-group > .dropdown-menu > .dropdown-item:active {
	background-color: #3366CC;
	color: #FFFFFF;
}
/*Central Gestion del Conocimiento - Inicio*/
/*Backgrounds Img y Color*/
#area-gestion-conocimiento .paragraph-medium {
    max-width: 60%;
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
}
.bg-gestion-conoc {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-gestion-conoc-img {background-image: url(../images/bg/bg-gestion-conocimiento-inicio.jpg);}
.bg-gestion-conoc::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(5, 32, 73, 0.75) !important;
}

/*AREA MODULO GEOGRAFICO - INICIO*/
/*Background Modulo Geográfico Inicio*/
#area-visor-geografico {text-align:center;}
#area-visor-geografico .paragraph-medium {
	max-width: 60%;
	margin: 0 auto;
	padding: 0 30px;
	text-align: center;
}
.bg-img-modulo-geografico {
	position: relative;
	width: 100%;
	background-position: center;
	background-repeat: repeat;
	background-image: url(../images/bg/bg-modulo-geografico-inicio.jpg);
}
.bg-img-modulo-geografico::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bg-img-modulo-geografico::before {
	background: rgba(198, 210, 64, 0.85);
	background: linear-gradient(to right, rgba(92,206,134,0.85) 0%,rgba(35,188,92,0.85) 50%,rgba(92,206,134,0.85) 100%); }

/*AREA CALL TO ACTION - BLOQUOTE - VISOR REPORTES*/
.theme-quote-reportes {
	font-size: 15px;
	color: #555;
	padding: 20px;
	letter-spacing: .5px;
	margin: 0 0 10px 0;
	text-align: left;
	font-style: italic;
	background: #FFFFFF;
	border-left: 4px solid #178CCB;
	/*webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);*/
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	background-image: url(../images/bg/bg-visor-reportes-inicio.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.theme-quote-reportes h4 {color: #178CCB;}

/*HOME CENTRALES DE INFORMACION*/

/*ACORDEONES*/
/*Acordeon - Icono Menos*/
.fa-minus:before {content:"\f068"}
/*Acordeon - Colores Intercalados*/
.bg-prestadores-1 {background-color: #4D88DC !important;}
.bg-prestadores-2 {background-color: #5D9CEC !important;}
.bg-prestadores-3 {background-color: #e6f2f9 !important; padding: 10px 15px;}
.bg-financiamiento-1 {background-color: #FFB829 !important;}
.bg-financiamiento-2 {background-color: #FEC845 !important;}
.bg-financiamiento-3 {background-color: #fef7eb !important; padding: 10px 15px;}
.bg-ambiental-1 {background-color: #8CC053 !important;}
.bg-ambiental-2 {background-color: #A0D468 !important;}
.bg-ambiental-3 {background-color: #f2f8ec !important; padding: 10px 15px;}
.bg-miseguridadsocial-1 {background-color: #967BDC !important;}
.bg-miseguridadsocial-2 {background-color: #AC92ED !important;}
.bg-miseguridadsocial-3 {background-color: #f3f1fb !important; padding: 10px 15px;}
.bg-gestion-1 {background-color: #F48024 !important;}
.bg-gestion-2 {background-color: #FFA24A !important;}
.bg-gestion-3 {background-color: #fdf1e7 !important; padding: 10px 15px;}
.bg-prestadores-1, .bg-prestadores-2,
.bg-financiamiento-1, .bg-financiamiento-2,
.bg-ambiental-1, .bg-ambiental-2,
.bg-miseguridadsocial-1, .bg-miseguridadsocial-2,
.bg-gestion-1, .bg-gestion-2 {
	color:#FFFFFF !important; padding: 10px 15px;
}
.color-prestadores {color:#178ccb !important;}
.color-financiamiento {color:#e89c00 !important;}
.color-ambiental {color:#5fb700 !important;}
.color-miseguridadsocial {color:#7c58d8 !important;}
.color-gestion {color:#f48024 !important;}
.bg-prestadores-1 .theme-accordion-control .fa, .bg-prestadores-2 .theme-accordion-control .fa, .bg-prestadores-3 .theme-accordion-control .fa,
.bg-financiamiento-1 .theme-accordion-control .fa, .bg-financiamiento-2 .theme-accordion-control .fa, .bg-financiamiento-3 .theme-accordion-control .fa,
.bg-ambiental-1 .theme-accordion-control .fa, .bg-ambiental-2 .theme-accordion-control .fa, .bg-ambiental-3 .theme-accordion-control .fa,
.bg-miseguridadsocial-1 .theme-accordion-control .fa, .bg-miseguridadsocial-2 .theme-accordion-control .fa, .bg-miseguridadsocial-3 .theme-accordion-control .fa,
.bg-gestion-1 .theme-accordion-control .fa, .bg-gestion-2 .theme-accordion-control .fa, .bg-gestion-3 .theme-accordion-control .fa {
	font-size: 18px;
}
.bg-prestadores-1 .theme-accordion-control, .bg-prestadores-2 .theme-accordion-control, .bg-prestadores-3 .theme-accordion-control,
.bg-financiamiento-1 .theme-accordion-control, .bg-financiamiento-2 .theme-accordion-control, .bg-financiamiento-3 .theme-accordion-control,
.bg-ambiental-1 .theme-accordion-control, .bg-ambiental-2 .theme-accordion-control, .bg-ambiental-3 .theme-accordion-control,
.bg-miseguridadsocial-1 .theme-accordion-control, .bg-miseguridadsocial-2 .theme-accordion-control, .bg-miseguridadsocial-3 .theme-accordion-control,
.bg-gestion-1 .theme-accordion-control, .bg-gestion-2 .theme-accordion-control, .bg-gestion-3 .theme-accordion-control {
	top: 12px;
}
/*Contenido Acordeones*/
.content-acc {margin: 0;}

/*APLICATIVOS*/
.area-cont-app {
	width: auto;
	max-width: 260px;
}
.hm-carrusel p {
	font-size: 12px;
	color: #333333;
}
/*Background Aplicativos Centrales*/
.bg-aplicativos-img {background-image: url(../images/bg/bg-aplicativos-centrales.jpg);}

/**********ESTILOS CARRUSEL LINKS DE INTERES***************/
.content-div {
    position: relative;
    padding-bottom: 60px;
    padding-top: 41px;
}
/* Slider */
.slick-slider { position: relative; display: block; margin-bottom: 30px;}
.slick-slider .slick-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
.slick-slider .slick-track { position: relative; left: 0px; top: 0px; }
.slick-slider .slide { float: left; min-height: 1px; }
.slick-slider .slide img { display: block; }
.slick-slider .slide { display: none; }
.slick-initialized .slide { display: block; }

/* Loading States */
.slick-loading .slick-track { visibility: hidden; }
.slick-loading .slick-list { background: #fff url(../images/carousel-links/ajax-loader.gif) center center no-repeat; }
.slick-loading .slide { visibility: hidden; }

/* Arrows */
.slick-slider .slick-prev { position: absolute; background: url('../images/carousel-links/sprite.png') -50px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; left: -25px; padding: 0px; }
.slick-slider .slick-next { position: absolute; background: url('../images/carousel-links/sprite.png') -90px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; right: -25px; padding: 0px; }
.slick-slider .slick-prev:focus { outline: none }
.slick-slider .slick-next:focus { outline: none }
.slick-slider .slick-next.disabled { background-position: -90px -90px }
.slick-slider .slick-prev.disabled { background-position: -50px -90px }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .slick-slider .slick-next { background: url('../images/carousel-links/sprite%402x.png') -90px -40px no-repeat; background-size: 900px 200px; }
    .slick-slider .slick-prev { background: url('../images/carousel-links/sprite%402x.png') -50px -40px no-repeat; background-size: 900px 200px; -webkit-background-size: 900px 200px; }
}

/* Dots */
.slick-dots { position: absolute; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
.slick-dots li { position: relative; display: inline-block; background: url('../images/carousel-links/sprite.png') -200px -50px no-repeat; height: 5px; width: 5px; text-indent: -9999px; margin: 0px 10px; padding: 0px; }
.slick-dots li.active { background-position: -150px -50px }
.slick-dots li a { display: block; height: 10px; width: 10px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
    .slick-dots li { background: url('../images/carousel-links/sprite%402x.png') -200px -50px no-repeat; background-size: 900px 200px; }
}

/* Draggable */
.slick-list.draggable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.slick-list.dragging {cursor: pointer;}

/***************************/
.links-interes-sispro, .apps-sispro {margin-bottom: -50px;}
.multiple {display: table;}
.links-interes-sispro p {
	height: 52px;
	line-height: 50px;
	font-size:14px !important;
	background:#FFFFFF;
	border: 1px solid #3366CC;
	color:#4d4d4d;
	margin:10px;
	text-align:center;
}
.links-interes-sispro span.bg-icon-car {
    display: block;
    overflow: hidden;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 620px;
    padding: 0;
    vertical-align: top;
    background: #FFFFFF;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
    margin: 5px 5px;
}
.links-interes-sispro span i.fa {font-size: 24px; line-height: 38px !important;}
.links-interes-sispro a:hover p span i.fa, .links-interes-sispro a:hover p {color:#3366CC;}

.apps-sispro p {
	font-size: 12px;
	line-height: 16px;
	color:#4d4d4d;
	margin:10px;
	text-align:center;
}

/*Contenido Embebido*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin-bottom: 25px;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*ESTILOS CATALOGOS*/
#contenidos-catalogos {
	width: 100%;
	background: #edfdff;
	padding: 40px 0 10px 0;
	margin-bottom: 50px;
}

/*ESTILO CONTRASTE*/
.contrast {
	color: #f00;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
/*ESTILO ZOOM*/
.zoomPage {
  -moz-transform: scale(1.1, 1.1);
  /* Moz-browsers */
  zoom: 1.1;
  /* Other non-webkit browsers */
  zoom: 110%;
  /* Webkit browsers */
}

/*ESTILOS ZONA DE AYUDAS*/
#texto-intro.paragraph-medium {
	max-width: 80%;
	margin: 0 auto;
	padding: 0 30px;
	text-align: center;
	margin-bottom: 20px;
}
.ayudas-card  {
	padding: 60px 20px 20px;
	margin: 40px 0 30px 0;
	text-align: center;
	background: #F3F3F3;
}
.ayudas-card:hover .fa {
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
}
.ayudas-card .fa {
	position: absolute;
	left: 50%;
	top: 0;
	font-size: 48px;
	width: 80px;
	color: #EBFCFD;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #3366CC;
	margin-left: -40px;
	border-radius: 2px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	transition: all .4s ease-in-out;
}
.ayudas-card h5 {
	font-size: 24px;
	color: #005a65;
}
.ayudas-card h5 a {
	font-weight: 500;
	color: #005a65;
}
.ayudas-card h5 a:hover {
	color: #3366CC;
	text-decoration: underline !important;
}

/*ESTILOS TUTORIALES*/
.tutoriales-text {
	font-size: 14px;
	color: #333;
	padding: 5px 0; }
.tutoriales-text .fa {
	vertical-align: middle;
	width: 30px;
	height: 20px;
	font-size: 16px;
	text-align: center;
	color: #777;
}
.tutoriales-text span {
	display: inline-block;
	vertical-align: middle;
	max-width: 85%;
	margin: 0;
}
.tutoriales-text a:hover span {
	color: #3366CC;
	text-decoration: underline;
}

/*ESTILOS VIDEOS RESPONSIVE*/
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*CALL TO ACTION GENERAL*/
.theme-quote-general {
	font-size: 15px;
	color: #555;
	padding: 20px;
	letter-spacing: .5px;
	margin: 0 0 10px 0;
	text-align: left;
	font-style: italic;
	background: #F3F3F3;
	border-left: 4px solid #3366CC;
	/*webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);*/
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.theme-quote-general h4 {color: #178CCB; }
.theme-quote-general a {color: #3366CC; }
.theme-quote-general a:hover {
	color: #008798;
	text-decoration: underline !important;
}

/*ESTILOS DOCUMENTACION CENTRALES DE INFORMACION*/
.category-list li {cursor: pointer;}
/*Colores Menu Contextual Centrales - Documentacion*/
.category-list li.prestadores a, .category-list li.prestadores a:hover, .category-list li.prestadores-active a {color: #178ccb;}
.category-list li:hover.prestadores, .category-list.prestadores li:hover, .prestadores-active {background-color:#e6f2f9;}

.category-list li.financiamiento a, .category-list li.financiamiento a:hover, .category-list li.financiamiento-active a {color: #e89c00;}
.category-list li:hover.financiamiento, .category-list.financiamiento li:hover, .financiamiento-active {background-color:#fef7eb;}

.category-list li.saludambiental a, .category-list li.saludambiental a:hover, .category-list li.saludambiental-active a {color: #5fb700;}
.category-list li:hover.saludambiental, .category-list.saludambiental li:hover, .saludambiental-active {background-color:#f2f8ec;}

.category-list li.miseguridadsocial a, .category-list li.miseguridadsocial a:hover, .category-list li.miseguridadsocial-active a {color: #7c58d8;}
.category-list li:hover.miseguridadsocial, .category-list.miseguridadsocial li:hover, .miseguridadsocial-active {background-color:#f3f1fb;}

.category-list li.gestionconocimiento a, .category-list li.gestionconocimiento a:hover, .category-list li.gestionconocimiento-active a {color: #f48024;}
.category-list li:hover.gestionconocimiento, .category-list.gestionconocimiento li:hover, .gestionconocimiento-active {background-color:#fdf1e7;}

/*ESTILOS TRAMITES Y SERVICIOS*/
.tys-text {padding: 5px 0;}
.tys-text i.fa {
	font-size: 18px;
	vertical-align: middle;
	width: 30px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.tys-text span {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.tys-container .theme-material-card {
	margin: 0 0 30px 0;
	min-height: 130px;
	padding: 15px;
	background: #FFF;
	border: 1px solid #dddddd;
	box-shadow: none;
}
.tys-container .theme-material-card:hover {background:#edfdff;}
.tys-view {
    overflow: hidden;
    padding: 5px 0 0 0;
}
.tys-view a {
	font-size: 14px;
    color:#ffffff;
}
.tys-view a:hover {
    color:#65eeff !important;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.tys-btn-center {
    text-align: center;
    margin: 0 0 10px 0;
}
.tys-links-bottom {
	border: 1px solid #dddddd;
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: table;
}
div.tys-links-bottom:hover {background:#edfdff;}
a .tys-links-bottom p {
    height: 50px;
    font-size: 15px;
    color: #000000;
    margin: 10px;
	display: table-cell;
    vertical-align: middle;
}
a .tys-links-bottom p:hover {color: #3366CC;}
.tys-links-bottom span.bg-icon-car {
    display: block;
    overflow: hidden;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 620px;
    padding: 0;
    vertical-align: top;
    background: #FFFFFF;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.25);
    margin: 5px 5px !important;
}
.tys-links-bottom span i.fa {
    font-size: 24px;
    line-height: 39px !important;
}

/*ESTILOS ADICIONALES GLOSARIO*/
.ttl-glosario {
	font-size: 20px !important;
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-weight: 600;
}

/*ESTILOS COMPONENTES CONTENIDOS*/
#sispro-componentes-1 {text-align: center;}

.tema-bg-block {
	margin-bottom: 30px;
	background-image: url(../images/bg/bg-sispro-64x64.png) !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
}

.tema-bg-icon {vertical-align: top;}
.tema-bg-icon .fa {
	position: relative;
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 32px;
	color: #3366CC;
	text-align: center;
	background: #FFF;
	border-radius: 50%;
}

.tema-bg-detail {
	vertical-align: top;
	padding: 0 0 0 15px;
}
.tema-bg-detail span {font-size: 18px;}
.tema-bg-detail p {margin: 0;}

.tema-bg-card {
	border: 1px solid #EEE;
	background: #fcfcfc;
	padding: 15px;
	border-radius: 2px;
}
.tema-bg-card:hover .fa {
	color: #FFF !important;
	box-shadow: inset 0 0 200px 0 #3366CC;
}
.tema-bg-card .tema-bg-icon .fa {
	color: #02A7B6;
	border: 1px solid #DDD;
	transition: all .4s ease-in-out;
}
.tema-bg-card .tema-bg-detail span {color: #333;}
.tema-bg-card .tema-bg-detail p {color: #777;}

/*ESTILO IFRAME FULL-WIDTH*/
.iframe-full-width-container object, .iframe-full-width-container iframe {
	position: relative;
    width: 100%;
	height : 800px;
    font-size: 0;
    padding: 0;
    overflow: hidden;
}

/*ESTILO HOME AREA DE USUARIOS*/
#sispro-area-usuarios .paragraph-medium {text-align: center;}

/*ESTILOS OBSERVATORIOS - SEGUIMIENTO - ENLACES A OTROS SITIOS*/
.observatorio-icon {
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	text-align: center;
}
.observatorio-icon .fa {
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	color: #FFF;
	background: #3366CC;
	border: 5px solid #FFF;
	border-radius: 50%;
	z-index: 1;
}
#area-observatorios .theme-block {
    margin: 0 0 10px 0;
}
#area-observatorios .theme-block-data p {
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	padding: 20px 0 0 0;
	font-size: 16px;
    text-align: center;
    margin: 0;
}
#area-observatorios .theme-block:hover .observatorio-block-data a {
	color: #3366CC;
	text-decoration: underline !important;
}
.parallax-background-seguimiento {
    background-image: url(../images/observatorios/bg-observatorios-seguimiento.jpg);
}
#area-seguimiento .feature-icon {
    width: 60px;
    height: 60px;
    line-height: 68px;
    margin: 0 auto;
    border: 2px solid #3366CC;
    border-radius: 4px;
}
#area-seguimiento .feature-icon .fa {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 26px;
    color: #FFFFFF;
    border: 2px solid #3366CC;
    border-radius: 50%;
}
#area-seguimiento .feature-block a span {
    display: block;
    font-size: 16px;
    color: #FFF;
    padding: 10px 0 10px 0;
	line-height: 1.2em;
}
#area-seguimiento .feature-block a:hover span {
	color: #3366CC;
    text-decoration: underline;
}
.enlace-block {margin-bottom: 10px;}
.enlace-card {
	border: 1px solid #CECECE;
	background: #fcfcfc;
	padding: 8px;
	border-radius: 4px;
}
.enlace-card:hover .fa {
	color: #3366CC !important;
	box-shadow: inset 0 0 200px 0 #FFF;
}
.enlace-card .enlace-icon .fa {
	color: #333333;
	border: 1px solid #CECECE;
	transition: all .4s ease-in-out;
}
.enlace-block.enlace-card:hover {background: #EDFDFF;}
.enlace-detail {
	padding: 0 0 0 15px;
	width: 100%;
	text-align: center;
}
.enlace-card .enlace-detail p {
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 1.2;
	font-weight: normal;
	font-size: 16px;
}

.enlace-card .enlace-detail h5 a:hover, .enlace-block.enlace-card:hover h5 {color: #3366CC;}
.enlace-icon {vertical-align: top;}
.enlace-icon .fa {
	position: relative;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #3366CC;
	text-align: center;
	background: #FFF;
	border-radius: 50%;
}

/*Indicadores - Observatorios*/
.content-card  {
	padding: 60px 20px 20px;
	margin: 40px 0 30px 0;
	text-align: center;
	background: #F3F3F3;
}
.content-card:hover .fa {
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
}
.content-card .fa {
	position: absolute;
	left: 50%;
	top: 0;
	font-size: 48px;
	width: 80px;
	color: #EBFCFD;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #3366CC;
	margin-left: -40px;
	border-radius: 2px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
	transition: all .4s ease-in-out;
}
.content-card p {
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	color: #005a65;
}
.content-card p a {
	font-weight: 500;
	color: #005a65;
}
.content-card p a:hover {
	color: #3366CC;
	text-decoration: underline !important;
}
/*Acordeon en Observatorios*/
.heigh-acc-min .theme-accordion-control {top: 12px}
.heigh-acc-min {padding: 10px;}

/*ESTILOS HOME CENTRAL DEL CONOCIMIENTO*/
/*Indicadores*/
.badge-mas {color: #FFFFFF; background-color: #23BC5C;}
.bg-mas {background-color: #23BC5C !important;}
.badge-igual {color: #FFFFFF; background-color: #4D88DC;}
.bg-igual {background-color: #4D88DC !important;}
.badge-menos {color: #FFFFFF; background-color: #DB4453;}
.bg-menos {background-color: #DB4453 !important;}

/*Cards Servicios de Información*/
#area-servicios-de-informacion .card-title {
	font-family: Segoe, "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center !important;
}
#area-servicios-de-informacion .card-body p.card-text {
	font-size: 13px;
	color: #777;
}
#area-servicios-de-informacion .bg-primary a {
	font-size: 15px;
	color: #FFF;
}
#area-servicios-de-informacion .bg-primary a:hover {
	color: #CBF9FF;
}

/*ESTILOS TABLEROS DE CONTROL*/
.feature-block p.descripcion-tablero {font-style: italic;}
.tablero-active {background-color:#e4f7f9;}
.parallax-background-tableros {
    background-image: url(../images/tableros-de-control/bg-tableros-de-control.jpg);
}

/*Footer*/
footer div.layer-wrapper {padding: 10px 0 10px 0;}
.footer-container button a {margin:0;}