/*------------------------------------------------------------------
Copo ArtDesign
-------------------------------------------------------------------*/

@import url("reset.css");

 
    
/*----------------FOOTER----------------------*/
#footer{
	width: 960px;
	height: 55px;
	background-image: url(../images/bg_footer.jpg); 
	margin: 20px auto;
}
#footer ul{
	float: right;
	width: 770px;
	margin-top: 11px;
}
#footer ul li{
	float: left;
	margin-right: 10px;
	width: 243px;
}
#footer ul li a{
	color: #828282;
	text-decoration: none;
}
#footer ul li a:hover{
	color: #1a405e;
}



/*----------------RESULTADOS----------------------*/
/*----------------RESULTADOS----------------------*/
#result{
 
	
	margin: 10px;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	/*padding-bottom: 10px;*/
	box-shadow: 0px 2px 10px #c7c7c7;
	-webkit-box-shadow: 0px 2px 10px #c7c7c7;
    -moz-box-shadow: 0px 2px 10px #c7c7c7;
    
}
#result ul.titles{
  
	 
 
	 
border-bottom: 1px solid #e9e9e9;
	 
clear: both;
	 
padding: 10px 20px 22px 12px;
	 
border-radius: 3px 3px 0 0;
	 
color: #24477a;
	 
 
}
#result ul.titles li{
	float: left;
	 
	 
}
#result ul.titles li.orden{
	padding-left:10px;
	float: left;		
}
#result ul.titles li.determin{
	width: 293px;
	float: left		
}


#result ul.titles li.result{
	width: 210px;
	float: left		
}
#result ul.titles li.uni{
	width: 70px;
	float: left		
}
#result ul.titles li.ref{
	width: 170px;
	float: left		
}
#result ul.titles li.estado{
	width: 108px;
	float: left		
}
#result ul.titles li.metodo{
	width: 108px;
	float: left		
}

#result ul.valores{
	border-bottom: 1px solid #e9e9e9;
	width: 960px;
	display: inline-block;
	clear: both;
}


#result ul.valores li{
	display: block;
	padding: 5px 10px;
}
#result ul.valores li.ico{
	width: 31px;
	float: left	
}
#result ul.valores li.determin{
	width: 148px;
	float: left				
}
/* agregado */
#result ul.valores li.ana{
	width: 860px;
	font-weight:bold;
	font-size: 14px;
	float: left;
	padding: 8px 50px 0px;
			
}
#result ul.valores li.txtpost{
	width: 860px;
	float: left;
	padding: 3px 50px;		
}
#result ul.valores li.txtResult{
	width: 210px;
	float: left;
	padding: 0px 175px 5px;		
}

#result ul.subValores{
	width: 960px;
	display: inline-block;
	clear: both;
}

/* fin agregado */

#result ul.valores li.result{
	width: 107px;
	float: left			
}
#result ul.valores li.uni{
	width: 95px;
	float: left			
}
#result ul.valores li.ref{
	width: 220px;
	float: left			
}
#result ul.valores li.estado{
	width: 110px;
	float: left			
}
#result ul.valores li.metodo{
	width: 108px;
	float: left		
}

  
 tr.ilumina:hover  {
    background-color: #f1f1f1;
    /*border:1px solid #a79d9d;*/
    color:Black;
}
 
 tr.ilumina td
 {
  /*bordeR: 1px solid #efefef;*/
 }
 
 th{
    background-color: #F8F8F8;
    color: #999;
    border-top: medium none;
    padding-left:5px;
    height:20px;
    padding-left:5px;
    border:1px solid white;
    font-size:8pt;
    }
  table tbody
  {
       font-size:16px;
      }
/*----------------DATOS----------------------*/
#datos{
	 
	margin: 10px;
	/* height:147px;*/
	background-color: #FFFFFF;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	padding-bottom: 21px;
	 box-shadow: 0px 2px 10px #c7c7c7;
	-webkit-box-shadow: 0px 2px 10px #c7c7c7;
    -moz-box-shadow: 0px 2px 10px #c7c7c7;
    /* min-width:600px;*/
}
#datos ul.titles{
	 
 
	 
border-bottom: 1px solid #e9e9e9;
	 
clear: both;
	 
padding: 10px 20px 22px 12px;
	 
border-radius: 3px 3px 0 0;
	 
color: #24477a;
	 
 
}
#datos ul.titles li.orden{
	float: left;
}

#datos ul.titles li.estado{
	float: right;
}
#datos ul.titles li.orden span, #datos ul.titles li.estado span{
	color: #d4d4d4;
	margin-left: 10px;
}
#datos ul.info_paciente{
	margin: 20px 0 0 0;	
}
#datos ul.info_paciente li{
	color: #1a405e;
	float: left;
	width: 360px;
	margin-left: 10px;
	margin-bottom: 12px;
}
#datos ul.info_paciente li span{
	color:#000000;
	margin-left: 10px;
}





.Encabezado
{
	color: white;
	background: #416b83;
	font-size: 12px;
	text-align: center;
	height: 15px; 
}
 

 


.content {
   margin: 0 auto;
    width: 900px;
  
}
.filtro {
   width: 900px;
   border-color: #7d8ba5;
   vertical-align:top;
   /*background: #EEE url(../imagenes/fondoGris.png) repeat-x left top;*/
}


.TablaListado
{
   /* background-color: #E5E5E5;*/
   background-color: #F8F8F8;
    font-size: 12px;
}
.TablaListado2
{
   /* background-color: #E5E5E5;*/
    background-color: white;
    font-size: 12px;
}
.separador{
    border: 1px solid #E5E5E5;
    border-width: 1px 0;
    /*padding: .5em 0;*/
    /*margin: 1.5em 0 2em;*/
    zoom: 1;
}
/* #header{
	width: 100%;
	height: 100px;
	/*background-color: #733086;
	background: #FFFFFF url(../imagenes/bg_wrapper.png) repeat-x; 
	
	
	
}
#header img.logo{
	margin-top: 0px;
}

*/
.cont{
	width: 750px;
	
/*	background-color: aqua;*/
	margin: 0 120px auto;
}


.TablaEncabezado
{
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: 'Trebuchet MS';
	COLOR: black;
	FONT-SIZE: 8pt;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	TEXT-DECORATION: none;
	background-color: #ABABAB;
	
	
}

.TablaFiltro{
  background: url(../imagenes/barra.gif) no-repeat 50% 0%;
  padding: 7px 10px;
  font: normal normal normal 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  


}

.TablaSubEncabezado
{
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none;
	BACKGROUND-COLOR: #d9d9d9;
	FONT-FAMILY: 'Trebuchet MS';
	COLOR: dimgray;
	FONT-SIZE: 8pt;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	TEXT-DECORATION: none;
	
	
}
#datos input[type="button"] {
	border:1px solid #35507b;
	display:inline-block;
	background-color:#35507b;
	color:White;
	font-size:10px;
	padding:6px 15px;
	text-decoration:none;
	 
}#datos input[type="button"]:hover {
	background-color:#c5c5c5;
	border:1px solid #c5c5c5;
}#datos input[type="button"]:active {
	position:relative;
	top:1px;

}
 

.textIzq
{
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-FAMILY: 'Trebuchet MS';
	HEIGHT: 14pt;
	COLOR: black;
	FONT-SIZE: 8pt;
	border: 1px solid #999999;
}
.recuadro
{
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 12px;
    DISPLAY: block;
    HEIGHT: 12px;
    COLOR: #000000;
    BORDER-TOP: #000000 1px solid;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: #000000 1px solid;
    TEXT-DECORATION: none
}

TD.tdLigBg
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: black;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
TD.tdDarkBg
{
  
    BACKGROUND-COLOR: #F6F6F6;
    FONT-FAMILY: 'Trebuchet MS';
    COLOR: black;
    FONT-SIZE: 8pt;
    
    TEXT-DECORATION: none
}
.textDer
{
    BORDER-BOTTOM: #999999 1px solid;
    TEXT-ALIGN: right;
    BORDER-LEFT: #999999 1px solid;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: #FFFFFF;
    
    HEIGHT: 14pt;
    COLOR: black;
    FONT-SIZE: 8pt;
    BORDER-TOP: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid
}
TD.tdTransp
{
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    
    COLOR: gray;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none
}
TD.tdMnuNoSelec
{
    BACKGROUND-COLOR: white;
    FONT-VARIANT: small-caps;
    FONT-FAMILY: 'Trebuchet MS';
    COLOR: black;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bolder
}
TD.tdMnuSelec
{
    FONT-VARIANT: small-caps;
     
    COLOR: white;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bolder;
	 cursor: pointer; 
	 background-image: url(../../imagenes/cuadrado2.PNG); 
	 background-repeat: repeat-x;
}
.MnuNoSelec
{
	/*BACKGROUND-IMAGE: url(../imagenes/azul.gif);*/
	TEXT-ALIGN: center;
	FONT-VARIANT: normal;
	 
	COLOR: black;
	FONT-SIZE: 12px;
	
	background: #72839D url(../imagenes/azul.gif) repeat-x ;
}



.MnuNoSelec2
{
 -webkit-box-shadow: 2px 2px 4px #666;

    -webkit-border-radius: 12px;
    -moz-box-shadow: 2px 2px 4px #666;

    -moz-border-radius: 12px;

    box-shadow: 2px 2px 4px #666;

    border-radius: 12px;


}



.MnuSelec
{
	TEXT-ALIGN: center;
	FONT-VARIANT: normal;
	 
	
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	
	cursor: pointer; 
	background-color: #C0C0C0;
	/*BACKGROUND-COLOR: #E5E5E5;*/
	 /*background-image: url(../../imagenes/cuadrado2.PNG); 
	 background-repeat: repeat-x;*/
}
TD.tdStatusBar
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 3px;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-VARIANT: small-caps;
    MARGIN: 0px;
    PADDING-LEFT: 8pt;
    PADDING-RIGHT: 8pt;
    FONT-FAMILY: 'Calibri';
    COLOR: gray;
    FONT-SIZE: 10pt;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 0px
}

.TablaEncabezadoDet1
{
    BORDER-BOTTOM: black;
    BORDER-LEFT: black;
    TEXT-TRANSFORM: none;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: normal;
    FONT-STYLE: normal;
    /*  font-family: 'Trebuchet MS';*/
    COLOR: black;
    FONT-SIZE: 10pt;
    BORDER-TOP: black;
    BORDER-RIGHT: black;
    TEXT-DECORATION: none
}
.TablaEncabezadoDet2
{
    BORDER-BOTTOM: black 1pt;
    BORDER-LEFT: black 1pt;
    TEXT-TRANSFORM: none;
    BACKGROUND-COLOR: #F6F6F6;
    FONT-VARIANT: normal;
    FONT-STYLE: normal;
     
    COLOR: black;
    FONT-SIZE: 10pt;
    BORDER-TOP: black 1pt;
    BORDER-RIGHT: black 1pt;
    TEXT-DECORATION: none
}
.TablaEncabezadoDet3
{
    TEXT-TRANSFORM: uppercase;
    /*  font-family: 'Trebuchet MS';*/
    FONT-SIZE: x-small;
    FONT-WEIGHT: 900
}

.TablaEncabezadoDet5
{
  

    /*  font-family: 'Trebuchet MS';*/
    color: black;
    padding-left:5px;
   
}
.tablaEncabezadoDet6
{
  /*  font-family: 'Trebuchet MS';*/

    color: black;
    
    FONT-WEIGHT: 900
}
.TablaDet1
{
	border: 2pt solid #72839D;
}
.TdCeleste
{
    BACKGROUND-COLOR: blue;
    
    COLOR: black;
    FONT-SIZE: 10pt
}




        
            
             @media print 
             {
              header, footer, div, aside, body {
                display: none;
                }
             
             }
             
             
 
     
#mensaje ul.titles li.orden{
	float: left;
}

#mensaje ul.titles li.estado{
	float: right;
}
#mensaje ul.titles li.orden span, #mensaje ul.titles li.estado span{
	color: #d4d4d4;
	margin-left: 10px;
}
#mensaje ul.info_paciente{
	margin: 20px 0 0 0;	
}
#mensaje ul.info_paciente li{
	color: #1a405e;
	float: left;
	width: 230px;
	margin-left: 10px;
	margin-bottom: 12px;
}
#mensaje ul.info_paciente li span{
	color: #7b7b7b;
	margin-left: 10px;
}
.TablaEncabezadoDet1
{
    BORDER-BOTTOM: black;
    BORDER-LEFT: black;
    TEXT-TRANSFORM: none;
    BACKGROUND-COLOR: white;
    FONT-VARIANT: normal;
    FONT-STYLE: normal;
    /*  font-family: 'Trebuchet MS';*/
    COLOR: black;
    FONT-SIZE: 10pt;
    BORDER-TOP: black;
    BORDER-RIGHT: black;
    TEXT-DECORATION: none
}
.TablaEncabezadoDet2
{
    BORDER-BOTTOM: black 1pt;
    BORDER-LEFT: black 1pt;
    TEXT-TRANSFORM: none;
    BACKGROUND-COLOR: #F6F6F6;
    FONT-VARIANT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: black;
    FONT-SIZE: 10pt;
    BORDER-TOP: black 1pt;
    BORDER-RIGHT: black 1pt;
    TEXT-DECORATION: none
}
.TablaEncabezadoDet3
{
    TEXT-TRANSFORM: uppercase;
    FONT-SIZE: x-small;
    FONT-WEIGHT: 900
}

.TablaEncabezadoDet5
{
  

    color: black;
   
}
.TablaEncabezadoDet15
{
  
font-size:15pt;
    color: black;
   
}

.tablaEncabezadoDet6
{
  
    color: black;
    
    FONT-WEIGHT: 900
}
.TablaDet1
{
	border: 2pt solid #72839D;
}