/* COLORES 
    AZUL ABEZETA    0072ba
    AZUL TITULO     00b1dd
    AZUL GRUPOS     84d0f0
    AZUL Links     130291
/* -------------------------------------------------------------------------------------------------------- */
/* Contenedores */
        @font-face {
            font-family: 'Trebuchet MS';
            src:'./fonts/trebuc.ttf');
            font-weight: normal;
            font-style: normal;
        }

body 
{
    margin:0px auto 0px auto; padding:0px 0px 0px 0px;
	font-family:Trebuchet MS; font-size:13px;
	color:#696969; text-align: center;
}
.containerl
{
	font-family:Trebuchet MS; color:#696969; font-weight:normal; text-align:left; width:1024px; padding:0px 0px 0px 0px;
}
.containerl2
{
	font-family:Trebuchet MS; color:#696969; font-weight:normal; text-align:left; width:100%; padding:0px 0px 0px 0px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* Textos generales */
/* Text */
.tfield
{ 
	font-family:Trebuchet MS; color:#2f4f4f; font-size:13px; font-weight:normal; border:1px solid #a9a9a9; 
}
.tfieldd
{ 
	font-family:Trebuchet MS; color:#2f4f4f; font-size:13px; font-weight:normal; border:1px solid #a9a9a9; background-color:#EAEAE3;
}

/* Campos numéricos */
.tfieldnd
{ 
	font-family:Trebuchet MS; color:#2f4f4f; font-size:13px; font-weight:normal; border:1px solid #a9a9a9; background-color:#EAEAE3; text-align:right;
}
.tfieldn
{ 
	font-family:Trebuchet MS; color:#2f4f4f; font-size:13px; font-weight:normal; border:1px solid #a9a9a9;  text-align:right;
}

/* Label, Check */
.lfield
{ 
	font-family:Trebuchet MS; color:#2f4f4f; font-size:13px; font-weight:normal; vertical-align:bottom;
}
/* Links */
a:visited, a:link, a:active {
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: none;
}
.link
{ 
	font-family:Trebuchet MS; color:#130291; font-size:13px; font-weight:normal; vertical-align:bottom;
}
.linkcontext {
	font-family: Trebuchet MS;
	color: white;
	font-size: 12px;
	font-weight: normal;
	vertical-align: bottom;
}

/* -------------------------------------------------------------------------------------------------------- */
/* TITULO DE LA CABECERA DE LA PAGINA */
/* Wrap */
.dheader
{
	width:100%; height:40px;
}
.dheader2
{
	width:100%; height:40px;
}

/* Panel Imagen de fondo */
.pheader
{ 
    float:left;  width:1024px; min-height:32px; height:32px; vertical-align: middle; 
	background-image:url(images/titlebackground.gif); background-repeat:no-repeat;
}
.pheader2
{ 
	float:left; width:100%; min-height:32px; height:32px; vertical-align: middle; background-image:url(/images/titlebackground.gif); background-size:100%;
}
/* Div de Botones de funciones en la cabecera */
.dbheader
{ 
    float:right; width:55px; height:25px; margin-right:8px; margin-top:3px;
}
.dbheader2
{ 
    float:right; width:100px; height:25px; margin-right:10px; margin-top:4px;
}
/* Texto del titulo*/
.theader 
{ 
    float:left; margin-left: 10px; vertical-align: middle; margin-top: 5px; max-height:24px;
	font-size:16px; font-weight:bold; color:white;
}
.theader2 
{ 
	float:left; margin-left: 10px; vertical-align: middle; margin-top: 7px; max-height:24px; font-size:16px; font-weight:bold; color:white;
}

/* -------------------------------------------------------------------------------------------------------- */
/* ZONA DE BUSQUEDA */
/* Div Principal de busqueda con 1 linea*/
.dlook1 
{ 
	width:100%; height:35px; max-height:35px; overflow:hidden;
}
/* Div Principal de busqueda con 2 lineas*/
.dlook2 
{ 
	width:100%; height:70px; max-height:70px; overflow:hidden;
}
/* div de busqueda float:left*/
.dlookl
{ 
	float:left; margin-top:5px; margin-left:1%; width:50%;
}
/* div de busqueda float:right*/
.dlookr
{ 
	float:right; margin-top:5px; margin-right:1%; width:45%;
}

/* -------------------------------------------------------------------------------------------------------- */
/* ZONA DE GESTION SUPERIOR */
/* Div Principal de gestion */
.dmanage
{ 
	float:left; margin-top:5px; width:100%; height:20px; min-height:20px; max-height:20px; vertical-align:middle;
}
/* Zona izquierda*/
.dmanagel 
{ 
	float:left; min-width:70%; width:70%; margin-left:1%;
}
/* zona derecha float:right*/
.dmanager
{ 
	float:right;  min-width:28%; width:28%; text-align:right; margin-right:1%;
}


/* -------------------------------------------------------------------------------------------------------- */
/* GRUPOS */
/* Grupos con cabecera sin fondo con borde #a9a9a9*/
.pgroup {
	border: solid 1px #84d0f0;
}
/* Grupos con cabecera con fondo sin borde #f5f5f5*/
.pgroupb 
{
	background-color:#f5f5f5; 
}
/* Cabecera del grupo con fondo  */
.pgrouph
{
	width:100%; min-height:24px; background-color:#84d0f0; 
}
/* Texto de la cabecera del grupo principal y grupos con botones */
.tgroup
{
	text-align:left;  margin-left:5px; margin-top:3px; width:100%; font-weight:bold; font-size:13px; color:White; 
}
/* Cabecera del subgrupo con fondo  */
.pgroupsh
{
	width:100%; height:20px; background-color:#84d0f0; 
}
/* Texto de la cabecera del subgrupo sin botones */
.tgroups
{
	text-align:left;  margin-left:5px; margin-top:2px; width:100%; font-weight:bold; font-size:12px; color:White;
}	

/* -------------------------------------------------------------------------------------------------------- */
/* Grids. Listas */
/* div general del GRID */
.dgrid 
{
	float:left; width:100%; margin-top:3px; vertical-align:top;
}
/* div de la cabecera */
.dgridheader
{
	float:left; width:-webkit-calc(99% - 20px); width:-moz-calc(99% - 20px); width:calc(99% - 20px); 
	height:18px; max-height:18px; background:#0072ba; text-align:left; font-size:0px; overflow:hidden;
}

/* Testo de la cabecera */
.lColumn
{ 
	color:White; font-size:12px; font-weight:normal; vertical-align:bottom; text-align:center; margin-top:2px;
}
/* Texto de Cabecera del listado*/
.textheader {
	color: White;
	background: #0072ba;
	font-size: 11px;
	font-weight: normal;
	vertical-align: center;
	text-align: center;
}

/* Filas normales */
.gridrown 
{
	background-color:White; font-weight:normal; font-size: 13px; color:#696969;
}
/* Filas alternativas */
.gridrowa 
{
	background-color:#f5f5f5; font-weight:normal; font-size: 13px; color:#696969;
}
/* Filas seleccionadas */
.gridrows 
{
	background-color:#add8e6; font-weight:normal; font-size: 13px; color:#696969;
}
/* Links */
.gridl
{
	font-size: 13px; color:#696969;
}

/* Para grids con texto mas pequeño */
/* Filas normales */
.gridrownA 
{
	background-color:White; font-weight:normal; font-size: 12px; color:#696969;
}
.gridrownA2 
{
	background-color:White; font-weight:normal; font-size: 12px; color:#696969; padding:0px 2px 0px 0px;
}

/* Filas alternativas */
.gridrowaA 
{
	background-color:#d3d3d3; font-weight:normal; font-size: 12px; color:#696969;
}
.gridrowaA2 
{
	background-color:#d3d3d3; font-weight:normal; font-size: 12px; color:#696969; padding:0px 2px 0px 0px;
}

/* Filas seleccionadas */
.gridrowsA 
{
	font-weight:normal; background-color:#add8e6; font-size: 12px; color:#696969;
}
.gridrowsA2 
{
	font-weight:normal; background-color:#add8e6; font-size: 12px; color:#696969; padding:0px 2px 0px 0px;
}
/* Links */
.gridlA
{
	font-size: 12px; color:#696969;
}
/* Filas alternativas */
.leyend
{
	float:left; width:98%; margin-left:1%; margin-right:1%;
}
/* -------------------------------------------------------------------------------------------------------- */
/* Buttoms 	  */
/* Image */
.bimage {
	height: 22px;
	width: 22px;
	border: 1px solid #c0c0c0;
	background-color: white;
}

.buttoml /* Boton de imagen a la izquierda */
{
	float:left; width:24px; height:24px; min-width:30px; 
    background-repeat: no-repeat; background-image: url(images/butnormal24.gif);
}
.buttomr /* Boton de imagen a la derecha */
{
	float:right; width:24px; height:24px;
    background-repeat: no-repeat; background-image: url(images/butnormal24.gif);
}
.buttomv /* Boton de imagen vertical */
{
	float:left; width:24px; height:24px; min-width:30px; min-height:30px; text-align:center; vertical-align:top; 
    background-repeat: no-repeat; background-image: url(images/butnormal24.gif);
}
.bimagev
{
	margin-top:2px; margin-left:-7px; height:20px; width:20px;
}


/* Hover en los menus */
.popupHover {
	height: 22px;
	width: 22px;
	border: 1px solid red;
	background-color: white;
}

/*Modal Popup*/
.modalBackground 
{
	background-color:Gray;	filter:alpha(opacity=70);	opacity:0.7;
}

.modalPopup 
{
	background-color:beige;	border: ridge 3px gray;
	padding:3px; width:500px; height:200px;
	text-align:center;
}
.modalError 
{
	 font-size:18px; color:Red;	text-align:center;
	 height:160px; min-height:160px;
}