/*Calendario*/
.table td{
    cursor:pointer;
}
.table td:hover{
    color: #0552C2;
}
.calendarioCont .calenContP{
	margin: 10px;
	box-shadow: 0 1px 4px 1px rgba(27, 44, 70, 0.22);
	height: 425px;
    overflow: hidden;
}
.calendarioCont .recImgCa{
	max-height: 227px;
    max-width: 100%;
    overflow: hidden;
    
}
.calendarioCont .cbs-ItemLink{
	padding-right: 0px;
}
.calendarioCont .fechFor{
	    text-align: right;
}
.calendarioCont .fechFor span{
	font-size: 1.3em;
    background-color: #f0f0ef;
    color: #060606;
    padding-right: 17px;
    padding-left: 17px;
}
.calendarioCont .fechaContInfo{
	padding: 20px;
	font-size: 1.3em;
}
.calendarioCont .fechaContInfo h3{
	font-size: 1.2em;
	line-height: 20px;
}

.calendarioCont .lugar{
	color: #575757;
}
.calendarioCont .lugar span::before{
	content: "\0020 "
}
.calendarioCont .hora{
	color: #575757;
}
.calendarioCont .hora span::before{
	content: "\0020 "
}

/*Calendario Item*/
.calendario_item .contInfCalIt{
padding-top: 10px;
	padding-left: 20px;
		padding-right: 20px;
		overflow: hidden;
}
.calendario_item .fechFor {
	font-size: 2em;
    line-height: 0.9em;
    color: #575757;
}
.calendario_item .fechaContInfo{
	margin-top: 20px;
    font-size: 1.2em;
}
.calendario_item .fechaContInfo h3{
	font-weight: bold;
}
.calendario_item .lugar{
	color: #575757;
	    font-size: 1.2em;
}
.calendario_item .lugar span::before{
	content: "\0020 "
}
.calendario_item .hora{
	color: #575757;
	    font-size: 1.2em;
}
.calendario_item .hora span::before{
	content: "\0020 "
}
.calendario_item .evntDesc{
	font-size: 1.1em;
    margin-bottom: 10px;
}
.calendario_item .contOrganizador{
	text-align: center;
    background-color: #f1f0ee;
    color: black;
    padding: 2px;
}
.calendario_item .contOrganizador span:first-child{
	font-weight: bold;
}
.calendario_item .calendCont{
	    box-shadow: 0 1px 4px 1px rgba(27, 44, 70, 0.22);
}
    
/*SENA video youtube*/
.tamano400{
    height: 400px;
}     
.contVidCl{
    
}
.tituloPrinci{
    text-align: center;
    bottom: 0px;
}
.tituloPrinci h3{
    color: #fff;
    background-color: #575756;
    font-family: arial;
    margin: 5px 0px;
    padding: 2px 0px;
    font-weight: bold;
}
.tituloVi{
    text-align: center;
    position: absolute;
    bottom: 0px;
}
.tituloVi h3{
    color: white;
    background-color: #404040e6;
    font-family: arial;
    margin: 0px 4px 4px 0px;
    padding: 2px 0px;
    font-weight: bold;
}
.bordeImg{
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.btnCambio1,.btnCambio2,.btnCambio3,.btnCambio4,.btnCambio5,.btnCambio0{
    position: relative;
    margin: 3px;
    cursor: pointer;
}
.reproduciendo{
        background-color: #fc7324;
}
.Reproduc{
    left: 7px;
    position: absolute;
    color: white;
    top: 5px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #151515;
    font-family: arial;
}
.telon{
    position: absolute;
    width: 370px;
    background-color: #444444;
    height: 415px;
    z-index: 9;
    top: 5px;
}
.telon2{
    right: 5px;
}
.telon1{
    left: 5px;
    
}
.btnCambio1 img,.btnCambio2 img,.btnCambio3 img,.btnCambio4 img,.btnCambio0 img {
    width:  240px !important;
 max-width: none !important; 
}
.col-sm-4-m{
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;

}
@media screen and (max-width: 400px) and (min-width: 240px){
   .tituloVi h3{
        font-size: 12px;
    } 
}
.confirm_selection {
    animation: glow .5s infinite alternate;
}

@keyframes glow {
    to {
        text-shadow: 0 0 10px #00af00;
    }
}


/*NORMA*/

.buttonPlay {
    left: 107px;
    position: absolute;
    color: white;
    top: 48px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #151515;
    font-family: arial;
    font-size: 30px;
    /* background-color: #404040b0; */
    height: 35px;
    width: 34px;
    border-radius: 30px;
}


.TituloNorma{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #00af00;
    color: rgb(0, 0, 0);
    padding: 10px;
    font-weight: bold;
}
.DescNorma{
    padding: 10px;
}
.docuLinkNorma{
    padding: 10px;
}
.docuAnexosNorma{
    padding: 10px;
}
/* ini galeriaIMG*/
.conten_titleGal p{
    font-family: 'open_sans_condensedbold';
    margin: 0 0 5px 0;
    font-size: 1.8em;
    line-height: 1em;
    color: #00af00;
    text-align: center;
}
.description_titleGal p{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    line-height: 1.3em;
    color: #5d5d5d;
}

#exampleModalGalSena p{
    text-align: center;
    font-size: 1.4em;
    color: #00af00;
}
.img_gal_conten{
    height: 240px;
    overflow: hidden;
    /*background-color: #f7f7f7;*/
}
.imgPrev:hover{
    box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
    transition: box-shadow 0.5s ease-in-out;
}

.faldon{
	position: absolute;
    top: 144px;
    left: 0px;
    background-color: #080808a8;
    width: 100%;
    color: white;
    text-align: center;
    font-weight: bold;
}
.faldon2{
	position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #080808a8;
    width: 100%;
    color: white;
    text-align: center;
    font-weight: bold;
}
.contImgGal{
    margin: 5px;
}
.img_gal_conten_title{
    text-align: center;
    font-size: 1.4em;
    color: #00af00;
}
.img_gal_imagen{
    cursor: pointer;
    padding: 4px !important;
    border: 1px solid #D6D6D6 !important;
    position: relative;
    height: 156px;
    overflow: hidden;
}
.contImgGaleriaSen img {
    width: 235px !important;
    height: 132px !important;
}
.contImgGaleriaSen .imgPrev {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 4px !important;
    border: 1px solid #D6D6D6 !important;
    text-align: center;
}
.contImgGaleriaSen h3 {
    text-align: center;
}
.contImgGaleriaSen .playIMG {
    background-color: black;
    position: absolute;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 2px #151515;
    bottom: 10px;
    left: 14px;
}
/* fin galeriaIMG*/

/* NoticiasFCE2019*/
@media only screen and (max-width: 400px) {  
  .contenedorNTFCE{
		width: 350px !important;
	}
	.contImgNTFCE{
		    text-align: center;
		    width: 360px !important;
		    float:left;
	}
	.conttextNTFCE{
		    text-align: left;
		    float:left;
		    width: 350px !important;
	}
    .btnPregun{
        width: 64%;
    }
}  

@media only screen and (max-width: 785px) and (min-width: 401px) {  
  .contenedorNTFCE{
		width: 450px !important;
	}
	.contImgNTFCE{
		    width: 224px !important;
		    float:left;
	}
	.conttextNTFCE{
			float:left;
			width: 451px !important;
	}
    .btnPregun{
        width: 64%;
    }
}
@media only screen and (min-width: 800px) {  
  .contenedorNTFCE{
		width: 750px !important;
	}
	.contImgNTFCE{
		    width: 224px !important;
		    float:left;
	}
	.conttextNTFCE{
			float:left;
			width: 524px !important;
	}
    .btnPregun{
        width: 29%;
    }
}   
   

/* galeriavideo*/
.modal video{
    width: 100%;
    height: 100%;
}
.modal .close{
   opacity: 1;
}
.contVidGaleria{
  /*  margin-top: 30px;*/
}
.contVidGaleria img{
    width: 235px !important;
    height: 132px !important;
}
.contVidGaleria h3{
    text-align: center;
}
.contVidGaleria .imgPrev{
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 4px !important;
    border: 1px solid #D6D6D6 !important;
    text-align: center;
}
.contVidGaleria .playVideo{
   position: absolute;
    bottom: 15px;
    right: 15px;
    width: 47px;
    height: 47px;
    background-color: rgba( 0,0,0,0.6 );
    border: 3.5px solid #FFFFFF;
    border-radius: 28px;
    cursor: pointer;
}
.playVideo span{
        display: block;
    border-bottom: 11px solid transparent;
    border-left: 16px solid #FFFFFF;
    border-top: 11px solid transparent;
    margin-top: 12px;
    margin-left: 19px;
}

/* galcontVidCleriavideo*/
/* SENAOnline*/
.margenL{
                padding: 10px;
                margin: 10px;        
}
.bordeImg{
                padding: 4px !important;
                border: 1px solid #D6D6D6 !important;
                text-align: center;
}
.textStyle{
                line-height: 1.2 !important;
                font-family: Arial, Helvetica, sans-serif;
                line-height: 1.3em;
                color: #5d5d5d;
                font-style: normal;
                text-align:left;
}

.mrgTop{
        margin-top: 10px;
}
.margenL h3{
    font-family: 'open_sans_condensedbold';
    margin: 0 0 5px 0;
    font-size: 1.8em;
    line-height: 1em;
}

.margenL p{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    line-height: 1.3em;
    color: #5d5d5d;
}

.margenL:hover {
-webkit-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px 1px rgba(0,0,0,0.75);
    transition: box-shadow 0.5s ease-in-out;
}
.sombraclic{
    text-shadow: 2px 2px 2px #151515;
    bottom: 10px;
    left: 14px;
    position: absolute;
    /* background-color: white; */
    font-weight: bold;
    color: white;
}
.fotoRela{
    position: relative;
    cursor: pointer;
}
#descripcion .textStyle{
    margin-top: 5px;
}

.leftText{
    text-align: left;
}

/* mapa SENA */
.gmnoprint button{
	min-width: 0em;
}
.table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 0px 25px 10px 25px;
}
.infolabel{
    overflow: hidden !important;
     margin-top: 0px;
    z-index: 1;
    background-color: white;
    display: block;
    /*position: absolute;*/
    width: 100%;
    height: auto;
    box-shadow: rgb(170, 170, 170) 1px 0px 8px 0px;
}
.infolabeldescip{
    
    z-index: 1;
    background-color: white;
    display: none;
    position: absolute;
    width: 100%;
    height: auto !important;
    box-shadow: 0px 2px 12px 0px #aaa;
    padding-bottom: 15px;
}
.my-custom-class-for-label{
    font-weight: bold;
    color: black;
    font-size: 10px;
    background-color: white;
    border: 2px solid black;
    width: 100px; 
    height: 55px;
    text-align: center;
    
}
.listyle li{
        /*margin-right: 10%;*/
        text-align: left;
        line-height: 15px;
}
.estyleCont{
   
    overflow: hidden;
}
.titulLeye{
    background-color: #00af00;
    text-align: center;
    color: rgb(199, 199, 199);
}
.imgs{
    width: 325px !important;
       /* padding: 10px 10px 0px 10px !important;*/
        margin-top: 10px !important;
}
.contInf{
    /*width: 325px;*/
    overflow: auto;
    height: auto;
    margin: 15px 25px 0px 25px;
}
.lihand{
    cursor: pointer;
    color: #000000;
    text-decoration: underline;
}
.lihand>a{
    color: #000000 !important;;
}
.atrasBtn{
    top: 0px;
        display: block;
    position: absolute;
    width: 49px;
    height: 40px;
    background-color: #00af00;
   /* bottom: 0;*/
    cursor: pointer;
    /*border-radius: 0px 10px 10px 0px;*/
       box-shadow: 2px 1px 6px 0px #000;
}
.margTopNo table{
        border-collapse: inherit;
        margin-top: 0px !important;
}

.margTopNo{
    overflow: auto;
    height: auto; 
}
.atras{
    position: absolute;
    top: 22px;
    left: 8px;
    color: white;
}
#elementos tr:hover{
     box-shadow: 3px 2px 7px -1px #000;
}

.lineOrange {
    display: block;
    width: auto;
    height: 5px;
    border-top: 0.17em #f27323;
    margin: 8px 0;
    padding: 0;
    clear: both;
    border-top-style: dotted;
}
#tituloRe h2 {
        color: rgb(0, 0, 0) !important;
}
.flecaBack{
        margin-top: 4px !important;
        width: 20px !important;
        margin-left: 12px !important;
}
.container{
    display: inline;
}
#imgCont{
    margin-bottom: 15px;
}
#descRe{
    height: 167px;
}
/*videosYoutube*/
.contVidCl{
        padding-right: 25px;
}
.contVidCl h3{
        text-align: center;
}
#ytVideoV3{
        margin-top: 20px;
}
#ytVideoV4{
        margin-top: 20px;
}

/*preguntas frecuentes*/
.sombra1{
    box-shadow: 3px 2px 4px -2px #585858;
    background-color: #dcdcdc !important;
    color: black !important;
}
.cambioColor{
        background-color:white !important;
        color: rgb(252, 115, 35) !important;
}
.btnPregun{

    border-color: black;
    color: #666666;
    font-weight: bold;
    font-family: 'open_sanscondensed_light'!important;
    margin-bottom: 8px;
    border: 1px solid;
}
.btnPregun:hover{
    color: white;
    background-color: #424141 ;
}