/* Add here all your CSS customizations */
	.colorgris{
		background-color: #f7f7f7;
	}
    .bordeamarillo{
    background-color: #f7f7f7;
    border-bottom: 5px solid #f4a946;
  }

      .bordeverde{
    background-color: #f7f7f7;
    border-bottom: 5px solid #86ac41;
  }
      .borderojo{
    background-color: #f7f7f7;
    border-bottom: 5px solid #ca3d00;
  }

@media(max-width: 991px) {
.modal .modal-dialog {
      max-width: 740px !important;
    }
}


@media(max-width: 767px) {
	.force-background-pos-1 .parallax-background {
		height: 80% !important;
		background-position: 60% !important;
	}
}


@media(max-width: 991px) {
    .modal-dialog {
        max-width: 100% !important;
        margin-left: 15px;
    }
}

@media(min-width: 992px) {
    .noMobile {
        visibility: visible;
    }
    .onlyMobile {
        visibility: hidden;
    }
    .modal-lg {
        max-width: 900px;
            }
    .modal-xl {
        max-width: 900px;
    }
}
.custom-table-style-1 td,
.custom-table-style-1 th {
    padding: .1rem;
    font-size: 12px
}

.cinco {
    counter-reset: custom-counter 4 !important;
}
.cuatro {
    counter-reset: custom-counter 3 !important;
}

.decor{
    text-decoration:none !important;
}
.sombra {
 text-shadow: 2px 2px 6px #00000075;
}
.color777 {
 color:#777 !important;
}



@media (min-width: 992px) {
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
		color: #FFF;
	}
	
	html.sticky-header-active #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
		color: #333;
	}
	
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li:hover > a {
		color: #3a87d6 !important;
	}
}

/*Personalizado colores general*/
.greenGradient, #header .header-body {
    background: rgb(43,45,53) !important;
    background: -moz-linear-gradient(90deg, rgba(43,45,53,1) 0%, rgba(25,28,35,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(43,45,53,1) 0%, rgba(25,28,35,1) 100%) !important;
    background: linear-gradient(90deg, rgba(43,45,53,1) 0%, rgba(25,28,35,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2d35",endColorstr="#191c23",GradientType=1) !important;
}
.bg-white {background-color: white !important;}

a.accordion-toggle {color: #12263f !important;}
.toggle .nav-item.active a{
    background-color: #12263f !important;
    color:white !important;
    border-color: #459f47 !important;
}
.nav-justified > .nav-item.active a{
    font-weight: bold;
    background-color: white !important;
    color: #12263f !important;
}
.cao {color: #12263f !important;}
.fcao {background-color: #12263f !important;}
.cverdel {color: #459f47 !important;}
.cverded {color: #044931 !important;}
.fverdel, .fcverdel {background-color: #044931 !important;}
.fverded, .fcverded {background-color: #044931;}
.camarillo {color: #ffc00d !important;}
.fcamarillo {background-color: #ffc00d !important;}
.fcrojo {background-color: #dc0d1e !important;}
.fcao10 {background-color: #f7faff !important;}
.fcamarillo15 {background-color: #fff6db !important;}
.fcamarillo25 {background-color: #ffc00d40 !important;}
.fcamarillo50 {background-color: #ffc00d80 !important;}
.cac {color: #6ea4d3;}
.fcac {background-color: #6ea4d3;}
.cturqueza {color: #43a799 !important;}
.crojo {color: #d24f4a !important;}
.bg-gris1 {background-color: #f7f7f7;}
.bg-sound {background-color: #fafafa;
border-radius: 5px;
}
.border-cao {border-color: #12263f !important;}
.border-cverdel {border-color: #459f47 !important;}
.border-cverded {border-color: #044931 !important;}
.border-camarillo {border-color: #ffc00d !important;}
.titulocuarto {font-size: 1.5em !important;}

/*Global*/
.borad-20px {border-radius: 20px;}
.borad-10px {border-radius: 10px;}
section div, h1, h2, h3, h4, h5, h6 {border-radius: 5px;}
.bl5 {border-left: solid 5px;}
.bl2 {border-left: solid 2px;}
.marco-bl, .marco-bl-fcverdel, .marco-bl-fcamarillo, .marco-bl-fcac, .marco-bl-fcao {position: relative;}
.marco-bl::before {
    width: 100%;
    height: 100%;
    display:block;
    position:absolute;
    bottom: -10px;
    left: -10px;
    content: '';
	border-radius: 10px 0;
}
.borad_1-3 {
    border-radius: 10px 0;
}
.borad_2-4 {
    border-radius: 0 10px;
}
.marco-bl-fcverdel::before {
    background-color:#044931;
}
.marco-bl-fcamarillo::before {
    background-color:#ffc00d;
}
.marco-bl-fcac::before {
    background-color:#6ea4d3;
}
.marco-bl-fcao::before {
    background-color:#12263f;
}
.bloque1 {
    background-image: url('../img/slides/slide-title-border-k10.png');
    background-position: left;
    background-repeat: repeat-y;
    padding-left: 60px !important;
}
.toggle-title {
    border-color: #459f47 !important;
}
.toggle.active > .toggle-title {
    background: #12263f !important;
    border-color: #ffc00d !important;
    color: white !important;
}
.toggle.toggle-simple .toggle > label:after,
.toggle.toggle-simple .toggle > .toggle-title:after {
	background: #ffc00d !important;
}
.toggle.toggle-simple .toggle.active > label,
.toggle.toggle-simple .toggle.active > .toggle-title {
	background: transparent !important;
	color: #12263f !important;
}
.featured-boxes-flat .featured-box .box-content {
	background: #f7faff !important;
	margin-top: 65px;
}
/*Personalizado Escritorio*/
/*Header*/

/*Banner*/
.bannerBG {
    background-image: url('../imagenes/fondo_banner-01.png') !important;
   /* background-attachment: fixed !important;*/
    background-size: cover !important;
    background-color: transparent !important;
    background-position: center top !important;
}
#banner img {
    width: 100%;
}
#banner .cao {
    text-shadow: 0 0 5px white !important;
}
/*Personalizado móviles*/
@media (max-width:991px) {
    .mw350px {
        max-width: 350px;
    }

    .onlyMobile {
        visibility: visible;
    }
    .noMobile {
        visibility: hidden;
    }
}

.bg-color-grey {
    background-color: #F7F7F7 !important;
}


.tomado
{
    text-align: center;
    line-height: initial;
}

.bg-sonido {
    background-color: #f7f7f7;
    border-radius: 5px;
}
.mbc

{
    margin-bottom: 0 !important;
}


 .readmore-overlay {
    background: linear-gradient(rgb(250 250 250 / 0%) 0%, rgb(250 250 250) 100%) !important;
}


.frameimage {
    flex-shrink: 0;
  
    border: calc(2px + 0.2vw) solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-size: cover;
    box-sizing: border-box;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.15);
}
.frameimage-1 {
    border-radius: 40px 15px;
}