/*
   --------------------------------------------------------------------------
   Definición de tipos de fuentes personalizados
   --------------------------------------------------------------------------
*/


@font-face {
    font-family: 'Source Sans Pro Regular';
    src: url(/resources/fonts/sourcesanspro/SourceSansPro-Regular.ttf);
}

@font-face {
	font-family: 'Source Sans Pro Italic';
	src: url(/resources/fonts/sourcesanspro/SourceSansPro-Italic.ttf);
}

@font-face {
	font-family: 'Source Sans Pro Semibold';
	src: url(/resources/fonts/sourcesanspro/SourceSansPro-Semibold.ttf);
}

@font-face {
	font-family: 'Source Sans Pro Bold';
	src: url(/resources/fonts/sourcesanspro/SourceSansPro-Bold.ttf);
}

@font-face {
	font-family: 'Source Sans Pro Light';
	src: url(/resources/fonts/sourcesanspro/SourceSansPro-Light.ttf);
}


@font-face {
	font-family: 'Terminal Dosis Regular';
	src: url(/resources/fonts/terminaldosis/TerminalDosis-Regular.ttf);
}

@font-face {
	font-family: 'Terminal Dosis Semibold';
	src: url(/resources/fonts/terminaldosis/TerminalDosis-Semibold.ttf);
}


@font-face {
	font-family: 'Andale Mono';
	src: url(/resources/fonts/andalemono/andalemono.ttf);
}


/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo genéricas
   --------------------------------------------------------------------------
*/

#page-container.page-header-fixed #page-header {

    box-shadow: none !important;
}
#training-contents {
    padding-top: 10rem !important;
}
#certification-contents {
    padding-top: 17rem !important;
}
#education-contents {
    padding-top: 10rem !important;
}

#home-contents {
    padding-top: 7.3rem !important;
}

@media (max-width: 1024px) {
    #training-contents {
        padding-top: 12rem !important;
    }
    #certification-contents {
        padding-top: 19rem !important;
    }
}

@media (max-width: 992px) {
    #training-contents {
        padding-top: 4rem !important;
    }
    #certification-contents {
        padding-top: 13rem !important;
    }

    #education-contents, #home-contents {
        padding-top: 4rem !important;
    }
}
@media (max-width: 576px) {
    #training-contents {
        padding-top: 4rem !important;
    }
}

small {
    font-size: 80% !important;
}

html {
	font-size: 16px;	 /* Establecemos el tamaño de fuente base */
}

body {
    padding-top: 35px;  /* Necesario indicar para establecer la altura de las cabeceras fijas 140px */
	background-color: #ffffff;
    font-family: 'Source Sans Pro Regular';
    padding-right: 0px !important;
	font-size: 1rem;
    -moz-min-width: 320px;
    -ms-min-width: 320px;
    -o-min-width: 320px;
    -webkit-min-width: 320px;
    min-width: 320px;
}

body.modal-open {  /*Avoid Bootstrap Model goes to top*/
   overflow: visible;
}

.mobile-content {
    display: none;
}

.white {
    background-color: #FFFFFF;
}

label, textarea, input, button {
    font-size: 0.95rem !important;
}

textarea {
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
}

form {
    margin-top: 0.4rem;
}

.border {
    border: 1px solid #999999;
}

.right-bordered {
	border-right: 1px solid #CCCCCC; 
}

.left-bordered {
	border-left: 1px solid #CCCCCC; 
}

#errorSummary {
    display: none;
}

.alert-danger, .alert-info {
    padding: 0.3rem;
    font-size: 0.90rem;
    margin-bottom: 0.3rem;
}

.alert-danger, .callout.callout-danger {
    background-color: #fee!important;
    border: 1px solid #ccc!important;
    color: #000!important;
}

select.error, textarea.error, input.error, select.error + span > span > span {
    border: 2px solid #a94442 !important;
    color: #a94442 !important;
}

.center {
    text-align: center !important;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.justify {
    text-align: justify !important;
}

.bold {
    font-weight: bold;
}

.text-normal {
    text-transform: none !important;
}

.margin-top {
    margin-top: 1.8rem;
}

.no-padding  {
	padding-right: 0;
	padding-left: 0;
}

.no-left-padding  {
	padding-left: 0;
}

.no-right-padding  {
	padding-right: 0;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
} 

.margin-top-15 {
    margin-top: 15px;
}

.no-padding-top-bottom {
    padding-bottom: 0px;
    padding-top: 0px;
}

.no-padding-left-right {
    padding-left: 0px;
    padding-right: 0px;
}

.padding-top-bottom-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-20 {
    padding: 20px;
}

.no-margin {
    margin-top: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margins {
    margin: 0px !important;    
}

.margin-bottom-20 {
    margin-bottom: 20px;
} 

.no-padding-top {
    padding-top: 0px !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-border-top {
    border-top: none !important;
}
.no-border-left {
    border-left: none !important;
}
.no-border-right {
    border-right: none !important;
}


.note {
    color: #999999;
    font-style: italic;
}

.legalNote {
    color: #999999;
    font-style: italic;
    font-size: 0.75rem;
}

.bigLegalNote {
    color: #999999;
    font-style: italic;
    font-size: 0.85rem;
}

.font-white {
    color: #fff;
}

.font-blue {
    color: #00aeff;
}

.red {
    color: #dd1144;
}

.green {
    color: #a4c93e;
}

.training-blue {
    color: #00a3e0 !important;
}

.bg-gray {
    background-color: #fbfbfb;
    border-radius: 20px;
}

.table .btn-warning {
    color: #333;
    background-color: #f2f2f2;
    border-color: #CCCCCC;
}

.table .btn-warning:hover {
    color: #333;
    background-color: #f2f2f2;
    border-color: #CCCCCC;
}

.table .btn-success {
    color: #333;
    background-color: #f2f2f2;
    border-color: #CCCCCC;
}

.table .btn-success:hover {
    color: #333;
    background-color: #f2f2f2;
    border-color: #CCCCCC;
}

.contents {
    background-color: #FFFFFF;
    padding: 0rem; /*Updated globally*/
    padding-top: 1rem;
    font-size: 0.98rem;
    min-height: 0rem; /*Updated globally*/
}

.contents a {
    text-decoration: none;
}

.contents a:hover, .contents a:visited, .contents a:active {
    text-decoration: none;
}

.contents .row {
	margin-left: 0;
	margin-right: 0;
}

.contents-menu {
	list-style: none;
	padding-left: 0 !important;
	font-family: 'Source Sans Pro Semibold';
	font-size: 0.85rem; 
	text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.contents-menu li {
	display: inline;
}

.contents-menu li:after {
	content: " | ";
	margin-left: 0.3rem; 
	margin-right: 0.3rem; 
}

.contents-menu li:last-child:after {
	content: "";
	margin-right: 0;
}


.contents p {
	text-align: justify;
}

.contents h1 {
	margin-top: 1.5rem;
    margin-bottom: 1rem;
	padding: 0.2rem;
	font-size: 1.35rem;
	font-weight: bold;
	color: #555555;
	text-transform: uppercase;
	text-transform: uppercase;
    word-spacing: 0.35rem;
}

.contents h2 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: bold;
}

.contents h3 {
    font-size: 1rem;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
}

.contents ul, .contents ol {
    padding-left: 1.6rem;
}

.contents ul.nav-tabs {
    padding-left: 0 !important;
}

.contents ul.nav-tabs li a {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.contents ul li:last-child, .contents ol li:last-child {
    margin-bottom: 0.1rem;
}


.contents .dropdown ul {
    padding-left: 0;
}

.contents .dropdown ul li {
    margin-bottom: 0;
    text-align: justify;
}

.contents .dropdown ul li:last-child {
    margin-bottom: 0;
}

.contents button {
    padding-top: 0;
    padding-bottom: 0;
    height: 1.8rem;
}

.list-intro {
    margin-top: 1.5rem;
}

.logo-responsive {
	display: inline-block;
	max-width: 100%;
	max-height: 80%;
}

.breadcrumb {
    display: inline;
    list-style: none;
    background-color: transparent;
    padding-left: 0 !important;
    font-size: 0.85rem;
}

.breadcrumb li {
    margin-bottom: 0 !important;
}

.breadcrumb > li + li:before {
    padding: 0 1px;
}

.table {
    margin-top: 20px;
}

.table th {
    text-align: center;
    font-weight: bold;
}

.va-middle {
    vertical-align: middle !important;
}

.table tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.table td {
    text-align: justify;
}

.table-hover tbody tr:hover td{
  background-color: #eeeeee;
}

.hover {
    background-color: #eeeeee !important;
}

table > tbody > tr.no-visible {
    display: none;
}


#searchResults {
    color: green;
    font-style: italic;
}

.infoForm {
    height: 32px;
}

figure {
    margin-top: 10px;
    margin-bottom: 10px;
}

figure img {
    display: block;
    margin: 0;
    border: 1px solid #cccccc;
    padding: 5px;
    background: #FFFFFF;
}

figure figcaption {
    font-size: 0.80rem;
    text-align: center;
    font-style: italic;
    line-height: 1.5em;
}

.img-float-right {
    float: right;
    margin-left: 10px;
}

.img-float-left {
    float: left;
    margin-right: 10px;
}

.img-hover:hover {
    opacity: 0.8;
}

.inline {
    display: inline;
}

.horizontal-menu {
    padding-left: 0 !important;
    margin-bottom: 1rem;
}

.horizontal-menu li {
    margin-bottom: 0.2rem !important;
    font-size: 0.75rem;
}

.horizontal-menu li:first-child {
    margin-left: 0.1rem;
}

.horizontal-menu>li>a {
    padding: 0.3rem 1rem;
    color: #000000;
}

.horizontal-menu>li.active>a {
    background-color: #eeeeee;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #000000;
}

.list-group {
    padding-left: 0 !important;
}

.list-group .list-group-item {
     background-color: #ffffff;
}

.menu-fixed {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1050;
    top: 35px;
}

.submenu-fixed {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1050;
    top: 75px;
}

.internal-anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.g-recaptcha > div {
    width: 100% !important;
    height: 100px !important;
    text-align: center;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding-top: 10px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cursor-pointer {
    cursor: pointer !important;
}

.font-regular {
    font-family: 'Source Sans Pro Regular' !important;
}

.font-light {
    font-family: 'Source Sans Pro Light' !important;
}

.font-bold {
    font-family: 'Source Sans Pro Bold' !important;
}

.font-semibold {
    font-family: 'Source Sans Pro Semibold' !important;
}

.font-andalemono {
    font-family: 'Andale Mono' !important;
}

.info-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.info-section h2 {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
}

.bg-home-gray {
    background-color: #f7f7f7;
}

/*
   --------------------------------------------------------------------------
   Definición de estilos que definen la cabecera principal
   --------------------------------------------------------------------------
*/

.header {
	background-color: #FFFFFF;
	height: 35px;
    border-bottom: 1px solid #CCCCCC;  
}

.header .container {
    margin-top: 0.325rem;
}

.header-options {
	color: #666666;
	text-align: right;
}

.header-options-menu {
	list-style: none;
	padding-left: 0;
	font-family: 'Source Sans Pro Regular';
	font-size: 0.80rem; 
	text-transform: uppercase;
    display: inline-block;
    margin-bottom: 4px;
}

.header-options-menu a {
    color: #666666;
    text-decoration: none;
}

.header-options-menu a:hover, .header-options-menu a:visited, .header-options-menu a:active {
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

.header-options-menu li {
	display: inline;
}

.header-options-menu li:before {
    margin-left: 0.5rem; 
	margin-right: 0.5rem; 
    content: "";
}



.menu-separator li:before {
	content: " | ";
}

.menu-separator li:last-child:after {
	margin-right: 0;
}


.header-mobile-top {
    color: #FFFFFF;
    font-family: 'Source Sans Pro Semibold';
    padding: 0.2rem;
    height: 3.5rem;
}

.header-mobile-top .navbar-toggle {
    border: none;
    margin: 0.5rem 0;
    padding: 0.4rem;
    height: 1.5rem;
}

.header-mobile-top .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.header-mobile-top .navbar-collapse {
    background-color: #FFFFFF;
    font-size: 1rem;
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
    z-index: 1050;
}

.header-mobile-top .dropdown-menu {
    font-size: 1rem;
}

.header-mobile-top .navbar-nav {
    margin-top: 0;
    text-indent: 15px;
}

.header-mobile-top .nav>li {
    border-bottom: 1px solid #cccccc;
    border-left: none;
    border-right: none;
}

.header-mobile-top .nav>li:last-child {
    border-right: none;
}

.header-mobile-top .nav>li>a {
    padding: 5px;
}

.header-mobile-top-section {
    display: inline-block;   
    font-size: 1.45rem;
    margin-top: 0.45rem;
}
.header-mobile-top button {
    margin: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
    height: 1.8rem;
}


.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #EEEEEE;
    color: #000000;
}

.navbar-default {
    background-color: #FFFFFF;
    border: none;
}

#breadcrumb-scroll {
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: .85rem;
    padding-left: 10px;
}

#breadcrumb-scroll i {
    display: inline-block;
    overflow: hidden;
}

#breadcrumb-scroll li {
    overflow: hidden;
}

#breadcrumb-scroll li.active {
    max-width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo asociadas a los menús de subcabecera
   --------------------------------------------------------------------------   
*/

.subheader {
	height: 60px; 
	background-color: #f9f9f9;
	border-bottom: 1px solid #CCCCCC; 
	font-family: 'Terminal Dosis Semibold';
	text-transform: uppercase;
	font-size: 0.85rem;
	color: #666666;
}

.subheader .row {
	margin: 0;
}

.subheader a {
    text-decoration: none;
}


.subheader-option {
    float: left;
    position: relative;
    width: 14.2%;
	height: 58px; 
	margin: 0;
	padding: 10px 13px 0;
}

#subheader-option-logo {
    width: 19.2%;
    text-align: left;
    padding: 5px 20px;
}

#subheader-option-training {
    background: url("/resources/images/logos/logo-formacion.png") no-repeat 10px;
    padding-left: 35px;
    width: 14.8%;
}

#subheader-option-consulting, #subheader-option-certification {
    width: 14.1%;
}

#subheader-option-education {
    background: url("/resources/images/logos/logo-educacion.png") no-repeat 10px;
    padding-left: 35px;
}

#subheader-option-training:hover, #subheader-option-education:hover {
    background-color: #eeeeee;
}

.subheader-option:hover {
    background-color: #eeeeee;
}

#subheader-option-logo:hover {
    background-color: inherit;
}

#subheader-option-about, #subheader-option-blog {
    width: 11.8%;
}

.subheader-option-text {
	margin: 0 0 0 0;
    color: #666666;
	text-transform: uppercase;
}

.subheader-option-text .menu-title {
	margin-top: 0;
	margin-bottom: 0.0625rem;
	font-size: 1.10rem;
    font-family: 'Terminal Dosis SemiBold';
    text-align: left;
    line-height: 1.1;
}

.subheader-option-text .menu-description {
	margin-top: 0.065rem;
    margin-bottom: 0;
	font-size: 0.75rem; 
    font-family: 'Terminal Dosis Regular';
    text-align: left;
    line-height: 1.1;
}

.subheader-item-active {
    background-color: #f9f9f9;
}

/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo asociadas a los menús de secciones
   --------------------------------------------------------------------------   
*/

.menu {
	background-color: #eeeeee;
	border-bottom: 1px solid #CCCCCC; 
	font-family: 'Source Sans Pro Regular';
	text-transform: uppercase;
	font-size: 0.85rem;
	color: #666666;
    text-align: center;    
}

.menu .row {
	margin: 0;
}

.menu a {
    text-decoration: none;
}



.navbar {
	min-height: 0;
	margin-bottom: 0;
}


.navbar .navbar-nav {
    display: block;
    float: none;
}

.navbar-nav>li>a {
    color: #666666;
	padding-top: 0.625rem;
	padding-bottom: 0.53rem;
}

#training-menu .navbar-nav>li:last-child>a {
    color: #666666;
    padding: 5px 15px;
}

.menu .navbar-nav>li>a:hover, .menu .nav>li>a:active, .menu .nav>li>a:focus {
    font-weight: bold;
    background-color: #FFFFFF;
}


#training-menu .navbar-nav>li:not(:last-child)>a:hover, #training-menu .nav>li:not(:last-child)>a:active, #training-menu .nav>li:not(:last-child)>a:focus {
    font-weight: bold;
    background-color: #FFFFFF;
}

#training-menu .navbar-nav>li:last-child>a:hover, #training-menu .nav>li:last-child>a:active, #training-menu .nav>li:last-child>a:focus {
    -ms-opacity: 0.6;
    opacity: 0.6;
    background-color: inherit;
}

.menu .nav .open>a, .menu .nav .open>a:hover, .menu .nav .open>a:active, .menu .nav .open>a:focus {
	font-weight: bold;
}


.dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
    font-size: 0.85rem;
	text-align: left;
	color: #666666;
}

.dropdown-menu .divider {
	margin: 0;
}

.nav-tabs > li.active {
    font-weight: bold;
}



/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo asociadas a los sliders
   --------------------------------------------------------------------------
*/

#slider {
    display: none;
}

.slidesjs-container{
	-webkit-box-shadow:0 0.0625rem 0.9375rem rgba(0, 0, 0, 0.3),0 0 2.5rem rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0.0625rem 0.9375rem rgba(0, 0, 0, 0.3), 0 0 2.5rem rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 0.0625rem 0.9375rem rgba(0, 0, 0, 0.3), 0 0 2.5rem rgba(0, 0, 0, 0.1) inset;
	margin-bottom: 0.3125rem;
}

.slidesjs-container a {
    text-decoration: none;   
}

.slide-image {
    
}

.slide-description {
	position: absolute;
	left: 1.25rem; 
	bottom: 1.25rem; 
	width: 50%; 
	height: auto;
    min-height: 7rem; 
	padding: 1rem;
	background-color: rgba(255, 255, 255, 0.85);
}


.slide-description h1 {
	margin-top: 0;
	font-family: 'Source Sans Pro Semibold';
	font-size: 1.45rem;
}

.slide-description h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Source Sans Pro Regular';
	font-size: 1rem;
    color: #666666;
}

.slidesjs-navigation {
	z-index: 1020;
	position: absolute;
	top: 45%;
	width: 34px;
	height: 34px;
	opacity: 0.2;	
}

.slidesjs-previous {
	left: 1.3rem;
	background-image: url(/resources/styles/theme/images/icons/slider-left-arrow-icon.png);
}

.slidesjs-next {
	right: 1.3rem;
	background-image: url(/resources/styles/theme/images/icons/slider-right-arrow-icon.png);
}

.slidesjs-previous:hover, .slidesjs-next:hover {
	opacity: 1;
}

.slidesjs-pagination {
	z-index: 1020;
	position: absolute;
	list-style: none;
	bottom: 0.3125rem;
	right: 1.875rem;
}

.slidesjs-pagination li {
	float: left;
	margin: 0 0.0625rem; 
}

.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px; 
	background-image: url(/resources/styles/theme/images/icons/pagination-icon.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
	background-position: 0 -13px;
}



/*
   ---------------------------------------------------------------------------------
   Definición de estilos asociados a los paneles inferiores de opciones
   ---------------------------------------------------------------------------------
*/

.contents-options {
	margin-top: 1.25rem; 
	margin-bottom: 0.5rem; 
}

.panel-option {
	min-height: 22rem; 
	margin-bottom: 1.25rem; 
	background: #FFFFFF;
	-webkit-box-shadow: 0 0.0625rem 0.9375rem rgba(0, 0, 0, 0.3),0 0 2.5rem rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 0.0625rem 0.9375rem rgba(0, 0, 0, 0.3), 0 0 2.5rem rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0.0625rem 0.9375rem rgba(0, 0, 0, 0.3), 0 0 2.5rem rgba(0, 0, 0, 0.1) inset;
}

.contents-option-image {
	
}

.contents-option-title {
	padding: 0 1.5625rem 0 1.5625rem; 
	margin: 1.25rem 0 0.625rem 0; 
	font-family: 'Source Sans Pro Semibold';
	font-size: 1.1rem; 
	text-transform: uppercase;
	line-height: 1.1875rem;
}

.contents-option-description {
	position: relative;
	font-family: 'Source Sans Pro Regular';
	font-size: 0.80rem; 
	padding: 0 1.5625rem 0 1.5625rem; 
}

.panel-option .view-more {
	position: absolute;
	right: 15px;
	bottom: 1.45rem; 
	width: 7rem; 
	padding: 0.125rem 0.625rem 0.125rem 0.625rem; 
	font-family: 'Source Sans Pro Semibold';
	color: #FFFFFF;
	font-size: 0.875rem; 
	text-transform: uppercase;
	text-align: center;
}

.panel-option .view-more .view-more-text {
	padding-left: 0.5rem;
}


.panel-option .view-more .view-more-text a {
	color: #FFFFFF;
	text-decoration: none;
}


/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo asociadas a los logos inferiores
   --------------------------------------------------------------------------
*/

.contents-logos {
    margin-bottom: 2.5rem;
}

.logo {
    border: 1px solid #CCCCCC;
    margin-top: 1rem;
    margin: 7.5px;
}



/*
   ---------------------------------------------------------------------------------
   Definición de estilos asociados al pie de página
   ---------------------------------------------------------------------------------
*/

.footer {
    margin: 0;
    min-height: 20rem;
    color: #FFFFFF;
    background-color: #202532;
    font-family: 'Terminal Dosis Regular';
}

.footer-color {
    color: #fff;
}

.footer nav {
	margin-bottom: 0.625rem; /* 10px */
}

.footer-top-nav-education-arrow, .footer-top-nav-training-arrow, .footer-top-nav-certification-arrow, .footer-top-nav-blog-arrow {
    display: none;
}

.footer ul {
    font-size: 0.85rem;
    color: #e5e5e5;
    font-weight: 500;
    padding-left: 0;
    margin: 0 0 1.28rem 0;
}

.footer ul li {
    font-size: 0.85rem;
    list-style-type: none;
}


.footer a {
	color: #b7b7b7;
	text-decoration: none;
}

.footer a:hover {
    color: #FFFFFF;
}

.fo

.footer .nav-header {
    font-size: 1.05rem; 
    font-weight: bold;
    margin-bottom: 5px;
}

.footer .nav-header a {
    color: #FFFFFF;
}


.footer-top {
    background-color: #2b3442;
    padding-bottom: 15px;
    padding-top: 15px;
}

.footer-top-nav-education
{}

.footer-top-nav-training
{}

.footer-top-nav-certification
{}

.footer-top-nav-blog
{}

.footer-top-contact {
    font-size: 0.85rem;
	line-height: 1.3rem;
    font-weight: 500;
    color: #b7b7b7;
}

.footer-top-contact i {
    display: inline-block;
    font-size: 1.1rem;
    text-align: center;
    width: 1.2rem;
}

.footer-top-contact .nav-header {
    font-size: 1.05rem; 
    line-height: 1.3rem;
    font-weight: 500;
    color: #FFFFFF;
}


.footer-top-social {
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*border-bottom: 1px solid #555f6e;*/
	color: #C3C3C3;
}

.footer-top-social a {
    padding-left: 3px;
    padding-right: 3px;
}

.footer-headquarters {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #555f6e;
    border-bottom: 1px solid #555f6e;
}

.footer-web-sections {
    border-top: 1px solid #555f6e;
    padding: 10px 0;
}

#footer-subscribe-blog .form-control {
    height: inherit !important;
}

.social-icon {
    -ms-opacity: 0.6;
    opacity: 0.6;
}
.social-icon:hover {
    -ms-opacity: 1;
    opacity: 1;
}

.footer-bottom {
    background-color: #202532;
    padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	min-height: 30px;
    font-size: 0.95rem;
}


.footer-bottom-copyright {
	color: #b7b7b7;
    text-align: left;
}

.footer-bottom-disclaimer {
    color: #b7b7b7;
	text-align: right;
}





/*****************************************************************************************/
/*                      L i s t a    d e s p l e g a b l e                               */
/*****************************************************************************************/

.ui-autocomplete {
    padding-left: 0;
    text-indent: 10px;
    max-height: 280px; 
    overflow-y: scroll; 
    overflow-x: hidden;
}

.ui-menu .ui-menu-item {
    font-size: 0.8rem;
    list-style-type: none;
}


.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover, .ui-autocomplete .ui-widget-header .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-widget-content .ui-state-focus, .ui-autocomplete .ui-widget-header .ui-state-focus {
    border: 1px solid #FFFFC0 !important;
    background: #FFFFC0 !important;
    color: #000000 !important;
}



/*
   --------------------------------------------------------------------------
   Definición de reglas de estilo asociadas a las páginas de error
   --------------------------------------------------------------------------
*/

#error-page {
    color: #6d6c6d;
    min-height: 550px;
    padding-top: 70px;
    padding-bottom: 70px;
}

#error-page .row {
    width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#error-code {
    font-size: 12rem;
    font-weight: bold;
    margin-top: -30px;
}

#error-message {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: -30px;
}

#error-description {
    font-size: 1rem;
}

/*
   ---------------------------------------------------------------------------------
   Definición de estilos asociados al botón de back-to-top
   ---------------------------------------------------------------------------------
*/

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8) url(/resources/styles/theme/images/icons/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}


.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
  .padding-left-30 {
      padding-left: 30px;
  }
  .padding-right-30 {
      padding-right: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 100px;
    bottom: 20px;
  }
}


/*
   --------------------------------------------------------------------------
   Owl Carousel
   --------------------------------------------------------------------------
*/

#facilities-carousel-bcn .item, #facilities-carousel-mad .item {
    margin: 10px;
    cursor: pointer;
}


/*
   --------------------------------------------------------------------------
   Media Queries
   --------------------------------------------------------------------------
*/

@media (max-width: 1200px) {
    
    .header-options-menu {
        font-size: 0.70rem;
    }

    .subheader {
        font-size: 0.70rem;
    }

    .subheader-option-text .menu-title {
        margin-top: 5px;
        font-size: 1rem;
    }

    .subheader-option-text .menu-description {
	    font-size: 0.60rem; 
    }

    .menu {
        font-size: 0.70rem;
    }

    .footer ul li {
      font-size: 0.80rem;
    }

}


@media (max-width: 992px) {

    
    body {
        padding-top: 7rem;
    }

	.header {
		height: auto;
	    margin-top: 3.5rem;
	}

    .header .container {
        margin-top: 0;
    }

    .header-options-menu {
        font-size: 0.80rem;
    }


    .navbar .navbar-nav {
        display: block;
        float: none;
    }

    .navbar {
       text-align: left;
    }

	.header-options {
	    margin-top: 0.5rem;
        text-align: center;
	}
	
	.header-menu {
		font-size: 0.75rem;
	}
	
    .subheader, .menu {
        display: none;
    }
    
    .panel-option {
		min-height: 12rem;
        box-shadow: none;
        border: 1px solid #CCCCCC;
        
	}

    .contents-option-image {
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 15px;
	}
	

    .contents-option-title {
		margin: 1rem 0;
        padding-right: 1rem;
        padding-left: 0;
	}
	
	.contents-option-description {
		margin: 0.5rem 0;
	    padding-right: 1rem;
        padding-left: 0;
        text-align: justify;
	}

    .footer .nav-header {
        border-bottom: 1px solid #555f6e;
    }

    .footer ul {
        -webkit-column-count: 2; 
        -moz-column-count: 2; 
        column-count: 2;
    }

    .footer ul li {
        font-size: 0.69rem;
    }

    .footer ul li:before {
        content: '> ';
    }

    .mobile-content {
        display: block;
    }
	
    .no-mobile {
        display: none;
    }

   

    .no-margin {
        margin-top: 20px;
    }
}



@media (max-width: 767px) {
    
	.slidesjs-container {
		height: 22rem !important;
        box-shadow: none;
	    background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
	    border-top: none;
	}
	
	.slide-description {
		position: relative;
		width: 100%;
        left: 0;
        bottom: 0;
	    height: 8rem;
	}
	
	.contents-option-title {
		font-size: 1rem;
	}
	
	.contents-option-description {
		font-size: 0.8rem;
	}
	
	.panel-option .view-more {
		font-size: 0.8rem;
	}
 
    .footer-top-nav-education-arrow,.footer-top-nav-training-arrow,.footer-top-nav-certification-arrow,.footer-top-nav-blog-arrow {
        position: absolute;
        right: 15px;
        cursor: pointer;
        display: inline-block;
    }

    .footer ul  {
        display: none;
        margin-bottom: 0;
        -webkit-column-count: 1; 
        -moz-column-count: 1; 
        column-count: 1;
    }

    .footer ul li {
        font-size: 0.80rem;
    }

    .footer ul li:before {
        content: '';
    }

    .footer-bottom-copyright, .footer-bottom-disclaimer {
        text-align: center;
    }
    .margin-mobile {
        margin-bottom: 15px !important;
    }
    .text-center-xs {
        text-align: center;
    }
    .center-block-xs {
        margin: auto;
    }

}

@media (max-width: 767px) {
    
    .menu-separator li:before {
	    content: "  ";
    }
}

@media (max-width: 600px) {

   
    .slidesjs-container {
		height: 20rem !important;
	}

    .slide-description h1 {
        font-size: 1.25rem;
    }

    .panel-option {
		min-height: 18rem;
	}

    .panel-option > div > div {
        width: 100%;
    }

    .contents-option-image {
        margin: 0;
    }

    .contents-option-image  img {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .contents-option-title {
	    padding: 0 1.5625rem 0 1.5625rem; 
	    margin: 1.25rem 0 0.625rem 0; 
	}

    .contents-option-description {
	   padding: 0 1.5625rem 0 1.5625rem; 
    }

}




@media (max-width: 468px) {
	html {
		font-size: 15px;
	}
}

@media (max-width: 440px) {
	html {
		font-size: 14px;
	}
}

@media (max-width: 420px) {
	html {
		font-size: 13px;
	}
}

@media (max-width: 390px) {
	html {
		font-size: 12px;
	}
}

@media (max-width: 370px) {
	html {
		font-size: 11px;
	}
}

@media (max-width: 350px) {
	html {
		font-size: 10px;
	}
}



/*****************************************************************************************/
/*                                   M o d a l                                           */
/*****************************************************************************************/


.modal-backdrop {
    z-index:0
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal-content {
    padding-left: 40px;
    padding-right: 40px;
}

.modal:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle;
     margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
     display: inline-block;
     text-align: left;
     vertical-align: middle;
}



/*****************************************************************************************/
/*                                  U t i l i t i e s                                    */
/*****************************************************************************************/

.display-none {
    display: none !important;
}

.grey-section {
    background-color: #efefef;
    margin: 15px 0;
    padding: 15px 0;
}

/*
   ---------------------------------------------------------------------------------
   TPV Info
   ---------------------------------------------------------------------------------
*/

.ticket-header {
    color: white;
    background-color: #00a0df;
    padding: 14px 28px;
    position: relative;
}  

.ticket-header .half-circlel, .ticket-header .half-circler {
    background-repeat: no-repeat;
    background-image: none, none;
    border-radius: 13px;
    background: #FFFFFF;
}                                   

.ticket-header .half-circlel {
    left: -13px;
}

.ticket-header .circle {
    width: 26px;
    height: 26px;
    padding: 13px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
}

.ticket-header .half-circler {
    right: -13px;
}

.ticket-header .price {
    padding: 10px 8px;
    border: 2px solid #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}


/*****************************************************************************************/
/*                             W o r k   w i t h   u s                                   */
/*****************************************************************************************/

.workus-home-header {
    background-image: url(/Resources/Images/Sections/WorkWithUs/cabecera.jpg);
    background-size: cover;
    padding-top: 30px;
    min-height: 250px;
    padding-bottom: 50px;
}

.workus-home-title {
    text-align: center;
    color: white;
    font-size: 2.5rem;
}

.workus-home-bg-white {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.workus-home-bg-grey {
    background-color: #f7f7f7;
    padding-top: 60px;
    padding-bottom: 60px;
}

.workus-form {
    background-color: #e5e5e5;
    border: 1px solid #bfbfbf;
}

.workus-form-header {
    background-color: #2e2e2e;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    font-size: 1.2rem;
}

.workus-form-body {
    margin: 25px;
}

.btn-workus-submit {
    color: #fff;
    font-weight: bold;
    background-color: #01aef2;
    border-color: #00aff2;
    width: 100%;
}

.btn-workus-submit:hover {
    color: #fff;
    background-color: #0590c6;
    border-color: #0490c6;
    width: 100%;
}

.btn-wokus-jobposition {
    color: #01aef2;
    font-weight: bold;
    background-color: #fff;
    border-color: #00aff2;
    padding: 10px 20px;
    border-radius: 0px;
}

.btn-wokus-jobposition:hover {
    color: #fff;
    font-weight: bold;
    background-color: #01aef2;
    border-color: #00aff2;
}

.workus-header {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.workus-breakline {
    border: 2px solid #01aef2;
    width: 60px;
    margin: 20px 0;
}

.workus-blue {
    color: #01aef2 !important;
}

.workus-font-big {
    font-size: 1.4rem;
}

.workus-jobposition {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.workus-jobposition .row {
    padding: 0px;
}

.workus-jobposition-list {
  list-style-type: none;
    padding-left: 0px;
}

.workus-list-tick {
    list-style-image: url('/Resources/Images/Sections/WorkWithUs/check.png');
}

.workus-list-tick li {
    margin-bottom: 15px;
}


/*
    Contact section
*/

.bg-blue {
    padding: 30px 0;
    background-color: #00b4f3;
}

.contact-content table {
    margin: auto;
}

.contact-content>table>tbody>tr>td>h3 {
    color: #fff;
    text-align: right;
    display: inline-block;
    margin-right: 70px !important;
}

.contact-button {
    border: 2px solid #00b4f3;
    border-radius: 0px;
    background-color: #fff;
    color: #00b4f3 !important;
    font-weight: bold;
    font-size: 1rem;
    padding: 10px 25px;
}

.contact-button:hover, .contact-button:active {
    border: 2px solid #fff ;
    background-color: #00b4f3 !important;
    color: #fff !important;
}


/*****************************************************************************************/
/*                                   Our clients                                         */
/*****************************************************************************************/

.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 20%;
    left: -30px;
    margin-left: -20px;
    display: block !important;
    border:0px solid black;
    background: none !important;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 20%;
    right: -30px;
    display: block!IMPORTANT;
    border:0px solid black;
    background: none !important;
}

.owl-prev:hover, .owl-next:hover {
    background: none;
}
.owl-prev i, .owl-next i {transform : scale(2,6); color: #ccc;}


.btn-training-blog, .btn-training-more-info {
      background-color: #fff;
      border:1px solid #00a3e0;
      color: #00a3e0;
      font-weight: bold;
}

.btn-training-blog:hover, .btn-training-more-info:hover {
    border:1px solid #000;
    color: #000;
}

/*
   --------------------------------------------------------------------------
   Blog
   --------------------------------------------------------------------------
*/

.training-blue {
  color: #00a3e0;
}

.training-blog, .training-more-info {
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
  box-shadow: 0px 0px 5px 0px #e5e5e5;
  background-color: #fff;
}

.training-blog-info, .training-more-info-details {
  padding: 0 10px 5px 10px;
}

.training-blog-info-title, .training-more-info-title {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 1.1rem;
    font-family: 'Source Sans Pro Semibold';
}

.training-blog-info-title p, .training-more-info-title p, .training-more-info-desc p {
    margin: 0;
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.training-blog-info-title p {
    height: 50px !important;
}

.training-blog-info-date {
  text-align: center;
  font-weight: bold;
  color: #838383;
  margin-bottom: 20px;
  font-size: 0.9rem;
}

.marquee {
    width: 100%;
    height: 22px;
    overflow: hidden;
    margin: 0px;
}
ul.marquee li {
    display: inline-block;
    padding: 0 15px;
}



.form-control {
    display: block !important;
    border: #5a94cf 1px solid !important;
    font-size: 1rem !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    padding-left: 12px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
}

textarea.form-control {
    height: auto !important;
}

.select2-container {
    z-index: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555 !important;
    line-height: 1.42857143 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0 !important;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/*
    Mobile Menu (mmenu.js)
*/
:root {
    --mm-sidebar-expanded-size: 300px;
}

.mm-menu {
    --mm-listitem-size: 50px;
    --mm-navbar-size: 50px;
}

.mm-navbars_top .mm-navbar:not(:last-child) {
    width: 70%;
    margin: auto;
}

#menu-mobile #accordion div {
    background-color: #333;
    color: rgba( 255,255,255, 0.85 );
    border-color: rgba( 0,0,0, 0.3 );
}

#menu-mobile #areas ul {
    list-style-type: none;
}

#menu-mobile #areas li {
    padding: 5px 0px;
}

#menu-mobile .header a span, .header a::before, .header a::after {
    width: 20px;
}

#menu-mobile h4[class="panel-title"] {
    font-size: 20px;
    color: rgba( 255,255,255, 0.85 );
    padding-left: 5px;
}

#burger {
    -webkit-appearance: none !important;
    cursor: pointer !important;
    background-color: transparent;
    border-color: transparent;
}

#menu-mobile:not(.mm-menu) {
    display: none;
}



/*
   --------------------------------------------------------------------------
   Plugin: Cookies Alert
   --------------------------------------------------------------------------
*/
button#ihavecookiesBtn {
    margin-left: 0px !important;
}

#gdpr-cookie-message {
    display: inline-block;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding-left: 200px;
    padding-right: 50px;
    padding-top: 90px;
    padding-bottom: 90px;
    background: #2B3442;
    color: white;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35);
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
    z-index: 999;
}

.cookie-description {
    float: left;
    width: 70%;
}

.cookie-buttons {
    display: flex;
    place-content: center;
}

#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
    text-align: justify;
}

#gdpr-cookie-message a {
    color: white;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    padding-top: 5px;
    border-bottom: 1px solid white;
    transition: all 0.3s ease-in;
    line-height: inherit;
}

    #gdpr-cookie-message a:hover {
        color: white;
        border-bottom-color: #076D54;
        transition: all 0.3s ease-in;
    }

#gdpr-cookie-accept {
    border: none;
    background: #076D54;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 5px 20px;
    border-radius: 20px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.gdpr-cookie-reject {
    margin-left: 20px;
    border: none;
    background: none;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    cursor: pointer;
}

    .gdpr-cookie-reject:hover {
        border-bottom: 1px solid #076D54;
        transition: all 0.3s ease-in;
    }

#gdpr-cookie-accept:hover {
    background: white;
    color: #076D54;
    transition: all 0.3s ease-in;
}

button#gdpr-cookie-advanced {
    display: none;
}

#gdpr-cookie-types {
    display: none !important;
}

.gdpr-cookies-modal {
    margin-left: 20px;
    cursor: pointer;
}

.form-check-label {
    color: #032F6F;
}

.saveCookies {
    background-color: #076D54;
}

#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

@media (max-width:576px) {
    #gdpr-cookie-message {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cookie-description {
        width: 100%;
    }

    .cookie-buttons {
        display: block;
        text-align-last: center !important;
        text-align: -webkit-center !important;
    }

    #gdpr-cookie-accept {
        display: block;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .gdpr-cookie-reject {
        margin-left: 0px;
    }
}