/* CSS Document */
/* [***VER_ESTO***] estilo de scroll bars ? 
[***VER_ESTO***] Quitar estilos que no se usen.  */
body {
	color:#666;
	background: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-size:.8em; /* el resto de fuentes porcentuales respecto a esta medida */
	font-size:1.0em; /* el resto de fuentes porcentuales respecto a esta medida */	
	overflow: hidden;
	margin:0px;
}

/* jQueryUI fix */
.ui-widget {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Corner radius */
.corner-all, .corner-top, .corner-left, .corner-topleft { 
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.corner-all, .corner-top, .corner-right, .corner-topright { 
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.corner-all, .corner-bottom, .corner-left, .corner-bottomleft { 
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.corner-all, .corner-bottom, .corner-right, .corner-bottomright { 
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

/* Misc:   */
.oculto { display:none; }
.width10 { width:10%; }
.width15 { width:15%; }
.width20 { width:20%; }
.width30 { width:30%; }
.width40 { width:40%; }
.width50 { width:50%; }
.width60 { width:60%; }
.width70 { width:70%; }
.width80 { width:80%; }
.width90 { width:90%; }
.width95 { width:95%; }
.width99 { width:99%; }
.width100 { width:100%; }
.width180px	{ width:180px; }
.nowrap { white-space:nowrap; }
.wrap { white-space:normal; }
.cursor-pointer { cursor:pointer; }
.cursor-default { cursor:default; }
.cursor-move { cursor:move; }
.bordegris { border:1px solid #444; }
.borderojo { border:1px solid #C00; }
.borderojoG { border:3px solid #C00; }
.bordeazul { border:1px solid #2694e8; }
.bordenegro { border:2px solid #204F5F; }
.textorojo { color: #C00; }
.textoverde{ color: #090; }

/* Colores:   */
.colornegro { color:#000; }
.colorrojo { color:#F00; }
tr.bgcolor {background-color:#DDDDDD;}
tr.bgcolorblanco {background-color:#FFF;}
tr.bgcolorgris {background-color:#AAAAAA;/*#B9B5B5;*/}
tr.bgcolorrojo {background-color:#FA5050;}
tr.bgcoloramarillo {background-color:#FDC905;}
tr.bgcolorrosa {background-color:#FF66CC;}
tr.bgcolorverde {background-color:#00CC00;}

tr.bgcolorrojoclaro {background-color:#FF9696;}
tr.bgcolorverdeclaro {background-color:#A2FCAE;}
tr.bgcolorazulclaro {background-color:#BBF4FA;}
tr.bgcolorgrisclaro {background-color:#D5D3D3;}
tr.bgcoloramarilloclaro {background-color:#FCEE93;}

/* alineacion horizontal */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align:middle; }
.valign-bottom { vertical-align: bottom; }

div.divLoading {
	position:absolute;
	left:0px; top:0px;
	height:100%;width:100%;
	background-color:#999999;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE 8 and earlier */
	text-align:center;
}

img.imgLoading {
	position: absolute;
	top:50%; left:50%;
	margin-top:-25px;
	margin-left:-25px;
}

h2 {
	font-size:130%;
	margin:5px 0px;
}

div.pad5 {
	border: thin #444 solid;
	padding:5px;
}

table {
	color:#666666;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size:.8em; !important*/
	font-size:1.0em; !important
}
tr.separador{
	height:10px;
}

label.lblLink {
	text-decoration:underline;
	cursor:pointer;
	color:#0000FF;
}

label.lblLinkGrande { 
	font-size:14px; 
	cursor: pointer;
}


label.lblError {
	color:#CC0000;
}

.txtField {
	/*background: #FBFCFA;*/
	background: #e4f1fb;
	font: normal 100% verdana, arial;
	color: #666;
	padding: 1px;
}

.txtFecha {
	/*background: #FBFCFA;*/
	background: #e4f1fb;
	font: normal 100% verdana, arial;
	color: #666;
	padding: 1px;
	width:70px;
	text-align:right;
}

.formulario {
	color:#2e6e9e;
	background-color:#c5dbec;
}

/* tabla datos */
.tblDatos {
	table-layout:fixed;
	border-spacing: 0;
	text-decoration: none !important; 
	padding: 0;
	margin: 0;
}
.tblDatos td {
	border-top: 1px solid #2694e8;
	padding: 2px 3px;
	overflow:hidden;
}
/* ia -- copiado de configurarpc */
.tblDatos thead {
	border: 1px solid #4297d7; 
	/*background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; /*[***VER_ESTO***] no se continua en el TR, es como nueva imagen en cada TD (?). FF ok, IE, Chrome y Safari mal.  */
	background: #5c9ccc url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; /*[***VER_ESTO***] no se continua en el TR, es como nueva imagen en cada TD (?). FF ok, IE, Chrome y Safari mal.  */
	color: #ffffff; 
	font-weight: bold;
    line-height: 2.4em;
    text-align: center;
}
.tblDatos thead td {
	background-image:none;
}
.tblDatos tbody {
	line-height: 1.6em;
}
/* fin ia */


td.noborde_sup {
	border-top:none;
}
td.noborde_inf {
	border-bottom:none;
}
tr.tr_par {
	background-color:#FFFFFF;
}
tr.tr_impar {
	background-color:#F2F5F7; /*como el body*/
}
tr.tr_seleccionado {
	background-color:#aed0ea; /*#3baae3;*/
}

.titulopagina { 
	font-size:26px /*1.2em;*/; 
	font-weight: bold; 
	text-align:center; 
	
	position:absolute;
	left:120px; right:120px; top:28px;
	margin:8px 8px;
}
.titulo { 
	font-size:12px; 
	font-weight: bold; 
	text-align:center; 
}
.titulogrande { 
	font-size:14px; 
	font-weight: bold; 
	text-align:center; 
}

/* posicionamiento de partes en la pagina */
div#divCabecera{
	/*border:thin red solid;[***VER_ESTO***]*/
	border: thin #444 solid;
	position: absolute;
	top:5px;
	left:0px; right:0px;
	/*left:15px; right:15px;*/
	height:100px;
	min-width:800px;
	min-height:100px;
	vertical-align:middle;
}
div#divPrincipal{
	/*border:thin blue solid;[***VER_ESTO***]*/
	border: thin #444 solid;
	position: absolute;
	/*top:108px; bottom:40px;*/
	top:108px; bottom:0px;
	left:0px; right:0px;
	min-width:800px;
	min-height:420px;
	text-align:center;
}
div#divLogo {
	position:absolute;
	top:0px;
	right:0px;
	font-size:14px;
}
div#divAtras {
	position:absolute;
	top:0px;
	left:0px;
}
div#divTituloPagina {
	font-size:16px; 
	text-align:center; 
	width: 400px;
	height: 60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	background-color: #CCC;
	border:thin gray solid;
}

img.imgCabecera {
	height:95px;
}
img.imgIconoGrande {
	height:120px;
	width:120px;
}
img.imgIconoMediano {
	height:90px;
	width:90px;
}
img.imgIconoPequeno {
	height:60px;
	width:60px;
}
img.imgIconoMuyPequeno {
	height:30px;
	width:30px;
}