::selection {  /* Para Safari, Chrome, Konqueror, Opera etc.*/     background: #FF6600;     color: #FFFFFF;  }

::-moz-selection { /* Para Firefox, Flock, etc. */     background: #FF6600;      color: #fff;  }





#hidepage{ 

	position: absolute;

	left:0px;

	top:0px;

	height: 100%;

	width: 100%;

	background-color:#FFFFFF;

	font-size:16px;

	font-weight:bold;

	z-index:1000;

}



.cargando{

	width: 100%;

	height: 100%; 

	border-width: 0;

}





body {
    font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 
    font-size:75%;
    color:#6F6C64;
    background: #FEF4DD; 
    /*
    background-color:#FFFFFF;
    background-position: left top;
    background-image:url('imagenes/fondoweb.gif');
    background-repeat:repeat-x;
    */
}



.contenedor{

    margin:15px;





/*    margin:0; */

/*    border:1px solid #94B8D0; */

    border:1px solid #F09811;

    padding:5px;

    background-color:#FFFFFF; height:100%

}





hr {

border-bottom: 1px solid #597BAE;

}



ul.asides li {

    font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;

}





input {



    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 

    font-size: x-small;

    font-style: normal;

    margin: 0px;

    padding: 0px;

    color:#000000;

    }





td {

/*    font: 11px Helvetica;

    font-weight:bold; */

    color:#515151;

   }





td.destacado {

     background:#FFCB8B;

     color:#FFFFFF;

     }







td.destacado a {

	color:#A65B08;

	text-decoration:none;

}



td.destacado a:hover {

	color:#D37711;

}



th {
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0;
	font-weight:bold;
        background: #FFC38C;
        text-align: center!important;
        color: #000000;
/*
	background:#FDE09C;
        color:#D9770B;
        border-top:1px solid #FFEECD;
	border-left:1px solid #FFEECD;
	border-bottom:1px solid #F09811;
	border-right:1px solid #F09811;
*/
}

h2 {
    margin:0 4px;
/*  color:#D74E0A; */
    color:#FF822C;
    font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-size:12px;
    font-weight:bold;
    padding:2px;	
}

	



h4 {

	color:#7E7F89;

	font-size: 12pt;

	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	border-bottom:1px solid #81828D;

	padding-left:30px;

	padding-bottom:5px;

	padding-right:5px;

	padding-top:5px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px

}





em ul{

	background:#F9F9F9 url('imagenes/fondoayuda.gif') no-repeat left 50%;

	color:#828180;

	font-weight:normal;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 

	font-size:1em;

	font-style:normal;

	border-top:1px solid #EFEFEE;

	border-left:1px solid #EFEFEE;

	border-right:1px solid #D1D0CE;

	border-bottom:1px solid #D1D0CE;

	width:75%;

	padding-left:65px;

	padding-right:10px;

	padding-top:6px;

	padding-bottom:6px;

}



em li {
	list-style-type:upper-alpha;
}

tr.par {
	/*
        background-position: left top;
	background-image:url('imagenes/fondopar.gif');
	background-repeat:repeat-x;
        */
        /*
        background-color:#c0ced8;
        */
	background-color:#ffffff;
	min-height:26px;
}

td.par {
/*	background-color:#c0ced8; */
	background-color:#ffffff;
	border:#d8caca solid 1px;
}

/*.par  a {
	color:#646565;
	text-decoration:none;
}



.par  a:visited {

	color:#646565;


	text-decoration:none;

}



.par  a:hover {

	color:#868686;


	text-decoration:none;

}*/



tr.impar {
    background-image:url('imagenes/fondoimpar.gif');
    background-position: left top;
    background-repeat:repeat-x;
    background-color:#D7DFE5;
    min-height:26px;
}



.impar td {

	color:#515151;

}



td.impar {

/* 	background-color:#F3F5F7; */

	background-color:#D7DFE5;

	border:#d8caca solid 1px;

}



/*.impar  a {

	color:#646565;


	text-decoration:none;

}



.impar  a:visited {

	color:#646565;


	text-decoration:none;

}



.impar  a:hover {

	color:#868686;


	text-decoration:none;

}*/



tr.pendiente {

	background-position: left top; 

	background-image:url('imagenes/fondopendiente.gif');

	color:#ffffff;

	height:26px;

	color:#BC0101;

	background-repeat:repeat-x;

}



td.pendiente {

	background-color:#ffcece;

	border:#d8caca solid 1px;

	color:#bc0101;

}



.pendiente nobr {

	color:#bc0101;

}



.pendiente  a {

	color:#bc0101;

	font-weight:bold;

	text-decoration:none;

}



.pendiente  a:visited {

	color:#bc0101;

	font-weight:bold;

	text-decoration:none;

}



.pendiente  a:hover {

	color:#f21e1e;

	font-weight:bold;

	text-decoration:none;

}



.pendiente  {

	color:#bc0101;

	font-weight:bold;

}



tr.encurso {

	background-position: left top;

	background-image:url('imagenes/fondoencurso.gif');

	color:#1267B9;

	font-weight:bold;

	height:26px;

	background-repeat:repeat-x;

}



td.encurso {

	background-color:#ddeffb;

	border:#d8caca solid 1px;

	color:#1267b9;

}



.encurso nobr {

	color:#1267b9;

}



.encurso  a {

	color:#1267b9;

	font-weight:bold;

	text-decoration:none;

}



.encurso  a:visited {

	color:#1267b9;

	font-weight:bold;

	text-decoration:none;

}



.encurso  a:hover {

	color:#5d94f0;

	font-weight:bold;

	text-decoration:none;

}



.encurso td {

	color:#1267b9;

	font-weight:bold;

}



tr.borrado {

	background-position: left top;

	background-image:url('imagenes/fondoborrado.gif');

	color:#FFFFFF;

	height:26px;

	background-repeat:repeat-x;

}





td.borrado {

	background-color:#e1f4d5;

	border:#d8caca solid 1px;

}



.borrado nobr {

	color:#1267b9;

}



.borrado  a {

	color:#62814f;

	font-weight:bold;

	text-decoration:none;

}



.borrado  a:visited {

	color:#62814f;

	font-weight:bold;

	text-decoration:none;

}



.borrado  a:hover {

	color:#80af64;

	font-weight:bold;

	text-decoration:none;

}



.borrado td {

	color:#62814f;

	font-weight:bold;

}



.boton {

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 

	font-size: 8pt;

	font-weight:bold;

	font-style: normal;

	background-color: #ffffff;

	margin: 0px;

	padding: 0px;

	color:#4C82B9;

}



td a {   

/*	font-weight:bold;  */

}



a {
	color:#0B446B;
/*	font-weight:bold; */
        text-decoration:  underline;
}

.email a {text-decoration:  underline;}

a:hover {

	color:#85A1B5;

/*	font-weight:bold; */

}



a:visited {

	color:#0B446B;

/*	font-weight:bold; */

}





/* --- CAPAS UNIVERSALES ---- */







#super {



}





div.post span.float, div#menus span.float {

	display: block;

	float: right;

	margin: 0px 0px 25px 15px;

}



#buscador {

	background-image:url('imagenes/buscador.jpg');

	width:25%;

	float:right;

	background-repeat:no-repeat

}



#buscador input {

	background:#f2f2f2;

}



#buscador submit {

	background:#fff;

}



/* ---- CABECERA ---- */





#header {

	margin-bottom:15px;

}



#header h1 {

	margin:-15px 0 -5px 0;

	padding:0 0 0 40px;

	color:#FF822C;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 

	font-size:15px;

}



#header a {

	color:#FF822C;

	text-decoration:none;

}



#header h1 img {

	width: 63px;

	height: 63px;

}



.header {

	border:1px solid #D6DFE5;

	padding:10px;

	margin-top:20px;

	margin-bottom:15px;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 

	font-size:10px;

	color:#6F6C64;

	text-align:left;

	background-color:#FAFBFC;

	background-position: left bottom;

	background-image:url('imagenes/fondoheader.gif');

	background-repeat:repeat-x;

}



.header h1 {

	margin:-15px 0 -5px 0;

	padding:0 0 0 40px;

	color:#FF822C;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 

	font-size:15px;

}



.header a {

	color:#FF822C;

	text-decoration:none;

}



.header h1 img {

	width: 63px;

	height: 63px;

}







/* ---- USUARIO ---- */



#usuario {
	float:right;
	margin:0;
	padding:0 10px;
	/*
        background:#F6C170;
	border-top:1px solid #FFEECD;
	border-left:1px solid #FFEECD;
	border-bottom:1px solid #F09811;
	border-right:1px solid #F09811;
        */

	color:#ffffff;
        /*
        border:1px solid #F09811;
        background:#FF9966;
        */
        border:1px solid #FF822C;
        background: #FFAB60;
}



#usuario nobr {

	color:#869CBC;

	width:50px;

}



#usuario a {

	text-decoration: none;

	font: 10px Helvetica;

	font-weight:bold;

	color: #ffffff;

	letter-spacing:1px;

}



#usuario a:hover {

	color: #FDF2E1;

}









.usuario {

	float:right; 

	padding:2px;

	background:#F6C170;

	border-top:1px solid #FFEECD;

	border-left:1px solid #FFEECD;

	border-bottom:1px solid #F09811;

	border-right:1px solid #F09811;

	color:#FFFFFF;

	margin-left:0;

	margin-right:-11px;

	margin-top:-11px;

	margin-bottom:0;

}



.usuario nobr {

	color:#869CBC;

	width:50px;

}



.usuario a {

	text-decoration: none;

	font: 10px Helvetica;

	font-weight:bold;

	color: #ffffff;

	letter-spacing:1px;

}



.usuario a:hover {

	color: #FDF2E1;

}







/*  ---- CONTENIDO ---- */





/* CAJA */



.CAJA  h2     {

	color:#FF822C;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	font-size:12px;

	text-align:left;

	font-weight:bold;

	

}



.CUERPO  {
    margin:4px; padding:4px;
    color:#6F6C64;
    font-weight:normal;
    font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 
    font-size:1em;
    text-align:left;
    /*
    border-top:1px solid #F1D38F;
    border-left:1px solid #F1D38F;
    border-right:1px solid #E09B00;
    border-bottom:1px solid #E09B00;
    */
    border: 1px solid #FFCDAB;

    background-image:url('imagenes/fondocuerpo.gif');
    background-repeat:repeat;
    background-position: left top;
    }

    

/*

.CUERPO  {

    position:relative;

    margin-top:2px;

    margin-left:4px;

    margin-right:4px;

    padding:4px 0px 4px 4px;

    background-color:#ffffff;

    color:#6F6C64;

    font-weight:normal;

    font-family:Verdana, Arial, Helvetica, sans-serif; 

    font-size:1em;

    text-align:left;

    border-top:1px solid #F1D38F;

    border-left:1px solid #F1D38F;

    border-right:1px solid #E09B00;

    border-bottom:1px solid #E09B00;

    }

*/





.CUERPO input{

	background-color:#F3F5F7;

	border:1px solid #547C97;

	color:#90897C;

	font-size:10px;

	margin:2px 2px 2px 2px;

}





.CUERPO b  {

/*	font: 11px Helvetica; */

	font-weight:bold;

/*	color:#3C6989; */

	position:inherit;

	padding:2px 0px 2px 2px;

}



.CUERPO td  {

/*	font: 11px Helvetica; */

/*	font-weight:bold; */

	color:#0B446B;

}



.cuerpobloque {

	font: 10px Helvetica;

	font-weight:bold; 

	color:#6F6C64;

}



.cuerpobloque nobr {

	font: 10px Helvetica;

	font-weight:bold;

}



fieldset {

	border:1px solid #426587;

	width:99%;

}





fieldset legend {

	background:#ffffff;

	border:0px;

	color: #426587;

	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	font-size: 14px;

	text-align: left;

	font-weight:bold;

}



fieldset table {

	width: 100%;

}

fieldset input {
border: 1px solid #A6A6A6;
background: #FFFFFF;
font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
font-size: 1em;
color: #555555;
}

fieldset textarea {
	border: 1px solid #A6A6A6;
	background: #FFFFFF;
	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
	font-size: 1em;
	color: #555555;
}

.content {
	background:#ffffff; 
	border:1px solid #D6DFE5;
	padding:10px;
	margin-top:20px;
	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 
	font-size:10px;
	color:#6F6C64;
	text-align:left;
        /*
	background-image:url('imagenes/logo-webnet.gif');
	background-repeat:no-repeat;
	background-position:   right bottom;
        */
}



.content input {

	background-color:#EFEFEE;

	border:1px solid #C5C4C2;

	color:#90897C;

	font-size:10px;

	margin:2px;

}



.content input disabled {

	background-image:url('imagenes/fonfo_input.gif');

	background-repeat:no-repeat;

	width:195px;

	height:82px;

}



.content textarea {

	background-color:#EFEFEE;

	border:1px solid #C5C4C2;

	color:#90897C;

	font-size:10px;

	margin:2px;

}



.content input.botcabecera {

	background-color:#FDE09C;

	width:90%;

	border:0px solid #C5C4C2;

	color:#D9770B;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	font-size:12px;

	font-weight:bold;

	margin:2px;

	cursor:pointer;

}



.content input.ascendente {

	background-color:#FDE09C;

	background-image:url('imagenes/asc.gif');

	background-repeat: no-repeat;

	background-position:  right 50%;

	width:90%;

	border:0px solid #C5C4C2;

	color:#D9770B;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	font-size:12px;

	font-weight:bold;

	margin:2px;

	cursor:pointer

}



.content input.descendente {

	background-color:#FDE09C;

	background-image:url('imagenes/desc.gif');

	background-repeat: no-repeat;

	background-position:  right 50%;

	width:90%;

	border:0px solid #C5C4C2;

	color:#D9770B;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	font-size:12px;

	font-weight:bold;

	margin:2px;

	cursor:pointer

}



.menus {

	border:1px solid #94B8D0;
        /*
        background-position: right top;
        background-color:#F2F5F7;
	background-image:url('imagenes/fondomenu.gif');
        background-repeat:repeat-y;
        */
	width:160px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;

        background: #ffffff;
        background: -moz-linear-gradient(left, #ffffff 0%, #ddeafc 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(100%, #ddeafc));
        background: -webkit-linear-gradient(left, #ffffff 0%, #ddeafc 100%);
        background: -o-linear-gradient(left, #ffffff 0%, #ddeafc 100%);
        background: -ms-linear-gradient(left, #ffffff 0%, #ddeafc 100%);
        background: linear-gradient(to right, #ffffff 0%, #ddeafc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddeafc', GradientType=1 );
}


.menus td a:inactive{

	background:#ADC0CD;

	color: #2D3D46;

}



.menus ul{

	list-style-type: none;

	list-style-image: url('imagenes/carpetapeque.gif');

	margin: 0;

	padding-left:20px;

	padding-right:0;

	padding-top:0;

	padding-bottom:0;

}

.menus li.boton-activo {
/*    margin-bottom:5px; */
}

.menus li.boton-activo a{
    /*color:#F09811;*/
    color:#FF822C
}

.menus li.boton-pasivo {
/*    margin-bottom:5px; */
}

.menus li.boton-pasivo a{
    color:#4369a6;
}

/* ---- enlaces ---- */



.menus a {

	font: 10px verdana;

	font-weight:bold;

}



/*.login {

	color: #FFFFFF;


	background-position: right bottom;

	padding:3px;

	background-image:url('imagenes/fondologin.gif');

	height:100px;

	background-repeat:no-repeat;

}



.login a {

	font-size: 10px;

	color: #FFFFFF;

}



.login input{

	border: 1px solid #94B8D0;

}*/





.piepagina {

	border:1px solid #FFD79A; 

	background:#FFF8EA;

	margin-top:6px;

	padding-top:2px;

	color:#FF822C;

	font-variant:normal;

	font-size:10px;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	text-align:center

}



.admin {

	float:right;

}







#calendario {

	background-image:url('imagenes/fondo_calendario.gif');

	background-repeat:no-repeat;

	background-position: right bottom;

	background-color:#ffffff;

}



.vistaeventos H1 {

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;

	font-size:14px;

	text-align:center;

	color:#044B6F;

}



.vistaeventos th {

	background:#FFCB64;

	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 

	font-size:10px;

	text-align:center;

	color:#925519;

	border-bottom:1px solid #C38814;

	border-right:1px solid #C38814;

	padding-bottom:2px;

	padding-top:2px;

}



.vistaeventos b {

padding:4px;

}



.vistaeventos td {



background:#F7F7F7;



border-top:0px solid #E3E3E3;



border-left:1px solid #E3E3E3;



border-bottom:1px solid #E3E3E3;



border-right:1px solid #E3E3E3;



padding:2px 2px 2px 2px;



}



.vistaeventos LI {



list-style-image:url('imagenes/listacalendario.gif');







}







.diacoloreado {



background:#FFCB64;



padding:1px 1px 1px 1px;



border:1px solid #C38814;



color:#925519;



}







.diacoloreado a {



color:#925519;



}







.diacoloreado a:hover {



color:#C38814;



}



.fecha-noticia {color:#92939E;



font-size: 8pt;



margin-bottom:2px;



}







.fecha-noticia b {



font-weight:normal;



color:#48494F;







}







#indice-noticias  {



font-size: 8pt;



border:1px solid #81828D;



padding:1px 1px 1px 1px;



margin-bottom:5px;



}















#indice-noticias .indice-noticia a.titulo {



color:#5B7AA4;



font-size: 12pt;



font-weight:bold;



font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;



text-decoration:underline;



}







#indice-noticias a:hover {



color:#D68517;



text-decoration:none;



}







#indice-noticias table td {



color:#666666;







text-align:left;



}







#indice-noticias  u a {



color:#666666;



}



#indice-noticias img {



border:2px solid #F39616;



float:left;



}







#indice-noticias a img {



border:none;



}







#indice-noticias p { font-weight:normal;



font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 



color:#666666;



line-height: 15px;



margin-top:0px;



}







.indice-noticia {  border-bottom:1px dotted #E4E4E4;



height:25%;



margin-bottom:4px;



margin-top:4px;



padding-bottom:3px;



}











#categorias-noticias  {



background-image:url('imagenes/fondocategoria.gif');



margin:10px 50px;



border:1px solid #DFDBDB



}







#categorias-noticias b {



font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;



font-weight:bold;



font-size:14px;



color:#5B7AA4;



}







#categorias-noticias select	{



background:#F1F1F1;



border:1px solid #A5ACB2;



font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;



color:#555555;



font-weight: normal;



font-size: 8pt;







}







#categorias-noticias td{ 



font-size: 8pt;



font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 



color:#ADADAD;



font-weight:lighter;



text-decoration:none}







#categorias-indice h3{ 	font-family:var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;



font-weight:bold;



font-size:15px;



background-image:url('imagenes/lista_orig.gif');



background-repeat:no-repeat;



color:#202834; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px



}











#categorias-indice p{ 



font-size: 8pt;



font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif; 



color:#A4A4A4;



font-weight:bold;



text-decoration:none;



margin-top:1em;



margin-left:1em;



margin-right:1em;



margin-bottom:0em;



}







#intro-noticia  { color: #6F6C64;



font-size: 8pt;



margin-top:1em;margin-bottom:1em;



margin-left:1em;margin-right:1em;



text-align:justify;font-weight:bold



}

textarea {

height: 150px

}





/* IMPRESION */







@media print {



#sidebar, #footer div { display: none; }



#main {width: 180mm;}



}



.listado-noticias-todas ul .impar{

	list-style:none;

	text-align:right;

}

.listado-noticias-todas ul .par{

	list-style:none;

	text-align:left;

}



img {

	border:0px none;

}



.info{
	text-align: center;
	font-size: 20px;
	background-color: #FFCCCC;
}


/*---------------------tabladatos--------------------*/


    .tabladatos {
       clear: none;
       width:100%;
       border-bottom:1px #E5E5E5 solid;
       margin:0 auto;
    /*   background:#ffffff url('data:image/gif;base64, R0lGODlhmAMBAJEAAOXl5fX19f///wAAACH5BAAAAAAALAAAAACYAwEAAAIwRI6py+0Po5y02osXELz7D4biSJbmiabqyrbuC49GRtf2jec6s8X+DwwKh8TiClAAADs=') repeat-y left top; */
       display: block;
/*       border-left:1px #E5E5E5 solid;
       border-right:1px #E5E5E5 solid; */
    }

    .celdadatos{
       float:left;
       width:50%;
       min-height: 30px;
       margin: 0;
       padding: 0;
/*       background-color: #f5f5f5; */
       border-top:1px #E5E5E5 solid;
    }

    .celdadatos_grande{
       background:#ffffff;
       width:100%;
       clear: both;
       min-height: 45px;
/*       background:#ffffff url('data:image/;base64,R0lGODlhAQABAIAAAOXl5QAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-y right top; */
    }

    .celdatitulo{
       float: left;
       text-align:right;
       width:48%;
       min-height: 30px;
       margin: 0;
       padding: 10px 1%;
       font-weight:bold;
/*       background-color: #f5f5f5; */
    /*   border-right:1px #E5E5E5 solid; */
/*    background:#f5f5f5 url('data:image/;base64,R0lGODlhAQABAIAAAOXl5QAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-y right top; */
    }

    .celdadatos_grande .celdatitulo{
    width:23%;
    }

    .celdacontenido{
       float: left;
       margin: 0;
       padding: 10px 1%;
       overflow-x: auto; 
       width:48%;
/*       background:#ffffff; */
       min-height: 30px;
/*    background:#ffffff url('data:image/;base64,R0lGODlhAQABAIAAAOXl5QAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-y right top; */
    }

    .celdacontenido_grande{
       float: left;
       padding:5px;
       overflow-x: auto; 
       width:99.1%;
/*       background:#ffffff; */
       min-height: 30px;
       height: auto !important;
       height: 30px;
/*       background:#ffffff url('data:image/;base64,R0lGODlhAQABAIAAAOXl5QAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-y right top; */
       border-top: 1px #E5E5E5 solid;
       border-bottom: 1px #E5E5E5 solid;
       text-align: left;
    }

    .celdacontenido_grande textarea{
       width: 99%;
       margin: 0 auto;
       padding: 0;
    }

    .celdadatosseparador{
       clear:both;
    }

    .celdacontenido input[type=text]{
        border:1px #B9B9B9 solid;
        padding:5px;
        width: 90%;
        margin: 0 auto;
    }

    .celdacontenido input[type=text].inputFecha {
        border:1px #B9B9B9 solid;
        padding:5px;
        margin: 0 10px 0 0;
        width:80px;
    }

    .celdacontenido input[type=text].inputFechaHora {
        border:1px #B9B9B9 solid;
        padding:5px;
        margin: 0 10px 0 0;
        width:100px;
    }

    .celdacontenido input[type=radio] {
    }

    .celdacontenido input[type="checkbox"] {
    }

    .celdacontenido select {
        padding:5px;
/*        width: 95%; */
/*        display:  inline-block;
        max-width: 250px;  */

        margin: 0 auto;
        
        width: 95%;
    }


    .celdacontenido input, 
    .celdacontenido select {
        margin: 0 auto;
    }

    /* INPUT FILE */

    .custom-input-file {
        overflow: hidden;
        position: relative;
        cursor: pointer;
        text-align:center;
        padding:4px;
        width: 90%;
        margin: 0 auto;
        border: 2px outset #CCCCCC;
        background:#AAAAAA;
        color:#000000;

    }

    .custom-input-file-value {
         overflow: hidden;
         position: relative;
         cursor: pointer;
         text-align:center;
         padding:4px;
         width: 90%;
         margin: 0 auto;
         border: 2px outset #CCCCCC;
         background:#CCFF99;
         color:#000000;
    }

    .custom-input-file:hover {
         border: 2px outset #000000;
         background:#000000;
         color:#ffffff;

    }

    .custom-input-file .input-file {
         margin: 0;
         padding: 0;
         outline: 0;
         font-size: 10000px;
         border: 10000px solid transparent; 
         opacity: 0;
         filter: alpha(opacity=0);
         position: absolute;
         right: -1000px;
         top: -1000px;
         cursor: pointer;
    }

    .custom-input-file-value .input-file {
         margin: 0;
         padding: 0;
         outline: 0;
         font-size: 10000px;
         border: 10000px solid transparent; 
         opacity: 0;
         filter: alpha(opacity=0);
         position: absolute;
         right: -1000px;
         top: -1000px;
         cursor: pointer;
    }

    /* contenedores de checkbox */

    .contenedor_lista_checkbox_grande div{
        width: 30%;
        float: left;
        border: 1px #cccccc solid;
        margin: 5px;
        padding: 5px;
    }

    .contenedor_lista_checkbox div{
        width: 50%;
        float: left;
    }


    select[multiple] {
        height: 150px;
    }

/*---------------------fin tabladatos--------------------*/

    
    
/*-----------------registro de usuarios-----------------*/

    .contenedor_registro_usuario.impar, 
    .contenedor_registro_usuario.par,
    .contenedorRegistroEmpleado.impar,
    .contenedorRegistroEmpleado.par {
        border: 1px #E2E2E2 solid;
        margin: 10px 0;
        padding: 10px;
    }

    .contenedor_registro_usuario.impar:hover, 
    .contenedor_registro_usuario.par:hover,
    .contenedorRegistroEmpleado.impar:hover,
    .contenedorRegistroEmpleado.par:hover {
        background-color: rgba(100,100,100, .1);
        border: 1px #E2E2E2 solid;
        margin: 10px 0;
        padding: 10px;
        box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.14),
  		0 3px 1px -2px rgba(100, 100, 100, 0.2),
  		0 1px 5px 0 rgba(100, 100, 100, 0.12);
    }
    
    .listadoColDatPer0 .avatar img,
    .listadoColDatPer0 .avatar a img  {
        height: 70px;
        width: 70px;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 50%;
        background-size: 100% auto;
    }

    .listadoColDatPer0 .empalta img {border: 2px #009900 solid;}
    .listadoColDatPer0 .empbaja img {border: 2px #D4470F solid;}

    #tablaresponsive { width: 100%; }
    .td_confechaalta, .td_confechabaja, .td_acciones, .celdaacciones { text-align: center; }
    .tdavatar{  text-align: center; }

    .listadoColDatPer0 { width: 10%; float: left; margin: 10px 0; text-align: center; }
    .listadoColDatPer1 { width: 45%; float: left; margin: 10px 0 0 0; }
    .listadoColDatPer2 { width: 40%; float: left; margin: 10px 0 0 0; }
    .celdaacciones {     width: 5%; float:right; margin: 10px 0; text-align: center; }

    .fin_celdaacciones {clear: both;}
    
    .celdaacciones div a { 
        -webkit-border-radius: 28;
        -moz-border-radius: 28;
        border-radius: 28px;
    }
    
    .contenedor_registro_usuario .datos_basicos{width: 10%; float: left; margin: 10px 0; text-align: center; }
    .contenedor_registro_usuario .datos_basicos div img{
        height: 70px;
        width: 70px;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 50%;
        background-size: 100% auto;
    }
    .contenedor_registro_usuario .datos_personales{width: 45%; float: left; margin: 10px 0 0 0;  }
    .contenedor_registro_usuario .otros_datos{width: 40%; float: left; margin: 10px 0 0 0;   }
    .contenedor_registro_usuario .acciones {width: 5%; float:right; margin: 10px 0; text-align: center; }
    .contenedor_registro_usuario .fin_acciones {clear: both;}

/*-----------------fin registro de usuarios-----------------*/

pre, xmp, plaintext, listing {
    display: block;
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    white-space: pre;
    margin: 0;
    padding: 0;
    line-height: normal;
}

    /*-------mdl---------*/
    .mdl-button--raised, th .boton, .botonera1 .boton, .contenedor_formulario .boton, .botoneraenlaces .botonenlace, .botonera .boton, .boton2 {
        background: #3399FF;
        color: #ffffff;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
        margin: 0 0 0 5px;
    }


    .mdl-button--raised:hover, th .boton:hover, .botonera1 .boton:hover, .contenedor_formulario .boton:hover, .botoneraenlaces .botonenlace:hover, .botonera .boton:hover, .boton2:hover {
        background: #0066CC;
        color: #ffffff;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    }

    h1, h2, h3, h4, h5 {
        line-height: 10px;
    }

    .mdl-menu__container.is-visible .mdl-menu__item {
        text-align: center;
    }

.apellidos-nombre {
	font-size: 1.3em;
        font-weight:bold;
}

table {
    display: table;
    border-collapse: separate!important;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: gray;
}

/* Estilos Webnet 2023 */

.menus2023webnet {
	width: 160px;
}

.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link.active {
	background-color: var(--openhr-primary-color)!important;
	color: white!important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.nav-pills .nav-link.active:hover {
	background-color: var(--openhr-secondary-color)!important;
}

.d-flex.flex-column.flex-shrink-0.p-3.bg-light.shadow-sm.card,
nav.navbar.navbar-expand-lg.navbar-light.bg-light.shadow-sm,
td.border.card-footer.fw-bold.rounded-3.text-center {
	background-color: #F5F8FA!important;
}

h4 {
    font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
    font-weight: 700;
    font-size: 25px;
    /* border-bottom: 1px #cccccc solid; */
    padding-bottom: 1px;
}

.card-footer {
    background-color: #F5F8FA;
    box-shadow: 0 -0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

a.nav-link {
    font-size: 16px!important;
}

@media (orientation: portrait) {
  input.btn.btn-primary.btn-sm.mx-0 {
    font-size: 0.50rem;
  }
}

.table-striped > tbody > tr:nth-of-type(odd) > .btnPaquetes {
	background-color: #fff!important;
    border: none!important;
}

.dropdown-menu > li > a {
	font-family: var(--openhr-primary-font-family), var(--openhr-secondary-font-family), var(--openhr-tertiary-font-family), sans-serif;
}