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

@font-face {
    font-family: BrandonTextBold;
    src: url('../recursos/BrandonText_Bold.otf');
}

@font-face {
    font-family: BrandonTextRegular;
    src: url('../recursos/BrandonText_Regular.otf');
}

@font-face {
    font-family: BrandonTextLight;
    src: url('../recursos/BrandonText_Light.otf');
}

* {
    font-family: BrandonTextLight;
}

input {
	font-family: BrandonTextBold;	
}

.ui-btn {
    font-family: BrandonTextLight;	
}

div.ui-btn.ui-input-btn,
.ui-btn.ui-btn-inline,
.ui-btn.ui-shadow{
	border-radius: 16px;
}

div.ui-input-text{
	border-radius: 10px;	
}

/************login********************/
#gridlogin{
	margin-top:4%;
	margin-left:33%;
	width:34%;
}

#gridlogin label {
	margin-top: 5%;
}

#bloquenov{
	margin-left:6%;
	margin-top:12%;
	border: 1px solid #E91E63;
	width:25%;
	height:auto;
	padding:1%;
}

html {
 
overflow-y: scroll;
 
}

/***************en general*********************/
.contenido { 
	width:1030px; 
	margin:0 auto;
  }
 
hr {
	border:0;
	border-bottom:1px solid #e91e63;
}

div.ui-header > a.ui-btn {
	border: 1px solid rgba(255, 255, 255, 0.3);
}

div.ui-header > a.ui-btn:hover {
	border: 1px solid rgba(255, 255, 255, 0.3);
}

div.ui-navbar ul li a.ui-btn:hover {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

/*div:nth-child(4) > ul > li.ui-block-a > a.btnMenuMarcado,
div:nth-child(4) > ul > li.ui-block-b > a.btnMenuMarcado,
div:nth-child(4) > ul > li.ui-block-c > a.btnMenuMarcado,
div:nth-child(4) > ul > li.ui-block-d > a.btnMenuMarcado,
div:nth-child(4) > ul > li.ui-block-e > a.btnMenuMarcado,
div:nth-child(5) > ul > li.ui-block-a > a.btnMenuMarcado,
div:nth-child(5) > ul > li.ui-block-b > a.btnMenuMarcado,
div:nth-child(5) > ul > li.ui-block-c > a.btnMenuMarcado {
	background-color: #e91e63;
	color: #FFFFFF;
	border: none;
}*/

div.ui-header > div > ul > li.ui-block-a > a.btnMenuMarcado,
div.ui-header > div > ul > li.ui-block-b > a.btnMenuMarcado,
div.ui-header > div > ul > li.ui-block-c > a.btnMenuMarcado,
div.ui-header > div > ul > li.ui-block-d > a.btnMenuMarcado,
div.ui-header > div > ul > li.ui-block-e > a.btnMenuMarcado {
	background-color: #e91e63;
	color: #FFFFFF;
	border: none;
}

div.ui-header > div > ul > li.ui-block-a > a.btnMenuMarcado2,
div.ui-header > div > ul > li.ui-block-b > a.btnMenuMarcado2,
div.ui-header > div > ul > li.ui-block-c > a.btnMenuMarcado2,
div.ui-header > div > ul > li.ui-block-d > a.btnMenuMarcado2,
div.ui-header > div > ul > li.ui-block-e > a.btnMenuMarcado2 {
	background-color: #fff8d7;
	/* color: #FFFFFF; */
	/* border: none; */
}

div.ui-header > div > ul > li.ui-block-a > a,
div.ui-header > div > ul > li.ui-block-b > a,
div.ui-header > div > ul > li.ui-block-c > a,
div.ui-header > div > ul > li.ui-block-d > a,
div.ui-header > div > ul > li.ui-block-e > a {
	font-weight: normal;
	font-size: 14px;
	padding: 32px;
	padding-bottom: 28px;
	height: 0px;
}

.inlineIcon {
    display: inline-block;
    position: relative;
    vertical-align: super;
    margin-right: -4px;
}

.logo-hope{
	background-image:url(../recursos/logo_sin_texto2.svg);
	background-repeat:no-repeat;
	background-size: 65px;
	background-position-x: center;
	background-position-y: 3px;
}


/**************page 1****************************/

.cont_izquierda {

	width: 380px;
	float: left;
	margin: 25px 15px;
	display:none;
}

.cont_derecha {/* width: 550px; *//* float: right; */}

.contenedor_trabajadores_p1{
	border: 1px solid #c3c3c3;
	background-color: #f6f6f6;
	margin: 10px 5px 5px 5px;
	padding: 20px 30px 12px 30px;
}


.estatrabajador_p1 {
	border: 1px solid #c3c3c3;
	width: 970px;
	height: 280px;
	margin: 0 auto;
	background-color: #eaeaea;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 14px;
	padding-bottom: 20px;
}

.estatrabajador2_p1 {
	
}

#page1 .modificatrabajador {margin-bottom: 120px;margin-top: 20px;padding-top: 12px;}


/**************page 1A****************************/

.contenedor-modificar-informe{
	border: 1px solid #c3c3c3;
	width: 960px;
	padding: 0px 8px 8px 8px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #eaeaea;
}

.contenedor-modificar-informe2{
	border: 1px solid #c3c3c3;
	background-color: #f6f6f6;
	padding: 15px 5px 5px 5px;
}

.contenedor-tabla-informe{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 110px;
	margin-bottom: 40px;
}

div.contenedor-modificar-informe > p > span {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;

}

div.contenedor-modificar-informe > p {
	margin: 10px 4px;
}


#Jtabla_dias > tbody > tr > td:nth-child(6){
    font-weight: bold;
    background-color: #eeeeee;	
}

.dt-buttons{
	position: absolute !important;
	top:-60px;
	display: inline-flex;
	width:350px;
}

/**************page 1B****************************/

#Jtabla_semanas > tbody > tr > td:nth-child(9){
    font-weight: bold;
    background-color: #eeeeee;	
}

#Jtabla_semanas > tbody > tr > td:nth-child(1){
    background-color: #eeeeee;
    min-width:186px;	
}

/**************page 1C****************************/

#Jtabla_meses > tbody > tr > td:nth-child(2){
    font-weight: bold;
    background-color: #eeeeee;	
}


/**************page 2****************************/
span.perfil.ui-btn-left{
  margin-top: 4px;
  margin-left: 4px;
  font-size: 14px;
}

.cursos {
    border: 1px solid #e91e63;
    height: 190px;
    padding: 6px;
    width: 350px;
}
 
.listadetrabajadores { 
   border:1px solid #e91e63;
   width:350px; 
   height: 360px; 
   margin-top:10px; 
   padding:6px;
}

.container { 
   border:1px solid #e91e63; 
   width:340px; 
   height: 260px; 
   overflow-y: scroll; 
   margin-left:2px;
}

#trabajadoresele{
	height: 93px !important;
}

/****************page 3*********************/

.cont_sedes_p3 {
	border: 1px solid #c3c3c3;
	width: 970px;
	height: 280px;
	margin: 0 auto;
	background-color: #eaeaea;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 14px;
	padding-bottom: 20px;
}

.cont_anadir_sede_p3 {
	border: 1px solid #c3c3c3;
	width: 970px;
	height: 165px;
	margin: 0 auto;
	background-color: #eaeaea;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 14px;
	padding-bottom: 20px;
}

#form1 {
	border: 1px solid #c3c3c3;
	width: 970px;
	height: 645px;
	margin: 0 auto;
	background-color: #eaeaea;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 14px;
	padding-bottom: 20px;
}

.cont_lista_sedes {
   border: 1px solid #c3c3c3;
   width: 947px;
   height: 238px;
   /* overflow-y: scroll; */
   margin-left: 10px;
   margin-top: 10px;
   background-color: #f6f6f6;
}

.cont_anadir_sede_2_p3 > .ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls{
	width: 82%;
}

.cont_anadir_sede_2_p3 {
	
margin: 35px 35px;
}


/****************page 3A*********************/

#cont_sede_departamento {
	width: 970px;
	margin: 0 auto;
	background-color: #f6f6f6;
	margin-top: 15px;
	margin-bottom: 30px;
}

.cont_izq_sedes_p3A{
	border: 1px solid #c3c3c3;
	height: 350px;
	background-color: #eaeaea;
	padding-top: 14px;
	padding-bottom: 20px;
}

.cont_der_dep_p3A{
	border: 1px solid #c3c3c3;
	height: 350px;
	background-color: #eaeaea;
	padding-top: 14px;
	padding-bottom: 20px;
}

.cont_lista_sedes_p3A {
	border: 1px solid #c3c3c3;
	height: 229px;
	background-color: #f6f6f6;
	margin: 15px 15px 10px 15px;
	padding-top: 14px;
	padding-bottom: 20px;
}

.cont_lista_dep_p3A {
	border: 1px solid #c3c3c3;
	height: 229px;
	background-color: #f6f6f6;
	margin: 15px 15px 10px 15px;
	padding-top: 14px;
	padding-bottom: 20px;
}

.cont_sedes2_p3A {

}

.cont_anadir_dep_2_p3A > .ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls {
    width: 76%;
}

.cont_anadir_dep_2_p3A {
	
margin: 35px 35px;
}

/****************page 4*********************/
.estatrabajador {
	border: 1px solid #c3c3c3;
	width: 970px;
	height: 301px;
	margin: 0 auto;
	background-color: #eaeaea;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 13px;
}

.listatodoslostrabajadores {
   border: 1px solid #c3c3c3;
   width: 527px;
   height: 238px;
   /* overflow-y: scroll; */
   margin-left: 10px;
   margin-top: 10px;
   background-color: #f6f6f6;
}

.listatodoslostrabajadores_p4 {
   border: 1px solid #c3c3c3;
   height: 238px;
   /* overflow-y: scroll; */
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   background-color: #f6f6f6;
}

.modificatrabajador {
	border: 1px solid #c3c3c3;
	width: 960px;
	padding: 6px;
	margin-top: 20px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	background-color: #eaeaea;
}

#formulariotrabajador{
	margin-top:13px;
}

.contenedor_trabajadores{border: 1px solid #c3c3c3;background-color: #f6f6f6;margin: 10px 5px 5px 5px;padding: 20px 10px 12px 2px;}

.contenedor_enviar_pin{
	border: 1px solid #c3c3c3;
	width: 960px;
	padding: 16px 8px 6px 8px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #eaeaea;
}

.contenedor_enviar_pin2{
	border: 1px solid #c3c3c3;
	background-color: #f6f6f6;
	margin: 10px 5px 5px 5px;
	padding: 0px 10px 12px 10px;
	height: 280px;
	/* overflow-y: scroll; */
}

#cont-lista{
	height: 216px;
}

/****************page 5*********************/
.usuarios {
	 border: 1px solid #9e9e9e;
	 width:970px;
	 height: 300px;
	 margin:0 auto;
	 margin-top:-10px;
	 margin-bottom:20px;
	 background-color: #eaeaeaea;
	 margin-top: 2px;
}

.listauser {
	 border: 1px solid #9e9e9e;
	 width:940px;
	 height: 230px;
	 overflow-y: scroll;
	 margin:0 auto;
	 background-color: #f6f6f6;
	}
 
 /****************page 8*********************/
 .estatrabajador2 { 
	 border:1px solid #e91e63; 
	 width:970px; 
	 height: 390px;  
	 margin:0 auto;
 }
 
 .elcurso {
	 width:370px;
	 height: 86px;
	 margin-top:10px;
	 margin-left:8px;
}

.elbtncurso{
	 margin-left:-4px;
}

.listacambio { 
	 border:1px solid #e91e63; 
	 width:490px; 
	 height: 363px; 
	 margin-top:-200px; 
	 margin-left:400px; 
	 padding:5px;
 }
 
 .container2 { 
	 border:1px solid #e91e63; 
	 width:480px; 
	 height: 265px; 
	 overflow-y: scroll;
	 margin-left:5px;
	margin-top: -20px;
	
 }
 
 .modificatrabajador2 {
	border:1px solid #e91e63; 
	width: 960px;
	height: 310px;
	padding: 6px;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*****************page 10******************/
.container9 {
	border:1px solid #e91e63; 
	width: 1007px;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

.container3 {
	border:1px solid #e91e63;
	width: 600px;
	height: 604px;
	overflow-y: scroll;
	margin-left: 5px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 25px;
}

.container4 {
	border:1px solid #e91e63;
	width: 300px;
	height: 604px;
	overflow-y: scroll;
	margin-left: -337px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	float: right;
	margin-top: -656px;
	margin-right: 5px;
}



#listadefirmas2{
	margin-top:10px;	
	margin-left:1px;
}

#formfirmas label {
    display: inline;
}

/************page 12******************/
.container6 {
	border:1px solid #e91e63;
	width: 450px;
	height: 604px;
	overflow: auto;
	margin-left: 5px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}

 .container7 {
	border:1px solid #e91e63;
	width: 450px;
	height: 604px;
	overflow-y: scroll;
	margin-left: -337px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	float: right;
	margin-top: -656px;
	margin-right: 5px;
}



#formestadistica label {
    display: inline;
}

/***************page 22*********************/
.listacirulares {
  width: 940px;
  margin: 0 auto;
  border: 1px solid #ae5b66;
  padding: 5px;
}

.btncambiocircu{
  width: 950px;
  margin: 0 auto;
  border: 1px solid #ae5b66;
  margin-bottom:7px;
  padding-top:5px;
  padding-bottom:5px;
}

#listacircu{
	padding-left:10px;
	padding-right:10px;
}

#trabajadorcambio {
  height: 90px !important;
}


#trabajadorcambioesp {
  height: 90px !important;
}

#trabajadorcambioespcurso {
  height: 90px !important;
}
/***************page 24*********************/


.container24 {
	border:1px solid #e91e63;
	width: 908px;
	height: 198px;
	overflow-y: scroll;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: right;
	margin-top: -155px;
	margin-right: 5px;
}

.estatrabajador24 {
	 border: 1px solid #9e9e9e;
	 width:970px;
	 margin:0 auto;
	 margin-top: 25px;
	 margin-bottom: 50px;
	 background-color: #eaeaea;
	}
 
 .modificatrabajador24 {
	border: 1px solid #9e9e9e;
	width: 960px;
	height: auto;
	padding: 6px;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #eaeaea;
}

.modificatrabajador27 {
	border:1px solid #e91e63;
	width: 960px;
	min-height: 125px;
	height: auto !important;
	height: 125px;
	overflow: auto;
	/* padding: 6px;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; */
}

/***************page 26*********************/

.contenedor_qr{
    border: 1px solid #9e9e9e;
    margin: 0px 5px 15px 5px;
    background-color: #f6f6f6;
    padding: 18px;
}

.cont_sedes_p26 {
	border: 1px solid #c3c3c3;
	width: 970px;
	height: 280px;
	margin: 0 auto;
	background-color: #eaeaea;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 14px;
	padding-bottom: 20px;
}

.cont_lista_sedes_qr {
   border: 1px solid #c3c3c3;
   width: 948px;
   height: 238px;
   /* overflow-y: scroll; */
   margin-left: 10px;
   margin-top: 10px;
   background-color: #f6f6f6;
}