body
{
	background-image:url(https://empleabilidad.continental.edu.pe/OppWeb/images/fondorayas1.jpg);
	padding:0px 0px 0px 0px;
}

#Principallogin
{
	position:absolute;
	width:320px;
	height:180px;
	background-color:#F4F4F4;
	top:50%;
	left:50%;
	margin-left:-160px;
	margin-top:-80px;
	/*box-shadow:0px 0px 8px 3px #CCC;*/
	padding:5px;
}






















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

#Principal
{
	width:900px;
	background-color:White;
	position:absolute;
    left:50%;
	margin-left:-450px;
	box-shadow:0px 0px 8px 3px #CCC;
	padding:5px;
	overflow:hidden;
	
}

#Cabecera
{
	width:880px;
	height:65px;
	background-color:#3EC7C2;
	padding: 10px 10px 10px 10px;
}

#Usuario
{
	float:right;
	width:600px;
	height:30px;
	font-family:Century Gothic, Geneva, sans-serif;
	font-size:12px;
	padding: 3px 3px 3px 3px;
	text-align:right;
	color:#FFF;
	border-radius:5px;
}


#Publicidad
{
	margin-top: 5px;
	width: 100%;
	height: 236px;
	background-image: url(http://empleabilidad.continental.edu.pe/Oolsseweb/images/PublicidadSSEb.jpg);
}

#Enlaces
{
	width:890px;
	font-size:12px;
	font-family:Century Gothic, Geneva, sans-serif;
	color:#213A40;
	background-color:rgba(206,225,242,0.5);
	float:left;
	margin:201px 5px 0px 5px;
	border-radius:10px;
	text-align:center;
	padding:7px 0px 7px 0;
}

#Cuerpo
{
	margin-top:5px;
	width:890px;
	background-color:#3EC7C2;
	padding:5px;
	overflow:hidden;
}



#Izquierda
{
	width:160px;
	height:auto;
	float:left;
	font-family:Century Gothic, Geneva, sans-serif;
}

#Derecha
{
	width:715px;
	height: auto;
	float:right;
	text-align:center;
	background-color:#FFF;
	font-size:12px;
	font-family:Century Gothic, Geneva, sans-serif;
	padding:5px 5px 5px 5px;
    margin-left: 0px;
}


#Menu
{
	width:100%;
}

#Menu th,td
{
	padding:5px 0px 5px 0px;
	text-align:center;
	vertical-align:middle;
}

#Menu th
{
	width:8px;
}

#Menu td
{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Century Gothic, Geneva, sans-serif;
	font-size:12px;
}









.labele {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.inpute {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}












	
	/* 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';
             
            }
            




/* ESTILOS PARA ENCUESTA SINEACE*/





#cabeceraSI
{
    height:145px;
    background-color:#000000;
    WIDTH:1000PX;
    color:White;
    border:1px solid #000000;
    box-shadow:0px 0px 10px #000;
    margin:auto;
    position:relative;
    z-index:2;
}


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

#barraHorizontalSI
{
    height:40px;
    width:1000px;
    background-color:#ffffff;
    border-radius:0px 0px 0px 0px;

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




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

#barraHorizontaleSI li
{
    display:inline-block;

    cursor:pointer;
    background-color:#000000;
    color:#FFFFFF;

    
    
    
        padding: 10px;
    text-align: center;

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



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



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

}


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


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

}

#tituloSI > h1
{
top:12px;

}

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

}


/* BOTON CERRAR SESION*/
#sesionSI
{
    width:80%;
     float:right;   
 text-shadow: 2px 2px 3px #000;
 text-align:center;
top:10px;
}

#sesionSI > h1
{
top:12px;

}

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

}


/* BOTON CERRAR SESION*/







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

}



#columnIzqSI,#columnDerSI

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

#columnDerSI > div

{
   width:80%;
   margin:20px auto;
   border-radius:20px;
   border:1px solid #000000;
   padding:5px;
}




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

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

}


    #menuContextualSI > li > a
    {
        text-decoration:none;
        color:white;
        
    }
    
    
#columnCentroSI
{
    float:left;
    width:99%;
    min-height:500px;
    background-color:White;
    box-shadow:0px 0px 5px #000 inset;
    	    	
    	
    	text-align:center;
    	font-size:12px;
	font-family:Century Gothic, Geneva, sans-serif;
	padding:5px 5px 5px 5px;
    margin-left: 0px;
}


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


/*MAS pruebas de css
#PRUEBASSS
{
	width:800px;
	height: auto;
	float:right;
	text-align:center;
	background-color:#FFF;
	font-size:12px;
	font-family:Century Gothic, Geneva, sans-serif;
	padding:5px 5px 5px 5px;
    margin-left: 0px;
}
*/



#pieSI
{
    height:30px;
 background-color:#000000;   
border-radius:0px 0px 20px 20px;
clear:both;
  box-shadow:0px 0px 5px #000 inset;
  color:White;
  text-align:center;
  padding-top:5px;
}







/*MAS ESTILOS SECUNDARIOS PARA ENCUESTA SINEACE*/



#principalf
{
background-color:#FFF;
overflow:hidden;
width:900px;
position:absolute;
left:50%;
margin-left:-450px;
top:5px;
}


#cabeceraf
{
background-color:#000000;
height:80px;
width:876px;
margin-top:2px;
margin-left:2px;
color:#fff;
text-align:right;
font-family: Tahoma,Geneva,sans-serif;
font-size:12px;
padding:10px;
}

#logof
{
background-color:#000000;
position:absolute;
height:54px;
width:200px;
left:20px;
top:20px;
background-image:url(logo.jpg);

}

#publicidadf
{
background-image : url(http://empleabilidad.continent.continental.edu.pe/OppWeb/images/publicidad.png);
text-align:center;
height:212px;
width:896px;
margin-left:2px;
margin-top:2px;
}


#titulof
{
height:26px;
width:872px;
font-size:14px;
font-family:verdana,geneva,sans-serif;
color:#CEE1F2;
padding-top:4px;
padding-left:8px;
background-color:rgba(35,37,65,.8);
margin-left:5px;
float:left;
margin-top:175px;
text-align:center;
border-radius:10px;

}


#comentariof
{
background-color:#fff;
overflow:hidden;
width:884px;
margin-left:2px;
margin-top:2px;
padding:5px;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-style:italic;
color:#233941;
text-align:justify;
border-color:#ccc;
border-style:solid;
border-width:1px;
}

#encuestaf
{
    background-color:#FFF;
    overflow:hidden;
    width:884px;
    margin-left:2px;
    margin-top:2px;
    padding:5px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-style:normal;
    color:#000;
    border-color:#ccc;
    border-style:solid;
    border-width:1px;
}

table
{
border:1px solid #CCC;
}

.alternativaf
{
color:#FFF;
background-color:#233941;
height:30px;
}

.sombrearf:hover
{
background-color:#FC9
}

.Errorf
{
background-color:#F00;
color:#FFF;
width:874px;
padding:5px;
}




.buttonf{
    background:#FFFFFF;
    display:inline-block;
    margin:0 6px;
    padding:7px 20px 7px;
    color:#FFFFFF;
    text-decoration:none;
    text-shadow: 0 1px 1px #FFF;
    border:1px solid #ccc;
 
    /* Bordes redondenados - Border Radius */
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
 
    /* Fondo Degradado - Background Gradient */
    background:-webkit-linear-gradient(top, #E8A00C, #E8A00C); /* Chrome 10+ */
    background:   -moz-linear-gradient(top, #E8A00C, #E8A00C); /* Firefox 3.6+ */
    background:    -ms-linear-gradient(top, #E8A00C, #E8A00C); /* IE10 */
    background:        linear-gradient(top, #E8A00C, #E8A00C);
 
    /* Aplcamos sombras al boton - Box Shadow */
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 2px rgba(0, 0, 0, .1);
 
    /* Animacion - Transition */
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.buttonf:hover{
    border-color:#adcce2; /* Modificamos el color del borde */
 
    /* Cambiamos los colores del fondo degradado */
    background:-webkit-linear-gradient(top, #E8730C, #E8730C); /* Chrome 10+ */
    background:   -moz-linear-gradient(top, #E8730C, #E8730C); /* Firefox 3.6+ */
    background:    -ms-linear-gradient(top, #E8730C, #E8730C); /* IE10 */
    background:        linear-gradient(top, #E8730C, #E8730C);
 
    /* Modificamos las propiedades del Box Shadow para un efecto Glow */
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255, .3), inset 0 0 0 1px rgba(255,255,255, .6), 0 1px 6px rgba(36, 168, 229, .3);
    -moz-box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
    box-shadow:inset 0 1px 0 rgba(251,247,193, .3), inset 0 0 0 1px rgba(251,247,193, .3), 0 1px 6px rgba(36, 168, 229, .3);
}
	/*ficha de evaluacion*/	
	
	.submitf {
    box-shadow: 0px 1px 0px 0px #CF866C inset;
    background: linear-gradient(to bottom, #D0451B 5%, #BC3315 100%) repeat scroll 0% 0% #D0451B;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
}

.submitf:hover {
    background: linear-gradient(to bottom, #BC3315 5%, #D0451B 100%) repeat scroll 0% 0% #BC3315;
        background-color: #BC3315;
        background-image: linear-gradient(to bottom, #BC3315 5%, #D0451B 100%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
}


#comentariof2
{
border: 1px solid #ccc;
    background-color:#fff;
    overflow:hidden;
width:933px;
    margin-left:2px;
    margin-top:2px;
    padding:5px;
    font-family:'NeuePlak-SemiBold';
    font-size:14px;
    font-style:normal;
    color:#000000;
    text-align:justify;
}








#logof
{
background-color:#000000;
position:absolute;
height:54px;
width:200px;
left:20px;
top:20px;
background-image:url(logo.jpg);

}

#cabeceraf
{
background-color:#000000;
height:80px;
width:876px;
margin-top:2px;
margin-left:2px;
color:#fff;
text-align:right;
font-family: Tahoma,Geneva,sans-serif;
font-size:12px;
padding:10px;
}



/****PARA EL PROYECTO EMPLEABILIDAD BI*/



#principalBI
{
background-color:#FFF;
overflow:hidden;
width:900px;
position:absolute;
left:50%;
margin-left:-450px;
top:5px;
}


#cabeceraBI
{
background-color:#6400be;
height:80px;
width:876px;
margin-top:2px;
margin-left:2px;
color:#fff;
text-align:right;
font-family: Tahoma,Geneva,sans-serif;
font-size:12px;
padding:10px;
}

#logoBI
{
background-color:#6400be;
position:absolute;
height:54px;
width:200px;
left:20px;
top:20px;
background-image:url('logo.jpg');
    bottom: 655px;
    right: 680px;
}

#logoEmpBI
{
background-color:#6400be;
position:absolute;
height:54px;
width:200px;
left:676px;
top:20px;
background-image:url(logo.jpg);

}



/*ficha de evaluacion*/	
	
	.submitBI {
    box-shadow: 0px 1px 0px 0px #6802c1 inset;
    background: #6802c1;
    border-radius: 3px;
    border: 1px solid #6802c1;
    display: inline-block;
    cursor: pointer;
    color: #FFF;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #6802c1;
}

.submitBI:hover {
        background: #63fdcb;
        background-color: #63fdcb;
        background-image: linear-gradient(to bottom, #63fdcb 5%, #63fdcb 100%);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        border: 1px solid #63fdcb;
        color: #000;
        box-shadow: 0px 1px 0px 0px #63fdcb inset;
        text-shadow: 0px 0px 0px #000;
}







div.centerTable{
        text-align: center;
        margin:0 auto;
          text-align: right;
}

 

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


/****
td.label
{
    text-align:right;
}

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




/****PARA EL PROYECTO EMPLEABILIDAD BI*/