body 
{


background-image:url(https://empleabilidad.continental.edu.pe/OppWeb/images/fondorayas1.jpg);



}


#cabecera
{
    height:145px;
    background-color:#171717;
    WIDTH:1000PX;
    color:White;
    font-family: 'NeuePlak-SemiBold';
    box-shadow:0px 0px 10px #000;
    margin:auto;
    position:relative;
    z-index:2;
}


#contenidoCabecera
{
    width:1000px;
   top:10px;
    margin-bottom: 0px;
    height: 145px;
}

#barraHorizontal
{
    height:40px;
    width:1000px;
    background-color:#a2a9bb;
    border-radius:0px 0px 0px 0px;

 top:105px;
 position:absolute;
 text-align:center;
}




#barraHorizontal > ul
{
 list-style-type:none;
 padding:0;
 margin:0;
        
}

#barraHorizontale li
{
    display:inline-block;

    cursor:pointer;
    background-color:#023F88;
    color:#FFFFFF;

    
    
    
        padding: 10px;
    text-align: center;

    border: 1px outset #023F88;
    box-shadow: 0px 0px 10px #000 inset;
    
    
    
}



#barraHorizontale li > a
{
 display:block;
 color:#FFFFFF;
 text-decoration:none;   
    font-weight:bold;
   top:50%;
} 



#logotipo
{
    width:30%;
   float:left;
   text-align:center;
margin-top:30px;

}


#logotipo > img
{
    box-shadow:0px 0px 10px #000;
}


#titulo
{
 width:60%;
 float:left;   
 text-shadow: 2px 2px 3px #000;
 text-align:center;
top:10px;

}

#titulo > h1
{
top:12px;

}

#titulo > h2
{
margin-bottom:0px;

}


/* BOTON CERRAR SESION*/
#sesion
{
    width:80%;
     float:right;   
 text-shadow: 2px 2px 3px #000;
 text-align:center;
top:10px;
font-family: 'NeuePlak-Regular';
}

#sesion > h1
{
top:12px;
font-family: 'NeuePlak-Regular';
}

#sesion > h2
{
margin-bottom:0px;
font-family: 'NeuePlak-Regular';
}


/* BOTON CERRAR SESION*/







#bajo
{
    width:1000px;
    margin:auto;
    background-color:#171717;
border-radius:0px 0px 20px 20px;
overflow:auto;
box-shadow:0px 0px 10px #000;

}

#columnIzq,#columnDer

{
    float:left;
    width:20%;
    min-height:500px;
}






#menuContextual
{
    list-style-type:none;
    padding:0;
    margin:50px 0;
}

    #menuContextual > li
{
    padding: 10px;
    text-align: center;
    background-color: #171717;
    border: 1px outset #171717;
    box-shadow: 0px 0px 10px #000 inset;

}


    #menuContextual > li > a
    {
        text-decoration:none;
        color:white;
        
    }
    
    
    
    /* MENU MENU MENU */
    
      /* el menú en si mismo */
  #mi-menu  {
    border-radius: 5px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 510px;
    /* el color de fondo */
    background: #555;
    background: -moz-linear-gradient(#555,#222);
    background: -webkit-linear-gradient(#555,#222);
    background: -o-linear-gradient(#555,#222);
    background: -ms-linear-gradient(#555,#222);
    background: linear-gradient(#555,#222);
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  #mi-menu  br { display:none; }

  /* cada item del menu */
  #mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color: #EEE;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  #mi-menu li:first-child a { border-left: none; }
  #mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  #mi-menu li:hover > a { color: Crimson; }

  /* los submenús */
  #mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #222;
    background: -moz-linear-gradient(#222,#555);
    background: -webkit-linear-gradient(#22,#555);
    background: -o-linear-gradient(#222,#555);
    background: -ms-linear-gradient(#222,#555);
    background: linear-gradient(#222,#555);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  #mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  #mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  #mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  #mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    width: 100px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }

    
        
    /* MENU MENU MENU */
    
    
    
    
    
    
    
   
    
    

    
    


#columnCentro
{
    float:left;
    width:80%;
    min-height:500px;
    background-color:White;
    box-shadow:0px 0px 5px #000 inset;
}

#pie
{
    height:30px;
 background-color:#171717;   
border-radius:0px 0px 20px 20px;
clear:both;
  box-shadow:0px 0px 5px #000 inset;
  color:White;
  text-align:center;
  padding-top:5px;
     font-family: 'NeuePlak-Regular';
}





 /*  REVISAR BIEN- PARECE QUE NO SE USAN */
    div.centerTable{
        text-align: center;
        margin:0 auto;
          text-align: right;
 }

 

div.centerTable table {
       margin: 0 auto;
       text-align: right;
    width: 490px;
      
}

/* REVISAR BIEN- PARECE QUE NO SE USAN */



td.label
{
    text-align:right;
}

div.centerTableboton {
       margin: 0 auto;
       text-align: center;
       margin-bottom: 15px;
}
    





/*boton */



	.botongoogle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 3px #ffffff;
  -moz-box-shadow: 0px 1px 3px #ffffff;
  box-shadow: 0px 1px 3px #ffffff;
  font-family: Arial;
  color: #000000;
  font-size: 16px;
  background: #e8e8e8;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 0px;


  text-decoration: none;
}

.botongoogle:hover {
  background: #7f8c94;
  text-decoration:none;
  
}





/*TextBox */

 
 .inputs {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCC;
    background-image: none;
    margin-left: 15px;
}

 .inputspequeños {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCC;
    background-image: none;
    width: 128px;
}




.inputs:focus {
    outline-color: #54B4AD;
    outline-offset: 10px;
}
























/* el menú en si mismo */
  .mi-menu  {
    border-radius: 5px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 510px;
    /* el color de fondo */
    background: #555;
    background: -moz-linear-gradient(#555,#222);
    background: -webkit-linear-gradient(#555,#222);
    background: -o-linear-gradient(#555,#222);
    background: -ms-linear-gradient(#555,#222);
    background: linear-gradient(#555,#222);
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color: #EEE;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: Crimson; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #222;
    background: -moz-linear-gradient(#222,#555);
    background: -webkit-linear-gradient(#22,#555);
    background: -o-linear-gradient(#222,#555);
    background: -ms-linear-gradient(#222,#555);
    background: linear-gradient(#222,#555);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    width: 100px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }


.mi-menu li:focus > ul { opacity: 1; }



/*************************/

/*****menu desplegable js********************/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid white;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(btncondesempeño.png) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#023F88;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(btncondesempeño.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #023F88;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid white;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #023F88;
color: white;
}








.verificar
{


   background-color: #ffffff;
   border-radius:5px 5px 5px 3px;

    }
     


.centrarverificar
	{
	     background-color: #FFFFFF;
         border-radius:5px 5px 5px 3px;
		position: absolute;
		/*nos posicionamos en el centro del navegador*/

		left:20%;
		/*determinamos una anchura*/
		width:60%;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:auto;
		margin-right:auto;
		/*determinamos una altura*/
		height:100%;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:auto;
margin-left:auto;
		border:1px solid #808080;
		padding:5px;
		min-width:400px; /*ancho del div a centrado*/
min-height:400px; /*altura del div a centrado, así no se sale del espacio*/
	}
	
	
	
	/*boton formatos descargar*/	

.btndescargar {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btndescargar:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}




	/*boton formatos descargar*/	
	
	
	
	
	
		/*botones modalidades*/	
	.btninfoefectivas {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 11px;
  padding: 6px 16px 6px 16px;
  text-decoration: none;
}

.btninfoefectivas:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
		
	
	.btninfodeslaboral {
  background: #ed8709;
  background-image: -webkit-linear-gradient(top, #ed8709, #b8782b);
  background-image: -moz-linear-gradient(top, #ed8709, #b8782b);
  background-image: -ms-linear-gradient(top, #ed8709, #b8782b);
  background-image: -o-linear-gradient(top, #ed8709, #b8782b);
  background-image: linear-gradient(to bottom, #ed8709, #b8782b);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 11px;
  padding: 6px 16px 6px 16px;
  text-decoration: none;
}

.btninfodeslaboral:hover {
  background: #fcbc3c;
  background-image: -webkit-linear-gradient(top, #fcbc3c, #d99c34);
  background-image: -moz-linear-gradient(top, #fcbc3c, #d99c34);
  background-image: -ms-linear-gradient(top, #fcbc3c, #d99c34);
  background-image: -o-linear-gradient(top, #fcbc3c, #d99c34);
  background-image: linear-gradient(to bottom, #fcbc3c, #d99c34);
  text-decoration: none;
}	
		
		
.btninfoempresa {
  background: #0abd42;
  background-image: -webkit-linear-gradient(top, #0abd42, #127a16);
  background-image: -moz-linear-gradient(top, #0abd42, #127a16);
  background-image: -ms-linear-gradient(top, #0abd42, #127a16);
  background-image: -o-linear-gradient(top, #0abd42, #127a16);
  background-image: linear-gradient(to bottom, #0abd42, #127a16);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 11px;
  padding: 6px 16px 6px 16px;
  text-decoration: none;
}

.btninfoempresa:hover {
  background: #679e5d;
  background-image: -webkit-linear-gradient(top, #679e5d, #64db68);
  background-image: -moz-linear-gradient(top, #679e5d, #64db68);
  background-image: -ms-linear-gradient(top, #679e5d, #64db68);
  background-image: -o-linear-gradient(top, #679e5d, #64db68);
  background-image: linear-gradient(to bottom, #679e5d, #64db68);
  text-decoration: none;
}


.btninfoconvalidacion {
  background: #c75757;
  background-image: -webkit-linear-gradient(top, #c75757, #a61717);
  background-image: -moz-linear-gradient(top, #c75757, #a61717);
  background-image: -ms-linear-gradient(top, #c75757, #a61717);
  background-image: -o-linear-gradient(top, #c75757, #a61717);
  background-image: linear-gradient(to bottom, #c75757, #a61717);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 10px;
  padding: 6px 16px 6px 16px;
  text-decoration: none;
}

.btninfoconvalidacion:hover {
  background: #e35d5d;
  background-image: -webkit-linear-gradient(top, #e35d5d, #d63e3e);
  background-image: -moz-linear-gradient(top, #e35d5d, #d63e3e);
  background-image: -ms-linear-gradient(top, #e35d5d, #d63e3e);
  background-image: -o-linear-gradient(top, #e35d5d, #d63e3e);
  background-image: linear-gradient(to bottom, #e35d5d, #d63e3e);
  text-decoration: none;
}

				/*botones modalidades*/	
		
		




		/*botones ver guia modalidades*/	

.btnaefectivas {
  background: #2E72A1;
  background-image: -webkit-linear-gradient(top, #2E72A1, #2E72A1);
  background-image: -moz-linear-gradient(top, #2E72A1, #2E72A1);
  background-image: -ms-linear-gradient(top, #2E72A1, #2E72A1);
  background-image: -o-linear-gradient(top, #2E72A1, #2E72A1);
  background-image: linear-gradient(to bottom, #2E72A1, #2E72A1);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: 'NeuePlak-Regular';
  color: #ffffff;
  font-size: 12px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btnaefectivas:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.btnadeslaboralAntiguo {
  background: #f07443;
  background-image: -webkit-linear-gradient(top, #f07443, #d4401b);
  background-image: -moz-linear-gradient(top, #f07443, #d4401b);
  background-image: -ms-linear-gradient(top, #f07443, #d4401b);
  background-image: -o-linear-gradient(top, #f07443, #d4401b);
  background-image: linear-gradient(to bottom, #f07443, #d4401b);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 12px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btnadeslaboralAntiguo:hover {
  background: #e68050;
  background-image: -webkit-linear-gradient(top, #e68050, #ed8f51);
  background-image: -moz-linear-gradient(top, #e68050, #ed8f51);
  background-image: -ms-linear-gradient(top, #e68050, #ed8f51);
  background-image: -o-linear-gradient(top, #e68050, #ed8f51);
  background-image: linear-gradient(to bottom, #e68050, #ed8f51);
  text-decoration: none;
}


.btnadeslaboral {
  background: #a52f0f;
  background-image: -webkit-linear-gradient(top, #a52f0f, #9e2203);
  background-image: -moz-linear-gradient(top, #a52f0f, #9e2203);
  background-image: -ms-linear-gradient(top, #a52f0f, #9e2203);
  background-image: -o-linear-gradient(top, #a52f0f, #9e2203);
  background-image: linear-gradient(to bottom, #a52f0f, #9e2203);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: 'NeuePlak-Regular';
  color: #ffffff;
  font-size: 12px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btnadeslaboral:hover {
  background: #c43e20;
  background-image: -webkit-linear-gradient(top, #c43e20, #ba3c1f);
  background-image: -moz-linear-gradient(top, #c43e20, #ba3c1f);
  background-image: -ms-linear-gradient(top, #c43e20, #ba3c1f);
  background-image: -o-linear-gradient(top, #c43e20, #ba3c1f);
  background-image: linear-gradient(to bottom, #c43e20, #ba3c1f);
  text-decoration: none;
}


.btnaempresa {
  background: #85B434;
  background-image: -webkit-linear-gradient(top, #85B434, #4a750d);
  background-image: -moz-linear-gradient(top, #85B434, #4a750d);
  background-image: -ms-linear-gradient(top, #85B434, #4a750d);
  background-image: -o-linear-gradient(top, #85B434, #4a750d);
  background-image: linear-gradient(to bottom, #85B434, #4a750d);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: 'NeuePlak-Regular';
  color: #ffffff;
  font-size: 12px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btnaempresa:hover {
  background: #74bd38;
  background-image: -webkit-linear-gradient(top, #74bd38, #7ee045);
  background-image: -moz-linear-gradient(top, #74bd38, #7ee045);
  background-image: -ms-linear-gradient(top, #74bd38, #7ee045);
  background-image: -o-linear-gradient(top, #74bd38, #7ee045);
  background-image: linear-gradient(to bottom, #74bd38, #7ee045);
  text-decoration: none;
}


.btnaconvalidacionAntiguo {
  background: #ec4030;
  background-image: -webkit-linear-gradient(top, #ec4030, #c70a2a);
  background-image: -moz-linear-gradient(top, #ec4030, #c70a2a);
  background-image: -ms-linear-gradient(top, #ec4030, #c70a2a);
  background-image: -o-linear-gradient(top, #ec4030, #c70a2a);
  background-image: linear-gradient(to bottom, #ec4030, #c70a2a);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 12px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btnaconvalidacionAntiguo:hover {
  background: #c24242;
  background-image: -webkit-linear-gradient(top, #c24242, #d15050);
  background-image: -moz-linear-gradient(top, #c24242, #d15050);
  background-image: -ms-linear-gradient(top, #c24242, #d15050);
  background-image: -o-linear-gradient(top, #c24242, #d15050);
  background-image: linear-gradient(to bottom, #c24242, #d15050);
  text-decoration: none;
}



.btnaconvalidacion {
  background: #a8518a;
  background-image: -webkit-linear-gradient(top, #a8518a, #963e79);
  background-image: -moz-linear-gradient(top, #a8518a, #963e79);
  background-image: -ms-linear-gradient(top, #a8518a, #963e79);
  background-image: -o-linear-gradient(top, #a8518a, #963e79);
  background-image: linear-gradient(to bottom, #a8518a, #963e79);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: 'NeuePlak-Regular';
  color: #ffffff;
  font-size: 12px;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
}

.btnaconvalidacion:hover {
  background: #bd5d9d;
  background-image: -webkit-linear-gradient(top, #bd5d9d, #b06396);
  background-image: -moz-linear-gradient(top, #bd5d9d, #b06396);
  background-image: -ms-linear-gradient(top, #bd5d9d, #b06396);
  background-image: -o-linear-gradient(top, #bd5d9d, #b06396);
  background-image: linear-gradient(to bottom, #bd5d9d, #b06396);
  text-decoration: none;
}



	/*botones ver guia modalidades*/
	
	
	
	
	
	
	
	
	
	
	/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "NeuePlak-SemiBold";
  src: url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakSemiBold.eot"); /* IE9 Compat Modes */
  src: url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakSemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakSemiBold.otf") format("opentype"), /* Open Type Font */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakSemiBold.svg") format("svg"), /* Legacy iOS */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakSemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakSemiBold.woff") format("woff"), /* Modern Browsers */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakSemiBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}



/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "NeuePlak-Regular";
  src: url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakRegular.eot"); /* IE9 Compat Modes */
  src: url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakRegular.otf") format("opentype"), /* Open Type Font */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakRegular.svg") format("svg"), /* Legacy iOS */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakRegular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakRegular.woff") format("woff"), /* Modern Browsers */
    url("https://empleabilidad.continental.edu.pe/OppWeb/fonts/NeuePlakRegular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
	
	
	
	
	
	    .NPR {
                font-family: 'NeuePlak-Regular';
            
            }
            
            
             .NPSB {
                font-family: 'NeuePlak-SemiBold';
             
            }