/* ESTILOS GENERALES */
html, body {position:absolute; height: 100%; width:100%; overflow:hidden;}
BODY
{	margin:0; padding:0; 
	font-family:Verdana,Helvetica,Arial,sans-serif; text-align:center; 
	overflow-y:auto;
	background: linear-gradient(to top, #cde7f5 10%, #87ceeb 100%);
}
H1, H2, H3, H4, H5, FORM, span{margin:0; padding:0;}
.pseudoH1,H1{font-size:11pt; font-weight:bold; color:#003366; margin-bottom:20px;}
H2{font-size:1.1em; color:#003366;}
H3{font-size:7pt; color:#003366;}
H4{font-size:7pt; color:#003366;}
P{font-size:1em;}
span{padding:0; margin:0;}
IMG{border:0; background:none;}

a{cursor:pointer; text-decoration:none}
*[onclick]{cursor:pointer;}

/* Capa PRINCIPAL */
.ppal 
{	min-height: 100%; height: auto !important;
	margin: 0 auto -30px; 
	max-width:1024px;	min-width:813px;
	text-align:left;
	background-color: #fafafa;
	position:relative;
}

/* Cabecera */
DIV#header{width:100%; height:50px; background:#B5DEE7; position:relative;}
DIV#header IMG#logo{float:left;}
DIV#header #language{position:absolute;text-align:right;top:1px;padding-right:4px;right:0px;height:14px;}
DIV#header #hospital{position:absolute;text-align:left;top:20px;left:172px;}
DIV#header #hospital H2{ font-size:12pt;}
DIV#header #date{position:absolute;right:1px;top:25px;font-size: 8pt;}

/* Menu */
DIV#header-menu{height: 25px;width: 100%;font-size: 7pt;background-color: #B5DEE7; vertical-align:bottom; border-bottom:2px solid #fdac32;}
DIV#header-menu UL{list-style:none; margin:0; padding: 0;}
DIV#header-menu UL LI
{	float:left;
	text-align:center; vertical-align:top;
	padding: 0 5px 0 5px; margin: 5px 2px 0 2px;
	border: 1px solid #aabebe; border-bottom: 0;
	border-radius: 5px 5px 0px 0px;
	background-color: #AABEBE;
	width:auto; height:19px; 
}
DIV#header-menu UL LI.on
{	background-color: #fdac32;
	border-color: #fdac32;
}
DIV#header-menu UL LI:hover {background-color: #FFD087; }
DIV#header-menu UL LI A{color:#003366; text-decoration:none; display:block; text-align:center; font-weight:bold; padding-top:3px;}
DIV#header-menu UL LI.on A{color:#FF0000; text-decoration:none; display:block; text-align:center; font-weight:bold; padding-top:3px;}
DIV#header-menu UL LI A:hover{color:#dc143d;}

/* Login */
DIV#cuerpo DIV#login{font-size: 10pt; margin:50px auto; width:500px;}
DIV#cuerpo DIV#login fieldset{width:94%; background:#F4FFFF}
DIV#cuerpo DIV#login fieldset input[type='text'],fieldset input[type='password']{border: 1px solid #003366;padding: 2px 2px;}
DIV#cuerpo DIV#login fieldset label{float:left;width:10em; margin-right:1em;font-weight:bold;}
DIV#cuerpo DIV#login fieldset li{list-style: none;margin: 3px;vertical-align: middle;}
DIV#cuerpo DIV#login fieldset ol li{list-style: none; float:left; margin:13px 10px;}
DIV#cuerpo .submit{border: 0px;vertical-align:top; padding-left:10px;}

DIV#cuerpo DIV#login .problem{color:#990000;}


/* Remotas*/
DIV#remotas{height: 20px;width: 90%; margin-top:20px;font-size: 7pt;}
DIV#remotas UL{list-style:none; margin:0; padding: 0 8px 0 30px;}
DIV#remotas UL LI{float:left; text-align:center; padding: 0 1px 0 1px; vertical-align:top; width:90px; height:18px; margin:2px;cursor:pointer;}
DIV#remotas select{border: 1px solid #87B7F1;height:1.5em;width:200px; font-size:1em;}
DIV#remotas img{ padding:0 4em 3em 5em; cursor:pointer;}

/* Opciones */
DIV#opciones{height: 20px;width: 1020px; margin-top:20px; font-size: 8pt;}
DIV#opciones UL{list-style:none; margin:0; padding: 0 10px;}
DIV#opciones UL LI{float:left; text-align:center; padding: 8px 1px 0 1px; vertical-align:top; width:65px; height:24px; border: 1px solid #87b7f1; margin:2px;}
DIV#opciones UL LI:hover{background-color:#e7eeef; color:#FF9900;}
DIV#opciones UL LI.on{background:#b0c4de;}

/* Modificar */
DIV#modificar{ position:absolute; height:366px; width:780px; visibility:hidden;}
DIV#modificar fieldset{width:480px; margin-left:20px; float:left;}	
DIV#modificar fieldset.num{width:150px; float:right; margin-right:30px; border:0; }
DIV#modificar legend{ font-size:.8em; color:#003366;}
DIV#modificar table{ margin: 10px 0 10px 10px;}
DIV#modificar table.numerico{ color:#999999; font-size:2em;}
DIV#modificar label{width: 14em; font-size:.8em; font-weight:bold; color:#003366;}
DIV#modificar input[readonly]{color:#999999 !important;background-color:#FFFFFF !important; border:0; margin:0;border: 1px solid #87B7F1;}
DIV#modificar input{ font-size:1em; height:24px; width:90px; padding-right:20px;}
DIV#modificar input:focus{background-color:#BFDFFA !important;}
DIV#modificar select{border: 1px solid #87B7F1;height:1.5em;width:230px; font-size:1em;}
DIV#modificar h1{font-size:.8em; color:#003366; margin-bottom:20px;margin-top:20px; margin-left:20px; font-weight:bold;}

DIV#modificar button{background:url('../img/boton-vacio.png') no-repeat; width:40px; height:40px; font-size:.8em; color:#666666; border:0; cursor:pointer; text-align:center; text-decoration:none; vertical-align:middle;}
DIV#modificar button.aceptar{background:url('../img/boton-aceptar.png') no-repeat; width:80px; height:40px; font-size:.6em; font-weight:bold; color:#666666; border:0; cursor:pointer; text-align:center; text-decoration:none; vertical-align:middle;}
DIV#modificar INPUT.punto{background:url('../img/punto.png') no-repeat; width:40px; height:40px; border:0; cursor:pointer; text-align:center; text-decoration:none;}
DIV#modificar INPUT.del{background:url('../img/del.png') no-repeat; width:40px; height:40px; border:0; cursor:pointer; text-align:center; text-decoration:none;}


/* Cuerpo */
DIV#cuerpo{padding: 20px 10px 0;font-size: .6em;}
DIV#cuerpo H1.btndet a{float:left;height:1.5em;line-height:1.5em;padding:0 10px;border:1px solid #eee;margin-right:5px;cursor:pointer;}
DIV#cuerpo H1.btndet a:hover{background:#f8f8f8;}
DIV#cuerpo .na{ border:0;}
DIV#cuerpo .divContenidoTabla{overflow:scroll;overflow-x: hidden;margin:0px; padding:0px;display:inherit; background:#F4FFFF;}
DIV#cuerpo table{table-layout: fixed; border-collapse:collapse;cursor: default;margin:0px; padding:0px;border: 1px solid #B5D0E3;}
DIV#cuerpo table.info{color:#003366; font-size:.9em;}
DIV#cuerpo table.info th{text-align:center;color:#003366;}
DIV#cuerpo table.info th.azulito{background:#F4FFFF;}
DIV#cuerpo table.info th.gris{background:#E7EEEF;}
DIV#cuerpo table.info td{border-bottom:1px solid #B5D0E3;}
DIV#cuerpo table.info td.azulito{background:#F4FFFF;}
DIV#cuerpo table.info td.gris{background:#E7EEEF;}
DIV#cuerpo table.info td.rojito{background:#E7696C;}
DIV#cuerpo table.info td.amarillito{background:#FFFF82;}
DIV#cuerpo table.info td.verdecito{background:#D8FBB5;}
DIV#cuerpo table.info tr.rojito{background:#E7696C;}
DIV#cuerpo table.info tr.selected{background:#b0c4de; color:#f8f8ff}
DIV#cuerpo table.info tr.alarma_blink{ background:#F4BBBC; background-image:url(../img/bg_alarma_blink.gif)}
DIV#cuerpo table.info tr.aviso_blink{ background:#F4BBBC; background-image:url(../img/bg_aviso_blink.gif)}

DIV#cuerpo table a{cursor:pointer; color:#003366; text-decoration:none;}
DIV#cuerpo table a:hover{color:#fdac32;}
DIV#cuerpo table td.online{color:red; font-size:1.5em;}
DIV#cuerpo table td.pending{color:#ff7d33;}
DIV#cuerpo UL LI.on{ background:#E7EEEF;}
DIV#cuerpo UL LI.gris{ color:#999999; }

.valor {text-align: center;}

/* Mantenimiento y Configuraciones*/
DIV#cuerpo fieldset{ padding-bottom:1em; margin-bottom:2em;}
DIV#cuerpo legend{font-weight:bold; font-size:.9em; color:#003366;}
DIV#cuerpo ol{padding: 1em; list-style:none;}
DIV#cuerpo li.mnto{list-style:none;margin-bottom:1em; margin-left:2em;}
DIV#cuerpo li.der{float:left;}
DIV#cuerpo label{float:left;width: 14em; font-size:1em;}
DIV#cuerpo label.cp{padding:0 4em 0 3em ; width:8em;}
DIV#cuerpo label.provincia{ padding:0 4em 0 3em ;width: 8em;}
DIV#cuerpo label.contacto{width: 7em; padding-left:2em;}
DIV#cuerpo label.mail{width: 11em;}
DIV#cuerpo input[readonly]{color:#999999 !important;background-color:#FFFFFF !important; border:0; margin:0;border: 1px solid #87B7F1;}
DIV#cuerpo input{ font-size:.9em;}
DIV#cuerpo .disabled{color:#666666 !important;cursor:default;background-color:#FFFFFF !important;}
DIV#cuerpo input:focus{background-color:#BFDFFA !important;}
DIV#cuerpo input[readonly]{color:#999999 !important;background-color:#FFFFFF !important; border:0; margin:0;}
DIV#cuerpo select{border: 1px solid #87B7F1;height:1.6em;width:200px; font-size:1.1em;}
DIV#cuerpo select:focus{background-color:#BFDFFA !important;}
DIV#cuerpo .submit{border: 0px;text-align:right; vertical-align:top;}
DIV#cuerpo .btdtable{border:0px; font-size:1.1em; margin:20px 0 10px 0;}
.push {height: 40px;}
DIV#cuerpo fieldset#lista table.info th{text-align:left;}
DIV#cuerpo fieldset#lista table.info td{padding:4px 0;}

DIV#cuerpo ul.menu  {height:20px}
DIV#cuerpo .menu LI{float:left; text-align:center; padding: 0 1px 0 3px; margin:5px; vertical-align:top; height:18px;border: 1px solid #eee;list-style:none}
DIV#cuerpo .menu LI:hover{color:#fdac32;background-color:#e7eeef}
DIV#cuerpo .menu LI button{color:#003366; text-decoration:none; display:block; text-align:center; font-weight:bold; padding-top:3px;}
DIV#cuerpo .menu LI button[disabled]{color:#999999;}

/* trucos para graficos */
DIV#cuerpo DIV#oxigeno{ float:left; padding-right:20px; margin-bottom:10px;}
DIV#cuerpo DIV#protoxido{ margin-bottom:10px;}
DIV#cuerpo DIV#nitrogeno{ float:left; padding-right:20px;}
DIV#cuerpo DIV#criobiologia{ float:left; margin-bottom:10px;}

div#cuerpo.cuerpoJ  {padding-left:20px}
hr.vertical
{	width: 0; height: 18px;
	border: 1px solid #000000;
	position: relative; top: -5px;
}

/* Formularios */
div#cuerpo form li {list-style:none; margin:3px 0px;}

/* Pie */
DIV#pie
{	width:1004px; height: 23px;
	padding: 5px 10px 0px;
	margin-left: auto; margin-right: auto;
	background:#cbd5d5;
	border-top:1px solid #fdac32;
	text-align: left;
	position:relative;
}
DIV#pie UL{list-style:none; margin:0; margin-left:20px;}
DIV#pie UL LI{float:left; text-align:left;}
DIV#pie UL LI A{color:#FFFFFF; text-decoration:none; display:block; text-align:center; font-weight:bold; padding-top:5px; font-size:.6em;}
DIV#pie UL LI A:hover{color:#fdac32;}

.detalle_etiquetas_texto {
	color: #FFFFFF;
	font-size: 9px;
	/*background-color: #FFFFCC;*/
	/*background-image:url(../img/bg_blue_translucido.png);*/
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
}

.detalle_etiquetas {
	color: #fefefe;
	font-size: 9px;
	background-color: #3A4CA4;
	border: 1px solid #fefefe;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
}

.detalle_etiquetas img {
	position: relative;
	top: 3px;
}

.detalle_etiquetas_grande {
position:absolute;
text-align:center;
font-size:small;
font-weight:bold;
color:white;
}

.detalle_etiquetas_con_alarma {

	color: #FFFFFF;
	font-size: 9px;
	background-color: #CC0000;
	border: 1px solid #fefefe;
	text-align: center;
	padding-bottom: 2px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.detalle_etiquetas_con_alarma img {
	position: relative;
	top: 3px;
}

.detalle_nivel {
border: 1px solid #162163;
background-color: #C7C7C3;
position:absolute;
}

img#esquema_imagen{
	margin-bottom: 15px;
}


.rmt_estiloVerde {font-size: 10px; font-weight: bold; color: #009933; }
.rmt_estiloRojo {font-size: 10px; font-weight: bold; color: #990000; }
.rmt_estiloGris {font-size: 10px; font-weight: bold; color: #666666 }

.alarmas_si {
	position:absolute;
	height:20px;
	padding: 0 20px;
	right:0px;
	background-image:url(../img/bg_alarma_blink.gif);
	background-color:#FF6666;
}
.alarmas_no {
	position:absolute;
	height:20px;
	padding: 0 20px;
	right:0px;
	background-color:#99CC66;
	}
.alarmas_error {
	position:absolute;
	height:20px;
	padding: 0 20px;
	right:0px;
	background-color:#CCCCCC;
}

table.numval
{
	font-size:8pt;
}
td.numval
{	
	background-color: #cad9e2;
	font-weight: bold; font-size:8pt;
}
.error	{color: red;}
.fin	{color: #339900;}

.nodata
{	font-size: 12pt;
}

@media print
{	DIV DIV#header {display:none;}
	DIV DIV#header-menu {display:none;}
	DIV#pie {display:none;}
	DIV#cuerpo {overflow:visible;}
	table.info {page-break-after:always;}
	DIV#cuerpo table {page-break-after:auto; border:1px solid; }	
}