@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body{
    background-color: #fff;
}



/*Fuentes*/

@font-face {
    font-family: 'museo-100'; 
    src: url('../fuentes/exljbris\ -\ Museo-100.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museo-100Italic'; 
    src: url('../fuentes/exljbris\ -\ Museo-100Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }




@font-face {
    font-family: 'museo-300'; 
    src: url('../fuentes/exljbris\ -\ Museo-300.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museo-300Italic'; 
    src: url('../fuentes/exljbris\ -\ Museo-300Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }



@font-face {
    font-family: 'museo-500'; 
    src: url('../fuentes/exljbris\ -\ Museo-500.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }


@font-face {
    font-family: 'museo-500Italic'; 
    src: url('../fuentes/exljbris\ -\ Museo-500Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }



@font-face {
    font-family: 'museo-700'; 
    src: url('../fuentes/exljbris\ -\ Museo-700.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museo-700Italic'; 
    src: url('../fuentes/exljbris\ -\ Museo-700Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }



@font-face {
    font-family: 'museo-900'; 
    src: url('../fuentes/exljbris\ -\ Museo-900.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museo-900Italic'; 
    src: url('../fuentes/exljbris\ -\ Museo-900Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }



@font-face {
    font-family: 'museosans-100'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-100.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museosans-100Italic'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-100Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }




@font-face {
    font-family: 'museosans-300'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-300.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museosans-300Italic'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-300Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }



@font-face {
    font-family: 'museosans-500'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-500.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }


@font-face {
    font-family: 'museosans-500Italic'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-500Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }



@font-face {
    font-family: 'museosans-700'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-700.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museosans-700Italic'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-700Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }



@font-face {
    font-family: 'museosans-900'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-900.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }

@font-face {
    font-family: 'museosans-900Italic'; 
    src: url('../fuentes/exljbris\ -\ MuseoSans-900Italic.otf') format('opentype'); /* Ruta a tu archivo OTF */
    font-weight: normal; /* Peso de la fuente (normal, bold, etc.) */
    font-style: normal; /* Estilo de la fuente (normal o italic) */
  }


/*Fin fuentes*/



a.txtHead:link { text-decoration:none; color: #cc3333;}
a.txtHead:visited { text-decoration:none; color:#cc3333;}
a.txtHead:hover { text-decoration:none; color:#cc3333;}
a.txtHead:active { text-decoration:none; color:#cc3333;}


a.prereg:link { text-decoration:none; color: #fff;}
a.prereg:visited { text-decoration:none; color:#fff;}
a.prereg:hover { text-decoration:none; color:#fff;}
a.prereg:active { text-decoration:none; color:#fff;}



	.rojo{
		color: #CE0E2D;	}
	
	.negro{
		color: #000;
	}
	


    .prereg{
        font-family: museosans-700;
        color: #fff;
        text-align: center;
    }

    .bg-danger{
        background-color: #cc3333;
    }

	
/* Para xs */  
@media only screen and (max-width: 480px) and (min-width: 20px) {
	
.headLink{
         width: 100%;
         height: 165px;
         background-color: #ffffff;

        }    
    
    .txtHead{
        color: #cc3333;
        font-family: museosans-700;
        text-align: center;
        font-size: 15px;
        margin-top: 8px;
    }
    
    

    .fotoPrincipal{
        width: 100%;
        height:auto;
        background-color:#fff;
        }
    
    .cajaLogosTit{
        width: 240px;
        height: auto;
        position: absolute;
        margin-left: 50%;
        left: -120px;
        margin-top: 30px;
    }
    
    .txtCurso{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 40px; 
        padding-top: 50px;
    }
    
    .txtEstrategias{
       font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: 1.2;
    }
    
    
    .cajaRequisito{
        width: 100%;
        height: 130px;
        background-color: #fff;
    }
    
    .txtRequsito{
        font-family: museo-700;
        font-size: 21px;
        color: #cc3333;
        text-align: center;
        padding-top: 20px;
        
    }
    
    
    .cajaObjetivo{
        width: 100%;
        height: 180px;
        background-color: #cc3333;
    }    
	
    .cajatxtObjetivo{
        width: 300px;
        height: 50px;
        padding-top: 25px;
        
        margin-left: 10px;
        
    }
    
    .txtObjetivo{
        font-family: museo-700;
        font-size: 23px;
        color: #fff;
        text-align: left;
    }
    
    
    .cajaPlecaObjetivo{
        width: 100px;
        height: 20px;
        padding-top: 5px;
        margin-left: 10px;
        
    }
    
    .plecaVertical{
        width: 3px;
        height: 80px;
        margin-top: 25px;
    }
    
    
	
    .cajaparrafoObjetivo{
        width: 450px;
        height: 35px;
        margin-top: 35px;
        margin-left:0px;
        
    }
    
    .txtParrafoObjetivo{
        font-family: museo-300;
        font-size: 15px;
        color: #fff;
        text-align: left;
        padding-left: 50px;
        margin-top: -25px;
    }
	
   .cajaCosto{
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    
    .imgPaloma{
        width: 20px;
        position: absolute;
        margin-left: 5px; 
        margin-top: 0px;
    }
    
    .txtCosto{
        font-family: museo-700;
        font-size: 14px;
        color: #cc3333;
        text-align: center;
        margin-left: 10px;
        margin-top: 30px;
    }
    

    
   .txtAsterisco{
        font-family: museo-300;
        font-size: 15px;
        text-align: center;
        color: #ffffff;
        padding: 15px;

    }    
    
    
    
    .cajaCaracteristicas{
        width: 100%;
        height: auto;
        background-image: url("../imagenes/back-textura.jpg");
        
    }
    
    .txtProgramaTit{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 25px;
        padding-top: 35px;

    }
    
    .txtProgramaSub{
        font-family: museo-300;
        color: #fff;
        text-align: center;
        font-size: 15px;
        padding: 0 60px;
    }
	
    .divPleca{
        width: 300px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        margin-left: 50%;
        left: -150px;
        margin-top: 10px;
    
    }
    
    .txtRubro{
        font-family: museo-700;
        font-size: 23px;
        color: #fff;
        text-align: left;
        margin-left: 20px;
    }
    
    .txtcaracteristica{
        font-family: museo-300;
        font-size: 16px;
        color: #fff;
        text-align: left;
        margin-left: 20px;
    }
    
    
    .cajaAcreditar{
        width: 100%;
        height: 230px;
        background-color: #cc3333;
    }
    
    .imgPalomaB{
        width: 35px;
        height: auto;
        float: left;
        margin-left: 20px;
        margin-top: 80px; 
    }
    
    
    .txtacreditar{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 15px;
        padding: 60px  10px  10px 10px;
        
    }
    
    
    .cajaContenido{
        width: 100%;
        height: 900px;
        background-color: #fff;
            
    }
    
    .txtContenido{
        font-family: museo-700;
        color: #cc3333;
        text-align: center;
        font-size: 38px;
        padding-top: 20px;
    }
    
    
    .divPleca2{
        width: 250px;
        height: 3px;
        background-color: #000;
        position: absolute;
        margin-left: 50%;
        left: -120px;
        margin-top: 10px;
    
    }
    
    .txtUnidad{
        font-family: museo-700;
        font-size: 30px;
        text-align: left;
        color: #cc3333;
        padding-top: 35px;
        margin-left: 30px;
    }
    
    .txtNombreUnidad{
        font-family: museo-300;
        font-size: 20px;
        text-align: left;
        color: #000; 
        margin-left: 30px;
    }
    
    .imgReloj{
        width: 40px;
        height: auto;
        padding-right: 15px;
    }
    
    
    .txtRegistrate{
        font-family: museo-700;
        font-size: 30px;
        color: #cc3333;
        text-align: center;
        padding-top: 50px;
    }	
	
	
}
	
	
/* Para xs */  
@media only screen and (max-width: 575px) and (min-width: 480px) { 

.headLink{
         width: 100%;
         height: 150px;
         background-color: #ffffff;

        }    
    
    .txtHead{
        color: #cc3333;
        font-family: museosans-700;
        text-align: center;
        font-size: 20px;
        margin-top: 8px;
    }
    
    

    .fotoPrincipal{
        width: 100%;
        height:auto;
        background-color:#fff;
        }
    
    .cajaLogosTit{
        width: 240px;
        height: auto;
        position: absolute;
        margin-left: 50%;
        left: -120px;
        margin-top: 30px;
    }
    
    .txtCurso{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 40px; 
        padding-top: 50px;
    }
    
    .txtEstrategias{
       font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: 1.2;
    }
    
    
    .cajaRequisito{
        width: 100%;
        height: 100px;
        background-color: #fff;
    }
    
    .txtRequsito{
        font-family: museo-700;
        font-size: 23px;
        color: #cc3333;
        text-align: center;
        padding-top: 20px;
        
    }
    
    
    .cajaObjetivo{
        width: 100%;
        height: 180px;
        background-color: #cc3333;
    }    
	
    .cajatxtObjetivo{
        width: 300px;
        height: 50px;
        padding-top: 25px;
        
        margin-left: 75px;
        
    }
    
    .txtObjetivo{
        font-family: museo-700;
        font-size: 23px;
        color: #fff;
        text-align: left;
    }
    
    
    .cajaPlecaObjetivo{
        width: 100px;
        height: 20px;
        padding-top: 5px;
        margin-left: 35px;
        
    }
    
    .plecaVertical{
        width: 3px;
        height: 80px;
        margin-top: 25px;
    }
    
    
	
    .cajaparrafoObjetivo{
        width: 450px;
        height: 35px;
        margin-top: 35px;
        margin-left:30px;
        
    }
    
    .txtParrafoObjetivo{
        font-family: museo-300;
        font-size: 20px;
        color: #fff;
        text-align: left;
        padding-left: 50px;
        margin-top: -35px;
    }
	
    .cajaCosto{
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    
    .imgPaloma{
        width: 30px;
        position: absolute;
        margin-left: 20px; 
        margin-top: 20px;
    }
    
    .txtCosto{
        font-family: museo-700;
        font-size: 21px;
        color: #cc3333;
        text-align: center;
        margin-left: 50px;
        margin-top: 30px;
    }
    
    

    
   .txtAsterisco{
        font-family: museo-300;
        font-size: 18px;
        text-align: center;
        color: #ffffff;
        padding: 15px;

    }      
       
    
    
    
    
    
    .cajaCaracteristicas{
        width: 100%;
        height: auto;
        background-image: url("../imagenes/back-textura.jpg");
        
    }
    
    .txtProgramaTit{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 30px;
        padding-top: 35px;

    }
    
    .txtProgramaSub{
        font-family: museo-300;
        color: #fff;
        text-align: center;
        font-size: 20px;
        padding: 0 60px;
    }
	
    .divPleca{
        width: 400px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        margin-left: 50%;
        left: -200px;
        margin-top: 10px;
    
    }
    
    .txtRubro{
        font-family: museo-700;
        font-size: 26px;
        color: #fff;
        text-align: left;
        margin-left: 30px;
    }
    
    .txtcaracteristica{
        font-family: museo-300;
        font-size: 15px;
        color: #fff;
        text-align: left;
        margin-left: 30px;
    }
    
    
    .cajaAcreditar{
        width: 100%;
        height: 230px;
        background-color: #cc3333;
    }
    
    .imgPalomaB{
        width: 40px;
        height: auto;
        float: left;
        margin-left: 30px;
        margin-top: 80px; 
    }
    
    
    .txtacreditar{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 18px;
        padding: 50px  100px  30px 120px;
        
    }
    
    
    .cajaContenido{
        width: 100%;
        height: 900px;
        background-color: #fff;
            
    }
    
    .txtContenido{
        font-family: museo-700;
        color: #cc3333;
        text-align: center;
        font-size: 42px;
        padding-top: 20px;
    }
    
    
    .divPleca2{
        width: 400px;
        height: 3px;
        background-color: #000;
        position: absolute;
        margin-left: 50%;
        left: -200px;
        margin-top: 10px;
    
    }
    
    .txtUnidad{
        font-family: museo-700;
        font-size: 34px;
        text-align: left;
        color: #cc3333;
        padding-top: 35px;
        margin-left: 80px;
    }
    
    .txtNombreUnidad{
        font-family: museo-300;
        font-size: 22px;
        text-align: left;
        color: #000; 
        margin-left: 80px;
    }
    
    .imgReloj{
        width: 40px;
        height: auto;
        padding-right: 15px;
    }
    
    
    .txtRegistrate{
        font-family: museo-700;
        font-size: 32px;
        color: #cc3333;
        text-align: center;
        padding-top: 50px;
    }	
	
  
}  
  
/* Para sm */  
@media only screen and (max-width: 767px) and (min-width: 575px) {  

   .headLink{
         width: 100%;
         height: 150px;
         background-color: #ffffff;

        }    
    
    .txtHead{
        color: #cc3333;
        font-family: museosans-700;
        text-align: center;
        font-size: 20px;
        margin-top: 8px;
    }
    
    

    .fotoPrincipal{
        width: 100%;
        height:auto;
        background-color:#fff;
        }
    
    .cajaLogosTit{
        width: 240px;
        height: auto;
        position: absolute;
        margin-left: 50%;
        left: -120px;
        margin-top: 30px;
    }
    
    .txtCurso{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 40px; 
        padding-top: 50px;
    }
    
    .txtEstrategias{
       font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: 1.2;
    }
    
    
    .cajaRequisito{
        width: 100%;
        height: 100px;
        background-color: #fff;
    }
    
    .txtRequsito{
        font-family: museo-700;
        font-size: 23px;
        color: #cc3333;
        text-align: center;
        padding-top: 20px;
        
    }
    
    
    .cajaObjetivo{
        width: 100%;
        height: 180px;
        background-color: #cc3333;
    }    
	
    .cajatxtObjetivo{
        width: 300px;
        height: 50px;
        padding-top: 25px;
        
        margin-left: 75px;
        
    }
    
    .txtObjetivo{
        font-family: museo-700;
        font-size: 23px;
        color: #fff;
        text-align: left;
    }
    
    
    .cajaPlecaObjetivo{
        width: 100px;
        height: 20px;
        padding-top: 5px;
        margin-left: 35px;
        
    }
    
    .plecaVertical{
        width: 3px;
        height: 80px;
        margin-top: 25px;
    }
    
    
	
    .cajaparrafoObjetivo{
        width: 450px;
        height: 35px;
        margin-top: 35px;
        margin-left:30px;
        
    }
    
    .txtParrafoObjetivo{
        font-family: museo-300;
        font-size: 20px;
        color: #fff;
        text-align: left;
        padding-left: 50px;
        margin-top: -35px;
    }
	
   .cajaCosto{
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    
    .imgPaloma{
        width: 30px;
        position: absolute;
        margin-left: 20px; 
        margin-top: 20px;
    }
    
    .txtCosto{
        font-family: museo-700;
        font-size: 21px;
        color: #cc3333;
        text-align: center;
        margin-left: 50px;
        margin-top: 30px;
    }
    
            
     
       .txtAsterisco{
        font-family: museo-300;
        font-size: 18px;
        text-align: center;
        color: #ffffff;
        padding: 15px;

    }      
      
    
    
    
    
    .cajaCaracteristicas{
        width: 100%;
        height: auto;
        background-image: url("../imagenes/back-textura.jpg");
        
    }
    
    .txtProgramaTit{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 30px;
        padding-top: 35px;

    }
    
    .txtProgramaSub{
        font-family: museo-300;
        color: #fff;
        text-align: center;
        font-size: 20px;
        padding: 0 60px;
    }
	
    .divPleca{
        width: 400px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        margin-left: 50%;
        left: -200px;
        margin-top: 10px;
    
    }
    
    .txtRubro{
        font-family: museo-700;
        font-size: 26px;
        color: #fff;
        text-align: left;
        margin-left: 30px;
    }
    
    .txtcaracteristica{
        font-family: museo-300;
        font-size: 15px;
        color: #fff;
        text-align: left;
        margin-left: 30px;
    }
    
    
    .cajaAcreditar{
        width: 100%;
        height: 230px;
        background-color: #cc3333;
    }
    
    .imgPalomaB{
        width: 40px;
        height: auto;
        float: left;
        margin-left: 30px;
        margin-top: 80px; 
    }
    
    
    .txtacreditar{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 18px;
        padding: 50px  100px  30px 120px;
        
    }
    
    
    .cajaContenido{
        width: 100%;
        height: 900px;
        background-color: #fff;
            
    }
    
    .txtContenido{
        font-family: museo-700;
        color: #cc3333;
        text-align: center;
        font-size: 42px;
        padding-top: 20px;
    }
    
    
    .divPleca2{
        width: 400px;
        height: 3px;
        background-color: #000;
        position: absolute;
        margin-left: 50%;
        left: -200px;
        margin-top: 10px;
    
    }
    
    .txtUnidad{
        font-family: museo-700;
        font-size: 34px;
        text-align: left;
        color: #cc3333;
        padding-top: 35px;
        margin-left: 80px;
    }
    
    .txtNombreUnidad{
        font-family: museo-300;
        font-size: 22px;
        text-align: left;
        color: #000; 
        margin-left: 80px;
    }
    
    .imgReloj{
        width: 40px;
        height: auto;
        padding-right: 15px;
    }
    
    
    .txtRegistrate{
        font-family: museo-700;
        font-size: 35px;
        color: #cc3333;
        text-align: center;
        padding-top: 50px;
    }
	


  
}  
  

/* Para md */  
 @media only screen and (max-width: 991px) and (min-width: 767px) { 

    .headLink{
         width: 100%;
         height: 155px;
         background-color: #ffffff;

        }    
    
    .txtHead{
        color: #cc3333;
        font-family: museosans-700;
        text-align: center;
        font-size: 23px;
        margin-top: 8px;
    }
    
    

    .fotoPrincipal{
        width: 100%;
        height:auto;
        background-color:#fff;
        }
    
    .cajaLogosTit{
        width: 240px;
        height: auto;
        position: absolute;
        margin-left: 50%;
        left: -120px;
        margin-top: 30px;
    }
    
    .txtCurso{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 40px; 
        padding-top: 50px;
    }
    
    .txtEstrategias{
       font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: 1.2;
    }
    
    
    .cajaRequisito{
        width: 100%;
        height: 80px;
        background-color: #fff;
    }
    
    .txtRequsito{
        font-family: museo-700;
        font-size: 22px;
        color: #cc3333;
        text-align: center;
        padding-top: 20px;
        
    }
    
    
    .cajaObjetivo{
        width: 100%;
        height: 180px;
        background-color: #cc3333;
    }    
	
    .cajatxtObjetivo{
        width: 300px;
        height: 50px;
        margin-top: 35px;
        float: left;
        margin-left: 50px;
        margin-top: 70px;
        
    }
    
    .txtObjetivo{
        font-family: museo-700;
        font-size: 33px;
        color: #fff;
        text-align: left;
    }
    
    
    .cajaPlecaObjetivo{
        width: 100px;
        height: 20px;
        margin-top: 35px;
        float: left;
        margin-left: -80px;
        
    }
    
    .plecaVertical{
        width: 3px;
        height: 100px;
        margin-top: 12px;
    }
    
    
	
    .cajaparrafoObjetivo{
        width: 450px;
        height: 35px;
        margin-top: -35px;
        margin-left: 300px;
        float: left; 
    }
    
    .txtParrafoObjetivo{
        font-family: museo-300;
        font-size: 20px;
        color: #fff;
        text-align: left;
        padding-left: 50px;
        margin-top: -35px;
    }
	
    .cajaCosto{
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    
    .imgPaloma{
        width: 40px;
        position: absolute;
        margin-left: 50px; 
        margin-top: 20px;
    }
    
    .txtCosto{
        font-family: museo-700;
        font-size: 25px;
        color: #cc3333;
        text-align: center;
        margin-left: 50px;
        margin-top: 30px;
    }
    
    
     
     
       .txtAsterisco{
        font-family: museo-300;
        font-size: 22px;
        text-align: center;
        color: #ffffff;
        padding: 15px;

    }      
     
    
    
    .cajaCaracteristicas{
        width: 100%;
        height: auto;
        background-image: url("../imagenes/back-textura.jpg");
        
    }
    
    .txtProgramaTit{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 33px;
        padding-top: 35px;

    }
    
    .txtProgramaSub{
        font-family: museo-300;
        color: #fff;
        text-align: center;
        font-size: 20px;
        padding: 0 60px;
    }
	
    .divPleca{
        width: 550px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        margin-left: 50%;
        left: -280px;
        margin-top: 10px;
    
    }
    
    .txtRubro{
        font-family: museo-700;
        font-size: 28px;
        color: #fff;
        text-align: left;
        margin-left: 50px;
    }
    
    .txtcaracteristica{
        font-family: museo-300;
        font-size: 17px;
        color: #fff;
        text-align: left;
        margin-left: 50px;
    }
    
    
    .cajaAcreditar{
        width: 100%;
        height: 230px;
        background-color: #cc3333;
    }
    
    .imgPalomaB{
        width: 45px;
        height: auto;
        float: left;
        margin-left: 100px;
        margin-top: 80px; 
    }
    
    
    .txtacreditar{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 20px;
        padding: 50px  150px  0px 200px;
        
    }
    
    
    .cajaContenido{
        width: 100%;
        height: 900px;
        background-color: #fff;
            
    }
    
    .txtContenido{
        font-family: museo-700;
        color: #cc3333;
        text-align: center;
        font-size: 42px;
        padding-top: 20px;
    }
    
    
    .divPleca2{
        width: 400px;
        height: 3px;
        background-color: #000;
        position: absolute;
        margin-left: 50%;
        left: -200px;
        margin-top: 10px;
    
    }
    
    .txtUnidad{
        font-family: museo-700;
        font-size: 34px;
        text-align: left;
        color: #cc3333;
        padding-top: 35px;
        margin-left: 80px;
    }
    
    .txtNombreUnidad{
        font-family: museo-300;
        font-size: 22px;
        text-align: left;
        color: #000; 
        margin-left: 80px;
    }
    
    .imgReloj{
        width: 40px;
        height: auto;
        padding-right: 15px;
    }
    
    
    .txtRegistrate{
        font-family: museo-700;
        font-size: 38px;
        color: #cc3333;
        text-align: center;
        padding-top: 50px;
    }
	
	

} 


  
/* Para lg */  
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	
   .headLink{
         width: 100%;
         height: 175px;
         background-color: #ffffff;

        }    
    
    .txtHead{
        color: #cc3333;
        font-family: museosans-700;
        text-align: center;
        font-size: 28px;
        margin-top: 8px;
    }
    
    

    .fotoPrincipal{
        width: 100%;
        height:auto;
        background-color:#fff;
        }
    
    .cajaLogosTit{
        width: 240px;
        height: auto;
        position: absolute;
        margin-left: 50%;
        left: -120px;
        margin-top: 30px;
    }
    
    .txtCurso{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 40px; 
        padding-top: 50px;
    }
    
    .txtEstrategias{
       font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: 1.2;
    }
    
    
    .cajaRequisito{
        width: 100%;
        height: 100px;
        background-color: #fff;
    }
    
    .txtRequsito{
        font-family: museo-700;
        font-size: 30px;
        color: #cc3333;
        text-align: center;
        padding-top: 20px;
        
    }
    
    
    .cajaObjetivo{
        width: 100%;
        height: 200px;
        background-color: #cc3333;
    }    
	
    .cajatxtObjetivo{
        width: 300px;
        height: 50px;
        margin-top: 35px;
        float: left;
        margin-left: 150px;
        margin-top: 70px;
        
    }
    
    .txtObjetivo{
        font-family: museo-700;
        font-size: 38px;
        color: #fff;
        text-align: left;
    }
    
    
    .cajaPlecaObjetivo{
        width: 100px;
        height: 20px;
        margin-top: 35px;
        float: left;
        margin-left: -25px;
        
    }
    
    .plecaVertical{
        width: 3px;
        height: 110px;
        margin-top: 12px;
    }
    
    
	
    .cajaparrafoObjetivo{
        width: 450px;
        height: 35px;
        margin-top: 35px;
        float: left; 
    }
    
    .txtParrafoObjetivo{
        font-family: museo-300;
        font-size: 25px;
        color: #fff;
        text-align: left;
        padding-left: 50px;
        margin-top: -35px;
    }
	
     .cajaCosto{
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    
    .imgPaloma{
        width: 50px;
        position: absolute;
        margin-left: 100px; 
        margin-top: 20px;
    }
    
    .txtCosto{
        font-family: museo-700;
        font-size: 30px;
        color: #cc3333;
        text-align: center;
        margin-left: 50px;
        margin-top: 30px;
    }
    
        
    
       .txtAsterisco{
        font-family: museo-300;
        font-size: 22px;
        text-align: center;
        color: #ffffff;
        padding: 15px;

    } 
    
    
    
    
    
    .cajaCaracteristicas{
        width: 100%;
        height: auto;
        background-image: url("../imagenes/back-textura.jpg");
        
    }
    
    .txtProgramaTit{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 37px;
        padding-top: 35px;

    }
    
    .txtProgramaSub{
        font-family: museo-300;
        color: #fff;
        text-align: center;
        font-size: 26px;
        padding: 0 60px;
    }
	
    .divPleca{
        width: 700px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        margin-left: 50%;
        left: -350px;
        margin-top: 10px;
    
    }
    
    .txtRubro{
        font-family: museo-700;
        font-size: 30px;
        color: #fff;
        text-align: left;
        margin-left: 50px;
    }
    
    .txtcaracteristica{
        font-family: museo-300;
        font-size: 20px;
        color: #fff;
        text-align: left;
        margin-left: 50px;
    }
    
    
    .cajaAcreditar{
        width: 100%;
        height: 230px;
        background-color: #cc3333;
    }
    
    .imgPalomaB{
        width: 50PX;
        height: auto;
        float: left;
        margin-left: 100px;
        margin-top: 80px; 
    }
    
    
    .txtacreditar{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 25px;
        padding: 50px  150px  0px 200px;
        
    }
    
    
    .cajaContenido{
        width: 100%;
        height: 900px;
        background-color: #fff;
            
    }
    
    .txtContenido{
        font-family: museo-700;
        color: #cc3333;
        text-align: center;
        font-size: 45px;
        padding-top: 20px;
    }
    
    
    .divPleca2{
        width: 500px;
        height: 3px;
        background-color: #000;
        position: absolute;
        margin-left: 50%;
        left: -250px;
        margin-top: 10px;
    
    }
    
    .txtUnidad{
        font-family: museo-700;
        font-size: 37px;
        text-align: left;
        color: #cc3333;
        padding-top: 35px;
        margin-left: 120px;
    }
    
    .txtNombreUnidad{
        font-family: museo-300;
        font-size: 25px;
        text-align: left;
        color: #000; 
        margin-left: 120px;
    }
    
    .imgReloj{
        width: 45px;
        height: auto;
        padding-right: 15px;
    }
    
    
    .txtRegistrate{
        font-family: museo-700;
        font-size: 45px;
        color: #cc3333;
        text-align: center;
        padding-top: 50px;
    }
    	
	


} 
 
  
/* Para xl */  
@media only screen and  (min-width: 1200px)  {  
    
    
    
    .headLink{
         width: 100%;
         height: 190px;
         background-color: #ffffff;

        }    
    
    .txtHead{
        color: #cc3333;
        font-family: museosans-700;
        text-align: center;
        font-size: 28px;
        margin-top: 8px;
    }
    
    

    
    

    .fotoPrincipal{
        width: 100%;
        height:624px;
        background-color:#fff;
        }
    
    .cajaLogosTit{
        width: 240px;
        height: auto;
        position: absolute;
        margin-left: 50%;
        left: -120px;
        margin-top: 30px;
    }
    
    .txtCurso{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 40px; 
        padding-top: 50px;
    }
    
    .txtEstrategias{
       font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 50px;
        line-height: 1.2;
    }
    
    
    .cajaRequisito{
        width: 100%;
        height: 100px;
        background-color: #fff;
    }
    
    .txtRequsito{
        font-family: museo-700;
        font-size: 35px;
        color: #cc3333;
        text-align: center;
        padding-top: 20px;
        
    }
    
    
    .cajaObjetivo{
        width: 100%;
        height: 200px;
        background-color: #cc3333;
    }    
	
    .cajatxtObjetivo{
        width: 300px;
        height: 50px;
        margin-top: 35px;
        float: left;
        margin-left: 150px;
        margin-top: 70px;
        
    }
    
    .txtObjetivo{
        font-family: museo-700;
        font-size: 42px;
        color: #fff;
        text-align: left;
    }
    
    
    .cajaPlecaObjetivo{
        width: 100px;
        height: 20px;
        margin-top: 35px;
        float: left;
        
    }
    
    .plecaVertical{
        width: 3px;
        height: 110px;
        margin-top: 12px;
    }
    
    
	
    .cajaparrafoObjetivo{
        width: 450px;
        height: 35px;
        margin-top: 35px;
        float: left; 
    }
    
    .txtParrafoObjetivo{
        font-family: museo-300;
        font-size: 30px;
        color: #fff;
        text-align: left;
    }
	
    .cajaCosto{
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    
    .imgPaloma{
        width: 50px;
        position: absolute;
        margin-left: 100px; 
        margin-top: 20px;
    }
    
    .txtCosto{
        font-family: museo-700;
        font-size: 30px;
        color: #cc3333;
        text-align: center;
        margin-left: 50px;
        margin-top: 30px;
    }
    
    
    .txtAsterisco{
        font-family: museo-300;
        font-size: 22px;
        text-align: center;
        color: #ffffff;
        padding: 15px;

    }
    
    
    .cajaCaracteristicas{
        width: 100%;
        height: auto;
        background-image: url("../imagenes/back-textura.jpg");
        
    }
    
    .txtProgramaTit{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 40px;
        padding-top: 35px;

    }
    
    .txtProgramaSub{
        font-family: museo-300;
        color: #fff;
        text-align: center;
        font-size: 30px;
        padding: 0 60px;
    }
	
    .divPleca{
        width: 1050px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        margin-left: 50%;
        left: -525px;
        margin-top: 10px;
    
    }
    
    .txtRubro{
        font-family: museo-700;
        font-size: 35px;
        color: #fff;
        text-align: left;
        margin-left: 50px;
    }
    
    .txtcaracteristica{
        font-family: museo-300;
        font-size: 30px;
        color: #fff;
        text-align: left;
        margin-left: 50px;
    }
    
    
    .cajaAcreditar{
        width: 100%;
        height: 250px;
        background-color: #cc3333;
    }
    
    .imgPalomaB{
        width: 50PX;
        height: auto;
        float: left;
        margin-left: 100px;
        margin-top: 80px; 
    }
    
    
    .txtacreditar{
        font-family: museo-700;
        color: #fff;
        text-align: center;
        font-size: 35px;
        padding: 30px  150px  0px 200px;
        
    }
    
    
    .cajaContenido{
        width: 100%;
        height: 900px;
        background-color: #fff;
            
    }
    
    .txtContenido{
        font-family: museo-700;
        color: #cc3333;
        text-align: center;
        font-size: 50px;
        padding-top: 20px;
    }
    
    
    .divPleca2{
        width: 500px;
        height: 3px;
        background-color: #000;
        position: absolute;
        margin-left: 50%;
        left: -250px;
        margin-top: 10px;
    
    }
    
    .txtUnidad{
        font-family: museo-700;
        font-size: 40px;
        text-align: left;
        color: #cc3333;
        padding-top: 35px;
        margin-left: 120px;
    }
    
    .txtNombreUnidad{
        font-family: museo-300;
        font-size: 28px;
        text-align: left;
        color: #000; 
        margin-left: 120px;
    }
    
    .imgReloj{
        width: 45px;
        height: auto;
        padding-right: 15px;
    }
    
    
    .txtRegistrate{
        font-family: museo-700;
        font-size: 50px;
        color: #cc3333;
        text-align: center;
        padding-top: 50px;
    }
    
    
    
    
	
	
	
	
}