@font-face {
    font-family: 'NotoSans-Regular';
    src: url('../webfonts/notosans/NotoSans-Regular.ttf');
}
@font-face {
    font-family: 'NotoSans-Black';
    src: url('../webfonts/notosans/NotoSans-Black.ttf');
} 
@font-face {
    font-family: 'NotoSans-BlackItalic';
    src: url('../webfonts/notosans/NotoSans-BlackItalic.ttf');
}
@font-face {
    font-family: 'NotoSans-Bold';
    src: url('../webfonts/notosans/NotoSans-Bold.ttf');
}
@font-face {
    font-family: 'NotoSans-BoldItalic';
    src: url('../webfonts/notosans/NotoSans-BoldItalic.ttf');
}
@font-face {
    font-family: 'NotoSans-ExtraBold';
    src: url('../webfonts/notosans/NotoSans-ExtraBold.ttf');
}
@font-face {
    font-family: 'NotoSans-ExtraBoldItalic';
    src: url('../webfonts/notosans/NotoSans-ExtraBoldItalic.ttf');
}
@font-face {
    font-family: 'NotoSans-ExtraLight';
    src: url('../webfonts/notosans/NotoSans-ExtraLight.ttf');
}
@font-face {
    font-family: 'NotoSans-ExtraLightItalic';
    src: url('../webfonts/notosans/NotoSans-ExtraLightItalic.ttf');
}
@font-face {
    font-family: 'NotoSans-Italic';
    src: url('../webfonts/notosans/NotoSans-Italic.ttf');
}
@font-face {
    font-family: 'NotoSans-Light';
    src: url('../webfonts/notosans/NotoSans-Light.ttf');
}
@font-face {
    font-family: 'NotoSans-LightItalic';
    src: url('../webfonts/notosans/NotoSans-LightItalic.ttf');
}
@font-face {
    font-family: 'NotoSans-Medium';
    src: url('../webfonts/notosans/NotoSans-Medium.ttf');
}
@font-face {
    font-family: 'NotoSans-MediumItalic';
    src: url('../webfonts/notosans/NotoSans-MediumItalic.ttf');
}
@font-face {
    font-family: 'NotoSans-SemiBold';
    src: url('../webfonts/notosans/NotoSans-SemiBold.ttf');
}
@font-face {
    font-family: 'NotoSans-SemiBoldItalic';
    src: url('../webfonts/notosans/NotoSans-SemiBoldItalic.ttf');
}
@font-face {
    font-family: 'NotoSans-Thin';
    src: url('../webfonts/notosans/NotoSans-Thin.ttf');
}
@font-face {
    font-family: 'NotoSans-ThinItalic';
    src: url('../webfonts/notosans/NotoSans-ThinItalic.ttf');
}




h4 {
    font-size: 18px;
}

#videos {
    color: #44b275;
    font-weight: bold;
}

.videos-formacion{
    position: absolute;
    z-index: 2;
}

.imagen-boton {
    position: absolute;
    top: -20px;
    width: 200px;
}


@media screen and (max-width: 800px){
   
   .imagen-boton {
    position: absolute;
    top: -20px;
    width: 50px;
}

}



.neoNavbar .nav-item.formadores{
    background: #993266;
    color:#ffffff;
}
.tituloconvo{
	text-align: center;
	background: #bfd54d;
	border-radius: 10px !important;
}
.tituloconvo1{
	background: #993366;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}
.franjatit{
    text-align: center;
    color:#993366;
}

h5 {
    font-size: 15px;
}

h3 {
    font-size: 18px;
}
.textointro{
	background: #e5e5e5;
	text-align:center;
	padding: 10px;
}
.textotabs{
	font-family: "NotoSans-Regular" !important;
    text-align: justify;
}
p {
    font-family: "NotoSans-Regular" !important;
    text-align: justify;
}
.especific{
	background: #993366;
    padding: 10px;
}

.titfranja{
	text-align: center;
	color: #fbff43;
	padding: 5px;
}
.textespecific{
	text-align: center;
	color: #fff;
}
.textespecific2{
    text-align: center;
    color: #993366;
}
.registro{
	color:#993366;
	text-align: center !important;
}
.cajaregistro{
	display: flex;
	flex: wrap;
}
.centrado{
	text-align: center;
}
.fondogris{
	background: #e5e5e5;
	padding: 10px;
}
.textofinal{
	text-align: center;
}
.morado{
	color: #993366 !important;
}
.gris{
	color:#b7b7b7;
}
.navfondo{
	background:#5da0c7;
}
.nav-item a{
	color:#fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #00a2d4;
}
.negro{
	color:#000;
}
.botones-cursos{
padding: 8px;
text-align: center;
background: #bfd54d;
border-radius: 20px;
}

a:hover {
	color:#993366;
	text-decoration: none;
}

hr{
    color:#993366;
}

h3 {
    color:#00a2d4;
}
.nav .nav-link{
    background-color: #00a2d473;
    color: #fff ;
    font-weight: bold;
}

.invitboton{
    background-color: #993366;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
}

.invitboton:hover{
color: #000;
padding: 15px;
}
.subMenu{
    text-align: center;
    font-family: "NotoSans-Bold";
    font-size: 1.4em;
    letter-spacing: 1.5px;
    background: #fff;
    color: #b7b7b7;
    cursor: pointer
}
.subMenu div{
    border-bottom: solid 0.4em #b7b7b7;
    padding: 0.3em;
}
.subMenu div:hover{
    opacity: 0.7;
}
.subMenu img{
    width: 6%;
}

.videos p{
	font-size: 13px;
}

.subMenu.infancia1 .active{
    color: #99cc33;
    border-color: #99cc33;
    background: #fff;
}
.subMenu.infancia2 .active{
    color: #006666;
    border-color: #006666;
}
.subMenu.jovenes .active{
    color: #0099cc;
    border-color: #0099cc;
}
.subMenu.formadores .active{
    color: #993366;
    border-color: #993366;
}


.component_container {
    padding: 2vw 1vw 4vw 8vw;
}
.elm_search_button{
    cursor: pointer;
}
.elm_search_button:hover{
    opacity: 0.7;
}


@media (max-width: 768px) { 
    .component_container {
        padding: 2vw 2vw 4vw 2vw;
    }   
}